@charset "UTF-8";

/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/*  HTML5 display-role reset for older browsers
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    line-height: 1;
    margin-right: 96px;
}

@media screen and (max-width: 1200px) {
    body {
        margin-right: 0px;
    }
}


ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

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

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

*,
*:after,
*:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    overflow: auto;
}

body {
    overflow: hidden;
    line-height: 1.5;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

a {
    outline: none;
    text-decoration: none;
    color: inherit;
    transition: 0.2s;
    display: block;
}

a:hover {
    opacity: 0.7;
}

@media screen and (max-width: 797px) {
    a:hover {
        opacity: 1;
    }
}

strong {
    font-weight: bold;
}

img {
    margin: 0;
    padding: 0;
    vertical-align: bottom;
    max-width: 100%;
    height: auto;
}

.fa-hatena:before {
    content: "B!";
    font-family: Verdana;
    font-weight: bold;
}

html {
    font-size: 16px;
}

@media screen and (max-width: 480px) {
    html {
        font-size: 14px;
    }
}

body {
    font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
/*    color: #fff;*/
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc {
    display: block !important;
}

.tab {
    display: none !important;
}

.sp {
    display: none !important;
}

@media only screen and (max-width: 1079px) {
    .tab {
        display: block !important;
    }
}


/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 797px) {
    .pc {
        display: none !important;
    }

    .sp {
        display: block !important;
    }
}

.display-block-max-sm {
    display: block;
}

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

.display-block-max-md {
    display: block;
}

@media screen and (max-width: 1079px) {
    .display-block-max-md {
        display: none !important;
    }
}

.display-block-max-lg {
    display: block;
}

@media screen and (max-width: 1079px) {
    .display-block-max-lg {
        display: none !important;
    }
}

.display-block-max-xl {
    display: block;
}

@media screen and (max-width: 1279px) {
    .display-block-max-xl {
        display: none !important;
    }
}

.display-none-max-sm {
    display: none;
}

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

.display-none-max-md {
    display: none;
}

@media screen and (max-width: 797px) {
    .display-none-max-md {
        display: block !important;
    }
}

.display-none-max-lg {
    display: none;
}

@media screen and (max-width: 1079px) {
    .display-none-max-lg {
        display: block !important;
    }
}

.display-none-max-xl {
    display: none;
}

@media screen and (max-width: 1279px) {
    .display-none-max-xl {
        display: block !important;
    }
}

a.hide {
    cursor: default;
}

a.hide:hover {
    opacity: 1 !important;
}

.entry>img,
.entry>ol,
.entry>ul,
.entry blockquote,
.entry figure,
.entry dd,
.entry div,
.entry h1,
.entry h2,
.entry h3,
.entry h4,
.entry h5,
.entry h6,
.entry p,
.entry pre {
    max-width: 100%;
    margin: 45px auto 0;
}

.entry th,
.entry td {
    border: solid 1px;
    padding: 10px;
}

.entry table {
    border-collapse: collapse;
    margin-top: 30px;
}

@media screen and (max-width: 480px) {

    .entry>img,
    .entry>ol,
    .entry>ul,
    .entry figure,
    .entry blockquote,
    .entry dd,
    .entry div,
    .entry h1,
    .entry h2,
    .entry h3,
    .entry h4,
    .entry h5,
    .entry h6,
    .entry p,
    .entry pre {
        margin: 30px auto 0;
    }

    .entry table {
        margin-top: 15px;
    }
}

.entry .instagram-media.instagram-media-rendered {
    max-width: 100% !important;
}

.entry>*:first-child {
    margin: 0 auto;
}

.entry a {
    display: inline;
    text-decoration: underline;
    color: #F43E2C;
}

.entry h1,
.entry h2,
.entry h3,
.entry h4,
.entry h5,
.entry h6 {
    line-height: 1.4;
}

.entry h1,
.entry h2,
.entry h3 {
    font-weight: bold;
}

.entry h1 {
    font-size: 24px;
}

@media screen and (max-width: 797px) {
    .entry h1 {
        font-size: 20px;
    }
}

.entry h2 {
    font-size: 22px;
}

@media screen and (max-width: 797px) {
    .entry h2 {
        font-size: 18px;
    }
}

.entry h3 {
    font-size: 20px;
}

@media screen and (max-width: 797px) {
    .entry h3 {
        font-size: 16px;
    }
}

.entry h4 {
    font-size: 18px;
}

@media screen and (max-width: 797px) {
    .entry h4 {
        font-size: 14px;
    }
}

.entry h5 {
    font-size: 16px;
}

@media screen and (max-width: 797px) {
    .entry h5 {
        font-size: 12px;
    }
}

.entry h6 {
    font-size: 14px;
}

@media screen and (max-width: 797px) {
    .entry h6 {
        font-size: 10px;
    }
}

.entry .wp-block-image {
    text-align: center;
}

.entry .alignleft {
    margin-right: 1rem;
    margin-bottom: 1rem;
    display: inline;
    float: left;
}

.entry .alignright {
    margin-left: 1rem;
    margin-bottom: 1rem;
    display: inline;
    float: right;
}

.entry .aligncenter {
    margin-right: auto;
    margin-left: auto;
    display: block;
    clear: both;
}

.entry .wp-caption-text {
    font-size: 12px;
    margin: 10px 0 0 0 !important;
    width: 100% !important;
}

@media screen and (max-width: 797px) {
    .entry .wp-caption-text {
        font-size: 11px;
        margin: 5px 0 0 0 !important;
    }
}

.entry .wp-caption-text.gallery-caption {
    margin: 0 !important;
}

.entry>ul>li {
    margin: 1rem 0 0;
}

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

.entry>ul>li>ul {
    margin: 1rem 0 0 1rem;
}

.gallery {
    margin: 30px auto 0 !important;
}

@media screen and (max-width: 480px) {
    .gallery {
        margin: 15px auto 0 !important;
    }
}

.gallery img {
    border: 0 !important;
}

.gallery-item {
    margin-top: 0 !important;
}

.entry>ul>li {
    margin: 1rem 0 0;
}

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

.entry>ul>li>ul {
    margin: 1rem 0 0 1rem;
}

.container {
    width: 100%;
    margin: 0 auto;
    width: 1200px;
}

.t-yellow {
    background-color: #FAE6B7;
}

.header__container {
    width: 1200px;
    margin: 0 auto;
}

@media screen and (max-width: 1401px) {
    .header__container {
        width: 100%;
    }
}

@media screen and (max-width: 1279px) {
    .container {
        width: 100%;
    }
}

@media screen and (max-width: 1279px) {
    .header .container {
        padding: 0 30px;
    }
}

@media screen and (max-width: 480px) {
    .header .container {
        padding: 0;
    }
}

.main_sub {
/*    padding-bottom: 50px;*/
}

.main_sub .main .container {
    padding: 30px 0 60px;
}

.main_contents .container {
    width: 737px;
}

@media screen and (max-width: 1200px) {
    .main_sub .main .container {
        width: 100%;
        padding: 30px 30px !important;
    }

    .main_contents .container {
        width: 737px !important;
    }
}

@media screen and (max-width: 738px) {
    .main_contents .container {
        width: 100% !important;
    }
}


@media screen and (max-width: 480px) {
    .main_sub .main .container {
        /* padding: 15px; 20200430 */
        padding: 10px 15px;
    }
}

.main_sub .sub .container {
    width: 350px;
    margin: 0 0 0 30px;
}

@media screen and (max-width: 1279px) {
    .main_sub .sub .container {
        width: 410px;
        margin: 0;
        padding: 0 30px;
    }
}

@media screen and (max-width: 1079px) {
    .main_sub .sub .container {
        width: 100%;
    }
}

@media screen and (max-width: 480px) {
    .main_sub .sub .container {
        padding: 0 15px;
    }
}

.about .container {
    padding: 30px !important;
}

@media screen and (max-width: 480px) {
    .about .container {
        padding: 25px !important;
    }
}

@media screen and (max-width: 480px) {
    .tokushu .container {
        padding: 15px !important;
    }
}

.top_title_en {
    font-family: good-times, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 25px;
    line-height: 56px;
    letter-spacing: 0.04em;
    color: #F43E2C;
}

.top_title_jp {
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 160%;
    /* or 29px */
    letter-spacing: 0.05em;
    /* Red */
    margin-bottom: 45px;
}

.t-yellow .top_title_en {
    color: #000;
}

.t-yellow .top_title_jp {
    color: #000;
}

.section.full-left {
    margin-left: -1000px;
    padding-left: 1000px;
}

@media screen and (max-width: 1079px) {
    .section.full-left {
        margin: 0;
        padding: 0;
    }
}

.section__title {
    font-size: 1.25rem;
    font-weight: bold;
    padding: 23px 0 16px 0;
    margin: 0 0 18px 0;
}

@media screen and (max-width: 480px) {
    .section__title {
        text-align: center;
        font-size: 1rem;
        padding: 10px;
        line-height: 30px;
        margin: 0 0 10px 0;
    }
}

.section__title.sub {
    margin: 0;
    padding: 30px 0 16px 0;
}

@media screen and (max-width: 1079px) {
    .section__title.sub {
        padding: 23px 0 16px 0;
        margin: 0 0 18px 0;
    }
}

@media screen and (max-width: 480px) {
    .section__title.sub {
        padding: 10px 0;
        margin: 0 0 10px 0;
    }

    ul.pr-list .section__title.sub {
        padding: 5px 0;
        margin: 0 0 10px 0;
    }
}

.section__title.mini {
    font-size: 1.125rem;
    /*padding: 30px 0 16px 0; 20200430 */
    padding: 10px 0 16px 0;
    border: 0;
    margin: 0;
}

@media screen and (max-width: 480px) {
    .section__title.mini {
        text-align: left;
        /* padding: 10px 0; 20200430 */
        padding: 0px;
        font-size: 1rem;
    }
}

.section__title.mini::before {
    content: '■';
}

.section__text,
.section__error {
    padding: 0 0 30px 0;
}

.section__error {
    color: #000;
}

.top_buttom {
    padding: 100px 0;
}

.button {
    color: #000;
    display: block;
    width: 250px;
    height: 56px;
    position: relative;
    overflow: hidden;
    border: 2px solid #FCE6B7;
    background-color: #FCE6B7;
    border-radius: 85px;
    cursor: pointer;
    margin: 70px auto 0;
}

@media screen and (max-width: 480px) {
    .button {
        margin: 35px auto 0;
    }
}

.button::before {
    content: "";
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 15px;
    width: 13px;
    height: 13px;
    border-top: 3px solid #F43E2C;
    border-right: 3px solid #F43E2C;
    transform: rotate(45deg);
}

.t-yellow .button {
    color: #FAE6B7;
    border: 2px solid #000;
    background-color: #000;
}

.t-yellow .button::before {
    border-top: 3px solid #FAE6B7;
    border-right: 3px solid #FAE6B7;
}

.button_c {
    color: #000;
    display: block !important;
    width: 250px;
    height: 56px;
    position: relative;
    overflow: hidden;
    border: 2px solid #FAE6B7;
    background-color: #FAE6B7;
    cursor: pointer;
    margin: 70px auto 0;
}

@media screen and (max-width: 480px) {
    .button_c {
        margin: 35px auto 0;
    }
}

.button_c::before {
    content: "";
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 15px;
    width: 13px;
    height: 13px;
    border-top: 3px solid #F43E2C;
    border-right: 3px solid #F43E2C;
    transform: rotate(45deg);
}

.t-yellow .button_c {
    color: #FAE6B7;
    border: 2px solid #000;
    background-color: #000;
}

.t-yellow .button_c::before {
    border-top: 3px solid #FAE6B7;
    border-right: 3px solid #FAE6B7;
}

.button_t {
    font-family: good-times, sans-serif;
    font-weight: bold;
    font-style: normal;
    font-size: 16px;
    line-height: 100%;
    /* identical to box height, or 26px */
    letter-spacing: 0.05em;
    display: block;
    position: absolute;
    top: 17px;
    left: 90px;
    color: #F43E2C;
}

.underline,
.header__navBox__subBox ul>li>a,
.footer.main .navBox>ul>li>a,
.tag .tagBox>ul>li>a {
    position: relative;
    display: inline-block;
}

.underline::after,
.header__navBox__subBox ul>li>a::after,
.footer.main .navBox>ul>li>a::after,
.tag .tagBox>ul>li>a::after,
.underline::before,
.header__navBox__subBox ul>li>a::before,
.footer.main .navBox>ul>li>a::before,
.tag .tagBox>ul>li>a::before {
    position: absolute;
    top: 1.3em;
    content: '';
    display: inline-block;
    width: 0;
    height: 1px;
    background-color: #ffffff;
    transition: 0.2s;
}

@media screen and (max-width: 797px) {

    .underline::after,
    .header__navBox__subBox ul>li>a::after,
    .footer.main .navBox>ul>li>a::after,
    .tag .tagBox>ul>li>a::after,
    .underline::before,
    .header__navBox__subBox ul>li>a::before,
    .footer.main .navBox>ul>li>a::before,
    .tag .tagBox>ul>li>a::before {
        height: 1px;
    }
}

.underline::before,
.header__navBox__subBox ul>li>a::before,
.footer.main .navBox>ul>li>a::before,
.tag .tagBox>ul>li>a::before {
    left: 50%;
}

.underline::after,
.header__navBox__subBox ul>li>a::after,
.footer.main .navBox>ul>li>a::after,
.tag .tagBox>ul>li>a::after {
    right: 50%;
}

.underline:hover,
.header__navBox__subBox ul>li>a:hover,
.footer.main .navBox>ul>li>a:hover,
.tag .tagBox>ul>li>a:hover {
    opacity: 1;
}

.underline:hover::after,
.header__navBox__subBox ul>li>a:hover::after,
.footer.main .navBox>ul>li>a:hover::after,
.tag .tagBox>ul>li>a:hover::after,
.underline:hover::before,
.header__navBox__subBox ul>li>a:hover::before,
.footer.main .navBox>ul>li>a:hover::before,
.tag .tagBox>ul>li>a:hover::before {
    width: 50%;
}

@media screen and (max-width: 797px) {

    .underline:hover::after,
    .header__navBox__subBox ul>li>a:hover::after,
    .footer.main .navBox>ul>li>a:hover::after,
    .tag .tagBox>ul>li>a:hover::after,
    .underline:hover::before,
    .header__navBox__subBox ul>li>a:hover::before,
    .footer.main .navBox>ul>li>a:hover::before,
    .tag .tagBox>ul>li>a:hover::before {
        width: 0;
    }
}

.montserrat,
.section__readmore a,
.archiveBox__title,
.articleItem .detailBox .category,
.header__navBox__subBox,
.categoryItem .titleBox .title.en,
.PostedarticleItem .detailBox .category {
    /* change Barlow */
    font-family: good-times, sans-serif;
    font-weight: 700;
    font-style: normal;
    letter-spacing: 1px;
}

.mw_wp_form {
    border-top: 1px dashed #000000;
    margin: 30px 0 !important;
    padding: 30px 0 0 0;
}

.mw_wp_form,
.mw_wp_form p {
    width: 500px !important;
}

@media screen and (max-width: 797px) {

    .mw_wp_form,
    .mw_wp_form p {
        width: 100% !important;
    }
}

.mw_wp_form .error {
    color: #ED6D00 !important;
    margin: 3px 0 0 3px;
}

.mw_wp_form form input[type="text"],
.mw_wp_form form input[type="email"],
.mw_wp_form form input[type="submit"],
.mw_wp_form form select,
.mw_wp_form form textarea {
    width: 100%;
    font-size: 14px;
    padding: 10px;
    outline: none;
    height: 40px;
    border-style: none;
    background-color: #000;
    border: 1px solid #3d3d3d;
    border-radius: 5px;
}

.mw_wp_form form input[type="text"],
.mw_wp_form form input[type="email"],
.mw_wp_form form input[type="submit"],
.mw_wp_form form textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #fff;
}

.mw_wp_form form p:nth-child(5) {
    font-size: 0;
}

.mw_wp_form form p:nth-child(5) .back {
    margin: 0 0 20px 0;
}

.mw_wp_form form select {
    background-color: #000;
    color: #fff;
    border: 1px solid #3d3d3d;
}

.mw_wp_form form textarea {
    height: 160px;
}

.mw_wp_form form input[type="submit"] {
    background-color: #ED6D00;
    color: #ffffff;
    border: 0;
    font-size: 14px;
    cursor: pointer;
}

.drawer-nav {
    width: 22rem;
    background-color: #F43E2C;
}

.drawer-nav .container {
    padding: 60px 0 120px 30px;
}

.drawer-navBox {
    padding: 40px 0 0 0;
}

.drawer-navBox__title {
    line-height: 47px;
    font-weight: bold;
    padding: 0 0 0 25px;
    border-bottom: 2px solid #ffffff;
}

.drawer-navBox>ul .montserrat {
    font-size: 22px;
    margin-top: 10px;
}

.drawer-navBox>ul .montserrat span {
    display: block;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 5%;
    margin-top: 2px;
    letter-spacing: 0.05em;
}

.drawer-navBox>ul>li a {
    padding: 0 0 0 15px;
    line-height: 45px;
    color: #FFFFFF;
}

.drawer-navBox>ul>li.private a {
    padding: 0 0 0 15px;
    line-height: 45px;
    color: #cccccc;
}

.drawer-categoryBox>ul {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}

.drawer-categoryBox>ul>li {
    width: 50%;
    border-right: 1px solid #333333;
}

.drawer-categoryBox>ul>li:nth-child(2n) {
    border: 0;
}

.drawer-categoryBox>ul>li a {
    padding: 0;
}

.drawer-categoryBox>ul>li .categoryItem {
    padding: 7px 0 5px 12px;
}

.drawer-categoryBox>ul>li .categoryItem .thumbnailBox {
    width: 30%;
}

.drawer-categoryBox>ul>li .categoryItem .thumbnailBox .thumbnail {
    padding-top: 100%;
    border-radius: 50%;
}

.drawer-categoryBox>ul>li .categoryItem .titleBox {
    height: 45px;
    width: 70%;
    align-items: flex-start;
    -ms-flex-align: start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    padding: 0 0 0 10px;
    background-color: transparent;
}

.drawer-footer__navBox .container {
    padding: 0 20px;
}

.drawer-footer__navBox .footer__navBox {
    font-size: 0.71428571428571rem;
}

.drawer-footer__navBox .footer__navBox>ul {
    justify-content: flex-start;
    -ms-flex-pack: start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
}

.drawer-footer__navBox .footer__navBox>ul>li {
    margin: 0 15px 15px 0;
}

.drawer-footer__navBox .footer__navBox>ul>li:first-child {
    margin: 0 15px 15px 0;
}

.drawer-footer__navBox .footer__navBox>ul>li:last-child {
    margin: 0 0 15px 0;
}

.drawer-snsBox .container {
    padding: 10px 20px;
}

.drawer-snsBox .container>ul {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
}

