@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;
    width: 100%;

}

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
}



[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-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
    }
}



#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-bottom: 30px
}

.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;
   
    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: #d70d25;
    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: #d70d25;
    -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;
    border-radius: 100px;
}


.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: #d70d25;
    font-weight: 700;
    border-radius: 100px;
}

.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: 20px auto 10px;
    padding: 13px;
    width: 80%;
    height: 40px;
    border-radius: 0;
    background-color: #d80c24;
    /* -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;
    color: #ffffff;
    border: solid 1px #fff;
}


a:hover{
text-decoration:none;
color: #d80c24;
}

.flex--start a:hover{
text-decoration:none;
color: #d80c24;
}
.a-btn__back:before {
    position: absolute;
    top: 50%;
    left: 1em;
    margin-top: -.5em;
    color: #fff;
    content: "\e050";
    font-size: inherit;
    font-family: 'simple-line-icons';
}

.a-btn__more:after {
    content: "\e079";
    right: 1em
}

.a-btn__more--down:after, .a-btn__more:after {
    position: absolute;
    top: 50%;
    margin-top: -0.5em;
    font-family: 'simple-line-icons';
    speak: none;
    color: #ffffff;
}

.a-btn__more--down:after {
    content: "\e056";
    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
}

.m-form__option,.m-form__table,.m-form__text,.m-form__textarea {
    position: relative
}

.m-form {
    margin: 15px 0;
    padding: 15px;
    background-color: #eee
}

.m-form__checkbox,.m-form__radio {
    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;
    height: 30px
}

.m-form__checkbox .a-form__check,.m-form__checkbox .a-form__radio,.m-form__radio .a-form__check,.m-form__radio .a-form__radio {
    margin: 3px 10px 3px 5px
}

.m-form__checkbox .a-form__label,.m-form__radio .a-form__label {
    display: block;
    width: 100%;
    font-size: 13px;
    line-height: 1.3
}

.m-form__radio .a-form__label {
    width: calc(100% - 40px)
}

.m-form__checkbox {
    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
}

.m-form__checkbox .a-form__label {
    width: calc(100% - 35px)
}

.m-form__table {
    border: none;
    background-color: #fff;
}


.m-form__check {
    position: relative;
    padding-right: 0px;
    background-position: 100%;
    background-size: 24px;
    background-repeat: no-repeat
}

.m-form__check.valid {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='30' height='30' viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMinYMid'%3E%3Ccircle fill='%2315aaa1' class='cls-1' cx='15' cy='15' r='15'/%3E%3Cpath stroke='%23fff' stroke-width='5' stroke-miterlimit='10' fill='none' d='M5.38 14.31l6.7 7.07L24.73 8.91'/%3E%3C/svg%3E")
}

.m-form__check#repassword-check.invalid:after {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -15px;
    width: 30px;
    height: 30px;
    content: ""
}

.m-form__error {
    display: inline-block
}

.m-form__error, .m-form__error--full {
    border-radius: 0px;
    padding: 7px 10px;
    background-color: #f9f9f9;
    border: solid 1px #464c4c !important;
}

.m-form__error--full {
    display: block
}

.m-form__item {
    position: relative;
    margin: 0 auto;
    width: 100%
}

.m-form__item+.m-form__item {
    margin-top: 10px
}

.a-form__check,.a-form__input,.a-form__input--l,.a-form__input--m,.a-form__input--s,.a-form__radio,.a-form__select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 4px!important;
    outline: 0!important;
    border: 1px solid #ddd;
    color: #333;
    vertical-align: middle;
    font-size: 15px
}

.a-form__input,.a-form__input--l,.a-form__input--m,.a-form__input--s {
    padding: 3px 10px;
    border-radius: 3px;
    background-repeat: no-repeat;
}

.a-form__input--l:focus,.a-form__input--m:focus,.a-form__input--s:focus,.a-form__input:focus {
    border-width: 3px
}

.a-form__input--l::-webkit-input-placeholder,.a-form__input--m::-webkit-input-placeholder,.a-form__input--s::-webkit-input-placeholder,.a-form__input::-webkit-input-placeholder {
    color: #bbb;
    font-size: 12px
}

.a-form__input--l::-moz-placeholder,.a-form__input--m::-moz-placeholder,.a-form__input--s::-moz-placeholder,.a-form__input::-moz-placeholder {
    color: #bbb;
    font-size: 12px
}

.a-form__input--l:-ms-input-placeholder,.a-form__input--l::-ms-input-placeholder,.a-form__input--m:-ms-input-placeholder,.a-form__input--m::-ms-input-placeholder,.a-form__input--s:-ms-input-placeholder,.a-form__input--s::-ms-input-placeholder,.a-form__input:-ms-input-placeholder,.a-form__input::-ms-input-placeholder {
    color: #bbb;
    font-size: 12px
}

.a-form__input--l::placeholder,.a-form__input--m::placeholder,.a-form__input--s::placeholder,.a-form__input::placeholder {
    color: #bbb;
    font-size: 12px
}

.a-form__input--l:placeholder-shown+.a-form__input__helper,.a-form__input--l:placeholder-shown+.a-form__input__helper--error,.a-form__input--m:placeholder-shown+.a-form__input__helper,.a-form__input--m:placeholder-shown+.a-form__input__helper--error,.a-form__input--s:placeholder-shown+.a-form__input__helper,.a-form__input--s:placeholder-shown+.a-form__input__helper--error,.a-form__input:placeholder-shown+.a-form__input__helper,.a-form__input:placeholder-shown+.a-form__input__helper--error {
    opacity: 0
}

.a-form__input--l:valid,.a-form__input--m:valid,.a-form__input--s:valid,.a-form__input:valid {
    border-color: #d80c24;
    background-color: #fff
}

.a-form__input--l:valid~.a-form__input__helper--error,.a-form__input--m:valid~.a-form__input__helper--error,.a-form__input--s:valid~.a-form__input__helper--error,.a-form__input:valid~.a-form__input__helper--error {
    opacity: 1!important
}

.a-form__input--l:valid+.a-form__input__helper,.a-form__input--l:valid+.a-form__input__helper--error,.a-form__input--m:valid+.a-form__input__helper,.a-form__input--m:valid+.a-form__input__helper--error,.a-form__input--s:valid+.a-form__input__helper,.a-form__input--s:valid+.a-form__input__helper--error,.a-form__input:valid+.a-form__input__helper,.a-form__input:valid+.a-form__input__helper--error {
    opacity: 0
}

.a-form__input--l:invalid~.a-form__input__helper--error,.a-form__input--m:invalid~.a-form__input__helper--error,.a-form__input--s:invalid~.a-form__input__helper--error,.a-form__input:invalid~.a-form__input__helper--error {
    opacity: 1
}

.a-form__input.invalid,.invalid.a-form__input--l,.invalid.a-form__input--m,.invalid.a-form__input--s {
    border-color: #ff3939;
    background-color: #fff6f6
}

.a-form__input--l:invalid+.a-form__input__helper,.a-form__input--l:invalid+.a-form__input__helper--error,.a-form__input--m:invalid+.a-form__input__helper,.a-form__input--m:invalid+.a-form__input__helper--error,.a-form__input--s:invalid+.a-form__input__helper,.a-form__input--s:invalid+.a-form__input__helper--error,.a-form__input:invalid+.a-form__input__helper,.a-form__input:invalid+.a-form__input__helper--error {
    background-color: #ff3939
}

.a-form__input--l:invalid+.a-form__input__helper--error:after,.a-form__input--l:invalid+.a-form__input__helper:after,.a-form__input--m:invalid+.a-form__input__helper--error:after,.a-form__input--m:invalid+.a-form__input__helper:after,.a-form__input--s:invalid+.a-form__input__helper--error:after,.a-form__input--s:invalid+.a-form__input__helper:after,.a-form__input:invalid+.a-form__input__helper--error:after,.a-form__input:invalid+.a-form__input__helper:after {
    border-top-color: #ff3939
}

.a-form__input.invalid+.a-form__input__helper,.a-form__input.invalid+.a-form__input__helper--error,.invalid.a-form__input--l+.a-form__input__helper,.invalid.a-form__input--l+.a-form__input__helper--error,.invalid.a-form__input--m+.a-form__input__helper,.invalid.a-form__input--m+.a-form__input__helper--error,.invalid.a-form__input--s+.a-form__input__helper,.invalid.a-form__input--s+.a-form__input__helper--error {
    background-color: #ff3939
}

.a-form__input.invalid+.a-form__input__helper--error:after,.a-form__input.invalid+.a-form__input__helper:after,.invalid.a-form__input--l+.a-form__input__helper--error:after,.invalid.a-form__input--l+.a-form__input__helper:after,.invalid.a-form__input--m+.a-form__input__helper--error:after,.invalid.a-form__input--m+.a-form__input__helper:after,.invalid.a-form__input--s+.a-form__input__helper--error:after,.invalid.a-form__input--s+.a-form__input__helper:after {
    border-top-color: #ff3939
}

.a-form__input--l[readonly],.a-form__input--m[readonly],.a-form__input--s[readonly],.a-form__input[readonly] {
  
    border: 0;
    background-color: #f7f7f7
}

.a-form__input.error,.error.a-form__input--l,.error.a-form__input--m,.error.a-form__input--s {
    border-color: #ff3939;
    background-color: #fff6f6
}

.a-form__input--l {
    width: 100%;
    height: 50px
}

.a-form__input--m {
    width: 100%;
    height: 40px
}

.a-form__input--s {
    width: 10%;
    height: 30px
}

.a-form__input__helper,.a-form__input__helper--error {
    position: absolute;
    right: 10px;
    bottom: 52px;
    display: block;
    padding: 4px 6px;
    border-radius: 3px;
    background-color: #15aaa1;
    color: #fff;
    font-size: 13px;
    opacity: 1;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.a-form__input__helper--error:after,.a-form__input__helper:after {
    position: absolute;
    top: 75%;
    left: 50%;
    margin-left: -10px;
    border: 10px solid transparent;
    border-top: 10px solid #15aaa1;
    content: ""
}

.a-form__input__helper--error {
    bottom: 93%;
    max-width: 50%;
    background-color: #ff3939;
    opacity: 1
}

.a-form__input__helper--error:after {
    top: 85%;
    z-index: -1;
    border-top: 10px solid #ff3939
}

.a-form__error {
    display: block;
    padding-top: 3px;
    padding-left: 1.2em;
    color: #ff3939;
    line-height: 1.3
}

.a-form__error:before {
    margin-left: -1.2em;
    padding-right: .2em;
    content: "\e109";
    
}

.a-form__radio {
    padding: 6px!important;
    width: 25px!important;
    height: 25px!important;
    border: 1px solid #dedede!important;
    border-radius: 50%!important;
    background-color: #fff!important
}

.a-form__radio:focus {
    border-width: 2px!important
}

.a-form__radio:valid {
    border-color: #d80c24!important;
    background-color: #fff!important;
}

.a-form__radio:checked {
    border: 1px solid #d80c24!important;
    background-color: #fff!important;
    background-image: url("/assets/images/tyekku.png")!important;
    background-position: 50%!important;
    background-size: 15px!important;
    background-repeat: no-repeat!important
}

.a-form__radio:checked+.a-form__text {
    color: #15aaa1
}

.a-form__radio__text {
    vertical-align: -2px
}

.a-form__radio__text:first-child {
    margin-right: 2em
}

.a-form__check {
    padding: 6px;
    width: 20px;
    height: 20px;
    border: 1px solid #dedede;
    border-radius: 3px;
    background-color: #fff
}

.a-form__check:focus {
    border-width: 2px
}

.a-form__check:valid {
    border-color: #d80c24;
    background-color: #fff
}

.a-form__check:checked {
     border: 1px solid #d80c24;
    background-color: #d80c24;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='30' height='30' viewBox='0 0 22.92 17.82' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMinYMid'%3E%3Cpath stroke='%23fff' stroke-width='5' stroke-miterlimit='10' fill='none' class='cls-1' d='M1.81 7.18l6.7 7.07L21.16 1.78'/%3E%3C/svg%3E");
    background-position: 50%;
    background-size: 14px;
    background-repeat: no-repeat
}

.a-form__check:checked+.a-form__text {
    color: #15aaa1
}

.a-form__check__text {
    margin-left: 6px;
    font-size: 12px;
    line-height: 1.2
}

.a-form__option--pulldown,.a-form__option--pulldown--l,.a-form__option--pulldown--s {
    position: relative;
    width: 100%;
    font-size: 13px
}

.a-form__option--pulldown--l:after, .a-form__option--pulldown--s:after, .a-form__option--pulldown:after {
    position: absolute;
    top: 50%;
    right: 12px;
    bottom: 50%;
    margin: auto;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-top-color: #dddddd;
    content: "";
    pointer-events: none;
}

.a-form__option--pulldown.disabled:after,.disabled.a-form__option--pulldown--l:after,.disabled.a-form__option--pulldown--s:after {
    display: none
}

.a-form__option--pulldown--s {
    width: 100%
}

.a-form__option--pulldown--s .a-form__select {
    width: auto
}

.a-form__select {
    position: relative;
    padding: 10px 25px 10px 10px!important;
    width: 100%;
    height: 40px;
    border: 1px solid #ddd;
    border-radius: 3px;
    background-color: #fff;
    font-size: 13px
}

.a-form__select:focus {
    border-width: 2px
}

.a-form__select:valid {
    border-color: #ededed;
    background-color: #fff;
}

.a-form__select:disabled.alert {
    border: none;
    background-color: #999;
    color: #fff;
    opacity: 1
}
.md {
    position: relative;
    padding: 10px 25px 10px 10px!important;
    width: 30%;
    height: 40px;
    border: 1px solid #dddddd;
    border-radius: 3px;
    background-color: #fff;
    font-size: 13px;
}
.a-form__textBox {
    position: inherit;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0!important;
    padding: 5px 10px!important;
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 3px;
    background-repeat: no-repeat;
    color: #333;
    font-size: 13px
}

.a-form__textBox:focus {
    outline: none;
    border-width: 3px
}

.a-form__textBox:placeholder {
    color: #bbb
}

.a-form__textBox:placeholder-shown+.a-form__input__helper,.a-form__textBox:placeholder-shown+.a-form__input__helper--error {
    opacity: 0;
    -webkit-transform: translateY(1rem);
    transform: translateY(1rem)
}

.a-form__textBox:valid {
    border-color: #dadada;
    background-color: #fff;
}

.a-form__textBox:valid+.a-form__input__helper,.a-form__textBox:valid+.a-form__input__helper--error {
    opacity: 0;
    -webkit-transform: translateY(-1rem);
    transform: translateY(-1rem)
}

.a-form__textBox:invalid+.a-form__input__helper,.a-form__textBox:invalid+.a-form__input__helper--error {
    background-color: #ff3939
}

.a-form__textBox:invalid+.a-form__input__helper--error:after,.a-form__textBox:invalid+.a-form__input__helper:after {
    border-top: 10px solid #ff3939
}

.a-form__textBox[readonly] {
    width: calc(100% + 30px);
    border: 0;
    background-color: #f3f3f3
}

.a-form__title {
    display: inline-block;
    margin-bottom: 7px;
    font-weight: 700
}

.a-form__title.required:after {
    display: inline-block;
    margin-left: 7px;
    padding: 3px 6px;
    background-color: #d70d25;
    color: #fff;
    content: "必須";
    font-size: 10px;
    line-height: 13px;
    border-radius: 20px;
    font-weight: normal;
}
.a-form__title.any:after {
    display: inline-block;
    margin-left: 7px;
    padding: 3px 6px;
    background-color: #1866b3;
    color: #fff;
    content: "任意";
    font-size: 10px;
    line-height: 11px;
    border-radius: 20px;
    font-weight: normal;
}



.a-form__text {
    padding-left: 5px
}

.a-form__subtext {
    display: inline-block;
    padding-top: 5px;
    color: #666;
    font-size: 11px;
    font-weight: normal;
}

.a-form__subtext.detail {
    color: #ff3939
}

.a-form__caution {
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 5px 10px 1.7em;
    width: 100%;
    background: #eee;
    color: #d70d25;
    text-indent: -1.2em;
    /* font-weight: 700; */
    font-size: 11px;
    line-height: 21px;
    margin-top: 3px;
    font-weight: normal;
}
.a-form__error+.a-form__caution {
    margin-top: 7px
}

