@charset "UTF-8";
#header #header-nav .nav-button, #modal-menu-item a, #sticky-footer .nav-button, .close-menu, .close-notice {
  border-radius: 3px;
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: .2em 0;
  text-align: center;
  white-space: nowrap;
  font-weight: 700
}
#header #header-nav .nav-button span, #modal-menu-item a span, #sticky-footer .nav-button span, .close-menu span, .close-notice span {
  display: block;
  margin-bottom: .15em;
  font-size: 216%
}
#modal-menu {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10002;
  display: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .5)
}
#modal-menu > div:last-of-type {
  padding-top: 5px;
  text-align: center
}
#modal-menu > div:last-of-type a {
  color: #fff
}
#modal-menu-open.ac {
  position: relative;
  z-index: 1000000
}
#modal-menu-open.ac:after {
  display: none
}
#modal-menu .close-overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10001;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100%;
  text-indent: 1000px;
  white-space: nowrap;
  cursor: pointer
}
#modal-menu .close-overlay a {
  display: none
}
abbr, address, article, aside, audio, b, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video {
  margin: 0;
  padding: 0;
  outline: 0;
  border: 0;
  background-color: transparent;
  vertical-align: baseline;
  font-size: 100%
}
body {
  line-height: 1
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block
}
nav ul {
  list-style: none
}
blockquote, q {
  quotes: none
}
blockquote:after, blockquote:before, q:after, q:before {
  content: "";
  content: none
}
a {
  margin: 0;
  padding: 0;
  background-color: transparent;
  vertical-align: baseline;
  font-size: 100%
}
ins {
  text-decoration: none
}
ins, mark {
  color: inherit
}
mark {
  font-weight: 700
}
del {
  text-decoration: line-through
}
abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help
}
table {
  border-spacing: 0;
  border-collapse: collapse
}
hr {
  display: block;
  margin: 1em 0;
  padding: 0;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc
}
input, select {
  vertical-align: middle
}
h1, h2, h3, h4, h5, h6 {
  font-weight: 400
}
img, object {
  vertical-align: bottom
}
li {
  list-style-type: none
}
em {
  font-style: normal
}
textarea {
  font-size: 100%
}
button, input[type=submit] {
  cursor: pointer
}
address, cite, dfn, em, i, var {
  font-style: normal
}
@font-face {
  font-weight: 400;
  font-style: normal;
}
[class*=a-icon__], [class^=a-icon__] {
  display: inline-block;
  vertical-align: inherit
}
[class*=a-icon__]:before, [class^=a-icon__]:before {
  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;
  text-transform: none;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.a-icon__user:before {
  content: "\e102"
}
.a-icon__member:before {
  content: "\e103"
}
.a-icon__point:before {
  content: "\e104"
}
.a-icon__coin:before {
  content: "\e105"
}
.a-icon__sp:before {
  content: "\e106"
}
.a-icon__pc:before {
  content: "\e107"
}
.a-icon__ap:before {
  content: "\e108"
}
.a-icon__attention:before {
  content: "\e109"
}
.a-icon__help:before {
  content: "\e10a"
}
.a-icon__cross:before {
  content: "\e10b"
}
.a-icon__check:before {
  content: "\e10c"
}
.a-icon__arrow1--up:before {
  content: "\e10d"
}
.a-icon__arrow1--right:before {
  content: "\e10e"
}
.a-icon__arrow1--down:before {
  content: "\e10f"
}
.a-icon__arrow1--left:before {
  content: "\e110"
}
.a-icon__arrow2--up:before {
  content: "\e111"
}
.a-icon__arrow2--right:before {
  content: "\e112"
}
.a-icon__arrow2--down:before {
  content: "\e113"
}
.a-icon__arrow2--left:before {
  content: "\e114"
}
.a-icon__arrow3--up:before {
  content: "\e115"
}
.a-icon__arrow3--right:before {
  content: "\e116"
}
.a-icon__arrow3--down:before {
  content: "\e117"
}
.a-icon__arrow3--left:before {
  content: "\e118"
}
.a-icon__hamburger-menu:before {
  content: "\e119"
}
.a-icon__star:before {
  content: "\e11a"
}
.a-icon__star--fill:before {
  content: "\e11b"
}
.a-icon__heart:before {
  content: "\e11c"
}
.a-icon__heart--fill:before {
  content: "\e11d"
}
.a-icon__heart--circle:before {
  content: "\e11e"
}
.a-icon__good:before {
  content: "\e11f"
}
.a-icon__good--fill:before {
  content: "\e120"
}
.a-icon__home:before {
  content: "\e121"
}
.a-icon__logout:before {
  content: "\e122"
}
.a-icon__share:before {
  content: "\e123"
}
.a-icon__download:before {
  content: "\e124"
}
.a-icon__add-home:before {
  content: "\e125"
}
.a-icon__qr-code:before {
  content: "\e126"
}
.a-icon__toolbar:before {
  content: "\e127"
}
.a-icon__search:before {
  content: "\e128"
}
.a-icon__search--circle:before {
  content: "\e129"
}
.a-icon__bell:before {
  content: "\e12a"
}
.a-icon__bell--circle:before {
  content: "\e12b"
}
.a-icon__edit:before {
  content: "\e12c"
}
.a-icon__coin1:before {
  content: "\e12d"
}
.a-icon__coin2:before {
  content: "\e12e"
}
.a-icon__request:before {
  content: "\e12f"
}
.a-icon__piggy-bank:before {
  content: "\e130"
}
.a-icon__bank:before {
  content: "\e131"
}
.a-icon__exchange:before {
  content: "\e132"
}
.a-icon__cycle:before {
  content: "\e133"
}
.a-icon__balloon:before {
  content: "\e134"
}
.a-icon__play:before {
  content: "\e135"
}
.a-icon__clock:before {
  content: "\e136"
}
.a-icon__history:before {
  content: "\e137"
}
.a-icon__course:before {
  content: "\e138"
}
.a-icon__flag:before {
  content: "\e139"
}
.a-icon__beginner:before {
  content: "\e13a"
}
.a-icon__light:before {
  content: "\e13b"
}
.a-icon__doc1:before {
  content: "\e13c"
}
.a-icon__doc2:before {
  content: "\e13d"
}
.a-icon__note:before {
  content: "\e13e"
}
.a-icon__checklist:before {
  content: "\e13f"
}
.a-icon__tag:before {
  content: "\e140"
}
.a-icon__mail:before {
  content: "\e141"
}
.a-icon__card:before {
  content: "\e142"
}
.a-icon__ticket:before {
  content: "\e143"
}
.a-icon__cart:before {
  content: "\e144"
}
.a-icon__shop-bag:before {
  content: "\e145"
}
.a-icon__graph:before {
  content: "\e146"
}
.a-icon__trump:before {
  content: "\e147"
}
.a-icon__game:before {
  content: "\e148"
}
.a-icon__music:before {
  content: "\e149"
}
.a-icon__net:before {
  content: "\e14a"
}
.a-icon__sprout:before {
  content: "\e14b"
}
.a-icon__flower:before {
  content: "\e14c"
}
.a-icon__airplane:before {
  content: "\e14d"
}
.a-icon__cosme:before {
  content: "\e14e"
}
.a-icon__fashion:before {
  content: "\e14f"
}
.a-icon__accessory:before {
  content: "\e150"
}
.a-icon__camera:before {
  content: "\e151"
}
.a-icon__necessities:before {
  content: "\e152"
}
.a-icon__foods:before {
  content: "\e153"
}
.a-icon__sports:before {
  content: "\e154"
}
.a-icon__amusement:before {
  content: "\e155"
}
.a-icon__pet:before {
  content: "\e156"
}
.a-icon__car:before {
  content: "\e157"
}
.a-icon__lock:before {
  content: "\e158"
}
.a-icon__ranking:before {
  content: "\e159"
}
.a-icon__crown:before {
  content: "\e15a"
}
.a-icon__crown--fill:before {
  content: "\e15b"
}
.a-icon__ribbon:before {
  content: "\e15c"
}
.a-icon__cracker:before {
  content: "\e15d"
}
.a-icon__present:before {
  content: "\e15e"
}
.a-icon__dream-chance:before {
  content: "\e15f"
}
.a-icon__new:before {
  content: "\e160"
}
.a-icon__free:before {
  content: "\e161"
}
.a-icon__check--circle:before {
  content: "\e162"
}
body {
  background-color: #eee;
  background-size: 50px 50px;
  color: #333;
  font-size: 12px;
  font-family: Hiragino Kaku Gothic Pro, Hiragino Sans, ヒラギノ角ゴ Pro W3, Roboto, メイリオ, Meiryo, verdana, Osaka, MS\ Pゴシック, MS PGothic, Sans-Serif;
  -webkit-text-size-adjust: 100%
}
@media screen and (min-width: 768px) {
  body.tb {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: auto;
    min-height: 100vh;
    width: 500px;
    border-right: 1px solid #15aaa1;
    border-left: 1px solid #15aaa1;
    
    background-size: 6px 6px
  }
  body.tb div.container {
    background: #eee
  }
  body.tb.noscroll {
    position: static
  }
  body.tb .noscroll {
    width: 498px
  }
}
a {
  color: #333;
  text-decoration: none
}
input, textarea {
  font-family: Hiragino Kaku Gothic Pro, Hiragino Sans, ヒラギノ角ゴ Pro W3, Roboto, メイリオ, Meiryo, verdana, Osaka, MS\ Pゴシック, MS PGothic, Sans-Serif;
  background: #fff
}
button {
  color: #333
}
@font-face {
  font-weight: 700;
  font-style: normal;
  font-family: Quantico;
  src: local("Quantico-Bold"), url(https://fonts.gstatic.com/s/quantico/v5/EVhTOTBlAHgKHA6KCxbw4brIa-7acMAeDBVuclsi6Gc.woff) format("woff")
}
#header {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 53px;
  border-bottom: 1px solid #15aaa1;
  background-color: #fff
}

#header .membership {
  position: absolute;
  top: 10px;
  left: 52px;
  color: #333;
  font-weight: 700;
  font-size: 13px;
  font-family: ヒラギノ丸ゴ ProN W4, Hiragino Maru Gothic ProN, HG丸ゴシックM-PRO, HGMaruGothicMPRO, メイリオ, Meiryo, Osaka, MS\ Pゴシック, MS PGothic, sans-serif;
  line-height: 1.3em
}
#header .membership span {
  color: #15aaa1
}
#header .pre__nologin__inner {
  position: absolute;
  top: 5px;
  right: 5px
}
#header .pre__nologin__inner li:first-child {
  margin-right: 5px
}
#header .pre__nologin__inner .a-btn__entry, #header .pre__nologin__inner .a-btn__login {
  padding: 10px
}
#header #header-nav {
  position: absolute;
  top: 8px;
  right: 5px
}
#header #header-nav .nav-list {
  position: relative;
  top: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%
}
#header #header-nav .nav-list li.new_anime {
  position: relative
}
#header #header-nav .nav-list li.new_anime .point_animation {
  position: absolute;
  top: 5px;
  left: 10px;
  color: #f94f31
}
#header #header-nav .nav-button {
  width: 40px !important;
  color: #15aaa1 !important;
  font-size: 15px !important
}
#header #header-nav .nav-button.bankbook {
  position: relative;
  left: 3px
}
#header #header-nav .nav-button.menu {
  width: 35px !important
}
#header #header-nav .nav-button .open {
  position: relative
}
#header #header-nav .nav-button .open .new {
  position: absolute;
  top: 20px;
  left: 7px;
  padding: 2px;
  border-radius: 10px;
  background-color: #f94f31;
  color: #fff;
  font-weight: 700;
  font-size: 8px
}
#header #header-nav .nav-button .close {
  display: none;
  color: #fff
}
#header #header-nav #accordion-search-open .close {
  color: #15aaa1
}
@-webkit-keyframes camp-icon {
  0% {
    opacity: 0
  }
  10% {
    opacity: 0
  }
  25% {
    opacity: 1
  }
  75% {
    opacity: 1
  }
  90% {
    opacity: 0
  }
  to {
    opacity: 0
  }
}
@keyframes camp-icon {
  0% {
    opacity: 0
  }
  10% {
    opacity: 0
  }
  25% {
    opacity: 1
  }
  75% {
    opacity: 1
  }
  90% {
    opacity: 0
  }
  to {
    opacity: 0
  }
}
#login-user-info {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0px 117px 0 140px;
  padding: 7px 5px;
  height: 55px;
  background-color: #fff0;
  text-align: right;
  border-left: solid 1px #eee;
  border-right: solid 1px #eee;
}
#login-user-info a {
  display: block
}
#login-user-info .user-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.6
}
#login-user-info .user-name em {
  color: #666;
  font-weight: 700;
  font-style: normal;
  font-size: 11px
}
#login-user-info .user-point em {
  color: #d70d25;
  letter-spacing: -1.5px;
  font-weight: 700;
  font-style: normal;
  font-size: 22px;
  
}
#login-user-info .user-point-full {
  margin-top: 3px
}
#login-user-info .user-point-full em {
  font-size: 19px
}
#login-user-info .user-point .user-point-unit {
  font-size: .86em
}
#login-user-info .formatting-mark {
  padding-left: 2px;
  font-size: 22px
}
#header-nav li.new_anime .point_animation {
  -webkit-animation-name: stickyfooter-icon;
  animation-name: stickyfooter-icon;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}
