@import url("https://fonts.googleapis.com/css?family=Teko");
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline;
}
ol,
ul {
    list-style: none;
}
header,
main,
footer,
nav,
article,
section,
aside,
figure {
    width: 100%;
    display: block;
    margin: 0;
    padding: 0;
}
table {
    border-collapse: separate;
    border-spacing: 0;
    overflow: hidden;
    width: 100%;
}
caption,
th,
td {
    text-align: left;
    font-weight: normal;
}
img {
    width: auto;
    max-width: 100%;
    vertical-align: middle;
    height: auto;
}
input {
    vertical-align: middle;
}
button,
input[type="submit"] {
    cursor: pointer;
    border: none;
}
*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
body {
    font-family: Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "YuGothic", "游ゴシック", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "Avenir Next", Verdana, sans-serif;
    font-size: 16px;
    line-height: 2;
    letter-spacing: 0.5px;
    color: #333;
    -webkit-font-smoothing: antialiased;
    -webkit-overflow-scrolling: touch;
    word-break: normal;
    word-wrap: break-word;
    background: #000;
}
html {
  scroll-behavior: smooth;
}


@media screen and (max-width: 1440px) {
    body {
        font-size: 14px;
        line-height: 1.8;
        letter-spacing: 0;
    }
}
@media screen and (max-width: 320px) {
    body {
        font-size: 12px;
        line-height: 1.6;
    }
}
.wrap {
    overflow: hidden;
    padding-top: 100px;
}
@media screen and (max-width: 1440px) {
    .wrap {
        padding-top: 60px;
    }
}
a {
    color: #7a0000;
    outline: none;
    text-decoration: none;
    transition: 0.2s ease-in-out;
}
a:visited{color: #7a0000;}
a::-moz-focus-inner {
    border: none;
}
a:hover {
    opacity: 0.6;
}
hr {
    border: none;
    border-top: 1px solid #161616;
}
.header {
    position: fixed;
    top: 0;
    background: #000;
    color: #fff;
    height: 100px;
    font-size: 16px;
}
.header_inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    display: -webkit-flex;
    -webkit-justify-content: space-between;
    -webkit-align-items: center;
    flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
}
.header_logo a {
    overflow: hidden;
    display: block;
    margin: 0 20px;
    width: 230px;
    height: 100px;
}
.header_logo a img {
    margin-top: -40px;
}
.header_game a {
    display: block;
    text-align: center;
    background: #7a0000;
    color: #fff;
    position: absolute;
    right: 0;
    top: 0;
    line-height: 1.4;
    width: 180px;
    height: 100px;
    font-size: 14px;
    font-weight: bold;
    padding: 26px 0;
}
.header_game a:hover {
    background: #900;
    opacity: 1;
}
.header_game a span {
    display: block;
    font-family: "Teko", sans-serif;
    font-size: 150%;
    font-weight: normal;
}
@media screen and (max-width: 1440px) {
    .header {
        height: 60px;
        font-size: 13px;
    }
    .header_logo a {
        width: 170px;
        height: 60px;
    }
    .header_logo a img {
        margin-top: -35px;
    }
    .header_game a {
        width: 140px;
        height: 60px;
        font-size: 12px;
        padding: 12px 0;
    }
}
@media screen and (max-width: 1100px) {
    .header_game a {
        right: 60px;
    }
}
@media screen and (max-width: 480px) {
    .header_logo a {
        margin: 0;
    }
    .header_game a {
        width: 110px;
    }
}
@media screen and (max-width: 320px) {
    .header_logo a {
        width: 140px;
    }
    .header_logo a img {
        margin-top: -25px;
    }
}
@media screen and (min-width: 1101px) {
    .nav-grobal_item > a:hover,
    .nav-grobal_item span:hover,
    .nav-grobal_item.active > a,
    .nav-grobal_item.active span {
        opacity: 0.8;
        border-bottom: 2px solid #7a0000;
    }
    .nav-grobal {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        display: -webkit-flex;
        -webkit-justify-content: flex-start;
        -webkit-align-items: center;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
    }
    .nav-grobal_item > a,
    .nav-grobal_item span {
        display: flex;
        align-items: center;
        padding: 4px 12px 0;
        cursor: pointer;
        color: #fff;
        transition: 0.2s ease-in-out;
        border-bottom: 2px solid #000;
    }
    .nav-grobal_child {
        display: none;
        position: absolute;
        background: #000;
        padding: 8px 0;
        min-width: 200px;
        margin: 0 0 0 0;
    }
    .nav-grobal_child li {
        padding: 0 10px;
    }
    .nav-grobal_child li.Divider {
        padding:0;
        /*padding: 2px 25px 2px 20px;*/
        background: #262626;
        /*margin: 10px 0;*/
        /*padding: 0 10px;*/
    }
    .nav-grobal_child li.Divider:first-child {
        margin-top: -8px;
    }
    .nav-grobal_child li span {
        display: block;
        align-items: center;
        padding: 0 6px 0;
        cursor: auto;
        height: auto;
        border-bottom: none !important;
        margin: 0 0 0 -11px;
    }
    .nav-grobal_child li span:before {
        content: "■";
        color: #7a0000;
        margin: 0 3px 0 0;
    }
    .nav-grobal_child li a {
        display: block;
        height: auto;
        color: #fff;
        transition: inherit !important;
        border-bottom:0px solid transparent;
        padding: 0 10px;
    }
    .nav-grobal_child li a:hover{
        border-bottom:0px solid transparent !important;
        color: #727272 !important;
        transition: inherit !important;
    }
    .nav-grobal_language {
        position: absolute;
        right: 140px;
    }
    .nav-grobal_language .language-trigger-pc {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 60px;
        height: 60px;
        cursor: pointer;
        transition: 0.2s ease-in-out;
    }
    .nav-grobal_language .language-trigger-pc:hover {
        background: #222222;
    }
    .nav-grobal_language .language-trigger-sp span {
        display: none;
    }
    .nav-grobal_language ul {
        display: none;
        position: absolute;
        background: #222222;
        right: 0;
        top: 60px;
        width: 200px;
    }
    .nav-grobal_language ul li {
        text-align: center;
    }
    .nav-grobal_language ul li a,
    .nav-grobal_language ul li span {
        display: block;
        color: #fff;
        padding: 8px 0;
    }
    .nav-grobal_language ul li a:hover {
        background: #7a0000;
    }
}
@media screen and (min-width: 1441px) {
    .nav-grobal_item > a,
    .nav-grobal_item span {
        padding: 4px 18px 0;
        height: 100px;
        border-bottom: 4px solid #000;
    }
    .nav-grobal_item > a:hover,
    .nav-grobal_item span:hover {
        border-bottom: 4px solid #7a0000;
    }
    .nav-grobal_item.active > a,
    .nav-grobal_item.active span {
        border-bottom: 4px solid #7a0000;
    }
    .nav-grobal_child {
        min-width: 200px;
    }
    .nav-grobal_child li {
        font-size: 14px;
    }
    .nav-grobal_language {
        right: 180px;
    }
    .nav-grobal_language .language-trigger-pc {
        width: 100px;
        height: 100px;
    }
    .nav-grobal_language ul {
        top: 100px;
        width: 250px;
    }
    .nav-grobal_language ul li {
        font-size: 14px;
    }
    .nav-grobal_language ul li a {
        padding: 10px 0;
    }
}
.nav-side {
    border-bottom: 1px solid #161616;
}
.nav-side_item.is-squre > a:before,
.nav-side_item.is-squre > span:before {
    content: "■";
    color: #7a0000;
    margin: 0 10px 0 0;
}
/*.nav-side_item.is-current a {
    background: #101010;
}
.nav-side_item.is-current a:after {
    border-color: #ffffff !important;
}
.nav-side_item.is-current a:hover:after{
    border-color: #ffffff !important;
}*/