.a-form__cell {
    position: relative;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.a-form__cell:last-child {
    margin-bottom: 0
}

dd.a-form__cell {
    margin-bottom: 20px
}

.a-form__table__row {
    border-bottom: none;
}


.a-form__table__row:last-child {
    border-bottom: 0
}

.a-form__table__row.err {
    background-color: #ffd2d2
}

.a-form__table__cell,.a-form__table__title {
    overflow-wrap: break-word;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 7px;
    word-wrap: break-word
}

.a-form__table__title {
    position: relative;
    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;
    width: 100%;
    border-bottom: 1px solid #bbb;
    background-color: rgb(70 76 76);
    font-weight: normal;
    color: #fff;
    border-radius: 20px;
    padding: 3px 14px;
}


.a-form__table__cell {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 10px 10px 10px;
    width: 100%;
    background-color: hsl(0deg 0% 100%);
    font-weight: bold;
    font-size: 15px;
}

.a-form__text--error {
    color: #ff2020;
    font-weight: 700
}

.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: 0;
    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;
   border-bottom: solid #eee 1px;
}

.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-list,.m-list--dot,.m-list--number {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.m-list--number {
    counter-reset: count
}

.a-list,.a-list--dot,.a-list--number {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    list-style: none;
    text-align: left;
    font-size: 13px
}

.a-list--dot:not(:last-child),.a-list--number:not(:last-child),.a-list:not(:last-child) {
    margin-bottom: 10px
}

.a-list--dot {
    margin-left: 1.1em;
    text-indent: -.3em
}

.a-list--dot:before {
    display: inline-block;
    margin-left: -1.2em;
    padding-right: 3px;
    width: 13px;
    height: 13px;
    content: "●";
    text-align: center;
    font-size: 10px;
    line-height: 13px;
    -webkit-transform: scale(.5);
    transform: scale(.5)
}

.a-list--number {
    margin-left: 1.2em;
    text-indent: .3em
}

.a-list--number:before {
    display: inline-block;
    margin-left: -2em;
    padding-right: 2px;
    width: 20px;
    height: 13px;
    content: counter(count);
    counter-increment: count;
    text-align: center;
    font-weight: 700
}

.m-title__header,.m-title__header--link {
    position: relative;
    margin-bottom: 10px;
    padding: 8px 10px;
    border-top: 5px solid #15aaa1;
    background-color: #fff
}

.m-title__header--link {
    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;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.m-title__header--simple {
    padding: 10px
}

.m-title-header--top {
    margin-right: 10px;
    margin-left: 10px
}

.a-title__h1,.a-title__h2 {
    font-weight: 700;
    font-size: 15px;
    line-height: 1.2
}

.a-title__h2 {
    margin-bottom: 10px;
    text-align: center;
    border-bottom: double 4px #ccc;
    line-height: 28px;
}

.a-title__h3 {
    margin-bottom: 10px;
    line-height: 1.2
}

.a-title,.a-title__h3 {
    font-weight: 700;
    font-size: 13px
}

.a-title {
    line-height: 1.6
}

.a-title__header--link {
    margin: -2px 0;
    padding: 6px;
    max-width: 50%;
    border: 1px solid #15aaa1;
    border-radius: 3px;
    background: #fff;
    color: #15aaa1;
    text-align: center;
    font-weight: 700;
    font-size: 12px
}

.a-title__editor__h2 {
    padding-bottom: 8px;
    border-bottom: 2px dotted #15aaa1;
    font-size: 15px
}

.a-title__editor__h2,.a-title__editor__h3 {
    margin: 15px 0;
    color: #15aaa1;
    font-weight: 700
}

.a-title__editor__h3 {
    padding: 3px 0 3px 10px;
    border-left: 5px solid #15aaa1;
    font-size: 13px
}

.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-pagination {
    margin: 30px 0;
    text-align: center
}

.m-pagination * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.a-pagination,.a-pagination--active {
    display: block;
    padding: 15px 12px;
    border-radius: 3px;
    background-color: #ddd;
    color: #fff!important;
    cursor: pointer
}

.a-pagination__list li {
    display: inline-block
}

.a-pagination__counter {
    margin-bottom: 20px
}

.a-pagination__counter em {
    color: #15aaa1
}

.a-pagination--active {
    background-color: #15aaa1!important
}

.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)
}

.o-bread-crumb {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    background-color: #eee;
    white-space: nowrap;
    word-break: keep-all
}

.m-bread-crumb {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    padding: 5px;
    font-size: 11px;
    line-height: 1.8
}

.a-bread-crumb__item {
    position: relative
}

.a-bread-crumb__item:not(:last-child) {
    margin-right: 24px
}

.a-bread-crumb__item:not(:last-child):after {
    position: absolute;
    top: 50%;
    margin-top: -.5em;
    
    speak: none;
    content: "\e10e";
    right: -18px;
    margin-top: -10px;
    color: #666
}

.a-bread-crumb__item:last-child {
    padding-right: 5px
}

.a-bread-crumb__link {
    color: #666;
    font-weight: 700
}

.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
    }
}


.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)
    }
}


.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
}