.header__blinking-icon span {
  -webkit-transition: .5s;
  transition: .5s;
  -webkit-animation: blinking-icon .4s ease-in-out 10 alternate;
  animation: blinking-icon .4s ease-in-out 10 alternate;
  display: block;
  color: #fff !important;
  text-shadow: -1px 1px 5px #15aaa1, 1px -1px 5px #15aaa1
}
.header__badge:after {
  position: absolute;
  top: 2px;
  left: 24px;
  color: #ff3939;
  content: "●";
  font-size: 10px;
  -webkit-animation: badge-blink .8s 3 both;
  animation: badge-blink .8s 3 both
}
@-webkit-keyframes blinking-icon {
  0% {
    color: #15aaa1;
    text-shadow: -1px 1px 5px #fff, 1px -1px 5px #fff
  }
  to {
    color: #fff;
    text-shadow: 1px -1px 5px #15aaa1, -1px 1px 5px #15aaa1
  }
}
@keyframes blinking-icon {
  0% {
    color: #15aaa1;
    text-shadow: -1px 1px 5px #fff, 1px -1px 5px #fff
  }
  to {
    color: #fff;
    text-shadow: 1px -1px 5px #15aaa1, -1px 1px 5px #15aaa1
  }
}
#footer {
  position: relative;
  margin-top: 70px;
  margin-bottom: 50px;
  border-top: 1px solid #ddd;
  background-color: #fff;
  text-align: center;
  font-size: 10px
}
#footer .footer-menu {
  margin: 10px 0
}
#footer .footer-menu li {
  display: inline-block;
  color: #c1dddb;
  white-space: nowrap
}
#footer .footer-menu li:first-of-type:before {
  margin-right: .25em;
  content: "|"
}
#footer .footer-menu li:after {
  content: "|"
}
#footer .footer-menu li a {
  margin-right: .25em;
  padding: 0 .25em;
  color: #15aaa1
}
#footer .credit {
  display: block;
  padding: 5px;
  background-color: #15aaa1;
  color: #fff
}
.footer__bottom--0 #footer {
  margin-bottom: 0
}
.m-footer-menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-top: 10px
}
.m-footer-menu li {
  margin: 0 5px 10px
}
.m-footer-menu li a {
  color: #666
}
#sticky-footer {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 50000;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 50px;
  border-top: 1px solid #15aaa1;
  background-color: #fff
}
#sticky-footer.absolute {
  position: absolute;
  bottom: -50px
}
#sticky-footer .nav-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 50px
}
#sticky-footer .nav-list li {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 20%;
  letter-spacing: -1px
}
#sticky-footer .nav-list li:nth-child(4) {
  letter-spacing: -1.8px
}
#sticky-footer .nav-list li:nth-child(5) {
  letter-spacing: -1.2px
}
#sticky-footer .nav-button {
  display: block;
  padding: 7% 0;
  height: 100%;
  color: #666;
  font-size: 93%
}
#sticky-footer .nav-button.ac {
  border-radius: 0;
  background-color: #c9f5f2;
  color: #15aaa1
}
#sticky-footer .nav-button.app {
  position: relative
}
#sticky-footer .nav-button.app .app-count .number {
  position: absolute;
  top: -7px;
  left: 20%;
  display: block;
  padding: 3px 8px;
  border-radius: 50px;
  background: #f94f31;
  color: #fff;
  text-indent: -2px;
  letter-spacing: -2px;
  font-size: 12px
}
#sticky-footer .nav-button.app .app-count .count {
  font-weight: 700;
  font-style: normal;
  font-size: 12px
}
#sticky-footer .rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}
#sticky-footer .bouncing {
  -webkit-animation-name: bouncing;
  animation-name: bouncing;
  -webkit-animation-duration: 6s;
  animation-duration: 6s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}
.questionnaire__denote-hide {
  display: none
}
.questionnaire__denote {
  position: relative;
  display: block
}
.questionnaire__denote .questionnaire__denote-badge {
  top: -32px;
  left: 65%;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  letter-spacing: 0;
  line-height: 19px
}
.questionnaire__denote .questionnaire__denote-badge, .update__denote-badge {
  position: absolute;
  display: block;
  background: #ff3939;
  color: #fff;
  font-size: 10px
}
.update__denote-badge {
  top: -12px;
  left: 50%;
  margin-left: -2.75em;
  padding: .28em;
  width: 5em;
  border-radius: 2em;
  letter-spacing: .01em;
  font-weight: 700
}
.ui__none {
  display: none
}
.ui__block {
  display: block
}
.questionnaire__denote .rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}
@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
  30% {
    -webkit-transform: scale3d(1.25, .75, 1);
    transform: scale3d(1.25, .75, 1)
  }
  40% {
    -webkit-transform: scale3d(.75, 1.25, 1);
    transform: scale3d(.75, 1.25, 1)
  }
  50% {
    -webkit-transform: scale3d(1.15, .85, 1);
    transform: scale3d(1.15, .85, 1)
  }
  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1)
  }
  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1)
  }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
}
@keyframes rubberBand {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
  30% {
    -webkit-transform: scale3d(1.25, .75, 1);
    transform: scale3d(1.25, .75, 1)
  }
  40% {
    -webkit-transform: scale3d(.75, 1.25, 1);
    transform: scale3d(.75, 1.25, 1)
  }
  50% {
    -webkit-transform: scale3d(1.15, .85, 1);
    transform: scale3d(1.15, .85, 1)
  }
  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1)
  }
  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1)
  }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
}
@-webkit-keyframes bouncing {
  0%, 7%, 13%, 18%, to {
    -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
  5% {
    -webkit-transition-timing-function: cubic-bezier(.755, .05, .855, .06);
    transition-timing-function: cubic-bezier(.755, .05, .855, .06);
    -webkit-transform: translate3d(0, -8px, 0);
    transform: translate3d(0, -8px, 0)
  }
  10% {
    -webkit-transition-timing-function: cubic-bezier(.755, .05, .855, .06);
    transition-timing-function: cubic-bezier(.755, .05, .855, .06);
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0)
  }
  16% {
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0)
  }
}
@keyframes bouncing {
  0%, 7%, 13%, 18%, to {
    -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
  5% {
    -webkit-transition-timing-function: cubic-bezier(.755, .05, .855, .06);
    transition-timing-function: cubic-bezier(.755, .05, .855, .06);
    -webkit-transform: translate3d(0, -8px, 0);
    transform: translate3d(0, -8px, 0)
  }
  10% {
    -webkit-transition-timing-function: cubic-bezier(.755, .05, .855, .06);
    transition-timing-function: cubic-bezier(.755, .05, .855, .06);
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0)
  }
  16% {
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0)
  }
}
#header [data-badge]:after, #sticky-footer [data-badge]:after {
  background-image: -webkit-linear-gradient(#ff1500, #a50000);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ff1500), to(#a50000));
  background-image: linear-gradient(#ff1500, #a50000);
  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
  border-radius: 50%;
  display: block;
  width: 1.3em;
  height: 1.3em;
  border: 1px solid #fff;
  color: #fff;
  text-align: center;
  font-weight: 700;
  font-style: normal;
  font-size: 1.2em;
  font-family: Hiragino Kaku Gothic Pro, Hiragino Sans, ヒラギノ角ゴ Pro W3, Roboto, メイリオ, Meiryo, verdana, Osaka, MS\ Pゴシック, MS PGothic, Sans-Serif;
  line-height: 1.3
}
#header [data-badge]:after {
  position: absolute;
  top: -2px;
  left: 65%;
  padding: 2px 3px 1px 2px;
  content: attr(data-badge);
  font-size: .8em
}
#sticky-footer [data-badge]:after {
  position: absolute;
  top: 0;
  left: 62%;
  content: attr(data-badge)
}
#header [data-badge="0"]:after, #sticky-footer [data-badge="0"]:after {
  display: none !important
}
.section-lv1 {
  margin: 10px 0;
  background-color: #fff
}
.section-lv1:first-child {
  margin-top: 0
}
.section-lv1 .title {
  padding: .6em 1em;
  border-top: 4px solid #15aaa1;
  background-color: #f3f3f3;
  font-weight: 700;
  font-size: 116%
}
.section-lv1 .title i {
  margin-right: .25em;
  margin-left: -.5em
}
.section-lv1 .badge {
  position: absolute;
  top: 50%;
  right: 5px;
  display: block;
  margin-top: -.7em;
  padding: .25em .4em;
  border-radius: 3px;
  background-color: #fff;
  font-size: 93%
}
.fuwafuwa {
  -webkit-animation-name: fuwafuwa;
  animation-name: fuwafuwa;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}