.nav-side_item > span,
.nav-side_item a {
    display: block;
    border-right: 1px solid #161616;
    border-left: 1px solid #161616;
    border-top: 1px solid #161616;
    cursor: pointer;
    padding: 15px 40px 15px 20px;
    color: #fff;
    transition: 0.2s ease-in-out;
}
.nav-side_item > span:hover,
.nav-side_item a:hover {
    opacity: 1;
    background: #101010;
}
.nav-side_item > span {
    position: relative;
}
.nav-side_item > span:after {
    content: "+";
    font-size: 18px;
    position: absolute;
    right: 18px;
    color: #7a0000;
    font-weight: bold;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.nav-side_item > span.active:after {
    content: "ー";
    font-size: 14px;
    right: 17px;
    color: #fff;
}
.nav-side_item a {
    position: relative;
}
.nav-side_item a:after {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    position: absolute;
    right: 22px;
    top: 0;
    bottom: 0;
    margin: auto;
    border: 2px solid #7a0000;
    border-bottom: none;
    border-right: none;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
}
.nav-side_item.is-current a:after {
    border-color: #fff;
}
.nav-side_child {
    display: none;
}
.nav-side_child.active {
    display: block;
}
.nav-side_child li a {
    padding-left: 40px;
}
.nav-side_child li.is-current a {
    background: #161616;
}
.nav-side_child li.is-current a:after {
    border-color: #fff;
}
.nav-local {
    display: flex;
    flex-wrap: wrap;
    border-top: 1px solid #161616;
}
.nav-local_item {
    width: 25%;
    border-right: 1px solid #161616;
    border-bottom: 1px solid #161616;
}
.nav-local_item.is-current a {
    background: #101010;
}
.nav-local_item.is-current a:after {
    border-color: #fff;
}
.nav-local_item:nth-child(4n + 1) {
    border-left: 1px solid #161616;
}
.nav-local_item a {
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    word-break: keep-all;
    cursor: pointer;
    padding: 25px 20px 25px 15px;
    color: #fff;
    transition: 0.2s ease-in-out;
}
.nav-local_item a:after {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    position: absolute;
    right: 20px;
    top: 0;
    bottom: 0;
    margin: auto;
    border: 2px solid #7a0000;
    border-bottom: none;
    border-right: none;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
}
.nav-local_item a:hover {
    opacity: 1;
    background: #101010;
}
.nav-footer_item {
    margin-bottom: 0;
}
.nav-footer_item > span {
    font-weight: bold;
}
.nav-footer_child li span {
    font-weight: bold;
}
.nav-footer_child li a:before {
    content: "-";
    padding-right: 5px;
}
.nav-footer_grandchild {
    padding-left: 10px;
}
.nav-footer_divider {
    font-weight: bold;
}
li + .nav-footer_divider {
    margin-top: 25px;
}
@media screen and (max-width: 1100px) {
    .nav-grobal_language .language-trigger-sp {
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        background: #222222;
        padding: 5px 0;
        font-family: "Teko", sans-serif;
        font-size: 120%;
    }
    .nav-grobal_language .language-trigger-sp i {
        font-size: 14px;
        padding-right: 6px;
    }
    .nav-grobal_language .language-trigger-sp span {
        padding-top: 2px;
    }
    .nav-grobal_language ul {
        display: none;
        position: relative;
        background: #222222;
        left: 0;
        top: 0;
        width: 100%;
    }
    .nav-grobal_language ul li {
        text-align: center;
    }
    .nav-grobal_language ul li a,
    .nav-grobal_language ul li span {
        display: block;
        color: #fff;
        padding: 5px 0;
    }
    .nav-grobal_language ul li a:hover {
        background: #7a0000;
    }
}
@media screen and (max-width: 960px) {
    .nav-local_item {
        width: 33.3333333333%;
    }
    .nav-local_item a {
        padding: 15px 20px 15px 10px;
        font-size: 13px;
        word-break: break-all;
    }
    .nav-local_item a:after {
        right: 12px;
    }
    .nav-local_item:nth-child(4n + 1) {
        border-left: none;
    }
    .nav-local_item:nth-child(3n + 1) {
        border-left: 1px solid #161616;
    }
    .nav-footer_item {
        margin-bottom: 0;
    }
    .nav-footer_item > span,
    .nav-footer_item > a {
        font-weight: normal;
        display: flex;
        justify-content: space-between;
        align-items: center;
        display: -webkit-flex;
        -webkit-justify-content: space-between;
        -webkit-align-items: center;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        cursor: pointer;
        border-top: 1px solid #212121;
        padding: 10px 0;
    }
    .nav-footer_item > span:after {
        content: "+";
        margin-right: 10px;
    }
    .nav-footer_item > span.active:after {
        content: "-";
        margin-right: 12px;
    }
    .nav-footer_item > a:after {
        font-family: "Font Awesome 5 Free";
        content: "\f105";
        font-weight: 900;
        margin-right: 10px;
    }
    .nav-footer_child {
        display: none;
        background: #161616;
    }
    .nav-footer_child li span {
        margin-left: 15px;
        padding: 5px 10px;
        font-size: 12px;
        background: #191919;
        display: block;
    }
    .nav-footer_child li a {
        position: relative;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        display: -webkit-flex;
        -webkit-justify-content: flex-start;
        -webkit-align-items: center;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        border-bottom: 1px solid #212121;
        padding: 10px 10px 10px 0;
        margin-left: 15px;
    }
    .nav-footer_child li a:after {
        font-family: "Font Awesome 5 Free";
        content: "\f105";
        font-weight: 900;
        position: absolute;
        right: 10px;
    }
    .nav-footer_child li a:before {
        content: none;
    }
    .nav-footer_child li:first-child a {
        border-top: 1px solid #212121;
    }
    .nav-footer_child li:last-child a {
        border-bottom: none;
    }
    .nav-footer_grandchild li a {
        border-bottom: 1px solid #212121 !important;
    }
    .nav-footer_grandchild li:first-child a {
        border-top: none;
    }
    .nav-footer_grandchild li:last-child a {
        border-bottom: none !important;
    }
    .nav-footer_divider {
        padding: 5px 10px;
        font-size: 12px;
        background: #191919;
        font-weight: normal;
    }
    li + .nav-footer_divider {
        margin-top: 0;
    }
}
@media screen and (max-width: 480px) {
    .nav-local_item {
        width: 100%;
        border-left: 1px solid #161616 !important;
    }
    .nav-local_item a {
        padding: 10px 30px 10px 20px;
    }
}
.contents {
    max-width: 1500px;
    padding: 0 60px;
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    z-index: 1;
}
.contents.is-narrow {
    width: 73.5%;
}
.main {
    width: 73.5%;
    float: right;
}
.main.is-full {
    width: 100%;
}
.side {
    width: calc(100% - 75%);
    float: left;
}
@media screen and (max-width: 1440px) {
    .contents {
        max-width: 1200px;
    }
}
@media screen and (max-width: 1200px) {
    .contents {
        padding: 0 30px;
    }
}
@media screen and (max-width: 960px) {
    .contents,
    .contents.is-narrow {
        width: 100%;
    }
}
@media screen and (max-width: 480px) {
    .contents {
        padding: 0 15px;
    }
}
.main {
    background: #fff;
    margin: 0 auto;
    padding: 60px;
}
.main p {
    margin-bottom: 1.4736842105em;
}
.main blockquote {
    background: #f6f6f6;
    color: #6e6e6e;
    font-style: italic;
    font-size: 14px;
    padding: 30px;
    margin-bottom: 1.4736842105em;
}
.main > *:not(li):not(a):not(span):last-child {
    margin-bottom: 0;
}
.main-black {
    color: #fff;
}
.main-black p {
    margin-bottom: 1.4736842105em;
}
.main-black > *:not(li):not(a):not(span):last-child {
    margin-bottom: 0;
}
.main-black hr {
    border: 0;
    border-top: 1px solid #161616;
    display: block;
    height: 1px;
    margin: 80px 0;
    padding: 0;
}
.main-black .frame-gray {
    border-color: #222;
    background: #111;
}
@media screen and (max-width: 1440px) {
    .main {
        padding: 50px;
    }
    .main-black hr {
        margin: 60px 0;
    }
}
@media screen and (max-width: 1200px) {
    .main {
        padding: 40px;
    }
}
@media screen and (max-width: 960px) {
    .main {
        float: none;
        width: 100%;
    }
    .main-black hr {
        margin: 40px 0;
    }
    .side {
        width: 100%;
        float: none;
    }
}
@media screen and (max-width: 480px) {
    .main {
        padding: 20px;
    }
    .main blockquote {
        font-size: 12px;
        padding: 15px;
    }
    .main-black hr {
        margin: 20px 0;
    }
}
.side_menu + .side_menu {
    margin-top: 20px;
}
@media screen and (max-width: 960px) {
    .side {
        margin-top: 30px;
    }
}
.footer {
    color: #666666;
    font-size: 14px;
    position: relative;
    margin-top: 200px;
    overflow-x: clip;
}
.footer .footer_bg{
    background: #161616;
    position: relative;
}
.footer::after {
    content: "";
    position: absolute;
    background: #161616 url(../images/common/bg_footer.png) no-repeat center top;
    background-size: cover;
    margin-left: -10%;
    transform: rotate(-5deg) scalex(1.2);
    height: 300px;
    width: 120%;
    top: -140px;
}
.footer a {
    color: #666666;
}
.footer a:hover {
    color: #fff;
}
.footer_inner {
    max-width: 1500px;
    padding: 0 60px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}
.footer_logo a {
    overflow: hidden;
    display: block;
    width: 200px;
}
.footer_sns {
    text-align: center;
    font-size: 25px;
}
.footer_sns a {
    margin: 0 3px;
}
.footer_top {
    padding: 40px 0;
}
.footer_row {
    display: flex;
    flex-wrap: wrap;
}
.footer_column {
    width: 18%;
    margin: 0 1%;
}
.footer_payment {
    border-top: 1px solid #323232;
    padding: 40px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    display: -webkit-flex;
    -webkit-justify-content: center;
    -webkit-align-items: center;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}
.footer_payment li {
    margin: 0 10px;
}
.footer_payment li img {
    height: 40px;
    width: auto;
}
.footer_bottom {
    border-top: 1px solid #323232;
    font-size: 12px;
    overflow: hidden;
    padding: 40px 0 70px;
}
.footer_license {
    text-align: justify;
    width: 60%;
    float: left;
    padding-right: 20px;
    display: flex;
    align-items: center;
}
.footer_license a {
    font-weight: bold;
}
.footer_license_left {
    width: 70px;
    margin-right: 20px;
}
.footer_license_right {
    flex: 1;
}
.footer_link {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    display: -webkit-flex;
    -webkit-justify-content: flex-end;
    -webkit-align-items: center;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}
.footer_link li a {
    white-space: nowrap;
}
.footer_link li:before {
    content: "|";
    padding: 0 10px;
}
.footer_link li:first-child:before {
    content: none;
}
.footer_copy {
    font-size: 12px;
    letter-spacing: 1.6px;
    float: right;
}
@media screen and (max-width: 1440px) {
    .footer {
        font-size: 12px;
    }
    .footer_inner {
        max-width: 1500px;
    }
    .footer_logo a {
        width: 160px;
    }
    .footer_bottom {
        font-size: 10px;
    }
}
@media screen and (max-width: 1200px) {
    .footer {
        font-size: 12px;
    }
    .footer_inner {
        max-width: 1260px;
    }
}
@media screen and (max-width: 960px) {
    .footer {
        margin-top: 50px;
        font-size: 14px;
    }
    .footer:after {
        top: -20px;
    }
    .footer_inner {
        padding: 0;
    }
    .footer_top {
        padding: 0 5% 20px 5%;
    }
    .footer_logo {
        width: 100% !important;
    }
    .footer_logo a {
        width: 200px;
        padding: 20px;
        margin: 0 auto;
    }
    .footer_sns {
        margin-bottom: 20px;
    }
    .footer_row {
        display: block;
    }
    .footer_column {
        width: 100%;
        margin: 0;
    }
    .footer_payment {
        padding: 15px 0;
    }
    .footer_bottom {
        padding: 20px 0;
    }
    .footer_link,
    .footer_license,
    .footer_copy {
        padding: 10px 5%;
    }
    .footer_link {
        display: flex;
        justify-content: center;
        align-items: center;
        display: -webkit-flex;
        -webkit-justify-content: center;
        -webkit-align-items: center;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
    }
    .footer_license {
        float: none;
        width: 100%;
    }
    .footer_copy {
        float: none;
        text-align: center;
    }
}
.sec_inner {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    padding: 0 60px;
    z-index: 2;
}
.sec {
    position: relative;
}
.sec + .sec {
    margin-top: 100px;
}
.sec_inner {
    max-width: 1500px;
}
@media screen and (max-width: 1440px) {
    .sec + .sec {
        margin-top: 70px;
    }
    .sec_inner {
        max-width: 1260px;
        padding: 0 60px;
    }
}
@media screen and (max-width: 1200px) {
    .sec + .sec {
        margin-top: 70px;
    }
    .sec_inner {
        max-width: 100%;
        padding: 0 30px;
    }
}
@media screen and (max-width: 960px) {
    .sec_inner {
        max-width: 100%;
        padding: 0 15px;
    }
}
.visual_inner {
    color: #fff;
    width: 80%;
    margin: 0 auto;
    height: 100%;
}

.visual-hero {
    position: relative;
    overflow: hidden;
    color: #fff;
}
.visual-hero:after {
    content: "";
    background: url(../images/top/bg_visual-hero.jpg) no-repeat center bottom;
    background-size: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 0;
    top: 0px;
    left: 0px;
    -webkit-backface-visibility: hidden;
    -webkit-animation: mvZoom 60s linear 0s;
    -moz-animation: mvZoom 60s linear 0s;
    -o-animation: mvZoom 60s linear 0s;
    -ms-animation: mvZoom 60s linear 0s;
    animation: mvZoom 60s linear 0s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
.visual-hero_txt,
.visual-hero_slide {
    position: absolute;
    z-index: 1;
}
.visual-hero_txt {
    width: 36vw;
    min-width: 650px;
    /*top: 55%;*/
    top: 50%;
    -webkit-transform: translateY(-40%);
    -moz-transform: translateY(-40%);
    -o-transform: translateY(-40%);
    -ms-transform: translateY(-40%);
    transform: translateY(-40%);
    opacity: 0;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
}
.visual-hero_txt.ease-in-up {
    opacity: 1;
    -webkit-transform: translateY(-60%);
    -moz-transform: translateY(-60%);
    -o-transform: translateY(-60%);
    -ms-transform: translateY(-60%);
    transform: translateY(-60%);
}
.visual-hero_description {
    margin-bottom: 20px;
}
.visual-hero-sub-description {
    margin-bottom: 28px;
}
.visual-hero_slide {
    max-width: 20%;
    min-width: 380px;
    float: right;
    right: 50px;
    top: 70px;
    -webkit-transform: translateY(10%);
    -moz-transform: translateY(10%);
    -o-transform: translateY(10%);
    -ms-transform: translateY(10%);
    transform: translateY(10%);
    opacity: 0;
    transition-delay: 0.5s;
    transition-duration: 2.5s;
    -webkit-transition-duration: 2.5s;
}
.visual-hero_slide.ease-in-up {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
.visual-hero_slide .slick-prev,
.visual-hero_slide .slick-next {
    left: 50%;
    transform: rotate(90deg);
    /*margin-left: -15px;*/
    margin-left: -13px;
    height: 30px;
    width: 30px;
}
.visual-hero_slide .slick-prev:before,
.visual-hero_slide .slick-next:before {
    /*font-size: 30px;*/
    font-size: 28px;
}
.visual-hero_slide .slick-prev {
    top: -6%;
}
.visual-hero_slide .slick-next {
    bottom: -6%;
    top: initial;
}
.visual-hero_slide .slick-slide {
    padding: 5px 0;
}
.visual-hero_catch {
    font-size: 1.5vw;
    margin-bottom: 1vw;
}
.visual-hero_btn-claw {
    display: inline-block;
    text-align: center;
    line-height: 1.2;
    font-size: 18px;
    font-weight: bold;
    padding: 18px 15px 15px 15px;
    min-width: 300px;
    background: #f6c500 url(../images/top/bg_btn-claw.png) no-repeat right -10% top 40%;
    background-size: 110px auto;
    color: #0f0f0f !important;
    /*margin: -10px 0 0 0;*/
}
.visual-hero_btn-claw:hover {
    background: #ffd800 url(../images/top/bg_btn-claw.png) no-repeat right -10% top 40%;
    background-size: 110px auto;
    opacity: 1;
}
.visual-hero_btn-claw span {
    display: block;
    font-family: Teko;
    font-weight: normal;
}
@-webkit-keyframes mvZoom {
    0% {
        opacity: 0;
        -webkit-animation-timing-function: ease-in;
    }
    4% {
        opacity: 1;
        -webkit-transform-origin: center bottom;
        -webkit-transform: scale(1);
    }
    50% {
        -webkit-transform-origin: center bottom;
        -webkit-transform: scale(1.2);
    }
    96% {
        opacity: 1;
        -webkit-transform-origin: center bottom;
        -webkit-transform: scale(1);
    }
    0% {
        opacity: 0;
        -webkit-animation-timing-function: ease-in;
    }
}
@-moz-keyframes mvZoom {
    0% {
        opacity: 0;
        -moz-animation-timing-function: ease-in;
    }
    4% {
        opacity: 1;
        -moz-transform-origin: center bottom;
        -moz-transform: scale(1);
    }
    50% {
        -moz-transform-origin: center bottom;
        -moz-transform: scale(1.2);
    }
    96% {
        opacity: 1;
        -moz-transform-origin: center bottom;
        -moz-transform: scale(1);
    }
    0% {
        opacity: 0;
        -moz-animation-timing-function: ease-in;
    }
}
@-ms-keyframes mvZoom {
    0% {
        opacity: 0;
        -ms-animation-timing-function: ease-in;
    }
    4% {
        opacity: 1;
        -ms-transform-origin: center bottom;
        -ms-transform: scale(1);
    }
    50% {
        -ms-transform-origin: center bottom;
        -ms-transform: scale(1.2);
    }
    96% {
        opacity: 1;
        -ms-transform-origin: center bottom;
        -ms-transform: scale(1);
    }
    0% {
        opacity: 0;
        -ms-animation-timing-function: ease-in;
    }
}
@-o-keyframes mvZoom {
    0% {
        opacity: 0;
        -o-animation-timing-function: ease-in;
    }
    4% {
        opacity: 1;
        -o-transform-origin: center bottom;
        -o-transform: scale(1);
    }
    50% {
        -o-transform-origin: center bottom;
        -o-transform: scale(1.2);
    }
    96% {
        opacity: 1;
        -o-transform-origin: center bottom;
        -o-transform: scale(1);
    }
    0% {
        opacity: 0;
        -o-animation-timing-function: ease-in;
    }
}
@keyframes mvZoom {
    0% {
        opacity: 0;
        animation-timing-function: ease-in;
    }
    4% {
        opacity: 1;
        transform-origin: center bottom;
        transform: scale(1);
    }
    50% {
        transform-origin: center bottom;
        transform: scale(1.2);
    }
    96% {
        opacity: 1;
        transform-origin: center bottom;
        transform: scale(1);
    }
    0% {
        opacity: 0;
        animation-timing-function: ease-in;
    }
}
@media screen and (max-width: 1440px) {
    .visual-hero_txt {
        min-width: 450px;
    }
    .visual-hero_slide {
        min-width: 300px;
        top: 60px;
        right: 40px;
    }
    .visual-hero_slide .slick-prev,
    .visual-hero_slide .slick-next {
        margin-left: -10px;
        height: 20px;
        width: 20px;
    }
    .visual-hero_slide .slick-prev:before,
    .visual-hero_slide .slick-next:before {
        font-size: 20px;
    }
    .visual-hero_slide .slick-prev {
        top: -8%;
    }
    .visual-hero_slide .slick-next {
        bottom: -8%;
    }
    .visual-hero_slide .slick-slide {
        padding: 2px 0;
    }
    .visual-hero_btn-claw {
        font-size: 14px;
        padding: 14px 15px 12px 15px;
        min-width: 240px;
        background-size: 90px auto;
    }
}
@media screen and (max-width: 960px) {
    .visual_inner {
        position: relative;
        text-align: center;
    }
    .visual-hero:after {
        background: url(../images/top/bg_visual-hero_sp.jpg) no-repeat center bottom;
        background-size: cover;
    }
    .visual-hero_txt {
        min-width: 100%;
        width: 100%;
        padding: 0;
    }
    .visual-hero_txt.ease-in-up {
        -webkit-transform: translateY(-65%);
        -moz-transform: translateY(-65%);
        -o-transform: translateY(-65%);
        -ms-transform: translateY(-65%);
        transform: translateY(-65%);
    }
    .visual-hero_slide {
        display: none;
    }
    .visual-hero_logo {
        margin: 0 auto 2vw;
        max-width: 550px;
    }
    .visual-hero_catch {
        font-size: 3vw;
        margin-bottom: 2vw;
    }
}
@media screen and (max-width: 480px) {
    .visual-hero_description {
        font-size: 12px;
    }
    .visual-hero_description br {
        display: none;
    }
    .visual-hero_logo {
        max-width: 450px;
        margin-bottom: 15px;
    }
    .visual-hero_catch {
        font-size: 18px;
        margin-bottom: 10px;
        line-height: 1.4;
    }
    .visual-hero_btn-claw {
        background: #fc0 url(../images/top/bg_btn-claw.png) no-repeat right -20% top 40%;
        background-size: 80px auto;
        font-size: 14px;
        line-height: 1.2;
        padding: 10px 15px 8px 15px;
        min-width: 200px;
        opacity: 1;
    }
}
.slider-main {
    padding: 50px 0;
}
.slider-main .slick-slide {
    width: 1020px;
}
.slider-main .slick-dots {
    bottom: initial;
    margin-top: 10px;
}
.slider-main .slick-dots li {
    width: 20px;
    height: 20px;
    margin: 0 5px;
    border-radius: 100px;
}
.slider-main .slick-dots li button {
    width: 100%;
    height: 100%;
    padding: 0;
}
.slider-main .slick-dots li button:before {
    content: "";
    width: 100%;
    height: 100%;
    background: #fff;
    border-radius: 100px;
    transition: 0.2s ease-in-out;
}
.slider-main .slick-dots li button:hover:before {
    background: #7a0000;
    opacity: 0.6;
}
.slider-main .slick-dots li.slick-active button:before {
    background: #7a0000;
}
.slider-main .slick-prev:before,
.slider-main .slick-next:before {
    font-size: 30px;
}
.slider-main .slick-next {
    right: 35px;
}
.slider-main .slick-prev {
    left: 30px;
    z-index: 5;
}
@media screen and (max-width: 1200px) {
    .slider-main .slick-slide {
        padding: 5px;
        width: 100%;
        max-width: 800px;
    }
}
@media screen and (max-width: 960px) {
    .slider-main .slick-slide {
        max-width: 440px;
    }
}
@media screen and (max-width: 480px) {
    .slider-main {
        padding: 20px;
    }
    .slider-main_item + .slider-main_item {
        margin-top: 10px;
    }
    .slider-main .slick-slide {
        max-width: 340px;
    }
    .slider-main .slick-dots {
        left: 0;
    }
    .slider-main .slick-dots li {
        width: 20px;
    }
}
.main > .ttl-xl:first-child,
.main > .ttl-lg:first-child,
.main > .ttl-md:first-child,
.main > .ttl-sm:first-child,
.main > .ttl-xs:first-child,
.news_pos > .ttl-xl:first-child,
.news_pos > .ttl-lg:first-child,
.news_pos > .ttl-md:first-child,
.news_pos > .ttl-sm:first-child,
.news_pos > .ttl-xs:first-child {
    margin-top: 0;
}
.local_visual + .ttl-xl,
.local_visual + .ttl-lg,
.local_visual + .ttl-md,
.local_visual + .ttl-sm,
.local_visual + .ttl-xs {
    margin-top: 0;
}
.main-black .ttl-xl {
    border-bottom: none;
    padding: 0;
}
.main-black .ttl-xl:before {
    content: none;
}
.main-black .ttl-lg {
    background: none;
    padding: 0;
}
.main-black .ttl-lg:before {
    content: none;
}
.main-black .ttl-md {
    background: none;
    padding: 0;
}
.main-black .ttl-sm {
    background: none;
    border-left: none;
    padding: 0;
}
@media screen and (max-width: 1440px) {
    .main-black .ttl-sec {
        padding: 40px 0 30px 0;
        background: url(../images/common/bg_claw.png) center top no-repeat;
        background-size: 20% auto;
    }
    .main-black .ttl-sec_en {
        font-size: 50px;
    }
    .main-black .ttl-sec_ja {
        font-size: 16px;
    }
    .main-black .ttl-xl,
    .main-black .ttl-lg,
    .main-black .ttl-md,
    .main-black .ttl-sm,
    .main-black .ttl-xs {
        margin-top: 2em;
    }
    .main-black .ttl-xl {
        font-size: 24px;
    }
    .main-black .ttl-xl + .ttl-lg,
    .main-black .ttl-xl + .ttl-md,
    .main-black .ttl-xl + .ttl-sm,
    .main-black .ttl-xl + .ttl-xs {
        margin-top: 20px;
    }
    .main-black .ttl-lg {
        font-size: 18px;
    }
    .main-black .ttl-lg + .ttl-md,
    .main-black .ttl-lg + .ttl-sm,
    .main-black .ttl-lg + .ttl-xs {
        margin-top: 20px;
    }
    .main-black .ttl-md + .ttl-sm,
    .main-black .ttl-md + .ttl-xs {
        margin-top: 20px;
    }
    .main-black .ttl-sm + .ttl-xs {
        margin-top: 20px;
    }
    .main-black .ttl-xl,
    .main-black .ttl-lg,
    .main-black .ttl-md,
    .main-black .ttl-sm,
    .main-black .ttl-xs {
        margin-top: 2em;
        margin-bottom: 25px;
    }
    .main-black .ttl-xl {
        font-size: 24px;
    }
    .main-black .ttl-lg {
        font-size: 18px;
    }
    .main-black .ttl-md {
        font-size: 18px;
    }
    .main-black .ttl-sm {
        font-size: 18px;
    }
    .main-black .ttl-xs {
        font-size: 18px;
    }
    .main-black .ttl-md,
    .main-black .ttl-sm,
    .main-black .ttl-xs {
        margin-top: 2.5em;
    }
}
.ttl-visual {
    text-align: center;
    padding: 100px 0;
    line-height: 1;
}
.ttl-visual_en {
    font-size: 70px;
    font-family: "Teko", sans-serif;
}
.ttl-visual_ja {
    font-size: 18px;
    display: block;
}
.ttl-sec {
    text-align: center;
    padding: 80px 0 40px 0;
    color: #fff;
    line-height: 1;
    background: url(../images/common/bg_claw.png) center top no-repeat;
}
.ttl-sec_en {
    font-size: 70px;
    font-family: "Teko", sans-serif;
}
.ttl-sec_ja {
    font-size: 18px;
}
.ttl-xl,
.ttl-lg,
.ttl-md,
.ttl-sm,
.ttl-xs {
    font-weight: bold;
    line-height: 1.4;
    margin-bottom: 25px;
}
.ttl-xl {
    font-size: 28px;
    border-bottom: 4px solid #eee;
    padding: 5px 0 18px 25px;
    position: relative;
    line-height: 1.23;
    margin-top: 2.5em;
}
.ttl-xl:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 6px;
    height: -webkit-calc(100% - 0.4em);
    height: calc(100% - 0.4em);
    background: #7a0000;
}
.ttl-lg {
    font-size: 24px;
    background: #7a0000;
    color: #fff;
    padding: 16px 20px 13px 30px;
    position: relative;
    border-radius: 4px;
    margin-top: 0;
}
.ttl-lg:before {
    position: absolute;
    top: 0.5em;
    left: 0.5em;
    content: "";
    width: 4px;
    height: -webkit-calc(100% - 1em);
    height: calc(100% - 1em);
    background: #fff;
}
.ttl-md {
    color: #fff;
    font-size: 18px;
    background: #300;
    padding: 15px 20px;
}
.ttl-sm {
    font-size: 18px;
    background: #f6f6f6;
    border-left: 6px solid #300;
    padding: 12px 20px;
}
.ttl-xs {
    font-size: 18px;
}
.ttl-md,
.ttl-sm,
.ttl-xs {
    margin-top: 3.5em;
}
.ttl-xl + .ttl-lg,
.ttl-xl + .ttl-md,
.ttl-xl + .ttl-sm,
.ttl-xl + .ttl-xs {
    margin-top: 25px;
}
.ttl-lg + .ttl-md,
.ttl-lg + .ttl-sm,
.ttl-lg + .ttl-xs {
    margin-top: 25px;
}
.ttl-md + .ttl-sm,
.ttl-md + .ttl-xs {
    margin-top: 25px;
}
.ttl-sm + .ttl-xs {
    margin-top: 25px;
}
@media screen and (max-width: 1440px) {
    .ttl-visual {
        padding: 60px 0;
    }
    .ttl-visual_en {
        font-size: 50px;
    }
    .ttl-visual_ja {
        font-size: 16px;
    }
    .ttl-sec {
        padding: 40px 0 30px 0;
        background: url(../images/common/bg_claw.png) center top no-repeat;
        background-size: 20% auto;
    }
    .ttl-sec_en {
        font-size: 50px;
    }
    .ttl-sec_ja {
        font-size: 16px;
    }
    .ttl-xl,
    .ttl-lg,
    .ttl-md,
    .ttl-sm,
    .ttl-xs {
        margin-top: 2em;
    }
    .ttl-xl {
        font-size: 24px;
    }
    .ttl-xl + .ttl-lg,
    .ttl-xl + .ttl-md,
    .ttl-xl + .ttl-sm,
    .ttl-xl + .ttl-xs {
        margin-top: 20px;
    }
    .ttl-lg {
        font-size: 18px;
    }
    .ttl-lg + .ttl-md,
    .ttl-lg + .ttl-sm,
    .ttl-lg + .ttl-xs {
        margin-top: 20px;
    }
    .ttl-md + .ttl-sm,
    .ttl-md + .ttl-xs {
        margin-top: 20px;
    }
    .ttl-sm + .ttl-xs {
        margin-top: 20px;
    }
    .ttl-xl,
    .ttl-lg,
    .ttl-md,
    .ttl-sm,
    .ttl-xs {
        margin-top: 2em;
        margin-bottom: 25px;
    }
    .ttl-xl {
        font-size: 24px;
    }
    .ttl-lg {
        font-size: 18px;
    }
    .ttl-md {
        font-size: 18px;
    }
    .ttl-sm {
        font-size: 18px;
    }
    .ttl-xs {
        font-size: 18px;
    }
    .ttl-md,
    .ttl-sm,
    .ttl-xs {
        margin-top: 2.5em;
    }
}
@media screen and (max-width: 480px) {
    .ttl-visual {
        padding: 40px 0;
    }
    .ttl-visual_en {
        font-size: 40px;
    }
    .ttl-visual_ja {
        font-size: 14px;
    }
    .ttl-sec {
        background-size: 50% auto;
    }
    .ttl-xl,
    .ttl-lg,
    .ttl-md,
    .ttl-sm,
    .ttl-xs {
        line-height: 1.4;
        margin-bottom: 15px;
    }
    .ttl-xl {
        font-size: 18px;
        padding: 2px 0 10px 20px;
        margin-top: 1em;
    }
    .ttl-lg {
        font-size: 16px;
        padding: 8px 20px 6px 25px;
        margin-top: 1em;
    }
    .ttl-md {
        font-size: 16px;
        padding: 10px 15px;
    }
    .ttl-sm {
        font-size: 16px;
        padding: 12px 20px;
    }
    .ttl-xs {
        font-size: 14px;
    }
    .ttl-md,
    .ttl-sm,
    .ttl-xs {
        margin-top: 1em;
    }
    .ttl-xl + .ttl-lg,
    .ttl-xl + .ttl-md,
    .ttl-xl + .ttl-sm,
    .ttl-xl + .ttl-xs {
        margin-top: 15px;
    }
    .ttl-lg + .ttl-md,
    .ttl-lg + .ttl-sm,
    .ttl-lg + .ttl-xs {
        margin-top: 15px;
    }
    .ttl-md + .ttl-sm,
    .ttl-md + .ttl-xs {
        margin-top: 15px;
    }
    .ttl-sm + .ttl-xs {
        margin-top: 15px;
    }
    .ttl-xl,
    .ttl-lg,
    .ttl-md,
    .ttl-sm,
    .ttl-xs {
        line-height: 1.4;
        margin-bottom: 15px;
    }
    .ttl-xl {
        font-size: 18px;
        margin-top: 1em;
    }
    .ttl-lg {
        font-size: 16px;
        margin-top: 1em;
    }
    .ttl-md {
        font-size: 16px;
    }
    .ttl-sm {
        font-size: 16px;
    }
    .ttl-xs {
        font-size: 16px;
    }
    .ttl-md,
    .ttl-sm,
    .ttl-xs {
        margin-top: 2.5em;
    }
}
@media screen and (max-width: 320px) {
    .ttl-visual {
        padding: 30px 0;
    }
    .ttl-visual_en {
        font-size: 30px;
    }
    .ttl-visual_ja {
        font-size: 12px;
    }
}
.list-ul,
.list-ol {
    margin-bottom: 1.4736842105em;
}
.list-ul li .list-ul,
.list-ul li .list-ol,
.list-ol li .list-ul,
.list-ol li .list-ol {
    margin-top: 0.8em;
}
.list-ul > li {
    text-indent: -1.5em;
    margin-left: 1.5em;
}
.list-ul > li:before {
    content: "■";
    color: #7a0000;
    padding-right: 5px;
    position: relative;
    top: -2px;
}
.list-ol {
    counter-reset: item;
}
.list-ol > li {
    text-indent: -1.5em;
    /*text-indent: -1.5em;*/
    margin-left: 1.5em;
}
.list-ol > li:before {
    counter-increment: item;
    content: counter(item) ".";
    color: #7a0000;
    font-weight: bold;
    font-family: "Montserrat";
    line-height: 1;
    padding-right: 0px;
}
.mahjong-sub-section .list-ol{margin: 30px 0 0 0;}
.breadcrumb {
    margin: 20px auto;
}
.breadcrumb ul {
    overflow: hidden;
}
.breadcrumb ul li {
    float: left;
    color: #999;
}
.breadcrumb ul li:before {
    color: #fff;
    content: "»";
    padding: 0 5px;
}

.breadcrumb ul li:first-child:before {
    display: none;
}
.breadcrumb ul li:after { display:none !important; }
.breadcrumb ul li:last-child:after {
    content: none;
}
.breadcrumb ul li a {
    color: #fff;
}
.icon-red,
.icon-green,
.icon-gray,
.icon-yellow {
    font-weight: bold;
    margin: 0 10px;
    top: -1px;
    border-radius: 2px;
    word-break: keep-all;
    display: inline-block;
    padding: 0 8px;
    font-size: 12px;
    min-height: 20px;
    line-height: 2;
}
.icon-red {
    background: #900;
    color: black;
}
.icon-green {
    background: #45b355;
    color: #fff;
}
.icon-yellow {
    background: #e8b10c;
    color: #fff;
}
.icon-gray {
    background: #cccccc;
    color: #666666;
}
.btn {
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    padding: 15px;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 4px;
    font-weight: bold;
    transition: 0.2s ease-in-out;
}
.btn:hover {
    opacity: 1;
}
.btn span {
    display: block;
    font-family: Teko;
    font-weight: normal;
}
.btn-center {
    display: flex;
    justify-content: center;
}
.btn-center .btn {
    margin: 0 10px;
}
.btn-xs {
    min-width: 100px;
    padding: 15px;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 4px;
}
.btn-sm {
    min-width: 150px;
    padding: 15px;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 4px;
}
.btn-md {
    min-width: 200px;
    padding: 15px;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 4px;
}
.btn-lg {
    min-width: 250px;
    padding: 15px;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 4px;
}
.btn-xl {
    min-width: 300px;
    padding: 15px;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 4px;
}
.btn-yellow {
    background: #f6c500;
    color: #333;
}
.btn-yellow:hover {
    background: #ffd800;
}
.btn-red {
    background: #7a0000;
    color: #fff;
}
.btn-red:hover {
    background: #900;
}
.btn-redDark {
    background: #340000;
    color: #fff;
}
.btn-redDark:hover {
    background: #420000;
}
.btn-green {
    background: #00a938;
    color: #fff;
}
.btn-green:hover {
    background: #00b93d;
}
.btn-gray {
    background: #f6f6f6;
    color: #6e6e6e;
}
.btn-black {
    background: #000;
    color: #fff;
}
.btn-edit {
    margin-top: 20px;
}
@media screen and (max-width: 960px) {
    .btn-center .btn {
        width: 45%;
        min-width: 45%;
    }
}
@media screen and (max-width: 480px) {
    .btn {
        min-width: 100%;
    }
    .btn-center {
        display: block;
    }
    .btn-center .btn {
        width: 100%;
        min-width: 100%;
        margin: 0;
    }
    .btn-center .btn + .btn {
        margin-top: 10px;
    }
}
.table-th-center th {
    text-align: center;
}
.table-td-center td {
    text-align: center;
}
.table-th-auto th {
    width: auto;
}
.table-style1 {
    margin-bottom: 10px;
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
}
.table-style1 tr th,
.table-style1 tr td {
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    vertical-align: middle;
    padding: 15px;
}
.table-style1 tr th {
    word-break: keep-all;
    font-weight: bold;
    background: #f9f9f9;
    width: 20%;
    text-align: center;
}
.table-style1 tr td img {
    margin-bottom: 5px;
    width: auto;
}
.table-result {
    border: 1px solid #eee;
}
.table-result thead th,
.table-result thead td {
    font-weight: bold;
    background: #300;
    color: #fff;
}
.table-result tr:nth-child(odd) {
    background: #f9f9f9;
}
.table-result tr th,
.table-result tr td {
    vertical-align: middle;
    padding: 15px 10px;
    text-align: center;
}
.table-yakuman {
    border: 1px solid #eee;
    margin-bottom: 50px;
}
.table-yakuman_player {
    text-align: left !important;
}
.table-yakuman thead th,
.table-yakuman thead td {
    background: #300;
    color: #fff;
}
.table-yakuman tr:nth-child(odd) {
    background: #f9f9f9;
}
.table-yakuman tr th,
.table-yakuman tr td {
    vertical-align: middle;
    padding: 15px 10px;
    text-align: center;
    font-weight: bold;
}
.table-yakuman tr th img {
    width: 35px;
}
.table-yakuman tr td img {
    width: 60px;
    height: 60px;
    margin-right: 10px;
}
.table-company {
    border: 1px solid #eee;
}
.table-company tr:nth-child(odd) {
    background: #f9f9f9;
}
.table-company tr th,
.table-company tr td {
    vertical-align: middle;
    padding: 30px;
}
.table-company tr th {
    font-weight: bold;
    word-break: keep-all;
}
.table-tournament {
    margin: 20px 0 50px 0;
}
.table-tournament_head,
.table-tournament_item {
    border-bottom: 1px solid #161616;
}
.table-tournament_head th,
.table-tournament_head td,
.table-tournament_item th,
.table-tournament_item td {
    padding: 20px;
    text-align: center;
    vertical-align: middle;
}
.table-tournament_item:nth-child(odd) {
    background: #0f0f0f;
}
.table-tournament_head th,
.table-tournament_head td {
    font-weight: bold;
    border-top: 1px solid #161616;
    word-break: keep-all;
}
.table-tournament td.table-tournament_img {
    width: 300px;
}
.table-tournament td.table-tournament_ttl {
    text-align: left;
    font-weight: bold;
}
.table-bonus {
    width: 50%;
    margin: 50px 0;
    border-top: 1px solid #eee;
    border-right: 1px solid #eee;
}
.table-bonus th,
.table-bonus td {
    text-align: center;
    border-left: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 20px 0;
    vertical-align: middle;
    word-break: keep-all;
}
.table-bonus th {
    font-weight: bold;
    font-size: 16px;
}
.table-bonus th img {
    width: 40px;
    position: relative;
    top: -2px;
}
.table-bonus td {
    width: 33.3333%;
}
.table-bonus td img {
    width: 30px;
    margin-right: 10px;
}
.table-bonus tbody {
    font-family: "Teko", sans-serif;
    font-size: 28px;
}
.table-bonus.is-ranking {
    float: left;
    border-right: none;
}
.table-bonus.is-ranking th {
    background: #c69e4f;
    color: #fff;
}
.table-bonus.is-ranking td {
    color: #c69e4f;
}
.table-bonus.is-yakuman th {
    background: #7a0000;
    color: #fff;
}
.table-bonus.is-yakuman td {
    color: #7a0000;
}
.table-bonus.is-yakuman td span {
    font-family: Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "YuGothic", "游ゴシック", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "Avenir Next", Verdana, sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #333;
    margin-right: 5px;
}
@media screen and (max-width: 1440px) {
    .table-tournament_head th,
    .table-tournament_head td,
    .table-tournament_item th,
    .table-tournament_item td {
        padding: 20px 10px;
    }
    .table-tournament td {
        word-break: keep-all;
    }
    .table-tournament td.table-tournament_img {
        width: 250px;
    }
    .table-tournament td.table-tournament_ttl {
        word-break: break-all;
        min-width: 150px;
    }
}
@media screen and (max-width: 960px) {
    .table-result tr {
        display: flex;
        flex-wrap: wrap;
        line-height: 1.4;
    }
    .table-result tr:nth-child(odd) {
        background: #fff;
    }
    .table-result tr th,
    .table-result tr td {
        text-align: left;
        display: block;
        padding: 5px 10px;
    }
    .table-result tr th:nth-child(2),
    .table-result tr td:nth-child(2) {
        width: 25%;
    }
    .table-result tr th:nth-child(3),
    .table-result tr td:nth-child(3) {
        width: 30%;
    }
    .table-result tr th:nth-child(4),
    .table-result tr td:nth-child(4) {
        width: 30%;
    }
    .table-result tr th:last-child,
    .table-result tr td:last-child {
        width: 15%;
        padding-right: 10px;
        text-align: center;
    }
    .table-result thead {
        padding: 10px;
        background: #300;
    }
    .table-result thead tr th {
        width: 25%;
        padding: 5px;
    }
    .table-result thead tr th:first-child {
        width: 100%;
        padding-left: 10px;
        background: #280000;
    }
    .table-result thead tr th:nth-child(2) {
        padding-left: 10px;
    }
    .table-result tbody tr th {
        width: 100%;
        font-weight: bold;
        background: #f9f9f9;
    }
    .table-tournament {
        font-size: 12px;
        line-height: 1.6;
    }
    .table-tournament_head {
        display: none;
    }
    .table-tournament_item {
        display: block;
        padding: 10px;
        border-top: 1px solid #161616;
        position: relative;
    }
    .table-tournament_item td {
        display: block;
        text-align: left;
        border-bottom: none;
        padding: 0;
    }
    .table-tournament_item td br {
        display: none;
    }
    .table-tournament td.table-tournament_ttl {
        margin-top: 5px;
    }
    .table-tournament td:not([class]),
    .table-tournament td.table-tournament_ttl {
        width: calc(100% - 110px);
        padding: 0 20px;
    }
    .table-tournament td.table-tournament_btn {
        width: 100px;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 20px;
    }
    .table-tournament.is-img td:not([class]),
    .table-tournament.is-img td.table-tournament_ttl {
        width: calc(100% - 300px - 20px);
        margin-left: 210px;
    }
    .table-tournament.is-img td.table-tournament_img {
        width: 200px;
        position: absolute;
        left: 20px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .table-bonus {
        width: 100%;
        margin: 20px 0;
    }
    .table-bonus th,
    .table-bonus td {
        padding: 5px 0;
    }
    .table-bonus tbody {
        font-size: 24px;
    }
    .table-bonus td img {
        width: 20px;
    }
    .table-bonus.is-ranking {
        float: none;
        border-right: 1px solid #eee;
    }
    .table-bonus.is-yakuman td {
        color: #7a0000;
    }
    .table-bonus.is-yakuman td span {
        font-family: Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "YuGothic", "游ゴシック", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "Avenir Next", Verdana, sans-serif;
        font-size: 16px;
        font-weight: bold;
        color: #333;
        margin-right: 5px;
    }
    .table-bonus.is-yakuman tr td img {
        width: 40px;
        height: 40px;
    }
    .table-yakuman thead th,
    .table-yakuman thead td {
        background: #300;
        color: #fff;
    }
    .table-yakuman tr td {
        padding: 10px;
    }
    .table-yakuman tr th img {
        width: 25px;
    }
    .table-yakuman tr td img {
        width: 40px;
        height: 40px;
        margin-right: 0;
        display: block;
    }
}
@media screen and (max-width: 700px) {
    .table-tournament {
        font-size: 13px;
        line-height: 1.8;
    }
    .table-tournament_item {
        padding: 20px;
    }
    .table-tournament td.table-tournament_ttl {
        margin-top: 5px;
    }
    .table-tournament td:not([class]),
    .table-tournament td.table-tournament_ttl {
        width: 100%;
        padding: 0;
    }
    .table-tournament td.table-tournament_btn {
        width: 100%;
        position: relative;
        top: 0;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        right: 0;
        padding: 0;
        margin-top: 10px;
    }
    .table-tournament td.table-tournament_btn a {
        width: 100%;
        background-position: right -5% top 40%;
    }
    .table-tournament.is-img td:not([class]),
    .table-tournament.is-img td.table-tournament_ttl {
        width: 100%;
        margin-left: 0;
    }
    .table-tournament.is-img td.table-tournament_img {
        margin-bottom: 10px;
        width: 100%;
        position: relative;
        left: 0;
        top: 0;
        padding: 0;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}
@media screen and (max-width: 480px) {
    .table-style1 tr {
        display: block;
    }
    .table-style1 tr th,
    .table-style1 tr td {
        display: block;
        width: 100%;
        padding: 10px;
    }
    .table-company tr th,
    .table-company tr td {
        display: block;
    }
    .table-company tr th {
        padding: 10px 20px 0 20px;
    }
    .table-company tr td {
        padding: 0 20px 10px 20px;
    }
}
.mark-yellow {
    width: auto;
    /*display: inline-block;*/
    position: relative;
    color: #000;
    padding: 2px 4px;
    line-height: 20px;
    margin: 0 4px;
    background: linear-gradient(transparent 0%, #d3d33c 0%);
}
.popup-game_head {
    background: -moz-linear-gradient(-90deg, #610000 0%, #4a0000 48%, #300 50%);
    background: -webkit-linear-gradient(-90deg, #610000 0%, #4a0000 48%, #300 50%);
    background: -ms-linear-gradient(-90deg, #610000 0%, #4a0000 48%, #300 50%);
    color: #fff;
    text-align: center;
    padding: 25px 0;
    line-height: 1.6;
    position: relative;
}
.popup-game_head:after {
    content: "";
    background: url(../images/common/bg_claw.png) no-repeat right -20px top -30px;
    background-size: 150px auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.popup-game_ttl {
    font-weight: bold;
    font-size: 24px;
}
.popup-game_body {
    overflow: hidden;
    padding: 30px;
}
.popup-game_type {
    text-align: center;
    color: #fff;
    font-weight: bold;
    margin-bottom: 20px;
    font-size: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    height: 40px;
}
.popup-game_type:before,
.popup-game_type:after {
    content: "";
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    top: 0;
    border: 20px solid #fff;
}
.popup-game_type:before {
    left: 0;
}
.popup-game_type:after {
    right: 0;
}
.popup-game_item {
    width: 50%;
}
.popup-game_item.is_html {
    float: left;
    padding-right: 20px;
}
.popup-game_item.is_html .popup-game_type {
    background: #ac1000;
}
.popup-game_item.is_html .popup-game_type:before {
    border-right-color: #ac1000;
}
.popup-game_item.is_html .popup-game_type:after {
    border-left-color: #ac1000;
}
.popup-game_item.is_dl {
    float: right;
    border-left: 1px dotted #ccc;
    padding-left: 20px;
}
.popup-game_item.is_dl .popup-game_type {
    background: #003640;
}
.popup-game_item.is_dl .popup-game_type:before {
    border-right-color: #003640;
}
.popup-game_item.is_dl .popup-game_type:after {
    border-left-color: #003640;
}
.popup-game_register {
    clear: both;
    text-align: center;
    padding-top: 30px;
}
.popup-game_register a {
    text-align: center;
}
.popup-game_link {
    position: relative;
    padding: 60px;
    min-height: 340px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: solid 1px #eee;
    border-radius: 4px;
    background: -moz-linear-gradient(-90deg, #f7f7f7 0%, #eee 100%);
    background: -webkit-linear-gradient(-90deg, #f7f7f7 0%, #eee 100%);
    background: -ms-linear-gradient(-90deg, #f7f7f7 0%, #eee 100%);
    box-shadow: inset 0px 2px 0px 0px #f7f7f7;
}
.popup-game_link img {
    width: 150px;
}
.popup-game_link span {
    display: block;
    color: #000;
    font-weight: bold;
}
.popup-game_txt {
    text-align: center;
}
.ribbon_area {
    position: absolute;
    top: -6px;
    right: -6px;
    width: 89px;
    height: 91px;
    overflow: hidden;
}
.ribbon16 {
    display: inline-block;
    position: absolute;
    padding: 7px 0;
    left: -23px;
    top: 22px;
    width: 160px;
    line-height: 16px;
    background: linear-gradient(to right, #4298fa 0%, #8fcdff 100%);
    color: #fff !important;
    text-shadow: 0 2px 2px #56a1f3;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.ribbon16:before,
.ribbon16:after {
    position: absolute;
    content: "";
    border-top: 4px solid #3672b6;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    bottom: -4px;
}
.ribbon16:before {
    left: 14px;
}
.ribbon16:after {
    right: 18px;
}
@media screen and (max-width: 1440px) {
    .popup-game_head {
        padding: 15px 0;
    }
    .popup-game_type {
        font-size: 14px;
    }
    .popup-game_link {
        padding: 40px;
    }
    .popup-game_link img {
        width: 120px;
    }
}
.frame,
.frame-gray,
.frame-red {
    border: 1px solid #eee;
    border-radius: 4px;
    margin-bottom: 1.4736842105em;
    padding: 40px;
}
.frame > *:not(li):not(a):not(span):last-child,
.frame-gray > *:not(li):not(a):not(span):last-child,
.frame-red > *:not(li):not(a):not(span):last-child {
    margin-bottom: 0;
}
.frame {
    border-color: #eee;
}
.frame-gray {
    border-color: #eee;
    background: #f6f6f6;
}
.frame-red {
    border-color: #cc9292 !important;
    background: #ffefef;
}
@media screen and (max-width: 1440px) {
    .frame,
    .frame-gray,
    .frame-red {
        padding: 20px;
    }
}
@media screen and (max-width: 480px) {
    .frame,
    .frame-gray,
    .frame-red {
        font-size: 12px;
        padding: 15px;
    }
}
.main-black .frame-red {
    background: #1f0000;
    border-color: #150000;
}
.banner-affiliate {
    display: flex;
    flex-wrap: wrap;
}
.banner-affiliate_item {
    width: 49%;
    margin-right: 2%;
    margin-bottom: 15px;
}
.banner-affiliate_item:nth-child(2n) {
    margin-right: 0;
}
.banner-payments {
    display: flex;
    flex-wrap: wrap;
}
.banner-payments li {
    width: 33.33333%;
}
.banner-payments li.is-current a {
    border: 1px solid #7a0000;
}
.banner-payments li a {
    margin: 2px;
    display: block;
    text-align: center;
    border: 1px solid #eee;
    padding: 10px 0;
}
.banner-payments li a img {
    height: 40px;
    width: auto;
}
.banner-payments.is-index li a {
    padding: 40px 0;
}
@media screen and (max-width: 480px) {
    .banner-affiliate_item {
        width: 100%;
        margin-right: 0;
    }
    .banner-payments li {
        width: 50%;
    }
    .banner-payments li a img {
        height: 30px;
        width: auto;
    }
    .banner-payments.is-index li a {
        padding: 40px 0;
    }
}
.local_visual {
    border: 1px solid #161616;
    color: #fff;
    line-height: 1.4;
    background: #000 url(https://doramahjong.com/wp-content/uploads/2025/06/bg_local_visual.png);
    background-size: 132px auto;
    padding: 60px;
    margin: -60px -60px 0 -60px;
    margin-bottom: 40px;
}
.local_visual-full {
    line-height: 1.4;
    border: 1px solid #161616;
    padding: 60px;
    margin-bottom: 30px;
    position: relative;
}
.local_visual-full img {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: auto;
}
.local_ttl {
    font-size: 30px;
    font-weight: bold;
    position: relative;
    z-index: 1;
    display: block;
}
.local_ttl-sub {
    font-size: 20px;
    position: relative;
    z-index: 1;
}
/* .local-menu:last-child {
    margin-top: 100px;
} */
@media screen and (max-width: 1440px) {
    .local_visual {
        padding: 50px;
        margin: -50px -50px 0 -50px;
        margin-bottom: 30px;
    }
    .local_visual-full {
        padding: 50px;
        margin-bottom: 20px;
    }
    .local_ttl {
        font-size: 24px;
    }
    .local_ttl-sub {
        font-size: 18px;
    }
    .local-menu:last-child {
        margin-top: 60px;
    }
}
@media screen and (max-width: 1200px) {
    .local_visual {
        padding: 40px;
        margin: -40px -40px 0 -40px;
        margin-bottom: 30px;
    }
    .local_visual-full {
        padding: 40px;
    }
    .local_ttl {
        font-size: 24px;
    }
    .local_ttl-sub {
        font-size: 18px;
    }
    .local-menu:last-child {
        margin-top: 40px;
    }
}
@media screen and (max-width: 480px) {
    .local_visual {
        padding: 20px;
        margin: -20px -20px 0 -20px;
        margin-bottom: 20px;
    }
    .local_visual-full {
        padding: 30px 20px;
    }
    .local_ttl {
        font-size: 16px;
    }
    .local_ttl-sub {
        font-size: 14px;
    }
}
.card {
    display: flex;
    flex-wrap: wrap;
}
.card-row3 .card_item {
    width: 32%;
    margin-right: 1.5%;
    margin-bottom: 30px;
}
.card-row3 .card_item:nth-child(3n) {
    margin-right: 0;
}
.card_item {
    background: #fff;
    display: block;
    color: #333;
}
.card_item-start {
    align-self: flex-start;
}
.card a.card_item img {
    display: block;
    transition-duration: 0.8s;
}
.card a.card_item:hover img {
    transform: scale(1.1);
    transition-duration: 0.8s;
}
.card_img {
    overflow: hidden;
}
.card_txt {
    color: #333;
    padding: 10px 20px;
    font-size: 14px;
    line-height: 1.8;
}
.card_cat {
    font-family: "Teko", sans-serif;
    color: #7a0000;
    font-size: 18px;
    margin-bottom: 0 !important;
}
.card_cat span {
    text-transform: uppercase;
}

.card_cat span + span:before {
    content: "/";
    margin: 0 5px;
}
.card_ttl {
    font-weight: bold;
    font-size: 18px;
    line-height: 1.4;
    margin-bottom: 5px;
}
.card_date {
    color: #999;
    margin-top: 5px;
}
@media screen and (max-width: 1440px) {
    .card_txt {
        font-size: 12px;
    }
    .card_cat {
        font-size: 16px;
    }
    .card_ttl {
        font-size: 16px;
    }
}
@media screen and (max-width: 960px) {
    .card-row3 .card_item {
        width: 49%;
        margin-right: 2%;
        margin-bottom: 15px;
    }
    .card-row3 .card_item:nth-child(3n) {
        margin-right: 2%;
    }
    .card-row3 .card_item:nth-child(2n) {
        margin-right: 0;
    }
    .card_txt {
        font-size: 12px;
        line-height: 1.4;
    }
    .card_ttl {
        font-size: 14px;
    }
}
@media screen and (max-width: 480px) {
    .card-row3 .card_item {
        width: 100%;
        margin: 0 0 15px 0;
    }
}
.faq_item {
    overflow: hidden;
    margin-bottom: 10px;
    border-radius: 4px;
}
.faq_item.is-active .faq_head {
    background: #fdeeee;
    border-radius: 4px 4px 0 0;
    border: 1px solid #cc9292;
    box-shadow: 0 1px 6px #eee;
    color: #7a0000;
}
.faq_item.is-active .faq_body {
    border-left: 1px solid #cc9292;
    border-right: 1px solid #cc9292;
    border-bottom: 1px solid #cc9292;
}
.faq_wrap {
    display: flex;
}
.faq_en {
    font-family: "Teko", sans-serif;
    font-size: 34px;
    margin-right: 10px;
    line-height: 0.8;
}
.faq_icon {
    font-size: 11px;
    text-align: center;
    background: #000;
    color: #fff;
    padding: 2px 10px 1px 10px;
    margin-left: 15px;
    white-space: nowrap;
    border-radius: 1px;
}
.faq_icon-common {
    background: #900;
}
.faq_icon-sp {
    background: #15b560;
}
.faq_icon-html5 {
    background: #d84c27;
}
.faq_icon-software {
    background: #1e8abc;
}
.faq_head,
.faq_body {
    display: flex;
}
.faq_head {
    background: #f3f3f3;
    border: 1px solid #f3f3f3;
    cursor: pointer;
    align-items: center;
    padding: 10px 15px;
    line-height: 1.6;
    position: relative;
    transition: 0.2s ease-in-out;
}
.faq_head:hover {
    background: #fdeeee;
    border-color: #fdeeee;
}
.faq_ttl {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    flex-direction: row-reverse;
    margin-bottom: 0 !important;
}
.faq_body {
    border-radius: 0 0 4px 4px;
    display: none;
    padding: 15px;
    border-left: 1px solid #f3f3f3;
    border-right: 1px solid #f3f3f3;
    border-bottom: 1px solid #f3f3f3;
}
.faq_body .faq_en {
    color: #900;
}
.faq_post > *:not(li):not(a):not(span):last-child {
    margin-bottom: 0;
}
.faq-category {
    background: #f3f3f3;
    padding: 15px;
}
.faq-category_ttl {
    font-weight: bold;
}
.faq-category_menu {
    overflow: hidden;
}
.faq-category_menu li {
    float: left;
    margin-right: 15px;
}
.faq-category_menu li a:after {
    font-family: "Font Awesome 5 Free";
    content: "\f0d7";
    padding-left: 5px;
    font-weight: 900;
}
@media screen and (max-width: 960px) {
    .faq_ttl {
        display: block;
    }
    .faq_icon {
        padding: 1px 10px;
        font-size: 10px;
        display: table;
        margin: 0 0 5px 0;
    }
}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="date"],
input[type="number"],
textarea {
    -webkit-appearance: none;
    border: 1px solid #eee;
    background: #fff;
    width: 100%;
    font-size: 16px;
    padding: 12px;
    border-radius: 4px;
}
input[type="date"] {
    height: 40px;
    color: #999;
}
select {
    background: #fff;
    width: 100%;
    border: 1px solid #eee;
    color: #666;
    cursor: pointer;
    z-index: 100;
    height: 40px;
    padding: 10px;
    border-radius: 4px;
    font-size: 14px;
}
textarea {
    height: 200px;
}
button,
input[type="submit"] {
    -webkit-appearance: none;
    border: none;
    cursor: pointer;
}
::placeholder {
    color: #ccc;
}
.form_item {
    display: table;
    border-bottom: 1px solid #fff;
    width: 100%;
}
.form_must {
    background: #7a0000;
    color: #fff;
    font-size: 10px;
    text-align: center;
    padding: 2px 5px;
    padding: 0 10px 1px;
    float: right;
}
.form_head {
    font-weight: bold;
    width: 30%;
    padding: 10px 20px;
    display: table-cell;
    vertical-align: middle;
    background: #ededed;
}
.form_body {
    padding: 10px;
    background: #f8f9fa;
    display: table-cell;
    vertical-align: middle;
}
.form_error {
    width: 100%;
    padding: 40px;
    color: red;
    background: #f8f9fa;
}
.form_btn {
    padding-top: 30px;
    text-align: center;
}
.form_btn-back {
    margin-top: 20px;
    color: #7a0000;
    font-size: 14px;
}
@media screen and (max-width: 480px) {
    select {
        border: none;
    }
    .form_item {
        display: block;
        border-bottom: 1px solid #fff;
    }
    .form_must {
        background: #7a0000;
        color: #fff;
        font-size: 10px;
        text-align: center;
        padding: 2px 5px;
        padding: 0 10px 1px;
        float: right;
    }
    .form_head {
        width: 100%;
        display: flex;
        padding: 10px;
        background: #ededed;
        align-items: center;
        justify-content: space-between;
    }
    .form_body {
        width: 100%;
        display: block;
        padding: 10px;
        background: #f8f9fa;
    }
    .form_error {
        width: 100%;
        padding: 20px;
    }
    .form_btn {
        padding-top: 15px;
    }
}
.news_info {
    margin-bottom: 20px;
    overflow: hidden;
}
.news_category {
    background: #7a0000;
    color: #fff;
    font-family: "Teko", sans-serif;
    font-size: 20px;
    margin-right: 10px;
    padding: 5px 20px 0;
}
.news_date {
    color: #999;
    float: right;
}
.news_ttl {
    font-size: 30px;
    margin-bottom: 40px;
    font-weight: bold;
    line-height: 1.4;
}
.news_visual {
    width: calc(100% + 60px + 60px);
    margin-left: -60px;
}
.news_post {
    width: 90%;
    margin: 0 auto;
    padding: 5vw 0 0 0;
}
.news_post img {
    width: auto;
}
.news-campaign {
    font-weight: bold;
    text-align: center;
    margin-bottom: 50px;
}
.news-campaign_prize {
    font-family: "Teko", sans-serif;
    font-size: 80px;
    color: #900;
    font-weight: normal;
    line-height: 1;
    padding-top: 10px;
}
@media screen and (max-width: 1440px) {
    .news_visual {
        width: calc(100% + 50px + 50px);
        margin-left: -50px;
    }
    .news_post {
        padding: 4vw 0 0 0;
    }
}
@media screen and (max-width: 1200px) {
    .news_visual {
        width: calc(100% + 40px + 40px);
        margin-left: -40px;
    }
}
@media screen and (max-width: 960px) {
    .news_info {
        margin-bottom: 5px;
    }
    .news_category {
        font-size: 14px;
        margin-right: 10px;
        padding: 3px 10px 0;
    }
    .news_ttl {
        font-size: 20px;
        margin-bottom: 10px;
    }
    .news_visual {
        width: calc(100% + 40px + 40px);
        margin-left: -40px;
    }
}
@media screen and (max-width: 480px) {
    .news_visual {
        width: calc(100% + 20px + 20px);
        margin-left: -20px;
    }
    .news_post {
        width: 100%;
        padding: 5vw 0 0 0;
    }
}
.category-nav {
    font-family: "Teko", sans-serif;
    font-size: 34px;
    margin-bottom: 20px;
    color: #7a0000;
    display: flex;
    flex-wrap: wrap;
}
.category-nav li {
    position: relative;
}
.category-nav li:after {
    content: "";
    border-right: 1px solid #fff;
    height: 20px;
    background: #fff;
    display: inline-block;
    margin: 0 20px;
}
.category-nav li:last-child:after {
    content: none;
}
.category-nav li.is-current a {
    color: #7a0000;
}
.category-nav a {
    color: #fff;
}
@media screen and (max-width: 1440px) {
    .category-nav {
        font-size: 24px;
        margin-bottom: 15px;
    }
    .category-nav li:after {
        height: 18px;
    }
}
@media screen and (max-width: 480px) {
    .category-nav {
        justify-content: center;
        font-size: 20px;
    }
    .category-nav li:after {
        height: 12px;
        margin: 0 10px;
    }
}
.row {
    display: flex;
}
.row_col._45 {
    max-width: 45%;
}
.row_col + .row_col {
    margin-left: 20px;
}
@media screen and (max-width: 960px) {
    .row {
        display: block;
    }
    .row_col._45 {
        max-width: 100%;
        width: 100%;
    }
    .row_col + .row_col {
        margin-left: 0;
        margin-top: 20px;
    }
}
.feature-dora_main {
    background: #000;
}
.feature-dora_item {
    margin: 0 -60px 60px -60px;
    border: 1px solid #333;
    background: #000;
    color: #fff;
    min-height: 300px;
    position: relative;
    display: flex;
    align-items: center;
    padding: 40px;
    margin-bottom: 30px;
}
.feature-dora_item._feature-dora1 {
    background: url(/assets/images/beginner/bg_dora-feature1.jpg) center center;
    background-size: cover;
}
.feature-dora_item._feature-dora2 {
    background: url(/assets/images/beginner/bg_dora-feature2.jpg) center center;
    background-size: cover;
}
.feature-dora_item._feature-dora3 {
    background: url(/assets/images/beginner/bg_dora-feature3.jpg) center center;
    background-size: cover;
}
.feature-dora_item._feature-dora4 {
    background: url(/assets/images/beginner/bg_dora-feature4.jpg) center center;
    background-size: cover;
}
.feature-dora_item._feature-dora5 {
    background: url(/assets/images/beginner/bg_dora-feature5.jpg) center center;
    background-size: cover;
}
.feature-dora_txt p {
    width: 450px;
    line-height: 1.8;
}
.feature-dora_ttl {
    font-weight: bold;
    color: #ffcc00;
    font-size: 20px;
    line-height: 1.4;
    margin-bottom: 10px;
}
.feature-dora_btn {
    width: 300px;
    position: absolute;
    right: 30px;
    bottom: 20px;
}
.feature-dora_btn a {
    display: block;
    float: right;
}
@media screen and (max-width: 960px) {
    .feature-dora {
        margin-bottom: -40px !important;
    }
    .feature-dora_item {
        min-height: auto;
        padding: 0;
        margin: 0 -40px 30px;
        color: #000;
    }
    .feature-dora_item._feature-dora1,
    .feature-dora_item._feature-dora2,
    .feature-dora_item._feature-dora3,
    .feature-dora_item._feature-dora4,
    .feature-dora_item._feature-dora5 {
        background: none;
    }
    .feature-dora_item._feature-dora1 .feature-dora_ttl {
        background: url(/assets/images/beginner/bg_dora-feature1.jpg) center center;
        background-size: cover;
    }
    .feature-dora_item._feature-dora2 .feature-dora_ttl {
        background: url(/assets/images/beginner/bg_dora-feature2.jpg) center center;
        background-size: cover;
    }
    .feature-dora_item._feature-dora3 .feature-dora_ttl {
        background: url(/assets/images/beginner/bg_dora-feature3.jpg) center center;
        background-size: cover;
    }
    .feature-dora_item._feature-dora4 .feature-dora_ttl {
        background: url(/assets/images/beginner/bg_dora-feature4.jpg) center center;
        background-size: cover;
    }
    .feature-dora_item._feature-dora5 .feature-dora_ttl {
        background: url(/assets/images/beginner/bg_dora-feature5.jpg) center center;
        background-size: cover;
    }
    .feature-dora_txt {
        padding-bottom: 25px;
    }
    .feature-dora_txt p {
        width: 100%;
        margin-bottom: 5px;
        padding: 10px 15px;
        color: #fff;
    }
    .feature-dora_ttl {
        padding: 20px;
        display: flex;
        height: 200px;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
    .feature-dora_btn {
        max-width: 250px;
        width: 100%;
        position: static;
        right: 30px;
        bottom: 20px;
        margin: 0 auto;
    }
    .feature-dora_btn a {
        display: block;
    }
}
@media screen and (max-width: 480px) {
    .feature-dora {
        margin-bottom: -20px !important;
    }
    .feature-dora_item {
        margin: 0 -20px 20px -20px;
    }
    .feature-dora_ttl {
        font-size: 18px;
        height: 120px;
    }
    .feature-dora_txt {
        font-size: 13px;
        padding-bottom: 15px;
    }
}
.index {
    padding: 15px 20px;
    border: 1px dotted #cccccc;
    margin-bottom: 20px;
}
.index_ttl {
    font-weight: bold;
    margin-bottom: 15px !important;
    font-size: 18px;
    text-align: center;
    background: #300;
    color: #fff;
    border-radius: 2px;
    padding: 5px 0;
}
.index_ttl a{
    color: #ffffff;
}
.index_list {
    counter-reset: hl_count;
    padding: 0 5px;
}
.index_list li {
    counter-increment: hl_count;
    padding: 5px 0;
    border-bottom: 1px dotted #cccccc;
}
.index_list li:before {
    font-size: 12px;
    content: counters(hl_count, "-");
    color: #fff;
    font-weight: bold;
    font-family: "Montserrat";
    line-height: 1;
    padding: 7px 0;
    background: #7a0000;
    text-align: center;
    margin-right: 7px;
    width: 25px;
    border-radius: 4px;
    display: inline-block;
}
.index_list li:last-child {
    border-bottom: none;
}
.index_list li a {
    color: #448acb;
}
.index_list .index_list {
    margin-left: 2.4em;
}
.index_list .index_list li:before {
    content: counters(hl_count, "-");
    color: #666;
    background: #eee;
    width: 35px;
}
.oshirasese table {
    width: 100% !important;
    margin: 0 !important;
}
.oshirase_h2 {
    margin-bottom: 20px;
}
.oshirase_h2 img {
    width: 100%;
}
.oshirase_ranking_left {
    width: 70%;
    float: left;
}
.oshirase_ranking_left .oshirase_ranking {
    width: 64px;
    height: 64px;
    padding: 5px 0px 0px 0px;
    float: left;
}
.oshirase_ranking_right {
    width: 30%;
    float: right;
}
.oshirase_ranking_right img {
    width: 100%;
}
.oshirase_name {
    float: left;
    padding-left: 15px;
}
.oshirase_name + .oshirase_ranking {
    clear: both;
}
.oshirase_name h3 {
    font-weight: bold;
}
.oshirase_name p {
    line-height: 1.5;
}
.oshirase2 {
    clear: both;
}
.oshirase2_reft p {
    margin-bottom: 0;
    background: #000;
    text-align: center;
    padding: 10px 0;
}
.oshirase2_reft p img {
    width: 300px;
}
.oshirase2_right {
    border: 1px solid #eee;
    margin-bottom: 10px;
}
.oshirase2_right p {
    font-size: 40px;
    color: #ff0000;
    text-align: center;
    margin-bottom: 0;
}
.oshirase_next {
    clear: both;
}
.oshirase_next p {
    text-align: center;
}
.oshirase_next5 p {
    font-size: 16px;
    text-align: center;
}
@media screen and (max-width: 480px) {
    .oshirase_ranking_left {
        width: 100%;
        float: none;
    }
    .oshirase_ranking_right {
        width: 100%;
        float: none;
    }
    .oshirase_ranking_right img {
        width: 100%;
    }
}
.taku {
    margin-bottom: 20px;
}
.taku-info {
    background: #eee;
    padding: 15px 25px;
}
.taku-info_wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.taku-info_ttl {
    font-weight: bold;
    text-align: center;
    margin-bottom: 5px;
}
.taku-info_item {
    width: 33.33%;
    padding: 5px;
}
.taku-info_item img {
    width: 30px;
}
.taku-info_item span {
    margin: 0;
}
.taku_head {
    background: #300;
    color: #fff;
    font-weight: bold;
    padding: 10px 20px;
    display: flex;
    align-items: center;
}
.taku_body {
    border-right: 1px solid #eee;
    border-left: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 20px;
    display: flex;
}
.taku_icon {
    width: 80px;
}
.taku_txt {
    width: 100%;
    padding-left: 20px;
}
.taku_num,
.taku_ttl,
.taku_dora,
.taku_game {
    margin-right: 10px;
}
.taku_ttl {
    font-size: 18px;
    margin-right: 20px;
}
.taku_rate {
    border-left: 1px solid #fff;
    font-size: 18px;
    margin-left: auto;
    padding-left: 20px;
}
.taku_dora,
.taku_game {
    font-size: 12px;
}
.taku_dora img,
.taku_game img {
    width: 40px;
}
@media screen and (max-width: 960px) {
    .taku-info {
        padding: 10px;
    }
    .taku-info_item {
        font-size: 13px;
        width: 50%;
        padding: 5px;
    }
    .taku_head {
        display: flex;
        flex-wrap: wrap;
    }
    .taku_body {
        padding: 15px;
        display: block;
    }
    .taku_icon {
        width: 60px;
        margin: 0 auto 15px;
    }
    .taku_txt {
        width: 100%;
        padding-left: 0;
    }
    .taku_txt p {
        text-align: justify;
    }
    .taku_num,
    .taku_ttl,
    .taku_dora,
    .taku_game {
        margin-right: 0;
    }
    .taku_num {
        margin: 0 10px 0 0;
    }
    .taku_ttl {
        font-size: 14px;
        margin-right: 0;
        text-align: center;
        padding: 5px 0;
    }
    .taku_dora img,
    .taku_game img {
        width: 30px;
    }
    .taku_dora {
        margin-left: auto;
        margin-right: 5px;
    }
    .taku_rate {
        border-left: none;
        font-size: 14px;
        margin-left: 0;
        padding-left: 0;
        background: #4a0303;
        width: 100%;
        text-align: center;
    }
}
.d-none {
    display: none !important;
}
@media screen and (max-width: 1440px) {
    .d-xl-b {
        display: block !important;
    }
    .d-xl-f {
        display: flex !important;
    }
    .d-xl-i {
        display: inline-block !important;
    }
    .d-xl-n {
        display: none !important;
    }
}
@media screen and (max-width: 1200px) {
    .d-lg-b {
        display: block !important;
    }
    .d-lg-f {
        display: flex !important;
    }
    .d-lg-i {
        display: inline-block !important;
    }
    .d-lg-n {
        display: none !important;
    }
}
@media screen and (max-width: 1100px) {
    .d-md-b {
        display: block !important;
    }
    .d-md-f {
        display: flex !important;
    }
    .d-md-i {
        display: inline-block !important;
    }
    .d-md-n {
        display: none !important;
    }
}
@media screen and (max-width: 480px) {
    .d-sm-b {
        display: block !important;
    }
    .d-sm-f {
        display: flex !important;
    }
    .d-sm-i {
        display: inline-block !important;
    }
    .d-sm-n {
        display: none !important;
    }
}
.is-red {
    color: #900;
}
.is-bold {
    font-weight: bold;
}
.is-center {
    text-align: center;
}
.is-left {
    text-align: left;
}
.is-border {
    border: 1px solid #eee;
}
.is-original {
    width: auto;
}
.is-mb0 {
    margin-bottom: 0;
}
.is-mb10 {
    margin-bottom: 10px;
}
.is-mb20 {
    margin-bottom: 20px;
}
.is-mb30 {
    margin-bottom: 30px;
}
.is-indent1 {
    text-indent: -1em;
    margin-left: 1em;
}
.is-indent1_5 {
    text-indent: -1.5em;
    margin-left: 1.5em;
}
.is-indent2 {
    text-indent: -2em;
    margin-left: 2em;
}
.is-indent2_5 {
    text-indent: -2.5em;
    margin-left: 2.5em;
}
.is-indent3 {
    text-indent: -3em;
    margin-left: 3em;
}
.is-indent3_5 {
    text-indent: -3.5em;
    margin-left: 3.5em;
}
.is-indent4 {
    text-indent: -4em;
    margin-left: 4em;
}
.is-indent4_5 {
    text-indent: -4.5em;
    margin-left: 4.5em;
}
.is-indent5 {
    text-indent: -5em;
    margin-left: 5em;
}
.is-indent5_5 {
    text-indent: -5.5em;
    margin-left: 5.5em;
}
.top-intro {
    color: #fff;
    display: flex;
    justify-content: space-between;
}
.top-intro_ttl {
    font-size: 28px;
    margin-bottom: 15px;
    line-height: 1.4;
}
.top-intro_txt {
    width: 45%;
}
.top-intro_img {
    width: 50%;
}
.top-menu {
    display: flex;
    flex-wrap: wrap;
}
.top-menu_item {
    background: #fff;
    display: block;
    color: #333;
    align-self: flex-start;
    width: 47%;
    margin-right: 1.5%;
    margin-bottom: 30px;
}
.top-menu_item:nth-child(2n) {
    margin-right: 0;
}
.top-menu_caption {
    background: #240000;
    color: #fff;
    padding: 20px 0;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
}
.top-menu_nav li span,
.top-menu_nav li a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #333;
    text-align: left;
    padding: 20px 25px;
    border-bottom: 1px solid #300;
    font-weight: bold;
}
.top-menu_nav li span:after,
.top-menu_nav li a:after {
    font-family: "Font Awesome 5 Free";
    content: "\f105";
    font-weight: 600;
    color: #7a0000;
}
.top-menu_nav li span {
    color: #ccc;
}
.top-menu_nav li span:after {
    color: #ccc;
}
.top-about-twitter {
    display: flex;
    justify-content: space-between;
}
.top-about {
    width: 68%;
}
.top-twitter {
    width: 32%;
}
.top-twitter_feed {
    background: #fff;
    padding: 20px;
}
.top-promotion:after {
    content: "";
    clear: both;
    width: 100%;
}
.top-promotion_visual,
.top-promotion_menu {
    width: 52%;
}
.top-promotion_visual {
    float: left;
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.top-promotion_visual a img {
    display: block;
    transition-duration: 0.8s;
}
.top-promotion_visual a:hover img {
    transform: scale(1.1);
    transition-duration: 0.8s;
}
.top-promotion_menu {
    float: right;
    background: #161616;
    color: #fff;
    padding: 5vw 6vw;
    margin-top: -200px;
}
.top-promotion_menu a {
    color: #fff;
}
.top-promotion_ttl {
    line-height: 1;
    margin-bottom: 20px;
}
.top-promotion_ttl-en {
    font-size: 40px;
    font-family: "Teko", sans-serif;
}
.top-promotion_nav {
    overflow: hidden;
}
.top-promotion_nav li {
    width: 50%;
    float: left;
}
.top-promotion_nav li a:before {
    padding-right: 10px;
    font-family: "Font Awesome 5 Free";
    content: "\f105";
    font-weight: 600;
    color: #7a0000;
}
@media screen and (max-width: 960px) {
    .top-intro {
        display: block;
    }
    .top-intro_ttl {
        font-size: 20px;
    }
    .top-intro_txt {
        width: 100%;
        margin-bottom: 20px;
    }
    .top-intro_img {
        width: 100%;
    }
    .top-menu_item {
        width: 100%;
        margin: 0 0 15px 0;
    }
    .top-menu_item:nth-child(3n) {
        margin-right: 0;
    }
    .top-menu_item:nth-child(2n) {
        margin-right: 0;
    }
    .top-about-twitter {
        display: block;
    }
    .top-about {
        width: 100%;
    }
    .top-twitter {
        width: 100%;
    }
    .top-promotion_visual,
    .top-promotion_menu {
        width: 100%;
    }
    .top-promotion_visual {
        float: none;
    }
    .top-promotion_menu {
        float: none;
        padding: 30px;
        margin-top: 0;
    }
    .top-promotion_ttl {
        margin-bottom: 20px;
    }
    .top-promotion_ttl-en {
        font-size: 30px;
    }
    .top-promotion_nav li {
        width: 100%;
        float: none;
    }
    #twitter-widget-0 {
        height: 500px !important;
    }
}
.signup {
    padding: 100px 0;
}
.signup .contents {
    max-width: 1000px;
    margin: 0 auto;
}
.signup-ttl {
    font-weight: bold;
    text-align: center;
    margin-bottom: 25px;
    font-size: 20px;
}
.container-title {
    padding: 12px 0;
    margin-bottom: 25px;
}
.info-text {
    font-size: 14px;
}
.text-danger {
    display: block;
    color: #dc3545;
}
.step {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.step-item {
    width: 33.333333%;
    background: #340000;
    position: relative;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 16px;
}
.step-item:before {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 42px solid transparent;
    border-bottom: 42px solid transparent;
    border-left: 10px solid #680000;
    position: absolute;
    top: 50%;
    margin-top: -42px;
    margin-left: 1px;
    left: 100%;
    z-index: 1;
}
.step-item:after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 42px solid transparent;
    border-bottom: 42px solid transparent;
    border-left: 10px solid #340000;
    position: absolute;
    top: 50%;
    margin-top: -42px;
    left: 100%;
    z-index: 2;
}
.step-item.is-active {
    background: #000;
}
.step-item.is-active:after {
    border-left: 10px solid #000;
}
.step-item:last-child:before,
.step-item:last-child:after {
    content: none;
}
.form-item {
    overflow: hidden;
}
.form-item + .form-item {
    margin-top: 30px;
}
.form-item .col2 {
    width: 49%;
    float: left;
    margin-right: 2%;
}
.form-item .col2:last-child {
    margin-right: 0;
}
.form-item .col3 {
    width: 32%;
    float: left;
    margin-right: 1.5%;
}
.form-item .col3:last-child {
    margin-right: 0;
}
.form-label {
    margin-bottom: 10px;
}
.form-label label {
    font-weight: bold;
}
.form-label .icon-must {
    text-align: center;
    font-size: 11px;
    background: #000;
    padding: 4px 6px 3px 6px;
    margin-left: 10px;
    color: #fff;
}
.form-input {
    overflow: hidden;
}
.form-btn {
    padding-bottom: 40px;
}
.form-btn i {
    margin-left: 2px;
}
.form-btn .btn + .btn {
    margin-top: 20px !important;
}
.form-check {
    padding: 0;
    margin-bottom: 10px;
}
.form-check label {
    border-radius: 4px;
    width: 100%;
    text-align: center;
    background: #fff;
    display: block;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    padding: 10px 0;
    color: #495057;
}
.form-check label input[type="radio"] {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    position: absolute;
    z-index: 5;
    width: 18px;
    height: 18px;
    border-radius: 14px;
    left: -68px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    margin: 0px;
    outline: none;
    border: none;
    background-color: transparent;
    box-shadow: 40px -1px #fff;
}
.form-check label .label-inner {
    position: relative;
    display: inline-block;
}
.form-check label .label-inner:before {
    content: "";
    position: absolute;
    width: 22px;
    height: 22px;
    border: 1px solid #dfdfdf;
    border-radius: 50%;
    z-index: 3;
    background-color: #fff;
    left: -30px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.form-check label .label-inner:after {
    content: "";
    position: absolute;
    width: 14px;
    height: 14px;
    border-radius: 100%;
    z-index: 10;
    background: #fff;
    left: -26px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.form-check label .label-inner span {
    position: relative;
    top: 1px;
}
.form-check .current {
    background: #340000;
    color: #fff;
}
.form-check .current .label-inner:after {
    background: #340000;
}
.form-agree-label {
    position: relative;
    border-radius: 0;
    margin-bottom: 10px;
    background: #fff;
    width: 100%;
    color: #333;
    cursor: pointer;
    padding: 15px 15px 15px 45px;
    display: block;
}
.form-agree-label input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}
.form-agree .control__indicator {
    position: absolute;
    top: 50%;
    left: 15px;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    height: 20px;
    width: 20px;
    background: #e6e6e6;
}
.form-agree .control__indicator:after {
    content: "";
    position: absolute;
    display: block;
    left: 7px;
    top: 3px;
    width: 6px;
    height: 12px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
}
.form-agree input:checked ~ .control__indicator {
    background: #7a0000;
}
.thanks-head {
    text-align: center;
    font-weight: bold;
}
.thanks-head img {
    width: 100px;
    margin: 20px 0;
}
.thanks-body {
    background: #550000;
    padding: 15px;
    margin: 20px 0;
}
.thanks-body .kome {
    font-size: 12px;
    text-indent: -0.7em;
    margin-left: 0.7em;
}
#secretAnswer {
    margin-top: 10px;
}
@media screen and (max-width: 767px) {
    .signup {
        padding: 60px 0 100px 0;
    }
    .signup .wrap {
        padding-top: 0;
    }
}
@media screen and (max-width: 480px) {
    .signup-ttl {
        margin-bottom: 15px;
        font-size: 18px;
    }
    .step-item {
        height: 50px;
        font-size: 14px;
    }
    .step-item:before {
        content: " ";
        border-top: 26px solid transparent;
        border-bottom: 26px solid transparent;
        margin-top: -26px;
    }
    .step-item:after {
        content: " ";
        border-top: 26px solid transparent;
        border-bottom: 26px solid transparent;
        margin-top: -26px;
    }
}
.tournament-index {
    text-align: center;
    background: url(../images/tournament/bg_index.jpg) no-repeat center -40px;
    background-size: 600px;
    padding-top: 100px;
}
.tournament-index_logo {
    max-width: 600px;
    margin: 0 auto 100px auto;
}
.tournament-index_ttl {
    font-size: 30px;
    font-weight: bold;
    line-height: 1.4;
    margin-bottom: 1.4736842105em;
}
.tournament-block {
    display: flex;
    flex-direction: row;
    margin-bottom: 40px;
}
.tournament-block_txt {
    width: 50%;
    padding-right: 5%;
}
.tournament-block_txt p:last-child {
    margin-bottom: 0;
}
.tournament-block_img {
    width: 50%;
}
.tournament-block.is-reverse {
    flex-direction: row-reverse;
    padding-left: 0;
    padding-right: 5%;
}
.tournament-event {
    display: flex;
    flex-wrap: wrap;
}
.tournament-event_item {
    width: 24%;
    margin-right: 1%;
    margin-bottom: 15px;
    background: #161616;
}
.tournament-event_item:nth-child(4n) {
    margin-right: 0;
}
.tournament-event_head {
    background: #300 url(../images/bg_btn-claw-dark.png) no-repeat right -5% top 40%;
    background-size: 90px auto;
}
.tournament-event_head-info {
    background: #101010 url(../images/tournament/bg_btn-claw.png) no-repeat right -5% top 40%;
    background-size: 90px auto;
}
.tournament-event_ttl {
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.tournament-event_body {
    padding: 20px;
}
.tournament-event_prize {
    text-align: center;
    font-weight: bold;
    padding: 4px 4px 2px 4px;
    font-size: 16px;
    border: 1px solid #6e6e6e;
}
.tournament-event_date {
    text-align: center;
    padding: 10px 0;
}
.tournament-event_info ul {
    display: flex;
    flex-wrap: wrap;
    margin: 20px 0 0;
}
.tournament-event_info ul li {
    width: 50%;
    font-size: 13px;
}
.tournament-event_info ul li:before {
    content: "■";
    color: #7a0000;
    padding-right: 5px;
}
.tournament-event_info ul li:nth-child(odd) {
    padding-right: 5px;
    border-right: 1px solid #6e6e6e;
}
.tournament-event_info ul li:nth-child(even) {
    padding-left: 15px;
}
.tournament-event_status {
    font-weight: bold;
    padding: 6px 0 4px 0;
    margin-top: 20px;
    text-align: center;
    background: #7a0000;
    color: #fff;
    display: block;
    border-radius: 2px;
}
.tournament-event_status.is-empty {
    background: #222;
    color: #666;
}
.tournament-event_other {
    font-size: 12px;
    border: dotted 1px #6e6e6e;
    padding: 10px;
}
.tournament-info {
    position: relative;
    margin: 40px 0;
}
.tournament-info th,
.tournament-info td {
    vertical-align: middle;
    line-height: 1.4;
    text-align: center;
    padding: 25px 0;
    border-bottom: 1px solid #161616;
}
.tournament-info_head {
    position: relative;
}
.tournament-info_head th,
.tournament-info_head td {
    border-top: 1px solid #161616;
    font-weight: bold;
}
.tournament-info_body tr {
    transition: 0.2s ease-in-out;
}
.tournament-info_body tr:nth-child(odd) {
    background: #101010;
}
.tournament-info_body tr:hover {
    background: #300;
}
.tournament-info_icon {
    width: 8%;
    min-width: 110px;
}
.tournament-info_ttl {
    text-align: left !important;
    width: 18%;
}
.tournament-info_date {
    width: 20%;
}
.tournament-info_price {
    width: 8%;
}
.tournament-info_fee {
    width: 12%;
}
.tournament-info_num {
    width: 8%;
}
.tournament-info_prize {
    width: 8%;
}
.tournament-info_total {
    width: 10%;
}
.tournament-info .is-fixed {
    position: fixed;
    top: 100px;
    left: 0;
    width: 100%;
    background: #000;
    z-index: 10;
}
.tournament-info .is-fixed tr {
    max-width: 1500px;
    padding: 0 60px;
    margin: 0 auto;
    display: block;
}
.tournament-result_head {
    background: #300 url(../images/tournament/bg_btn-claw-dark.png) no-repeat right -5% top 40%;
    background-size: 250px auto;
    text-align: center;
    padding: 20px 0;
    line-height: 1.4;
}
.tournament-result_date {
    font-size: 20px;
}
.tournament-result_ttl {
    display: inline;
    font-size: 28px;
    font-weight: bold;
}
.tournament-result_ttl span {
    top: -6px;
    position: relative;
    margin: 0 10px 0 0;
}
.tournament-result_body {
    display: flex;
    background: #161616;
}
.tournament-result_outline {
    width: 33%;
    padding: 10px 10px 30px 10px;
}
.tournament-result_outline .tournament-event_item {
    width: 100%;
    margin-bottom: 0;
}
.tournament-result_outline.is-full {
    width: 100%;
}
.tournament-result_post {
    border-top: 1px solid #6e6e6e;
    margin: 0 20px;
    padding-top: 20px;
}
.tournament-result_post p a {
    color: #fff;
    text-decoration: underline;
}
.tournament-result_ranking {
    width: 67%;
    border-left: 1px solid #222;
}
.tournament-result_rankingTtl {
    padding: 30px 30px 25px 30px;
    font-weight: bold;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.tournament-result_rankingTtl span {
    font-size: 14px;
}
.tournament-result_table {
    border-top: 1px solid #222;
}
.tournament-result_tableHead {
    background: #161616;
    color: #fff;
}
.tournament-result_tableHead td {
    padding: 20px 10px;
}
.tournament-result_tableBody {
    background: #fff;
    color: #333;
}
.tournament-result_tableBody tr:nth-child(odd) {
    background: #e8e8e8;
}
.tournament-result_tableBody td {
    padding: 10px;
    overflow: hidden;
}
.tournament-result_tableRanking,
.tournament-result_tablePlayer,
.tournament-result_tablePrize,
.tournament-result_tableRank {
    font-weight: bold;
}
.tournament-result_tableRanking {
    text-align: center;
}
.tournament-result_tableRanking img {
    width: 40px;
}
.tournament-result_tablePlayer img {
    width: auto;
    height: auto;
    /*width: 60px;
    height: 60px;*/
    margin-right: 10px;
}
.tournament-result_tablePrize {
    text-align: center;
}
.tournament-result_tableRank {
    text-align: center;
}
.tournament-result_tableRank .tableRank-1,
.tournament-result_tableRank .tableRank-2,
.tournament-result_tableRank .tableRank-3,
.tournament-result_tableRank .tableRank-4,
.tournament-result_tableRank .tableRank-5,
.tournament-result_tableRank .tableRank-6,
.tournament-result_tableRank .tableRank-7,
.tournament-result_tableRank .tableRank-8,
.tournament-result_tableRank .tableRank-9,
.tournament-result_tableRank .tableRank-10,
.tournament-result_tableRank .tableRank-11,
.tournament-result_tableRank .tableRank-12,
.tournament-result_tableRank .tableRank-13,
.tournament-result_tableRank .tableRank-14,
.tournament-result_tableRank .tableRank-15,
.tournament-result_tableRank .tableRank-16,
.tournament-result_tableRank .tableRank-17,
.tournament-result_tableRank .tableRank-18,
.tournament-result_tableRank .tableRank-19,
.tournament-result_tableRank .tableRank-20,
.tournament-result_tableRank .tableRank-21,
.tournament-result_tableRank .tableRank-22,
.tournament-result_tableRank .tableRank-23 {
    font-size: 12px;
    background: red;
    text-align: center;
    padding: 4px 10px;
    border-radius: 100px;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #eee;
}
.tournament-result_tableRank .tableRank-1 img,
.tournament-result_tableRank .tableRank-2 img,
.tournament-result_tableRank .tableRank-3 img,
.tournament-result_tableRank .tableRank-4 img,
.tournament-result_tableRank .tableRank-5 img,
.tournament-result_tableRank .tableRank-6 img,
.tournament-result_tableRank .tableRank-7 img,
.tournament-result_tableRank .tableRank-8 img,
.tournament-result_tableRank .tableRank-9 img,
.tournament-result_tableRank .tableRank-10 img,
.tournament-result_tableRank .tableRank-11 img,
.tournament-result_tableRank .tableRank-12 img,
.tournament-result_tableRank .tableRank-13 img,
.tournament-result_tableRank .tableRank-14 img,
.tournament-result_tableRank .tableRank-15 img,
.tournament-result_tableRank .tableRank-16 img,
.tournament-result_tableRank .tableRank-17 img,
.tournament-result_tableRank .tableRank-18 img,
.tournament-result_tableRank .tableRank-19 img,
.tournament-result_tableRank .tableRank-20 img,
.tournament-result_tableRank .tableRank-21 img,
.tournament-result_tableRank .tableRank-22 img,
.tournament-result_tableRank .tableRank-23 img {
    width: 25px;
    margin-right: 5px;
}
.tournament-result_tableRank .tableRank-23 {
    background: #b5fa51;
    color: #000;
    border-color: #b2f254;
}
.tournament-result_tableRank .tableRank-22 {
    background: #bffa51;
    color: #000;
    border-color: #bef15e;
}
.tournament-result_tableRank .tableRank-21 {
    background: #cafa52;
    color: #000;
    border-color: #c5ee5e;
}
.tournament-result_tableRank .tableRank-20 {
    background: #d4fa52;
    color: #000;
    border-color: #cdf151;
}
.tournament-result_tableRank .tableRank-19 {
    background: #e0fa53;
    color: #000;
    border-color: #d9f250;
}
.tournament-result_tableRank .tableRank-18 {
    background: #ebfb54;
    color: #000;
    border-color: #e3f252;
}
.tournament-result_tableRank .tableRank-17 {
    background: #f7fa54;
    color: #000;
    border-color: #e6e954;
}
.tournament-result_tableRank .tableRank-16 {
    background: #f9f151;
    color: #000;
    border-color: #f3eb4d;
}
.tournament-result_tableRank .tableRank-15 {
    background: #f6e24d;
    color: #000;
    border-color: #efdb49;
}
.tournament-result_tableRank .tableRank-14 {
    background: #f4d449;
    color: #000;
    border-color: #edcd43;
}
.tournament-result_tableRank .tableRank-13 {
    background: #f1c444;
    border-color: #ebbe40;
}
.tournament-result_tableRank .tableRank-12 {
    background: #efb640;
    border-color: #e8b03d;
}
.tournament-result_tableRank .tableRank-11 {
    background: #eda73c;
    border-color: #e6a23b;
}
.tournament-result_tableRank .tableRank-10 {
    background: #ea9938;
    border-color: #e19234;
}
.tournament-result_tableRank .tableRank-9 {
    background: #e98a34;
    border-color: #de8331;
}
.tournament-result_tableRank .tableRank-8 {
    background: #e77d31;
    border-color: #dc752c;
}
.tournament-result_tableRank .tableRank-7 {
    background: #e46e2e;
    border-color: #d7672a;
}
.tournament-result_tableRank .tableRank-6 {
    background: #e2612b;
    border-color: #d25825;
}
.tournament-result_tableRank .tableRank-5 {
    background: #e15529;
    border-color: #d35128;
}
.tournament-result_tableRank .tableRank-4 {
    background: #de4a27;
    border-color: #cd4222;
}
.tournament-result_tableRank .tableRank-3 {
    background: #dd4025;
    border-color: #cb381f;
}
.tournament-result_tableRank .tableRank-2 {
    background: #ca371d;
    border-color: #b62e16;
}
.tournament-result_tableRank .tableRank-1 {
    background: #a02612;
    border-color: #891d0c;
}
@media screen and (max-width: 1440px) {
    .tournament-event_item {
        width: 32%;
        margin-right: 1.5%;
    }
    .tournament-event_item:nth-child(4n) {
        margin-right: 1.5%;
    }
    .tournament-event_item:nth-child(3n) {
        margin-right: 0;
    }
    .tournament-info .is-fixed {
        top: 60px;
    }
    .tournament-info .is-fixed tr {
        max-width: 1200px;
    }
}
@media screen and (max-width: 1200px) {
    .tournament-info .is-fixed tr {
        padding: 0 30px;
    }
}
@media screen and (max-width: 960px) {
    .tournament-event_item {
        width: 49%;
        margin-right: 2%;
        margin-bottom: 15px;
    }
    .tournament-event_item:nth-child(3n) {
        margin-right: 2%;
    }
    .tournament-event_item:nth-child(2n) {
        margin-right: 0;
    }
    .tournament-event_ttl {
        font-size: 16px;
    }
    .tournament-result_head {
        background: #300 url(../images/tournament/bg_btn-claw-dark.png) no-repeat right -5% top 40%;
        background-size: 90px auto;
        padding: 10px;
    }
    .tournament-result_date {
        display: none;
    }
    .tournament-result_ttl {
        font-size: 16px;
    }
    .tournament-result_ttl span {
        top: 0;
    }
    .tournament-result_body {
        display: block;
    }
    .tournament-result_outline {
        width: 100%;
        padding: 10px;
    }
    .tournament-result_outline .tournament-event_item {
        width: 100%;
        margin-bottom: 0;
    }
    .tournament-result_post {
        border-top: 1px solid #6e6e6e;
        margin: 0 20px;
        padding-top: 20px;
    }
    .tournament-result_ranking {
        width: 100%;
        border-left: none;
    }
    .tournament-result_rankingTtl {
        font-size: 16px;
        padding: 20px 30px 15px 10px;
    }
    .tournament-result_tableHead td {
        padding: 20px 10px;
    }
    .tournament-result_tableBody td {
        padding: 10px;
    }
    .tournament-result_tablePlayer img {
        width: 60px;
        height: 60px;
        margin-right: 10px;
    }
}
@media screen and (max-width: 480px) {
    .tournament-index_ttl {
        font-size: 24px;
        margin-bottom: 1em;
    }
    .tournament-index_ttl br {
        display: none;
    }
    .tournament-block {
        display: block;
        margin-bottom: 40px;
    }
    .tournament-block_txt {
        width: 100%;
        padding-right: 0;
        margin-bottom: 20px;
    }
    .tournament-block_img {
        width: 100%;
        margin-bottom: 20px;
    }
    .tournament-block.is-reverse {
        padding-right: 0;
    }
    .tournament-event_item {
        width: 100%;
        margin: 0 0 15px 0;
    }
} /*!
 * jQuery mmenu v7.2.2
 * @requires jQuery 1.7.0 or later
 *
 * mmenu.frebsite.nl
 *
 * Copyright (c) Fred Heusschen
 * www.frebsite.nl
 *
 * License: CC-BY-NC-4.0
 * http://creativecommons.org/licenses/by-nc/4.0/
 */
.mm-menu {
    --mm-line-height: 20px;
    --mm-listitem-size: 44px;
    --mm-navbar-size: 44px;
    --mm-offset-top: 0;
    --mm-offset-right: 0;
    --mm-offset-bottom: 0;
    --mm-offset-left: 0;
    --mm-color-border: rgba(0, 0, 0, 0.1);
    --mm-color-button: rgba(0, 0, 0, 0.3);
    --mm-color-text: rgba(0, 0, 0, 0.75);
    --mm-color-text-dimmed: rgba(0, 0, 0, 0.3);
    --mm-color-background: #f3f3f3;
    --mm-color-background-highlight: rgba(0, 0, 0, 0.05);
    --mm-color-background-emphasis: rgba(255, 255, 255, 0.4);
    --mm-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
.mm-hidden {
    display: none !important;
}
.mm-wrapper {
    overflow-x: hidden;
    position: relative;
}
.mm-menu {
    background: #f3f3f3;
    border-color: rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.75);
    background: var(--mm-color-background);
    border-color: var(--mm-color-border);
    color: var(--mm-color-text);
    line-height: 20px;
    line-height: var(--mm-line-height);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    padding: 0;
    margin: 0;
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    top: var(--mm-offset-top);
    right: var(--mm-offset-right);
    bottom: var(--mm-offset-bottom);
    left: var(--mm-offset-left);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.mm-menu a,
.mm-menu a:active,
.mm-menu a:hover,
.mm-menu a:link,
.mm-menu a:visited {
    color: inherit;
    text-decoration: none;
}
[dir="rtl"] .mm-menu {
    direction: rtl;
}
.mm-panels,
.mm-panels > .mm-panel {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
}
.mm-panel,
.mm-panels {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #f3f3f3;
    border-color: rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.75);
    background: var(--mm-color-background);
    border-color: var(--mm-color-border);
    color: var(--mm-color-text);
}
.mm-panels {
    overflow: hidden;
}
.mm-panel {
    -webkit-overflow-scrolling: touch;
    overflow: scroll;
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
    padding: 0 20px;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    -webkit-transition: -webkit-transform 0.4s ease;
    transition: -webkit-transform 0.4s ease;
    -o-transition: transform 0.4s ease;
    transition: transform 0.4s ease;
    transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}
.mm-panel:not(.mm-hidden) {
    display: block;
}
.mm-panel:after,
.mm-panel:before {
    content: "";
    display: block;
    height: 20px;
}
.mm-panel_has-navbar {
    padding-top: 44px;
    padding-top: var(--mm-navbar-size);
}
.mm-panel_opened {
    z-index: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.mm-panel_opened-parent {
    -webkit-transform: translate3d(-30%, 0, 0);
    transform: translate3d(-30%, 0, 0);
}
.mm-panel_highest {
    z-index: 2;
}
.mm-panel_noanimation {
    -webkit-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}
.mm-panel_noanimation.mm-panel_opened-parent {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
[dir="rtl"] .mm-panel:not(.mm-panel_opened) {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}
[dir="rtl"] .mm-panel.mm-panel_opened-parent {
    -webkit-transform: translate3d(30%, 0, 0);
    transform: translate3d(30%, 0, 0);
}
.mm-listitem_vertical > .mm-panel {
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
    display: none;
    width: 100%;
    padding: 10px 0 10px 10px;
}
.mm-listitem_vertical > .mm-panel:after,
.mm-listitem_vertical > .mm-panel:before {
    content: none;
    display: none;
}
.mm-listitem_opened > .mm-panel {
    display: block;
}
.mm-listitem_vertical > .mm-listitem__btn {
    height: 44px;
    height: var(--mm-listitem-size);
    bottom: auto;
}
.mm-listitem_vertical .mm-listitem:last-child:after {
    border-color: transparent;
}
.mm-listitem_opened > .mm-listitem__btn:after {
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
    right: 19px;
}
.mm-btn {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 44px;
    padding: 0;
}
.mm-btn:after,
.mm-btn:before {
    border-color: rgba(0, 0, 0, 0.1);
    border-color: var(--mm-color-button);
    border-width: 2px;
    border-style: solid;
}
.mm-btn_close:after,
.mm-btn_close:before {
    content: "";
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: block;
    width: 5px;
    height: 5px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.mm-btn_close:before {
    border-right: none;
    border-bottom: none;
    right: 18px;
}
.mm-btn_close:after {
    border-left: none;
    border-top: none;
    right: 25px;
}
.mm-btn_next:after,
.mm-btn_prev:before {
    content: "";
    border-bottom: none;
    border-right: none;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: block;
    width: 8px;
    height: 8px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
}
.mm-btn_prev:before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    left: 23px;
    right: auto;
}
.mm-btn_next:after {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    right: 23px;
    left: auto;
}
[dir="rtl"] .mm-btn_next:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    left: 23px;
    right: auto;
}
[dir="rtl"] .mm-btn_prev:before {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    right: 23px;
    left: auto;
}
[dir="rtl"] .mm-btn_close:after,
[dir="rtl"] .mm-btn_close:before {
    right: auto;
}
[dir="rtl"] .mm-btn_close:before {
    left: 25px;
}
[dir="rtl"] .mm-btn_close:after {
    left: 18px;
}
.mm-navbar {
    background: #131313;
    border-color: rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.3);
    border-bottom: 1px solid #212121;
    color: var(--mm-color-text-dimmed);
    text-align: center;
    display: block;
    height: 44px;
    height: var(--mm-navbar-size);
    padding: 0 44px;
    margin: 0;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    opacity: 1;
    -webkit-transition: opacity 0.4s ease;
    -o-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease;
}
.mm-navbar > * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    padding: 12px;
    padding: calc((var(--mm-navbar-size) - var(--mm-line-height)) * 0.5);
    padding-left: 0;
    padding-right: 0;
}
.mm-navbar a,
.mm-navbar a:hover {
    text-decoration: none;
}
.mm-navbar__title {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.mm-navbar__btn {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
}
.mm-navbar__btn:first-child {
    text-align: left;
    left: 0;
}
.mm-navbar__btn:last-child {
    text-align: right;
    right: 0;
}
.mm-panel_has-navbar .mm-navbar {
    display: block;
}
[dir="rtl"] .mm-navbar__btn:first-child {
    text-align: right;
    right: 0;
    left: auto;
}
[dir="rtl"] .mm-navbar__btn:last-child {
    text-align: left;
    left: 0;
    right: auto;
}
.mm-listitem,
.mm-listview {
    list-style: none;
    display: block;
    padding: 0;
    margin: 0;
}
.mm-listitem {
    color: rgba(0, 0, 0, 0.75);
    color: var(--mm-color-text);
    border-color: rgba(0, 0, 0, 0.1);
    border-color: var(--mm-color-border);
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.mm-listitem:after {
    content: "";
    border-color: inherit;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    display: block;
    position: absolute;
    left: 20px;
    right: 0;
    bottom: 0;
}
.mm-listitem a,
.mm-listitem a:hover {
    text-decoration: none;
}
.mm-listitem__btn,
.mm-listitem__text {
    color: inherit;
    display: block;
    /*padding-top: 12px;*/
    padding-top: calc((var(--mm-listitem-size) - var(--mm-line-height)) / 2);
    /*padding-bottom: 12px;*/
    padding-bottom: calc((var(--mm-listitem-size) - var(--mm-line-height)) / 2);
    padding: 15px 20px;
}
.mm-listitem__text {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    /*padding-left: 20px;
    padding-right: 10px;*/
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 10%;
    flex-basis: 10%;
}
.mm-listitem__btn {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0.4);
    tap-highlight-color: rgba(255, 255, 255, 0.4);
    -webkit-tap-highlight-color: var(--mm-color-background-emphasis);
    tap-highlight-color: var(--mm-color-background-emphasis);
    background: rgba(3, 2, 1, 0);
    border-color: inherit;
    width: auto;
    padding-right: 54px;
    position: relative;
}
.mm-listitem__btn:not(.mm-listitem__text) {
    border-left-width: 1px;
    border-left-style: solid;
}
.mm-listitem_selected > .mm-listitem__text {
    background: rgba(255, 255, 255, 0.4);
    background: var(--mm-color-background-emphasis);
}
.mm-listitem_opened > .mm-listitem__btn,
.mm-listitem_opened > .mm-panel {
    background: rgba(0, 0, 0, 0.05);
    background: var(--mm-color-background-highlight);
}
.mm-panels > .mm-panel > .mm-listview {
    margin: 20px -20px;
}
.mm-panels > .mm-panel > .mm-listview:first-child,
.mm-panels > .mm-panel > .mm-navbar + .mm-listview {
    margin-top: -20px;
}
.mm-listitem_divider {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.05);
    background: var(--mm-color-background-highlight);
    font-size: 75%;
    text-transform: uppercase;
    min-height: 20px;
    min-height: var(--mm-line-height);
    padding: 6.5px;
    padding: calc(((var(--mm-listitem-size) * 0.75) - var(--mm-line-height)) * 0.5);
    padding-right: 10px;
    padding-left: 20px;
}
.mm-listitem_spacer {
    padding-top: 44px;
    padding-top: var(--mm-listitem-size);
}
.mm-listitem_spacer > .mm-btn_next {
    top: 44px;
    top: var(--mm-listitem-size);
}
[dir="rtl"] .mm-listitem:after {
    left: 0;
    right: 20px;
}
[dir="rtl"] .mm-listitem__text {
    padding-left: 10px;
    padding-right: 20px;
}
[dir="rtl"] .mm-listitem__btn {
    padding-left: 54px;
    border-left-width: 0;
    border-left-style: none;
}
[dir="rtl"] .mm-listitem__btn:not(.mm-listitem__text) {
    padding-right: 0;
    border-right-width: 1px;
    border-right-style: solid;
}
.mm-page {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}
.mm-slideout {
    -webkit-transition: -webkit-transform 0.4s ease;
    transition: -webkit-transform 0.4s ease;
    -o-transition: transform 0.4s ease;
    transition: transform 0.4s ease;
    transition: transform 0.4s ease, -webkit-transform 0.4s ease;
    z-index: 9999;
}
.mm-wrapper_opened {
    overflow-x: hidden;
    position: relative;
}
.mm-wrapper_background .mm-page {
    background: inherit;
}
.mm-menu_offcanvas {
    display: none;
    position: fixed;
    right: auto;
    z-index: 0;
}
.mm-menu_offcanvas.mm-menu_opened {
    display: block;
}
.mm-menu_offcanvas {
    width: 80%;
    min-width: 240px;
    max-width: 440px;
}
.mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened ~ .mm-slideout {
    -webkit-transform: translate3d(80vw, 0, 0);
    transform: translate3d(80vw, 0, 0);
}
@media all and (max-width: 300px) {
    .mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened ~ .mm-slideout {
        -webkit-transform: translate3d(240px, 0, 0);
        transform: translate3d(240px, 0, 0);
    }
}
@media all and (min-width: 550px) {
    .mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened ~ .mm-slideout {
        -webkit-transform: translate3d(440px, 0, 0);
        transform: translate3d(440px, 0, 0);
    }
}
.mm-wrapper__blocker {
    background: rgba(3, 2, 1, 0);
    overflow: hidden;
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2;
}
.mm-wrapper_blocking {
    overflow: hidden;
}
.mm-wrapper_blocking body {
    overflow: hidden;
}
.mm-wrapper_blocking .mm-wrapper__blocker {
    display: block;
}
.mm-sronly {
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
    width: 1px !important;
    min-width: 1px !important;
    height: 1px !important;
    min-height: 1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
}
.mm-listitem_divider {
    opacity: 1;
    -webkit-transition: opacity 0.4s ease;
    -o-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease;
}
.mm-menu_dividers-light .mm-listitem_divider {
    background: inherit;
    font-size: inherit;
    color: rgba(0, 0, 0, 0.3);
    color: var(--mm-color-text-dimmed);
    padding-top: 18px;
    padding-top: calc((var(--mm-listitem-size) - var(--mm-line-height)) * 0.75);
    padding-bottom: 6px;
    padding-bottom: calc((var(--mm-listitem-size) - var(--mm-line-height)) * 0.25);
}
.mm-menu_border-none .mm-listitem_divider {
    border-top-width: 1px;
    border-top-style: solid;
}
.mm-listview_fixeddivider {
    background: inherit;
    display: none;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
}
.mm-listview_fixeddivider:after {
    content: none !important;
    display: none !important;
}
.mm-panel_dividers .mm-listview_fixeddivider {
    display: block;
}
.mm-menu_fx-menu-zoom {
    -webkit-transition: -webkit-transform 0.4s ease;
    transition: -webkit-transform 0.4s ease;
    -o-transition: transform 0.4s ease;
    transition: transform 0.4s ease;
    transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}
.mm-wrapper_opened .mm-menu_fx-menu-zoom {
    -webkit-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
    transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
}
.mm-wrapper_opening .mm-menu_fx-menu-zoom {
    -webkit-transform: scale(1, 1) translate3d(0, 0, 0);
    transform: scale(1, 1) translate3d(0, 0, 0);
}
.mm-wrapper_opened .mm-menu_fx-menu-zoom.mm-menu_position-right {
    -webkit-transform: scale(0.7, 0.7) translate3d(30%, 0, 0);
    transform: scale(0.7, 0.7) translate3d(30%, 0, 0);
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
}
.mm-wrapper_opening .mm-menu_fx-menu-zoom.mm-menu_position-right {
    -webkit-transform: scale(1, 1) translate3d(0, 0, 0);
    transform: scale(1, 1) translate3d(0, 0, 0);
}
.mm-menu_fx-menu-slide {
    -webkit-transition: -webkit-transform 0.4s ease;
    transition: -webkit-transform 0.4s ease;
    -o-transition: transform 0.4s ease;
    transition: transform 0.4s ease;
    transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}
.mm-wrapper_opened .mm-menu_fx-menu-slide {
    -webkit-transform: translate3d(-30%, 0, 0);
    transform: translate3d(-30%, 0, 0);
}
.mm-wrapper_opening .mm-menu_fx-menu-slide {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.mm-wrapper_opened .mm-menu_fx-menu-slide.mm-menu_position-right {
    -webkit-transform: translate3d(30%, 0, 0);
    transform: translate3d(30%, 0, 0);
}
.mm-wrapper_opening .mm-menu_fx-menu-slide.mm-menu_position-right {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.mm-menu_fx-menu-fade {
    opacity: 0;
    -webkit-transition: opacity 0.4s ease;
    -o-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease;
}
.mm-wrapper_opening .mm-menu_fx-menu-fade {
    opacity: 1;
}
.mm-menu_fx-panels-none .mm-panel,
.mm-panel_fx-none {
    -webkit-transition-property: none;
    -o-transition-property: none;
    transition-property: none;
}
.mm-menu_fx-panels-none .mm-panel.mm-panel_opened-parent,
.mm-panel_fx-none.mm-panel_opened-parent {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.mm-menu_fx-panels-zoom .mm-panel,
.mm-panel_fx-zoom {
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
    -webkit-transform: scale(1.5, 1.5) translate3d(100%, 0, 0);
    transform: scale(1.5, 1.5) translate3d(100%, 0, 0);
}
.mm-menu_fx-panels-zoom .mm-panel.mm-panel_opened,
.mm-panel_fx-zoom.mm-panel_opened {
    -webkit-transform: scale(1, 1) translate3d(0, 0, 0);
    transform: scale(1, 1) translate3d(0, 0, 0);
}
.mm-menu_fx-panels-zoom .mm-panel.mm-panel_opened-parent,
.mm-panel_fx-zoom.mm-panel_opened-parent {
    -webkit-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
    transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
}
.mm-menu_fx-panels-slide-0 .mm-panel_opened-parent,
.mm-panel_fx-slide-0.mm-panel_opened-parent {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.mm-menu_fx-panels-slide-100 .mm-panel_opened-parent,
.mm-panel_fx-slide-100.mm-panel_opened-parent {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}
.mm-menu_fx-panels-slide-up .mm-panel,
.mm-panel_fx-slide-up {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
}
.mm-menu_fx-panels-slide-up .mm-panel_opened,
.mm-menu_fx-panels-slide-up .mm-panel_opened-parent,
.mm-panel_fx-slide-up.mm-panel_opened {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.mm-menu_fx-panels-slide-right .mm-panel,
.mm-panel_fx-slide-right {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}
.mm-menu_fx-panels-slide-right .mm-panel_opened,
.mm-menu_fx-panels-slide-right .mm-panel_opened-parent,
.mm-panel_fx-slide-right.mm-panel_opened {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
[class*="mm-menu_fx-listitems-"] .mm-listitem {
    -webkit-transition: none 0.4s ease;
    -o-transition: none 0.4s ease;
    transition: none 0.4s ease;
}
[class*="mm-menu_fx-listitems-"] .mm-listitem:nth-child(1) {
    -webkit-transition-delay: 50ms;
    -o-transition-delay: 50ms;
    transition-delay: 50ms;
}
[class*="mm-menu_fx-listitems-"] .mm-listitem:nth-child(2) {
    -webkit-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    transition-delay: 0.1s;
}
[class*="mm-menu_fx-listitems-"] .mm-listitem:nth-child(3) {
    -webkit-transition-delay: 150ms;
    -o-transition-delay: 150ms;
    transition-delay: 150ms;
}
[class*="mm-menu_fx-listitems-"] .mm-listitem:nth-child(4) {
    -webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
[class*="mm-menu_fx-listitems-"] .mm-listitem:nth-child(5) {
    -webkit-transition-delay: 250ms;
    -o-transition-delay: 250ms;
    transition-delay: 250ms;
}
[class*="mm-menu_fx-listitems-"] .mm-listitem:nth-child(6) {
    -webkit-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
[class*="mm-menu_fx-listitems-"] .mm-listitem:nth-child(7) {
    -webkit-transition-delay: 350ms;
    -o-transition-delay: 350ms;
    transition-delay: 350ms;
}
[class*="mm-menu_fx-listitems-"] .mm-listitem:nth-child(8) {
    -webkit-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
    transition-delay: 0.4s;
}
[class*="mm-menu_fx-listitems-"] .mm-listitem:nth-child(9) {
    -webkit-transition-delay: 450ms;
    -o-transition-delay: 450ms;
    transition-delay: 450ms;
}
[class*="mm-menu_fx-listitems-"] .mm-listitem:nth-child(10) {
    -webkit-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
    transition-delay: 0.5s;
}
[class*="mm-menu_fx-listitems-"] .mm-listitem:nth-child(11) {
    -webkit-transition-delay: 550ms;
    -o-transition-delay: 550ms;
    transition-delay: 550ms;
}
[class*="mm-menu_fx-listitems-"] .mm-listitem:nth-child(12) {
    -webkit-transition-delay: 0.6s;
    -o-transition-delay: 0.6s;
    transition-delay: 0.6s;
}
[class*="mm-menu_fx-listitems-"] .mm-listitem:nth-child(13) {
    -webkit-transition-delay: 650ms;
    -o-transition-delay: 650ms;
    transition-delay: 650ms;
}
[class*="mm-menu_fx-listitems-"] .mm-listitem:nth-child(14) {
    -webkit-transition-delay: 0.7s;
    -o-transition-delay: 0.7s;
    transition-delay: 0.7s;
}
[class*="mm-menu_fx-listitems-"] .mm-listitem:nth-child(15) {
    -webkit-transition-delay: 750ms;
    -o-transition-delay: 750ms;
    transition-delay: 750ms;
}
.mm-menu_fx-listitems-slide .mm-listitem {
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    -o-transition-property: transform, opacity;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-transform: translate3d(50%, 0, 0);
    transform: translate3d(50%, 0, 0);
    opacity: 0;
}
.mm-wrapper_opening .mm-menu_fx-listitems-slide .mm-panel_opened .mm-listitem {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
}
.mm-menu_fx-listitems-fade .mm-listitem {
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
    opacity: 0;
}
.mm-wrapper_opening .mm-menu_fx-listitems-fade .mm-panel_opened .mm-listitem {
    opacity: 1;
}
.mm-menu_fx-listitems-drop .mm-listitem {
    -webkit-transition-property: opacity, top;
    -o-transition-property: opacity, top;
    transition-property: opacity, top;
    opacity: 0;
    top: -25%;
}
.mm-wrapper_opening .mm-menu_fx-listitems-drop .mm-panel_opened .mm-listitem {
    opacity: 1;
    top: 0;
}
[class*="mm-menu_pagedim"].mm-menu_opened ~ .mm-wrapper__blocker {
    opacity: 0;
}
.mm-wrapper_opening [class*="mm-menu_pagedim"].mm-menu_opened ~ .mm-wrapper__blocker {
    opacity: 0.3;
    -webkit-transition: opacity 0.4s ease 0.4s;
    -o-transition: opacity 0.4s ease 0.4s;
    transition: opacity 0.4s ease 0.4s;
}
.mm-menu_opened.mm-menu_pagedim ~ .mm-wrapper__blocker {
    background: inherit;
}
.mm-menu_opened.mm-menu_pagedim-black ~ .mm-wrapper__blocker {
    background: #000;
}
.mm-menu_opened.mm-menu_pagedim-white ~ .mm-wrapper__blocker {
    background: #fff;
}
.mm-menu_position-right {
    left: auto;
    right: 0;
}
.mm-wrapper_opening .mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
    -webkit-transform: translate3d(-80vw, 0, 0);
    transform: translate3d(-80vw, 0, 0);
}
@media all and (max-width: 300px) {
    .mm-wrapper_opening .mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
        -webkit-transform: translate3d(-240px, 0, 0);
        transform: translate3d(-240px, 0, 0);
    }
}
@media all and (min-width: 550px) {
    .mm-wrapper_opening .mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
        -webkit-transform: translate3d(-440px, 0, 0);
        transform: translate3d(-440px, 0, 0);
    }
}
.mm-menu_position-bottom,
.mm-menu_position-front,
.mm-menu_position-top {
    -webkit-transition: -webkit-transform 0.4s ease;
    transition: -webkit-transform 0.4s ease;
    -o-transition: transform 0.4s ease;
    transition: transform 0.4s ease;
    transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}
.mm-menu_position-bottom.mm-menu_opened,
.mm-menu_position-front.mm-menu_opened,
.mm-menu_position-top.mm-menu_opened {
    z-index: 2;
}
.mm-menu_position-bottom.mm-menu_opened ~ .mm-slideout,
.mm-menu_position-front.mm-menu_opened ~ .mm-slideout,
.mm-menu_position-top.mm-menu_opened ~ .mm-slideout {
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
    z-index: 0;
}
.mm-menu_position-bottom.mm-menu_opened ~ .mm-wrapper__blocker,
.mm-menu_position-front.mm-menu_opened ~ .mm-wrapper__blocker,
.mm-menu_position-top.mm-menu_opened ~ .mm-wrapper__blocker {
    z-index: 1;
}
.mm-menu_position-front {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}
.mm-menu_position-front.mm-menu_position-right {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}
.mm-menu_position-bottom,
.mm-menu_position-top {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
}
.mm-menu_position-top {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
}
.mm-menu_position-top {
    height: 80vh;
    min-height: 140px;
    max-height: 880px;
}
.mm-menu_position-bottom {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    top: auto;
}
.mm-menu_position-bottom {
    height: 80vh;
    min-height: 140px;
    max-height: 880px;
}
.mm-wrapper_opening .mm-menu_position-bottom,
.mm-wrapper_opening .mm-menu_position-front,
.mm-wrapper_opening .mm-menu_position-top {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.mm-menu_shadow-page:after {
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: var(--mm-shadow);
    box-shadow: var(--mm-shadow);
    content: "";
    display: block;
    width: 20px;
    height: 120%;
    position: absolute;
    left: 100%;
    top: -10%;
    z-index: 100;
    -webkit-clip-path: polygon(-20px 0, 0 0, 0 100%, -20px 100%);
    clip-path: polygon(-20px 0, 0 0, 0 100%, -20px 100%);
}
.mm-menu_shadow-page.mm-menu_position-right:after {
    left: auto;
    right: 100%;
    -webkit-clip-path: polygon(20px 0, 40px 0, 40px 100%, 20px 100%);
    clip-path: polygon(20px 0, 40px 0, 40px 100%, 20px 100%);
}
.mm-menu_shadow-page.mm-menu_position-front:after {
    content: none;
    display: none;
}
.mm-menu_shadow-menu {
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: var(--mm-shadow);
    box-shadow: var(--mm-shadow);
}
.mm-menu_shadow-panels .mm-panels > .mm-panel {
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: var(--mm-shadow);
    box-shadow: var(--mm-shadow);
}
.mm-menu_theme-white {
    --mm-color-border: rgba(0, 0, 0, 0.1);
    --mm-color-button: rgba(0, 0, 0, 0.3);
    --mm-color-text: rgba(0, 0, 0, 0.7);
    --mm-color-text-dimmed: rgba(0, 0, 0, 0.3);
    --mm-color-background: #fff;
    --mm-color-background-highlight: rgba(0, 0, 0, 0.06);
    --mm-color-background-emphasis: rgba(0, 0, 0, 0.03);
    --mm-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.mm-menu_theme-dark {
    --mm-color-border: rgba(0, 0, 0, 0.3);
    --mm-color-button: rgba(255, 255, 255, 0.4);
    --mm-color-text: rgba(255, 255, 255, 0.85);
    --mm-color-text-dimmed: rgba(255, 255, 255, 0.4);
    --mm-color-background: #333;
    --mm-color-background-highlight: rgba(255, 255, 255, 0.08);
    --mm-color-background-emphasis: rgba(0, 0, 0, 0.1);
    --mm-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}
.mm-menu_theme-black {
    --mm-color-border: rgba(255, 255, 255, 0.25);
    --mm-color-button: rgba(255, 255, 255, 0.4);
    --mm-color-text: rgba(255, 255, 255, 0.75);
    --mm-color-text-dimmed: rgba(255, 255, 255, 0.4);
    --mm-color-background: #000;
    --mm-color-background-highlight: rgba(255, 255, 255, 0.2);
    --mm-color-background-emphasis: rgba(255, 255, 255, 0.15);
    --mm-shadow: none;
}
body.modal-open .mm-slideout {
    z-index: unset;
}
.mm-navbar__title {
    overflow: hidden;
    color: #fff !important;
}
.mm-navbar__title img {
    margin-top: 0;
    width: 150px;
    margin: -32px 0 0 0;
    position: relative;
    top: 4px;
}
.mm-listview > li > a,
.mm-listview > li > span {
    padding-top: 15px;
    padding-bottom: 15px;
}
.mm-menu {
    --mm-color-background: #131313;
    --mm-color-border: #212121;
    --mm-offset-left: 0;
    --mm-color-button: #7a0000;
    --mm-navbar-size: 60px;
}
.mm-listitem:after {
    left: 0;
}
@media screen and (max-width: 1100px) {
    #js-mm-menu {
        display: none !important;
    }
    #js-mm-trigger {
        display: block !important;
        position: fixed;
        right: 0;
        top: 0;
        cursor: pointer;
        opacity: 1;
        width: 60px;
        height: 60px;
        background: transparent;
        border-radius: 100%;
        transition: all 0.2s ease-in-out;
    }
    #js-mm-trigger:before,
    #js-mm-trigger:after,
    #js-mm-trigger span:after {
        display: block;
        content: " ";
        position: absolute;
        left: 29px;
        width: 1px;
        height: 20px;
        border-radius: 4px;
        background: #fff;
        transition: background 0.2s ease-in-out;
        transform: rotate(90deg);
        transition: 0.2s ease-in-out;
    }
    #js-mm-trigger span {
        position: relative;
        color: #fff;
        font-family: "Teko", sans-serif;
        font-size: 14px;
        display: block;
        text-align: center;
        top: 30px;
    }
    #js-mm-trigger:before {
        top: 4px;
    }
    #js-mm-trigger:after {
        top: 18px;
    }
    #js-mm-trigger span:after {
        top: -19px;
    }
    .mm-wrapper_opened #js-mm-trigger:before {
        top: 14px;
        transform: rotate(-45deg);
    }
    .mm-wrapper_opened #js-mm-trigger:after {
        top: 14px;
        transform: rotate(45deg);
    }
    .mm-wrapper_opened #js-mm-trigger span:after {
        display: none;
    }
}
@media screen and (min-width: 1101px) {
    #mm-js-mm-menu,
    #js-mm-trigger {
        display: none !important;
    }
} /*!
	Modaal - accessible modals - v0.4.4
	by Humaan, for all humans.
	http://humaan.com
 */
.modaal-noscroll {
    overflow: hidden;
}
.modaal-accessible-hide {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden;
}
.modaal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    opacity: 0;
}
.modaal-wrapper {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    overflow: auto;
    opacity: 1;
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch;
    transition: all 0.3s ease-in-out;
    background: rgba(0, 0, 0, 0.8);
}
.modaal-wrapper * {
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-backface-visibility: hidden;
}
.modaal-wrapper .modaal-close {
    border: none;
    background: transparent;
    padding: 0;
    -webkit-appearance: none;
}
.modaal-wrapper.modaal-start_none {
    display: none;
    opacity: 1;
}
.modaal-wrapper.modaal-start_fade {
    opacity: 0;
}
.modaal-wrapper *[tabindex="0"] {
    outline: none !important;
}
.modaal-wrapper.modaal-fullscreen {
    overflow: hidden;
}
.modaal-outer-wrapper {
    display: table;
    position: relative;
    width: 100%;
    height: 100%;
}
.modaal-fullscreen .modaal-outer-wrapper {
    display: block;
}
.modaal-inner-wrapper {
    display: table-cell;
    width: 100%;
    height: 100%;
    position: relative;
    vertical-align: middle;
    text-align: center;
    padding: 80px 25px;
    border: none;
}
.modaal-fullscreen .modaal-inner-wrapper {
    padding: 0;
    display: block;
    vertical-align: top;
}
.modaal-container {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: auto;
    text-align: left;
    color: #000;
    max-width: 1000px;
    border-radius: 0;
    background: #fff;
    box-shadow: none;
    cursor: auto;
}
.modaal-container.is_loading {
    height: 100px;
    width: 100px;
    overflow: hidden;
}
.modaal-fullscreen .modaal-container {
    max-width: none;
    height: 100%;
    overflow: auto;
}
.modaal-close {
    position: fixed;
    right: 20px;
    top: 20px;
    color: #fff;
    cursor: pointer;
    opacity: 1;
    width: 50px;
    height: 50px;
    background: transparent;
    border-radius: 100%;
    transition: all 0.2s ease-in-out;
}
.modaal-close:focus,
.modaal-close:hover {
    outline: none;
    background: #fff;
}
.modaal-close:focus:before,
.modaal-close:focus:after,
.modaal-close:hover:before,
.modaal-close:hover:after {
    background: #fff;
}
.modaal-close span {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden;
}
.modaal-close:before,
.modaal-close:after {
    display: block;
    content: " ";
    position: absolute;
    top: 14px;
    left: 23px;
    width: 4px;
    height: 22px;
    border-radius: 4px;
    background: #fff;
    transition: background 0.2s ease-in-out;
}
.modaal-close:before {
    transform: rotate(-45deg);
}
.modaal-close:after {
    transform: rotate(45deg);
}
.modaal-fullscreen .modaal-close {
    background: #afb7bc;
    right: 10px;
    top: 10px;
}
.modaal-content-container {
    padding: 30px;
}
.modaal-confirm-wrap {
    padding: 30px 0 0;
    text-align: center;
    font-size: 0;
}
.modaal-confirm-btn {
    font-size: 14px;
    display: inline-block;
    margin: 0 10px;
    vertical-align: middle;
    cursor: pointer;
    border: none;
    background: transparent;
}
.modaal-confirm-btn.modaal-ok {
    padding: 10px 15px;
    color: #fff;
    background: #555;
    border-radius: 3px;
    transition: background 0.2s ease-in-out;
}
.modaal-confirm-btn.modaal-ok:hover {
    background: #2f2f2f;
}
.modaal-confirm-btn.modaal-cancel {
    text-decoration: underline;
}
.modaal-confirm-btn.modaal-cancel:hover {
    text-decoration: none;
    color: #2f2f2f;
}
@keyframes instaReveal {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-o-keyframes instaReveal {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-moz-keyframes instaReveal {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-webkit-keyframes instaReveal {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-ms-keyframes instaReveal {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.modaal-instagram .modaal-container {
    width: auto;
    background: transparent;
    box-shadow: none !important;
}
.modaal-instagram .modaal-content-container {
    padding: 0;
    background: transparent;
}
.modaal-instagram .modaal-content-container > blockquote {
    width: 1px !important;
    height: 1px !important;
    opacity: 0 !important;
}
.modaal-instagram iframe {
    opacity: 0;
    margin: -6px !important;
    border-radius: 0 !important;
    width: 1000px !important;
    max-width: 800px !important;
    box-shadow: none !important;
    animation: instaReveal 1s linear forwards;
}
.modaal-image .modaal-inner-wrapper {
    padding-left: 140px;
    padding-right: 140px;
}
.modaal-image .modaal-container {
    width: auto;
    max-width: 100%;
}
.modaal-gallery-wrap {
    position: relative;
    color: #fff;
}
.modaal-gallery-item {
    display: none;
}
.modaal-gallery-item img {
    display: block;
}
.modaal-gallery-item.is_active {
    display: block;
}
.modaal-gallery-label {
    position: absolute;
    left: 0;
    width: 100%;
    margin: 20px 0 0;
    font-size: 18px;
    text-align: center;
    color: #fff;
}
.modaal-gallery-label:focus {
    outline: none;
}
.modaal-gallery-control {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    opacity: 1;
    cursor: pointer;
    color: #fff;
    width: 50px;
    height: 50px;
    background: transparent;
    border: none;
    border-radius: 100%;
    transition: all 0.2s ease-in-out;
}
.modaal-gallery-control.is_hidden {
    opacity: 0;
    cursor: default;
}
.modaal-gallery-control:focus,
.modaal-gallery-control:hover {
    outline: none;
    background: #fff;
}
.modaal-gallery-control:focus:before,
.modaal-gallery-control:focus:after,
.modaal-gallery-control:hover:before,
.modaal-gallery-control:hover:after {
    background: #afb7bc;
}
.modaal-gallery-control span {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden;
}
.modaal-gallery-control:before,
.modaal-gallery-control:after {
    display: block;
    content: " ";
    position: absolute;
    top: 16px;
    left: 25px;
    width: 4px;
    height: 18px;
    border-radius: 4px;
    background: #fff;
    transition: background 0.2s ease-in-out;
}
.modaal-gallery-control:before {
    margin: -5px 0 0;
    transform: rotate(-45deg);
}
.modaal-gallery-control:after {
    margin: 5px 0 0;
    transform: rotate(45deg);
}
.modaal-gallery-next-inner {
    left: 100%;
    margin-left: 40px;
}
.modaal-gallery-next-outer {
    right: 45px;
}
.modaal-gallery-prev:before,
.modaal-gallery-prev:after {
    left: 22px;
}
.modaal-gallery-prev:before {
    margin: 5px 0 0;
    transform: rotate(-45deg);
}
.modaal-gallery-prev:after {
    margin: -5px 0 0;
    transform: rotate(45deg);
}
.modaal-gallery-prev-inner {
    right: 100%;
    margin-right: 40px;
}
.modaal-gallery-prev-outer {
    left: 45px;
}
.modaal-video-wrap {
    margin: auto 50px;
    position: relative;
}
.modaal-video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    background: #000;
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
}
.modaal-video-container iframe,
.modaal-video-container object,
.modaal-video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.modaal-iframe .modaal-content {
    width: 100%;
    height: 100%;
}
.modaal-iframe-elem {
    width: 100%;
    height: 100%;
    display: block;
}
@media only screen and (min-width: 1400px) {
    .modaal-video-container {
        padding-bottom: 0;
        height: 731px;
    }
}
@media only screen and (max-width: 1140px) {
    .modaal-image .modaal-inner-wrapper {
        padding-left: 25px;
        padding-right: 25px;
    }
    .modaal-gallery-control {
        top: auto;
        bottom: 20px;
        transform: none;
        background: rgba(0, 0, 0, 0.7);
    }
    .modaal-gallery-control:before,
    .modaal-gallery-control:after {
        background: #fff;
    }
    .modaal-gallery-next {
        left: auto;
        right: 20px;
    }
    .modaal-gallery-prev {
        left: 20px;
        right: auto;
    }
}
@media screen and (max-width: 900px) {
    .modaal-instagram iframe {
        width: 500px !important;
    }
}
@media screen and (max-height: 1100px) {
    .modaal-instagram iframe {
        width: 700px !important;
    }
}
@media screen and (max-height: 1000px) {
    .modaal-inner-wrapper {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .modaal-instagram iframe {
        width: 600px !important;
    }
}
@media screen and (max-height: 900px) {
    .modaal-instagram iframe {
        width: 500px !important;
    }
    .modaal-video-container {
        max-width: 900px;
        max-height: 510px;
    }
}
@media only screen and (max-width: 600px) {
    .modaal-instagram iframe {
        width: 280px !important;
    }
}
@media only screen and (max-height: 820px) {
    .modaal-gallery-label {
        display: none;
    }
}
.modaal-loading-spinner {
    background: none;
    position: absolute;
    width: 200px;
    height: 200px;
    top: 50%;
    left: 50%;
    margin: -100px 0 0 -100px;
    transform: scale(0.25);
}
@-ms-keyframes modaal-loading-spinner {
    0% {
        opacity: 1;
        -ms-transform: scale(1.5);
        -moz-transform: scale(1.5);
        -webkit-transform: scale(1.5);
        -o-transform: scale(1.5);
        transform: scale(1.5);
    }
    100% {
        opacity: 0.1;
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}
@-moz-keyframes modaal-loading-spinner {
    0% {
        opacity: 1;
        -ms-transform: scale(1.5);
        -moz-transform: scale(1.5);
        -webkit-transform: scale(1.5);
        -o-transform: scale(1.5);
        transform: scale(1.5);
    }
    100% {
        opacity: 0.1;
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}
@-webkit-keyframes modaal-loading-spinner {
    0% {
        opacity: 1;
        -ms-transform: scale(1.5);
        -moz-transform: scale(1.5);
        -webkit-transform: scale(1.5);
        -o-transform: scale(1.5);
        transform: scale(1.5);
    }
    100% {
        opacity: 0.1;
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}
@-o-keyframes modaal-loading-spinner {
    0% {
        opacity: 1;
        -ms-transform: scale(1.5);
        -moz-transform: scale(1.5);
        -webkit-transform: scale(1.5);
        -o-transform: scale(1.5);
        transform: scale(1.5);
    }
    100% {
        opacity: 0.1;
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes modaal-loading-spinner {
    0% {
        opacity: 1;
        -ms-transform: scale(1.5);
        -moz-transform: scale(1.5);
        -webkit-transform: scale(1.5);
        -o-transform: scale(1.5);
        transform: scale(1.5);
    }
    100% {
        opacity: 0.1;
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}
.modaal-loading-spinner > div {
    width: 24px;
    height: 24px;
    margin-left: 4px;
    margin-top: 4px;
    position: absolute;
}
.modaal-loading-spinner > div > div {
    width: 100%;
    height: 100%;
    border-radius: 15px;
    background: #fff;
}
.modaal-loading-spinner > div:nth-of-type(1) > div {
    -ms-animation: modaal-loading-spinner 1s linear infinite;
    -moz-animation: modaal-loading-spinner 1s linear infinite;
    -webkit-animation: modaal-loading-spinner 1s linear infinite;
    -o-animation: modaal-loading-spinner 1s linear infinite;
    animation: modaal-loading-spinner 1s linear infinite;
    -ms-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -webkit-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
}
.modaal-loading-spinner > div:nth-of-type(2) > div,
.modaal-loading-spinner > div:nth-of-type(3) > div {
    -ms-animation: modaal-loading-spinner 1s linear infinite;
    -moz-animation: modaal-loading-spinner 1s linear infinite;
    -webkit-animation: modaal-loading-spinner 1s linear infinite;
    -o-animation: modaal-loading-spinner 1s linear infinite;
}
.modaal-loading-spinner > div:nth-of-type(1) {
    -ms-transform: translate(84px, 84px) rotate(45deg) translate(70px, 0);
    -moz-transform: translate(84px, 84px) rotate(45deg) translate(70px, 0);
    -webkit-transform: translate(84px, 84px) rotate(45deg) translate(70px, 0);
    -o-transform: translate(84px, 84px) rotate(45deg) translate(70px, 0);
    transform: translate(84px, 84px) rotate(45deg) translate(70px, 0);
}
.modaal-loading-spinner > div:nth-of-type(2) > div {
    animation: modaal-loading-spinner 1s linear infinite;
    -ms-animation-delay: 0.12s;
    -moz-animation-delay: 0.12s;
    -webkit-animation-delay: 0.12s;
    -o-animation-delay: 0.12s;
    animation-delay: 0.12s;
}
.modaal-loading-spinner > div:nth-of-type(2) {
    -ms-transform: translate(84px, 84px) rotate(90deg) translate(70px, 0);
    -moz-transform: translate(84px, 84px) rotate(90deg) translate(70px, 0);
    -webkit-transform: translate(84px, 84px) rotate(90deg) translate(70px, 0);
    -o-transform: translate(84px, 84px) rotate(90deg) translate(70px, 0);
    transform: translate(84px, 84px) rotate(90deg) translate(70px, 0);
}
.modaal-loading-spinner > div:nth-of-type(3) > div {
    animation: modaal-loading-spinner 1s linear infinite;
    -ms-animation-delay: 0.25s;
    -moz-animation-delay: 0.25s;
    -webkit-animation-delay: 0.25s;
    -o-animation-delay: 0.25s;
    animation-delay: 0.25s;
}
.modaal-loading-spinner > div:nth-of-type(4) > div,
.modaal-loading-spinner > div:nth-of-type(5) > div {
    -ms-animation: modaal-loading-spinner 1s linear infinite;
    -moz-animation: modaal-loading-spinner 1s linear infinite;
    -webkit-animation: modaal-loading-spinner 1s linear infinite;
    -o-animation: modaal-loading-spinner 1s linear infinite;
}
.modaal-loading-spinner > div:nth-of-type(3) {
    -ms-transform: translate(84px, 84px) rotate(135deg) translate(70px, 0);
    -moz-transform: translate(84px, 84px) rotate(135deg) translate(70px, 0);
    -webkit-transform: translate(84px, 84px) rotate(135deg) translate(70px, 0);
    -o-transform: translate(84px, 84px) rotate(135deg) translate(70px, 0);
    transform: translate(84px, 84px) rotate(135deg) translate(70px, 0);
}
.modaal-loading-spinner > div:nth-of-type(4) > div {
    animation: modaal-loading-spinner 1s linear infinite;
    -ms-animation-delay: 0.37s;
    -moz-animation-delay: 0.37s;
    -webkit-animation-delay: 0.37s;
    -o-animation-delay: 0.37s;
    animation-delay: 0.37s;
}
.modaal-loading-spinner > div:nth-of-type(4) {
    -ms-transform: translate(84px, 84px) rotate(180deg) translate(70px, 0);
    -moz-transform: translate(84px, 84px) rotate(180deg) translate(70px, 0);
    -webkit-transform: translate(84px, 84px) rotate(180deg) translate(70px, 0);
    -o-transform: translate(84px, 84px) rotate(180deg) translate(70px, 0);
    transform: translate(84px, 84px) rotate(180deg) translate(70px, 0);
}
.modaal-loading-spinner > div:nth-of-type(5) > div {
    animation: modaal-loading-spinner 1s linear infinite;
    -ms-animation-delay: 0.5s;
    -moz-animation-delay: 0.5s;
    -webkit-animation-delay: 0.5s;
    -o-animation-delay: 0.5s;
    animation-delay: 0.5s;
}
.modaal-loading-spinner > div:nth-of-type(6) > div,
.modaal-loading-spinner > div:nth-of-type(7) > div {
    -ms-animation: modaal-loading-spinner 1s linear infinite;
    -moz-animation: modaal-loading-spinner 1s linear infinite;
    -webkit-animation: modaal-loading-spinner 1s linear infinite;
    -o-animation: modaal-loading-spinner 1s linear infinite;
}
.modaal-loading-spinner > div:nth-of-type(5) {
    -ms-transform: translate(84px, 84px) rotate(225deg) translate(70px, 0);
    -moz-transform: translate(84px, 84px) rotate(225deg) translate(70px, 0);
    -webkit-transform: translate(84px, 84px) rotate(225deg) translate(70px, 0);
    -o-transform: translate(84px, 84px) rotate(225deg) translate(70px, 0);
    transform: translate(84px, 84px) rotate(225deg) translate(70px, 0);
}
.modaal-loading-spinner > div:nth-of-type(6) > div {
    animation: modaal-loading-spinner 1s linear infinite;
    -ms-animation-delay: 0.62s;
    -moz-animation-delay: 0.62s;
    -webkit-animation-delay: 0.62s;
    -o-animation-delay: 0.62s;
    animation-delay: 0.62s;
}
.modaal-loading-spinner > div:nth-of-type(6) {
    -ms-transform: translate(84px, 84px) rotate(270deg) translate(70px, 0);
    -moz-transform: translate(84px, 84px) rotate(270deg) translate(70px, 0);
    -webkit-transform: translate(84px, 84px) rotate(270deg) translate(70px, 0);
    -o-transform: translate(84px, 84px) rotate(270deg) translate(70px, 0);
    transform: translate(84px, 84px) rotate(270deg) translate(70px, 0);
}
.modaal-loading-spinner > div:nth-of-type(7) > div {
    animation: modaal-loading-spinner 1s linear infinite;
    -ms-animation-delay: 0.75s;
    -moz-animation-delay: 0.75s;
    -webkit-animation-delay: 0.75s;
    -o-animation-delay: 0.75s;
    animation-delay: 0.75s;
}
.modaal-loading-spinner > div:nth-of-type(7) {
    -ms-transform: translate(84px, 84px) rotate(315deg) translate(70px, 0);
    -moz-transform: translate(84px, 84px) rotate(315deg) translate(70px, 0);
    -webkit-transform: translate(84px, 84px) rotate(315deg) translate(70px, 0);
    -o-transform: translate(84px, 84px) rotate(315deg) translate(70px, 0);
    transform: translate(84px, 84px) rotate(315deg) translate(70px, 0);
}
.modaal-loading-spinner > div:nth-of-type(8) > div {
    -ms-animation: modaal-loading-spinner 1s linear infinite;
    -moz-animation: modaal-loading-spinner 1s linear infinite;
    -webkit-animation: modaal-loading-spinner 1s linear infinite;
    -o-animation: modaal-loading-spinner 1s linear infinite;
    animation: modaal-loading-spinner 1s linear infinite;
    -ms-animation-delay: 0.87s;
    -moz-animation-delay: 0.87s;
    -webkit-animation-delay: 0.87s;
    -o-animation-delay: 0.87s;
    animation-delay: 0.87s;
}
.modaal-loading-spinner > div:nth-of-type(8) {
    -ms-transform: translate(84px, 84px) rotate(360deg) translate(70px, 0);
    -moz-transform: translate(84px, 84px) rotate(360deg) translate(70px, 0);
    -webkit-transform: translate(84px, 84px) rotate(360deg) translate(70px, 0);
    -o-transform: translate(84px, 84px) rotate(360deg) translate(70px, 0);
    transform: translate(84px, 84px) rotate(360deg) translate(70px, 0);
}
.js-modaal-content {
    display: none;
}
.modaal-content-container {
    padding: 0;
}
.modaal-close {
    right: 0;
    top: 0;
    color: #fff;
    width: 100px;
    height: 100px;
    background: #7a0000 !important;
    border-radius: 0;
}
.modaal-close:before,
.modaal-close:after {
    width: 2px;
}
.modaal-close:before {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -moz-transform: translate(-50%, -50%) rotate(-45deg);
    -o-transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
}
.modaal-close:after {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -moz-transform: translate(-50%, -50%) rotate(45deg);
    -o-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
}
@media screen and (max-width: 1440px) {
    .modaal-container {
        width: 800px;
    }
    .modaal-close {
        width: 60px;
        height: 60px;
    }
}
@media screen and (max-width: 480px) {
    .modaal-gallery-control {
        top: 40% !important;
        width: 40px;
        height: 40px;
        border-radius: 0;
    }
    .modaal-gallery-prev {
        left: 0;
    }
    .modaal-gallery-next {
        right: 0;
    }
    .modaal-gallery-control:before,
    .modaal-gallery-control:after {
        width: 3px;
        height: 12px;
        border-radius: 4px;
    }
    .modaal-gallery-prev:before {
        margin: 2px 0 0 -3px;
    }
    .modaal-gallery-prev:after {
        margin: -5px 0 0 -3px;
    }
    .modaal-gallery-next:before {
        margin: -5px 3px 0 -3px;
    }
    .modaal-gallery-next:after {
        margin: 2px 0 0 -3px;
    }
}
.slick-loading .slick-list {
    background: #fff url("../images/common/ajax-loader.gif") center center no-repeat;
}
@font-face {
    font-family: "slick";
    src: url("../fonts/slick.eot");
    src: url("../fonts/slick.eot?#iefix") format("embedded-opentype"), url("../fonts/slick.woff") format("woff"), url("../fonts/slick.ttf") format("truetype"), url("../fonts/slick.svg#slick") format("svg");
    font-weight: normal;
    font-style: normal;
}
.slick-prev,
.slick-next {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0px;
    font-size: 0px;
    cursor: pointer;
    background: transparent;
    color: transparent;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding: 0;
    border: none;
    outline: none;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
    /*font-family: "slick";*/
    font-size: 20px;
    line-height: 1;
    color: #fff;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-prev {
    left: -25px;
}
[dir="rtl"] .slick-prev {
    left: auto;
    right: -25px;
}
.slick-prev:before {
    content: "←";
}
[dir="rtl"] .slick-prev:before {
    content: "→";
}
.slick-next {
    right: -25px;
}
[dir="rtl"] .slick-next {
    left: -25px;
    right: auto;
}
.slick-next:before {
    content: "→";
}
[dir="rtl"] .slick-next:before {
    content: "←";
}
.slick-dotted.slick-slider {
    margin-bottom: 30px;
}
.slick-dots {
    position: absolute;
    bottom: -25px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%;
}
.slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}
.slick-dots li button {
    border: 0;
    background: transparent;
    display: block;
    height: 20px;
    width: 20px;
    outline: none;
    line-height: 0px;
    font-size: 0px;
    color: transparent;
    padding: 5px;
    cursor: pointer;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1;
}
.slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "•";
    width: 20px;
    height: 20px;
    font-family: "slick";
    font-size: 6px;
    line-height: 20px;
    text-align: center;
    color: #000;
    opacity: 0.25;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
    color: #000;
    opacity: 0.75;
}
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
    transition: all ease-in-out 0.3s;
}
.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
}
.slick-list:focus {
    outline: none;
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after {
    content: "";
    display: table;
}
.slick-track:after {
    clear: both;
}
.slick-loading .slick-track {
    visibility: hidden;
}
.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    outline: none;
    display: none;
}
[dir="rtl"] .slick-slide {
    float: right;
}
.slick-slide img {
    display: block;
}
.slick-slide.slick-loading img {
    display: none;
}
.slick-slide.dragging img {
    pointer-events: none;
}
.slick-initialized .slick-slide {
    display: block;
}
.slick-loading .slick-slide {
    visibility: hidden;
}
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
.slider-main .slick-slide {
    transition: 0.3s ease;
    transform: scale(0.85);
}
.slider-main .slick-current {
    transform: scale(1);
}
.js-inview-claw {
    transform: rotate(-5deg);
}
.js-inview-claw .js-inview-bg {
    content: "";
    position: absolute;
    top: 0;
    right: -100px;
    left: -100px;
    bottom: 0;
    color: #fff;
    background: #300;
    margin-left: 120%;
    transition: 0.6s ease-in;
}
.js-inview-claw.ease-in-left .js-inview-bg {
    margin-left: 0;
}
.js-inview-claw .sec_inner {
    padding-top: 100px;
    padding-bottom: 100px;
    position: relative;
    transform: rotate(5deg);
    z-index: 2;
}
.js-inview-claw + .sec {
    margin-top: 150px;
}
@media screen and (max-width: 960px) {
    .js-inview-claw .sec_inner {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .js-inview-claw + .sec {
        margin-top: 50px;
    }
}
#topcontrol {
    right: 20px;
    bottom: 20px;
    z-index: 9999;
}
#topcontrol #pagetop {
    background: #7a0000;
    width: 40px;
    height: 40px;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#topcontrol #pagetop:before {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border: 2px solid #fff;
    border-bottom: none;
    border-right: none;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-top: 3px;
}
.js-rellax_01,
.js-rellax_02 {
    position: absolute;
    z-index: 1;
}
.js-rellax_01 {
    width: 400px;
    top: 172px;
    left: 0;
}
.js-rellax_02 {
    width: 400px;
    top: 37%;
    right: 0;
}
@media screen and (max-width: 1440px) {
    .js-rellax_01 {
        width: 300px;
    }
    .js-rellax_02 {
        width: 300px;
    }
}
@media screen and (max-width: 960px) {
    .js-rellax_01 {
        width: 200px;
        top: 0;
    }
    .js-rellax_02 {
        width: 180px;
        bottom: -220px;
    }
}
.screen-reader-response {
    display: none;
}
.wpcf7-not-valid-tip {
    color: red;
}
.wp-pagenavi {
    overflow: hidden;
    width: 200px;
    margin: 15px auto;
    position: relative;
    background: #7a0000;
}
.wp-pagenavi::before {
    position: absolute;
    right: 15px;
    top: 50%;
    width: 0;
    height: 0;
    padding: 0;
    content: "";
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 8px solid #fff;
    pointer-events: none;
}
.wp-pagenavi select {
    width: 100%;
    cursor: pointer;
    border: none;
    outline: none;
    background: #7a0000;
    background-image: none;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none;
    color: #fff;
    text-align: center;
    font-size: 16px;
}
.wp-pagenavi select::-ms-expand {
    display: none;
}
/*# sourceMappingURL=style.css.map */

.slick-prev:before,
.slick-next:before{
    font-family: inherit !important;
}
.post, .page{
    margin: 0 0 0 0 !important;
}

#trp-floater-ls{overflow:inherit; z-index: 9999 !important;}
#trp-floater-ls:focus #trp-floater-ls-current-language, #trp-floater-ls:hover #trp-floater-ls-current-language{ display:block; background: #222222;}
#trp-floater-ls-language-list{width: 200px; position: absolute; right: 0; background: #222222; color: #fff}
#trp-floater-ls-language-list a{color: #fff !important}
#trp-floater-ls-language-list a:hover{color: #7a0000 !important; opacity: 1;}
#trp-floater-ls{width: 100px; height: 100px;}
#trp-floater-ls.trp-floater-ls-codes #trp-floater-ls-current-language a, #trp-floater-ls.trp-floater-ls-codes #trp-floater-ls-language-list{margin-top: 0; border-radius: 0px;}
.trp-language-wrap-top{background: #222222;}
#trp-floater-ls-current-language a{width: 100px; height: 100px; justify-content: center; position: relative;}
#trp-floater-ls-current-language a::before{content: ""; position: absolute; top: 40px; background-size: auto; background-repeat: no-repeat;
    background: url(../images/world-map-icon.png); width: 22px; height: 22px; background-position: center top;
}
#trp-floater-ls.trp-top-right{border-radius: 0px; right: 9.4%;}

#trp-floater-ls-current-language{background: #000000;}
#trp-floater-ls-language-list a:hover{color: #ffffff !important; background: #7a0000 !important;}
#trp-floater-ls #trp-floater-ls-current-language:hover{background: #222222 !important;}
.trp-language-switcher-container.trp-floater-ls-codes.trp-top-right .trp-language-wrap, .trp-language-switcher-container.trp-floater-ls-codes.trp-top-left .trp-language-wrap{padding: 0 !important;
}
#trp-floater-ls #trp-floater-ls-current-language:hover #trp-floater-ls-language-list{background: #222222 !important;}
#trp-floater-ls #trp-floater-ls-current-language:hover, #trp-floater-ls-language-list a{display: block;}
.trp-language-wrap a.trp-ls-disabled-language{background: #7a0000 !important;}

/*ul.whats_new_description li{list-style: inherit !important; position: relative;}
ul.whats_new_description li::before{width: 8px; height: 8px; content: ""; background: #333333; position: absolute; top: 12px; left: -15px;}
.table-style1 ul{margin: 0 0 0 15px;}
.table-style1 ul li.{list-style: inherit; position: relative;}
.table-style1 ul li::before{width: 8px; height: 8px; content: ""; background: #333333; position: absolute; top: 12px; left: -15px;}*/

li.show{list-style: inherit; position: relative; margin: 0 0 0 15px;}
li.show::before{width: 8px; height: 8px; content: ""; background: #333333; position: absolute; top: 12px; left: -15px;}

ul.image_description_list li {margin: 0 0 0 15px;}

ul.nav-grobal_grandchild{margin: 0;}

.footer_row .nav-footer .nav-global_child a{font-weight: bold;}

.footer_row .sub-menu li a{font-weight: normal !important;}
.footer_row ul.sub-menu{margin-left: 0;}
.footer_row ul.sub-menu li a{font-weight: bold !important;}

.sub-footer-bd{font-weight: bold;}

.footer_row .menu-item-99{margin: 0 0 25px 0;}
.footer_row .menu-item-100{margin: 0 0 25px 0;}
.footer_row .menu-item-86{margin: 0 0 25px 0;}
.footer_row .menu-item-93{margin: 0 0 25px 0;}
.footer_row .menu-item-77{margin: 0 0 25px 0;}
.footer_row .menu-item-82{margin: 0 0 25px 0;}
li.divider {padding: 2px 25px 2px 20px; background: #262626; margin: 10px 0;}
.header_inner .nav-grobal_grandchild .nav-grobal_item, .nav-grobal_child .nav-grobal_item li{background: #000;}

.banner-sec .nav-side_item{margin-bottom:0;}
.banner-sec .nav-side .is-current{opacity: 1; background: #101010; font-weight: normal;}
.banner-sec .nav-side .tab-link.is-current{font-weight: normal;}
/*.banner-sec .nav-side .is-current a::after {border-color: #ffffff;}*/

.local_visual+.ttl-xl, .local_visual+.ttl-lg, .local_visual+.ttl-md, .local_visual+.ttl-sm, .local_visual+.ttl-xs {margin-top: 0 !important;}

.banner-sec-wrapper{width: 75%; float: right;}

#tab-561{background-color: #000000; margin: 0; border-radius: 0; padding: 0 !important;}

#tab-561 .feature-dora_item{margin-top: 40px;}

#tab-562{background-color: #ffffff; margin: 0; border-radius: 0px 0px 4px 4px;}
#tab-562 p{margin-bottom: 1.4736842105em;}
#tab-562 .ttl-lg:first-child{margin-top: 0;}

#tab-563{background-color: #ffffff; background-color: #ffffff; margin: 0; border-radius: 0px 0px 4px 4px;}
#tab-563 p{margin-bottom: 1.4736842105em;}
#tab-563 .ttl-lg:first-child{margin-top: 0;}

#tab-564{background-color: #ffffff; background-color: #ffffff; margin: 0; border-radius: 0px 0px 4px 4px;}
#tab-564 p{margin-bottom: 1.4736842105em;}
#tab-564 .ttl-lg:first-child{margin-top: 0;}

#tab-565{background-color: #ffffff; background-color: #ffffff; margin: 0; border-radius: 0px 0px 4px 4px;}
#tab-565 p{margin-bottom: 1.4736842105em;}

#tab-566{background-color: #ffffff; background-color: #ffffff; margin: 0; border-radius: 0px 0px 4px 4px;}
#tab-566 p{margin-bottom: 1.4736842105em;}
#tab-566 .ttl-lg:first-child{margin-top: 0;}

#tab-567{background-color: #ffffff; background-color: #ffffff; margin: 0; border-radius: 0px 0px 4px 4px;}
#tab-567 p{margin-bottom: 1.4736842105em;}
#tab-567 .ttl-lg:first-child{margin-top: 0;}

#tab-568{background-color: #ffffff; background-color: #ffffff; margin: 0; border-radius: 0px 0px 4px 4px;}
#tab-568 p{margin-bottom: 1.4736842105em;}
#tab-568 .ttl-lg:first-child{margin-top: 0;}

#tab-565 .ttl-lg{margin-top: 2em;}

#tab-569{background-color: #ffffff; background-color: #ffffff; margin: 0; border-radius: 0px 0px 4px 4px;}
#tab-569 p{margin-bottom: 1.4736842105em;}
#tab-569 .ttl-lg:first-child{margin-top: 0;}

#tab-1414 p{margin-bottom: 1.4736842105em;}
#tab-1391 p{margin-bottom: 1.4736842105em;}

.frame, .frame-gray, .frame-red {border: 1px solid #eee; border-radius: 4px; margin-bottom: 1.4736842105em; padding: 40px;}

.local_visual_new {border: 1px solid #161616; color: #fff; line-height: 1.4; background-size: 132px auto; padding: 60px; /*margin-bottom: 40px;*/
  margin-bottom: 0px;
}

.mahjong-content p {margin-bottom: 1.4736842105em;}
.mahjong-content .list-ol > li{text-indent: -1.5em;}

#tab-1415 p {margin-bottom: 1.4736842105em;}

.nav-footer_item{margin-bottom: 0;}
li.nav-footer_item.sub-class-footer.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children a{font-size: inherit; font-weight: normal;}

li.sub-home-title-bd-footer a{font-weight: bold; margin: 0 0 25px 0; display: inline-block;}
li.sub-title-bd-footer a{font-weight: bold;}
li.sub-title-bd-footer ul li a{font-weight: normal;} 
li.sub-title-bd-footer{margin: 0 0 25px 0;}

#menu-footer-deposit li.sub-title-bd-footer a{font-weight: bold;}
#menu-footer-deposit li.sub-title-bd-footer a ul li a{font-weight: normal;} 
#menu-footer-deposit li.sub-title-bd-footer{margin: 0 0 25px 0;}

li.sub-title-two-bd-footer a::before{content: "";}
li.sub-title-two-bd-footer ul li a::before{content: "-";}

li.sub-title-three-bd-footer a::before{content: "";}
li.sub-title-three-bd-footer ul li a::before{content: "-";}

li.sub-title-four-bd-footer a::before{content: "";}
li.sub-title-four-bd-footer ul li a::before{content: "-";}

li.sub-title-five-bd-footer a::before{content: "";}
li.sub-title-five-bd-footer ul li a::before{content: "-";}

li.sub-title-two-bd-footer ul li a{font-weight: normal !important;}

li.sub-title-three-bd-footer ul li a{font-weight: normal !important;}
li.sub-title-three-bd-footer{margin: 25px 0 0 0;}

li.sub-title-four-bd-footer ul li a{font-weight: normal !important;}

li.sub-title-five-bd-footer ul li a{font-weight: normal !important;}
li.sub-title-five-bd-footer{margin: 25px 0 0 0;}

li.sub-title-seven-bd-footer a{font-weight: bold;}
li.sub-title-seven-bd-footer ul li a{font-weight: normal;}
li.sub-title-seven-bd-footer{margin: 25px 0 0 0;}

li.sub-title-bd-footer ul{margin-left: 0px;}
li.sub-title-seven-bd-footer ul{margin-left: 0px;}

#menu-promotion-menu li ul li a{font-weight: normal;}

/*.tab-content {padding: 60px;}*/
.tab-content {padding: 0px;}

.tournament-list-two{margin: -83px 0 0 0; z-index: -1; position: relative;}

#tab-564 .mahjong-content .list-ol > li{text-indent: unset; list-style: decimal;}
#tab-564 .mahjong-content .list-ol > li::marker{color: #7a0000; font-weight: bold; font-family: "Montserrat"; line-height: 1;}
#tab-564 .list-ol > li::before{display: none;}

.sec-pt-tac-part .ttl-xl{color: #ffffff; border-bottom: 0px solid #eee; padding: 0;}
.sec-pt-tac-part .ttl-xl::before{display: none;}
.sec-pt-tac-part .tournament-block_txt p{color: #ffffff;}
.sec-pt-tac-part .tournament-block_txt .visual-hero_btn-claw{margin-top: 20px;}
.sec-pt-tac-part .frame-red{color: #ffffff; background: #1f0000; border-color: #150000 !important;}

.first-pt-pb .nav-local_item.is-current a {background: #101010;}

.sub-diff-content .ttl-xl{color: #ffffff; border-bottom: 0px solid #eee; padding: 0;}
.sub-diff-content .ttl-xl::before{display: none;}

.sub-diff-content .ttl-lg{background: transparent; padding: 0;}
.sub-diff-content .ttl-lg::before{display: none;}
.sub-diff-content .tournament-block_txt{color: #ffffff;}

.first-pt-pb .sec_inner{padding: 0;}
.second-tab-section{max-width: 1500px; padding: 0 60px; margin: 0 auto;}

.local_visual-full .local_ttl{color: #ffffff;}

.sub-regular-tour-main{max-width: 1500px; padding: 0 60px; margin: 0 auto; position: relative;}
.sub-regular-tour-main .ttl-xl{color: #ffffff; border-bottom: 0px solid #eee; padding: 2.5em 0 0 0; border-top: 1px solid #161616;}
.sub-regular-tour-main .ttl-xl:first-child{border-top: 0px; padding: 0;}
.sub-regular-tour-main .ttl-xl::before{display: none;}
.sub-regular-tour-main p{color: #ffffff;}
.sub-regular-tour-main .tournament-event{margin: 30px 0 0 0;}
.sub-regular-tour-main .tournament-event_ttl{color: #ffffff;}
.sub-regular-tour-main .tournament-event_body{color: #ffffff;}

.sub-special-tour-main{max-width: 1500px; padding: 0 60px; margin: 0 auto; position: relative;}
.sub-special-tour-main .ttl-xl{color: #ffffff; border-bottom: 0px solid #eee; padding: 2.5em 0 0 0; border-top: 1px solid #161616;}
.sub-special-tour-main .ttl-xl:first-child{border-top: 0px; padding: 0;}
.sub-special-tour-main .ttl-xl::before{display: none;}
.sub-special-tour-main p{color: #ffffff;}
.sub-special-tour-main .tournament-event{margin: 30px 0 0 0;}
.sub-special-tour-main .tournament-event_ttl{color: #ffffff;}
.sub-special-tour-main .tournament-event_body{color: #ffffff;}
.sub-special-tour-main .tournament-event_status{color: #ffffff !important;}
.sub-special-tour-main .tournament-event_status:hover{color: #ffffff !important;}
.sub-special-tour-main .ttl-lg {background: transparent; padding: 0;}
.sub-special-tour-main .ttl-lg::before{display: none;}

.host-sub-tour-main{max-width: 1500px; padding: 0 60px; margin: 0 auto; position: relative;}

.host-sub-tour-main .tournament-main-content .ttl-xl{color: #ffffff; border-bottom: 0px solid #eee; padding: 5px 0 18px 0;}
.host-sub-tour-main .tournament-main-content .ttl-xl::before{display: none;}
.host-sub-tour-main .tournament-main-content p{color: #ffffff; margin-bottom: 1.4736842105em;}

.special-tournament-subttl .ttl-xl {color: #fff; border-bottom: 0px; padding: 5px 0 18px 0px;}
.special-tournament-subttl .ttl-xl:before {display: none;}
.details-special-tournament .tournament-result_date {color: #fff;}
.details-special-tournament .tournament-result_ttl {color: #fff;}
.details-special-tournament .tournament-event_date {color: #fff;}
.details-special-tournament .tournament-event_prize {color: #fff;}
.details-special-tournament .tournament-event_info {color: #fff;}
.details-special-tournament .tournament-result_post {color: #fff;}
.details-special-tournament .tournament-result_rankingTtl {color: #fff;}
.details-recent-post h2.ttl-xl {color: #fff; border-bottom: none; padding: 5px 0 18px 0;}
.details-recent-post .ttl-xl:before {display: none;}
.details-recent-post .tournament-event_ttl {color: #fff;}
.details-recent-post .tournament-event_date {color: #fff;}
.details-recent-post .tournament-event_prize{color: #fff;}
.details-recent-post .tournament-event_info{color: #fff;}
.details-recent-post a:visited{color: #fff;}
.details-special-tournament .is-center a {color: #fff;}

.new-details-container{max-width: 1500px; padding: 0 60px; margin: 0 auto; position: relative;}
.mahjong-section, .mahjong-sub-section {margin: 40px 0; padding: 0; border-radius: 8px; scroll-margin-bottom: 100px;}

.local-menu-last{margin-top: 0px !important;}

.host-sub-tour-main .ttl-lg{background: transparent; padding: 16px 20px 13px 0px; margin: 0;}
.host-sub-tour-main .ttl-lg::before{display: none;}
.host-sub-tour-main .ttl-xl{color: #ffffff !important; border-bottom:0px !important; padding: 0;}
.host-sub-tour-main .ttl-xl::before{display: none;}
.host-sub-tour-main .sponsor_tournament_tb{color: #ffffff;}

.Shinjuku-text { margin: 15px 0 0;}

ul.promotion-sub-menu{margin: 0;}

.sub-tab-bg-white .ttl-lg:first-child{margin-top: 0;}

ul.nav-grobal_grandchild li a ul.nav-grobal_grandchild li a{padding: 0;}

li.Divider{padding: 0 10px !important;}

.js-inview-claw + .sec {margin-top: 150px;}

/*li.show{font-weight: bold;}*/

@media screen and (max-width: 1600px) {
    .nav-grobal_item > a, .nav-grobal_item span{font-size: 15px; padding: 4px 10px 0;}
}

@media screen and (max-width: 1500px) {
    .nav-grobal_item > a, .nav-grobal_item span{font-size: 14px; }
}

@media screen and (max-width: 1366px) {
    #trp-floater-ls {width: 50px; height: 60px;}
    #trp-floater-ls-current-language a{height: 60px;}
    #trp-floater-ls-current-language a::before{top: 20px;}
}

@media screen and (max-width: 1100px) {
    li.divider{margin: 0; padding: 0;}
    li.divider a{padding: 7.5px 29px !important; font-size: 10.5px !important;}
}

@media screen and (max-width: 1099px) {
    #trp-floater-ls.trp-top-right{display: none;}
    .trp-language-switcher > div{width: 100% !important; background: #222222 !important; border: 1px solid #222222 !important;}
    .trp-language-switcher > div > a{color: #ffffff !important; padding: 5px 12px !important;}
    .trp-language-switcher{width: 100%;height: initial;display: flex;flex-direction: column;}
    .trp-language-switcher:focus .trp-ls-shortcode-language, .trp-language-switcher:hover .trp-ls-shortcode-language{position: relative;}
    .trp-language-switcher:focus .trp-ls-shortcode-current-language, .trp-language-switcher:hover .trp-ls-shortcode-current-language{ visibility:visible; }
    .trp-language-switcher .trp-ls-shortcode-language{display: block !important; height: auto !important; visibility: inherit !important;}
    .trp-language-switcher .trp-ls-shortcode-current-language{display: none;}
}

@media screen and (max-width: 991px) {
    ul.whats_new_description li::before{top: 9px;}
    .side{width: 100% !important;}
    .banner-sec-wrapper{width: 100% !important;}
    .tab-content-wrapper{width: 100% !important;}
    .banner-sec{display: flex; flex-direction: column-reverse;}
    .sub-faq-main{display: flex; flex-direction: column-reverse;}
    /*.menu-item-object-custom > a::after {font-family: "Font Awesome 5 Free"; content: "\f105"; font-weight: 900; margin-right: 10px;}*/
    li.sub-title-bd-footer{margin: 0 0 0 0;}
    li.sub-home-title-bd-footer{margin: 0 0 0 0;}
    li.sub-title-three-bd-footer{margin: 0 0 0 0;}
    li.sub-title-five-bd-footer{margin: 0 0 0 0;}
    .tab-content {padding: 20px;}
    .footer_link .nav-footer_item > a::after{content: "|" !important;}
}

@media screen and (max-width: 960px) {
    .footer_link .nav-footer_item > a{border-top:0px;}
    .footer_link .nav-footer_item > a::after {content: "|" !important; margin: 0 10px; position: relative; top: 0;}
    .footer_link .nav-footer_item:last-child > a::after{display: none;}
    .footer_link li::before{display: none;}
    .nav-footer_item > a::after {content: "+"; margin-right: 10px;}
    .nav-footer_item > a.active::after {content: "-"; margin-right: 12px;}
    .sub-home-title-bd-footer:first-child > a::after {font-family: "Font Awesome 5 Free"; content: "\f105"; font-weight: 900; margin-left: 10px; display: inline-block;}
    .sub-title-six-bd-footer:first-child > a::after {font-family: "Font Awesome 5 Free"; content: "\f105"; font-weight: 900; margin-left: 10px; display: inline-block;}
    .nav-grobal_language .language-trigger-sp{padding: 0;}
    li.sub-title-seven-bd-footer{margin: 0;}
}

@media screen and (max-width: 768px) {
    .new-details-container{padding: 0 10px;}
    .main {padding: 20px;}
    .news_visual{width: 100%; margin: 0;}
    .table-ya-repm{width: 100%; display: block; overflow-x: auto;}
    .sec_inner{padding: 30px 15px !important;}
    .tournament-list-two{margin: -10px 0 0 0;}
    .second-tab-section{padding: 0 15px !important;}
    .tournament-list .tab-content{padding: 0;}
    .tournament-block_txt{padding: 0 0px;}
}

@media screen and (max-width: 664px) {
    .feature-dora_txt{width: 100%; display: inline-block;}
    .local_visual_new{padding: 30px;}
    .feature-dora_item{padding: 0 !important;}
    .feature-dora_txt p{width: 100% !important;}
    .feature-dora_btn{position: relative !important; right: 0 !important; bottom: 0 !important;}
    .tournament-result_tablePlayer img{width: auto; height: auto;}
    .tournament-tab-stop{display: none;}
    .sub-regular-tour-main{padding: 0 10px;}
    .sub-special-tour-main{padding: 0 10px;}
    .host-sub-tour-main{padding: 0 10px;}
    .faq-category_menu li{width: 100%;}
    .feature-dora_item._feature-dora1{background-size: contain !important; background-repeat: no-repeat !important;}
    .mark-yellow{margin: 0;}
    .tournament-block_txt{padding-bottom: 0px;}
    section.tournament-list.first-tab.tournament-events{margin-top: 0;}
    .tournament-events .tournament-block_txt{padding-top: 45px !important; padding-bottom: 0 !important;}
    .tournament-list-only .main-black{padding: 0 0 50px 0 !important;}
}

@media screen and (max-width: 440px) {
    .visual-hero{height: 790px !important;}
    .mm-menu_offcanvas {width: 80%; min-width: 240px; max-width: 440px;}
}

@media screen and (max-width: 360px) {
    .footer_payment li {margin: 0 5px;}
     .footer_link .nav-footer_item > a::after {margin: 0 5px;}
}

@media screen and (max-width: 320px) {
    .footer_link{padding: 10px 0%;}
}