.drawer-snsBox .container>ul>li {
    margin: 0 25px 0 0;
}

.drawer-snsBox .container>ul>li:last-child {
    margin: 0;
}

.drawer-snsBox .snsItem .iconBox {
    color: #2e2e2e;
    border: solid 1px #fff;
}

.drawer-snsBox .container ul {
    justify-content: center;
    flex-wrap: wrap;
}

.header-sns ul {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-left: 15px;
}

.header-sns ul li {
    margin: 0 5px;
}

.drawer-footerBox .container {
    padding: 20px 20px 30px;
}

.drawer-footerBox .logo img {
    width: 60px;
}

.drawer-footerBox .copyright {
    font-size: 10px;
    margin: 10px 0 0 0;
}

.share_area_sp {
    padding: 65px 0 0 15px;
    font-family: good-times, sans-serif;
    color: #FFFFFF;
}

.share_a_sp {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: row;
    margin-top: 20px;
}

.share_a_sp a img {
    width: 30px;
    height: 30px;
    margin-right: 25px;
}

#sitemap_list li a {
    padding: 0 !important;
}

.archiveBox {
    position: relative;
}

.archiveBox__count {
    position: absolute;
    top: 0;
    right: 0;
    color: #808080;
    font-size: 1rem;
}

.cat_txt_box {
    width: 100%;
    height: auto;
    max-width: 760px;
    max-height: 170px;
    margin: 0 auto 30px;
    background-position: bottom !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    padding: 30px;
    color: #fff;
}

@media screen and (max-width: 480px) {
    .archiveBox__count {
        font-size: 0.875rem;
    }
}

