@charset "UTF-8";

/*!
 * ress.css • v1.2.2
 * MIT License
 * github.com/filipelinhares/ress
 */

html {
    box-sizing: border-box;
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%
}

*,
::after,
::before {
    background-repeat: no-repeat;
    box-sizing: inherit
}

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

* {
    padding: 0;
    margin: 0
}

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

hr {
    overflow: visible
}

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

summary {
    display: list-item
}

small {
    font-size: 80%
}

[hidden],
template {
    display: none
}

abbr[title] {
    border-bottom: 1px dotted;
    text-decoration: none
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

a:active,
a:hover {
    outline-width: 0
}

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

b,
strong {
    font-weight: bolder
}

dfn {
    font-style: italic
}

mark {
    background-color: #ff0;
    color: #000
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

input {
    border-radius: 0
}

[role=button],
[type=button],
[type=reset],
[type=submit],
button {
    cursor: pointer
}

[disabled] {
    cursor: default
}

[type=number] {
    width: auto
}

[type=search] {
    -webkit-appearance: textfield
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

textarea {
    overflow: auto;
    resize: vertical
}

button,
input,
optgroup,
select,
textarea {
    font: inherit
}

optgroup {
    font-weight: 700
}

button {
    overflow: visible
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: 0;
    padding: 0
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}

[type=reset],
[type=submit],
button,
html [type=button] {
    -webkit-appearance: button
}

button,
select {
    text-transform: none
}

button,
input,
select,
textarea {
    background-color: transparent;
    border-style: none;
    color: inherit
}

select {
    -moz-appearance: none;
    -webkit-appearance: none
}

select::-ms-expand {
    display: none
}

select::-ms-value {
    color: currentColor
}

legend {
    border: 0;
    color: inherit;
    display: table;
    max-width: 100%;
    white-space: normal
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

img {
    border-style: none
}

progress {
    vertical-align: baseline
}

svg:not(:root) {
    overflow: hidden
}

audio,
canvas,
progress,
video {
    display: inline-block
}

@media screen {
    [hidden ~ =screen] {
        display: inherit
    }
    [hidden ~ =screen]:not(:active):not(:focus):not(:target) {
        position: absolute!important;
        clip: rect(0 0 0 0)!important
    }
}

[aria-busy=true] {
    cursor: progress
}

[aria-controls] {
    cursor: pointer
}

[aria-disabled] {
    cursor: default
}

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

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


/* simplebar */

[data-simplebar] {
    position: relative;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start
}

.simplebar-wrapper {
    overflow: hidden;
    width: inherit;
    height: inherit;
    max-width: inherit;
    max-height: inherit
}

.simplebar-mask {
    direction: inherit;
    position: absolute;
    overflow: hidden;
    padding: 0;
    margin: 0;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: auto!important;
    height: auto!important;
    z-index: 0
}

.simplebar-offset {
    direction: inherit!important;
    box-sizing: inherit!important;
    resize: none!important;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    margin: 0;
    -webkit-overflow-scrolling: touch
}

.simplebar-content-wrapper {
    direction: inherit;
    box-sizing: border-box!important;
    position: relative;
    display: block;
    height: 100%;
    width: auto;
    visibility: visible;
    overflow: auto;
    max-width: 100%;
    max-height: 100%
}

.simplebar-content:after,
.simplebar-content:before {
    content: ' ';
    display: table
}

.simplebar-placeholder {
    max-height: 100%;
    max-width: 100%;
    width: 100%;
    pointer-events: none
}

.simplebar-height-auto-observer-wrapper {
    box-sizing: inherit!important;
    height: 100%;
    width: 100%;
    max-width: 1px;
    position: relative;
    float: left;
    max-height: 1px;
    overflow: hidden;
    z-index: -1;
    padding: 0;
    margin: 0;
    pointer-events: none;
    flex-grow: inherit;
    flex-shrink: 0;
    flex-basis: 0
}

.simplebar-height-auto-observer {
    box-sizing: inherit;
    display: block;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 1000%;
    width: 1000%;
    min-height: 1px;
    min-width: 1px;
    overflow: hidden;
    pointer-events: none;
    z-index: -1
}

.simplebar-track {
    z-index: 1;
    position: absolute;
    right: 0;
    bottom: 0;
    pointer-events: none;
    overflow: hidden
}

[data-simplebar].simplebar-dragging .simplebar-content {
    pointer-events: none;
    user-select: none;
    -webkit-user-select: none
}

[data-simplebar].simplebar-dragging .simplebar-track {
    pointer-events: all
}

.simplebar-scrollbar {
    position: absolute;
    right: 2px;
    width: 7px;
    min-height: 10px
}

.simplebar-scrollbar:before {
    position: absolute;
    content: '';
    background: #000;
    border-radius: 7px;
    left: 0;
    right: 0;
    opacity: 0;
    transition: opacity .2s linear
}

.simplebar-track .simplebar-scrollbar.simplebar-visible:before {
    opacity: .5;
    transition: opacity 0s linear
}

.simplebar-track.simplebar-vertical {
    top: 0;
    width: 11px
}

.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
    top: 2px;
    bottom: 2px
}

.simplebar-track.simplebar-horizontal {
    left: 0;
    height: 11px
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
    height: 100%;
    left: 2px;
    right: 2px
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
    right: auto;
    left: 0;
    top: 2px;
    height: 7px;
    min-height: 0;
    min-width: 10px;
    width: auto
}

[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical {
    right: auto;
    left: 0
}

.hs-dummy-scrollbar-size {
    direction: rtl;
    position: fixed;
    opacity: 0;
    visibility: hidden;
    height: 500px;
    width: 500px;
    overflow-y: hidden;
    overflow-x: scroll
}


/**
 * Swiper 4.5.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2019 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: February 22, 2019
 */

.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical > .swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.swiper-container-multirow > .swiper-wrapper {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    -o-transition-property: transform, height;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal > .swiper-wrapper {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical > .swiper-wrapper {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s opacity;
    -o-transition: .3s opacity;
    transition: .3s opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(.66);
    -ms-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(.66);
    -ms-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff
}

.swiper-container-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    -webkit-transition: .2s top, .2s -webkit-transform;
    transition: .2s top, .2s -webkit-transform;
    -o-transition: .2s transform, .2s top;
    transition: .2s transform, .2s top;
    transition: .2s transform, .2s top, .2s -webkit-transform
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: .2s left, .2s -webkit-transform;
    transition: .2s left, .2s -webkit-transform;
    -o-transition: .2s transform, .2s left;
    transition: .2s transform, .2s left;
    transition: .2s transform, .2s left, .2s -webkit-transform
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: .2s right, .2s -webkit-transform;
    transition: .2s right, .2s -webkit-transform;
    -o-transition: .2s transform, .2s right;
    transition: .2s transform, .2s right;
    transition: .2s transform, .2s right, .2s -webkit-transform
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top
}

.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical > .swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-progressbar.swiper-pagination-white {
    background: rgba(255, 255, 255, .25)
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-pagination-progressbar.swiper-pagination-black {
    background: rgba(0, 0, 0, .25)
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
    background: #000
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    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-align: center
}

.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    animation: swiper-preloader-spin 1s steps(12, end) infinite
}

.swiper-lazy-preloader:after {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next + .swiper-slide,
.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-container-flip {
    overflow: visible
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-coverflow .swiper-wrapper {
    -ms-perspective: 1200px
}

.demo1 {
    height: 100px;
}


/*
 * layout
 */

html {
    /*overflow-y: scroll;*/
}

body {
    color: #222;
    font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    font-size: 16px;
    line-height: 1.6;
    word-break: break-all;
}

@media all and (-ms-high-contrast:none) {
	body {
		font-family: "メイリオ", Meiryo, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
	}
}

body::after {
    display: block !important;
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-color: #fff;
    background-image: url(/lib/images/common/bg-pink.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

html.fixed,
body.fixed {
    overflow: hidden;
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    width: 100%;
    height: 64px;
    padding: 0 35px 0 40px;
    color: #fff;
    background-color: #FA85C4;
    background-color: rgba(250, 133, 196, 0.8);
}

.hd-logo {
    display: flex;
}

.hd-logo a {
    display: flex;
}

.hd-logo a img {}

.hd-gnav {
    display: flex;
}

.hd-gnav-inner {
    display: flex;
}

.hd-gnav-ul {
    display: flex;
    align-items: center;
    list-style: none;
}

.hd-gnav-ul li {
    display: flex;
    align-items: center;
    height: 1em;
    padding: 0 .75em;
    border-left: 1px solid #fff;
}

.hd-gnav-ul li:first-child {
    padding: 0 .75em 0 0;
    border-left: none;
}

.hd-gnav-ul li a {
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
    transition: all .3s linear;
}

.hd-gnav-ul li a:hover {
    opacity: .5;
}

.hd-ico-btn {
    position: relative;
    display: flex;
    align-items: center;
    width: 26px;
    height: 26px;
}

.hd-badge {
    position: absolute;
    top: -.5em;
    left: 18px;
    padding: .3em .8em;
    font-size: 10px;
    background-color: #fd0505;
    border-radius: 1em;
    line-height: 1;
}

.hd-ico-btn a {
    display: flex;
    align-items: center;
}

.hd-btn-login {}

.hd-btn-mypage {}

.hd-btn-menu {}

.hd-btn-menu {
    display: none;
}


/* for imp@ortant news adjust */
.contents {
    padding: 163px 0 0;
    /* padding: 160px 0 0; */
    text-align: center;
}

.contents.header-none {
    padding: 64px 0 0;
}

.contents-inner {
    width: 1020px;
    margin: auto;
    padding: 0 0 0;
}

.contents-inner.single {
    padding: 64px;
    text-align: left;
    background-color: #fff;
}

.contents-inner > *:first-child {
    margin: 0;
}

.contents-inner.bg-light-gray {
    background-color: #f8f7f7;
}

.contents-inner.font-meiryo {
    font-family: Meiryo, sans-serif;
    font-size: 15px;
}



.footer {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 64px 0 0 0;
    padding: 0 0 56px 0;
}

.ft-logo {
    margin-top: 64px;
}

.ft-nav {
    margin: 16px 0 0 0;
}

.ft-nav-ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    list-style-type: none;
}

.ft-nav-ul li {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 1em;
    margin: 8px 0 0 0;
    padding: 0 .75em;
    border-right: 1px solid #fff;
}

.ft-nav-ul li:last-child {
    padding: 0 0 0 .75em;
    border-right: none;
}

.ft-nav-ul li a {
    font-size: 13px;
    color: #fff;
    text-decoration: none;
    transition: all .3s linear;
}

.ft-nav-ul li a:hover {
    opacity: .5;
}

.ft-Copyright {
    margin: 32px 0 0 0;
    font-size: 10px;
    color: #fff;
    text-align: center;
}


/*
 * grid
 */

.grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.grid.cols2 {}

.grid.cols2 > [class^="col-"] {
    box-sizing: border-box;
    width: 50%;
    margin: 0 0 60px 0;
}

.grid.cols2.padding40 > [class^="col-"] {
    margin: 40px 0 0 0;
}

.grid.cols2.padding40.mt60 > [class^="col-"] {
    margin: 60px 0 0 0;
}

.grid.cols2.padding40 > [class^="col-"]:nth-child(1),
.grid.cols2.padding40 > [class^="col-"]:nth-child(2) {
    margin: 0;
}

.grid.cols2.padding40 > [class^="col-"]:nth-child(odd) {
    padding: 0 20px 0 0;
}

.grid.cols2.padding40 > [class^="col-"]:nth-child(even) {
    padding: 0 0 0 20px;
}

.grid.cols2 > .col-user-mypage-left,
.grid.cols2 > .col-user-mypge-right {
    width: 48.65%;
    /* 434px / 892px */
    margin: 0;
}

.grid.cols2 > .col-player-profile-edit-left,
.grid.cols2 > .col-player-profile-edit-right {
    width: calc(50% - 16px);
}

.grid.cols2 > .col-player-profile-edit-left.thin {
    width: 35.20%;
    /* 314px / 892px */
}

.grid.cols2 > .col-player-profile-edit-right.wide {
    width: 60.31%;
    /* 538px / 892px */
}


.mod-player-detail-layout {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.mod-player-detail-layout > * {
    box-sizing: border-box;
    width: 100%;
}

.mod-player-detail-layout .col-player-detail-left {
    width: 45.06%;
    /* 402px / 892px */
}

.mod-player-detail-layout .col-player-detail-right {
    width: 50.44%;
    /* 450px / 892px */
}

.player-detail-appeal-txt {
    padding: 24px !important;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
}


/*
 * modules
 */

.mod-round-img {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding: 100% 0 0 0;
    border-radius: 50%;
    background-color: #eee;
}

.mod-round-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}


.mod-slider-large {
    position: relative;
    margin: -34px 0 0 0 !important;
}

.mod-slider-large + * {
    margin: 56px 0 0 0 !important;
}

.mod-slider-large.top-slider-blank + * {
    margin: 64px 0 0 0 !important;
}

.mod-slider-large > .swiper-container {
    box-shadow: 0 3px 24px rgba(0, 0, 0, .3);
}

.mod-slider-large > .swiper-container > .swiper-wrapper {}

.mod-slider-large > .swiper-container > .swiper-wrapper > .swiper-slide {
    width: 68.6274%;
}

.mod-slider-large > .swiper-container > .swiper-wrapper > .swiper-slide a {
    position: relative;
    display: block;
}

.mod-slider-large > .swiper-container > .swiper-wrapper > .swiper-slide a > .slider-caption {
    position: absolute;
    left: 0;
    bottom: 0;
    box-sizing: border-box;
    padding: 16px;
    width: 100%;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: rgba(0, 0, 0, .6);
    transition: all .3s linear;
    transform: translateY(100%);
}

.mod-slider-large > .swiper-container > .swiper-wrapper > .swiper-slide.swiper-slide-active a > .slider-caption {
    /*animation: kf-slider-caption 1s ease 0s 1 normal;*/
    transform: translateY(0);
}


.mod-slider-large > .swiper-container > .swiper-wrapper > .swiper-slide img {
    width: 100%;
    vertical-align: bottom;
}

.mod-slider-large > .swiper-pagination {
    display: flex;
    justify-content: center;
    position: static;
    margin: 32px 0 0 0;
}

.mod-slider-large > .swiper-pagination > .swiper-pagination-bullet {
    margin: 0 8px;
    width: 15px;
    height: 15px;
    background-color: #fff;
    opacity: 1;
}

.mod-slider-large > .swiper-pagination > .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #80003d;
}

.mod-slider-large > .swiper-container > .swiper-button-prev,
.mod-slider-large > .swiper-container > .swiper-button-next {
    top: 0;
    width: 15.6863%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0);
    margin: 0;
    padding: 0;
}

.mod-slider-large > .swiper-container > .swiper-button-prev {
    left: 0;
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1);
}

.mod-slider-large > .swiper-container > .swiper-button-next {
    right: 0;
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1);
}

.mod-slider-large > .swiper-container > .swiper-button-prev::after,
.mod-slider-large > .swiper-container > .swiper-button-next::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center;
}

.mod-slider-large > .swiper-container > .swiper-button-prev::after {
    background-image: url(/lib/images/common/ico-slider-arrow-left-pk.svg);
}

.mod-slider-large > .swiper-container > .swiper-button-next::after {
    background-image: url(/lib/images/common/ico-slider-arrow-right-pk.svg);
}

.mod-slider-large.top-slider-blank {
    margin: 64px 0 0 0 !important;
}

.top-slider-blank-img {}

.mod-section-info01 {
    box-sizing: border-box;
    width: 95.09%;
    margin: 62px auto 0;
    padding: 40px 24px;
    text-align: left;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0px 3px 12px rgba(0, 0, 0, .16);
}

.ul-info01 {
    list-style: none;
}

.ul-info01 li {
    margin: 10px 0 0 0;
    padding: 0 0 10px 0;
    border-bottom: 1px dashed #222222;
}

.ul-info01 li:first-child {
    margin: 0;
}

.ul-info01 li a {
    display: flex;
    align-items: center;
    color: #222;
    font-size: 18px;
    text-decoration: none;
}

.ul-info01 li.ico-new a {}

.ul-info01 li.ico-new a::before {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 16px;
    margin: 0 6px 0 0;
    padding: 0 4px;
    content: "NEW";
    color: #fff;
    font-size: 9px;
    background-color: #ff7cb4;
    line-height: 1;
    white-space: nowrap;
}

.mod-section-basic {
    margin: 56px 0 0 0;
    padding: 0 0 40px 0;
    text-align: left;
    background-color: #fff;
    box-shadow: 0px 3px 24px rgba(0, 0, 0, .13);
}

.contents-inner .mod-section-basic:first-child {}

.mod-section-basic.has-scroll-child {
    padding: 0 0 24px 0;
}

.mod-inner-section {
    padding: 40px 40px 0;
}

[class^="mod-h-medium-"] + .mod-inner-section {
    padding: 56px 40px 0;
}


.mod-inner-section02 {
    padding: 24px 24px 0;
}

.mod-inner-section-thin {
    width: 510px;
    margin: 0 auto;
    padding: 40px 0 0 0;
}


.contents-inner.transparent > * {
    color: #fff;
    background: transparent;
    box-shadow: none;
}

.contents-inner.transparent [class^="btn-"] {
    color: #fff !important;
    border-color: #fff !important;
}

.mod-h-large-gradient {
    padding: 32px;
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    background: #fd2a9d;
    background: -moz-linear-gradient(left, #fd2a9d 0%, #eec4fa 100%);
    background: -webkit-linear-gradient(left, #fd2a9d 0%, #eec4fa 100%);
    background: linear-gradient(to right, #fd2a9d 0%, #eec4fa 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd2a9d', endColorstr='#eec4fa', GradientType=1);
    line-height: 1;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, .16);
}

.mod-h-medium-gradient {
    padding: 1em;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    background: transparent linear-gradient(92deg, #DD2476 0%, #FF512F 100%) 0% 0% no-repeat padding-box;
    border-radius: 4px;
    text-align: center;
}

.mod-h-small-gradient {}

.mod-h-medium-border-bottom {
    margin: 62px 0 0 0;
    color: #222;
    font-size: 18px;
    text-align: center;
}


.mod-section-basic > div > .mod-h-medium-border-bottom {
    margin: 40px 0 0;
}


.mod-bnr-box + .mod-h-medium-border-bottom {
    margin: 48px 0 0 0;
}



.contents-inner.single .mod-h-medium-border-bottom:first-child {
    margin: 0 0 0 0;
}

.mod-card-list-col2 + .mod-h-medium-border-bottom {
    margin: 42px 0 0 0;
}

.mod-h-medium-border-bottom span {
    position: relative;
    display: inline-block;
    padding: 0 0 8px 0;
}

.mod-h-medium-border-bottom span::after {
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    width: 100%;
    height: 2px;
    background: #fd2a9d;
    background: -moz-linear-gradient(left, #fd2a9d 0%, #eec4fa 100%);
    background: -webkit-linear-gradient(left, #fd2a9d 0%, #eec4fa 100%);
    background: linear-gradient(to right, #fd2a9d 0%, #eec4fa 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd2a9d', endColorstr='#eec4fa', GradientType=1);
}

.mod-h-medium-border-bottom02,
.mod-h-medium-border-bottom02 span {
    line-height: 1;
}

.mod-h-medium-border-bottom02 {
    color: #66709f;
    font-size: 20px;
    font-weight: 700;
    border-bottom: 1px solid rgba(127, 134, 167, .44);
    line-height: 1;
}

.mod-h-medium-border-bottom02 span {
    position: relative;
    display: inline-block;
    margin: 0 0 -1px 0;
    padding: 0 0 8px 0;
    border-bottom: 1px solid #66709f;
}


.mod-h-large-bg {
    padding: 32px 24px;
    color: #fff;
    font-size: 20px;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, .16);
}

.mod-h-medium-bg {
    padding: 13px 16px;
    color: #fff;
    font-size: 24px;
    font-weight: normal;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, .16);
}

.mod-h-medium-bg.bg-blue,
.mod-h-large-bg.bg-blue {
    background-image: url(/lib/images/common/bg-blue.jpg);
}

.mod-h-medium-basic {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 24px 0 0 0;
    padding: 0.88em;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    background-color: #ccc;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, .16);
    line-height: 1;
}

.col-player-detail-right .mod-h-medium-basic:first-child,
.mod-section-basic .mod-h-medium-basic:first-child,
.mod-user-mypge-message-area .mod-h-medium-basic:first-child {
    margin: 0;
}

.mod-player-detail-appeal-area .mod-h-medium-basic {
    margin: 9px 0 0 0;
}

[class^="mod-h-"].bg-transparent {
    color: #222;
    font-size: 20px;
    background: transparent;
    text-shadow: none;
}

[class^="mod-h-"].has-icon {
    display: flex;
    justify-content: flex-start;
    padding: 0.88em 24px;
}

[class^="mod-h-"].has-icon .ico {
    margin: 0 16px 0 0;
}

[class^="mod-h-"].has-icon.pl00 {
    padding: 0 0 0.88em 0;
    font-size: 18px;
}

.bg-fill-pink {
    color: #fff;
    background-color: #f5a2f0;
}


.mod-title-btn-wrapper {
    position: relative;
}

.mod-title-btn-wrapper .btn-pos-tr {
    position: absolute;
    top: 92px;
    right: 40px;
}
.vote .mod-title-btn-wrapper .btn-pos-tr {
    top: -8px;
}


.mod-box-border01 {
    box-sizing: border-box;
    padding: 22px 24px;
    border: 1px solid #f5a2f0;
    border-top: none;
}


.mod-card-player01 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 20px;
    text-align: center;
}

[class^="player-list-cols6"] .mod-card-player01 {
    padding: 10px 10px 16px;
}

.player-card-pic {}

.player-card-pic img {
    width: 100%;
    vertical-align: bottom;
}

.player-card-name {
    margin: 14px 0 0 0;
    color: #222;
    font-size: 16px;
    font-weight: 700;
}

.player-card-name-furigana {
    margin: 0;
    color: #222;
    font-size: 12px;
}

.player-card-nickname {
    margin: 4px 0 0 0;
    color: #fd59b1;
    font-size: 12px;
}

.player-card-update {
    margin: 8px 0 0 0;
    color: #6e6e6e;
    font-size: 10px;
}

.player-card-votes-num {
    margin: 8px 0 0 0;
    color: #222;
    font-size: 16px;
    font-weight: 700;
}

[class^="player-card-btn"] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 47px;
}

.player-card-btn-vote {
    margin: 8px 0 0 0;
    /*or:auto 0 0 0*/
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    background-color: #fd2a9d;
}

.player-card-btn-voted {
    margin: 8px 0 0 0;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    background-color: #bbb;
}

.player-card-qualification {
    margin: 8px 0 0 0;
}

.player-card-qualification-header {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 28px;
    color: #fff;
    font-size: 12px;
    background-color: #fd2a9d;
}

.player-card-qualification-list {
    margin: 8px 0 0 0;
    color: #bbb;
    font-size: 12px;
    font-weight: 700;
    list-style: none;
    text-align: left;
}

.player-card-qualification-list .active {
    color: #fd2a9d;
}

[class^="mod-card-player"] {}

.mod-card-player-top {
    flex-shrink: 0;
}

.mod-card-player-bottom {}

.mod-card-player-top:hover {
    opacity: .5;
    cursor: pointer;
}



[class^="mod-card-player"].ico-new {}

[class^="mod-card-player"].ico-new .player-card-pic {
    position: relative;
}

[class^="mod-card-player"].ico-new .player-card-pic:after {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 28px;
    height: 19px;
    content: "NEW";
    position: absolute;
    top: 0;
    left: 0;
    font-size: 9px;
    color: #fff;
    background-color: #fd2b9e;
    line-height: 1;
}


[class^="player-list-"] {
    margin: 0 0 0 0;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
}

[class^="mod-h-large-"] + [class^="player-list-"] {
    margin: 0;
}

.mod-btn-area-right + [class^="player-list-"] {
    margin: 40px 0 0 0;
}

.mod-title-btn-wrapper + [class^="player-list-"] {
    /* margin: 64px 0 0 0; */
    margin: 56px 0 0 0;
}

/* .mod-title-btn-wrapper.has-note + [class^="player-list-"] {
    margin: 28px 0 0 0;
} */


[class^="player-list-"] li {}


[class^="player-list-"] li a {
    display: block;
}

[class^="player-list-"] li a[class*="btn"] {
    display: flex;
}

.player-list-cols6 {}

.player-list-cols6 > li {
    width: 16.66%;
}

.player-list-cols4 {}

.player-list-cols4 > li {
    width: 25%;
}


.player-list-cols4 > li:nth-child(8n + 1),
.player-list-cols4 > li:nth-child(8n + 3),
.player-list-cols4 > li:nth-child(8n + 6),
.player-list-cols4 > li:nth-child(8n + 8),

.player-list-cols6 > li:nth-child(12n + 1),
.player-list-cols6 > li:nth-child(12n + 3),
.player-list-cols6 > li:nth-child(12n + 5),
.player-list-cols6 > li:nth-child(12n + 8),
.player-list-cols6 > li:nth-child(12n + 10),
.player-list-cols6 > li:nth-child(12n + 12) {
    background-color: #fff5fd;
}



.mod-vote-title-nav-wrapper {
    display: flex;
    justify-content: space-between;
    padding: 20px 20px 0;
}

.vote-title {
    position: relative;
    flex-grow: 1;
    padding: 1em;
    order: 2;
    font-size: 24px;
    font-weight: 700;
    color: #f5a2f0;
    text-align: center;
    background-color: #fff5fd;
}

.vote-title span {
    display: block;
}

.vote-title-nav-btn-prev,
.vote-title-nav-btn-next {
    width: 54px;
    background-color: #f5a2f0;
    background-repeat: no-repeat;
    background-position: center;
}

.vote-title-nav-btn-prev {
    order: 1;
    background-image: url(/lib/images/common/ico-tour-slider-left.svg);
}

.vote-title-nav-btn-next {
    order: 3;
    background-image: url(/lib/images/common/ico-tour-slider-right.svg);
}

.mod-side-fixed-nav {
    position: fixed;
    top: 128px;
    right: 50%;
    margin: 0 -618px 0 0;
}

.side-fixed-nav-ul {
    list-style: none;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
}

.side-fixed-nav-ul li {
    background-color: #efeaee;
}

.side-fixed-nav-ul li div,
.side-fixed-nav-ul li a {
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    width: 88px;
    height: 88px;
    font-size: 11px;
    color: #fff;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, .29);
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    background-color: #f5a2f0;
    text-decoration: none;
    transition: all .3s linear;
}

.side-fixed-nav-ul li a.active,
.side-fixed-nav-ul li a:hover {
    background-color: #fc77f4;
    text-decoration: underline;
}

.side-fixed-nav-ul li div {
    /*display: none;*/
    color: #fff;
    background-color: #efeaee;
}

.mod-player-ranking-beat3 {
    display: flex;
    justify-content: space-between;
    list-style: none;
}

.mod-player-ranking-beat3 li {
    width: 130px;
}

.mod-player-ranking-beat3 li .mod-card-player01 {
    padding: 0;
}

.mod-player-ranking-beat3 li .mod-card-player01 .player-card-pic {
    position: relative;
    width: 100%;
    /*height: 130px;*/
}

.mod-player-ranking-beat3 li .mod-card-player01 .player-card-pic img {
    /*
    width: 130px;
    height: 130px;
    border-radius: 65px;
*/
}

.mod-player-ranking-beat3 li.ranking-1 .mod-card-player01 .player-card-pic::after,
.mod-player-ranking-beat3 li.ranking-2 .mod-card-player01 .player-card-pic::after,
.mod-player-ranking-beat3 li.ranking-3 .mod-card-player01 .player-card-pic::after {
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 36px;
    height: 31px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.mod-player-ranking-beat3 li.ranking-1 .mod-card-player01 .player-card-pic::after {
    content: "";
    background-image: url(/lib/images/common/ico-rank-1st.svg);
}

.mod-player-ranking-beat3 li.ranking-2 .mod-card-player01 .player-card-pic::after {
    content: "";
    background-image: url(/lib/images/common/ico-rank-2nd.svg);
}

.mod-player-ranking-beat3 li.ranking-3 .mod-card-player01 .player-card-pic::after {
    content: "";
    background-image: url(/lib/images/common/ico-rank-3rd.svg);
}


.mod-card-list-col2 {
    display: flex;
    flex-wrap: wrap;
    padding: 0 20px;
}

.mod-card-list-col2 > * {
    width: calc(50% - 40px);
    margin: 40px 20px 0;
}

.col-player-detail-right .mod-card-type01 {
    margin: 24px 0 0 0;
}

.mod-card-tour01 {
    box-sizing: border-box;
    width: 100%;
    padding: 20px 40px;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #fffdfd 50%, #edeaea 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%, #fffdfd 50%, #edeaea 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #fffdfd 50%, #edeaea 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#edeaea', GradientType=0);
    border: 1px solid #acabab;
    text-align: center;
}

.mod-card-tour-inner {}

.card-type01-title {
    color: #222;
    font-size: 16px;
    font-weight: 700;
}

.card-type01-title::after {
    display: block;
    content: "";
    width: 100%;
    height: 2px;
    margin: 16px 0 0 0;
    background: #fd2a9d;
    background: -moz-linear-gradient(left, #fd2a9d 0%, #eec4fa 100%);
    background: -webkit-linear-gradient(left, #fd2a9d 0%, #eec4fa 100%);
    background: linear-gradient(to right, #fd2a9d 0%, #eec4fa 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd2a9d', endColorstr='#eec4fa', GradientType=1);
}

.card-type01-date {
    margin: 16px 0 0 0;
    color: #222;
    font-size: 12px;
    font-weight: 700;
}

.card-type01-btn-vote {
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    width: 148px;
    height: 32px;
    margin: 16px auto 0;
    color: #fd2a9d;
    font-size: 16px;
    font-weight: 700;
    border: 1px solid #fd2a9d;
}

.disabled .card-type01-btn-vote:disabled,
.disabled .card-type01-btn-vote,
.card-type01-btn-vote:disabled,
.card-type01-btn-vote.disabled {
    color: #fff;
    border: 0;
    background-color: #b1afaf;
    cursor: default;
}

.mod-main-has-fixed-sidebar {
    position: relative;
    margin: 0 204px 0 0;
    background-color: #fff;
    text-align: left;
}

.mod-main-has-fixed-sidebar > *:last-child {
    padding-bottom: 64px;
}

.mod-fixed-sidebar {
    position: absolute;
    top: 0;
    right: -204px;
    box-sizing: border-box;
    width: 204px;
    padding: 40px 24px;
}

.mod-fixed-sidebar ul {
    list-style: none;
}

.mod-fixed-sidebar ul li {}

.mod-fixed-sidebar ul li a {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    box-sizing: border-box;
    height: 42px;
    padding: 0 0 0 10px;
    color: #222;
    font-size: 14px;
    text-decoration: none;
    border-left: 6px solid transparent;
}

.mod-fixed-sidebar ul li a .ico {
    display: none;
}

.mod-fixed-sidebar ul li a:hover {
    background-color: rgba(255, 255, 255, .78);
}

.mod-fixed-sidebar ul li a.active {
    border-left: 6px solid #06529c;
    background-color: rgba(255, 255, 255, .78);
}

.scroll-event.active .mod-fixed-sidebar {
    position: fixed;
    top: 146px;
    right: 50%;
    margin: 0 -510px 0 0;
}

.scroll-event.active .mod-fixed-sidebar.bottom {
    position: absolute;
    top: unset;
    bottom: 0;
    right: -204px;
    margin: 0;
}

.mod-player-detail-profile {}

.mod-player-detail-profile-box {
    display: flex;
    flex-direction: column;
}

.mod-player-detail-profile-box-inner {
    display: flex;
}

.player-detail-profile-name {
    margin: 0 20px 0 0;
    font-size: 24px;
    font-weight: 700;
}

.player-detail-profile-cnt {
    display: flex;
    align-items: center;
    font-size: 16px;
}

.player-detail-profile-cnt i {
    margin: 0 8px 0 0;
}

.player-detail-profile-furigana {
    margin: 0;
    font-size: 12px;
    font-weight: 700;
}

.player-detail-profile-nickname {
    margin: 8px 0 0 0;
    font-size: 12px;
    color: #fd59b1;
}


.mod-player-detail-pics {
    margin: 24px 0 0 0;
}

.mod-player-detail-pics-main {
    position: relative;
}

.mod-player-detail-pics-main img {
    width: 100%;
    vertical-align: bottom;
}

.mod-player-detail-pics-thumbs {}

.mod-player-detail-pics-thumbs ul {
    overflow-x: auto;
    list-style: none;
    white-space: nowrap;
}

.mod-player-detail-pics-thumbs ul li {
    display: inline-block;
    margin: 6px 0 0 6px;
    width: 96px;
    height: 96px;
    background-color: #eee;
}

.mod-player-detail-pics-thumbs ul li:first-child {
    margin: 6px 0 0 0;
}

.mod-player-detail-pics-thumbs ul li img {
    width: 100%;
    cursor: pointer;
    vertical-align: top;
}

.mod-player-detail-btn-area {
    display: flex;
    margin: 6px 0 0 0;
}

.mod-player-detail-btn-area > [class^="btn-"] {
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    width: 33.33%;
    height: 53px;
    color: #fff;
    font-size: 12px;
    background: -moz-linear-gradient(top, rgba(244, 36, 252, 0.99) 0%, rgba(255, 0, 85, 0.65) 100%);
    background: -webkit-linear-gradient(top, rgba(244, 36, 252, 0.99) 0%, rgba(255, 0, 85, 0.65) 100%);
    background: linear-gradient(to bottom, rgba(244, 36, 252, 0.99) 0%, rgba(255, 0, 85, 0.65) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcf424fc', endColorstr='#a6ff0055', GradientType=0);
    border-left: 1px solid #fff;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, .16);
}

.mod-player-detail-btn-area > [class^="btn-"] .ico {
    margin: 0 5px 0 0;
}

.mod-player-detail-btn-area > [class^="btn-"]:disabled {
    background: #ccc;
}

.mod-player-detail-btn-area > [class^="btn-"]:first-child {
    border-left: none;
}

.mod-player-detail-btn-area > [class^="btn-"]:disabled {
    background: transparent;
    background-color: #ccc;
}

.mod-player-detail-sns-area {
    margin: 9px 0 0 0;
}

.mod-player-detail-sns-area ul {
    list-style: none;
    display: flex;
    justify-content: center;
}

.mod-player-detail-sns-area ul li {
    margin: 0 4px;
}

.mod-player-detail-sns-area ul li a {
    display: block;
    width: 60px;
    height: 60px;
    background-color: #eee;
}

.mod-user-mypge-edit-btnarea {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin: 16px 0 0 0;
}

.btn-user-profile,
.btn-user-logout {
    display: inline-flex;
    align-items: center;
    color: #000;
    font-size: 14px;
    line-height: 1;
}

.btn-user-profile {}

.btn-user-profile i {
    margin: 0 8px 0 0;
}

.btn-user-logout {
    margin: 16px 0 0 0;
    padding: 0 0 0 27px;
}

.mod-user-mypge-profile-area {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.user-mypge-profile-pic {
    width: 136px;
}

.user-mypge-profile-pic .mod-round-img {
    box-shadow: 0px 3px 6px rgba(0, 0, 0, .13);
}

.user-mypge-profile-name,
.user-mypge-profile-place {
    color: #404040;
    font-size: 16px;
}

.user-mypge-profile-name {
    margin: 16px 0 0 0;
    font-weight: 700;
}

.user-mypge-profile-place {}

.mod-user-mypge-favorite-player-area {
    display: flex;
    justify-content: flex-start;
    margin: 24px 0 0 0;
    padding: 12px 0 0 0;
    border-top: 1px solid #707070;
}

.user-mypge-favorite-player-pic {
    width: 80px;
    margin: 0 16px 0 0;
}

.mod-user-mypge-favorite-player-area-detail {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}



.user-mypge-favorite-player-user-name {
    font-size: 14px;
}

.user-mypge-favorite-player-name {
    font-size: 20px;
    font-weight: 700;
}

.mod-user-mypge-favorite-player-select-area {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 -8px;
}

.mod-user-mypge-favorite-player-select-area li {
    box-sizing: border-box;
    width: 20%;
    padding: 16px 8px;
}

.mod-user-mypge-favorite-player-select-area li:nth-child(5n) {}

.mod-user-mypge-favorite-player-select-area li button {
    width: 100%;
}

.user-mypge-favorite-player-select-pic {
    width: 100%;
}


.user-mypge-favorite-player-select-name {
    /*
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
*/
    margin: 8px 0 0 0;
    font-size: 14px;
}

.mod-user-mypge-message-area {
    padding: 40px 0 40px 0;
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.16);
}

[class^="col-"] .mod-user-mypge-message-area {
    padding: 0 0 24px 0;
}

.mod-user-mypge-message-inner-area {
    height: 640px;
    padding: 0 20px 0 0;
}

.mod-user-mypge-message-list {
    list-style: none;
}

.mod-user-mypge-message-list li {}

.mod-user-mypge-message-list li:nth-child(even) {
    background-color: #fff5fd;
}

.mod-user-mypge-message-card {
    padding: 8px 16px;
}

.user-mypge-message-player-box {
    display: flex;
    align-items: center;
}

.user-mypge-message-player-box.mod-card-link {}

.user-mypge-message-player-box.mod-card-link:hover {
    opacity: 1;
}

.user-mypge-message-player-box-img {
    margin: 0 16px 0 0;
    width: 80px;
}


.user-mypge-message-player-box-name {
    color: #404040;
    font-size: 20px;
    font-weight: 700;
}

.user-mypge-message-player-box.mod-card-link:hover .user-mypge-message-player-box-name {
    text-decoration: underline;
}

.user-mypge-message-user-box {
    display: flex;
    margin: 16px 0 0 0;
}

.user-mypge-message-user-img {
    position: relative;
    width: 50px;
    margin: 0 24px 0 24px;
}

.user-mypge-message-user-img::after {
    content: "";
    position: absolute;
    top: 25%;
    right: calc(100% + 8px);
    width: 12px;
    height: 13px;
    background-image: url(/lib/images/common/ico-arrow-vertical.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.user-mypge-message-user-img img {
    box-shadow: 0px 3px 6px rgba(0, 0, 0, .08);
}

.user-mypge-message-user-img .ico {
    position: absolute;
    top: 0;
    right: -8px;
    z-index: 10;
}

.user-mypge-message-user-box-detail {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: calc(100% - 78px);
}

.user-mypge-message-user-name,
.user-mypge-message-user-date {
    display: inline-flex;
}

.user-mypge-message-user-name {
    color: #404040;
    font-size: 16px;
    font-weight: 700;
}

.user-mypge-message-user-date {
    color: #8a8a8a;
    font-size: 12px;
    text-align: right;
}

.user-mypge-message-user-comment {
    width: 100%;
    margin: 12px 0 0 0;
    color: #5c5c5C;
    font-size: 16px;
}


.mod-player-comment-card {
    display: flex;
    padding: 16px;
}

.player-comment-card-pic {
    margin: 0 16px 0 0;
    width: 60px;
}



.player-comment-card-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: calc(100% - 76px);
}

.player-comment-card-name,
.player-comment-card-date {
    display: inline-flex;
}

.player-comment-card-name {
    color: #404040;
    font-size: 20px;
    font-weight: 700;
}

.player-comment-card-date {
    color: #8a8a8a;
    font-size: 16px;
}

.player-comment-card-comment {
    width: 100%;
    color: #5c5c5c;
    font-size: 16px;
}


.mod-select-user-icon-list {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 -9px 0;
}

.mod-select-user-icon-list li {
    margin: 18px 9px 0;
}

.mod-select-user-icon-label {
    position: relative;
    display: block;
    width: 80px;
    height: 80px;
    cursor: pointer;
}

.select-user-icon-label-radio {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 99;
}

.select-user-icon-label-radio:checked {}

.select-user-icon-label-img {
    position: relative;
    z-index: 100;
    width: 80px;
}

.select-user-icon-label-img .mod-round-img {
    box-shadow: 0px 3px 6px rgba(0, 0, 0, .13);
}

.select-user-icon-label-radio:checked + .select-user-icon-label-img:after {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 110;
    content: "";
    width: 22px;
    height: 22px;
    background-image: url(/lib/images/common/ico-checked.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}



.mod-procedure-list {
    margin: 0 0 0 36.5px;
    list-style: none;
    border-left: 1px solid #707070;
}

.mod-procedure-list li {
    padding: 40px 0 0 0;
}

.mod-procedure-list li:first-child {
    padding: 20px 0 0 0;
}

.mod-procedure-card {
    position: relative;
    display: flex;
    margin: 0 0 0 -15px;
}

.mod-procedure-card dt {
    display: block;
}

.mod-procedure-card dd {
    padding: 0 0 0 22px;
}

.procedure-card-num {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    font-size: 20px;
    border-radius: 15px;
    border: 1px solid #707070;
    background-color: #fff;
    line-height: 1;
}

.procedure-card-title {
    font-size: 20px;
}

.procedure-card-detail {
    margin: 16px 0 0 0;
    font-size: 15px;
}

.mod-nav-stats01 {
    position: relative;
    margin: -8px -8px -8px;
}

.mod-nav-stats01 ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
}

.mod-nav-stats01 ul li {
    width: 16.66%;
    padding: 8px;
}

.mod-nav-stats01 ul li a {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 64px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, .16);
    background: rgb(60, 211, 173);
    background: -moz-linear-gradient(top, rgba(60, 211, 173, 1) 0%, rgba(76, 184, 196, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(60, 211, 173, 1) 0%, rgba(76, 184, 196, 1) 100%);
    background: linear-gradient(to bottom, rgba(60, 211, 173, 1) 0%, rgba(76, 184, 196, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3cd3ad', endColorstr='#4cb8c4', GradientType=0);
    border: 1px solid #bab9b9;
    border-radius: 3px;
    text-decoration: none;
    text-align: center;
}

.stats-driving #stats-driving .btn-nav-stats,
.stats-prize #nav-stats-prize .btn-nav-stats,
.stats-mynavi #nav-stats-mynavi .btn-nav-stats,
.stats-stroke #nav-stats-stroke .btn-nav-stats,
.stats-par3 #nav-stats-par3 .btn-nav-stats,
.stats-par4 #nav-stats-par4 .btn-nav-stats,
.stats-par5 #nav-stats-par5 .btn-nav-stats,
.stats-fairway #nav-stats-fairway .btn-nav-stats,
.stats-paron #nav-stats-paron .btn-nav-stats,
.stats-putting #nav-stats-putting .btn-nav-stats,
.stats-par-keep #nav-stats-par-keep .btn-nav-stats,
.stats-birdie #nav-stats-birdie .btn-nav-stats,
.stats-eagle #nav-stats-eagle .btn-nav-stats {
    background: rgb(53, 186, 153);
    background: -moz-linear-gradient(top, rgba(53, 186, 153, 1) 0%, rgba(59, 144, 154, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(53, 186, 153, 1) 0%, rgba(59, 144, 154, 1) 100%);
    background: linear-gradient(to bottom, rgba(53, 186, 153, 1) 0%, rgba(59, 144, 154, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#35ba99', endColorstr='#3b909a', GradientType=0);
}




.mod-stats-card01 {
    padding: 16px;
    background-color: #fff;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, .18);
    border-radius: 5px;
}

.mod-stats-table01 {
    width: 100%;
    border-collapse: collapse;
}

.mod-stats-table01 tbody {}

.mod-stats-table01 tbody tr th,
.mod-stats-table01 tbody tr td {
    padding: 16px;
}

.mod-stats-table01 tbody tr {}

.mod-stats-table01 tbody tr th {}

.mod-stats-table01 tbody tr td,
.mod-stats-table01 tbody tr td a {
    color: #400022;
}

.mod-stats-table01 tbody tr th:first-child {
    width: 5%;
}

.mod-stats-table01 tbody tr th:first-child + td {
    padding: 16px 16px 16px 0;
}

.mod-stats-table01 tbody tr td:last-child {
    text-align: right;
}

.mod-stats-table01 tbody tr:nth-child(even) th,
.mod-stats-table01 tbody tr:nth-child(even) td {
    background-color: #f8f8f8;
}

.stats-table-rank {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 25px;
    height: 25px;
    border-radius: 12.5px;
    color: #fff;
    font-size: 9px;
    background-color: #7c7a7a;
    line-height: 1
}

.mod-nav-player-edit01 {
    position: relative;
    width: calc(100% + 16px);
    margin: -8px -8px 24px !important;
}

.mod-nav-player-edit01 ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
}

.mod-nav-player-edit01 ul li {
    box-sizing: border-box;
    width: 25%;
    padding: 8px;
}

.mod-nav-player-edit01 ul li a {
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    margin: 0;
    padding: 1em 0;
    width: 100%;
    color: #222;
    font-size: 16px;
    white-space: nowrap;
    text-align: center;
}



.mod-login-panel {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    width: 416px;
    margin: auto;
    padding: 48px;
    background-color: rgba(255, 255, 255, .85);
    border-radius: 5px;
}

.login-panel-logo {}

.login-panel-logo img {
    width: 100%;
}

.mod-login-panel-inner {
    margin: 42px 0 0 0;
}

.login-panel-title {
    margin: 27px 0 0 0;
    font-size: 16px;
    font-weight: 700;
    color: #000;
    text-align: left;
}

.mod-login-panel-inner .login-panel-title:first-child {
    margin: 0;
}

.login-panel-input-area {
    margin: 12px 0 0 0;
}

.login-panel-input-area input {
    box-sizing: border-box;
    width: 100%;
    background-color: #fff;
}

.login-panel-btn-area {
    margin: 32px 0 0 0;
    text-align: center;
}

.login-panel-btn-area button {}

.mod-pagination-basic {
    margin: 32px 0 0 0;
}

.mod-pagination-basic ul {
    display: flex;
    justify-content: center;
    align-items: center;
    list-style: none;
}

.mod-pagination-basic ul li {
    margin: 0 8px;
}

.mod-pagination-basic ul li a,
.mod-pagination-basic ul li button {
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    width: 40px;
    height: 40px;
    color: #4b4a4a;
    font-size: 14px;
    border: 1px solid #b5b5b5;
    border-radius: 2px;
}


.mod-player-profile-basic-info {
    overflow: hidden;
    color: #000;
    font-size: 16px;
    font-weight: 700;
}

.mod-player-profile-basic-info dt,
.mod-player-profile-basic-info dd {}

.mod-player-profile-basic-info dt {
    padding: 0 1em 0 0;
    float: left;
}

.mod-player-profile-basic-info dd {}


.mod-player-pic-edit-card-list {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    margin: 0 -13.5px;
    list-style: none;
}

.mod-player-pic-edit-card-list li {
    box-sizing: border-box;
    width: 20%;
    padding: 0 13.5px 20px;
}

.mod-player-pic-edit-card {}

.player-pic-edit-card-pic {
    width: 100%;
    height: auto;
    padding: 133% 0 0 0;
    background-color: #eee;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.player-pic-edit-card-pic img {
    width: 100%;
}

.player-pic-edit-card-btn-area {
    display: flex;
    flex-direction: column;
    margin: 8px 0 0 0;
}

.player-pic-edit-card-btn-area button {
    min-width: 100%;
    width: 100%;
    height: 40px;
    margin: 8px 0 0 0;
    padding: 0;
    font-size: 10px;
    line-height: 1.5;
}

.mod-scroll-area {
    margin: 8px 0 0 0;
    box-sizing: border-box;
    padding: 24px;
}

.box-height-tall {
    height: 940px;
}

.box-height-medium {
    height: 640px;
}

.box-height-small {
    height: 320px;
}

.mod-desc-basic01 {}

.mod-desc-basic02 {
    margin: 32px auto 0;
}

.mod-note-small {
    margin: 24px 0 0 0;
    color: #707070;
    font-size: 12px;
    /* 10px? */
    text-align: center;
}

.mod-h-medium-border-bottom + .mod-note-small {
    /* margin: 20px 0 0 0; */
    margin: 20px 0 -36px 0;
}

.mod-note-small02 {
    margin: 16px 0 0 0;
    font-size: 12px;
    /* 10px? */
    text-align: left;
}

.mod-ul-note01 {
    margin: 16px 0 0 0;
    font-size: 12px;
    list-style: none;
}

.mod-ul-note01 li {
    text-indent: -1em;
    padding: 0 0 0 1em;
}

.mod-ul-note02 {
    margin: 32px 0 0 0;
    font-size: 16px;
    color: #707070;
    list-style: none;
    text-align: center;
}

.mod-box-basic01 {
    text-align: left;
}

.mod-sub-title01 {
    margin: 40px 0 0 0;
    font-size: 20px;
}

.mod-text-box01 {
    margin: 40px 0 0 0;
}

.mod-slider-basic01 {
    position: relative;
    margin: 40px 0 0 0;
}
#participate .mod-slider-basic01 {
    text-align: center;
}

.mod-slider-basic01 > .swiper-container > .swiper-wrapper > .swiper-slide {
    width: 68%;
}

.mod-slider-basic01 > .swiper-container > .swiper-wrapper > .swiper-slide img {
    vertical-align: bottom;
}

.mod-slider-basic01 > .swiper-container > .swiper-button-prev,
.mod-slider-basic01 > .swiper-container > .swiper-button-next {
    top: 0;
    width: 16%;
    height: calc(100% - 35px);
    background-color: rgba(0, 0, 0, .7);
    margin: 0;
    padding: 0;
}


.mod-slider-basic01 > .swiper-container > .swiper-button-prev {
    left: 0;
    background-position: left 24px center;
    background-image: url(/lib/images/common/ico-slider-arrow-left-wh.svg);
}

.mod-slider-basic01 > .swiper-container > .swiper-button-next {
    right: 0;
    background-position: right 24px center;
    background-image: url(/lib/images/common/ico-slider-arrow-right-wh.svg);
}

.mod-slider-basic01 > .swiper-container > .swiper-pagination {
    display: flex;
    justify-content: center;
    position: static;
    margin: 24px 0 0 0;
}

.mod-slider-basic01 > .swiper-container > .swiper-pagination .swiper-pagination-bullet {
    width: 11px;
    height: 11px;
    border-radius: 5.5px;
}

.mod-slider-basic01 > .swiper-container > .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #80003d;
}

.mod-slider-basic-caption {
    position: absolute;
    left: 0;
    bottom: 35px;
    z-index: 999;
    width: 68%;
    margin: 0 16%;
    padding: 8px 0;
    color: #fff;
    font-size: 15px;
    background-color: rgba(0, 0, 0, .7);
    text-align: center;
}

.mod-bnr-box {
    margin: 40px 20px 0;
    text-align: center;
}

.mod-bnr {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    box-sizing: border-box;
    padding: 24px;
    border: 1px solid #ccc;
    text-align: center;
    transition: all .3s linear;
    text-decoration: none;
}

.mod-bnr [class^="bnr-"] {
    margin: 0 10px;
}

.bnr-img {}

.bnr-txt {
    color: #000;
    font-size: 20px;
    font-weight: 700;
}

.mod-bnr:hover {
    opacity: .5;
}

.mod-bnr.border-green {
    border-color: #4b9823;
}

.mod-ft-bnr {
    margin: 56px 0 0 0;
}

.mod-new-comment-area {}

.mod-new-comment-area textarea {
    border-color: #d1cfcf;
}

.mod-new-comment-area .mod-btn-area-center {
    margin: 32px 0 0 0;
}

.mod-past-comment-area {
    padding: 0 0 24px 0;
    border-bottom: 1px solid #707070;
}

.mod-past-comment-area .mod-btn-area-center {
    margin: 24px 0 0 0;
}

.mod-past-comment-area [class^="mod-h-"].has-icon.pl00 {
    margin: 8px 0 0 0;
}

.mod-past-comment-date {
    color: #8a8a8a;
    font-size: 16px;
}

.mod-past-comment {
    margin: 8px 0 0 0;
}

.mod-inner-section [class^="mod-h-medium-"]:first-child {
    margin: 0;
}

.mod-nav-log-area {
    display: none !important;
}








/* ▲ modules end mod end */


/*
* tables
*/

.mod-table-wrapper01 {
    overflow-x: scroll;
    margin: 25px 0 0 0;
    padding: 0 20px;
}

table a {
    color: #222;
}

table a:hover {
    text-decoration: none;
}

.table-basic01 {
    margin: 32px 0 0 0;
    width: 100%;
    border-top: 1px solid #f8e7fd;
    border-left: 1px solid #f8e7fd;
    border-collapse: collapse;
}

.table-basic01 th,
.table-basic01 td {
    padding: 16px;
    border-right: 1px solid #f8e7fd;
    border-bottom: 1px solid #f8e7fd;
    line-height: 1;
}

.table-basic01 thead tr th {
    padding: 8px;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    background-color: #ed8ddb;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, .16);
    white-space: nowrap;
}

.table-basic01.table-stats01 thead tr th {
    padding: 20px;
}

.table-basic01 td {
    text-align: center;
    vertical-align: middle;
}

.table-basic01 tbody tr:nth-child(even) td {
    background-color: #fcf8fd;
}


.table-basic02 {
    width: 100%;
}

.table-basic03 {
    width: 100%;
    border-top: 1px solid #707070;
    border-right: 1px solid #707070;
    border-collapse: collapse;
}

.table-basic03 th,
.table-basic03 td {
    padding: 4px 8px;
    font-size: 13px;
    border-bottom: 1px solid #707070;
    border-left: 1px solid #707070;
    text-align: center;
}

.table-basic03 th {
    font-weight: 700;
    background-color: #f2f0f0;
    white-space: nowrap;
}

.table-basic03 tbody tr:nth-child(even) td {
    background-color: #f2f0f0;
}

.table-basic03 tbody tr td:nth-child(4) {
    white-space: nowrap;
}

.mod-dl-table-basic01 {
    width: 100%;
    border-top: 1px solid #f5ddfc;
    border-left: 1px solid #f5ddfc;
}

.mod-dl-table-basic01 dl {
    display: flex;
    width: 100%;
}

.mod-dl-table-basic01 dl dt,
.mod-dl-table-basic01 dl dd {
    display: flex;
    box-sizing: border-box;
}

.mod-dl-table-basic01 dl dt {
    justify-content: center;
    width: 12%;
    padding: 8px 16px;
    border-right: 1px solid #f5ddfc;
    border-bottom: 1px solid #f5ddfc;
}

.mod-dl-table-basic01 dl dd {
    width: 88%;
}

.mod-dl-table-basic01 dl dd > div {
    padding: 8px 16px;
    border-right: 1px solid #f5ddfc;
    border-bottom: 1px solid #f5ddfc;
}

.tour-desc {
    width: 60%;
}

.winner-desc {
    width: 40%;
}

.mod-dl-table-basic01-head {}

.mod-dl-table-basic01-row {
    display: flex;
}

.mod-dl-table-basic01-row dl {
    min-height: 88px;
}

.mod-dl-table-basic01 dl.mod-dl-table-basic01-head dt,
.mod-dl-table-basic01 dl.mod-dl-table-basic01-head dd > div {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    background-color: #ed8ddb;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, .16);
    text-align: center;
}

.mod-dl-table-basic01 dl:nth-child(odd) {
    background-color: #fcf8fd;
}

.tour-date {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    font-weight: 700;
    white-space: nowrap;
}

.tournaments{
    white-space: normal;
}

.tour-desc {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
}

.tour-desc-name {
    width: 100%;
    font-size: 16px;
    font-weight: 700;
}

.tour-desc-place {
    font-size: 12px;
}

.tour-desc-box {
    display: flex;
    align-items: center;
}

.tour-desc-prize {
    font-size: 12px;
    font-weight: 700;
}

.tour-desc-player-num {
    font-size: 12px;
    font-weight: 700;
}

.tour-desc-prize,
.tour-desc-player-num {
    margin: 0 0 0 1em;
}

.winner-desc-inner {
    display: flex;
    justify-content: center;
    align-items: center;
}

.winner-desc-pic {
    width: 70px;
    margin: 0 24px 0 0;
}


.winner-desc-box {
    display: flex;
    flex-direction: column;
}

.winner-desc-name {
    font-size: 20px;
    font-weight: 700;
}

.winner-desc-btn {
    margin: 8px 0 0 0;
    padding: .6em 1.8em;
    color: #fd2a9d;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    border: 2px solid #fd2a9d;
    border-radius: 2em;
}

.mod-mnav-tbl-wrapper {
    display: flex;
    justify-content: center;
}

.mod-mnav-tbl-wrapper table {
    margin: 0 20px 0;
    width: 100%;
}

.table-mnav-basic01 {
    border-collapse: collapse;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
}

.table-mnav-basic01 th,
.table-mnav-basic01 td {
    height: 36px;
    text-align: center;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    font-weight: normal;
}

.table-mnav-basic01 thead {
    font-size: 16px;
}

.table-mnav-basic01 thead th {
    background-color: #cecece;
}

.table-mnav-basic01 th,
.table-mnav-basic01 thead td {
    background-color: #eee;
}

.table-mnav-basic01 tbody {
    font-size: 14px;
}

.table-mnav-basic01 .caption {
    height: 44px;
    color: #fff;
    font-weight: 700;
    text-align: center;
    background-color: #bbb;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.16);
}

.table-mnav-basic01.tbl-green {
    border-top: 1px solid #b9fdfd;
    border-left: 1px solid #b9fdfd;
}

.table-mnav-basic01.tbl-green th,
.table-mnav-basic01.tbl-green td {
    border-right: 1px solid #b9fdfd;
    border-bottom: 1px solid #b9fdfd;
}

.table-mnav-basic01.tbl-green thead th {
    background-color: rgba(24, 222, 207, 1);
}

.table-mnav-basic01.tbl-green thead td {
    background-color: rgba(24, 222, 207, 0.41);
}

.table-mnav-basic01.tbl-green tbody th {
    background-color: rgba(205, 253, 250, 1);
}

.table-mnav-basic01.tbl-green .caption {
    background: rgb(20, 204, 190);
    background: -moz-linear-gradient(left, rgba(20, 204, 190, 1) 0%, rgba(88, 206, 221, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(20, 204, 190, 1) 0%, rgba(88, 206, 221, 1) 100%);
    background: linear-gradient(to right, rgba(20, 204, 190, 1) 0%, rgba(88, 206, 221, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#14ccbe', endColorstr='#58cedd', GradientType=1);
}


.table-mnav-basic01.tbl-orange {}

.table-mnav-basic01.tbl-orange {
    border-top: 1px solid #fafdb9;
    border-left: 1px solid #fafdb9;
}

.table-mnav-basic01.tbl-orange th,
.table-mnav-basic01.tbl-orange td {
    border-right: 1px solid #fafdb9;
    border-bottom: 1px solid #fafdb9;
}

.table-mnav-basic01.tbl-orange thead th {
    background-color: rgba(253, 181, 101, 1);
}

.table-mnav-basic01.tbl-orange thead td {
    background-color: rgba(253, 181, 101, 0.67);
}

.table-mnav-basic01.tbl-orange tbody th {
    background-color: rgba(253, 231, 205, 1);
}

.table-mnav-basic01.tbl-orange .caption {
    background: rgb(255, 192, 145);
    background: -moz-linear-gradient(left, rgba(255, 192, 145, 1) 0%, rgba(255, 233, 67, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(255, 192, 145, 1) 0%, rgba(255, 233, 67, 1) 100%);
    background: linear-gradient(to right, rgba(255, 192, 145, 1) 0%, rgba(255, 233, 67, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc091', endColorstr='#ffe943', GradientType=1);
}

.table-stats01 {}

.table-stats01 tbody tr td {
    border: 1px solid #f5ddfc;
}

.table-stats01 tbody tr td:nth-child(3) {
    background-color: #f8e7fd;
}

.table-stats01 tbody tr:hover td {
    background-color: #f8e7fd;
}

.mod-sp-table-wrapper {
    margin: 40px 0 0 0;
    padding: 0 40px;
}

.mod-sp-table-wrapper table {
    margin: 0;
}

.mod-table-basic-wrapper {
    margin: 16px 0 0 0;
}

.mod-btn-tbl-controller + .mod-sp-table-wrapper {
    margin: 25px 0 0 0;
}

.table-basic01.table-stats01.popup-player-stats-table {
    width: calc(100% - 205px);
    margin: 40px 0 0 0;
    background-color: #fff;
}

.table-basic01.table-stats01.popup-player-stats-table th,
.table-basic01.table-stats01.popup-player-stats-table td {}

.table-basic01.table-stats01.popup-player-stats-table thead tr th:nth-child(1) {
    border-right: 0;
    text-align: left;
}

.table-basic01.table-stats01.popup-player-stats-table tbody tr td:nth-child(1) {
    text-align: left;
}

.table-basic01.table-stats01.popup-player-stats-table tbody tr td:nth-child(2) {
    text-align: right;
}

.table-basic01.table-stats01.popup-player-stats-table tbody tr td a {
    font-weight: 700;
}

.table-basic01.table-stats01.popup-player-stats-table tbody tr td:nth-child(3) {
    background-color: inherit;
}

.table-basic01.table-stats01.popup-player-stats-table tbody tr:nth-child(even) td:nth-child(3) {
    background-color: #fcf8fd;
}

.table-basic01.table-stats01.popup-player-stats-table tbody tr:hover td:nth-child(3) {
    background-color: #f8e7fd;
}


.vote .mod-table-wrapper01 a {
    font-size: 14px;
}
.vote .mod-table-wrapper01 {
    overflow-x: hidden;
    width: calc(100% - 20px);
    padding: 0 0 0 20px;
}
.vote .mod-table-wrapper01 .table-basic01 {
    table-layout: auto;/* fixed */
    width: 980px;
    word-break: break-all;
    word-wrap: break-word;
    white-space: nowrap;
}

.vote .mod-table-wrapper01 .table-basic01 thead tr th {
    font-size: 14px;
    padding: 16px 4px;
}

.vote .mod-table-wrapper01 .table-basic01 thead tr th:nth-child(-n+5),
.vote .mod-table-wrapper01 .table-basic01 thead tr th:nth-last-child(-n+3){
    padding: 12px 4px;
}

.vote .mod-table-wrapper01 .table-basic01 thead tr td {
    padding: 16px 8px;
}
.vote .mod-table-wrapper01 .table-basic01 tbody tr td {
    height: 68px;
    padding: 16px 8px;
}

.vote .mod-table-wrapper01 .table-basic01 tbody tr:hover td {
    background-color: #F8E0FD !important;
}

.vote .mod-table-wrapper01 .table-basic01 thead tr th:nth-child(1) {
    width: 40px;
}

.vote .mod-table-wrapper01 .table-basic01 thead tr th:nth-child(2),
.vote .mod-table-wrapper01 .table-basic01 tbody tr td:nth-child(2) {
    width: 110px;
    white-space: nowrap;
}

.vote .mod-table-wrapper01 .table-basic01 thead tr th:nth-child(3),
.vote .mod-table-wrapper01 .table-basic01 thead tr th:nth-child(4),
.vote .mod-table-wrapper01 .table-basic01 thead tr th:nth-child(5) {
    width: 60px;
}

.vote .mod-table-wrapper01 .table-basic01 thead tr th:nth-last-of-type(2),
.vote .mod-table-wrapper01 .table-basic01 thead tr th:nth-last-of-type(3),
.vote .mod-table-wrapper01 .table-basic01 thead tr th:nth-last-of-type(4) {
    width: 50px;
}

.vote .mod-table-wrapper01 .table-basic01 thead tr th:last-child {
    width: 92px;
}

.vote .mod-table-wrapper01 .table-basic01 .cell-change {
    width: 27px;
    padding: 0;
    height: 33.5px!important;
}

.vote .mod-table-wrapper01 .table-basic01 .cell-change.cell-par {
    background-color: #efb3e3;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0,0,0,.2);
}


/*
* buttons area
*/

.mod-btn-area-center {
    box-sizing: border-box;
    width: 100%;
    margin: 40px 0 0 0;
    padding: 0 40px;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
}

.mod-btn-area-center > * {
    margin: 0;
}

.mod-btn-area-center.column {
    flex-direction: column;
    align-items: center;
}

.mod-desc-basic02 .mod-btn-area-center {
    padding: 0;
}

.mod-btn-area-center.column > * {
    margin: 16px 0 0 0;
}

.mod-desc-basic02 .mod-btn-area-center.column > * {
    margin: 32px 0 0 0;
}

.mod-btn-area-center.column > *:first-child {
    margin: 0;
}

.mod-stats-card01 .mod-btn-area-center {
    margin: 20px 0 0 0;
}

.mod-btn-area-right {
    margin: 40px 0 0 0;
    padding: 0 40px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.vote .mod-btn-area-right {
    padding: 0 20px 0 0;
}

.mod-btn-area-right > * {
    margin: 0 0 0 12px !important;
    /* margin: 0 0 0 20px !important; */
}

.mod-btn-area-right.pd20 {
    padding: 0 20px;
}

.mod-btn-select-type-wrapper {
    position: relative;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.mod-btn-select-type-wrapper > * {
    margin: 0 0 0 20px;
}

.mod-btn-select-type-wrapper > *:first-child {
    margin: 0;
}

.mod-btn-select-type01 {}

.mod-btn-select-type01-inner-box {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 100;
    display: none;
    width: 100%;
    background-color: #fff;
}

.mod-btn-select-type-wrapper > *:last-child .mod-btn-select-type01-inner-box {
    left: unset;
    right: 0;
}

.mod-ul-tour-link-list {
    box-sizing: border-box;
    width: 100%;
    border: 1px solid #4fc1db;
}

.mod-ul-tour-link-list li {}

.mod-ul-tour-link-list li a {
    display: block;
    padding: 1em 24px;
    color: #484848;
    font-size: 16px;
    text-decoration: none;
}

.mod-ul-tour-link-list li a:hover {
    color: #fff;
    background-color: #14bacc;
    text-decoration: underline;
}

.mod-ul-order-list {
    box-sizing: border-box;
    width: 100%;
    border: 1px solid #f5a2f0;
}

.mod-ul-order-list li {}

.mod-ul-order-list li label {
    display: block;
    padding: 1em 24px;
    color: #484848;
    font-size: 16px;
}

.mod-ul-order-list li label:hover {
    color: #fff;
    background-color: #f5a2f0;
    text-decoration: underline;
}

.mod-ul-order-list li label input {
    display: none;
}




.mod-btn-select-type01-inner-box ul {
    list-style: none;
}

.mod-btn-select-type01-inner-box ul li {
    /*white-space: nowrap;*/
}

.mod-btn-select-type01-inner-box.active {
    display: block;
}

.border-dashed-bottom {
    padding-bottom: 40px;
    border-bottom: 1px dashed #f5c2f2;
}

.border-dashed-bottom + .mod-h-medium-border-bottom {
    margin: 40px 0 0 0;
}

.border-dashed-top {
    border-top: 1px dashed #f5c2f2;
}

.btn-favorite {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 24px;
    padding: 8px 12px;
    left: 24px;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    border-radius: 4px;
    background: rgb(221, 36, 118);
    background: -moz-linear-gradient(left, rgba(221, 36, 118, 1) 0%, rgba(255, 81, 47, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(221, 36, 118, 1) 0%, rgba(255, 81, 47, 1) 100%);
    background: linear-gradient(to right, rgba(221, 36, 118, 1) 0%, rgba(255, 81, 47, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd2476', endColorstr='#ff512f', GradientType=1);
    text-align: left;
}

.btn-favorite .ico {
    margin: 0 8px 0 0;
}

.btn-favorite.disabled {
    background: transparent;
    background-color: #b1afaf;
}


/*
* buttons, links
*/

a:hover {
    text-decoration: none;
}

a[class*="btn"],
button {
    transition: all .3s linear;
}

a[class*="btn"]:hover,
button:hover {
    opacity: .9;
    cursor: pointer;
}

a[class*="btn"] {
    text-decoration: none;
}

button:focus {
    outline: none;
}

a[class*="disabled"],
button[class*="disabled"],
button:disabled {
    cursor: default;
    opacity: 1 !important;
}

.btn-solid-wide {
    box-sizing: border-box;
    width: 100%;
    padding: 1.2em 0;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, .16);
    box-shadow: 0px 3px 12px rgba(0, 0, 0, .16);
    text-align: center;
    line-height: 1;
}

.btn-solid-medium {
    display: block;
    box-sizing: border-box;
    max-width: 308px;
    width: 100%;
    margin: auto;
    padding: 1.2em 0;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, .16);
    box-shadow: 0px 3px 12px rgba(0, 0, 0, .16);
    text-align: center;
    line-height: 1;
}

.inner-btn {
    text-align: center;
}

.inner-btn .btn-solid-medium {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
}

.btn-solid-left-border {
    position: relative;
    padding: 1.2em 1em 1.2em 2em;
    font-size: 20px;
    font-weight: 700;
    background-color: #ccc;
    text-decoration: none;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, .16);
    line-height: 1;
}

.btn-solid-left-border::before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 16px;
    height: 100%;
    background-color: rgba(255, 255, 255, .7);
}

.btn-round01 {
    padding: .8em 1.6em;
    color: #ccc;
    font-size: 16px;
    font-weight: 700;
    border: 2px solid #ccc;
    border-radius: 4em;
    text-decoration: none;
    line-height: 1;
}

.btn-square-rc01 {
    padding: 1.25em;
    color: #ccc;
    font-size: 16px;
    font-weight: 700;
    border: 2px solid #ccc;
    border-radius: 4px;
    text-decoration: none;
    line-height: 1;
}

.btn-square-sd01 {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 42px;
    padding: 0 .85em;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    background-color: #eee;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, .16);
}

.btn-green-gnt {
    color: #2bac52;
    border-color: #2bac52;
}

.btn-green {
    color: #14bacc;
    border-color: #14bacc;
}

.btn-pink {
    color: #f5a2f0;
    border-color: #f5a2f0;
}

.btn-pink-fill {
    color: #fff;
    background-color: #ed8ddb;
}

.btn-magenta {
    color: #fd2a9d;
    border-color: #fd2a9d;
}

.btn-light-green {
    color: #4cb8c4;
    border-color: #4cb8c4;
}

.btn-yellow {
    color: #ffbb22;
    border-color: #ffbb22;
}

.btn-blue-fill {
    color: #fff;
    background: #42a5ff;
    background: -moz-linear-gradient(left, #42a5ff 0%, #01e2fb 100%);
    background: -webkit-linear-gradient(left, #42a5ff 0%, #01e2fb 100%);
    background: linear-gradient(to right, #42a5ff 0%, #01e2fb 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#42a5ff', endColorstr='#01e2fb', GradientType=1);
}

.btn-basic-gradient {
    box-sizing: border-box;
    min-width: 120px;
    margin: 0 12px;
    padding: 1em;
    color: #525151;
    font-size: 15px;
    font-weight: 700;
    border: 1px solid #bab9b9;
    background: rgb(255, 255, 255);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(211, 210, 210, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(211, 210, 210, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(211, 210, 210, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d3d2d2', GradientType=0);
    border-radius: 3px;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    display: flex;
    justify-content: center;
}

.btn-basic-gradient:disabled {
    color: #fff;
    background: transparent;
    background-color: #bab9b9;
}

.btn-scroll-top {
    padding: 1em 2em;
    font-size: 16px;
    color: #fff;
    background-color: #bbb;
    border-radius: 4em;
    line-height: 1;
}

[class^="btn-"].has-icon {
    display: flex;
    justify-content: center;
    align-items: center;
}

[class^="btn-"].has-icon .ico {
    margin: 0 8px 0 0;
}

.mod-card-link {
    transition: all .3s linear;
}

.mod-card-link:hover {
    cursor: pointer;
    opacity: .8;
}

.mod-tournaments-list .mod-card-link:hover,
.mod-card-player01.mod-card-link:hover {
    opacity: 1;
}

.mod-tournaments-list dl dd .winner-desc:hover .mod-card-link {
    opacity: .5;
}

.mod-card-link.hover {
    transition: all .3s linear;
}

.mod-card-link.hover.active {
    opacity: .5;
}

.btn-ghost {
    background: transparent;
}

.croppa-container {
    margin: auto !important;
}

.mod-txt-link {
    color: #fa0202;
    text-decoration: underline;
}

.mod-txt-link:hover {
    color: #fa0202;
    text-decoration: none;
}


/*
* icons
*/

.ico {
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.ico-heart-blank-wh {
    width: 24.38px;
    height: 21.46px;
    background-image: url(/lib/images/common/ico-heart-blank-wh.svg);
}

.ico-heart-blank-bk {
    width: 23px;
    height: 21px;
    background-image: url(/lib/images/common/ico-heart-blank-bk.svg);
}

.ico-player-profile {
    width: 21px;
    height: 21px;
    background-image: url(/lib/images/common/ico-profile.svg);
}

.ico-player-stats {
    width: 13.31px;
    height: 22.19px;
    background-image: url(/lib/images/common/ico-stats.svg);
}

.ico-player-qanda {
    width: 21.08px;
    height: 21.08px;
    background-image: url(/lib/images/common/ico-ques-mark-small.svg);
}

.ico-instagram {
    width: 60px;
    height: 60px;
    background-image: url(/lib/images/common/ico-Instagram.svg);
}

.ico-twitter {
    width: 60px;
    height: 60px;
    background-image: url(/lib/images/common/ico-twitter.svg);
}

.ico-facebook {
    width: 60px;
    height: 60px;
    background-image: url(/lib/images/common/ico-facebook.svg);
}

.ico-blog {
    width: 60px;
    height: 60px;
    background-image: url(/lib/images/common/ico-blog.svg);
}

.ico-heart-fill {
    width: 16px;
    height: 14px;
    background-image: url(/lib/images/common/ico-heart-blank-small-filled.svg);
}

.ico-heart-blank {
    width: 16px;
    height: 14px;
    background-image: url(/lib/images/common/ico-heart-blank-small.svg);
}

.ico-heart-blank.fill {
    background-image: url(/lib/images/common/ico-heart-blank-small-filled.svg);
}

.ico-more {
    width: 20px;
    height: 20px;
    background-image: url(/lib/images/common/ico-more.svg);
}

.ico-comment-wh {
    width: 33px;
    height: 37px;
    background-image: url(/lib/images/common/ico-comment-white.svg);
}

.ico-comment-bl {
    width: 33px;
    height: 37px;
    background-image: url(/lib/images/common/ico-comment-blue.svg);
}

.ico-comment-pk {
    width: 33px;
    height: 37px;
    background-image: url(/lib/images/common/ico-comment-pink.svg);
}

.ico-tour {
    width: 20px;
    height: 20px;
    background-image: url(/lib/images/common/ico-tour.svg);
}

.ico-join {
    width: 20px;
    height: 20px;
    background-image: url(/lib/images/common/ico-join.svg);
}

.ico-regi {
    width: 20px;
    height: 20px;
    background-image: url(/lib/images/common/ico-regi.svg);
}

.ico-disc {
    width: 20px;
    height: 20px;
    background-image: url(/lib/images/common/ico-disc.svg);
}


.ico-inqu {
    width: 20px;
    height: 20px;
    background-image: url(/lib/images/common/ico-inqu.svg);
}

.ico-edit {
    width: 19px;
    height: 19px;
    background-image: url(/lib/images/common/ico-edit.svg);
}

.ico-ques-wh {
    width: 33px;
    height: 33px;
    background-image: url(/lib/images/common/ico-ques-mark.svg);
}

.ico-message {
    width: 20px;
    height: 20px;
    background-image: url(/lib/images/common/ico-message.svg);
}

.ico-close {
    width: 12.92px;
    height: 12.93px;
    background-image: url(/lib/images/common/ico-close.svg);
}

.ico-answer {
    width: 45px;
    height: 51px;
    background-image: url(/lib/images/common/ico-answer.svg);
}

.ico-refresh {
    width: 24px;
    height: 24px;
    background-image: url(/lib/images/common/ico-refresh.svg);
}

.ico-post {
    width: 20px;
    height: 20px;
    background-image: url(/lib/images/common/ico-post.svg);
}

.ico-arrow-double {
    margin: 0 0 0 10px !important;
    width: 14.44px;
    height: 13.36px;
    background-image: url(/lib/images/common/ico-arrow-double.svg);
}

.ico-ext-link {
    width: 10px;
    height: 10px;
    background-image: url(/lib/images/common/ico-ext-link.svg);
}


[class^="btn-"] .ico-refresh {
    margin: 0 0 0 8px;
}



/*
.ico-XXX {
    width: px;
    height: px;
    background-image: url(/lib/images/common/);
}
*/

.ico-required {
    margin: 0 0 0 16px;
    padding: 4px 5px;
    color: #fff;
    font-size: 12px;
    font-style: normal;
    background-color: #ff0707;
    border-radius: 3px;
    line-height: 1;
}


[data-rank-img*="ic_rank_01"]::after,
[data-rank-img*="ico_past01"]::after {
    content: "1位";
}

[data-rank-img*="ic_rank_02"]::after,
[data-rank-img*="ico_past02"]::after {
    content: "2位";
}

[data-rank-img*="ic_rank_03"]::after,
[data-rank-img*="ico_past03"]::after {
    content: "3位";
}

[data-rank-img*="ico_past04"]::after {
    content: "4位";
}

[data-rank-img*="ico_past05"]::after {
    content: "5位";
}

[data-rank-img*="ico_past06"]::after {
    content: "6位";
}

[data-rank-img*="ico_past07"]::after {
    content: "7位";
}

[data-rank-img*="ico_past08"]::after {
    content: "8位";
}

[data-rank-img*="ico_past09"]::after {
    content: "9位";
}

[data-rank-img*="ico_past010"]::after {
    content: "10位";
}

[data-rank-img*="ico_past011"]::after {
    content: "11位";
}

[data-rank-img*="ico_past012"]::after {
    content: "12位";
}

[data-rank-img*="ico_past013"]::after {
    content: "13位";
}

[data-rank-img*="ico_past014"]::after {
    content: "14位";
}

[data-rank-img*="ico_past015"]::after {
    content: "15位";
}

[data-rank-img*="ico_past016"]::after {
    content: "16位";
}

[data-rank-img*="ico_past017"]::after {
    content: "17位";
}

[data-rank-img*="ico_past018"]::after {
    content: "18位";
}

[data-rank-img*="ico_past019"]::after {
    content: "19位";
}

[data-rank-img*="ico_past020"]::after {
    content: "20位";
}

[data-rank-img*="ico_past021"]::after {
    content: "21位";
}

[data-rank-img*="ico_past022"]::after {
    content: "22位";
}

[data-rank-img*="ico_past023"]::after {
    content: "23位";
}

[data-rank-img*="ico_past024"]::after {
    content: "24位";
}

[data-rank-img*="ico_past025"]::after {
    content: "25位";
}

[data-rank-img*="ico_past026"]::after {
    content: "26位";
}

[data-rank-img*="ico_past027"]::after {
    content: "27位";
}

[data-rank-img*="ico_past028"]::after {
    content: "28位";
}

[data-rank-img*="ico_past029"]::after {
    content: "29位";
}

[data-rank-img*="ico_past030"]::after {
    content: "30位";
}

[data-rank-img*="ic_rank_01"],
[data-rank-img*="ic_rank_02"],
[data-rank-img*="ic_rank_03"],
[data-rank-img*="ico_past01.svg"],
[data-rank-img*="ico_past02.svg"],
[data-rank-img*="ico_past03.svg"] {
    background: transparent !important;
    color: #fd2a9d !important;
    border: 1px solid #fd2a9d !important;
}



/*
* forms, input
*/

.caution {
    display: block;
    color: #ff0707;
    font-weight: 700;
    font-size: 12px;
    margin: 8px 0 0 0;
}

input[type="date"],
input[type="email"],
input[type="text"],
input[type="password"],
select,
textarea {
    box-sizing: border-box;
    padding: .66em 1em;
    font-size: 16px;
    border: 1px solid #95989a;
    border-radius: 3px;
}

textarea {
    display: block;
    width: 100% !important;
}

.form-label-basic {
    display: flex;
    align-items: flex-start;
    margin: 24px 0 0 0;
    color: #000;
    font-size: 16px;
    font-weight: 700;
}

.form-box-basic {
    position: relative;
    margin: 8px 0 0 0;
}

.form-box-basic.error input[type="text"] {
    border-color: #ff0707 !important;
}

.form-box-basic.error .caution {
    display: block;
    margin: 8px 0 0 0;
    font-size: 12px;
    font-weight: 700;
    color: #ff0707;
}

.form-note-basic {
    color: #000;
    font-size: 12px;
    line-height: 2.13em;
}

.mod-input-area {
    margin: 42px 0 0 0;
}

.mod-inner-section02 .mod-input-area:first-child {
    margin: 0;
}

.input-text-type-a {
    font-size: 16px;
    background-color: #eae5e5;
    border: 1px solid #d1cfcf;
    border-radius: 2px;
}

.input-text-type-a::-webkit-input-placeholder {
    color: #a5a2a2;
    font-weight: 700;
    text-align: center;
}

.unit-cm {
    position: relative;
}

.unit-cm input {
    padding: .66em 3em .66em 1em;
}

.unit-cm::after {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    position: absolute;
    top: 0;
    right: 16px;
    content: "cm";
    color: #909090;
    font-size: 16px;
}


/*
* popup
*/

[class^="mod-popup-window-"] {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
    overflow-y: auto;
    width: 100%;
    height: 100%;
}

[class^="mod-popup-window-"] .mod-popup-inner {
    position: relative;
    /*overflow-y: auto;*/
    width: 100%;
    height: 100%;
    text-align: center;
}

.mod-popup-box {
    position: relative;
    z-index: 10000;
    box-sizing: border-box;
    width: 892px;
    margin: 64px auto;
    padding: 40px;
    background-color: rgba(255, 255, 255, .96);
    border-radius: 4px;
    text-align: left;
}


.btn-popup-close {
    position: absolute;
    top: 40px;
    right: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, .36);
}

.modal-mask {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9998;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
}

.mod-popup-box-inner {}

.mod-popup-box-inner .mod-h-medium-border-bottom:first-child {
    margin: 0;
}

.popup-player-profile-detail {
    display: flex;
    align-items: flex-start;
    margin: 46px 0 -158px 0;
}

.player-profile-detail-img {
    width: 240px;
    height: 240px;
    margin: 0 36px 0 0;
    border-radius: 120px;
    overflow: hidden;
}

.player-profile-detail-img img {
    width: 100%;
}

.popup-player-profile-detail-box {}

.player-profile-detail-name {
    font-size: 24px;
    font-weight: 700;
}

.player-profile-detail-furigana {
    font-size: 16px;
    font-weight: 700;
}

.player-profile-dl-table-wrapper {
    display: flex;
    justify-content: flex-end;
}

.player-profile-dl-table {
    width: calc(100% - 280px);
}

.player-profile-dl-table dt,
.player-profile-dl-table dd {}

.player-profile-dl-table dt {
    padding: 16px 0 0 0;
    font-size: 16px;
    font-weight: 700;
    border-top: 1px solid #f893fc;
}

.player-profile-dl-table dt:first-child {
    padding: 0;
    border-top: 0;
}

.player-profile-dl-table dd {
    font-size: 16px;
}

.mod-popup-player-stats {}

.mod-popup-player-stats-inner {
    padding: 46px 60px 60px;
}

.popup-player-stats-profile {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.player-stats-profile-img {
    width: 100px;
    height: 100px;
    margin: 0 24px 0 0;
    border-radius: 50px;
    overflow: hidden;
}

.player-stats-profile-img img {
    width: 100%;
}

.popup-player-stats-profile-box {}

.player-stats-profile-name {
    font-size: 24px;
    font-weight: 700;
}

.player-stats-profile-furigana {
    font-size: 16px;
    font-weight: 700;
}

.player-stats-profile-note {
    color: #5f5e5e;
    font-size: 13px
}

.popup-player-stats-dl-table-wrapper {
    display: flex;
    flex-wrap: wrap;
    margin: 40px 0 0 0;
    width: 100%;
    border-right: 1px solid #efc2e6;
}

.popup-player-stats-dl-table {
    background-color: #fff;
    border: 1px solid #efc2e6;
    border-right: 0;
    flex-grow: 1;
}

.popup-player-stats-dl-table dt,
.popup-player-stats-dl-table dd {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    height: 50px;
    line-height: 1.2;
}


.popup-player-stats-dl-table dt {
    font-size: 16px;
    font-weight: 700;
    border-bottom: 1px solid #efc2e6;
}

.popup-player-stats-dl-table dd {
    font-size: 16px;
}

.popup-player-stats-table {}


.mod-popup-player-qanda-inner {
    margin: 32px 0 0 0;
}

.mod-popup-player-qanda-list {
    list-style: none;
    padding: 0 0 18px 0;
    border-bottom: 1px solid #F893FC;
}

.mod-popup-player-qanda-list li {
    margin: 18px 0 0 0;
    padding: 18px 0 0 0;
    border-top: 1px solid #F893FC;
}

.mod-popup-player-qanda-list li:first-child {
    margin: 0;
    padding: 0;
    border-top: 0;
}

.mod-popup-player-qanda-box {}

.popup-player-qanda-box-user {}

.popup-player-qanda-box-user-inner {
    display: flex;
    align-items: center;
}

.popup-player-qanda-box-user-img {
    box-sizing: border-box;
    width: 44px;
    height: 44px;
    margin: 0 10px 0 0;
    border: 1px solid #88e9fa;
    border-radius: 22px;
    overflow: hidden;
}

.popup-player-qanda-box-user-img img {
    width: 100%;
}

.popup-player-qanda-box-user-name {
    color: #78cad8;
    font-size: 16px;
    font-weight: 700;
}

.popup-player-qanda-box-user-ques {
    margin: 16px 0 0 0;
    padding: 0 0 0 54px;
    font-size: 16px;
}

.popup-player-qanda-box-ans {
    min-height: 72px;
    margin: 20px 0 0 0;
    padding: 20px 0 0 54px;
    color: #f5a2f0;
    font-size: 16px;
    font-weight: 700;
    border-top: 1px dashed #f5a2f0;
    background-image: url(/lib/images/common/ico-answer.svg);
    background-repeat: no-repeat;
    background-position: left 20px;
}

.mod-popup-window-thin .mod-popup-box {
    width: 343px;
    padding: 72px 32px 32px;
}

.mod-popup-player-select {}

.popup-player-select-img {}

.popup-player-select-img img {
    width: 100%;
}

.popup-player-select-name {
    margin: 16px 0 0 0;
    color: #000;
    font-size: 24px;
    font-weight: 700;
    text-align: center;
}

.popup-player-select-btn-area {
    margin: 24px 0 0 0;
}

.popup-player-select-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 16px 0 0 0;
}

.popup-player-select-btn-area .popup-player-select-btn:first-child {
    margin: 0;
}

.mod-popup-window-thin .btn-popup-close {
    top: 16px;
    right: 16px;
}


/*
 * map ja
 */

#mod-map-nav {
    display: flex;
    justify-content: space-between;
    padding: 40px 40px 0;
}

.area-list {
    list-style: none;
}

.area-list li {
    margin: 16px 0 0 0;
}

.area-list li:first-child {
    margin: 0;
}

.area-list li a {
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    width: 227px;
    height: 46px;
    color: #222;
    font-size: 18px;
    font-weight: 700;
    background-color: rgba(255, 255, 255, .85);
    border: 1px solid #ccc;
    border-radius: 4px;
    text-decoration: none;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, .16);
    transition: all .3s linear;
}

.area-list li[data-area="hokkaido"] a {
    color: #57b3db;
    border-color: #57b3db;
}

.area-list li[data-area="tohoku"] a {
    color: #3bb3aa;
    border-color: #3bb3aa;
}

.area-list li[data-area="kanto"] a {
    color: #64bc6e;
    border-color: #64bc6e;
}

.area-list li[data-area="chubu"] a {
    color: #d9de58;
    border-color: #d9de58;
}

.area-list li[data-area="kinki"] a {
    color: #f4bb65;
    border-color: #f4bb65;
}

.area-list li[data-area="chugoku"] a {
    color: #eb4c47;
    border-color: #eb4c47;
}

.area-list li[data-area="shikoku"] a {
    color: #e97951;
    border-color: #e97951;
}

.area-list li[data-area="kyushu"] a {
    color: #bb75ae;
    border-color: #bb75ae;
}

.area-list li[data-area="kaigai"] a {
    color: #7582bb;
    border-color: #7582bb;
}


.area-list .area.active a,
.area-list .area:hover a {
    opacity: .5;
}

.map-ja .area.active ellipse,
.map-ja .area:hover ellipse {
    fill: #eee;
    cursor: pointer;
}

.map-ja polygon {
    opacity: 0;
    cursor: pointer;
}



/*
  * sumplebar
  */

.simplebar-content {
    padding: 0 24px 0 8px !important;
}

.no-scroll .simplebar-content {
    padding: 0 16px 0 8px !important;
}

.cheering-messages-page .simplebar-content {
    padding: 0 24px 0 24px !important;
}

.has-scroll-child .simplebar-content {
    padding: 0 24px 0 24px !important;
}

.mod-player-detail-pics-thumbs .simplebar-content {
    padding: 0 !important;
}

.simplebar-track.simplebar-vertical {
    width: 24px;
}

.simplebar-scrollbar {
    right: 9px;
    width: 6px;
}

.simplebar-track .simplebar-scrollbar.simplebar-visible:before {
    opacity: .1;
}

.list-no-post {
    padding: 0 16px;
}

/*
  * adjustments
  */

.adj-flex-box-column {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.adj-justify-start {
    justify-content: flex-start !important;
}

.adj-justify-center {
    justify-content: center !important;
}

.adj-justify-end {
    justify-content: flex-end !important;
}

.adj-align-start {
    align-items: flex-start !important;
}

.adj-align-center {
    align-items: center !important;
}

.adj-align-end {
    align-items: flex-end !important;
}

.adj-txt-left {
    text-align: left !important;
}

.adj-txt-center {
    text-align: center !important;
}

.adj-txt-right {
    text-align: right !important;
}

.adj-fz-small {
    font-size: 12px;
}

.adj-nowrap {
    white-space: nowrap;
}

.adj-mt00 {
    margin-top: 0 !important;
}

.adj-mt08 {
    margin-top: 08px !important;
}

.adj-mt16 {
    margin-top: 16px !important;
}

.adj-mt24 {
    margin-top: 24px !important;
}

.adj-mt32 {
    margin-top: 32px !important;
}

.adj-mt40 {
    margin-top: 40px !important;
}

.adj-mt56 {
    margin-top: 56px !important;
}

.adj-mt64 {
    margin-top: 64px !important;
}

.adj-mb00 {
    margin-bottom: 0 !important;
}

.adj-mb08 {
    margin-bottom: 08px !important;
}

.adj-mb16 {
    margin-bottom: 16px !important;
}

.adj-mb24 {
    margin-bottom: 24px !important;
}

.adj-mb32 {
    margin-bottom: 32px !important;
}

.adj-mb40 {
    margin-bottom: 40px !important;
}

.adj-mb64 {
    margin-bottom: 64px !important;
}

.adj-pt00 {
    padding-top: 0 !important;
}

.adj-pt32 {
    padding-top: 32px !important;
}

.adj-pt40 {
    padding-top: 40px !important;
}

.adj-pt56 {
    padding-top: 56px !important;
}

.adj-pt64 {
    padding-top: 64px !important;
}

.adj-pb00 {
    padding-bottom: 0 !important;
}

.adj-ps00 {
    padding-left: 0;
    padding-right: 0;
}

.adj-ps01em {
    padding-left: 1em !important;
    padding-right: 1em !important;
}

.adj-ps02em {
    padding-left: 2em !important;
    padding-right: 2em !important;
}

.adj-ps03em {
    padding-left: 3em !important;
    padding-right: 3em !important;
}



.adj-ps08 {
    padding-left: 8px;
    padding-right: 8px;
}

.adj-ps10 {
    padding-left: 10px;
    padding-right: 10px;
}

.adj-ps16 {
    padding-left: 16px;
    padding-right: 16px;
}

.adj-ps20 {
    padding-left: 20px;
    padding-right: 20px;
}

.adj-ps24 {
    padding-left: 24px;
    padding-right: 24px;
}

.adj-msAuto {
    margin-left: auto !important;
    margin-right: auto !important;
}

.adj-wAuto {
    width: auto !important;
}

.adj-w100per {
    width: 100% !important;
}

.adj-w95per {
    width: 95% !important;
}

.adj-w90per {
    width: 90% !important;
}

.adj-w85per {
    width: 85% !important;
}

.adj-w80per {
    width: 80% !important;
}

.adj-w75per {
    width: 75% !important;
}

.adj-w70per {
    width: 70% !important;
}

.adj-w65per {
    width: 65% !important;
}

.adj-w64per {
    width: 64% !important;
}

.adj-w60per {
    width: 60% !important;
}

.adj-w55per {
    width: 55% !important;
}

.adj-w50per {
    width: 50% !important;
}

.adj-w45per {
    width: 45% !important;
}

.adj-w40per {
    width: 40% !important;
}

.adj-w35per {
    width: 35% !important;
}

.adj-w30per {
    width: 30% !important;
}

.adj-w25per {
    width: 25% !important;
}

.adj-w20per {
    width: 20% !important;
}

.adj-w15per {
    width: 15% !important;
}

.adj-w10per {
    width: 10% !important;
}

.adj-w5per {
    width: 5% !important;
}

.adj-w268 {
    width: 268px !important;
}

.adj-w240 {
    width: 240px !important;
}

.adj-w200 {
    width: 200px !important;
}

.adj-w216 {
    width: 216px !important;
}

.adj-w144 {
    width: 144px !important;
}

.adj-w100 {
    width: 100px !important;
    min-width: unset;
}


/* adjustments by page or component */

.disp-pc {
    display: block !important;
}

.disp-sp-flex,
.disp-sp {
    display: none !important;
}


[href*="mynavi"] .disp-sp {
    display: block !important;
}


/*
 * player's Registration Agreement / Complete
 */

.agreement p.pre_basic01, .complete p.pre_basic01 {
    display: block;
    margin: 20px auto 0px;
    width: 100%;
    max-width: 700px;
    background-color: #fff;
}
.agreement .pre_basic01 {
    margin-bottom: 72px;
    height: 20em;
    overflow-y: auto;
    padding: 0 2em;
}


/*-- scrollBar --*/
.agreement .pre_basic01::-webkit-scrollbar {
    width: 14px;
}
.agreement .pre_basic01::-webkit-scrollbar-track {
    background: #dedede;
}
.agreement .pre_basic01::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 7px;
}


.agreement .contents-inner.single {
    padding: 64px 48px 64px;
    text-align: left;
    background-color: #fff;
}
.agreement .login-panel-btn-area {
    margin: 32px 0 0 0;
    text-align: center;
}
.agreement label {
    font-size: 14px;
    font-weight: bold;
}
.agreement .option-input {
    position: relative;
    margin: 0 .4rem 0 0;
    cursor: pointer;
    margin-bottom: 24px;
    line-height: 1;
    text-align: left;
}
.agreement .btn-round01 {
    margin-top: 10px;
    padding: .8em 2em;
    color: #ccc;
    font-size: 16px;
    font-weight: 700;
    border: 2px solid #ccc;
    border-radius: 4em;
    text-decoration: none;
}
.agreement .login-panel-btn-area {
    margin: 32px 0 0 0;
    text-align: center;
}
.agreement .btn-magenta {
    color: #fd2a9d;
    border-color: #fd2a9d;
}
.agreement .mod-inner-section {
    padding: 40px 4px;
    background-color: #fff;
    text-align:left;
}
.complete .mod-section-basic {
    padding: 0 0 60px 0;
}

.text-red {
    color:#fa0202;
}

.text-important {
    font-size: 20px;
}





/* .recommend-info */
.ttl-info {
    text-align: center;
    color: #151515;
    font-size: 24px;
    padding-bottom: 10px;
}
.txt-info {
    line-height: 2;
    text-align: center;
}
/* Override */
.mod-btn-area-center {
    margin: 20px 0 0 0;
}
.mod-btn-area-center.adjust {
    margin-bottom: 20px;
}
.mod-btn-area-center.adjust a {
    width: 40%;
    max-width: 340px;
}



/* adjust for static pages */
#about-mngt {
    padding: 24px 0 0;
}



/*
 * mediaquery css
 */

@media screen and (max-width: 1251px) {
    .side-fixed-nav-ul li a.active, .side-fixed-nav-ul li a:hover {
        background-color: #fc77f4;
    }
}

@media screen and (max-width: 1250px) {

    .mod-side-fixed-nav {
        position: static;
        margin: 0 20px;
    }

    .mod-side-fixed-nav.scr-fixed {
        position: fixed;
        top: 64px;
        left: 0;
        z-index: 10;
        width: 100%;
        margin: auto;
    }

    .mod-side-fixed-nav.scr-fixed .side-fixed-nav-ul {
        max-width: 1020px;
        margin: auto;
    }

    .side-fixed-nav-ul {
        display: flex;
        width: 100%;
        border-left: 0;
    }

    .side-fixed-nav-ul li > * {
        width: auto;
        height: auto;
    }

    .side-fixed-nav-ul li:first-child > * {border-left: 0;}

    .side-fixed-nav-ul li:last-child > * {border-right: 0;}

    .vote .mod-table-wrapper01 {
        overflow-x: scroll;
        margin: 25px 0 0 0;
        padding: 0 20px;
        width: calc(100% - 20px);
        max-width: 1000px;
    }
    .vote .mod-table-wrapper01 .table-basic01 thead tr th {
        padding: 8px 4px;
    }
    .vote .mod-table-wrapper01 .table-basic01 thead tr td {
        padding: 8px;
    }

}

@media screen and (max-width: 1024px) {

    .header {
        padding: 0 0 0 0;
        background: #fff;
    }

    .hd-logo {
        margin: 0 0 0 12px;
    }

    .hd-badge {
        top: 4px;
        left: unset;
        right: 4px;
    }

    .hd-ico-btn {
        position: relative;
        justify-content: center;
        box-sizing: border-box;
        width: 64px;
        height: 64px;
        padding: 0 0 8px 0;
        background-color: rgba(255, 0, 138, .17);
    }

    .hd-btn-menu {
        display: flex;
        background-color: rgba(255, 0, 138, .38);
    }

    .mod-ico-menu {
        position: relative;
        width: 28px;
        height: 17px;
    }

    .mod-ico-menu .bar {
        position: absolute;
        display: block;
        width: 100%;
        height: 1px;
        background-color: #fff;
        transition: all .3s linear;
    }

    .mod-ico-menu .bar:nth-child(1) {
        top: 0;
    }
    .mod-ico-menu .bar:nth-child(2) {
        top: 50%;
    }
    .mod-ico-menu .bar:nth-child(3) {
        top: 100%;
    }


    .active .mod-ico-menu .bar:nth-child(1) {
        top: 50%;
        transform: rotate(45deg);
    }
    .active .mod-ico-menu .bar:nth-child(2) {
        opacity: 0
    }
    .active .mod-ico-menu .bar:nth-child(3) {
        top: 50%;
        transform: rotate(-45deg);
    }


    .hd-btn-login::after,
    .hd-btn-mypge::after,
    .hd-btn-menu::after {
        display: block;
        position: absolute;
        left: 0;
        bottom: 4px;
        width: 100%;
        font-size: 9px;
        color: #fff;
        text-align: center;
    }

    .hd-btn-login::after {
        content: "ログイン";
    }
    .hd-btn-mypge::after {
        content: "マイページ";
    }
    .hd-btn-menu::after {
        content: "メニュー";
    }


    .hd-btn-menu.active {
        background-color: #f979c3;
    }

    .hd-gnav-inner {
        overflow-y: scroll;
        position: absolute;
        top: 64px;
        right: calc(-100% + 64px);
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: calc(100% - 64px);
        height: calc(100vh - 64px);
        padding: 15px 0;
        background-color: #f979c3;
        transition: all .3s linear;
    }

    .hd-gnav-inner.active {
        right: 0;
    }

    .hd-gnav-ul {
        justify-content: flex-start;
        align-content: flex-start;
        flex-wrap: wrap;
    }

    .hd-gnav-ul li:first-child,
    .hd-gnav-ul li {
        width: 33.33%;
        height: auto;
        padding: 0;
        border: 0;
    }

    .hd-gnav-ul li.disp-sp {
        display: flex !important;
    }

    .hd-gnav-ul li a {
        position: relative;
        display: flex;
        align-items: center;
        padding: 15px 15px 15px 55px;
        font-size: 16px;
        font-weight: 300;
        text-shadow: 0px 1px 1px rgba(0, 0, 0, .16);
        white-space: nowrap;
        width: 100%;
    }

    .hd-gnav-ul li a::after {
        position: absolute;
        top: 0;
        left: 25px;
        content: "";
        width: 8px;
        height: 100%;
        background-image: url(/lib/images/common/ico-arrow-thin.svg);
        background-repeat: no-repeat;
        background-position: center;
    }

    .mod-nav-log-area {
        display: flex !important;
        justify-content: flex-start;
        align-items: center;
        box-sizing: border-box;
        width: 100%;
        margin: 0 0 60px 0;
    }

    .mod-nav-log-area .logo-img {
        margin: 0 16px;
    }

    .mod-nav-log-area .logo-img a {
        display: block;
        padding: 0;
        background: transparent;
    }

    .mod-nav-log-area .logo-img a::after {
        display: none;
    }

    .mod-nav-log-area .logo-img a img {}

    .logo-img.logo-alba img {
        width: 72px;
    }

    .logo-img.logo-golfnettv img {
        width: 116px;
    }


    .mod-side-fixed-nav.sp-fixed-bottom {
        position: fixed !important;
        top: unset;
        right: unset;
        left: 0;
        bottom: 0;
        z-index: 999;
        width: 100%;
        margin: 0;
    }

    .side-fixed-nav-ul li > * {
        font-size: 11px;
    }


    .vote .mod-table-wrapper01 {
        width: calc(100% - 40px);
        margin: 16px auto 0;
    }
    .vote .mod-table-wrapper01 .table-basic01 {
        margin-left: -20px;
    }



/* adjust for static pages */
#about-mngt {
    padding: 21px 0 0;
}

}

@media screen and (max-width: 1019px) {

    /* for important news adjust */
    .contents {
        padding: 140px 16px 0;
        /* padding: 135px 16px 0; */
    }

    .contents.header-none {
        padding: 24px 16px 0;
    }

    .top .contents {
        padding: 64px 16px 0;
    }

    .contents-inner {
        width: 100%;
    }

    .mod-slider-large,
    .mod-slider-large.top-slider-blank {
        margin: 0 -16px !important;
    }

    .mod-slider-large > .swiper-container > .swiper-wrapper > .swiper-slide {
        width: 84%;
    }

    .mod-slider-large > .swiper-container > .swiper-wrapper > .swiper-slide img {
        width: 100%;
    }

    .mod-slider-large > .swiper-container > .swiper-button-prev,
    .mod-slider-large > .swiper-container > .swiper-button-next {
        width: 8%;
    }

    .mod-slider-large > .swiper-pagination {
        margin: 16px 0 0 0;
    }

    .mod-slider-large + .mod-btn-area-center {
        margin: 32px 0 0 0 !important;
    }

    .vote-title {
        box-sizing: border-box;
        width: calc(100% - 80px);
        padding: .6875em;
        font-size: 16px;
    }

    .vote-title-nav-btn-prev,
    .vote-title-nav-btn-next {
        width: 40px;
    }

    .mod-vote-title-nav-wrapper {
        padding: 10px 10px 0;
    }

    .mod-side-fixed-nav {
        position: static;
        margin: 0 10px;
    }

    .side-fixed-nav-ul {
        display: flex;
        border-left: 0
    }

    .side-fixed-nav-ul li {
        width: 25%;
    }

    .side-fixed-nav-ul li div {
        display: flex;
    }

    .side-fixed-nav-ul li div,
    .side-fixed-nav-ul li a {
        width: 100%;
        height: 57px;
    }

    .side-fixed-nav-ul li:last-child a {
        border-right: 0;
    }

    /* .side-fixed-nav-ul li a:hover {
        text-decoration: none;
    } */

    .mod-slider-large.top-slider-blank {
        padding: 32px;
        background-color: #fff;
    }

    .mod-slider-large.top-slider-blank img {
        width: 80%;
    }

    .scroll-event.active .mod-fixed-sidebar,
    .mod-fixed-sidebar {
        position: fixed !important;
        top: unset;
        right: unset;
        left: 0;
        bottom: 0;
        z-index: 1000;
        width: 100%;
        margin: 0;
    }

    .mod-main-has-fixed-sidebar {
        margin: 0;
    }

    .mod-fixed-sidebar {
        width: 100%;
        margin: 0 !important;
        padding: 0 !important;
    }

    .mod-fixed-sidebar ul {
        display: flex;
    }

    .mod-fixed-sidebar ul li {
        width: 20%;
    }

    .mod-fixed-sidebar ul li.disp-pc {
        display: none !important;
    }

    .mod-fixed-sidebar ul li a {
        justify-content: center;
        flex-direction: column;
        box-sizing: border-box;
        height: 72px;
        padding: 0;
        color: #fff;
        font-size: 10px;
        background: #42a5ff;
        background: -moz-linear-gradient(top, #42a5ff 0%, #01e2fb 100%);
        background: -webkit-linear-gradient(top, #42a5ff 0%, #01e2fb 100%);
        background: linear-gradient(to bottom, #42a5ff 0%, #01e2fb 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#42a5ff', endColorstr='#01e2fb', GradientType=0);
        text-shadow: 0px 1px 1px rgba(0, 0, 0, .16);
        border: 0;
        border-left: 1px solid rgba(255, 255, 255, .5);
    }

    .mod-fixed-sidebar ul li:nth-child(2) a {
        border-left: 0 !important;
    }

    .mod-fixed-sidebar ul li a .ico {
        display: block;
        margin: 0 0 10px 0;
        width: 20px;
        height: 20px;
    }

    .mod-fixed-sidebar ul li a.active {
        border: 0;
        border-left: 1px solid rgba(255, 255, 255, .5);
    }

    .mod-fixed-sidebar ul li:first-child a {
        border-left: 0;
    }

    #mod-map-nav {
        position: relative;
        justify-content: center;
        padding: 0;
    }

    .area-list {
        position: relative;
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        z-index: 10;
        padding: 8px 8px 0;
    }

    .area-list li {
        box-sizing: border-box;
        width: 50%;
        padding: 0 8px;
    }

    .area-list li:first-child {
        margin: 16px 0 0 0;
    }

    .area-list li a {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 60px;
        line-height: 1;
    }

    .area-list li a .area-name {
        font-size: 16px;
    }

    .area-list li a .area-num {
        margin: 4px 0 0 0;
        font-size: 14px;
    }

    .map-ja {
        box-sizing: border-box;
        width: 100%;
        height: 100%;
        padding: 64px 16px;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 0;
        text-align: center;
    }

    .map-ja svg {
        /*width: 100%;*/
        height: 100%;
    }

    .contents-inner.single {
        padding: 24px;
    }

    .mod-nav-player-edit01 ul li {
        width: 33.33%;
    }

}

/*-- portrait --*/
@media only screen and (orientation:portrait) {
    .map-ja svg {
        max-height: 260px;
    }
    .side-fixed-nav-ul li a.active {
        background-color: #fc77f4;
    }
    .footer {
        margin: 64px 0;
    }

    a[class*="btn"]:hover {
        opacity: .5;
        cursor: pointer;
    }
}

/*-- landscape --*/
@media only screen and (orientation:landscape) {
    .side-fixed-nav-ul li a.active {
        background-color: #fc77f4;
    }

    a[class*="btn"]:hover {
        opacity: .5;
        cursor: pointer;
    }
}


@media only screen and (max-width: 768px) and (orientation:landscape) {
    .tour-desc {
        width: 54%;
    }
    .winner-desc {
        width: 46%;
    }
}



@media screen and (max-width: 980px) {
    .mod-ft-bnr img {
        width: 100%;
        vertical-align: bottom;
    }


    [class^="mod-popup-window-"] {
        box-sizing: border-box;
        padding: 0 16px;
    }

    .mod-popup-box {
        box-sizing: border-box;
        width: 100%;
        margin: 16px auto;
        padding: 24px 16px 16px;
    }


    .mod-nav-stats01 ul li a {
        font-size: 11px;
    }

    .mod-h-large-bg.bg-blue.sp-has-btn span {
        font-size: 18px;
    }


    .table-basic01.table-stats01 thead tr th:nth-child(1) {
        width: 30px;
    }
    .table-basic01.table-stats01 thead tr th:nth-child(2) {
        width: 140px;
    }
    .table-basic01.table-stats01 thead tr th {
        font-size: 13px;
        height: 59px;
        padding: 8px;
    }
    .table-basic01.table-stats01 tbody tr td {
        font-size: 13px;
        height: 53px;
        padding: 8px;
    }


    /* for player-card-name adjust */
    .player-card-name {
        font-size: 13px;
    }

}

@media screen and (max-width: 868px) {
    .tour-desc-place {
        margin: 0 1em 0 0;
    }
    .tour-desc-prize {
        margin: 0;
    }
}

@media screen and (max-width: 834px) {

    .tab-w83per {
        width: 83% !important;
    }

}

@media screen and (max-width: 812px) {

    .disp-sp-flex {
        display: flex !important;
    }
    .disp-sp {
        display: block !important;
    }
    .disp-pc {
        display: none !important;
    }

    .contents-inner.font-meiryo {
        font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    }

    .mod-fixed-sidebar,
    .scroll-event.active .mod-fixed-sidebar,
    .mod-side-fixed-nav.sp-fixed-bottom {
        position: fixed !important;
        top: unset;
        right: unset;
        left: 0;
        bottom: 0;
        z-index: 998;
        width: 100%;
        margin: 0;
    }

    .mod-h-large-bg.bg-blue.sp-has-btn .inner-btn {
        margin: 24px 0 0 0;
    }

    /* .mod-h-large-bg.bg-blue.sp-has-btn span {
        padding-bottom: 24px;
        display: block;
    } */

    .winner-desc-btn {
        font-size: 10px;
    }

}

@media screen and (max-width: 768px) {

    .mod-user-mypge-favorite-player-select-area li {
        width: 25%;
    }

    .user-mypge-favorite-player-select-name {
        font-size: 12px;
    }

    .mod-nav-player-edit01 ul li {
        width: 50%;
    }

    .mod-dl-table-basic01 dl dt {
        width: 17%;
    }


    .fixed .table-basic01.table-stats01 thead tr th:nth-child(2) {
        width: 60px;
    }

    .winner-desc-name {
        font-size: 16px;
    }

    .winner-desc-btn {
        padding: .6em 1.4em;
        max-width: 95px;
    }

}


@media screen and (max-width: 767px) {
    .mod-player-detail-btn-area > [class^="btn-"] {
        font-size: 10px;
    }
    .agreement p.pre_basic01 {
        margin: 24px auto 0px;
        max-width: 300px;
    }
    .complete p.pre_basic01 {
        margin: 20px auto 0px;
    }
    .complete .mod-section-basic {
        padding: 0 0 60px 0;
    }


    /* .recommend-info */
    .recommend-info {
        margin: 16px;
    }
    .ttl-info {
        font-size: 20px;
        padding-bottom: 10px;
    }
    .txt-info {
        line-height: 1.6;
        font-size: 14px;
    }
    .mod-btn-area-center.adjust {
        margin-top: 20px;
    }
    .mod-btn-area-center.adjust a {
        width: 70%;
    }


    /* adjust for static pages */
    #about-mngt {
        padding: 17px 0 0;
    }

}


/* adjust for static pages */
@media screen and (max-width: 700px) {
    #about-mngt {
        padding: 33px 0 0;
    }
}


@media screen and (max-width: 639px) {

    .mod-inner-section02 {
        padding: 24px 16px 0;
    }

    .mod-card-player01 {
        padding: 16px 8px;
    }

    .sp-player-list-cols3 {
        padding: 0 8px;
    }

    .sp-player-list-cols3 {}

    .sp-player-list-cols3 > li {
        box-sizing: border-box;
        width: 33.33%;
    }

    .sp-player-list-cols2 {}

    .sp-player-list-cols2 > li {
        box-sizing: border-box;
        width: 50%;
    }

    .sp-player-list-cols3 > li:nth-child(6n + 1),
    .sp-player-list-cols3 > li:nth-child(6n + 3),
    .sp-player-list-cols3 > li:nth-child(6n + 5),

    .sp-player-list-cols2 > li:nth-child(4n + 1),
    .sp-player-list-cols2 > li:nth-child(4n + 4) {
        background-color: #fff5fd;
    }

    .sp-player-list-cols3 > li:nth-child(6n + 2),
    .sp-player-list-cols3 > li:nth-child(6n + 4),
    .sp-player-list-cols3 > li:nth-child(6n + 6),

    .sp-player-list-cols2 > li:nth-child(4n + 2),
    .sp-player-list-cols2 > li:nth-child(4n + 3) {
        background-color: #fff;
    }

    .sp-player-list-cols3 > li:nth-child(6n + 1),
    .sp-player-list-cols3 > li:nth-child(6n + 3),
    .sp-player-list-cols3 > li:nth-child(6n + 4),
    .sp-player-list-cols3 > li:nth-child(6n + 6) {
        width: calc(33.33% + 8px);
    }

    .sp-player-list-cols3 > li:nth-child(6n + 1),
    .sp-player-list-cols3 > li:nth-child(6n + 4) {
        margin: 0 0 0 -8px;
        padding: 0 0 0 8px;
    }

    .sp-player-list-cols3 > li:nth-child(6n + 3),
    .sp-player-list-cols3 > li:nth-child(6n + 6) {
        margin: 0 -8px 0 0;
        padding: 0 8px 0 0;
    }

    .sp-player-list-cols2 > li:nth-child(4n + 1),
    .sp-player-list-cols2 > li:nth-child(4n + 3) {
        padding: 0 0 0 8px;
    }

    .sp-player-list-cols2 > li:nth-child(4n + 2),
    .sp-player-list-cols2 > li:nth-child(4n + 4) {
        padding: 0 8px 0 0;
    }


    .mod-slider-large {}

    .mod-slider-large > .swiper-container > .swiper-pagination {
        margin: 16px 0 0 0;
    }

    .mod-slider-large > .swiper-container > .swiper-button-prev::after {
        background-image: url(/lib/images/common/ico-sp-slider-arrow-left-pk.svg);
    }

    .mod-slider-large > .swiper-container > .swiper-button-next::after {
        background-image: url(/lib/images/common/ico-sp-slider-arrow-right-pk.svg);
    }



    .mod-btn-area-center {
        margin: 32px 0 0 0;
        padding: 0;
    }

    .mod-section-info01 {
        width: 100%;
        margin: 32px 0 0;
        padding: 16px;
    }

    .ul-info01 li a {
        font-size: 12px;
    }

    .mod-section-basic {
        margin: 32px 0 0;
        padding: 0 0 32px 0;
    }

    .mod-h-large-gradient {
        display: flex;
        min-height: 72px;
        padding: .8em 1.2em;
        font-size: 20px;
        line-height: 1.8;
        justify-content: center;
        align-items: center;
    }

    .mod-h-large-gradient + [class^="player-list-"] {
        margin: 0 !important;
    }

    .mod-h-medium-border-bottom {
        margin: 32px 16px 0;
        font-size: 18px;
    }

    .mod-vote-title-nav-wrapper + .mod-h-medium-border-bottom,
    .mod-side-fixed-nav + .mod-h-medium-border-bottom,
    .mod-side-fixed-nav + .mod-title-btn-wrapper .mod-h-medium-border-bottom {
        margin: 24px 16px 0;
    }

    .mod-h-medium-border-bottom + [class^="mod-card-list-"] {
        margin: 12px 0 0 0;
    }

    [class^="player-list-"] {
        margin: 0px 0 0 0;
    }

    .mod-title-btn-wrapper + [class^="player-list-"] {
        /* margin: 40px 0 0 0; */
        margin: 24px 0 0 0;
    }

    .player-card-name {
        /*font-size: 11px;*//* 14px */
        font-size: 3.4vmin;
    }

    .player-card-name-furigana {
        /* font-size: 10px; */
        font-size: 2.8vmin;
    }

    .player-card-nickname {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 10px;
    }

    .player-card-votes-num {
        font-size: 12px;
    }

    .player-card-btn-vote,
    .player-card-btn-voted {
        height: 36px;
        font-size: 12px;
    }

    .player-card-qualification-header {}

    .player-card-qualification-list {
        font-size: 10px;
    }


    .btn-round01 {
        font-size: 15px;
    }

    .border-dashed-bottom {
        padding-bottom: 24px;
    }

    .border-dashed-bottom + .mod-h-medium-border-bottom {
        margin: 24px 0 0 0;
    }

    .mod-card-list-col2 {}

    .mod-card-list-col2 > * {
        width: 100%;
        margin: 20px 0 0;
    }

    .mod-btn-area-right.sp-column {
        flex-direction: column;
        margin: 24px 0 0 0;
        padding: 0 24px;
    }

    .mod-btn-area-right.sp-column > * {
        width: 100%;
        margin: 0 !important;
    }

    .mod-btn-area-right.sp-column > *:first-child {
        margin: 0;
    }

    .mod-btn-area-right.sp-column button {
        width: 100%;
        padding: 1em;
    }

    .mod-btn-area-right.sp-column .mod-btn-select-type-wrapper {
        position: static;
        flex-direction: column;
        padding: 0 14px;
    }

    .mod-btn-area-right.sp-column .mod-btn-select-type-wrapper > * {
        position: relative;
        width: 100%;
        margin: 16px 0 0 0 !important;
    }

    .mod-btn-area-right.sp-column .mod-btn-select-type-wrapper > *:first-child {
        margin: 0 !important;
    }

    .mod-btn-area-right.sp-column .mod-btn-select-type-wrapper [class^="btn-"] {
        text-align: center;
    }

    .mod-btn-area-right.sp-column + [class^="player-list-"] {
        margin: 24px 0 0 0 !important;
    }

    .btn-square-rc01 {
        padding: 16px;
    }

    .btn-round01 {
        padding-left: 2em;
        padding-right: 2em;
    }

    .mod-title-btn-wrapper {}

    .mod-title-btn-wrapper .btn-pos-tr {
        position: relative;
        top: unset;
        right: unset;
        margin: 24px 24px 0;
    }

    .mod-title-btn-wrapper .btn-pos-tr button {
        width: 100%;
        padding: 1em;
    }

    .mod-player-ranking-beat3 {}

    .mod-inner-section-thin {
        box-sizing: border-box;
        width: 100%;
        padding: 32px 10px 0;
    }

    .mod-player-ranking-beat3 li {
        width: 100px;
    }

    .mod-player-ranking-beat3 .player-card-votes-num {
        margin: 4px 0 0 0;
        font-size: 10px;
    }



    .mod-inner-section {
        padding: 24px 24px 0 !important;
        word-break: break-all;
    }

    .ico-arrow-double {
        margin: 0 0 0 4px !important;
    }

    .mod-inner-section.sp-p00 {
        padding: 0 !important;
    }





    .mod-nav-stats01 ul li {
        width: 50%;
    }

    .mod-nav-stats01 ul li a {
        height: 45px;
        font-size: 12px;
    }

    .mod-nav-stats01 ul li a br {
        display: none;
    }

    .contents-inner.single {
        padding: 0;
    }

    .mod-player-detail-layout .col-player-detail-left,
    .mod-player-detail-layout .col-player-detail-right {
        width: 100%;
    }

    .mod-player-detail-layout .sp-order-1 {
        order: 1;
    }
    .mod-player-detail-layout .sp-order-2 {
        order: 2;
    }
    .mod-player-detail-layout .sp-order-3 {
        order: 3;
    }
    .mod-player-detail-layout .sp-order-4 {
        order: 4;
    }
    .mod-player-detail-layout .sp-order-5 {
        order: 5;
        margin: 0 0 16px 0;
    }
    .mod-player-detail-layout .sp-order-6 {
        order: 6;
    }
    .mod-player-detail-layout .sp-order-7 {
        order: 7;
    }
    .mod-player-detail-layout .sp-order-8 {
        order: 8;
    }



    .mod-player-detail-profile {
        padding: 16px;
    }

    .mod-player-detail-pics-thumbs ul {
        padding: 0 6px;
    }

    .btn-favorite {
        top: 16px;
        left: 16px;
    }


    .mod-nav-player-edit01 {
        margin: 0px 0px 8px !important;
        padding: 8px 0 0 0;
    }

    .mod-nav-player-edit01 ul li {
        width: 100%;
        padding: 16px 16px 0;
    }



    .mod-player-profile-basic-info {
        margin: 24px 0 0 0;
    }

    .mod-player-pic-edit-card-list {
        margin: 0 -4px;
    }

    .mod-player-pic-edit-card-list li {
        width: calc(25% - 8px);
        margin: 24px 4px 0;
        padding: 0;
    }

    .col-player-profile-edit-left,
    .col-player-profile-edit-right {
        box-sizing: border-box;
        padding: 24px 16px !important;
    }

    .col-player-profile-edit-left.thin,
    .col-player-profile-edit-right.wide {
        margin-bottom: 0 !important;
        padding: 24px 16px 0 !important;
    }

    .btn-solid-left-border {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 64px;
        font-size: 16px;
    }




    .footer {
        margin: 40px 0 0 0;
    }

    .btn-scroll-top {
        width: 100%;
        font-size: 12px;
        border-radius: 0;
    }

    .mod-ft-bnr {
        margin: 24px 0 0 0;
        padding: 0 16px;
    }



    .mod-table-basic-wrapper,
    .mod-sp-table-wrapper {
        overflow-x: scroll;
        margin: 16px 0 0 0;
        padding: 0 24px;
        -webkit-overflow-scrolling: touch;
    }

    .mod-sp-table-wrapper {
        margin: 16px 24px 0 24px;
        padding: 0;
    }

    .mod-btn-tbl-controller + .mod-sp-table-wrapper {
        margin: 16px 0 0 0;
    }

    .mod-table-wrapper01.mod-sp-table-wrapper {
        padding: 0 10px !important;
    }

    .mod-table-basic-wrapper {
        padding: 0;
    }

    .mod-table-basic-wrapper,
    .mod-sp-table-wrapper table {
        margin: 0;
    }

    .mod-table-basic-wrapper th,
    .mod-table-basic-wrapper td,
    .mod-sp-table-wrapper th,
    .mod-sp-table-wrapper td {
        white-space: nowrap;
    }


    .mod-btn-area-right {
        justify-content: flex-start;
        margin: 24px 0 0 0;
        padding: 0 10px !important;
    }

    .mod-btn-area-right button {
        margin: 0;
    }

    .mod-btn-tbl-controller {
        justify-content: space-between !important;
    }

    .mod-btn-tbl-controller > * {
        margin: 0 !important;
    }

    .mod-btn-tbl-controller button:nth-child(1) {
        width: calc(72% - 8px);
    }

    .mod-btn-tbl-controller button:nth-child(2) {
        width: 28%;
        white-space: nowrap;
    }

    .mod-player-detail-btn-area {
        margin: 0;
    }

    .mod-player-detail-pics {
        margin: 0;
    }

    .mod-player-detail-pics-thumbs ul li {
        width: 120px;
        height: 120px;
    }

    .mod-player-detail-pics-thumbs ul li,
    .mod-player-detail-pics-thumbs ul li:first-child {
        margin: 6px 0 6px 6px;
    }

    .contents-inner.single.mod-player-detail-layout {
        padding: 0 0 32px 0;
    }

    .mod-player-detail-sns-area {
        margin: 16px 0 0 0;
    }

    .mod-player-detail-sns-area + [class^="mod-"] > [class^="mod-h-"] {
        margin: 16px 0 0 0;
    }

    .mod-player-detail-sns-area ul li {
        margin: 0 8px;
    }

    .mod-player-detail-sns-area ul li a,
    .mod-player-detail-sns-area ul li i {
        width: 48px;
        height: 48px;
    }

    .player-detail-appeal-txt {
        font-size: 16px;
        padding: 16px;
    }

    [class^="mod-h-"].has-icon {
        padding: 0 16px;
        font-size: 18px;
    }

    [class^="mod-h-"].has-icon .ico {
        width: 29px;
        margin: 0 8px 0 0;
    }

    [class*="-fill-"].has-icon .ico {
        width: 33px;
        margin: 8px 16px 8px 0;
    }

    [class^="mod-h-"].has-icon.pl00 {
        padding-bottom: 24px;
    }

    .mod-past-comment-area {
        margin: 0 0 16px 0;
    }

    .mod-inner-section .mod-past-comment-area:last-child {
        margin: 0;
    }

    .player-comment-card-pic {
        width: 40px;
        margin: 0 8px 0 0;
    }

    .player-comment-card-box {
        width: calc(100% - 48px);
        padding: .5em 0 0 0;
    }

    .player-comment-card-name {
        font-size: 14px;
    }

    .player-comment-card-date {
        align-items: flex-end;
        font-size: 10px;
    }

    .player-comment-card-comment {
        padding: 1em 0 0 0;
        font-size: 12px;
        word-break: break-all;
    }

    .player-profile-dl-table {
        width: 100%;
    }

    .popup-player-profile-detail {
        align-items: center;
        margin: 24px 0;
    }

    .player-stats-profile-img,
    .player-profile-detail-img {
        width: 80px;
        height: 80px;
        margin: 0 24px 0 0;
    }

    .mod-popup-player-stats-inner {
        padding: 0;
    }

    .popup-player-stats-profile-box {
        width: calc(100% - 104px);
        padding: .5em 0 0 0;
    }

    .player-stats-profile-note {
        margin: 1.4em 0 0 -104px;
        padding: 0 0 0 1em;
        text-indent: -1em;
    }

    .mod-popup-player-qanda-inner {
        margin: 24px 0 0 0;
    }




    .mod-bnr-box {
        margin: 32px 0 0 0;
    }

    .mod-bnr {
        display: inline-flex;
        flex-direction: column;
        align-items: center;
        margin: auto;
        padding: 8px;
    }

    .bnr-txt {
        font-size: 14px;
    }

    .btn-popup-close {
        top: 16px;
        right: 16px;
    }

    .mod-input-area {
        margin: 0;
    }

    .mod-input-area + .mod-btn-area-center,
    .mod-btn-area-center + .mod-input-area,
    .mod-note-small + .mod-btn-area-center {
        margin: 24px 0 0 0;
    }

    .mod-note-small {
        margin: 16px 0 0 0;
        text-align: left;
    }

    [class^="mod-h-medium-basic"] + .mod-note-small {
        margin: 24px 0 0 0;
    }

    .col-player-detail-right .mod-card-type01 {
        margin: 20px 16px 0;
    }

    .popup-player-stats-profile {
        align-items: flex-start;
        margin: 32px 0 0 0;
    }

    .popup-player-stats-dl-table-wrapper {
        margin: 24px 0 0 0;
        border-right: none;
    }

    .popup-player-stats-dl-table-wrapper > :nth-child(1),
    .popup-player-stats-dl-table-wrapper > :nth-child(2) {
        width: 50%;
    }

    .popup-player-stats-dl-table-wrapper > :nth-child(2) {
        border-right: 1px solid #efc2e6;
    }

    .popup-player-stats-dl-table-wrapper > :nth-child(3),
    .popup-player-stats-dl-table-wrapper > :nth-child(4) {
        width: 100%;
        margin: 16px 0 0 0;
        border-right: 1px solid #efc2e6;
    }

    .table-basic01.table-stats01.popup-player-stats-table {
        width: 100%;
        margin: 16px 0 0 0;
    }

    .table-basic01.table-stats01.popup-player-stats-table th,
    .table-basic01.table-stats01.popup-player-stats-table td {
        font-size: 12px;
    }

    .table-basic01.table-stats01.popup-player-stats-table thead tr th:nth-child(1) {
        border-right: 0;
        text-align: left;
    }

    .table-basic01.table-stats01.popup-player-stats-table tbody tr th:nth-child(2) {
        white-space: nowrap;
    }

    #popup-player-qanda .mod-popup-box {
        /*padding: 16px 0px 16px 8px;*/
    }

    .mod-popup-player-qanda-list li {
        margin: 16px 0 0 0;
        padding: 16px 0 0 0;
    }

    .popup-player-qanda-box-user-img {
        width: 34px;
        height: 34px;
        border-radius: 17px;
    }

    .popup-player-qanda-box-user-ques {
        margin: 8px 0 0 0;
        padding: 0 0 0 44px;
        font-size: 14px;
    }

    .popup-player-qanda-box-ans {
        min-height: 56px;
        margin: 8px 0 0 0;
        padding: 16px 0 0 44px;
        background-size: 34px;
        background-position: left 16px;
    }

    .mod-player-detail-profile-box-inner {
        justify-content: space-between;
    }

    .player-detail-profile-furigana {

    }

    .player-detail-appeal-txt {
        padding: 16px !important;
    }

    .mod-card-tour01 + .mod-desc-basic02 {
        margin: 16px 0 0 0;
        padding-bottom: 0;
    }


    .mod-mnav-tbl-wrapper {
        flex-direction: column;
        padding-top: 32px !important;
    }

    .mod-mnav-tbl-wrapper table {
        width: 100%;
        margin: 32px 0 0 0;
    }

    .mod-mnav-tbl-wrapper table:first-child {
        margin: 0;
    }

    .mod-nav-stats01 {
        margin-top: -8px;
    }

    .mod-stats-table01 {
        font-size: 13px;
    }

    .mod-stats-table01 tbody tr th {
        padding: 8px !important;
    }

    .mod-stats-table01 tbody tr td {
        padding: 8px 8px 8px 0 !important;
    }



    .mod-stats-card01 {
        padding-left: 8px;
        padding-right: 8px;
    }

    .mod-stats-card01 .mod-h-medium-border-bottom02 {
        margin: 0 8px !important;
        font-size: 18px;
    }

    .mod-ul-note02 {
        padding: 0 24px;
        text-align: left;
        font-size: 12px;
    }

    .mod-ul-note02 li {
        margin: 16px 0 0 0;
        padding: 0 0 0 1em;
        text-indent: -1em;
    }

    .mod-ul-note02 li:first-child {
        margin: 0;
    }

    .table-basic01 thead tr th {
        font-size: 13px;
    }

    .table-stats01 tbody tr td {
        font-size: 14px;
    }

    .mod-user-mypge-favorite-player-select-area {
        border-bottom: 1px solid #707070;
    }



    .mod-user-mypge-message-area {
        box-shadow: none;
    }

    .mod-user-mypge-message-area [class^="mod-h-"].has-icon {
        padding: 0 0 0 8px;
    }

    .mod-user-mypge-message-area .mod-btn-area-center {
        display: flex;
    }

    .mod-user-mypge-message-card {
        padding: 8px;
    }

    .user-mypge-message-player-box-img {
        width: 40px;
    }

    .user-mypge-message-user-img {
        width: 30px;
    }

    .user-mypge-message-player-box-name {
        font-size: 14px;
    }

    .user-mypge-message-user-name {
        font-size: 14px;
    }

    .user-mypge-message-user-img .ico-heart-blank {
        width: 13px;
    }

    .user-mypge-message-user-box {
        margin: 12px 0 0 0;
    }

    .user-mypge-message-user-img::after {
        top: 8%;
    }

    .user-mypge-message-user-comment {
        font-size: 12px;
    }

    .user-mypge-message-user-date {
        position: relative;
        margin: -1em 0 0 0;
        font-size: 10px;
    }

    [class^="mod-h-"].sp-word-break {
        padding-top: .8em;
        padding-bottom: .8em;
        align-items: flex-start;
        line-height: 1.6;
    }

    [class^="mod-h-"].sp-word-break .ico {
        margin-top: -.4em;
    }

    [class^="mod-h-"].sp-word-break span {
        display: block;
        width: calc(100% - 48px);
    }

    .mod-user-mypge-message-area > .mod-h-medium-border-bottom:first-child,
    .mod-h-medium-border-bottom .sp-large {
        font-size: 18px;
    }

    .cheering-messages-page {
        /*margin: 24px 0 0 8px !important;*/
    }

    .cheering-messages-page .simplebar-content {
        padding: 0 16px !important;
    }


    .cheering-messages-page .mod-user-mypge-message-card {
        padding: 8px;
    }


    .mod-h-medium-border-bottom.sp-large {
        max-width: 232px;
        font-size: 18px;
        margin: 0 auto !important;
        padding: 32px 0 0 0;
        text-align: left;
    }

    .mod-select-user-icon-list li {
        width: 33.33%;
        margin: 18px 0 0 0;
        text-align: center;
    }

    .mod-select-user-icon-label {
        margin: auto;
    }

    .mod-h-large-bg.bg-blue.sp-has-btn {
        padding: 24px 16px;
    }

    .mod-h-large-bg.bg-blue.sp-has-btn span {
        display: block;
        text-align: left;
    }

    .mod-h-large-bg.bg-blue.sp-has-btn .inner-btn {
        margin: 16px 0 0 0;
    }

    .btn-solid-medium.btn-blue-fill,
    .mod-h-large-bg.bg-blue.sp-has-btn .inner-btn [class^="btn"] {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0;
        height: 51px;
        font-size: 18px;
    }

    .mod-h-medium-bg {
        padding: 10px 16px;
        font-size: 20px;
    }

    .mod-sub-title01 {
        margin: 24px 0 0 0;
        font-size: 18px;
    }

    .mod-slider-basic01 {
        margin: 24px -16px 0;
    }

    .mod-slider-basic-caption {
        position: static;
        box-sizing: border-box;
        width: 100%;
        margin: -35px 0 0 0;
        padding: 45px 16px 16px;
    }

    .mod-slider-basic01 > .swiper-container > .swiper-wrapper > .swiper-slide {
        width: calc(100% - 32px);
    }

    .mod-slider-basic01 > .swiper-container > .swiper-wrapper > .swiper-slide img {
        width: 100%;
    }

    .mod-slider-basic01 > .swiper-container > .swiper-button-prev,
    .mod-slider-basic01 > .swiper-container > .swiper-button-next {
        /* width: 16px;
        background-image: none; */
        background-size: 14px auto;
    }

    /* 2020302 add */
    .mod-slider-basic01 > .swiper-container > .swiper-button-prev {
        background-position: left 8px center;
    }
    .mod-slider-basic01 > .swiper-container > .swiper-button-next {
        background-position: right 8px center;
    }

    .mod-slider-basic01 > .swiper-container > .swiper-pagination {
        margin: 20px 0 0 0;
    }

    .mod-slider-basic01 > .swiper-container > .swiper-pagination .swiper-pagination-bullet {
        width: 15px;
        height: 15px;
        border-radius: 7.5px;
        margin: 0 8px;
    }

    .mod-text-box01.adj-txt-right.adj-mt40 img[src$="logo-ggmg.svg"] {
        width: 150px;
    }

    .mod-procedure-list {
        margin: 0 0 0 15px;
    }

    .mod-procedure-list li {
        padding: 24px 0 0 0;
    }

    .procedure-card-title {
        font-size: 18px;
    }

    .mod-procedure-card dd {
        padding: 0 0 0 16px;
    }


    .mod-login-panel {
        width: 100%;
        padding: 24px;
    }

    .mod-login-panel-inner {
        margin: 0;
    }

    .login-panel-title,
    .login-panel-btn-area {
        margin: 24px 0 0 0;
    }

    .player-profile-basic-info-mail {
        padding-left: 3em;
    }


    .btn-solid-wide {
        font-size: 16px;
    }


    .mod-player-detail-appeal-area {
        margin: 24px 16px 0;
    }

/*
    .hd-gnav-ul {
        flex-direction: column;
    }

    .hd-gnav-ul li:first-child,
    .hd-gnav-ul li {
        width: 100%;
    }

    .mod-nav-log-area {
        justify-content: center;
        margin: 0 0 120px 0;
    }
*/
    /* simplebar scroll none */
    .sp-scroll-none {
        height: auto !important;
    }

    .sp-scroll-none .simplebar-content {
        padding: 0 !important;
    }

    /* SP adjustments */
    .sp-justify-start {
        justify-content: flex-start !important;
    }
    .sp-justify-center {
        justify-content: center !important;
    }
    .sp-justify-end {
        justify-content: flex-end !important;
    }

    .sp-align-start {
        align-items: flex-start !important;
    }
    .sp-align-center {
        align-items: center !important;
    }
    .sp-align-end {
        align-items: flex-end !important;
    }

    .sp-txt-left {
        text-align: left !important;
    }
    .sp-txt-center {
        text-align: center !important;
    }
    .sp-txt-right {
        text-align: right !important;
    }

    .sp-mt00 {
        margin-top: 0!important;
    }
    .sp-mt08 {
        margin-top: 8px !important;
    }
    .sp-mt10 {
        margin-top: 10px !important;
    }
    .sp-mt16 {
        margin-top: 16px !important;
    }
    .sp-mt20 {
        margin-top: 20px !important;
    }
    .sp-mt24 {
        margin-top: 24px !important;
    }
    .sp-mt32 {
        margin-top: 32px !important;
    }

    .sp-mb00 {
        margin-bottom: 0!important;
    }
    .sp-mb08 {
        margin-bottom: 8px !important;
    }
    .sp-mb10 {
        margin-bottom: 10px !important;
    }
    .sp-mb16 {
        margin-bottom: 16px !important;
    }
    .sp-mb20 {
        margin-bottom: 20px !important;
    }
    .sp-mb24 {
        margin-bottom: 24px !important;
    }
    .sp-mb32 {
        margin-bottom: 32px !important;
    }

    .sp-pt00 {
        padding-top: 0 !important;
    }
    .sp-pt08 {
        padding-top: 8px !important;
    }
    .sp-pt10 {
        padding-top: 10px !important;
    }
    .sp-pt16 {
        padding-top: 16px !important;
    }
    .sp-pt20 {
        padding-top: 20px !important;
    }
    .sp-pt24 {
        padding-top: 24px !important;
    }
    .sp-pt32 {
        padding-top: 32px !important;
    }

    .sp-pb00 {
        padding-bottom: 0 !important;
    }
    .sp-pb08 {
        padding-bottom: 8px !important;
    }
    .sp-pb10 {
        padding-bottom: 10px !important;
    }
    .sp-pb16 {
        padding-bottom: 16px !important;
    }
    .sp-pb20 {
        padding-bottom: 20px !important;
    }
    .sp-pb24 {
        padding-bottom: 24px !important;
    }
    .sp-pb32 {
        padding-bottom: 32px !important;
    }

    .sp-ps00 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .sp-ps08 {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
    .sp-ps10 {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .sp-ps16 {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
    .sp-ps20 {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    .sp-ps24 {
        padding-left: 24px !important;
        padding-right: 24px !important;
    }
    .sp-ps32 {
        padding-left: 32px !important;
        padding-right: 32px !important;
    }

    .sp-pl08 {padding-left: 8px !important;}
    .sp-pr08 {padding-right: 8px !important;}

    .sp-line-height-18 {
        line-height: 1.8 !important;
    }

    .sp-box-shadow-none {
        padding-bottom: 16px !important;
        box-shadow: none !important;
    }

    .sp-w100per {
        width: 100% !important;
        box-sizing: border-box;
    }

    .mod-dl-table-basic01 {
        display: table;
        border: 0;
    }

    .mod-dl-table-basic01-head {
        display: none !important;
    }

    .mod-dl-table-basic01 dl {
        display: table-row;
        border-bottom: 1px solid #f4ddfc;
    }

    .mod-dl-table-basic01 dl dt,
    .mod-dl-table-basic01 dl dd {
        display: table-cell;
        box-sizing: border-box;
        padding: 16px;
    }

    .mod-dl-table-basic01 dl dt {
        width: 25%;
    }
    .mod-dl-table-basic01 dl dd {
        width: 75%;
    }

    .mod-dl-table-basic01 dl dd {
        padding-left: 0;
    }

    .mod-dl-table-basic01 dl dt,
    .mod-dl-table-basic01 dl dd,
    .mod-dl-table-basic01 dl dd > div {
        border: 0;
    }

    .mod-dl-table-basic01 dl dd > div {
        padding: 0;
    }

    .tour-desc,
    .winner-desc {
        width: auto;
    }

    .mod-dl-table-basic01 dl dd {
        flex-direction: column;
        width: auto;
    }

    .tour-date {
        min-width: 5em;
        justify-content: flex-start;
        align-items: flex-start;
        font-size: 14px;
        white-space: nowrap;
    }

    .tournaments {
        white-space: normal;
    }

    .tour-desc-name {
        font-size: 14px;
    }

    .tour-desc-place {
        font-size: 12px;
    }

    .tour-desc-box {
        align-items: flex-start;
        font-size: 12px;
    }

    .tour-desc-prize,
    .tour-desc-player-num {
        margin: 0;
        font-size: 11px;
    }

    .tour-desc-prize {
        margin: 0 8px 0 0;
    }

    .winner-desc-inner {
        justify-content: flex-start;
        margin: 8px 0 0 0;
    }

    .winner-desc-pic {
        width: 60px;
        margin: 0 12px 0 0;
    }

    .winner-desc-name span {
        display: inline-block !important;
    }

    .winner-desc-btn {
        margin: 2px 0 0 0;
    }

    .grid.cols2 > [class^="col-"] {
        width: 100%;
        padding: 0;
    }

    .grid.cols2.padding40 > [class^="col-"]:nth-child(odd),
    .grid.cols2.padding40 > [class^="col-"]:nth-child(even) {
        padding: 0;
    }

    .grid.cols2 > .col-user-mypage-left,
    .grid.cols2 > .col-user-mypge-right {
        padding: 24px 16px 0;
    }

    .grid.cols2 > .col-player-profile-edit-left.thin,
    .grid.cols2 > .col-player-profile-edit-right.wide {
        box-sizing: border-box;
        width: 100%;
        padding: 0 16px 0 !important;
    }

    .grid.cols2.padding40 > [class^="col-"],
    .grid.cols2.padding40 > [class^="col-"]:nth-child(2) {
        margin: 20px 0 0 0;
    }

    .grid.cols2.padding40.mt60 > [class^="col-"] {
        margin: 32px 0 0 0;
    }

    .grid.cols2.padding40.mt60 > [class^="col-"]:first-child {
        margin: 0;
    }

    .grid.cols2.padding40.sp-col-mt32 .col-box {
        margin: 32px 0 0;
    }

    .grid.cols2.padding40.sp-col-mt32 .col-box:first-child {
        margin-top: 0;
    }

    .grid.cols2 > .col-user-mypge-right {}

    .map-ja svg {
        width: 100%;
        height: auto;
    }

    .mod-popup-window-thin .mod-popup-box {
        width: 100% !important;
    }


    .mod-section-basic > div > .mod-h-medium-border-bottom {
        margin: 24px 16px 0;
    }


    .vote .mod-table-wrapper01 {
        width: calc(100% - 20px);
        margin: 16px auto 0;
    }
    .vote .mod-table-wrapper01 .table-basic01 {
        margin-left: -10px;
    }
    .mod-h-medium-border-bottom + .mod-note-small {
        margin: 20px 0 0 0;
    }


    .fixed .table-basic01.table-stats01 thead tr th:nth-child(2) {
        width: 60px;
    }


    /*
    * player's Registration Agreement
    */
    .agreement .pre_basic01 {
        padding: 0 1em;
    }
    .agreement .mod-inner-section {
        padding: 24px 4px !important;
        word-break: break-all;
    }
}


@media screen and (max-width: 479px) {

    .mod-slider-large.top-slider-blank img {
        width: 100%;
    }

    .hd-gnav-ul {
        flex-direction: column;
    }

    .hd-gnav-ul li:first-child,
    .hd-gnav-ul li {
        width: 100%;
    }

    .mod-nav-log-area {
        justify-content: center;
        margin: 0 0 120px 0;
    }



    .player-order-info {
        padding-top: 2px;
        font-size: 8px;
    }

}

@media screen and (max-width: 319px) {

}