@-webkit-keyframes fuwafuwa {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0)
  }
  50% {
    -webkit-transform: translate(-5px);
    transform: translate(-5px)
  }
  to {
    -webkit-transform: translate(0);
    transform: translate(0)
  }
}
@keyframes fuwafuwa {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0)
  }
  50% {
    -webkit-transform: translate(-5px);
    transform: translate(-5px)
  }
  to {
    -webkit-transform: translate(0);
    transform: translate(0)
  }
}
.section-top {
  margin: 20px 0 20px
}
.section-top:first-child {
  margin-top: 0
}
.section-top .title {
  margin-bottom: 10px;
  padding: 10px 10px 0;
  color: #333;
  font-weight: 700;
  font-size: 139%;
  line-height: 1.2
}
.section-top .badge {
  position: absolute;
  top: 50%;
  right: 5px;
  display: block;
  margin-top: -.7em;
  padding: .25em .4em;
  border-radius: 3px;
  background-color: #fff;
  font-size: 93%
}
.item-unit {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 10px 0 0;
  padding: 0 10px 10px;
  border-bottom: 1px dotted #dbdbdb
}
.item-unit:last-child {
  border-bottom: none
}
.item-unit .banner {
  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;
  float: left;
  margin-right: 10px;
  width: 80px
}
.item-unit .banner img {
  display: block;
  margin: 0 auto;
  max-width: 80px
}
.item-unit .flavor-text, .item-unit .name, .item-unit .point {
  margin-left: 90px;
  padding-right: 10px
}
.item-unit .name {
  font-weight: 700;
  font-size: 108%
}
.item-unit .flavor-text {
  margin-top: .5em;
  color: #333;
  font-size: 93%;
  line-height: 1.2
}
.item-unit .point {
  border-radius: 3px;
  margin-top: .5em;
  margin-right: 1em;
  padding: .25em .5em;
  background-color: #f5f5f5;
  color: #333
}
.item-unit .point s {
  text-decoration: none;
  font-size: 108%
}
.item-unit .point s:before {
  margin-right: .25em
}
.item-unit .point em {
  color: #ff3939;
  font-weight: 700;
  font-size: 139%
}
a.item-unit:after {
  position: absolute;
  top: 50%;
  margin-top: -.5em;
  speak: none;
  content: "\e10e";
  right: 5px
}
.a-btn__more .number {
  margin-right: 10px;
  padding: .4em;
  background-color: #15aaa1;
  color: #fff;
  font-size: 93%
}
.a-btn__more .number em {
  font-size: 116%
}
.link-about {
  position: absolute;
  top: 10px;
  right: 10px
}
.link-about a {
  display: block;
  padding: .4em .6em;
  border-radius: 3px;
  background-color: #15aaa1;
  color: #fff;
  text-align: center;
  font-weight: 700;
  font-size: 11px
}
footer.ovh {
  overflow: hidden;
  width: 100%;
  background: #eee
}
.time-remaining {
  background-color: #fff;
  color: #ff3939;
  font-weight: 700
}
.time-remaining span {
  color: #333;
  font-size: 85%
}
.time-remaining.type-bar {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 10px;
  padding: .2em .5em;
  border: 2px solid #ccc;
  border-right-width: 1em;
  border-left-width: 1em;
  background-color: #fff;
  text-align: center
}
.time-remaining.type-bar:after, .time-remaining.type-bar:before {
  -webkit-transform-origin: center center;
  transform-origin: center center;
  -webkit-transform: scaleY(1.4);
  transform: scaleY(1.4);
  position: absolute;
  top: 50%;
  margin-top: -1em;
  content: ""
}
.time-remaining.type-bar:before {
  border-left: 1em solid #fff;
  left: -1.25em
}
.time-remaining.type-bar:after, .time-remaining.type-bar:before {
  display: block;
  height: 0;
  width: 0;
  pointer-events: none;
  border-top: 1em solid transparent;
  border-bottom: 1em solid transparent
}
.time-remaining.type-bar:after {
  border-right: 1em solid #fff;
  right: -1.25em
}
.banner-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 5px;
  box-pack: center;
  box-align: center
}
.banner-wrapper a {
  display: block;
  margin: 0 5px;
  text-align: center;
  box-flex: 1
}
.banner-wrapper a img {
  max-width: 100%;
  height: auto
}
.campaign-banner {
  margin: 0;
  padding: 10px;
  border-top: 3px solid #15aaa1;
  border-bottom: 3px solid #15aaa1;
  background-color: #fff
}
.campaign-banner + .campaign-banner {
  border-top: none
}
.campaign-banner:last-of-type {
  margin-bottom: 15px
}
.color-button {
  margin: 10px;
  text-align: center
}
.color-button a, .color-button input[type=button], .color-button input[type=submit] {
  background-color: #15aaa1;
  background-image: -webkit-linear-gradient(#1bd7cc, #15aaa1);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#1bd7cc), to(#15aaa1));
  background-image: linear-gradient(#1bd7cc, #15aaa1);
  border: 1px solid #15aaa1;
  border-radius: 5px;
  -webkit-box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, .2), 0 1px 0 hsla(0, 0%, 100%, .2) inset;
  box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, .2), inset 0 1px 0 hsla(0, 0%, 100%, .2);
  color: #fff;
  font-weight: 700;
  display: block;
  padding: .75em 1em
}
.color-button input[type=button], .color-button input[type=submit] {
  margin: 10px auto;
  padding: .5em 1em;
  width: 100%;
  font-size: 1.2em;
  cursor: pointer
}
.color-button.light a, .color-button.light input {
  background-color: #e8f7f6;
  background-image: -webkit-linear-gradient(#fff, #e8f7f6);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e8f7f6));
  background-image: linear-gradient(#fff, #e8f7f6);
  border: 1px solid #e8f7f6;
  color: #15aaa1;
  text-shadow: none
}
.color-button.heaven a, .color-button.heaven input {
  background-color: #d7d5ca;
  background-image: -webkit-linear-gradient(#fff, #d7d5ca);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#d7d5ca));
  background-image: linear-gradient(#fff, #d7d5ca);
  border: 1px solid #f1f1ed;
  color: #362f20;
  text-shadow: none
}
.color-button.abyss a, .color-button.abyss input {
  background-color: #333;
  background-image: -webkit-linear-gradient(#4d4d4d, #333);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#4d4d4d), to(#333));
  background-image: linear-gradient(#4d4d4d, #333);
  border: 1px solid #333
}
.color-button.point-get a, .color-button.point-get input {
  background-image: -webkit-linear-gradient(#f9ce2a, #e79e1c);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f9ce2a), to(#e79e1c));
  background-image: linear-gradient(#f9ce2a, #e79e1c);
  border: 1px solid #e79e1c
}
.color-button.entry a, .color-button.entry input {
  background-color: #f9731d;
  background-image: -webkit-linear-gradient(#fa924f, #f9731d);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fa924f), to(#f9731d));
  background-image: linear-gradient(#fa924f, #f9731d);
  border: 1px solid #f9731d
}
.color-button.cashback a, .color-button.cashback input {
  background-color: #2387cf;
  background-image: -webkit-linear-gradient(#459fe0, #2387cf);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#459fe0), to(#2387cf));
  background-image: linear-gradient(#459fe0, #2387cf);
  border: 1px solid #2387cf
}
.box-button {
  position: relative;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 10px 0;
  width: 100%;
  border-top: 1px solid #ddd
}
.box-button.column-2 li {
  float: left;
  width: 50%
}
.box-button.column-2 li.nowrap {
  width: 100%
}
.box-button > li {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-width: 1px;
  border-style: solid;
  border-top-color: #fff;
  border-right-color: #ddd;
  border-bottom-color: #ddd;
  border-left-color: #fff
}
.box-button > li a {
  display: block;
  padding: .75em 2em;
  background-color: #fff;
  color: #333;
  line-height: 1.2
}
.box-button > li a:before {
  position: absolute;
  top: 1px;
  left: 1px;
  color: #fff;
  font-size: 77%
}
.box-button > li:before {
  display: block;
  height: 0;
  width: 0;
  pointer-events: none;
  border-top: 1.8em solid #15aaa1;
  border-right: 1.8em solid transparent;
  position: absolute;
  top: -1px;
  left: -1px;
  content: ""
}
.box-button > li:after {
  position: absolute;
  top: 50%;
  margin-top: -.5em;
  speak: none;
  content: "\e10e";
  right: 5px;
  color: #15aaa1;
  font-size: 85%
}
.box-button > li .point_badge {
  position: absolute;
  top: 0;
  right: 5px;
  padding: 2px 5px;
  background-color: #ea4242;
  color: #fff;
  font-size: 10px
}
.box-button_sub {
  -webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .05);
  box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .05);
  position: relative;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 10px 0;
  width: 100%;
  border-top: 1px solid #ddd
}
.box-button_sub.column-4 li {
  float: left;
  width: 25%
}
.box-button_sub.column-4 li.nowrap {
  width: 100%
}
.box-button_sub > li {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-width: 1px;
  border-style: solid;
  border-top-color: #fff;
  border-right-color: #ddd;
  border-bottom-color: #ddd;
  border-left-color: #fff
}
.box-button_sub > li a {
  display: block;
  padding: .6em;
  background-color: #fff;
  color: #333;
  line-height: .9
}
.box-button_sub > li a span {
  font-size: 11px
}
.box-button_sub > li a:before {
  position: absolute;
  top: 1px;
  left: 1px;
  color: #fff;
  font-size: 77%
}
.box-button_sub > li:before {
  display: block;
  height: 0;
  width: 0;
  pointer-events: none;
  border-top: .9em solid #15aaa1;
  border-right: .9em solid transparent;
  position: absolute;
  top: -1px;
  left: -1px;
  content: ""
}
.box-button_sub > li:after {
  position: absolute;
  top: 50%;
  margin-top: -.5em;
  speak: none;
  content: "\e10e";
  right: 5px;
  color: #dbdbdb;
  font-size: 85%
}
.m-card {
  display: block
}
.m-banner--half {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.m-banner--half, .m-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between
}
.m-header {
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline
}
.a-anchor {
  color: #15aaa1;
  text-decoration: underline
}
.a-anchor--more {
  position: relative;
  padding-right: 1em;
  color: #15aaa1
}
.a-anchor--more:before {
  position: absolute;
  top: 50%;
  margin-top: -.5em;
  speak: none;
  content: "\e10e";
  right: 0;
  color: #15aaa1
}
.a-banner {
  display: block
}
.a-banner img {
  width: 100%;
  height: auto
}
.a-banner-spacer--s {
  margin-bottom: 20px
}
.a-banner-spacer--m {
  margin-bottom: 40px
}
.a-banner--half {
  display: block;
  margin-bottom: 10px;
  width: calc(50% - 5px)
}
input[type=button], input[type=submit] {
  text-align: center;
  text-decoration: none;
  font-family: Hiragino Kaku Gothic Pro, Hiragino Sans, ヒラギノ角ゴ Pro W3, Roboto, メイリオ, Meiryo, verdana, Osaka, MS\ Pゴシック, MS PGothic, Sans-Serif;
  -webkit-transition: All .2s ease;
  transition: All .2s ease
}
.m-btn {
  position: relative;
  margin-bottom: 20px
}
.m-btn--side {
  margin-right: 10px;
  margin-left: 10px
}
.a-btn, .a-btn__entry, .a-btn__login, .a-btn__outline, .a-btn__primary, .a-btn__return {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: auto;
  padding: 13px 10px;
  width: 100%;
  border: none;
  border-radius: 3px;
  background-color: #15aaa1;
  -webkit-box-shadow: 0 2px 0 0 #ddd;
  box-shadow: 0 2px 0 0 #ddd;
  color: #fff;
  text-align: center;
  font-size: 14px;
  line-height: 1.4 !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}
.a-btn.disabled, .a-btn__entry.disabled, .a-btn__login.disabled, .a-btn__outline.disabled, .a-btn__primary.disabled, .a-btn__return.disabled {
  background-color: #999;
  -webkit-box-shadow: 0 2px 0 0 #ddd;
  box-shadow: 0 2px 0 0 #ddd;
  pointer-events: none
}
.a-btn__entry, .a-btn__primary {
  background-color: #ff3939;
  font-weight: 700
}
.a-btn__login {
  background-color: #2656b5
}
.a-btn__return {
  padding: 8px 10px;
  height: 34px;
  background-color: #999;
  font-size: 13px
}
.a-btn__outline {
  border: 1px solid #15aaa1;
  background-color: #fff;
  color: #15aaa1
}
.a-btn__back, .a-btn__more, .a-btn__more--down {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: auto;
  padding: 13px;
  width: 80%;
  height: 40px;
  border-radius: 3em;
  background-color: #fff;
  -webkit-box-shadow: 0 2px 0 0 #ddd;
  box-shadow: 0 2px 0 0 #ddd;
  color: #333;
  text-align: center;
  font-weight: 700;
  font-size: 13px;
  line-height: 1 !important;
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out
}
.a-btn__back:before {
  position: absolute;
  top: 50%;
  left: 1em;
  margin-top: -.5em;
  color: #15aaa1;
  content: "\e110";
  font-size: inherit;
}
.a-btn__more:after {
  content: "\e10e";
  right: 1em
}
.a-btn__more--down:after, .a-btn__more:after {
  position: absolute;
  top: 50%;
  margin-top: -.5em;
  speak: none;
  color: #15aaa1
}
.a-btn__more--down:after {
  content: "\e10f";
  right: 1.3em
}
.a-btn__hide {
  border-radius: 3px;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: auto;
  padding: 15px;
  width: 80%;
  border: 1px solid #ddd;
  background-color: #fff;
  color: #333;
  text-align: center;
  text-decoration: none;
  font-size: 12px;
  line-height: 1;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}
.a-btn--m {
  width: 50%
}
.a-btn--s {
  width: 33.33333%
}
.a-btn__about {
  border-radius: 3px;
  display: block;
  padding: 5px 10px;
  background-color: #15aaa1;
  color: #fff;
  font-size: 12px
}
.a-btn__total {
  color: #666;
  font-weight: 400;
  font-size: 12px
}
.box--bgwhite5 {
  padding: 5px
}
.box--bgwhite5, .box--bgwhite10 {
  border-radius: 3px;
  background-color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
.box--bgwhite10 {
  padding: 10px
}
.box--bgwhite15 {
  padding: 15px
}
.box--bgwhite15, .box--bgwhite20 {
  border-radius: 3px;
  background-color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
.box--bgwhite20 {
  padding: 20px
}
.box--bgwhite25 {
  padding: 25px
}
.box--bgwhite25, .box--bgwhite30 {
  border-radius: 3px;
  background-color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
.box--bgwhite30 {
  padding: 30px
}
.box--bggray5 {
  padding: 5px
}
.box--bggray5, .box--bggray10 {
  border-radius: 3px;
  background-color: #eee;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
.box--bggray10 {
  padding: 10px
}
.box--bggray15 {
  padding: 15px
}
.box--bggray15, .box--bggray20 {
  border-radius: 3px;
  background-color: #eee;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
.box--bggray20 {
  padding: 20px
}
.box--bggray25 {
  padding: 25px
}
.box--bggray25, .box--bggray30 {
  border-radius: 3px;
  background-color: #eee;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
.box--bggray30 {
  padding: 30px
}
.box--margin5 {
  margin: 5px
}
.box--margin5, .box--margin10 {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
.box--margin10 {
  margin: 10px
}
.box--margin15 {
  margin: 15px
}
.box--margin15, .box--margin20 {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
.box--margin20 {
  margin: 20px
}
.box--margin25 {
  margin: 25px
}
.box--margin25, .box--margin30 {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
.box--margin30 {
  margin: 30px
}
.flex--start {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start
}
.flex--end, .flex--start {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.flex--end {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end
}
.flex--center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center
}
.flex--between, .flex--center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.flex--between {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between
}
.flex--around {
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around
}
.flex--around, .m-column {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.m-column__item--double {
  width: calc(50% - 1vw)
}
.m-column__item--double:not(:nth-child(2n)) {
  margin-right: 2vw
}
.m-column__item--double:not(:nth-child(-n+2)) {
  margin-top: 2vw
}
.m-column__item--triple {
  width: calc(33% - 1vw)
}
.m-column__item--triple:not(:nth-child(3n)) {
  margin-right: 1.5vw
}
.m-column__item--triple:not(:nth-child(-n+3)) {
  margin-top: 1.5vw
}
.m-column__item--triple .m-summary {
  padding-bottom: 3em
}
.m-column__item--triple .a-point {
  font-size: 1.5em
}
.m-column__item--quadruple {
  width: calc(25% - .75vw)
}
.m-column__item--quadruple:not(:nth-child(4n)) {
  margin-right: 1vw
}
.m-column__item--quadruple:not(:nth-child(-n+4)) {
  margin-top: 1vw
}
.m-column__item--quadruple .m-summary {
  padding-bottom: 2.4em
}
.m-column__item--quadruple .a-point {
  font-size: 1.2em
}
.m-title__header {
  position: relative;
  padding: 8px 10px;
  border-top: 5px solid #15aaa1;
  background-color: #fff
}
.m-title__header--simple {
  padding: 10px
}
.a-title__h1, .a-title__h1--big {
  font-weight: 700;
  font-size: 15px;
  line-height: 1.3
}
.a-title__h1--big {
  font-size: 21px
}
.a-title__h2, .a-title__h2--big {
  margin-bottom: 10px;
  font-weight: 700;
  font-size: 15px;
  line-height: 1.4
}
.a-title__h2--big {
  font-size: 19px
}
.a-title__h3, .a-title__h3--big {
  margin-bottom: 5px;
  font-weight: 700;
  font-size: 13px
}
.a-title__h3--big {
  font-size: 16px
}
.a-title, .a-title--big {
  font-weight: 700;
  font-size: 13px;
  line-height: 1.6
}
.a-title--big {
  font-size: 16px
}
.a-title__sup {
  position: absolute;
  top: 5px;
  right: 10px
}
.a-title__sup a {
  display: block;
  padding: 5px;
  border: 1px solid #15aaa1;
  border-radius: 3px;
  color: #15aaa1;
  font-weight: 700;
  font-size: 11px
}
.a-title__sup i {
  margin-right: .2em
}
.a-title__editor__h2 {
  margin: 15px 0;
  padding-bottom: 8px;
  border-bottom: 2px dotted #15aaa1;
  color: #15aaa1;
  font-weight: 700;
  font-size: 15px
}
.a-title__editor__h3 {
  padding: 3px 0 3px 10px;
  border-left: 5px solid #15aaa1
}
.a-title__editor__h3, .a-title__editor__h4 {
  margin: 15px 0;
  color: #15aaa1;
  font-weight: 700;
  font-size: 13px
}
.m-section, .o-section {
  margin-bottom: 30px
}
.m-section p {
  font-size: 13px;
  line-height: 1.8
}
.m-section .a-text, .m-section p:not(:last-child) {
  margin-bottom: 10px
}
.a-text {
  font-size: 13px;
  line-height: 1.8
}
.a-text--s {
  font-size: 12px;
  line-height: 1.6
}
.a-text--center {
  text-align: center
}
.a-text--right {
  text-align: right
}
.a-text--left {
  text-align: left
}
.a-text--tight {
  line-height: 1.3
}
.a-text--caution, .a-text--point {
  color: #ff3939
}
.a-text--gray {
  color: #999
}
.a-text--bold {
  font-weight: 700
}
.a-text--bgred {
  display: inline-block;
  padding: 2px !important;
  background-color: #ff3939;
  color: #fff;
  line-height: 1
}
.a-text--note {
  display: inline-block
}
.a-text--note, .a-text--note--full {
  padding-left: 1.1em;
  text-indent: -1.2em
}
.a-text--note--full {
  display: block
}
.a-text--sup {
  margin: 8px 0 0;
  padding-left: 1.1em;
  text-indent: -1.1em;
  font-size: 11px;
  line-height: 1.5em
}
.a-point {
  color: #ff3939;
  font-weight: 700;
  font-size: 1.39em
}
.a-unit {
  font-size: .8em
}
.a-before-point {
  text-decoration: line-through;
  font-size: 10px
}
.a-item-name {
  max-height: 2.8em;
  line-height: 1.4em;
  -webkit-line-clamp: 2;
  font-size: 14px
}
.a-action, .a-item-name {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  word-break: break-word;
  margin-bottom: 10px;
  font-weight: 700
}
.a-action {
  max-height: 1.6em;
  line-height: 1.6em;
  -webkit-line-clamp: 1;
  font-size: 13px
}
.m-tab__menu {
  margin: 0 10px 15px
}
.m-tab__menu--mb {
  margin-bottom: 15px
}
.m-tab__body {
  display: none
}
.m-tab__body--current {
  display: block
}
.a-tab, .a-tab--s {
  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;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  -webkit-box-shadow: 0 2px 0 0 #ddd;
  box-shadow: 0 2px 0 0 #ddd;
  text-align: center;
  font-size: 12px;
  line-height: 1.2;
  cursor: pointer
}
.a-tab--s:first-child:nth-last-child(2), .a-tab--s:first-child:nth-last-child(2) ~ .a-tab, .a-tab--s:first-child:nth-last-child(2) ~ .a-tab--s, .a-tab:first-child:nth-last-child(2), .a-tab:first-child:nth-last-child(2) ~ .a-tab, .a-tab:first-child:nth-last-child(2) ~ .a-tab--s {
  width: 50%
}
.a-tab--s:first-child:nth-last-child(3), .a-tab--s:first-child:nth-last-child(3) ~ .a-tab, .a-tab--s:first-child:nth-last-child(3) ~ .a-tab--s, .a-tab:first-child:nth-last-child(3), .a-tab:first-child:nth-last-child(3) ~ .a-tab, .a-tab:first-child:nth-last-child(3) ~ .a-tab--s {
  width: 33.33333%
}
.a-tab--s:first-child:nth-last-child(4), .a-tab--s:first-child:nth-last-child(4) ~ .a-tab, .a-tab--s:first-child:nth-last-child(4) ~ .a-tab--s, .a-tab:first-child:nth-last-child(4), .a-tab:first-child:nth-last-child(4) ~ .a-tab, .a-tab:first-child:nth-last-child(4) ~ .a-tab--s {
  width: 25%
}
.a-tab--s:first-child, .a-tab:first-child {
  border-radius: 3px 0 0 3px
}
.a-tab--s:last-child, .a-tab:last-child {
  border-radius: 0 3px 3px 0
}
.a-tab--s:not(:first-child), .a-tab:not(:first-child) {
  border-left: 1px solid #ddd
}
.a-tab {
  padding: 18px 10px;
  max-height: 50px
}
.a-tab--s {
  padding: 10px 5px
}
.a-tab--current {
  position: relative;
  background: #15aaa1 !important;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff !important
}
.a-tab--current:before {
  position: absolute;
  bottom: -5px;
  left: 50%;
  margin-left: -7px;
  width: 10px;
  height: 10px;
  background: #15aaa1;
  content: "";
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}
.category-modal-open--sticky {
  margin-bottom: 0
}
.o-category-menu__overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10004;
  display: none;
  width: 100%;
  height: 100%;
  background: rgba(51, 51, 51, .5)
}
.o-category-menu {
  margin: 0 auto;
  padding: 10px;
  background: #eee
}
.o-category-menu, .o-category-menu__modal {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%
}
.o-category-menu__modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10005;
  display: none;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  padding: 3vw 3vw 17vh;
  height: 100%
}
.o-category-menu__modal__inner {
  position: relative;
  display: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 5px 0 0;
  width: 100%;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  border-radius: 3px;
  background: #fff
}
.o-category-menu__modal__inner.with-iphone {
  padding-bottom: 30px
}
.o-category-menu__modal .m-icon__close {
  position: absolute;
  top: 15px;
  right: 10px;
  z-index: 10004;
  color: #15aaa1;
  font-size: 216%
}
.o-category-menu__modal .m-category-menu {
  border-top: 1px solid #ddd
}
.o-category-menu__modal .a-category-menu__title {
  color: #15aaa1
}
.o-category-menu__modal .search-form {
  width: 83%;
  margin-bottom: 10px
}
.m-category-menu {
  background: #fff;
  font-size: 13px
}
.m-category-menu * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
.m-category-menu__block {
  display: none
}
.m-category-menu__block--current {
  display: block
}
.m-category-menu__item {
  position: relative;
  padding: 0;
  min-height: 42px;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content
}
.m-category-menu__item__inner {
  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: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 10px;
  width: 100%;
  height: 42px
}
.m-category-menu__first-level__item {
  margin-bottom: 1px;
  border-radius: 0;
  -webkit-box-shadow: 0 1px 0 #ddd;
  box-shadow: 0 1px 0 #ddd
}
.m-category-menu__first-level__item__inner {
  padding: 0 8px;
  color: #333;
  font-weight: 700;
  font-size: 12px;
  -webkit-transition: 0s;
  transition: 0s
}
.m-category-menu__first-level__item__inner:link, .m-category-menu__first-level__item__inner:visited {
  color: #333
}
.m-category-menu__first-level__item__inner i {
  margin-right: 5px;
  color: #15aaa1;
  font-size: 18px
}
.m-category-menu__first-level__item.select {
  -webkit-box-shadow: none;
  box-shadow: none
}
.m-category-menu__first-level__item.select > .m-category-menu__first-level__item__inner {
  border-bottom: 2px solid #ddd
}
.m-category-menu__second-level {
  display: none;
  margin: 0;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  background: #fff
}
.m-category-menu__second-level__item {
  border-bottom: 1px solid #ddd
}
.m-category-menu__second-level__item__inner {
  padding-left: 20px;
  background: #f8f8f8;
  color: #333;
  font-size: 12px
}
.m-category-menu__second-level__item__inner:link, .m-category-menu__second-level__item__inner:visited {
  color: #333
}
.m-category-menu__second-level__item:last-child {
  border-width: 2px
}
.m-category-menu__second-level__item:after {
  position: absolute;
  top: 50%;
  margin-top: -.5em;
  speak: none;
  content: "\e10e";
  right: 17px;
  color: #15aaa1
}
.m-category-menu .a-banner {
  margin: 10px
}
.m-category-menu .a-banner img {
  width: 100%
}
.a-category-menu__title {
  margin: 10px
}
.a-category-menu__total {
  color: #666;
  font-weight: 400
}
.m-category-menu__tab {
  margin-bottom: 10px
}
.m-category-menu__tab .a-category-menu__tab {
  display: block;
  width: calc(50% - 5px);
  height: 30px;
  outline: none;
  border: 0;
  border-radius: 3px;
  background: #fff;
  -webkit-box-shadow: 0 2px 0 0 #ddd;
  box-shadow: 0 2px 0 0 #ddd;
  text-align: center;
  font-weight: 700;
  font-size: 12px;
  line-height: 30px;
  cursor: pointer
}
.m-category-menu__tab .a-category-menu__tab--current {
  position: relative;
  background: #15aaa1;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff
}
.m-category-menu__tab .a-category-menu__tab--current:before {
  position: absolute;
  bottom: -5px;
  left: 50%;
  margin-left: -7px;
  width: 10px;
  height: 10px;
  background: #15aaa1;
  content: "";
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}
.odometer-inside {
  display: -webkit-inline-flex;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex
}
.odometer.odometer-auto-theme, .odometer.odometer-theme-default {
  position: relative;
  display: -moz-inline-box;
  display: inline-block;
  *vertical-align: auto;
  display: inline
}
.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-default .odometer-digit {
  position: relative;
  display: -moz-inline-box;
  display: inline-block;
  *vertical-align: auto;
  display: inline
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
  display: -moz-inline-box;
  display: inline-block;
  visibility: hidden;
  *vertical-align: auto;
  display: inline
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  overflow: hidden;
  text-align: left
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon {
  display: block
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {
  display: block;
  -webkit-backface-visibility: hidden
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value, .odometer.odometer-theme-default .odometer-digit .odometer-value {
  display: block;
  -webkit-transform: translateZ(0)
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, .odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value {
  position: absolute
}
.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {
  -webkit-transition: -webkit-transform 2s;
  transition: -webkit-transform 2s;
  transition: transform 2s;
  transition: transform 2s, -webkit-transform 2s
}
.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%)
}
.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
  -webkit-transition: -webkit-transform 2s;
  transition: -webkit-transform 2s;
  transition: transform 2s;
  transition: transform 2s, -webkit-transform 2s;
  -webkit-transform: translateY(0);
  transform: translateY(0)
}
.odometer.odometer-auto-theme .odometer-value, .odometer.odometer-theme-default .odometer-value {
  text-align: center
}
.m-page-top {
  position: absolute;
  top: -60px;
  right: 10px
}
.a-page-top__btn {
  border-radius: 50%;
  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: 45px;
  height: 45px;
  background: #15aaa1;
  color: #fff;
  vertical-align: middle;
  text-align: center
}
.a-page-top__btn span {
  font-size: 14px
}
.m-external-banner {
  background-color: #fff
}
@media screen and (max-width: 334px) {
  .a-external-banner--mobilebanner {
    margin: 0 auto;
    width: 320px
  }
  .a-external-banner--mobilebanner:before {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 3px 10px 1px;
    width: 100%;
    background: #bbb;
    color: #fff;
    content: "PR";
    text-align: left;
    letter-spacing: .2em;
    font-size: 10px
  }
  .a-external-banner--mobilebanner iframe {
    background-color: hsla(0, 0%, 73%, .3)
  }
}
@media screen and (min-width: 335px) {
  .a-external-banner--mobilebanner {
    position: relative;
    left: 7px;
    margin: 0 auto;
    width: 320px;
    height: 50px
  }
  .a-external-banner--mobilebanner:before {
    position: absolute;
    top: 0;
    left: -14px;
    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-sizing: border-box;
    box-sizing: border-box;
    padding: 0 4px;
    width: 14px;
    height: 100%;
    background: #bbb;
    color: #fff;
    content: "PR";
    text-align: center;
    word-break: break-all;
    font-size: 10px
  }
  .a-external-banner--mobilebanner iframe {
    background-color: hsla(0, 0%, 73%, .3)
  }
}
.a-external-banner--rectangle {
  margin: 0 auto;
  width: 300px
}
.a-external-banner--rectangle:before {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 3px 10px 1px;
  width: 100%;
  background: #bbb;
  color: #fff;
  content: "PR";
  text-align: left;
  letter-spacing: .2em;
  font-size: 10px
}
.a-external-banner--rectangle iframe {
  background-color: hsla(0, 0%, 73%, .3)
}
.a-message--empty {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 15px 10px;
  width: 100%;
  background: #f5f5f5;
  text-align: center;
  font-size: 12px;
  line-height: 1.5
}
.a-spacer--s {
  margin-bottom: 5px
}
.a-spacer--m {
  margin-bottom: 10px
}
.a-spacer--l {
  margin-bottom: 15px
}
.a-spacer--xl {
  margin-bottom: 20px
}
.a-spacer--xxl {
  margin-bottom: 25px
}
.a-spacer--xxxl {
  margin-bottom: 30px
}
.is-block {
  display: block
}
.is-none {
  display: none
}
.hamb-overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 50100;
  display: none;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .5)
}
.hamb-overlay__btn--close {
  position: absolute;
  top: 10px;
  left: 10px;
  color: #fff;
  font-size: 250%
}
.hamb-menu {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 50101;
  width: 276px
}
.hamb-menu.js-open {
  display: block
}
.hamb-menu__inner {
  position: fixed;
  top: 0;
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  width: 276px;
  height: 100% !important;
  background-color: #fff;
  -webkit-transition: -webkit-transform .3s ease;
  transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease, -webkit-transform .3s ease;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0)
}
.hamb-menu.js-open .hamb-menu__inner {
  -webkit-transform: translateZ(0);
  transform: translateZ(0)
}
.hamb-menu__banner a {
  display: block;
  padding: 10px
}
.hamb-menu__banner a img {
  width: 100%;
  height: auto
}
.hamb-menu__list li {
  border-top: 1px solid #f4f4f4
}
.hamb-menu__list li a {
  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-sizing: border-box;
  box-sizing: border-box;
  padding: 10px;
  min-height: 48px;
  color: inherit
}
.hamb-menu__list li a .hamb-menu__icon {
  margin-right: 10px;
  width: 22px;
  color: #15aaa1;
  text-align: center;
  font-size: 22px
}
.hamb-menu__list li a .hamb-menu__title {
  font-size: 13px
}
.hamb-menu__list li a .hamb-menu__title__userrank--gold {
  color: #cea500;
  font-weight: 700
}
.hamb-menu__list li a .hamb-menu__title__userrank--normal {
  color: #15aaa1;
  font-weight: 700
}
.hamb-menu__list li a .hamb-menu__text {
  margin-top: 4px;
  color: #777;
  font-size: 11px
}
.hamb-menu__list__userrank--gold {
  background: #fefde3
}
.hamb-menu__list__userrank--gold .userrank__badge {
  display: inline-block;
  padding: .3em .6em;
  border-radius: 2em;
  background: #ff3939;
  color: #fff;
  vertical-align: bottom;
  font-weight: 700;
  font-size: 10px
}
.hamb-menu__badge {
  position: relative
}
.hamb-menu__badge:before {
  -webkit-animation: badge-blink .8s 3 both;
  animation: badge-blink .8s 3 both;
  position: absolute;
  top: 8px;
  left: 24px;
  z-index: 10101;
  display: none;
  color: #ff3939;
  content: "●";
  font-size: 10px
}
.hamb-menu.js-open .hamb-menu__badge:before {
  display: block
}
.hamb-menu__control {
  padding: 20px 10px;
  border-top: 1px solid #f4f4f4
}
.hamb-menu__btn-close {
  display: block;
  padding: 12px 20px;
  border: 1px solid #15aaa1;
  border-radius: 3px;
  color: #15aaa1;
  text-align: center;
  font-size: 14px
}
.js-root-fixed {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 100%
}
#modal-menu .modal-menu__btn--close {
  position: fixed;
  top: 15px;
  right: 10px;
  z-index: 11000;
  color: #fff;
  font-size: 216%
}
#modal-menu-item, #modal-submenu-item {
  border-radius: 3px;
  -webkit-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, .2);
  box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, .2);
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
#modal-menu-item.accordion-menu-item-search, #modal-submenu-item.accordion-menu-item-search {
  border-radius: 0
}
.close-menu {
  right: .5em
}
.close-menu, .close-notice {
  position: absolute;
  top: 6px;
  width: 4.75em;
  color: #fff;
  font-size: 70%
}
.close-notice {
  right: 14.75em
}
#modal-changemenu-item {
  position: absolute;
  top: 40px;
  left: 0;
  z-index: 10100;
  padding: 0 3%;
  width: 50%;
  text-align: center;
  font-weight: 700;
  font-size: 12px
}
#modal-changemenu-item li {
  float: left;
  margin-right: 2%;
  width: 45%
}
#modal-changemenu-item li a {
  position: relative;
  display: block;
  padding: 1em 0;
  border: 1px solid #15aaa1;
  border-radius: 5px;
  background-color: #fff;
  color: #15aaa1;
  font-weight: 700
}
#modal-changemenu-item li a span {
  padding-right: 5px
}
#modal-submenu-item {
  position: absolute;
  top: 380px;
  left: 0;
  z-index: 10100;
  padding: 0 3%;
  width: 100%;
  text-align: center;
  font-weight: 700;
  font-size: 12px
}
#modal-submenu-item li {
  float: left;
  width: 48%
}
#modal-submenu-item li a {
  position: relative;
  display: block;
  padding: 1em 0;
  border: 1px solid #15aaa1;
  border-radius: 5px;
  background-color: #fff;
  color: #15aaa1;
  font-weight: 700
}
#modal-submenu-item li a span {
  padding-right: 5px
}
#modal-submenu-item li:last-of-type {
  float: right
}
#modal-menu-item {
  position: relative;
  z-index: 10100;
  clear: both;
  margin: 60px 3% 0;
  padding: 0 5px;
  background-color: #fff
}
#modal-menu-item.accordion-menu-item-search {
  margin: 0
}
#modal-menu-item:after {
  display: none
}
#modal-menu-item .category-row {
  overflow: hidden;
  padding: 5px 0;
  -webkit-box-shadow: none;
  box-shadow: none
}
#modal-menu-item .category-row li {
  display: inline-block;
  float: left;
  width: 33.3%
}
#modal-menu-item .category-row li:nth-of-type(4) a, #modal-menu-item .category-row li:nth-of-type(5) a, #modal-menu-item .category-row li:nth-of-type(6) a, #modal-menu-item .category-row li:nth-of-type(10) a, #modal-menu-item .category-row li:nth-of-type(11) a, #modal-menu-item .category-row li:nth-of-type(12) a {
  background-color: #f4f4f4
}
#modal-menu-item .category-row li:nth-of-type(3) a, #modal-menu-item .category-row li:nth-of-type(6) a, #modal-menu-item .category-row li:nth-of-type(9) a, #modal-menu-item .category-row li:nth-of-type(12) a {
  border: none
}
#modal-menu-item .category-row li:nth-of-type(4) a, #modal-menu-item .category-row li:nth-of-type(5) a, #modal-menu-item .category-row li:nth-of-type(10) a, #modal-menu-item .category-row li:nth-of-type(11) a {
  border-right: 1px solid #fff
}
#modal-menu-item a {
  padding: 15px 0;
  border-right: 1px solid #f4f4f4;
  color: #5d5c5c;
  text-align: center;
  font-size: 70%
}
#modal-menu-item a span {
  display: block;
  color: #15aaa1;
  font-size: 300%
}
#modal-menu-item .modal-menu-item-badge {
  position: relative
}
#modal-menu-item .modal-menu-item-badge:before {
  -webkit-animation: badge-blink .8s 3 both;
  animation: badge-blink .8s 3 both;
  position: absolute;
  top: 12px;
  right: 50%;
  z-index: 10101;
  margin-right: 7px;
  color: #f94f31;
  content: "●";
  font-size: 12px
}
#modal-menu-item li.new_anime {
  position: relative;
  color: #000
}
#modal-menu-item li.new_anime p {
  position: absolute;
  top: 12px;
  left: 12px;
  padding: 3px;
  border-radius: 3px;
  background-color: #ff7c70;
  color: #fff;
  font-weight: 700;
  font-size: 12px
}
#modal-menu-item .new_anime p {
  -webkit-animation-name: stickyfooter-icon;
  animation-name: stickyfooter-icon;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}