.archiveBox__title {
    font-size: 1.25rem;
    font-weight: bold;
    margin: 0 0 40px 0;
    text-transform: uppercase;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media screen and (max-width: 797px) {
    .archiveBox__title span:last-child {
        font-size: 4vw;
    }

    .cat_txt_box {
        width: 100%;
        height: auto;
        max-width: 690px;
        max-height: 490px;
        margin: 0 auto 30px;
        background-position: bottom !important;
        background-repeat: no-repeat !important;
        background-size: cover !important;
        padding: 30px;
        color: #fff;
    }

}

@media screen and (max-width: 480px) {
    .archiveBox__title {
        margin: 0 0 30px 0;
        font-size: 24px;
        justify-content: center;
    }
}

.archiveBox__pageTitle {
    position: relative;
    text-align: center;
    line-height: 2;
}

.archiveBox__pageTitle.background__image {
    text-align: center;
    height: 300px;
    background-color: #F43E2C;
/*    background-image: url('../images/mv_sub.png');*/
    background-repeat: no-repeat;
    background-position: 50% 75%;
    background-size: auto;
    padding-top: 84px;
}

@media screen and (max-width: 1079px) {
    .archiveBox__pageTitle.background__image {
        height: 200px;
        padding-top: 50px;
        margin-left: 0;
        padding-left: 0;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }
}

@media screen and (max-width: 480px) {
    .archiveBox__pageTitle {
        margin: 10px 0 0 0;
    }
}

.archiveBox__pageTitle.archiveBox__pageTitle-gallary {
    color: #ffffff;
}

.archiveBox__pageTitle.archiveBox__pageTitle-gallary .archiveBox__pageTitle__titleBox::after {
    background-color: #ffffff;
}

.archiveBox__pageTitle.archiveBox__pageTitle-special .archiveBox__pageTitle__titleBox::after {
    background-color: #ffffff;
}

.archiveBox__pageTitle.archiveBox__pageTitle-workshop .archiveBox__pageTitle__titleBox::after {
    background-color: #ffffff;
}

.archiveBox__pageTitle__titleBox {
    position: relative;
    display: inline-block;
    padding-bottom: 10px;
    top: 40%;
}

@media screen and (max-width: 797px) {
    .archiveBox__pageTitle__titleBox {
        top: 30%;
    }
}

.archiveBox__pageTitle__titleBox::after {
    right: 50%;
    background-color: #2e2e2e;
}

.archiveBox__pageTitle__titleBox__en {
    font-family: good-times, sans-serif;
    font-weight: bold;
    font-style: normal;
    color: #FFFFFF;
    font-size: 30px;
    line-height: 1;
    text-transform: uppercase;
}

.archiveBox__pageTitle__titleBox__ja {
    font-size: 13px;
    color: #FFFFFF;
}

.archiveBox__pageTitle__titleBox__lead {
    margin: 30px 0;
}

@media screen and (max-width: 797px) {
    .archiveBox__pageTitle__titleBox__lead {
        text-align: left;
        margin: 30px 25px;
    }

    .archiveBox__pageTitle__titleBox__en.archiveBox__small {
        font-size: 14px;
    }
}

.return a {
    position: absolute;
    width: 180px;
    height: 56px;
    line-height: 55px;
    font-family: good-times, sans-serif !important;
    font-size: 16px;
    text-decoration: none;
    display: block;
    color: #ffffff;
    right: 20%;
    bottom: 0%;
}

@media screen and (max-width: 1079px) {
    .return {
        display: none;
    }
}

.return a::before {
    content: "";
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 11px;
    height: 11px;
    border-top: 3px solid #ffffff;
    border-right: 3px solid #ffffff;
    transform: rotate(45deg);
}

.archiveBox>ul {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    justify-content: space-between;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}

.archiveBox>ul::after {
    content: '';
    display: block;
}

.archiveBox.sub>ul {
    display: block;
}

.archiveBox.sub>ul>li {
    width: 100%;
}

.archiveBox.sub>ul>li .articleItem {
    padding: 12px 0;
    border-bottom: 1px solid #272727;
}

@media screen and (max-width: 1079px) {
    .archiveBox.sub>ul>li .articleItem {
        border-bottom: 0;
    }
}

@media screen and (max-width: 797px) {
    .archiveBox.sub>ul>li .articleItem {
        padding: 0 0 20px 0;
    }
}

@media screen and (max-width: 480px) {
    .archiveBox.sub>ul>li .articleItem {
        padding: 0 0 10px 0;
    }
}

.archiveBox.sub>ul>li:first-child .articleItem {
    padding: 0 0 12px 0;
}

@media screen and (max-width: 797px) {
    .archiveBox.sub>ul>li:first-child .articleItem {
        padding: 0 0 20px 0;
    }
}

@media screen and (max-width: 480px) {
    .archiveBox.sub>ul>li:first-child .articleItem {
        padding: 0 0 10px 0;
    }
}

.archiveBox.sub>ul>li:last-child .articleItem {
    border: 0;
}

@media screen and (max-width: 797px) {
    .archiveBox.sub>ul>li:last-child .articleItem {
        padding: 0;
    }
}

.archiveBox.mini>ul::after {
    width: 32%;
}

@media screen and (max-width: 797px) {
    .archiveBox.mini>ul::after {
        width: 48%;
    }
}

.archiveBox.mini>ul>li {
    width: 32%;
}

@media screen and (max-width: 797px) {
    .archiveBox.mini>ul>li {
        width: 48%;
    }
}

.partnerBox {
    margin: 50px 0;
}

.partnerBox>ul {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.partnerBox>ul::after {
    content: '';
    display: block;
}

.partnerBox ul li {
    width: 18%;
    text-align: center;
    margin-top: 10px;
    height: auto;
}

@media screen and (max-width: 767px) {
    .partnerBox ul li {
        width: 48%;
    }

    .partnerBox ul li:nth-child(n + 3) {
        margin-top: 15px;
    }
}

.partnerBox img {
    object-fit: contain;
}

.articleItem {
    padding: 0 0 40px 0;
}

@media screen and (max-width: 480px) {
    .articleItem {
        padding: 0 0 15px 0;
    }
}

.articleItem .youtube .youtubeBox {
    width: 100%;
    height: 0;
    padding-top: 56.25%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.articleItem .youtube .youtubeBox .youtubeButton {
    position: absolute;
    width: 70px;
    height: 62px;
    background-size: cover;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    transition: 0.2s;
}

.articleItem .youtube:hover {
    opacity: 1;
}

.articleItem .youtube:hover .youtubeButton.off {
    opacity: 0;
}

.articleItem .youtube:hover .youtubeButton.on {
    opacity: 1;
}

.articleItem .movieBox {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}

.articleItem .movieBox .movie iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.articleItem .eyecatchBox {
    position: relative;
}

.articleItem .eyecatchBox .eyecatch {
    width: 100%;
    height: 0;
    padding-top: 66.6667%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #242424;
}

.articleItem .eyecatchBox .eyecatch__white {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 66.6667%;
    background-color: #fff;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.articleItem .eyecatchBox .eyecatch__white .battle__ranking {
    position: absolute;
    top: -15px;
    left: 0;
}

.hexagon {
    width: 29px;
    height: 50px;
    background: #ED6D00;
    position: relative;
}

.hexagon_cont {
    height: 100%;
    font-size: 16px;
    font-family: Barlow;
    font-style: italic;
    font-size: 22px;
    font-weight: bold;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 1;
}

.hexagon::before,
.hexagon::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #ED6D00;
    z-index: 0;
}

.hexagon::before {
    transform: rotate(60deg);
}

.hexagon::after {
    transform: rotate(-60deg);
}

@media screen and (max-width: 797px) {
    .articleItem .eyecatchBox .eyecatch__white {
        padding-top: 54%;
    }
}

.team_logo {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 230px;
    height: auto;
    text-align: center;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.team_title {
    position: absolute;
    font-family: Barlow;
    font-style: italic;
    font-size: 22px;
    font-weight: bold;
    width: 100%;
    text-align: center;
    padding: 0 4px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    color: #000;
}

.articleItem .eyecatchBox .eyecatch.gallary {
    position: relative;
}

.articleItem .eyecatchBox .eyecatch.gallary::after {
    content: '';
    width: 100%;
    height: 0;
    padding-top: 66.6667%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.6;
}

.articleItem .eyecatchBox .eyecatch.gallary .gallary__infoBox {
    color: #ffffff;
    width: 100%;
    height: 100%;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -webkit-box-orient: vertical;
}

.articleItem .eyecatchBox .eyecatch.gallary .gallary__infoBox__text,
.articleItem .eyecatchBox .eyecatch.gallary .gallary__infoBox__subject {
    font-size: 12px;
}

.articleItem .eyecatchBox .eyecatch.gallary .gallary__infoBox__creator {
    font-size: 24px;
    line-height: 1;
}

.articleItem .eyecatchBox .eyecatch.gallary .gallary__infoBox__subject {
    margin-top: 7px;
}


.articleItem .eyecatchBox .eyecatch.special {
    position: relative;
}

.articleItem .eyecatchBox .eyecatch.special::after {
    content: '';
    background-color: #000000;
    width: 100%;
    height: 0;
    padding-top: 66.6667%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.6;
}

.articleItem .eyecatchBox .eyecatch.special .special__infoBox {
    color: #ffffff;
    width: 100%;
    height: 100%;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -webkit-box-orient: vertical;
}

.articleItem .eyecatchBox .eyecatch.special .special__infoBox__text,
.articleItem .eyecatchBox .eyecatch.gallary .gallary__infoBox__subject {
    font-size: 12px;
}

.articleItem .eyecatchBox .eyecatch.special .special__infoBox__creator {
    font-size: 24px;
    line-height: 1;
}

.articleItem .eyecatchBox .eyecatch.special .special__infoBox__subject {
    margin-top: 7px;
}

.articleItem .detailBox {
    margin: 12px 0 0 0;
    position: relative;
}

@media screen and (max-width: 480px) {
    .articleItem .detailBox {
        margin: 5px 0 0 0;
    }
}

.articleItem .detailBox .category {
    font-family: good-times, sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #F43E2C;
    text-transform: uppercase;
}

@media screen and (max-width: 480px) {
    .articleItem .detailBox .category {
        font-size: 0.85714285714286rem;
    }
}

.articleItem .detailBox .category a {
    display: inline;
}

.articleItem .detailBox .title {
    margin: 10px 0 0 0;
    font-size: 1.125rem;
    font-weight: bold;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.t-yellow .articleItem .detailBox .title {
    color: #000;
}

.articleItem .detailBox .team__title {
    margin: 10px 0 0 0;
    font-size: 1.125rem;
    font-weight: bold;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.articleItem .detailBox .activity_base {
    font-size: 15px;
    margin: 1px 0;
}

.articleItem .detailBox .team_established {
    font-size: 15px;
    margin: 1px 0;
}

@media screen and (max-width: 480px) {
    .articleItem .detailBox .title {
        margin: 6px 0 0 0;
        font-size: 0.85714285714286rem;
        -webkit-line-clamp: 3;
    }

    .articleItem .detailBox .team__title {
        margin: 6px 0;
        font-size: 17px;
        -webkit-line-clamp: 3;
    }
}

.articleItem .detailBox .pubdate {
    font-size: 0.875rem;
    position: absolute;
    top: 0;
    right: 0;
}

.articleItem .detailBox .schedule__block {
    margin: 15px 0 0 0;
    font-size: 0.875rem;
    line-height: 1.6;
}

@media screen and (max-width: 480px) {

    .articleItem .detailBox .schedule__block {
        margin: 3px 0 0 0;
    }

    .articleItem .detailBox .pubdate {
        font-size: 0.57142857142857rem;
        top: 3px;
    }
}

.articleItem .detailBox .description {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.entry__schedule__date {
    margin-top: 30px;
}

@media screen and (max-width: 480px) {
    .entry__schedule__date {
        margin-top: 20px;
    }
}

.entry__schedule__venue {}

@media screen and (max-width: 480px) {
    .articleItem .detailBox .description {}
}

.articleItem.post {
    padding: 0;
}

.articleItem.post .detailBox {
    margin: 0;
}

.articleItem.post .detailBox .category {
    font-size: 1.25rem;
}

@media screen and (max-width: 480px) {
    .articleItem.post .detailBox .category {
        font-size: 1rem;
    }
}

.articleItem.post .detailBox .title {
    font-size: 1.75rem;
    -webkit-line-clamp: 10;
    line-height: 1.2em;
}

.articleItem.post .detailBox .title.music {
    color: #FAE6B7;
    font-family: good-times, sans-serif;
}

@media screen and (max-width: 480px) {
    .articleItem.post .detailBox .title {
        font-size: 1.1428571428571rem;
    }
}

.articleItem.post .detailBox .infoBox {
    font-size: 0.875rem;
    font-family: good-times, sans-serif;
    color: #F43E2C;
    margin: 10px 0 0 0;
}

.articleItem.post .detailBox .infoBox::after {
    content: "";
    display: block;
    clear: both;
}

@media screen and (max-width: 480px) {
    .articleItem.post .detailBox .infoBox {
        font-size: 0.71428571428571rem;
    }
}

.articleItem.post .detailBox .infoBox .pubdate {
    float: left;
}

@media screen and (max-width: 480px) {
    .articleItem.post .detailBox .infoBox .pubdate {
        font-size: 0.71428571428571rem;
    }
}

/*.articleItem.post .detailBox .infoBox .pubdate::after {
  content: '|';
  margin: 0 5px; }*/
.articleItem.post .detailBox .pubdate {
    position: inherit;
}

.articleItem.row {
    padding: 0 0 20px 0;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    justify-content: space-between;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
}

@media screen and (max-width: 480px) {
    .articleItem.row {
        padding: 0 0 10px 0;
    }
}

.articleItem.row .eyecatchBox {
    width: 34%;
}

@media screen and (max-width: 480px) {
    .articleItem.row .eyecatchBox {
        width: 46%;
    }
}

.articleItem.row .detailBox {
    width: 64%;
    margin: 0;
}

@media screen and (max-width: 767px) {
    .articleItem.row .detailBox {
        width: 100%;
    }
}

.articleItem.row .detailBox .title {
    font-size: 1.125rem;
}

@media screen and (max-width: 480px) {
    .articleItem.row .detailBox .title {
        font-size: 0.85714285714286rem;
    }
}

.articleItem.row .detailBox .pubdate {
    font-size: 0.875rem;
}

@media screen and (max-width: 480px) {
    .articleItem.row .detailBox .pubdate {
        font-size: 0.57142857142857rem;
    }
}

.articleItem.row.sub .eyecatchBox {
    width: 26%;
}

@media screen and (max-width: 1079px) {
    .articleItem.row.sub .eyecatchBox {
        width: 34%;
    }
}

@media screen and (max-width: 480px) {
    .articleItem.row.sub .eyecatchBox {
        width: 46%;
    }
}

.articleItem.row.sub .eyecatchBox .eyecatch {
    padding-top: 100%;
}

@media screen and (max-width: 1079px) {
    .articleItem.row.sub .eyecatchBox .eyecatch {
        padding-top: 66.6667%;
    }
}

.articleItem.row.sub .detailBox {
    width: 70%;
}

@media screen and (max-width: 1079px) {
    .articleItem.row.sub .detailBox {
        width: 64%;
    }
}

@media screen and (max-width: 480px) {
    .articleItem.row.sub .detailBox {
        width: 51%;
    }
}

.articleItem.row.sub .detailBox .category {
    font-size: 0.875rem;
}

@media screen and (max-width: 1079px) {
    .articleItem.row.sub .detailBox .category {
        font-size: 1rem;
    }
}

@media screen and (max-width: 480px) {
    .articleItem.row.sub .detailBox .category {
        font-size: 0.85714285714286rem;
    }
}

.articleItem.row.sub .detailBox .title {
    font-size: 0.875rem;
    margin: 5px 0 0 0;
}

@media screen and (max-width: 1079px) {
    .articleItem.row.sub .detailBox .title {
        font-size: 1.125rem;
    }
}

@media screen and (max-width: 480px) {
    .articleItem.row.sub .detailBox .title {
        font-size: 0.85714285714286rem;
    }
}

.articleItem.row.sub .detailBox .pubdate {
    font-size: 0.75rem;
    top: inherit;
    bottom: 0;
}

@media screen and (max-width: 1079px) {
    .articleItem.row.sub .detailBox .pubdate {
        font-size: 0.875rem;
        top: 0;
    }
}

@media screen and (max-width: 480px) {
    .articleItem.row.sub .detailBox .pubdate {
        font-size: 0.57142857142857rem;
    }
}

.articleItem.row.sub .detailBox .description {
    display: none;
}

@media screen and (max-width: 1079px) {
    .articleItem.row.sub .detailBox .description {
        display: -webkit-box;
    }
}

.articleItem.mini .detailBox .title {
    -webkit-line-clamp: 3;
}

/*20200903 更新*/
.articleItem .specialBox {
    margin: 12px 0 0 12px;
    position: relative;
}

.specialBox:before {
    content: "";
    display: block;
    position: absolute;
    left: -14px;
    top: 2px;
    width: 4px;
    height: 70px;
    background-color: #DD0102;
}

@media screen and (max-width: 480px) {
    .articleItem .specialBox {
        margin: 12px 0 0 12px;
    }
}

.articleItem .specialBox .category {
    color: #ED6D00;
    text-transform: uppercase;
}

@media screen and (max-width: 480px) {
    .articleItem .specialBox .category {
        font-size: 0.85714285714286rem;
    }
}

.articleItem .specialBox .category a {
    display: inline;
}

.articleItem .specialBox .title {
    margin: 10px 0 0 0;
    font-size: 1.125rem;
    font-family: 'Barlow', sans-serif;
    letter-spacing: 1px;
    font-weight: bold;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

@media screen and (max-width: 480px) {
    .articleItem .specialBox .title {
        margin: 3px 0 3px 0;
        font-size: 1.35rem;
        -webkit-line-clamp: 3;
    }
}

.articleItem .specialBox .pubdate {
    font-size: 0.875rem;
    position: absolute;
    top: 0;
    right: 0;
}

@media screen and (max-width: 480px) {
    .articleItem .specialBox .pubdate {
        font-size: 0.57142857142857rem;
        top: 3px;
    }
}

.articleItem .specialBox .description {
    margin: 15px 0 0 0;
    font-size: 0.8125rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

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

.articleItem.post {
    padding: 0;
}

.articleItem.post .specialBox {
    margin: 0;
}

.articleItem.post .specialBox .category {
    font-size: 1.25rem;
}

@media screen and (max-width: 480px) {
    .articleItem.post .specialBox .category {
        font-size: 1rem;
    }
}

.articleItem.post .specialBox .title {
    font-size: 1.75rem;
    -webkit-line-clamp: 10;
    line-height: 1.2em;
}

@media screen and (max-width: 480px) {
    .articleItem.post .specialBox .title {
        font-size: 1.1428571428571rem;
    }
}

.articleItem.post .specialBox .infoBox {
    font-size: 0.875rem;
    margin: 10px 0 0 0;
}

.articleItem.post .specialBox .infoBox::after {
    content: "";
    display: block;
    clear: both;
}

@media screen and (max-width: 480px) {
    .articleItem.post .specialBox .infoBox {
        font-size: 0.71428571428571rem;
    }
}

.articleItem.post .specialBox .infoBox .pubdate {
    float: left;
}

@media screen and (max-width: 480px) {
    .articleItem.post .specialBox .infoBox .pubdate {
        font-size: 0.71428571428571rem;
    }
}

.articleItem.post .specialBox .infoBox .pubdate::after {
    content: '|';
    margin: 0 5px;
}

.articleItem.post .specialBox .pubdate {
    position: inherit;
}

.articleItem.row {
    padding: 0 0 20px 0;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    justify-content: space-between;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
}

@media screen and (max-width: 480px) {
    .articleItem.row {
        padding: 0 0 10px 0;
    }
}

.articleItem.row .eyecatchBox {
    width: 34%;
}

@media screen and (max-width: 480px) {
    .articleItem.row .eyecatchBox {
        width: 46%;
    }
}

.articleItem.row .specialBox {
    width: 64%;
    margin: 0;
}

@media screen and (max-width: 480px) {
    .articleItem.row .specialBox {
        width: 51%;
    }
}

.articleItem.row .specialBox .title {
    font-size: 1.125rem;
}

@media screen and (max-width: 480px) {
    .articleItem.row .specialBox .title {
        font-size: 0.85714285714286rem;
    }
}

.articleItem.row .specialBox .pubdate {
    font-size: 0.875rem;
}

@media screen and (max-width: 480px) {
    .articleItem.row .specialBox .pubdate {
        font-size: 0.57142857142857rem;
    }
}

.articleItem.row .specialBox .description {
    font-size: 0.875rem;
}

.articleItem.row.sub .eyecatchBox {
    width: 26%;
}

@media screen and (max-width: 1079px) {
    .articleItem.row.sub .eyecatchBox {
        width: 34%;
    }
}

@media screen and (max-width: 480px) {
    .articleItem.row.sub .eyecatchBox {
        width: 46%;
    }
}

.articleItem.row.sub .eyecatchBox .eyecatch {
    padding-top: 100%;
}

@media screen and (max-width: 1079px) {
    .articleItem.row.sub .eyecatchBox .eyecatch {
        padding-top: 66.6667%;
    }
}

.articleItem.row.sub .specialBox {
    width: 70%;
}

@media screen and (max-width: 1079px) {
    .articleItem.row.sub .specialBox {
        width: 64%;
    }
}

@media screen and (max-width: 480px) {
    .articleItem.row.sub .specialBox {
        width: 51%;
    }
}

.articleItem.row.sub .specialBox .category {
    font-size: 0.875rem;
}

@media screen and (max-width: 1079px) {
    .articleItem.row.sub .specialBox .category {
        font-size: 1rem;
    }
}

@media screen and (max-width: 480px) {
    .articleItem.row.sub .specialBox .category {
        font-size: 0.85714285714286rem;
    }
}

.articleItem.row.sub .specialBox .title {
    font-size: 0.875rem;
    margin: 5px 0 0 0;
}

@media screen and (max-width: 1079px) {
    .articleItem.row.sub .specialBox .title {
        font-size: 1.125rem;
    }
}

@media screen and (max-width: 480px) {
    .articleItem.row.sub .specialBox .title {
        font-size: 0.85714285714286rem;
    }
}

.articleItem.row.sub .specialBox .pubdate {
    font-size: 0.75rem;
    top: inherit;
    bottom: 0;
}

@media screen and (max-width: 1079px) {
    .articleItem.row.sub .specialBox .pubdate {
        font-size: 0.875rem;
        top: 0;
    }
}

@media screen and (max-width: 480px) {
    .articleItem.row.sub .specialBox .pubdate {
        font-size: 0.57142857142857rem;
    }
}

.articleItem.row.sub .specialBox .description {
    display: none;
}

@media screen and (max-width: 1079px) {
    .articleItem.row.sub .specialBox .description {
        display: -webkit-box;
    }
}

.articleItem.mini .specialBox .title {
    -webkit-line-clamp: 3;
}

@media screen and (max-width: 480px) {
    .articleItem .workshopBox {
        margin: 12px 0 0 0;
    }
}

.articleItem .workshopBox .category {
    color: #ED6D00;
    text-transform: uppercase;
}

.articleItem .workshopBox .recruitment {
    margin: 10px 0;
    color: #000000;
}

.articleItem .workshopBox .recruitment span {
    text-align: center;
    width: 25%;
    display: inline-block;
    padding: 0.2em 1em;
    text-decoration: none;
    background: #ffffff;
    border-radius: 5px;
}

.articleItem .workshopBox .end {
    margin: 10px 0;
    color: #ffffff;
}

.articleItem .workshopBox .end span {
    text-align: center;
    width: 25%;
    display: inline-block;
    padding: 0.2em 1em;
    text-decoration: none;
    border: solid 1px #ffffff;
    border-radius: 5px;
}

.articleItem .workshopBox .soldout {
    margin: 10px 0;
    color: #ffffff;
}

.articleItem .workshopBox .soldout span {
    text-align: center;
    width: 35%;
    display: inline-block;
    padding: 0.2em 1em;
    text-decoration: none;
    background: #DC0001;
    border-radius: 5px;
}

.articleItem .workshopBox .money {
    margin: 10px 0;
    color: #ffffff;
}

.articleItem .workshopBox .money span {
    font-weight: bold;
}

@media screen and (max-width: 480px) {
    .articleItem .workshopBox .soldout {
        margin: 10px 0;
        color: #ffffff;
    }

    .articleItem .workshopBox .recruitment {
        margin: 10px 0;
        color: #000000;
    }

    .articleItem .workshopBox .end {
        margin: 10px 0;
        color: #ffffff;
    }

    .articleItem .workshopBox .money {
        margin: 10px 0;
        color: #ffffff;
    }
}


.post .articleItem .workshopBox .recruitment {
    margin: 30px 0;
    color: #000000;
}

.post .articleItem .workshopBox .recruitment span {
    text-align: center;
    width: 15%;
    display: inline-block;
    padding: 0.5em 1em;
    text-decoration: none;
    background: #ffffff;
    border-radius: 5px;
}

.post .articleItem .workshopBox .end {
    margin: 20px 0;
    color: #ffffff;
}

.post .articleItem .workshopBox .end span {
    text-align: center;
    width: 15%;
    display: inline-block;
    padding: 0.5em 1em;
    text-decoration: none;
    border: solid 1px #ffffff;
    border-radius: 5px;
}

.post .articleItem .workshopBox .soldout {
    margin: 30px 0;
    color: #ffffff;
}

.post .articleItem .workshopBox .soldout span {
    text-align: center;
    width: 25%;
    display: inline-block;
    padding: 0.5em 1em;
    text-decoration: none;
    background: #DC0001;
    border-radius: 5px;
}

.post .articleItem .workshopBox .money {
    margin: 20px 0;
    color: #ffffff;
}

.post .articleItem .workshopBox .money a {
    margin-top: 10px;
    width: 30%;
}

.post .articleItem .workshopBox .money span {
    margin: 10px 0 0 0;
    font-size: 1.75rem;
    letter-spacing: 1px;
    font-weight: bold;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.post .articleItem .workshopBox .money .application {
    text-align: center;
    width: 100%;
    display: inline-block;
    padding: 0.5em 1em;
    text-decoration: none;
    background: #DC0001;
    border-radius: 5px;
}

.post.workshopList .shareBox {
    font-size: 1rem;
    margin: 15px 0 0 0;
}

.post.workshopList .shareBox>ul {
    margin: 50px 0 0;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
}

.post.workshopList .shareBox>ul>li {
    width: 50px;
    text-align: left;
}

@media screen and (max-width: 480px) {
    .post .articleItem .workshopBox .soldout {
        margin: 5px 0;
        color: #ffffff;
    }

    .post .articleItem .workshopBox .soldout span {
        width: 35%;
        display: inline-block;
        padding: 0.3em 1em;
    }

    .post .articleItem .workshopBox .recruitment {
        margin: 5px 0;
        color: #000000;
    }

    .post .articleItem .workshopBox .recruitment span {
        width: 25%;
        display: inline-block;
        padding: 0.3em 1em;
    }

    .post .articleItem .workshopBox .end {
        margin: 5px 0;
        color: #ffffff;
    }

    .post .articleItem .workshopBox .end span {
        width: 25%;
        ;
        display: inline-block;
        padding: 0.3em 1em;
    }

    .post .articleItem .workshopBox .money {
        margin: 5px 0;
        color: #ffffff;
    }

    .post .articleItem .workshopBox .money span {
        margin: 10px 0 0 0;
        font-size: 1.75rem;
    }

    .post .articleItem .workshopBox .money a {
        margin-top: 10px;
        width: 45%;
    }

    .post .articleItem .workshopBox .money .application {
        width: 100%;
        padding: 0.3em 1em;
    }

    .post.workshopList .shareBox {
        font-size: 0.75rem;
        margin: 15px 0 0 0;
    }

    .post.workshopList .shareBox .snsItem {
        margin-left: 10px;
    }

    .post.workshopList .shareBox .snsItem .iconBox.sub {
        width: 50px;
        height: 50px;
    }

    .post.workshopList .shareBox>ul {
        margin: 50px 100px 0;
        display: flex;
        display: -ms-flexbox;
        display: -webkit-box;
        display: -webkit-flex;
    }


    .post.workshopList .shareBox>ul>li {
        width: 50%;
        text-align: center;
    }


}

@media screen and (max-width: 480px) {
    .articleItem .workshopBox .category {
        font-size: 0.85714285714286rem;
    }
}

.articleItem .workshopBox .category a {
    display: inline;
}

.articleItem .workshopBox .title {
    margin: 10px 0 0 0;
    font-size: 1.75rem;
    font-family: 'Barlow', sans-serif;
    letter-spacing: 1px;
    font-weight: bold;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

@media screen and (max-width: 480px) {
    .articleItem .workshopBox .title {
        margin: 3px 0 3px 0;
        font-size: 1.35rem;
        -webkit-line-clamp: 3;
    }
}

.articleItem .workshopBox .pubdate {
    font-size: 0.875rem;
    position: absolute;
    top: 0;
    right: 0;
}

@media screen and (max-width: 480px) {
    .articleItem .workshopBox .pubdate {
        font-size: 0.57142857142857rem;
        top: 3px;
    }
}

.articleItem .workshopBox .description {
    margin: 15px 0 0 0;
    font-size: 0.8125rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

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

.articleItem.post {
    padding: 0;
}

.articleItem.post .workshopBox {
    margin: 0;
}

.articleItem.post .workshopBox .category {
    font-size: 1.25rem;
}

@media screen and (max-width: 480px) {
    .articleItem.post .workshopBox .category {
        font-size: 1rem;
    }
}

.articleItem.post .workshopBox .title {
    font-size: 1.75rem;
    -webkit-line-clamp: 10;
    line-height: 1.2em;
}

@media screen and (max-width: 480px) {
    .articleItem.post .workshopBox .title {
        font-size: 1.1428571428571rem;
    }
}

.articleItem.post .workshopBox .infoBox {
    font-size: 0.875rem;
    margin: 10px 0 0 0;
}

.articleItem.post .workshopBox .infoBox::after {
    content: "";
    display: block;
    clear: both;
}

@media screen and (max-width: 480px) {
    .articleItem.post .workshopBox .infoBox {
        font-size: 0.71428571428571rem;
    }
}

.articleItem.post .workshopBox .infoBox .pubdate {
    float: left;
}

@media screen and (max-width: 480px) {
    .articleItem.post .workshopBox .infoBox .pubdate {
        font-size: 0.71428571428571rem;
    }
}

.articleItem.post .workshopBox .infoBox .pubdate::after {
    content: '|';
    margin: 0 5px;
}

.articleItem.post .workshopBox .pubdate {
    position: inherit;
}

.articleItem.row {
    padding: 0 0 20px 0;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    justify-content: space-between;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
}

@media screen and (max-width: 480px) {
    .articleItem.row {
        padding: 0 0 10px 0;
    }
}

.articleItem.row .eyecatchBox {
    width: 34%;
}

@media screen and (max-width: 480px) {
    .articleItem.row .eyecatchBox {
        width: 46%;
    }
}

.articleItem.row .workshopBox {
    width: 64%;
    margin: 0;
}

@media screen and (max-width: 480px) {
    .articleItem.row .workshopBox {
        width: 51%;
    }
}

.articleItem.row .workshopBox .title {
    font-size: 1.125rem;
}

@media screen and (max-width: 480px) {
    .articleItem.row .workshopBox .title {
        font-size: 0.85714285714286rem;
    }
}

.articleItem.row .workshopBox .pubdate {
    font-size: 0.875rem;
}

@media screen and (max-width: 480px) {
    .articleItem.row .workshopBox .pubdate {
        font-size: 0.57142857142857rem;
    }
}

.articleItem.row .workshopBox .description {
    font-size: 0.875rem;
}

.articleItem.row.sub .eyecatchBox {
    width: 26%;
}

@media screen and (max-width: 1079px) {
    .articleItem.row.sub .eyecatchBox {
        width: 34%;
    }
}

@media screen and (max-width: 480px) {
    .articleItem.row.sub .eyecatchBox {
        width: 46%;
    }
}

.articleItem.row.sub .eyecatchBox .eyecatch {
    padding-top: 100%;
}

@media screen and (max-width: 1079px) {
    .articleItem.row.sub .eyecatchBox .eyecatch {
        padding-top: 66.6667%;
    }
}

.articleItem.row.sub .workshopBox {
    width: 70%;
}

@media screen and (max-width: 1079px) {
    .articleItem.row.sub .workshopBox {
        width: 64%;
    }
}

@media screen and (max-width: 480px) {
    .articleItem.row.sub .workshopBox {
        width: 51%;
    }
}

.articleItem.row.sub .workshopBox .category {
    font-size: 0.875rem;
}

@media screen and (max-width: 1079px) {
    .articleItem.row.sub .workshopBox .category {
        font-size: 1rem;
    }
}

@media screen and (max-width: 480px) {
    .articleItem.row.sub .workshopBox .category {
        font-size: 0.85714285714286rem;
    }
}

.articleItem.row.sub .workshopBox .title {
    font-size: 0.875rem;
    margin: 5px 0 0 0;
}

@media screen and (max-width: 1079px) {
    .articleItem.row.sub .workshopBox .title {
        font-size: 1.125rem;
    }
}

@media screen and (max-width: 480px) {
    .articleItem.row.sub .workshopBox .title {
        font-size: 0.85714285714286rem;
    }
}

.articleItem.row.sub .workshopBox .pubdate {
    font-size: 0.75rem;
    top: inherit;
    bottom: 0;
}

@media screen and (max-width: 1079px) {
    .articleItem.row.sub .workshopBox .pubdate {
        font-size: 0.875rem;
        top: 0;
    }
}

@media screen and (max-width: 480px) {
    .articleItem.row.sub .workshopBox .pubdate {
        font-size: 0.57142857142857rem;
    }
}

.articleItem.row.sub .workshopBox .description {
    display: none;
}

@media screen and (max-width: 1079px) {
    .articleItem.row.sub .workshopBox .description {
        display: -webkit-box;
    }
}

.articleItem.mini .workshopBox .title {
    -webkit-line-clamp: 3;
}

.header {
    position: fixed;
    z-index: 3;
    top: 0;
    width: 100%;
    background-color: #FAE6B7;
    border-bottom: 1px solid #F43E2C;
}

@media screen and (max-width: 1079px) {
    .header {
        background-color: #F43E2C;
        opacity: 1;
        height: 60px;
    }

    .header-clone.is-show {
        display: none;
    }
}

.header .headerBox {
    height: 84px;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
}

.header .header__logo {
    position: absolute;
    left: 10%;
}

.header .header__logo img {
    width: 80%;
}

.header .header__sp__text {
    display: none;
}

@media screen and (max-width: 1079px) {
    .header .headerBox {
        height: 60px;
    }

    .header .header__logo {
        position: relative;
        background-color: #000;
        width: 80px;
        left: 0%;
        height: 60px;
        padding: 10px;
        text-align: center;
    }

    .header .header__logo img {
        width: 80%;
        margin: 0 auto;
    }

    .header .header__sp__text {
        display: block;
        margin-left: 10px;
        font-family: good-times, sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 12px;
        color: #FFFFFF;
    }

    .header .headerBox {
        justify-content: flex-start;
    }
}

@media screen and (max-width: 480px) {
    .header .headerBox {}
}

.header .header__logo a:hover {
    opacity: 1;
}

.header__navBox {
    font-size: 1rem;
    position: absolute;
    right: 10%;
}

.header__navBox>ul {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
}

.header__navBox>ul>li>a {
    font-family: good-times, sans-serif;
    font-weight: 600;
    font-style: normal;
    line-height: 84px;
    margin-right: 35px;
    text-align: center;
    color: #F43E2C;
}

.header__navBox>ul>li.private a {
    font-family: good-times, sans-serif;
    font-weight: 400;
    font-style: normal;
    line-height: 84px;
    margin-right: 35px;
    text-align: center;
    color: #cccccc;
    cursor: default;
}

.header__navBox>ul>li:hover {
    transition: 0.2s;
    color: #FFFFFF;
}

@media screen and (max-width: 1279px) {
    .header__navBox>ul>li>a {}
}

.header__logo:hover,
.header__navBox>ul>li>a:hover {
    opacity: 0.7;
}

.header__navBox>ul>li:hover {
    transition: 0.2s;
}

.header__navBox>ul>li.category:hover .header__navBox__subBox {
    height: 84px;
    transition: 0.2s;
}

.header__navBox__subBox {
    width: 100%;
    background-color: #FAE6B7;
    position: absolute;
    top: 84px;
    left: 0;
    font-size: 0.875rem;
    height: 0;
    overflow: hidden;
    z-index: 1;
}

.header__navBox__subBox ul {
    width: 1080px;
    padding: 30px;
    height: 84px;
    margin: 0 auto;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    justify-content: space-between;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
}

.header__search {
    margin-left: 35px;
}

@media screen and (max-width: 1279px) {
    .header__navBox__subBox ul {
        width: 100%;
    }
}

@media screen and (max-width: 1279px) {
    .header__search {
        display: none;
    }
}

.header__search #form {
    position: relative;
}

.header__search #form input {
    height: 100%;
    outline: none;
}

.header__search #form #text {
    font-size: 0.75rem;
    border-radius: 12.5px;
    width: 180px;
    height: 30px;
    background-color: #000;
    color: #fff;
    border: 1px solid #fff;
    padding: 0 35px 0 12.5px;
}

@media screen and (max-width: 1279px) {
    .header__search #form #text {
        width: 130px;
    }
}

.header__search #form #submit {
    position: absolute;
    right: 9px;
    top: 4px;
    border: none;
    background-image: url("../images/icon_search_white.svg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    cursor: pointer;
    width: 20px;
    height: 20px;
}

.header-clone {
    position: fixed;
    z-index: 3;
    top: 0;
    width: 100%;
    transition: .3s;
    transform: translateY(-100%);
    opacity: 0.85;
}

@media screen and (max-width: 480px) {
    .header-clone {
        opacity: 1;
    }
}

.header-clone:hover {
    opacity: 1;
}

/*.header-clone.is-show {
    transform: translateY(0);
    background: #FAE6B7;
}*/

.drawer-hamburger {
    display: none;
}

.drawer-hamburger-icon,
.drawer-hamburger-icon:after,
.drawer-hamburger-icon:before {
    background-color: #FFFFFF !important;
}

.drawer-open .drawer-hamburger-icon {
    background-color: transparent !important;
}

@media screen and (max-width: 1079px) {
    .drawer-hamburger {
        display: block;
    }
}

.drawer-hamburger-icon,
.drawer-hamburger-icon:after,
.drawer-hamburger-icon:before {
    height: 3px;
    width: 25px;
    background-color: #ffffff;
}

.drawer-nav {
    height: 120%;
}

.share_area {
    z-index: 550;
    position: fixed;
    right: 23px;
    bottom: 40px;
    width: 48px;
    height: 205px;
}

@media screen and (max-width: 1200px) {
    .share_area {
        display: none;
    }
}

.share_t {
    font-family: good-times, sans-serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.05em;
    color: #fff;
    font-size: 12.8px;
    line-height: 100%;
    position: absolute;
    top: -25%;
    left: 50%;
    margin-left: 5px;
    transform-origin: 0 0;
    transform: rotate(90deg);
}

@media screen and (max-height: 680px) {
    .share_t {
        display: none;
    }
}

.share_a {
    position: absolute;
    top: 5%;
    left: 0;
    width: 100%;
    padding-bottom: 19px;
}

@media screen and (max-height: 510px) {
    .share_a {
        display: none;
    }
}

.share_a a {
    display: block;
    width: 23px;
    margin: 17px auto 0;
    position: relative;
}

.menu_bar,
.over_menu,
.menu_button {
    transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
}

.menu_bar {
    z-index: 500;
    position: fixed;
    top: 0;
    right: 0;
    width: 96px;
    height: 100%;
    background: #F43E2C;
}

.menu_bar:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 100%;
    width: 1px;
    height: 100%;
    background: #fff;
    opacity: 0.2;
}

.menu_bar_t {
    font-family: good-times, sans-serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.05em;
    font-size: 13px;
    line-height: 150%;
    color: #fff;
    width: 340px;
    position: absolute;
    top: 24px;
    left: 70%;
    transform-origin: 0 0;
    transform: rotate(90deg);
}

@media screen and (max-width: 1200px) {
    /*menu_bar*/

    .menu_bar {
        display: none;
    }
}

.menu_button {
    background: #000000;
    width: 100%;
    height: 80px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    cursor: pointer;
}

@media screen and (max-height: 680px) {
    .menu_button {
        display: none;
    }
}

.menu_button_b {
    position: absolute;
    top: 20%;
    left: 20%;
}

.menu_button_b img {
    width: 80%;
}
 
.main {
/*    background-color: #000;*/
}

.hot .container {
    padding: 30px 30px 0 0 !important;
}

@media screen and (max-width: 1279px) {
    .hot .container {
        padding: 30px 30px 0 !important;
    }
}

@media screen and (max-width: 480px) {
    .hot .container {
        padding: 0 15px 0 !important;
    }
}

.hot .archiveBox>ul::after {
    width: 48%;
}

.hot .archiveBox>ul>li {
    width: 48%;
}

.hot .archiveBox>ul>li:first-child {
    width: 100%;
}

@media screen and (max-width: 480px) {
    .hot .archiveBox>ul>li:first-child .eyecatch {
        width: 100vw;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        padding-top: 66.6667%;
    }
}

.pickup {
    background-color: #000000;
    color: #ffffff;
}

.pickup .container {
    padding: 0 30px 0 0 !important;
}

@media screen and (max-width: 1279px) {
    .pickup .container {
        padding: 0 30px 0 !important;
    }
}

@media screen and (max-width: 480px) {
    .pickup .container {
        padding: 0 15px !important;
    }
}

.recent .container {
    padding: 0 30px 0 0 !important;
}

@media screen and (max-width: 1279px) {
    .recent .container {
        padding: 0 30px 0 !important;
    }
}

@media screen and (max-width: 480px) {
    .recent .container {
        padding: 0 15px !important;
    }
}

.page-eyecatch {
    background-color: #000000;
}

@media screen and (max-width: 480px) {
    .post.page {
        margin: 0 0 20px 0;
    }
}

.post .shareBox {
    font-size: 0.75rem;
    margin: 15px 0 0 0;
}

@media screen and (max-width: 480px) {
    .post .shareBox {
        font-size: 0.57142857142857rem;
    }
}

.post .shareBox>ul {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
}

.post .shareBox>ul>li {
    width: 110px;
    text-align: center;
}

.post .shareBox>ul>li .text {
    margin: 0 0 0 5px;
}

.post .shareBox>ul>li.facebook {
    background-color: #315095;
}

.post .shareBox>ul>li.twitter {
    background-color: #56abee;
}

.post .shareBox>ul>li.google {
    background-color: #dc4a39;
}

.post .shareBox>ul>li.hatena {
    background-color: #008edd;
}

.post .shareBox>ul>li.line {
    background-color: #02c300;
}

.post .shareBox>ul>li>a {
    color: #ffffff;
    line-height: 30px;
}

.post .eyecatchBox {
    margin: 30px 0 0 0;
    width: 100%;
}

@media screen and (max-width: 480px) {
    .post .eyecatchBox {
        margin: 25px 0 0 0;
    }
}

.post .eyecatchBox .eyecatch {
    width: 100%;
    height: 0;
    padding-top: 66.6667%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.post .eyecatchBox .eyecatch.eyecatch__contents {
    width: 100%;
    height: 0;
    padding-top: 20%;
    margin-bottom: 20px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

@media screen and (max-width: 480px) {
    .post .eyecatchBox .eyecatch {
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        padding-top: 66.6667%;
    }
}

.post .eyecatchBox .caption {
    margin: 5px 0 0 0;
    font-size: 0.75rem;
}

.post .entryBox {
    padding: 60px 0 110px;
}

.post .entryBox a {
    color: #F43E2C;
}

.post .entryBox a.button_c {
    color: #000;
}

#sitemap_list li a {
    color: #fff !important;
}

.post .entryBox .spot__reserve a {
    color: #ffffff;
}

@media screen and (max-width: 480px) {
    .post .entryBox {
        padding: 30px 25px 45px;
    }
}

.battle_area {
    margin-bottom: 100px;
}

@media screen and (max-width: 480px) {
    .battle_area {
        margin-bottom: 50px;
    }
}

.about h3 {
    font-weight: bold;
    padding: 10px 0;
}

.about h3::before {
    content: '■';
}

.about .haishin,
.about .teikyou {
    margin: 30px 0 0 0;
}

@media screen and (max-width: 480px) {

    .about .haishin,
    .about .teikyou {
        margin: 20px 0 0 0 !important;
    }
}

.about .logoBox>ul {
    margin: 20px 0 0 0;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    justify-content: space-between;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}

.about .logoBox>ul::after {
    content: '';
    display: block;
    width: 32%;
}

.about .logoBox>ul>li {
    width: 32%;
    margin: 0 0 40px 0;
}

@media screen and (max-width: 480px) {
    .about .logoBox>ul>li {
        width: 48%;
    }
}

.tokushu .explane {
    margin-top: 0;
}

.tokushu .archiveList {
    margin: 0;
}

.tokushu .specialList {
    margin: 0;
}

.tokushu .workshopList {
    margin: 0;
}

.tokushu-bannerUpper {
    margin-bottom: 4%;
}

.tokushu-bannerLower {
    margin-top: 4%;
}

.tokushu-bannerUpper img.display-block-max-md,
.tokushu-bannerLower img.display-block-max-md {
    width: 67%;
    margin: 0 auto;
}

.explane {
    margin: 30px 0 0 0;
    background-color: #000000;
    color: #ffffff;
}

.explane .container {
    padding: 0 !important;
}

.explane .explaneBox {
    padding: 20px 30px;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    justify-content: space-between;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
}

@media screen and (max-width: 480px) {
    .explane .explaneBox {
        padding: 15px;
    }
}

.explane .explaneBox .eyecatchBox {
    width: 22%;
}

.explane .explaneBox .eyecatchBox .eyecatch {
    width: 100%;
    height: 0;
    padding-top: 75%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

@media screen and (max-width: 480px) {
    .explane .explaneBox .eyecatchBox {
        display: none;
    }
}

.explane .explaneBox .detailBox {
    width: 75%;
}

@media screen and (max-width: 480px) {
    .explane .explaneBox .detailBox {
        width: 100%;
    }
}

.explane .explaneBox .detailBox a {
    color: #00a0e9;
}

.explane .explaneBox .detailBox .title {
    font-size: 1.125rem;
    font-weight: bold;
}

@media screen and (max-width: 480px) {
    .explane .explaneBox .detailBox .title {
        font-size: 1rem;
    }
}

.explane .explaneBox .detailBox .description {
    margin: 10px 0 0 0;
    font-size: 0.875rem;
}

@media screen and (max-width: 480px) {
    .explane .explaneBox .detailBox .description {
        font-size: 0.78571428571429rem;
    }
}

.explane .explaneBox .detailBox .description p {
    margin: 5px 0 0 0;
}

.explane .explaneBox .detailBox .description p:first-child {
    margin: 0;
}


.explane .explaneBox .specialBox {
    width: 75%;
}

@media screen and (max-width: 480px) {
    .explane .explaneBox .specialBox {
        width: 100%;
    }
}

.explane .explaneBox .specialBox a {
    color: #00a0e9;
}

.explane .explaneBox .specialBox .title {
    font-size: 1.125rem;
    font-weight: bold;
}

@media screen and (max-width: 480px) {
    .explane .explaneBox .specialBox .title {
        font-size: 1rem;
    }
}

.explane .explaneBox .specialBox .description {
    margin: 10px 0 0 0;
    font-size: 0.875rem;
}

@media screen and (max-width: 480px) {
    .explane .explaneBox .specialBox .description {
        font-size: 0.78571428571429rem;
    }
}

.explane .explaneBox .specialBox .description p {
    margin: 5px 0 0 0;
}

.explane .explaneBox .specialBox .description p:first-child {
    margin: 0;
}

.like .likeBox .specialBox {
    width: 64%;
    padding: 15px 0;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    justify-content: space-around;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-around;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -webkit-box-orient: vertical;
}

.like .likeBox .specialBox .text:first-child {
    font-size: 1.125rem;
}


/*workshop*/
.explane .explaneBox .workshopBox {
    width: 75%;
}

@media screen and (max-width: 480px) {
    .explane .explaneBox .workshopBox {
        width: 100%;
    }
}

.explane .explaneBox .workshopBox a {
    color: #00a0e9;
}

.explane .explaneBox .workshopBox .title {
    font-size: 1.125rem;
    font-weight: bold;
}

@media screen and (max-width: 480px) {
    .explane .explaneBox .workshopBox .title {
        font-size: 1rem;
    }
}

.explane .explaneBox .workshopBox .description {
    margin: 10px 0 0 0;
    font-size: 0.875rem;
}

@media screen and (max-width: 480px) {
    .explane .explaneBox .workshopBox .description {
        font-size: 0.78571428571429rem;
    }
}

.explane .explaneBox .workshopBox .description p {
    margin: 5px 0 0 0;
}

.explane .explaneBox .workshopBox .description p:first-child {
    margin: 0;
}

.like .likeBox .workshopBox {
    width: 64%;
    padding: 15px 0;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    justify-content: space-around;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-around;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -webkit-box-orient: vertical;
}

.like .likeBox .workshopBox .text:first-child {
    font-size: 1.125rem;
}

.relatedLink .relatedLinkBox>ul>li {
    margin: 8px 0 0 0;
}

.relatedLink .relatedLinkBox>ul>li:first-child {
    margin: 0;
}

.relatedLink .relatedLinkBox>ul>li>a {
    color: #fff;
}

.like {
    /* margin: 30px 0 0 0; 20200430 */
    margin: 15px 0 0 0;
}

@media screen and (max-width: 797px) {
    .like {
        display: none;
    }
}

.like .likeBox {
    border: 1px solid #000000;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    justify-content: space-between;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
}

.like .likeBox .eyecatchBox {
    width: 36%;
}

.like .likeBox .eyecatchBox .eyecatch {
    width: 100%;
    height: 0;
    padding-top: 66.6667%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.like .likeBox .detailBox {
    width: 64%;
    padding: 15px 0;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    justify-content: space-around;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-around;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -webkit-box-orient: vertical;
}

.like .likeBox .detailBox .text:first-child {
    font-size: 1.125rem;
}

.author .authorBox {
    padding: 20px 0;
    border-top: 2px solid #000000;
    border-bottom: 2px solid #000000;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    justify-content: space-between;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
}

@media screen and (max-width: 480px) {
    .author .authorBox {
        padding: 15px 0;
    }
}

.author .authorBox .eyecatchBox {
    width: 22%;
    margin: 0;
}

.author .authorBox .eyecatchBox .eyecatch {
    width: 100%;
    height: 0;
    padding-top: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.author .authorBox .detailBox {
    width: 75%;
}

.author .authorBox .detailBox p {
    margin: 5px 0 0 0;
}

.author .authorBox .detailBox p:first-child {
    margin: 0;
}

.author .authorBox .detailBox .name {
    font-size: 1.125rem;
    font-weight: bold;
}

@media screen and (max-width: 480px) {
    .author .authorBox .detailBox .name {
        font-size: 0.92857142857143rem;
    }
}

.author .authorBox .detailBox .description {
    margin: 5px 0 0 0;
}

@media screen and (max-width: 480px) {
    .author .authorBox .detailBox .description {
        font-size: 0.71428571428571rem;
    }
}


.author .authorBox .specialBox {
    width: 75%;
}

.author .authorBox .specialBox p {
    margin: 5px 0 0 0;
}

.author .authorBox .specialBox p:first-child {
    margin: 0;
}

.author .authorBox .specialBox .name {
    font-size: 1.125rem;
    font-weight: bold;
}

@media screen and (max-width: 480px) {
    .author .authorBox .specialBox .name {
        font-size: 0.92857142857143rem;
    }
}

.author .authorBox .specialBox .description {
    margin: 5px 0 0 0;
}

@media screen and (max-width: 480px) {
    .author .authorBox .specialBox .description {
        font-size: 0.71428571428571rem;
    }
}

/*workshop*/
.author .authorBox .workshopBox {
    width: 75%;
}

.author .authorBox .workshopBox p {
    margin: 5px 0 0 0;
}

.author .authorBox .workshopBox p:first-child {
    margin: 0;
}

.author .authorBox .workshopBox .name {
    font-size: 1.125rem;
    font-weight: bold;
}

@media screen and (max-width: 480px) {
    .author .authorBox .workshopBox .name {
        font-size: 0.92857142857143rem;
    }
}

.author .authorBox .workshopBox .description {
    margin: 5px 0 0 0;
}

@media screen and (max-width: 480px) {
    .author .authorBox .workshopBox .description {
        font-size: 0.71428571428571rem;
    }
}

.ad {
    padding: 30px 0 0 0;
}

@media screen and (max-width: 480px) {
    .ad {
        padding: 10px 0 0 0;
    }
}

.ad .adBox>ul {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
}

@media screen and (max-width: 480px) {
    .ad .adBox>ul {
        flex-direction: column;
        -ms-flex-direction: column;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -webkit-box-orient: vertical;
    }
}

.ad .adBox>ul>li {
    width: 300px;
    height: 250px;
    margin: 0 0 0 50px;
}

@media screen and (max-width: 480px) {
    .ad .adBox>ul>li {
        margin: 15px 0 0 0;
        width: 100%;
        height: auto;
        text-align: center;
    }
}

.ad .adBox>ul>li:first-child {
    margin: 0;
}

.ad .adBox>ul>li img {
    width: 300px;
}

@media screen and (max-width: 797px) {
    .ad .adBox>ul>li.adsense {
        display: none;
    }
}

@media screen and (max-width: 480px) {
    .ad .adBox>ul>li.adsense {
        display: block;
    }
}

.category .categoryBox>ul {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    justify-content: space-between;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}

.category .categoryBox>ul::after {
    content: '';
    display: block;
    width: 32%;
}

@media screen and (max-width: 797px) {
    .category .categoryBox>ul::after {
        width: 48%;
    }
}

.category .categoryBox>ul>li {
    width: 32%;
}

@media screen and (max-width: 797px) {
    .category .categoryBox>ul>li {
        width: 48%;
    }
}

.categoryItem {
    padding: 0 0 15px 0;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
}

.categoryItem .thumbnailBox .thumbnail {
    width: 100%;
    height: 0;
    padding-top: 66.6667%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.categoryItem .titleBox {
    background-color: #000000;
    color: #ffffff;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -webkit-box-orient: vertical;
}

.categoryItem .titleBox .title {
    white-space: nowrap;
}

.categoryItem .titleBox .title.en {
    font-size: 13px;
    text-transform: uppercase;
}

.categoryItem .titleBox .title.ja {
    font-size: 10px;
    transform: scale(0.7);
    font-weight: bold;
}

.categoryItem .thumbnailBox,
.categoryItem .titleBox {
    width: 50%;
}

@media screen and (max-width: 480px) {
    .categoryItem .thumbnailBox {
        width: 47%;
    }

    .categoryItem .titleBox {
        width: 53%;
    }
}

@media screen and (max-width: 1279px) {
    .categoryItem .titleBox .title.en.doubledutch {
        font-size: 11px;
    }
}

@media screen and (max-width: 480px) {
    .categoryItem .titleBox .title.en.doubledutch {
        font-size: 10px;
        text-align: center;
    }
}

.footer {
    text-align: center;
    padding: 30px 15px;
}

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

@media screen and (max-width: 1279px) {
    .footer.section {
        margin-left: 0;
    }
}

.footer .container {
    padding: 0 !important;
    margin-right: 0;
}

.footer__navBox {
    margin-right: 20px;
}

.footer__navBox>ul>li a:hover {
/*    transition: 0.2s;
    color: #FAE6B7;*/
}

@media screen and (max-width: 767px) {
    .footer__navBox {
        width: 90%;
        margin: 0 auto;
    }
}

.footer__navBox>ul {
    font-family: good-times, sans-serif;
    font-weight: 400;
    font-style: normal;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    justify-content: flex-end;
}

@media screen and (max-width: 767px) {
    .footer__navBox>ul {
        justify-content: center;
    }
}

.footer__navBox>ul>li {
    margin: 0 0 15px 18px;
}

.footer__navBox>ul>li:first-child {
    margin: 0 0 15px 0;
}

.footer__navBox>ul>li a:hover {
    opacity: 0.7;
}

.footer .logo {
    margin: 25px 0 0 0;
}

.footer .logo a:hover {
    opacity: 1;
}

.copyright {
    font-size: 12px;
    margin: 10px 0 0 0;
    text-align: right;
}

@media screen and (max-width: 767px) {
    .copyright {
        text-align: center;
    }
}

.footer.main {
    padding: 20px 0 25px;
    background-color: #F43E2C;
    color: #fff;
}

.footer.main .navBox {
    font-size: 0.75rem;
    width: 515px;
    margin: 0 auto;
}

.footer.main .navBox>ul {
    justify-content: space-between;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
}

.footer.main .navBox>ul>li {
    margin: 0;
}

.footer.main .navBox>ul>li>a::after,
.footer.main .navBox>ul>li>a::before {
    background-color: #000000;
}

.footer.main .logo {
    margin: 35px 0 0 0;
}

/*協賛*/
.sponsorship__title {
    font-family: good-times, sans-serif;;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #F43E2C
}

.sponsorship__inner {
    padding: 120px 60px;
}

.sponsored-by {
    text-align: center;
    margin: 50px 0 100px;
}

.supported-by {
    text-align: center;
    margin: 50px 0 0;
}

.sponsorship-block ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.sponsorship-block ul.sponsorship__splus-rank {
    justify-content: space-evenly;
}

.sponsorship-block ul.sponsorship__a-rank {
    padding-bottom: 100px;
}

.sponsorship-block ul>li {
    margin: 20px;
    text-align: center;
}

.sponsorship-block ul.sponsorship__splus-rank>li {
    width: 36%;
}

.sponsorship-block ul.sponsorship__s-rank>li,
.sponsorship-block ul.sponsorship__a-rank>li 
 {
    width: 18%;
}

.sponsorship-block ul.sponsorship__supported>li {
    width: 10%;
}

.sponsorship-block ul>li img {
    width: 80%;
    height: 100px;
    object-fit: contain;
}

@media screen and (max-width: 797px) {
    .sponsorship__inner {
        padding: 60px 0 20px;
    }

    .sponsored-by {
        margin: 40px 20px 90px;
    }

    .supported-by {
        margin: 40px 0 0;
    }

    .sponsorship-block ul.sponsorship__a-rank {
        padding-bottom: 30px;
    }

    .sponsorship-block ul>li {
        margin: 10px;
        text-align: center;
    }


    .sponsorship-block ul.sponsorship__splus-rank>li {
        width: 40%;
    }

    .sponsorship-block ul.sponsorship__s-rank>li,
    .sponsorship-block ul.sponsorship__a-rank>li 
     {
        width: 26%;
    }

    .sponsorship-block ul.sponsorship__supported>li {
        width: 18%;
    }

    .sponsorship-block ul>li img {
        width: 100%;
    }
}

.ranking .archiveBox>ul>li:nth-child(n+11) {
    display: none;
}

@media screen and (max-width: 480px) {
    .photo {
        background-color: #000000;
        padding: 0 0 10px 0;
        color: #ffffff !important;
    }
}

.photo .photoBox>ul::after {
    content: "";
    display: block;
    clear: both;
}

.photo .photoBox>ul::after {
    content: '';
    display: block;
    width: 33.3333%;
}

.photo .photoBox>ul>li {
    width: 33.3333%;
    float: left;
}

.photoItem {
    padding: 0 3px 3px 0;
}

.photoItem .thumbnailBox .thumbnail {
    width: 100%;
    height: 0;
    padding-top: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.pagePlugin {
    padding: 30px 0 0 0;
}

.navBox {
    padding: 30px 15px 0;
}

@media screen and (max-width: 797px) {
    .navBox {
        /*padding: 15px 15px 0;20200523*/
        padding: 15px 15px;
    }
}

.navBox>ul>li {
    font-size: 0.875rem;
    font-weight: bold;
    line-height: 45px;
    border-top: 1px solid #848484;
}

.navBox>ul>li:last-child {
    border-bottom: 1px solid #848484;
}

.navBox .categoryBox {
    padding: 0 0 10px 0;
}

.navBox .categoryBox>ul>li {
    width: 49%;
}

.navBox .categoryItem {
    padding: 0 0 7px 0;
}

.navBox .categoryItem .titleBox {
    line-height: 1em;
}

@media screen and (max-width: 480px) {
    .navBox .categoryItem .titleBox .title.en {
        font-size: 11px;
    }
}

.navBox .categoryItem .titleBox .title.ja {
    margin: 5px 0 0 0;
}

@media screen and (max-width: 480px) {
    .navBox .categoryItem .titleBox .title.ja {
        transform: scale(0.65);
    }
}

.sns {
    padding: 30px 15px 0;
}

@media screen and (max-width: 797px) {
    .sns {
        padding: 15px 15px 0;
        margin: 0 auto 6%;
    }
}

.sns .snsBox>ul {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}

.sns .snsBox>ul>li {
    margin: 0 0 0 22px;
}

.sns .snsBox>ul>li:first-child {
    margin: 0;
}

.sns.sub .snsBox>ul {
    justify-content: space-between;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
}

.sns.sub .snsBox>ul>li {
    width: 48%;
    margin: 0 0 20px 0;
}

.snsItem {
    width: 100%;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
}

.snsItem .iconBox {
    width: 30px;
    height: 30px;
    background-color: #2e2e2e;
    color: #ffffff;
    border-radius: 50%;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
}

.snsItem .iconBox.sub {
    width: 35px;
    height: 35px;
    border: solid 1px #fff;
}

.fab {
    color: #fff;
}

.snsItem .text {
    margin: 0 0 0 10px;
}

@media screen and (max-width: 797px) {
    .sns .snsBox>ul>li:nth-child(n+5) {
        margin: 22px 22px 0 0;
    }

    .iconBox i.fab:before,
    .iconBox i.fas:before,
    .iconBox span.icon-tiktok:before {
        font-size: 24px;
    }

    .snsItem .iconBox {
        width: 50px;
        height: 50px;
    }

    .snsItem .iconBox.sub {
        width: 50px;
        height: 50px;
        border: solid 1px #fff;
    }

}

.btn__list {
    margin: 80px auto 0;
    cursor: pointer;
    display: flex;
    justify-content: center;
}

.btn__list>li a {
    position: relative;
    color: #F43E2C;
    padding: 20px 80px;
/*    width: 250px;
    height: 56px;*/
    border: 2px solid #FAE6B7;
    margin: 0 20px;
}

.btn__list__txt {
    font-weight: bold;
    font-style: normal;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0.05em;
    display: block;
    color: #F43E2C;
}

.btn__list>li a::before {
    content: "";
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 20px;
    width: 13px;
    height: 13px;
    border-top: 3px solid #F43E2C;
    border-right: 3px solid #F43E2C;
    transform: rotate(45deg);
}

@media screen and (max-width: 797px) {
    .btn__list {
        margin: 40px auto 0;
    }

    .btn__list__txt {
        font-size: 14px;
    }

    .btn__list>li a {
        margin: 0 10px;
        padding: 15px 45px;
    }

    .btn__list>li a::before {
        right: 15px;
    }
}

.banner__list {
    margin: 50px auto 0;
    cursor: pointer;
    display: flex;
    justify-content: center;
}

.banner__list>li {
    width: 50%;
}

@media screen and (max-width: 797px) {
    .banner__list {
        margin: 25px auto 0;
    }
    .banner__list>li {
        width: 80%;
    }
}

.upbutton {
    background-color: #F43E2C;
    color: #fff;
    text-align: center;
    padding: 20px 0 0;
    margin-top: 50px;
}

.upbutton__top {
    display: block;
    width: 50px;
    height: 56px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.upbutton__top:hover {
    opacity: 0.7;
}

.upbutton__top::before {
    content: "";
    margin: auto;
    position: absolute;
    top: 0px;
    bottom: 25px;
    right: 19px;
    width: 13px;
    height: 13px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    transform: rotate(315deg);
}

.upbutton__top a {
    font-family: good-times, sans-serif;
    font-weight: 400;
    font-style: normal;
    margin: 20px 0 0;
}

@media screen and (max-width: 480px) {
    .upbutton {
        bottom: 15px;
        right: 15px;
    }
}

.headerForm__search__wrapper {
    display: none;
}

.headerForm__search {
    border-top: 3px solid #ED6D00;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    height: 70px;
}

@media screen and (max-width: 480px) {
    .headerForm__search {
        height: 55px;
        border-top: 2px solid #ED6D00;
    }
}

.headerForm__search #form {
    position: relative;
}

.headerForm__search #form input {
    height: 100%;
    outline: none;
}

.headerForm__search #form #text {
    font-size: 0.75rem;
    border-radius: 12.5px;
    width: 260px;
    height: 28px;
    background-color: #3d3d3d;
    color: #fff;
    border: none;
    padding: 0 35px 0 12.5px;
}

.headerForm__search #form #submit {
    position: absolute;
    right: 9px;
    top: 4px;
    border: none;
    background-image: url("../images/icon_search.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    cursor: pointer;
    width: 20px;
    height: 20px;
}

/* add categoryNav 20190521 */
.categoryNav {
    background-color: #DC0001;
}

.categoryNav .categoryNavBox {
    padding: 0 20px 0 40px;
}

@media screen and (max-width: 797px) {
    .categoryNav .categoryNavBox {
        padding: 5px 30px;
    }
}

.categoryNav .categoryNavBox ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 47px;
}

@media screen and (max-width: 797px) {
    .categoryNav .categoryNavBox ul {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        overflow-y: scroll;
        /*?20200902 height: 30px;?*/
        height: 50px;
        -webkit-overflow-scrolling: touch
    }
}

.categoryNav .categoryNavBox>ul>li {
    font-family: 'Barlow', sans-serif;
    font-weight: bold;
    letter-spacing: 1px;
    font-size: 15px;
    white-space: nowrap;
}

@media screen and (max-width: 1079px) {
    .categoryNav .categoryNavBox>ul>li {
        font-size: 11px;
    }
}

@media screen and (max-width: 797px) {
    .categoryNav .categoryNavBox>ul>li {
        margin-left: 23px;
    }

    .categoryNav .categoryNavBox>ul>li:first-child {
        margin-left: 0;
    }
}

.categoryNav .categoryNavBox>ul>li.current-menu-item a {
    border-bottom: 2px solid #fff;
    padding: 0 9px;
}

@media screen and (max-width: 1079px) {
    .categoryNav .categoryNavBox>ul>li.current-menu-item a {
        border-bottom: 1px solid #fff;
    }
}

@media screen and (max-width: 797px) {
    .categoryNav .categoryNavBox>ul>li.current-menu-item a {
        padding: 0 6px;
    }
}

.categoryNav .categoryNavBox>ul>li a {
    color: #fff;
    /*20200902*/
    font-size: 12px;
}

.google-auto-placed {
    display: none;
}

/* add popIn 20200430 */
#_popIn_recommend_div._popIn_recommend_container {
    padding: 15px 30px 0 0 !important;
}

@media screen and (max-width: 797px) {
    #_popIn_recommend_div._popIn_recommend_container {
        padding: 0px 30px 0 !important;
    }
}

._popIn_recommend_header {
    padding: 10px 0 16px 0 !important;
}

/* add special edition pr 20200430 */
.prBox {
    padding: 8px 0 !important;
}

/* add Xperia Sequence Images 20200705 */
.sequence-img-container {}

ul.sequence-img-list {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

ul.sequence-img-list li {
    position: relative;
    width: 49%;
    margin-top: 1%;
    margin-left: 1%;
    overflow: hidden;
}

ul.sequence-img-list>li:nth-child(-n+2) {
    margin-top: 0;
}

ul.sequence-img-list>li:nth-child(2n+1) {
    margin-left: 0;
}

ul.sequence-img-list li span.sequence-img-num {
    position: absolute;
    top: 0px;
    right: 0;
    width: 24px;
    height: 24px;
    background: #B40113;
    color: #fff;
    text-align: center;
    font-size: 0.6em;
    line-height: 2.5em;
    font-weight: bold;
    z-index: 1;
    margin: 0;
    padding: 0
}

.mfp-bg {
    background: #000 !important;
    opacity: 0.9 !important;
}

.mfp-counter {
    display: none !important;
}

button.mfp-close {
    font-family: 'Lato', sans-serif !important;
    font-size: 7em;
    height: 60px;
    padding-right: 0px !important;
}

img.mfp-img {
    padding: 80px 0 80px !important;
}

.mfp-figure:after {
    top: 80px !important;
    bottom: 80px !important;
}

@media screen and (max-width: 797px) {
    ul.sequence-img-list li span.sequence-img-num {
        line-height: 2.9em;
    }

    .gallery-arrow-right:before {
        content: '' !important;
        display: inline-block;
        width: 15px;
        height: 32px;
        background: url('../images/mp_right_arrow.png') no-repeat;
        background-size: contain;
        vertical-align: middle;
    }

    .gallery-arrow-left:before {
        content: '' !important;
        display: inline-block;
        width: 15px;
        height: 32px;
        background: url('../images/mp_left_arrow.png') no-repeat;
        background-size: contain;
        vertical-align: middle;
    }


    button.mfp-close {
        font-family: 'Lato', sans-serif !important;
        font-size: 4em;
        height: 42px;
    }

    .mfp-close {
        top: 16px !important;
    }

    .gallery-arrow-left {
        left: 10px !important;
    }

    .gallery-arrow-right {
        right: 10px !important;
    }
}

.mfp-container {
    padding-left: 60px;
    padding-right: 60px;
}

.gallery-arrow {
    position: absolute;
    top: 50%;
    margin-top: -15px;
    display: block;
    cursor: pointer;
    width: 30px;
    height: 30px;
    z-index: 1045 !important;
}

.gallery-arrow-left {
    left: 30px;
}

.gallery-arrow-right {
    right: 30px;
}

#sp_sequence_img_open {
    display: table;
    width: 65%;
    height: 36px;
    margin: 10% auto;
}

#sp_img_open_btn {
    cursor: pointer;
    color: #fff;
    background: #B40113;
    border-radius: 50px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}

/*page-link*/
.pagelink {
    padding: 30px 30px 0 0;
}

@media screen and (max-width: 480px) {
    .pagelink {
        padding: 30px 15px 0;
    }
}

.pagelink .pagelinkBox>ul>li {
    width: 49%;
}

.pagelink .pagelinkBox>ul {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    justify-content: space-between;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}


.pagelink .pagelinkBox>ul>li {
    width: 32%;
}

@media screen and (max-width: 797px) {
    .pagelink .pagelinkBox>ul>li {
        width: 48%;
    }
}

.pagelinkItem {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
}

.pagelinkItem .thumbnailBox .thumbnail {
    width: 100%;
    height: 0;
    padding-top: 66.6667%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.pagelinkItem .titleBox {
    background-color: #000000;
    color: #ffffff;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -webkit-box-orient: vertical;
}

.pagelinkItem .titleBox .title {
    white-space: nowrap;
}

.pagelinkItem .titleBox .title.en {
    font-size: 13px;
    text-transform: uppercase;
}

.pagelinkItem .titleBox .title.ja {
    font-size: 10px;
    transform: scale(0.7);
    font-weight: bold;
}

@media screen and (max-width: 480px) {
    .pagelinkItem .titleBox .title.en {
        font-size: 10px;
    }
}

.pagelinkItem .thumbnailBox,
.pagelinkItem .titleBox {
    width: 50%;
}

@media screen and (max-width: 480px) {
    .pagelinkItem .thumbnailBox {
        width: 47%;
    }

    .pagelinkItem .titleBox {
        width: 53%;
    }
}

/*modal*/
.remodal {
    padding: 0;
    background-color: rgba(0, 0, 0, 0);
}

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    margin-bottom: 50px;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.modalbtn {
    margin-top: 50px;
}

.modaltxt {
    margin-top: 20px;
}

.modaltxt p {
    color: #fff;
}

.remodal-overlay {
    background: rgba(0, 0, 0, 0.9) !important;
}


/* TikTok fontawesome 20200710 */
@font-face {
    font-family: 'icomoon';
    src: url('fonts/icomoon.eot?662alk');
    src: url('fonts/icomoon.eot?662alk#iefix') format('embedded-opentype'),
        url('fonts/icomoon.ttf?662alk') format('truetype'),
        url('fonts/icomoon.woff?662alk') format('woff'),
        url('fonts/icomoon.svg?662alk#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="icon-"],
[class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-tiktok:before {
    content: "\e900";
    color: #fff;
}

/* / TikTok fontawesome 20200710 */


.tokushu .archiveList {
    margin: 0;
}

.archiveList .entry h3 {
    position: relative;
    margin: 0;
    width: 30%;
    margin-top: 50px;
    color: #fff;
    background-color: #ED6D00;
    text-transform: uppercase;
    border-left: 5px solid #000;
    padding: 5px 0 5px 10px;
    font-size: 17px;
    font-weight: bold;
}

.archiveList .entry h3:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent #fff transparent transparent;
    border-width: 40px 50px 5px 0px;
}

.archive__title {
    font-size: 45px;
    font-weight: bold;
    margin-top: 0 !important;
}

.archive__red {
    margin-top: -15px !important;
    color: #DC0001;
    font-size: 16px;
}

.archive__bold {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 25px;
    margin-top: 15px !important;
}

.archive__text {
    margin-top: 15px !important;
}

.articleItem .archiveBox .category {
    position: relative;
    display: flex;
    align-items: center;
    width: 95%;
    margin-top: 15px;
    color: #fff;
    background-color: #ED6D00;
    text-transform: uppercase;
    border-left: 5px solid #000;
    padding: 5px 0 5px 10px;
    font-weight: bold;
}

.articleItem .archiveBox .category span {
    margin-left: 5px;
    font-size: 12px;
}

.articleItem .archiveBox .category:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent #fff transparent transparent;
    border-width: 35px 50px 5px 0px;
}

.articleItem .archiveBox .entry h3 {
    position: relative;
    width: 75%;
    margin-top: 15px;
    color: #fff;
    background-color: #ED6D00;
    text-transform: uppercase;
    border-left: 5px solid #000;
    padding: 5px 0 5px 10px;
    font-weight: bold;
}

.articleItem .archiveBox .category:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent #fff transparent transparent;
    border-width: 35px 50px 5px 0px;
}

.articleItem .archiveBox .recruitment {
    margin: 10px 0;
    color: #000000;
}

.articleItem .archiveBox .recruitment span {
    text-align: center;
    width: 25%;
    display: inline-block;
    padding: 0.2em 1em;
    text-decoration: none;
    background: #ffffff;
    border-radius: 5px;
}

.articleItem .archiveBox .end {
    margin: 10px 0;
    color: #ffffff;
}

.articleItem .archiveBox .end span {
    text-align: center;
    width: 25%;
    display: inline-block;
    padding: 0.2em 1em;
    text-decoration: none;
    border: solid 1px #ffffff;
    border-radius: 5px;
}

.articleItem .archiveBox .soldout {
    margin: 10px 0;
    color: #ffffff;
}

.articleItem .archiveBox .soldout span {
    text-align: center;
    width: 35%;
    display: inline-block;
    padding: 0.2em 1em;
    text-decoration: none;
    background: #DC0001;
    border-radius: 5px;
}

.articleItem .archiveBox .money {
    margin: 10px 0;
    color: #ffffff;
}

.articleItem .archiveBox .money span {
    font-weight: bold;
}

.post .articleItem .archiveBox .recruitment {
    margin: 30px 0;
    color: #000000;
}

.post .articleItem .archiveBox .recruitment span {
    text-align: center;
    width: 15%;
    display: inline-block;
    padding: 0.5em 1em;
    text-decoration: none;
    background: #ffffff;
    border-radius: 5px;
}

.post .articleItem .archiveBox .end {
    margin: 20px 0;
    color: #ffffff;
}

.post .articleItem .archiveBox .end span {
    text-align: center;
    width: 15%;
    display: inline-block;
    padding: 0.5em 1em;
    text-decoration: none;
    border: solid 1px #ffffff;
    border-radius: 5px;
}

.post .articleItem .archiveBox .soldout {
    margin: 30px 0;
    color: #ffffff;
}

.post .articleItem .archiveBox .soldout span {
    text-align: center;
    width: 25%;
    display: inline-block;
    padding: 0.5em 1em;
    text-decoration: none;
    background: #DC0001;
    border-radius: 5px;
}

.post .articleItem .archiveBox .money {
    margin: 20px 0;
    color: #ffffff;
}

.post .articleItem .archiveBox .money a {
    margin-top: 10px;
    width: 30%;
}

.post .articleItem .archiveBox .money span {
    margin: 10px 0 0 0;
    font-size: 1.75rem;
    letter-spacing: 1px;
    font-weight: bold;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.post .articleItem .archiveBox .money .application {
    text-align: center;
    width: 100%;
    display: inline-block;
    padding: 0.5em 1em;
    text-decoration: none;
    background: #DC0001;
    border-radius: 5px;
}

.post.archiveList .shareBox {
    font-size: 1rem;
    margin: 15px 0 0 0;
}

.post.archiveList .shareBox>ul {
    margin: 50px 0 0;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
}

.post.archiveList .shareBox>ul>li {
    width: 50px;
    text-align: left;
}

.articleItem .archiveBox .category a {
    display: inline;
}

.articleItem .archiveBox .title {
    margin: 10px 0 0 0;
    font-size: 1.6rem;
    font-family: 'Barlow', sans-serif;
    letter-spacing: 1px;
    font-weight: bold;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.articleItem .archiveBox .pubdate {
    font-size: 0.875rem;
    position: absolute;
    top: 0;
    right: 0;
}

.articleItem .archiveBox .description {
    margin: 15px 0 0 0;
    font-size: 0.8125rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.articleItem.post {
    padding: 0;
}

.articleItem.post .archiveBox {
    margin: 0;
}

.articleItem.post .archiveBox .category {
    font-size: 1.25rem;
}

.articleItem.post .archiveBox .title {
    font-size: 1.75rem;
    -webkit-line-clamp: 10;
    line-height: 1.2em;
}

.articleItem.post .archiveBox .infoBox {
    font-size: 0.875rem;
    margin: 10px 0 0 0;
}

.articleItem.post .archiveBox .infoBox::after {
    content: "";
    display: block;
    clear: both;
}

.articleItem.post .archiveBox .infoBox .pubdate {
    float: left;
}

.articleItem.post .archiveBox .infoBox .pubdate::after {
    content: '|';
    margin: 0 5px;
}

.articleItem.post .archiveBox .pubdate {
    position: inherit;
}

.articleItem.row {
    padding: 0 0 20px 0;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    justify-content: space-between;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
}

@media screen and (max-width: 767px) {
    .articleItem.row {
        flex-direction: column;
    }
}

.articleItem.row .eyecatchBox {
    width: 34%;
}

.articleItem.row .archiveBox {
    width: 64%;
    margin: 0;
}

.articleItem.row .archiveBox .title {
    font-size: 1.125rem;
}

.articleItem.row .archiveBox .pubdate {
    font-size: 0.875rem;
}

.articleItem.row .archiveBox .description {
    font-size: 0.875rem;
}

.articleItem.row.sub .eyecatchBox {
    width: 26%;
}

.articleItem.row.sub .eyecatchBox .eyecatch {
    padding-top: 100%;
}

.articleItem.row.sub .archiveBox {
    width: 70%;
}

.articleItem.row.sub .archiveBox .category {
    font-size: 0.875rem;
}

.articleItem.row.sub .archiveBox .title {
    font-size: 0.875rem;
    margin: 5px 0 0 0;
}

.articleItem.row.sub .archiveBox .pubdate {
    font-size: 0.75rem;
    top: inherit;
    bottom: 0;
}

.articleItem.row.sub .archiveBox .description {
    display: none;
}

.articleItem.mini .archiveBox .title {
    -webkit-line-clamp: 3;
}

.post.archiveList.archive {
    padding-bottom: 10px;
}

.post.archiveList.archive .entry a {
    color: #00A0E9;
}

.archiveList.interview .container,
.archiveList.movie .container,
.archiveList.archive .container {
    padding: 60px 100px;
}

.archiveList.interview .archiveBox>ul>li,
.archiveList.movie .archiveBox>ul>li,
.archiveList.archive .archiveBox>ul>li {
    width: 31%;
}

.archiveList.interview .archiveBox>ul>li .articleItem,
.archiveList.movie .archiveBox>ul>li .articleItem,
.archiveList.archive .archiveBox>ul>li .articleItem {
    padding: 0 0 50px 0;
}

.archiveList.news .archiveBox>ul>li .articleItem::after {
    content: "";
    display: block;
    border-bottom: 1px solid #FAE6B7;
    transform: scaleY(.5);
    transform-origin: 100% 0;
    margin-top: 30px;
}

.archiveList .archiveBox>ul::after {
    width: 32%;
}

.archiveList .archiveBox>ul>li {
    width: 48%;
}

.explane .explaneBox .archiveBox {
    width: 75%;
}

.explane .explaneBox .archiveBox a {
    color: #00a0e9;
}

.explane .explaneBox .archiveBox .title {
    font-size: 1.125rem;
    font-weight: bold;
}

.explane .explaneBox .archiveBox .description {
    margin: 10px 0 0 0;
    font-size: 0.875rem;
}

.explane .explaneBox .archiveBox .description p {
    margin: 5px 0 0 0;
}

.explane .explaneBox .archiveBox .description p:first-child {
    margin: 0;
}

.like .likeBox .archiveBox {
    width: 64%;
    padding: 15px 0;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    justify-content: space-around;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-around;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -webkit-box-orient: vertical;
}

.like .likeBox .archiveBox .text:first-child {
    font-size: 1.125rem;
}

.author .authorBox .archiveBox {
    width: 75%;
}

.author .authorBox .archiveBox p {
    margin: 5px 0 0 0;
}

.author .authorBox .archiveBox p:first-child {
    margin: 0;
}

.author .authorBox .archiveBox .name {
    font-size: 1.125rem;
    font-weight: bold;
}

.author .authorBox .archiveBox .description {
    margin: 5px 0 0 0;
}

.archive__table {
    width: 100%;
    table-layout: fixed;
    word-break: break-all;
}

.archive__table th,
.archive__table td {
    padding: 10px 10px 10px 15px;
    border: 1px solid #ddd;
}

.archive__table th {
    background: #CCCCCC;
}

.archive__table th {
    width: 20%;
    text-align: left;
}

@media screen and (max-width: 767px) {
    .articleItem.row .eyecatchBox {
        width: 100%;
    }

    .articleItem.row {
        padding: 0 0 10px 0;
        margin-top: 50px;
    }
}

@media screen and (max-width: 480px) {
    .articleItem .archiveBox .category:after {
        right: -1px;
    }

    .archiveList .entry h3:after {
        right: -1px;
    }

    .archiveList .entry h3 {
        width: 100%;
    }

    .articleItem .archiveBox {
        margin: 12px 0 0 0;
    }

    .articleItem .archiveBox .soldout {
        margin: 10px 0;
        color: #ffffff;
    }

    .articleItem .archiveBox .recruitment {
        margin: 10px 0;
        color: #000000;
    }

    .articleItem .archiveBox .end {
        margin: 10px 0;
        color: #ffffff;
    }

    .articleItem .archiveBox .money {
        margin: 10px 0;
        color: #ffffff;
    }

    .post .articleItem .archiveBox .soldout {
        margin: 5px 0;
        color: #ffffff;
    }

    .post .articleItem .archiveBox .soldout span {
        width: 35%;
        display: inline-block;
        padding: 0.3em 1em;
    }

    .post .articleItem .archiveBox .recruitment {
        margin: 5px 0;
        color: #000000;
    }

    .post .articleItem .archiveBox .recruitment span {
        width: 25%;
        display: inline-block;
        padding: 0.3em 1em;
    }

    .post .articleItem .archiveBox .end {
        margin: 5px 0;
        color: #ffffff;
    }

    .post .articleItem .archiveBox .end span {
        width: 25%;
        ;
        display: inline-block;
        padding: 0.3em 1em;
    }

    .post .articleItem .archiveBox .money {
        margin: 5px 0;
        color: #ffffff;
    }

    .post .articleItem .archiveBox .money span {
        margin: 10px 0 0 0;
        font-size: 1.75rem;
    }

    .post .articleItem .archiveBox .money a {
        margin-top: 10px;
        width: 45%;
    }

    .post .articleItem .archiveBox .money .application {
        width: 100%;
        padding: 0.3em 1em;
    }

    .post.archiveList .shareBox {
        font-size: 0.75rem;
        margin: 15px 0 0 0;
    }

    .post.archiveList .shareBox .snsItem {
        margin-left: 10px;
    }

    .post.archiveList .shareBox .snsItem .iconBox.sub {
        width: 50px;
        height: 50px;
    }

    .post.archiveList .shareBox>ul {
        margin: 50px 100px 0;
        display: flex;
        display: -ms-flexbox;
        display: -webkit-box;
        display: -webkit-flex;
    }

    .post.archiveList .shareBox>ul>li {
        width: 50%;
        text-align: center;
    }

    .articleItem .archiveBox .category {
        font-size: 0.85714285714286rem;
    }

    .articleItem .archiveBox .title {
        margin: 3px 0 3px 0;
        font-size: 1.35rem;
        -webkit-line-clamp: 3;
    }

    .articleItem .archiveBox .pubdate {
        font-size: 0.57142857142857rem;
        top: 3px;
    }

    .articleItem .archiveBox .description {
        display: none !important;
    }

    .articleItem.post .archiveBox .category {
        font-size: 1rem;
    }

    .articleItem.post .archiveBox .title {
        font-size: 1.1428571428571rem;
    }

    .articleItem.post .archiveBox .infoBox {
        font-size: 0.71428571428571rem;
    }

    .articleItem.post .archiveBox .infoBox .pubdate {
        font-size: 0.71428571428571rem;
    }

    .articleItem.row {
        padding: 0 0 10px 0;
        margin-top: 50px;
    }

    .articleItem.row .eyecatchBox {
        width: 100%;
    }

    .articleItem.row .archiveBox {
        width: 51%;
    }

    .articleItem.row .archiveBox .title {
        font-size: 0.85714285714286rem;
    }

    .articleItem.row .archiveBox .pubdate {
        font-size: 0.57142857142857rem;
    }

    .articleItem.row.sub .eyecatchBox {
        width: 46%;
    }

    .articleItem.row.sub .archiveBox {
        width: 51%;
    }

    .articleItem.row.sub .archiveBox .category {
        font-size: 0.85714285714286rem;
    }

    .articleItem.row.sub .archiveBox .title {
        font-size: 0.85714285714286rem;
    }

    .articleItem.row.sub .archiveBox .pubdate {
        font-size: 0.57142857142857rem;
    }

    .archiveList.interview .container,
    .archiveList.movie .container,
    .archiveList.archive .container {
        padding: 15px;
    }

    .archiveList .archiveBox>ul::after,
    ul.archiveBox__articleList li {
        width: 100%;
    }

    .archiveList .archiveBox>ul>li {
        width: 48%;
    }

    .explane .explaneBox .archiveBox {
        width: 100%;
    }

    .explane .explaneBox .archiveBox .title {
        font-size: 1rem;
    }

    .explane .explaneBox .archiveBox .description {
        font-size: 0.78571428571429rem;
    }

    .author .authorBox .archiveBox .name {
        font-size: 0.92857142857143rem;
    }

    .author .authorBox .archiveBox .description {
        font-size: 0.71428571428571rem;
    }

    .archive__table {
        margin: 0 -10px;
    }

    .archive__table th,
    .archive__table td {
        width: 100%;
        display: block;
        border-top: none;
    }

    .archive__table tr:first-child th {
        border-top: 1px solid #ddd;
        background-color: #CCCCCC;
    }
}

@media screen and (max-width: 767px) {

    .archiveList.interview .archiveBox>ul>li,
    .archiveList.movie .archiveBox>ul>li,
    .archiveList.archive .archiveBox>ul>li {
        width: 48%;
    }
}

@media screen and (max-width: 480px) {

    .archiveList.interview .archiveBox>ul>li,
    .archiveList.movie .archiveBox>ul>li,
    .archiveList.archive .archiveBox>ul>li {
        width: 100%;
    }

    .archiveList.archive .archiveBox>ul>li.archiveBox__battle {
        width: 94%;
        margin: 0 auto;
    }

    .spots .archiveList .archiveBox>ul>li {
        width: 100%;
    }
}

@media screen and (max-width: 1079px) {
    .articleItem.row.sub .eyecatchBox {
        width: 34%;
    }

    .articleItem.row.sub .eyecatchBox .eyecatch {
        padding-top: 66.6667%;
    }

    .articleItem.row.sub .archiveBox {
        width: 64%;
    }

    .articleItem.row.sub .archiveBox .category {
        font-size: 1rem;
    }

    .articleItem.row.sub .archiveBox .title {
        font-size: 1.125rem;
    }

    .articleItem.row.sub .archiveBox .pubdate {
        font-size: 0.875rem;
        top: 0;
    }

    .articleItem.row.sub .archiveBox .description {
        display: -webkit-box;
    }
}

/*sns*/
.archiveList .sns__list {
    display: flex;
    flex-diretion: row;
    justify-content: flex-start;
    margin: 30px auto 0;
}

.archiveList .sns__item {
    width: 35px;
    height: 35px;
    border: solid 1px #fff;
    color: #ffffff;
    border-radius: 50%;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
}

.archiveList li.sns__item:nth-child(n+2) {
    margin: 0 0 0 1rem;
}

@media screen and (max-width: 797px) {
    .archiveList .sns__list {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        padding: 15px 0 0;
        max-width: 300px;
        margin: 0 0 0 0;
    }

    .archiveList .sns__item {
        margin: 0 0 0 22px;
        width: 40px;
        height: 40px;
    }

    .archiveList li.sns__item:first-child {
        margin: 0;
    }

    .archiveList li.sns__item:nth-child(n+2) {
        margin: 0 0 0 22px;
    }

    .archiveList li.sns__item:nth-child(n+5) {
        margin: 22px 22px 0 0;
    }
}

/*sns*/
.spot__table .spots__list {
    display: flex;
    flex-diretion: row;
    justify-content: flex-start;
    margin: 0 auto;
}

.spot__table .spots__item {
    margin: 0 0 0 0;
    width: 6%;
    text-align: center;
}

.spot__table li.spots__item:nth-child(n+2) {
    margin: 0 0 0 1rem;
}

@media screen and (max-width: 797px) {
    .spot__table .spots__list {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        padding: 15px 15px 0;
        max-width: 300px;
        margin: 0 auto 6%;
    }

    .spot__table .spots__item {
        margin: 0 0 0 22px;
        width: 50px;
        height: 50px;
    }

    .spot__table li.spots__item:first-child {
        margin: 0;
    }

    .spot__table li.spots__item:nth-child(n+2) {
        margin: 0 0 0 22px;
    }

    .spot__table li.spots__item:nth-child(n+5) {
        margin: 22px 22px 0 0;
    }
}

/*2021年7月 クレジット項目追加*/
.credit {
    background-color: #000;
    color: #fff;
    padding: 10px 15px;
}

@media screen and (max-width: 797px) {
    .credit {
        margin: 0 calc(50% - 50vw);
        width: 100vw;
    }
}


/*TOPページ*/

.l-container {
    width: 955px;
    margin: 0 auto;
    padding: 0 20px;
}

.u-title {
    width: 170px;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 8px;
    border-bottom: 1px solid #000;
    font-weight: 300;
    font-family: 'Barlow', sans-serif;
    letter-spacing: 0.05em;
    font-size: 3.0rem;
}

@media screen and (max-width: 955px) {
    .l-container {
        width: 100%;
        padding: 0 2.09424vw;
    }
}

@media screen and (max-width: 767px) {
    .l-container {
        padding: 0 5.33333vw;
    }
}

.l-container--mini {
    width: 767px;
}

@media screen and (max-width: 767px) {
    .l-container--mini {
        width: 100%;
    }
}

.l-container--lity {
    width: 950px;
    padding: 0;
}

@media screen and (max-width: 955px) {
    .l-container--lity {
        width: 93vw;
    }
}

.l-container--full {
    width: 1200px;
}

@media screen and (max-width: 1400px) {
    .l-container--full {
        width: 100%;
    }
}

.p-mv {
    margin-top: 84px;
    background-image: url(../images/bg_mv_sidebar.png);
    background-image: image-set(url(../images/bg_mv_sidebar.png) 1x, url(../images/bg_mv_sidebar@2x.png) 2x, url(../images/bg_mv_sidebar@3x.png) 3x);
    background-image: -webkit-image-set(url(../images/bg_mv_sidebar.png) 1x, url(../images/bg_mv_sidebar@2x.png) 2x, url(../images/bg_mv_sidebar@3x.png) 3x);
    background-image: -webkit-image-set(url(../images/bg_mv_sidebar.png) 1x, url(../images/bg_mv_sidebar@2x.png) 2x, url(../images/bg_mv_sidebar@3x.png) 3x);
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    aspect-ratio: 264 / 239;
}



@media screen and (max-width: 1200px) {
    .header__navBox {
        right: 0%;
    }

    .p-mv {
        margin-top: 84px;
        background-image: url(../images/bg_mv.png);
        background-image: image-set(url(../images/bg_mv.png) 1x, url(../images/bg_mv@2x.png) 2x, url(../images/bg_mv@3x.png) 3x);
        background-image: -webkit-image-set(url(../images/bg_mv.png) 1x, url(../images/bg_mv@2x.png) 2x, url(../images/bg_mv@3x.png) 3x);
        background-image: -webkit-image-set(url(../images/bg_mv.png) 1x, url(../images/bg_mv@2x.png) 2x, url(../images/bg_mv@3x.png) 3x);
        background-size: contain;
        background-repeat: no-repeat;
        width: 100%;
        height: 100%;
        aspect-ratio: 264 / 239;
    }
}


@media screen and (max-width: 1079px) {
    .p-mv {
        margin-top: 60px;
    }
}


.metaslider .flexslider {
    margin: 0 0 0 !important;
}

.flex-control-paging li a {
    background: #fff !important;
}

.flex-control-paging li a.flex-active {
    background: #ED6D00 !important;
}

.metaslider .flexslider .flex-direction-nav li a {
    background-image: url(../images/arrow.png) !important;
}

#meta-slider {
    display: none;
}

.flex-direction-nav .flex-next {
    right: 50px !important;
    opacity: 1 !important;
    z-index: 999 !important;
}

.flex-direction-nav .flex-prev {
    left: 50px !important;
    opacity: 1 !important;
    z-index: 999 !important;
}

@media screen and (max-width: 767px) {
    .flex-direction-nav .flex-next {
        right: 10px !important;
    }

    .flex-direction-nav .flex-prev {
        left: 10px !important;
    }
}

.p-mv__inner {
    position: absolute;
    top: 75%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    margin: 0 auto;
}

@media screen and (max-width: 1400px) {
    .p-mv {
        min-width: inherit;
    }
}

@media screen and (max-width: 955px) {
    .metaslider .slides img {
        height: 300px !important;
        object-fit: cover !important;
    }
}

@media screen and (max-width: 480px) {
    .p-mv {
        background-image: url(../images/bg_mv_sp.png);
        background-image: image-set(url(../images/bg_mv_sp.png) 1x, url(../images/bg_mv_sp@2x.png) 2x, url(../images/bg_mv_sp@3x.png) 3x);
        background-image: -webkit-image-set(url(../images/bg_mv_sp.png) 1x, url(../images/bg_mv_sp@2x.png) 2x, url(../images/bg_mv_sp@3x.png) 3x);
        background-image: -webkit-image-set(url(../images/bg_mv_sp.png) 1x, url(../images/bg_mv_sp@2x.png) 2x, url(../images/bg_mv_sp@3x.png) 3x);
        aspect-ratio: 3 / 4;
    }

    .p-mv-home {
        position: relative;
        max-height: 176vw;
        top: 0 !important;
    }

    .p-mv__cover {
        background-color: #333;
        max-height: 176vw;
        object-fit: cover;
        width: 100%;
    }

    .p-mv__inner {
        display: none;
    }

    .metaslider .slides img {
        height: 200px !important;
    }
}

.p-mv__message {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
}

.p-mv__message__logo {
    margin: 0 auto;
}

.p-mv__message__logo img {
    width: 100%;
    min-width: 873px;
}

@media screen and (max-width: 872px) {
    .p-mv__message__logo img {
        min-width: 500px;
    }
}

.p-mv__message__textEnglish {
    margin-top: 45px;
    text-align: center;
    font-family: 'Barlow', sans-serif;
    font-weight: 600;
    color: #fff;
    font-size: 2.0rem;
    letter-spacing: 0.1em;
    line-height: 2;
}

@media screen and (max-width: 955px) {
    .p-mv__message__textEnglish {
        font-size: 2.09424vw;
    }
}

@media screen and (max-width: 767px) {
    .p-mv__message__textEnglish {
        margin-top: 3vw;
        font-size: 4.26667vw;
    }
}

.p-mv--notTop {
    height: 209px;
    background-image: url('../images/bg_mv_notTop.png');
}

@media screen and (max-width: 767px) {
    .p-mv--notTop {
        display: none;
    }
}

.p-archive {}

@media screen and (max-width: 767px) {
    .p-partner {
        background-color: #212121;
    }
}

.p-archive__inner {
    padding-top: 70px;
    padding-bottom: 70px;
}

.p-contact {
    text-align: center;
    padding-bottom: 15px;
}

.p-contact-title {
    font-weight: bold;
}

.p-contact-lead,
.p-contact-link {
    margin-top: 5px;
}

.p-contact-link {
    text-decoration: underline;
}


.section__readmore,
.u-button {
    position: relative;
    margin: 0 auto;
    width: 250px;
    height: 56px;
    background-color: #FAE6B7;
    text-align: center;
    line-height: 55px;
    font-family: good-times, sans-serif !important;
    font-size: 16px;
    border-radius: 85px;
    text-decoration: none;
    display: block;
    color: #F43E2C;
}

.u-button::before {
    content: "";
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 15px;
    width: 13px;
    height: 13px;
    border-top: 3px solid #F43E2C;
    border-right: 3px solid #F43E2C;
    transform: rotate(45deg);
}

.fa-position-right {
    position: absolute;
    top: calc(50% - .5em);
    right: 1rem;
}

@media screen and (max-width: 1279px) {
    .p-archive__inner {
        padding: 30px 25px;
    }
}

@media screen and (max-width: 955px) {
    .p-archive__postList {
        margin-top: 7.64398vw;
    }
}

@media screen and (max-width: 767px) {
    .p-archive__postList {
        margin-top: 8vw;
    }
}

.p-archive__postList>ul {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
}

@media screen and (max-width: 955px) {
    .p-archive__postList>ul {
        justify-content: space-between;
    }
}

.p-archive__postList>ul>li {
    width: 280px;
}

.p-archive__postList>ul>li:nth-child(n + 2) {
    margin-left: 21px;
}

@media screen and (max-width: 955px) {
    .p-archive__postList>ul>li {
        width: 48%;
        margin-left: 0;
    }

    .p-archive__postList>ul>li:nth-child(n + 2) {
        margin-left: 0;
    }
}

.p-archive__postList a {
    text-decoration: none;
    display: block;
}

.p-archive__postList__postBox__thumbnail {
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 0;
    padding-top: 64.4%;
}

.p-archive__postList__postBox__infoBox {
    width: 100%;
    margin-top: 30px;
}

@media screen and (max-width: 955px) {
    .p-archive__postList__postBox__infoBox {
        margin-top: 3.14136vw;
    }
}

@media screen and (max-width: 767px) {
    .p-archive__postList__postBox__infoBox {
        margin-top: 4vw;
    }
}

.p-archive__postList__postBox__infoBox__date {
    font-size: 1.4rem;
    font-weight: 400;
    font-family: 'Barlow', sans-serif;
    letter-spacing: 0.05em;
}

.p-archive__postList__postBox__infoBox__title {
    margin-top: 10px;
    font-size: 1.6rem;
    line-height: 1.4;
}

.p-archive__postList__postBox__infoBox__description {
    margin-top: 10px;
    font-size: 1.4rem;
    line-height: 1.4;
}

.p-archive__button {
    margin-top: 70px;
}

@media screen and (max-width: 955px) {
    .p-archive__button {
        margin-top: 7.32984vw;
    }
}

@media screen and (max-width: 767px) {
    .p-archive__button {
        margin-top: 8vw;
    }
}

.p-archive__button a {
    margin: 0 auto;
}

.p-contentsList>ul {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
}

.p-contentsList>ul>li {
    width: 48%;
}

@media screen and (max-width: 767px) {

    .p-contentsList__title {
        font-size: 26px !important;
        line-height: 30px !important;
    }

    .p-contentsList>ul {
        flex-direction: column;
    }

    .p-contentsList>ul>li {
        width: 100%;
    }
}

.p-contentsList a {
    text-decoration: none;
    display: block;
}

.p-contentsList a:hover {
    opacity: 0.7;
}

.p-contentsList__btn {
    display: flex;
    align-items: center;
}


.p-contentsList__img {
    width: 120px;
    height: 120px;
}

.p-contentsList__img img {
    object-fit: contain;
}

.p-contentsList__title {
    font-family: good-times, sans-serif;
    font-weight: 700;
    font-style: italic;
    font-size: 32px;
    line-height: 56px;
    letter-spacing: 0.04em;
    color: #FAE6B7;
}

/*music*/
.music-background {
    background-image: url('../images/music-map.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

/*祭典*/
.largest-title {
    position: relative;
    background-image: url(../images/largest.png);
    background-image: image-set(url(../images/largest.png) 1x, url(../images/largest@2x.png) 2x);
    background-image: -webkit-image-set(url(../images/largest.png) 1x, url(../images/largest@2x.png) 2x);
    height: 300px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

@media screen and (max-width: 480px) {
    .largest-title {
        position: relative;
        background-image: url(../images/largest_sp.png);
        background-image: image-set(url(../images/argest_sp.png) 1x, url(../images/largest_sp@2x.png) 2x);
        background-image: -webkit-image-set(url(../images/argest_sp.png) 1x, url(../images/largest_sp@2x.png) 2x);
        height: 200px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }
}

.largest-title h3 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    margin: 0 auto;
    width: 50%;
    display: flex;
    justify-content: center;
}

@media screen and (max-width: 767px) {
    .largest-title h3 {
        width: 80%;
    }
}

/*event info*/
.event-info {
    padding: 0px;
/*    background-color: #FFFFFF;*/
/*    background-image: url(../images/yusf-map.png);*/
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    color: #000;
    margin-bottom: 0px;
}

.events-info__title {
    margin-bottom: 40px;
    text-align: center;
    border-bottom: 1px solid #000;
}

.events-info__title-en {
    font-family: good-times, sans-serif;
    font-weight: 700;
    font-style: nomal;
    font-size: 50px;
    line-height: 56px;
    letter-spacing: 0.04em;
    margin: 20px 0 10px;
}

.events-info__title-ja {
    margin-bottom: 40px;
}

.event-info dl {
    font-weight: bold;
}

.event-info dl a {
    display: inline-block;
    text-decoration: underline;
}

.event-info dt {
    float: left;
    padding-bottom: 5px;
}

.event-info dd {
    margin-left: 0px;
    padding-bottom: 5px;
}

@media screen and (max-width: 480px) {

    .event-info dt {
        padding-left: 10px;
        width: 80px;
        float: left;
        /* 左に寄せる */
        clear: both;
        /* フロートの解除 */
    }

    .event-info dd {
        padding-left: 10px;
        padding-right: 10px;
        margin-left: 90px;
        /* DTの幅分の設定 */
    }
}


.caution {
    padding: 60px 100px;
    background-color: #fff;
    color: #000;
}

.caution-title {
    text-align: center;
    font-weight: bold;
    margin-bottom: 60px;
}

.caution-lead {
    line-height: 2;
}

@media screen and (max-width: 767px) {
    .event-info {
        background-size: cover;
    }

    .events-info__title-en {
        font-size: 24px;
        line-height: 30px;
    }

    .caution {
        padding: 40px 25px;
    }

    .caution-title {
        text-align: center;
        font-weight: bold;
        margin-bottom: 20px;
    }
}

/*aboutList*/

.archiveBox__aboutTitle {
    text-align: center;
    padding: 10px 0;
}

@media screen and (max-width: 480px) {
    .archiveBox__aboutTitle {
        margin: 15px calc(50% - 50vw) !important;
        width: 100vw;
        max-width: 100vw !important;
    }
}

.light-blue {
    background-color: #48D1D2;
}

.red {
    background-color: #DD0000;
}

.yellow {
    background-color: #DEFE00;
    color: #000;
}

.about__contents {
    margin: 100px 0 !important;
}

#spread,
#entertainment,
#nurturing {
    display: block;
    padding-top: 70px;
    margin-top: -70px !important;
}


@media screen and (max-width: 480px) {
    .about__contents {
        margin: 70px 0 !important;
    }
}

.about__form a {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 50px auto;
    padding: 10px 2em;
    width: 70%;
    background-color: #ED6D00;
    transition: 0.3s;
    border-radius: 5px;
}

@media screen and (max-width: 480px) {
    .about__form a {
        width: 100%;
        margin: 25px auto;
    }
}

.post.aboutList.archive {
    padding-bottom: 10px;
}

.post.aboutList.archive .entry a {
    color: #00A0E9;
}

.aboutList.interview .container,
.aboutList.movie .container,
.aboutList.archive .container {
    padding: 30px 30px;
}

.aboutList.interview .archiveBox>ul>li,
.aboutList.movie .archiveBox>ul>li,
.aboutList.archive .archiveBox>ul>li {
    width: 31%;
}

.aboutList.interview .archiveBox>ul>li .articleItem,
.aboutList.movie .archiveBox>ul>li .articleItem,
.aboutList.archive .archiveBox>ul>li .articleItem {
    padding: 0 0 50px 0;
}

.aboutList .archiveBox>ul::after {
    width: 32%;
}

.aboutList .archiveBox>ul>li {
    width: 48%;
}

.about__image {
    text-align: center;
}

.about__image img {
    width: 20%;
}

/*news*/

.top_news_area {
    width: 100%;
    max-height: 1000px;
}

.top_news_inner {
    margin: 0 auto;
    position: relative;
}

.top_news_slides .slick-list {
    overflow: visible;
}

.top_news_slide {
    width: 400px;
    height: 380px;
}

.top_news_slide_a {
    width: 352px;
    height: 100%;
    display: block;
}

@media screen and (max-width: 480px) {
    .top_news_slide_a {
        width: 325px;
    }
}

.top_news_slide_th {
    background-size: cover;
    background-position: center center;
    background-color: #ccc;
    width: 100%;
    height: 235px;
}

.top_news_slide_date {
    font-family: good-times, sans-serif;
    font-weight: 400;
    font-style: normal;
    line-height: 200%;
    letter-spacing: 0.08em;
    color: #F43E2C;
    margin: 16px 0 10px;
}

.top_news_slide_title {
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 160%;
    letter-spacing: 0.05em;
    height: 75px;
}

.top_news_nav {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    position: absolute;
    top: 5px;
    right: 0;
    overflow: hidden;
    border: 2px solid #F43E2C;
    cursor: pointer;
}

.top_news_nav:hover {
    background-color: #F43E2C;
}

.top_news_nav_1::before {
    /* くの字の表示設定 */
    content: "";
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 10px;
    width: 10px;
    height: 10px;
    /* くの字を山なりに見た時、右側の長さ */
    border-top: 3px solid #F43E2C;
    /* くの字を山なりに見た時、左側の太さと色 */
    border-right: 3px solid #F43E2C;
    /* くの字を山なりに見た時、右側の太さと色 */
    transform: rotate(45deg);
    /* くの字の向き */
}

.top_news_nav_1:hover::before {
    /* くの字の表示設定 */
    content: "";
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 10px;
    width: 10px;
    height: 10px;
    /* くの字を山なりに見た時、右側の長さ */
    border-top: 3px solid #fff;
    /* くの字を山なりに見た時、左側の太さと色 */
    border-right: 3px solid #fff;
    /* くの字を山なりに見た時、右側の太さと色 */
    transform: rotate(45deg);
    /* くの字の向き */
}

.top_news_nav_2::before {
    /* くの字の表示設定 */
    content: "";
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 13px;
    width: 10px;
    height: 10px;
    /* くの字を山なりに見た時、右側の長さ */
    border-top: 3px solid #F43E2C;
    /* くの字を山なりに見た時、左側の太さと色 */
    border-right: 3px solid #F43E2C;
    /* くの字を山なりに見た時、右側の太さと色 */
    transform: rotate(220deg);
    /* くの字の向き */
}

.top_news_nav_2:hover::before {
    /* くの字の表示設定 */
    content: "";
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 13px;
    width: 10px;
    /* くの字を山なりに見た時、左側の長さ */
    height: 10px;
    /* くの字を山なりに見た時、右側の長さ */
    border-top: 3px solid #fff;
    /* くの字を山なりに見た時、左側の太さと色 */
    border-right: 3px solid #fff;
    /* くの字を山なりに見た時、右側の太さと色 */
    transform: rotate(220deg);
    /* くの字の向き */
}

.top_news_nav_1 {
    right: 0px;
}

@media screen and (max-width: 955px) {}

@media screen and (max-width: 767px) {
    .news-solid {
/*        border-top: solid 1px #FCBE2C;
        border-bottom: solid 1px #FCBE2C;*/
    }
}

@media screen and (max-width: 480px) {}

.top_news_nav_2 {
    right: 50px;
}

/* Slider */
.slick-slider {
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;

    display: block;
    overflow: hidden;

    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;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}

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

    content: '';
}

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

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

.slick-slide {
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}

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


/* スクロールCSS */
.fade-in {
    opacity: 0;
    transition-duration: 500ms;
    transition-property: opacity, transform;
}

.fade-in-up {
    transform: translate(0, 50px);
}

.fade-in-down {
    transform: translate(0, -50px);
}

.fade-in-left {
    transform: translate(-50px, 0);
}

.fade-in-right {
    transform: translate(50px, 0);
}

.scroll-in {
    opacity: 1;
    transform: translate(0, 0);
}

/*contents*/

.contents-link {
    position: relative;
    height: 280px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    cursor: pointer;
}

.contents-link.contents__skateboarding {
    background-image: url(../images/contents/skateboarding-back.png);
}

.contents-link.contents__doubledutch {
    background-image: url(../images/contents/doubledutch-back.png);
}

.contents-link.contents__bmx {
    background-image: url(../images/contents/bmx-back.png);
}

.contents-link.contents__parkour {
    background-image: url(../images/contents/parkour-back.png);
}

.contents-link.contents__breaking {
    background-image: url(../images/contents/breaking-back.png);
}

.contents-link.contents__kids {
    background-image: url(../images/contents/kids-back.png);
}

@media screen and (max-width: 480px) {

    .contents-link {
        position: relative;
        height: 180px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

    .contents-link.contents__skateboarding {
        background-image: url(../images/contents/skateboarding-back-sp.png);
    }

    .contents-link.contents__doubledutch {
        background-image: url(../images/contents/doubledutch-back-sp.png);
    }

    .contents-link.contents__bmx {
        background-image: url(../images/contents/bmx-back-sp.png);
    }

    .contents-link.contents__parkour {
        background-image: url(../images/contents/parkour-back-sp.png);
    }

    .contents-link.contents__breaking {
        background-image: url(../images/contents/breaking-back-sp.png);
    }

    .contents-link.contents__kids {
        background-image: url(../images/contents/kids-back-sp.png);
    }

}

.contents-link .contents-title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    margin: 0 auto;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.contents-link .contents-text {
    font-family: good-times, sans-serif;
    font-weight: 700;
    font-style: italic;
    font-size: 36px;
    line-height: 56px;
    letter-spacing: 0.04em;
    color: #FAE6B7;
}

@media screen and (max-width: 480px) {
    .contents-link .contents-title {
        justify-content: flex-start;
    }

    .contents-link .contents-text {
        font-size: 28px;
        line-height: 30px;
    }
}

/*breaking*/

.breaking-list {
    margin: 80px auto 0 !important;
}

.breaking-list__judge__title,
.breaking-list__mc__title,
.breaking-list__dj__title {
    font-family: good-times, sans-serif;
    font-size: 20px;
    font-weight: 400;
    font-style: normal;
    text-transform: uppercase;
    text-align: center;
    color: #000;
    background-color: #FAE6B7;
    padding: 7px 0;
}

.breaking-list__lower {
    display: flex;
    justify-content: space-between;
}

.breaking-list__mc {
    margin: 0 !important;
    flex-basis: 38%;
}

.breaking-list__dj {
    margin: 0 !important;
    flex-basis: 59%;
}

.breaking-list__judge ul,
.breaking-list__dj ul {
    display: flex;
    justify-content: space-between;
}

.breaking-list__mc ul {
    display: flex;
    justify-content: center;
}

.breaking-list__judge__list,
.breaking-list__mc__list,
.breaking-list__dj__list {
    margin: 25px auto 0 !important;
}

.breaking-list__judge ul li img,
.breaking-list__mc ul li img,
.breaking-list__dj ul li img {
    width: 130px;
    height: 120px;
}

.breaking-list__judge__name,
.breaking-list__mc__name,
.breaking-list__dj__name {
    font-family: 'Saira', sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    text-transform: uppercase;
    color: #FAE6B7;
    margin: 15px auto 0 !important;
}

.breaking-list__mc__title,
.breaking-list__dj__title {
    margin: 0px auto 0 !important;
}

@media screen and (max-width: 797px) {
    .breaking-list {
        margin: 60px auto 0 !important;
    }

    .breaking-list__judge__title,
    .breaking-list__mc__title,
    .breaking-list__dj__title {
        font-size: 17px;
    }

    .breaking-list__lower {
        flex-direction: column;
    }

    .breaking-list__dj {
        margin: 30px 0 0 !important;
    }

    .breaking-list__judge ul,
    .breaking-list__dj ul {
        flex-wrap: wrap;
    }

    .breaking-list__mc ul {
        display: flex;
        justify-content: flex-start;
    }

    .breaking-list__judge ul li img,
    .breaking-list__mc ul li img,
    .breaking-list__dj ul li img {
        width: 156px;
        height: 100px;
    }

    .breaking-list__judge__name,
    .breaking-list__mc__name,
    .breaking-list__dj__name {
        font-size: 15px;
    }
}

/*parkour*/

.parkour-list {
    margin: 80px auto 0 !important;
}

.parkour-list__judge__title {
    font-family: good-times, sans-serif;
    font-size: 20px;
    font-weight: 400;
    font-style: normal;
    text-transform: uppercase;
    text-align: center;
    color: #000;
    background-color: #FAE6B7;
    padding: 7px 0;
}

.parkour-list__judge ul {
    display: flex;
    justify-content: space-between;
}

.parkour-list__judge li {
    width: 30%;
}

.parkour-list__judge__list {
    margin: 25px auto 0 !important;
}

.parkour-list__judge ul li img {
    width: 100%;
}

.parkour-list__judge__name {
    font-family: 'Saira', sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    color: #FAE6B7;
    margin: 15px auto 0 !important;
}

.parkour-list__judge__lead {
    margin-top: 14px !important;
    font-size: 13px;
}

@media screen and (max-width: 797px) {
    .parkour-list {
        margin: 60px auto 0 !important;
    }

    .parkour-list__judge__title {
        font-size: 17px;
    }

    .parkour-list__judge ul {
        flex-direction: column;
    }

    .parkour-list__judge li {
        width: 100%;
        margin-bottom: 20px;
    }

    .parkour-list__judge ul li img {}

    .parkour-list__judge__name {
        font-size: 15px;
    }

    .parkour-list__judge__lead {
        margin-top: 12px !important;
        font-size: 13px;
    }
}

/*contents-list*/
.contents-list {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    justify-content: space-between;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}

.contents-list>li {
    width: calc(100% / 3 - 20px);
}

.contents-list>li:nth-child( n + 4 ) {
  margin-top: 20px;
}

@media screen and (max-width: 797px) {
    .contents-list {
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
    }
    .contents-list>li {
        width: 100%;
    }
    .contents-list>li:nth-child( n + 2 ) {
      margin-top: 20px;
    }
}

/*live-list*/
.artist_name {
    font-family: 'Saira', sans-serif;
    font-weight: 600;
    font-style: normal;
    color: #F43E2C;
}

.live-top .artist_name {
    color: #000;
}

.live-list__title {
    font-family: good-times, sans-serif;
    font-size: 20px;
    font-weight: 600;
    font-style: normal;
    text-transform: uppercase;
    text-align: center;
    color: #FFFFFF;
    background-color: #F43E2C;
    padding: 7px 0;
    margin-bottom: 40px;
}

.live-top .live-list__title {
    color: #FAE6B7;
    background-color: #000;
}

.live-list__title.title_san {
    margin-top: 20px;
}

.artist_genre {
    position: absolute;
    top: 0;
    left: 0;
    font-family: good-times, sans-serif;
    font-size: 16px;
    text-align: center;
    width: 70px;
    font-weight: 600;
    color: #FFFFFF;
    background-color: #F43E2C;
    padding: 4px 0;
    border: 1px solid;
    border-color: #FFFFFF;
}

.live_sat01 {
    position: relative;
    background-image: url('../images/live/live_sat01.png');
    background-image: image-set(url(../images/live/live_sat01.png) 1x, url(../images/live/live_sat01@2x.png) 2x, url(../images/live/live_sat01@3x.png) 3x);
    background-image: -webkit-image-set(url(../images/live/live_sat01.png) 1x, url(../images/live/live_sat01@2x.png) 2x, url(../images/live/live_sat01@3x.png) 3x);
}

.live_sat02 {
    background-image: url('../images/live/live_sat02.png');
    background-image: image-set(url(../images/live/live_sat02.png) 1x, url(../images/live/live_sat02@2x.png) 2x, url(../images/live/live_sat02@3x.png) 3x);
    background-image: -webkit-image-set(url(../images/live/live_sat02.png) 1x, url(../images/live/live_sat02@2x.png) 2x, url(../images/live/live_sat02@3x.png) 3x);
}

.live_sat03 {
    background-image: url('../images/live/live_sat03.png');
    background-image: image-set(url(../images/live/live_sat03.png) 1x, url(../images/live/live_sat03@2x.png) 2x, url(../images/live/live_sat03@3x.png) 3x);
    background-image: -webkit-image-set(url(../images/live/live_sat03.png) 1x, url(../images/live/live_sat03@2x.png) 2x, url(../images/live/live_sat03@3x.png) 3x);
}

.live_sat04 {
    background-image: url('../images/live/live_sat04.png');
    background-image: image-set(url(../images/live/live_sat04.png) 1x, url(../images/live/live_sat04@2x.png) 2x, url(../images/live/live_sat04@3x.png) 3x);
    background-image: -webkit-image-set(url(../images/live/live_sat04.png) 1x, url(../images/live/live_sat04@2x.png) 2x, url(../images/live/live_sat04@3x.png) 3x);
}

.live_sat05 {
    background-image: url('../images/live/live_sat05.png');
    background-image: image-set(url(../images/live/live_sat05.png) 1x, url(../images/live/live_sat05@2x.png) 2x, url(../images/live/live_sat05@3x.png) 3x);
    background-image: -webkit-image-set(url(../images/live/live_sat05.png) 1x, url(../images/live/live_sat05@2x.png) 2x, url(../images/live/live_sat05@3x.png) 3x);
}

.live_sat06 {
    background-image: url('../images/live/live_sat06.png');
    background-image: image-set(url(../images/live/live_sat06.png) 1x, url(../images/live/live_sat06@2x.png) 2x, url(../images/live/live_sat06@3x.png) 3x);
    background-image: -webkit-image-set(url(../images/live/live_sat06.png) 1x, url(../images/live/live_sat06@2x.png) 2x, url(../images/live/live_sat06@3x.png) 3x);
}

.live_sun01 {
    background-image: url('../images/live/live_sun01.png');
    background-image: image-set(url(../images/live/live_sun01.png) 1x, url(../images/live/live_sun01@2x.png) 2x, url(../images/live/live_sun01@3x.png) 3x);
    background-image: -webkit-image-set(url(../images/live/live_sun01.png) 1x, url(../images/live/live_sun01@2x.png) 2x, url(../images/live/live_sun01@3x.png) 3x);
}

.live_sun02 {
    background-image: url('../images/live/live_sun02.png');
    background-image: image-set(url(../images/live/live_sun02.png) 1x, url(../images/live/live_sun02@2x.png) 2x, url(../images/live/live_sun02@3x.png) 3x);
    background-image: -webkit-image-set(url(../images/live/live_sun02.png) 1x, url(../images/live/live_sun02@2x.png) 2x, url(../images/live/live_sun02@3x.png) 3x);
}

.live_sun03 {
    background-image: url('../images/live/live_sun03.png');
    background-image: image-set(url(../images/live/live_sun03.png) 1x, url(../images/live/live_sun03@2x.png) 2x, url(../images/live/live_sun03@3x.png) 3x);
    background-image: -webkit-image-set(url(../images/live/live_sun03.png) 1x, url(../images/live/live_sun03@2x.png) 2x, url(../images/live/live_sun03@3x.png) 3x);
}

.live_sun04 {
    background-image: url('../images/live/live_sun04.png');
    background-image: image-set(url(../images/live/live_sun04.png) 1x, url(../images/live/live_sun04@2x.png) 2x, url(../images/live/live_sun04@3x.png) 3x);
    background-image: -webkit-image-set(url(../images/live/live_sun04.png) 1x, url(../images/live/live_sun04@2x.png) 2x, url(../images/live/live_sun04@3x.png) 3x);
}

.live_sun05 {
    background-image: url('../images/live/live_sun05.png');
    background-image: image-set(url(../images/live/live_sun05.png) 1x, url(../images/live/live_sun05@2x.png) 2x, url(../images/live/live_sun05@3x.png) 3x);
    background-image: -webkit-image-set(url(../images/live/live_sun05.png) 1x, url(../images/live/live_sun05@2x.png) 2x, url(../images/live/live_sun05@3x.png) 3x);
}

.live_sun06 {
    background-image: url('../images/live/live_sun06.png');
    background-image: image-set(url(../images/live/live_sun06.png) 1x, url(../images/live/live_sun06@2x.png) 2x, url(../images/live/live_sun06@3x.png) 3x);
    background-image: -webkit-image-set(url(../images/live/live_sun06.png) 1x, url(../images/live/live_sun06@2x.png) 2x, url(../images/live/live_sun06@3x.png) 3x);
}

@media screen and (max-width: 797px) {

    .archiveList.archive .archiveBox.live-list__box>ul>li {
        width: 48%;
    }

    .archiveList.archive .archiveBox.live-list__box>ul>li .articleItem {
        padding: 0 0 25px 0;
    }

    .artist_name {
        font-family: 'Saira', sans-serif;
        font-weight: 600;
        font-style: normal;
        color: #FAE6B7;
    }

    .artist_name_small {
        font-size: 12px;
    }

    .live-list__title {
        font-size: 17px;
    }

    .artist_genre {
        font-size: 6px;
        width: 28px;
        font-weight: normal;
        padding: 2px 0;
    }
}

/*live*/
.live_title {
    font-family: 'Saira', sans-serif;
    font-size: 26px;
    font-weight: 600;
    font-style: normal;
    color: #F43E2C;
    margin: 55px 0 25px;
}

.live_sns {
    margin-top: 30px;
}

.live_sns__list {
    display: flex;
    flex-wrap: wrap;
}

.live_sns__item {
    margin-top: 20px;
    margin-right: 20px;
}

.live_sns__item:last-child {
    margin-right: 0px;
}

.live_sns__item a {
    font-family: good-times, sans-serif;
    font-weight: 600;
    font-style: normal;
    text-transform: uppercase;
    text-align: center;
    color: #F43E2C;
    padding: 10px 20px;
    border: 1px solid #F43E2C;
    border-radius: 100vh;
}

@media screen and (max-width: 797px) {
    .live_title {
        font-size: 20px;
        margin: 35px 0 15px;
    }
}

.contents__faq {
    width: 955px;
}

.contents__inner {
    padding: 0px 25px;
    background-color: #fff;
}

.faq__title {
    color: #000;
    font-size: 30px;
    font-weight: bold;
    margin: 60px auto 0 !important;
}

.faq__question {
    color: #cc0033;
    font-weight: bold;
}

.faq__answer {
    color: #000;
    margin: 0px auto 0 !important;
}

.faq__answer a {
    color: #000 !important;
}

@media screen and (max-width: 797px) {
    .contents__faq {
        width: 100%;
    }

    .contents__inner {
        padding: 0px 20px 40px;
    }

    .faq__title {
        font-size: 20px;
        margin: 40px auto 0 !important;
    }

}

/*player*/

.player-list {
    margin: 80px auto 0 !important;
}

.player-list__judge__title,
.player-list__mc__title,
.player-list__dj__title {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    color: #F43E2C;
    background-color: #FFFFFF;
    padding: 7px 0;
}

.player-list__lower {
    display: flex;
}

.player-list__mc {
    margin: 0 !important;
    flex-basis: 38%;
}

.player-list__dj {
    margin: 0 !important;
    flex-basis: 59%;
}

.player-list__judge ul,
.player-list__dj ul {
    display: flex;
    justify-content: flex-start;
}

.player-list__mc ul {
    display: flex;
    justify-content: center;
}

.player-list__judge__list,
.player-list__mc__list,
.player-list__dj__list {
    margin: 25px auto 0 !important;
}

.player-list__judge ul li,
.player-list__mc ul li,
.player-list__dj ul li {
    width: 25%;
}

.player-list__judge ul li img {
    width: 185px;
    height: 185px;
}


@media screen and (max-width: 480px) {
    .player-list__judge ul li img {
        width: 165px;
        height: 165px;
    }
}

.player-list__judge__name,
.player-list__mc__name,
.player-list__dj__name {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 17px;
    font-weight: bold;
    color: #F43E2C;
    margin: 10px auto 0 !important;
}

.player-list__mc__title,
.player-list__dj__title {
    margin: 0px auto 0 !important;
}

@media screen and (max-width: 797px) {
    .player-list {
        margin: 60px auto 0 !important;
    }

    .player-list__judge__title,
    .player-list__mc__title,
    .player-list__dj__title {
        font-size: 17px;
    }

    .player-list__lower {
        flex-direction: column;
    }

    .player-list__dj {
        margin: 30px 0 0 !important;
    }

    .player-list__judge ul,
    .player-list__dj ul {
        flex-wrap: wrap;
    }

    .player-list__mc ul {
        display: flex;
        justify-content: flex-start;
    }

    .player-list__judge ul li,
    .player-list__mc ul li,
    .player-list__dj ul li {
        width: 50%;
    }

    .player-list__judge__name,
    .player-list__mc__name,
    .player-list__dj__name {
        font-size: 15px;
    }
}

/*special-page*/
.container.special-page_contents {
    font-family: 'Noto Sans JP', sans-serif;
    margin: 0 auto;
    width: 737px;
}

.entry.special-page div, 
.special-page.entry h1, 
.special-page.entry h2, 
.special-page.entry h3, 
.special-page.entry h4, 
.special-page.entry h5, 
.special-page.entry h6, 
.special-page.entry p {
    margin: 30px auto 0;
}


h3.special-page_title {
    text-align: center;
    margin-top: 25px;
    color: #F43E2C;
    font-size: 30px;
    font-weight: bold;
}

h4.special-page_sub-title {
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    color: #F43E2C;
    background-color: #FFFFFF;
    padding: 7px 0;
    margin-top: 50px;
}

h5.special-page_list {
    font-size: 18px;
    font-weight: bold;
}

h5.special-page_list span {
    font-size: 22px;
    margin-right: 25px;
    color: #F43E2C;
}

.special-page_thumbnail img {
    width: 100%;
}

.special-page p {
    line-height: 2;
}

.special-page_txt {
    margin-top: 0px !important;
}

.special-page_txt span {
    font-size: 12px;
}

.special-page_list_image {
    text-align: center;
    padding-bottom: 20px;
}

.special-page_list_image01 {
    text-align: center;
}

.special-page_list_image02 {
    text-align: center;
    margin: 20px auto 0 !important;
}

.special-page_list_image03 {
    text-align: center;
    margin: 20px auto 0 !important;
    padding-bottom: 20px;
}

@media screen and (max-width: 797px) {
    h3.special-page_title {
        font-size: 16px;
        margin-top: 0px !important;
    }

    h4.special-page_sub-title {
        font-size: 18px;
    }

    h5.special-page_list {
        font-size: 16px;
        font-weight: bold;
    }

    h5.special-page_list span {
        font-size: 16px;
        margin-right: 10px;
    }

    .special-page.entry div.special-page_thumbnail {
        max-width: 100vw;
    }

    .special-page_thumbnail {
       width: 100vw;
       margin: 30px calc(50% - 50vw) 0 !important;
    }

    .special-page_list_image {
        text-align: center;
        margin-top: 20px !important;
        padding-bottom: 10px;
    }

    .special-page_list_image02 {
        text-align: center;
        margin: 10px auto 0 !important;
    }

    .special-page_list_image03 {
        text-align: center;
        margin: 10px auto 0 !important;
        padding-bottom: 10px;
    }
}