@-webkit-keyframes stickyfooter-icon {
  0% {
    opacity: 1
  }
  60% {
    opacity: 1
  }
  80% {
    opacity: 0
  }
  to {
    opacity: 0
  }
}
@keyframes stickyfooter-icon {
  0% {
    opacity: 1
  }
  60% {
    opacity: 1
  }
  80% {
    opacity: 0
  }
  to {
    opacity: 0
  }
}
@-webkit-keyframes badge-blink {
  0% {
    opacity: 1
  }
  50% {
    opacity: 0
  }
  to {
    opacity: 1
  }
}
@keyframes badge-blink {
  0% {
    opacity: 1
  }
  50% {
    opacity: 0
  }
  to {
    opacity: 1
  }
}
.search-form {
  margin: 10px 0px 10px;
  text-align: center;
}
.search-form form {
  width: 100%;
  white-space: nowrap;
  letter-spacing: -.7em
}
.search-form .button, .search-form input {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 42px;
  border: 1px solid #eee;
  vertical-align: middle;
  letter-spacing: normal;
  font-size: 14px;
  line-height: 42px
}
.search-form input[type=search] {
  -webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .2);
  box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .2);
  padding: 10px;
  width: 80%;
  border-radius: .25em 0 0 .25em;
  -webkit-appearance: none
}
.search-form input[type=search]:focus {
  outline: none;
  -webkit-box-shadow: 0 0 5px #85c8ea, inset 1px 1px 1px rgba(0, 0, 0, .2);
  box-shadow: 0 0 5px #85c8ea, inset 1px 1px 1px rgba(0, 0, 0, .2)
}
.search-form input[type=search]::-webkit-list-button {
  opacity: 0
}
.search-form .button {
  /* background-image: -webkit-linear-gradient(#18c1b6,#15aaa1); */
  /* background-image: -webkit-gradient(linear,left top,left bottom,from(#18c1b6),to(#15aaa1)); */
  /* background-image: linear-gradient(#18c1b6,#15aaa1); */
  width: 20%;
  border-radius: 0 0.25em 0.25em 0;
  background-color: #d80c24;
  color: #fff;
  text-align: center;
}
.search-form .button i {
  display: block;
  font-size: 1.2em
}
.search-form .button span {
  display: none
}
.search-form .keyword {
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: .5em;
  padding: 0 10px;
  text-overflow: ellipsis;
  white-space: nowrap
}
.search-form .keyword li {
  display: inline
}
.search-form .keyword li a {
  padding: 3px;
  color: #2d75bf;
  text-decoration: underline;
  font-size: .9em
}
.search-form div.poplink.sphs {
  background: hsla(0, 0%, 100%, .8)
}
.search-form div.poplink.sphs > div.poplink_suggest {
  padding-top: 16px;
  background: none
}
.search-form div.poplink.sphs > div.poplink_suggest > div.word.highlighted:after {
  display: none
}
.search-form div.poplink.sphs > div.poplink_suggest > div.word.highlighted {
  background-color: #15aaa1;
  color: #fff !important
}
.search-form div.poplink.sphs .a-icon__arrow1--right {
  position: absolute;
  top: 114px;
  z-index: 100;
  color: #15aaa1;
  font-size: 22px
}
.search-form div.poplink.sphs .a-icon__arrow1--right:before {
  font-weight: 700
}
.search-form div.poplink.sphs .a-icon__arrow1--right.after_icon {
  right: 10px
}
.search-form div.poplink.sphs .a-icon__arrow1--right.before_icon {
  left: 10px;
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg)
}
.search-form div.poplink.sphs > div.poplink_search {
  position: relative;
  -webkit-overflow-scrolling: touch;
  margin-top: 3px;
  padding: 2px 0;
  border-color: #fff;
  -webkit-transform: translateZ(0)
}
.search-form div.poplink.sphs > div.poplink_search > div.item {
  margin: 0;
  padding: .2em;
  min-width: 154px;
  min-height: 134px;
  border: none;
  border-color: #f4f4f4
}
.search-form div.poplink.sphs > div.poplink_search > div.item:nth-of-type(2n) {
  background-color: #f4f4f4
}
.search-form div.poplink.sphs > div.poplink_search > div.item > a > div.any1, .search-form div.poplink.sphs > div.poplink_search > div.item > a > div.any2, .search-form div.poplink.sphs > div.poplink_search > div.item > a > div.title {
  letter-spacing: normal
}
.search-form div.poplink.sphs > div.poplink_search > div.item > a > div.title {
  padding-top: 7px;
  background: none;
  font-size: 14px
}
.search-form div.poplink.sphs > div.poplink_search > div.item > a > div.any1, .search-form div.poplink.sphs > div.poplink_search > div.item > a > div.title {
  display: inherit;
  overflow: hidden !important;
  text-align: center;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  -webkit-box-orient: inherit;
  -webkit-line-clamp: inherit
}
.search-form div.poplink.sphs > div.poplink_search > div.item > a > div.any1 {
  margin: 75px 5px 0;
  padding: 3px 5px;
  background-color: #999;
  color: #fff;
  font-weight: 400;
  font-size: 11px
}
.search-form div.poplink.sphs > div.poplink_search > div.item > a > div.any2 {
  padding-top: 3px;
  color: #ff3939;
  text-align: center;
  font-weight: 700;
  font-size: 15px
}
.search-form div.poplink.sphs > div.poplink_search > div.item > a > div.any3 {
  position: absolute;
  top: 80px;
  display: block;
  margin: 0 3px;
  height: 20px;
  letter-spacing: 1px;
  font-weight: 400
}
.search-form div.poplink.sphs > div.poplink_search > div.item > a > div.any3 > .inner_any3 {
  display: block;
  overflow: hidden !important;
  padding: 2px 3px 1px;
  max-width: 133px;
  border: 1px solid #ddd;
  border-radius: 3px;
  color: #8e8e8e;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  font-size: 11px
}
.search-form div.poplink.sphs > div.poplink_search > div.item > a > div.image_box {
  position: absolute;
  top: 28px;
  left: 50%;
  margin-left: -48px;
  width: 96px;
  height: 46px
}
.search-form div.poplink.sphs > div.poplink_search > div.item > a > div.image_box > img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  max-width: 96px;
  max-height: 46px;
  vertical-align: middle;
  text-align: center
}
.search-form div.poplink .word {
  margin: 0 5px 0 0;
  padding: 7px 15px;
  border: 1px solid #ddd;
  color: #333;
  letter-spacing: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 1.2
}
.search-form div.poplink .word:last-of-type {
  margin-right: 0
}
.search-form div.poplink .word .highlighted {
  color: #fff !important
}
.search-form div.poplink > .close_button {
  display: none
}
.section-lv1 #search-form div.poplink.sphs {
  top: 80px;
  padding: 0 9px 5px;
  border-bottom: 1px solid #ddd;
  border-radius: 0 0 3px 3px;
  background-color: #fff;
  -webkit-box-shadow: 0 5px 6px -8px #000;
  box-shadow: 0 5px 6px -8px #000
}
.section-lv1 #search-form div.poplink.sphs > div.poplink_suggest {
  margin-top: 6px;
  padding: 0 2px;
  padding-top: 0;
  background: none;
  font-weight: 700
}
.section-lv1 #search-form div.poplink.sphs .title {
  border-top: none
}
.section-lv1 #search-form div.poplink.sphs .poplink_search {
  margin-top: 0;
  padding-bottom: 5px
}
.section-lv1 #search-form div.poplink.sphs .poplink_search > div.item {
  border: 1px solid #f4f4f4
}
.section-lv1 #search-form div.poplink.sphs .a-icon__arrow1--right {
  top: 99px
}
.section-lv1 #search-form div.poplink.sphs .a-icon__arrow1--right .after_icon {
  left: 12px
}
.section-lv1 #search-form div.poplink.sphs .a-icon__arrow1--right .before_icon {
  right: 12px
}
.m-trending_words {
  margin: 20px 10px 10px;
  font-weight: 700;
  font-size: 11px;
  line-height: 1.75
}
.m-trending_words * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
.m-trending_words__list {
  display: inline-block;
  margin-bottom: 10px
}
.m-trending_words__list a {
  padding: 5px 8px;
  border: 1px solid #ddd;
  border-radius: 2em;
  color: #333
}
.m-trending_words .a-badge {
  position: relative
}
.m-trending_words .a-badge:before {
  position: absolute;
  top: -8px;
  right: 0;
  z-index: 10101;
  color: #ff3939;
  content: "●";
  font-size: 10px
}
.m-category-menu-special-feature {
  padding: 10px;
  background: #eee
}
.m-category-menu-special-feature .m-btn {
  margin-bottom: 0
}
.m-category-menu-special-feature__list .a-list__box {
  margin-bottom: 10px;
  width: 30%
}
.m-category-menu-special-feature__list .a-list__box:not(:nth-child(3n)) {
  margin-right: 10px
}
.m-category-menu-special-feature__list .a-list__box__banner {
  max-width: 120px
}
.m-top__notice {
  position: relative;
  margin: 10px
}
.m-top__notice .m-top__notice__inner {
  display: block;
  padding: 10px;
  border: 2px solid #ff3939;
  border-radius: 3px;
  background: #fff
}
.m-top__notice .a-top__notice__text {
  line-height: 1.6
}
.m-top__notice:after {
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -3px;
  width: 6px;
  height: 6px;
  border-top: 2px solid #ff3939;
  border-right: 2px solid #ff3939;
  content: "";
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}
@-webkit-keyframes jump {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0)
  }
  to {
    -webkit-transform: translateY(-12px);
    transform: translateY(-12px)
  }
}
@keyframes jump {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0)
  }
  to {
    -webkit-transform: translateY(-12px);
    transform: translateY(-12px)
  }
}
.news__alert {
  -webkit-animation: badge-blink .8s 3 both;
  animation: badge-blink .8s 3 both;
  position: absolute;
  top: -8px;
  right: -1px;
  -webkit-box-sizing: content-box !important;
  box-sizing: content-box !important;
  width: 15px;
  height: 15px;
  border: 1px solid #fff;
  border-radius: 50%;
  background-color: #ff3939;
  color: #fff;
  text-align: center;
  font-weight: 700;
  font-size: 10px;
  line-height: 16px;
}
.news__alert.js-off, .ui-helper-hidden {
  display: none
}
.ui-helper-hidden-accessible {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  border: 0
}
.ui-helper-reset {
  margin: 0;
  padding: 0;
  outline: 0;
  border: 0;
  list-style: none;
  text-decoration: none;
  font-size: 100%;
  line-height: 1.3
}
.ui-helper-clearfix:after, .ui-helper-clearfix:before {
  display: table;
  border-collapse: collapse;
  content: ""
}
.ui-helper-clearfix:after {
  clear: both
}
.ui-helper-zfix {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0
}
.ui-front {
  z-index: 100
}
.ui-state-disabled {
  cursor: default !important;
  pointer-events: none
}
.ui-icon {
  position: relative;
  display: inline-block;
  overflow: hidden;
  margin-top: -.25em;
  background-repeat: no-repeat;
  vertical-align: middle;
  text-indent: -99999px
}
.ui-widget-icon-block {
  left: 50%;
  display: block;
  margin-left: -8px
}
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}
.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default
}
.ui-menu {
  z-index: 10100;
  display: block;
  margin: 0;
  padding: 0;
  outline: 0;
  list-style: none
}
.ui-menu .ui-menu {
  position: absolute
}
.ui-menu .ui-menu-item {
  margin: 0;
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
  cursor: pointer
}
.ui-menu .ui-menu-item-wrapper {
  position: relative;
  padding: 10px 13px;
  color: #333
}
.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  border-width: 1px 0 0;
  font-size: 0;
  line-height: 0
}
.ui-menu .ui-state-active, .ui-menu .ui-state-focus {
  background: #fdfcca
}
.ui-menu-icons {
  position: relative
}
.ui-menu-icons .ui-menu-item-wrapper {
  padding-left: 2em
}
.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: .2em;
  margin: auto 0
}
.ui-menu .ui-menu-icon {
  right: 0;
  left: auto
}
.ui-widget {
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif
}
.ui-widget * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
.ui-widget .ui-widget {
  font-size: 14px
}
.ui-widget button, .ui-widget input, .ui-widget select, .ui-widget textarea {
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif
}
.ui-widget.ui-widget-content {
  position: fixed;
  top: 0;
  left: 0;
  width: 87% !important;
  border: 1px solid #15aaa1;
  border-radius: 0 0 3px 3px;
  -webkit-box-shadow: 3px 3px 3px -3px #474747;
  box-shadow: 3px 3px 3px -3px #474747
}
@media screen and (min-width: 375px) {
  .ui-widget.ui-widget-content {
    position: fixed;
    top: 0;
    left: 0;
    width: 89% !important;
    border: 1px solid #15aaa1;
    border-radius: 0 0 3px 3px;
    -webkit-box-shadow: 3px 3px 3px -3px #474747;
    box-shadow: 3px 3px 3px -3px #474747
  }
}
.ui-widget-content {
  display: block;
  border: 1px solid #ddd;
  background: #fff;
  color: #333
}
.ui-widget-content a {
  color: #333
}
.ui-widget-header {
  border: 1px solid #ddd;
  background: #e9e9e9;
  color: #333;
  font-weight: 700
}
.ui-widget-header a {
  color: #333
}
.ui-button, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, html .ui-button.ui-state-disabled:active, html .ui-button.ui-state-disabled:hover {
  border: 1px solid #c5c5c5;
  background: #f6f6f6;
  color: #454545;
  font-weight: 400
}
.ui-button, .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button {
  color: #454545;
  text-decoration: none
}
.ui-button:focus, .ui-button:hover, .ui-state-focus, .ui-state-hover, .ui-widget-content .ui-state-focus, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-focus, .ui-widget-header .ui-state-hover {
  border: 1px solid #ccc;
  background: #ededed;
  color: #2b2b2b;
  font-weight: 400
}
.ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, a.ui-button:focus, a.ui-button:hover {
  color: #2b2b2b;
  text-decoration: none
}
.ui-visual-focus {
  -webkit-box-shadow: 0 0 3px 1px #5e9ed6;
  box-shadow: 0 0 3px 1px #5e9ed6
}
.ui-icon-background, .ui-state-active .ui-icon-background {
  border: #003eff;
  background-color: #fff
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
  color: #fff;
  text-decoration: none
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  border: 1px solid #dad55e;
  background: #fffa90;
  color: #777620
}
.ui-state-checked {
  border: 1px solid #dad55e;
  background: #fffa90
}
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
  color: #777620
}
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
  border: 1px solid #f1a899;
  background: #fddfdf;
  color: #5f3f3f
}
.ui-state-error-text, .ui-state-error a, .ui-widget-content .ui-state-error-text, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error-text, .ui-widget-header .ui-state-error a {
  color: #5f3f3f
}
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
  font-weight: 700
}
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
  font-weight: 400;
  opacity: .7
}
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
  background-image: none;
  opacity: .35
}
.ui-icon {
  width: 16px;
  height: 16px
}

.ui-icon-blank {
  background-position: 16px 16px
}
.ui-icon-caret-1-n {
  background-position: 0 0
}
.ui-icon-caret-1-ne {
  background-position: -16px 0
}
.ui-icon-caret-1-e {
  background-position: -32px 0
}
.ui-icon-caret-1-se {
  background-position: -48px 0
}
.ui-icon-caret-1-s {
  background-position: -65px 0
}
.ui-icon-caret-1-sw {
  background-position: -80px 0
}
.ui-icon-caret-1-w {
  background-position: -96px 0
}
.ui-icon-caret-1-nw {
  background-position: -112px 0
}
.ui-icon-caret-2-n-s {
  background-position: -128px 0
}
.ui-icon-caret-2-e-w {
  background-position: -144px 0
}
.ui-icon-triangle-1-n {
  background-position: 0 -16px
}
.ui-icon-triangle-1-ne {
  background-position: -16px -16px
}
.ui-icon-triangle-1-e {
  background-position: -32px -16px
}
.ui-icon-triangle-1-se {
  background-position: -48px -16px
}
.ui-icon-triangle-1-s {
  background-position: -65px -16px
}
.ui-icon-triangle-1-sw {
  background-position: -80px -16px
}
.ui-icon-triangle-1-w {
  background-position: -96px -16px
}
.ui-icon-triangle-1-nw {
  background-position: -112px -16px
}
.ui-icon-triangle-2-n-s {
  background-position: -128px -16px
}
.ui-icon-triangle-2-e-w {
  background-position: -144px -16px
}
.ui-icon-arrow-1-n {
  background-position: 0 -32px
}
.ui-icon-arrow-1-ne {
  background-position: -16px -32px
}
.ui-icon-arrow-1-e {
  background-position: -32px -32px
}
.ui-icon-arrow-1-se {
  background-position: -48px -32px
}
.ui-icon-arrow-1-s {
  background-position: -65px -32px
}
.ui-icon-arrow-1-sw {
  background-position: -80px -32px
}
.ui-icon-arrow-1-w {
  background-position: -96px -32px
}
.ui-icon-arrow-1-nw {
  background-position: -112px -32px
}
.ui-icon-arrow-2-n-s {
  background-position: -128px -32px
}
.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px
}
.ui-icon-arrow-2-e-w {
  background-position: -160px -32px
}
.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px
}
.ui-icon-arrowstop-1-n {
  background-position: -192px -32px
}
.ui-icon-arrowstop-1-e {
  background-position: -208px -32px
}
.ui-icon-arrowstop-1-s {
  background-position: -224px -32px
}
.ui-icon-arrowstop-1-w {
  background-position: -240px -32px
}
.ui-icon-arrowthick-1-n {
  background-position: 1px -48px
}
.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px
}
.ui-icon-arrowthick-1-e {
  background-position: -32px -48px
}
.ui-icon-arrowthick-1-se {
  background-position: -48px -48px
}
.ui-icon-arrowthick-1-s {
  background-position: -64px -48px
}
.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px
}
.ui-icon-arrowthick-1-w {
  background-position: -96px -48px
}
.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px
}
.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px
}
.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px
}
.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px
}
.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px
}
.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px
}
.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px
}
.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px
}
.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px
}
.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px
}
.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px
}
.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px
}
.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px
}
.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px
}
.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px
}
.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px
}
.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px
}
.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px
}
.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px
}
.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px
}
.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px
}
.ui-icon-arrow-4 {
  background-position: 0 -80px
}
.ui-icon-arrow-4-diag {
  background-position: -16px -80px
}
.ui-icon-extlink {
  background-position: -32px -80px
}
.ui-icon-newwin {
  background-position: -48px -80px
}
.ui-icon-refresh {
  background-position: -64px -80px
}
.ui-icon-shuffle {
  background-position: -80px -80px
}
.ui-icon-transfer-e-w {
  background-position: -96px -80px
}
.ui-icon-transferthick-e-w {
  background-position: -112px -80px
}
.ui-icon-folder-collapsed {
  background-position: 0 -96px
}
.ui-icon-folder-open {
  background-position: -16px -96px
}
.ui-icon-document {
  background-position: -32px -96px
}
.ui-icon-document-b {
  background-position: -48px -96px
}
.ui-icon-note {
  background-position: -64px -96px
}
.ui-icon-mail-closed {
  background-position: -80px -96px
}
.ui-icon-mail-open {
  background-position: -96px -96px
}
.ui-icon-suitcase {
  background-position: -112px -96px
}
.ui-icon-comment {
  background-position: -128px -96px
}
.ui-icon-person {
  background-position: -144px -96px
}
.ui-icon-print {
  background-position: -160px -96px
}
.ui-icon-trash {
  background-position: -176px -96px
}
.ui-icon-locked {
  background-position: -192px -96px
}
.ui-icon-unlocked {
  background-position: -208px -96px
}
.ui-icon-bookmark {
  background-position: -224px -96px
}
.ui-icon-tag {
  background-position: -240px -96px
}
.ui-icon-home {
  background-position: 0 -112px
}
.ui-icon-flag {
  background-position: -16px -112px
}
.ui-icon-calendar {
  background-position: -32px -112px
}
.ui-icon-cart {
  background-position: -48px -112px
}
.ui-icon-pencil {
  background-position: -64px -112px
}
.ui-icon-clock {
  background-position: -80px -112px
}
.ui-icon-disk {
  background-position: -96px -112px
}
.ui-icon-calculator {
  background-position: -112px -112px
}
.ui-icon-zoomin {
  background-position: -128px -112px
}
.ui-icon-zoomout {
  background-position: -144px -112px
}
.ui-icon-search {
  background-position: -160px -112px
}
.ui-icon-wrench {
  background-position: -176px -112px
}
.ui-icon-gear {
  background-position: -192px -112px
}
.ui-icon-heart {
  background-position: -208px -112px
}
.ui-icon-star {
  background-position: -224px -112px
}
.ui-icon-link {
  background-position: -240px -112px
}
.ui-icon-cancel {
  background-position: 0 -128px
}
.ui-icon-plus {
  background-position: -16px -128px
}
.ui-icon-plusthick {
  background-position: -32px -128px
}
.ui-icon-minus {
  background-position: -48px -128px
}
.ui-icon-minusthick {
  background-position: -64px -128px
}
.ui-icon-close {
  background-position: -80px -128px
}
.ui-icon-closethick {
  background-position: -96px -128px
}
.ui-icon-key {
  background-position: -112px -128px
}
.ui-icon-lightbulb {
  background-position: -128px -128px
}
.ui-icon-scissors {
  background-position: -144px -128px
}
.ui-icon-clipboard {
  background-position: -160px -128px
}
.ui-icon-copy {
  background-position: -176px -128px
}
.ui-icon-contact {
  background-position: -192px -128px
}
.ui-icon-image {
  background-position: -208px -128px
}
.ui-icon-video {
  background-position: -224px -128px
}
.ui-icon-script {
  background-position: -240px -128px
}
.ui-icon-alert {
  background-position: 0 -144px
}
.ui-icon-info {
  background-position: -16px -144px
}
.ui-icon-notice {
  background-position: -32px -144px
}
.ui-icon-help {
  background-position: -48px -144px
}
.ui-icon-check {
  background-position: -64px -144px
}
.ui-icon-bullet {
  background-position: -80px -144px
}
.ui-icon-radio-on {
  background-position: -96px -144px
}
.ui-icon-radio-off {
  background-position: -112px -144px
}
.ui-icon-pin-w {
  background-position: -128px -144px
}
.ui-icon-pin-s {
  background-position: -144px -144px
}
.ui-icon-play {
  background-position: 0 -160px
}
.ui-icon-pause {
  background-position: -16px -160px
}
.ui-icon-seek-next {
  background-position: -32px -160px
}
.ui-icon-seek-prev {
  background-position: -48px -160px
}
.ui-icon-seek-end {
  background-position: -64px -160px
}
.ui-icon-seek-first, .ui-icon-seek-start {
  background-position: -80px -160px
}
.ui-icon-stop {
  background-position: -96px -160px
}
.ui-icon-eject {
  background-position: -112px -160px
}
.ui-icon-volume-off {
  background-position: -128px -160px
}
.ui-icon-volume-on {
  background-position: -144px -160px
}
.ui-icon-power {
  background-position: 0 -176px
}
.ui-icon-signal-diag {
  background-position: -16px -176px
}
.ui-icon-signal {
  background-position: -32px -176px
}
.ui-icon-battery-0 {
  background-position: -48px -176px
}
.ui-icon-battery-1 {
  background-position: -64px -176px
}
.ui-icon-battery-2 {
  background-position: -80px -176px
}
.ui-icon-battery-3 {
  background-position: -96px -176px
}
.ui-icon-circle-plus {
  background-position: 0 -192px
}
.ui-icon-circle-minus {
  background-position: -16px -192px
}
.ui-icon-circle-close {
  background-position: -32px -192px
}
.ui-icon-circle-triangle-e {
  background-position: -48px -192px
}
.ui-icon-circle-triangle-s {
  background-position: -64px -192px
}
.ui-icon-circle-triangle-w {
  background-position: -80px -192px
}
.ui-icon-circle-triangle-n {
  background-position: -96px -192px
}
.ui-icon-circle-arrow-e {
  background-position: -112px -192px
}
.ui-icon-circle-arrow-s {
  background-position: -128px -192px
}
.ui-icon-circle-arrow-w {
  background-position: -144px -192px
}
.ui-icon-circle-arrow-n {
  background-position: -160px -192px
}
.ui-icon-circle-zoomin {
  background-position: -176px -192px
}
.ui-icon-circle-zoomout {
  background-position: -192px -192px
}
.ui-icon-circle-check {
  background-position: -208px -192px
}
.ui-icon-circlesmall-plus {
  background-position: 0 -208px
}
.ui-icon-circlesmall-minus {
  background-position: -16px -208px
}
.ui-icon-circlesmall-close {
  background-position: -32px -208px
}
.ui-icon-squaresmall-plus {
  background-position: -48px -208px
}
.ui-icon-squaresmall-minus {
  background-position: -64px -208px
}
.ui-icon-squaresmall-close {
  background-position: -80px -208px
}
.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px
}
.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px
}
.ui-icon-grip-solid-vertical {
  background-position: -32px -224px
}
.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px
}
.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px
}
.ui-icon-grip-diagonal-se {
  background-position: -80px -224px
}
.ui-corner-all, .ui-corner-left, .ui-corner-tl, .ui-corner-top {
  border-top-left-radius: 3px
}
.ui-corner-all, .ui-corner-right, .ui-corner-top, .ui-corner-tr {
  border-top-right-radius: 3px
}
.ui-corner-all, .ui-corner-bl, .ui-corner-bottom, .ui-corner-left {
  border-bottom-left-radius: 3px
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-br, .ui-corner-right {
  border-bottom-right-radius: 3px
}
.ui-widget-overlay {
  background: #aaa;
  opacity: .3
}
.ui-widget-shadow {
  -webkit-box-shadow: 0 0 5px #666;
  box-shadow: 0 0 5px #666
}
.popup {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transition: .6s;
}
.popup.is-show {
  opacity: 1;
  visibility: visible;
}
.popup-inner {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 87%;
  max-width: 600px;
  padding: 5px;
 background-color: #ffffff;
  z-index: 2;
  opacity: 1;
}
.popup-inner img {
  width: 100%;
}
.close-btn {
  right: 0;
  left: 0;
  top: 0;
  padding: 10px 0px 3px 0px;
  width: 100%;
  text-align: center;
  cursor: pointer;
}
.close-btn i {
  font-size: 20px;
  color: #333;
}
.black-background {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .8);
  z-index: 1;
  cursor: pointer;
}