.article.article-area { width: 100%; }

.article.article-breadcrumb-list { padding: 10px 0 30px; }

@media (max-width: 768px) { .article.article-breadcrumb-list { padding: 10px 0 20px; } }

.article.article-wrap { width: 100%; }

.article.article-heading { font-size: 20px; line-height: 1.3em; font-weight: 800; }

.article.article-date { font-size: 10px; color: #9A9A9A; }

.article.article-content { padding: 20px 0; position: relative; z-index: 0; }

.article.article-content section { padding-bottom: 20px; }

.article.article-content section:not(:nth-last-of-type(1)) { border-bottom: dotted 3px #e3e3e3; }

.article.article-content section.is-yellow:not(:nth-last-of-type(1)) { border-bottom: dotted 3px #fdefc2; }

.article.article-content section.is-orange:not(:nth-last-of-type(1)) { border-bottom: dotted 3px #ffe6b1; }

.article.article-content section.is-l_blue:not(:nth-last-of-type(1)) { border-bottom: dotted 3px #bae4f8; }

.article.article-content section.is-pink:not(:nth-last-of-type(1)) { border-bottom: dotted 3px #f7d3e3; }

.article.article-content section.is-green:not(:nth-last-of-type(1)) { border-bottom: dotted 3px #d4f5f4; }

.article.article-content section.is-purple:not(:nth-last-of-type(1)) { border-bottom: dotted 3px #d9dcf0; }

.article.article-content section:not(:nth-of-type(1)) { padding-top: 20px; }

.article.article-content section:nth-of-type(1) > :first-child { margin-top: 0; }

.article.article-content p { font-size: 14px; line-height: 1.9em; margin-bottom: 1em; }

.article.article-content p small { color: #9A9A9A; }

.article.article-content p strong { font-weight: 600; color: #F4626E; }

.article.article-content p em { font-weight: 800; color: #303030; font-style: normal; }

.article.article-content p em.is-yellow { color: #F7C115; }

.article.article-content p em.is-orange { color: #FF994B; }

.article.article-content p em.is-green { color: #2FCECA; }

.article.article-content p em.is-pink { color: #EB92BB; }

.article.article-content p em.is-purple { color: #7E87CC; }

.article.article-content p em.is-l_blue { color: #5DC0EF; }

.article.article-content p a { color: #0080ff; }

.article.article-content p a:after { content: ""; display: block; width: 90%; height: 10px; margin: auto auto 2px; position: absolute; left: 0; right: 0; bottom: 0; top: 0; border-bottom: dotted 2px rgba(0, 128, 255, 0.3); }

.article.article-content h3 { font-size: 18px; font-weight: 800; color: #2B2A2A; display: block; margin: 1em 0; }

.article.article-content h3 span { content: ""; display: inline; background: -webkit-linear-gradient(bottom, #ddd, #ddd 50%, transparent 50%, transparent 100%); background: linear-gradient(0deg, #ddd, #ddd 50%, transparent 50%, transparent 100%); padding: 0 0.2em; }

.article.article-content h3.is-yellow span { background: -webkit-linear-gradient(bottom, #fce8a9, #fce8a9 50%, transparent 50%, transparent 100%); background: linear-gradient(0deg, #fce8a9, #fce8a9 50%, transparent 50%, transparent 100%); }

.article.article-content h3.is-orange span { background: -webkit-linear-gradient(bottom, #ffeecb, #ffeecb 50%, transparent 50%, transparent 100%); background: linear-gradient(0deg, #ffeecb, #ffeecb 50%, transparent 50%, transparent 100%); }

.article.article-content h3.is-green span { background: -webkit-linear-gradient(bottom, #aaecea, #aaecea 50%, transparent 50%, transparent 100%); background: linear-gradient(0deg, #aaecea, #aaecea 50%, transparent 50%, transparent 100%); }

.article.article-content h3.is-l_blue span { background: -webkit-linear-gradient(bottom, #bae4f8, #bae4f8 50%, transparent 50%, transparent 100%); background: linear-gradient(0deg, #bae4f8, #bae4f8 50%, transparent 50%, transparent 100%); }

.article.article-content h3.is-pink span { background: -webkit-linear-gradient(bottom, #f7d3e3, #f7d3e3 50%, transparent 50%, transparent 100%); background: linear-gradient(0deg, #f7d3e3, #f7d3e3 50%, transparent 50%, transparent 100%); }

.article.article-content h3.is-purple span { background: -webkit-linear-gradient(bottom, #d9dcf0, #d9dcf0 50%, transparent 50%, transparent 100%); background: linear-gradient(0deg, #d9dcf0, #d9dcf0 50%, transparent 50%, transparent 100%); }

.article.article-content h4 { font-size: 16px; font-weight: 800; color: #2B2A2A; position: relative; line-height: 1.3em; margin: 1em 0; }

.article.article-content h4.is-deco { padding-left: .8em; }

.article.article-content h4.is-deco:before { content: ""; display: inline-block; width: .5em; height: 2px; background: #2B2A2A; position: absolute; top: .5em; left: 0; }

.article.article-content h4.is-yellow { color: #F7C115; }

.article.article-content h4.is-yellow.is-deco:before { background: #F7C115; }

.article.article-content h4.is-orange { color: #FF994B; }

.article.article-content h4.is-green { color: #2FCECA; }

.article.article-content h4.is-pink { color: #EB92BB; }

.article.article-content h4.is-purple { color: #7E87CC; }

.article.article-content h4.is-l_blue { color: #5DC0EF; }

.article.article-content ol { list-style: none; counter-reset: item; margin: 1em 0 2em; }

.article.article-content ol > br { display: none; }

.article.article-content ol li { position: relative; padding-left: 2em; margin-bottom: .5em; }

.article.article-content ol li:before { counter-increment: item; content: counter(item); display: inline-block; width: 1.8em; height: 1.8em; text-align: center; background: #000; color: #fff; border-radius: 50%; font-size: 10px; font-weight: 600; line-height: 1.8em; position: absolute; top: .08em; bottom: 0; left: .5em; margin: 0; }

.article.article-content ol.is-yellow li:before { background: #F7C115; }

.article.article-content ol.is-orange li:before { background: #FF994B; }

.article.article-content ol.is-green li:before { background: #2FCECA; }

.article.article-content ol.is-l_blue li:before { background: #5DC0EF; }

.article.article-content ol.is-pink li:before { background: #EB92BB; }

.article.article-content ol.is-purple li:before { background: #7E87CC; }

.article.article-content ul { list-style: none; margin: 1em 0 2em; }

.article.article-content ul > br { display: none; }

.article.article-content ul li { position: relative; padding-left: 2em; margin-bottom: .5em; }

.article.article-content ul li:before { content: ""; position: absolute; display: inline-block; width: 10px; height: 10px; background: #e3e3e3; border-radius: 50%; top: .32em; bottom: 0; left: 10px; right: auto; margin: 0; }

.article.article-content ul.is-yellow li:before { background: #fbe290; }

.article.article-content ul.is-orange li:before { background: #ffe6b1; }

.article.article-content ul.is-green li:before { background: #bff0ef; }

.article.article-content ul.is-l_blue li:before { background: #d1edfa; }

.article.article-content ul.is-pink li:before { background: #f7d3e3; }

.article.article-content ul.is-purple li:before { background: #d9dcf0; }

.article.article-content dl { font-weight: 600; text-align: center; }

.article.article-content dl dt { padding: .5em; }

.article.article-content dl dt img { width: 100%; }

.article.article-content dl dd { padding: .5em 0; line-height: 1.3em; }

.article.article-content dl dd small { font-size: 12px; }

.article.article-content dl br { display: none; }

.article.article-content table.article-table { width: 100%; margin: 20px 0; font-size: 12px; font-weight: 600; }

.article.article-content table.article-table thead th { background: #272727; color: #fff; }

.article.article-content table.article-table tbody th { width: 85px; background: #FAFAFA; }

@media (max-width: 768px) { .article.article-content table.article-table tbody th { width: 80px; } }

.article.article-content table.article-table th, .article.article-content table.article-table td { padding: .5em; border: solid 2px #efefef; }

.article.article-content table.article-table td img { display: block; margin: auto; }

.article.article-content table.article-table.is-yellow thead th { background: #F7C115; }

.article.article-content table.article-table.is-yellow tbody th { background: rgba(247, 193, 21, 0.1); }

.article.article-content table.article-table.is-yellow td, .article.article-content table.article-table.is-yellow th { border: solid 2px #fdefc2; }

.article.article-content table.article-table.is-orange thead th { background: #FF994B; }

.article.article-content table.article-table.is-orange tbody th { background: rgba(255, 198, 75, 0.1); }

.article.article-content table.article-table.is-orange td, .article.article-content table.article-table.is-orange th { border: solid 2px #fff0e4; }

.article.article-content table.article-table.is-green thead th { background: #2FCECA; }

.article.article-content table.article-table.is-green tbody th { background: rgba(47, 206, 202, 0.1); }

.article.article-content table.article-table.is-green td, .article.article-content table.article-table.is-green th { border: solid 2px #d4f5f4; }

.article.article-content table.article-table.is-l_blue thead th { background: #5DC0EF; }

.article.article-content table.article-table.is-l_blue tbody th { background: #e8f6fd; }

.article.article-content table.article-table.is-l_blue td, .article.article-content table.article-table.is-l_blue th { border: solid 2px #d1edfa; }

.article.article-content table.article-table.is-pink thead th { background: #EB92BB; }

.article.article-content table.article-table.is-pink tbody th { background: rgba(235, 146, 187, 0.1); }

.article.article-content table.article-table.is-pink td, .article.article-content table.article-table.is-pink th { border: solid 2px #fbe8f1; }

.article.article-content table.article-table.is-purple thead th { background: #7E87CC; }

.article.article-content table.article-table.is-purple tbody th { background: rgba(126, 135, 204, 0.1); }

.article.article-content table.article-table.is-purple td, .article.article-content table.article-table.is-purple th { border: solid 2px #d9dcf0; }

.article.article-content img { max-width: 100%; height: auto; }

.article.article-content hr { width: 95%; height: 1px; background: rgba(48, 48, 48, 0.1); margin: 20px auto; }

.article.article-content .article-performerlist { display: -webkit-box; display: flex; width: 100%; }

@media (max-width: 768px) { .article.article-content .article-performerlist { -webkit-box-pack: center; justify-content: center; flex-wrap: wrap; } }

.article.article-content .article-performerlist dl { width: 25%; }

@media (max-width: 768px) { .article.article-content .article-performerlist dl { width: 50%; } }

.article.article-content .article-programlist { display: -webkit-box; display: flex; flex-wrap: wrap; margin-bottom: 20px; }

@media (max-width: 768px) { .article.article-content .article-programlist { -webkit-box-pack: center; justify-content: center; } }

.article.article-content .article-programlist > * { margin: 10px 20px 10px 0; }

@media (max-width: 768px) { .article.article-content .article-programlist > * { margin: 10px; } }

.article.article-content .article-player { margin: 20px 0; }

.article.article-content .article-button { width: 100%; text-align: center; margin: 20px auto; position: relative; background: black; }

.article.article-content .article-button a { display: block; width: 100%; background: #303030; color: #fff; -webkit-transform: translateY(-7px); transform: translateY(-7px); -webkit-transition: ease .3s; transition: ease .3s; }

.article.article-content .article-button a:after { display: none; }

.article.article-content .article-button a:hover { -webkit-transform: translateY(-2px); transform: translateY(-2px); -webkit-transition: ease .3s; transition: ease .3s; opacity: 1; }

.article.article-content .article-button a span { display: inline-block; -webkit-transition: color ease .2s; transition: color ease .2s; position: relative; padding: 20px 2em; font-weight: 800; }

.article.article-content .article-button a span:after { content: ""; display: inline-block; width: .6em; height: .6em; border-right: solid 2px #fff; border-bottom: solid 2px #fff; position: absolute; left: auto; right: 1em; top: 0; bottom: 0; margin: auto 0; -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

.article.article-content .article-button.is-yellow { background: #f7a715; }

.article.article-content .article-button.is-yellow a { background: #F7C115; }

.article.article-content .article-button.is-orange { background: #ff7c18; }

.article.article-content .article-button.is-orange a { background: #FF994B; }

.article.article-content .article-button.is-green { background: #26a4a1; }

.article.article-content .article-button.is-green a { background: #2FCECA; }

.article.article-content .article-button.is-l_blue { background: #25aae9; }

.article.article-content .article-button.is-l_blue a { background: #5DC0EF; }

.article.article-content .article-button.is-pink { background: #e570a5; }

.article.article-content .article-button.is-pink a { background: #EB92BB; }

.article.article-content .article-button.is-purple { background: #4855b6; }

.article.article-content .article-button.is-purple a { background: #7E87CC; }

.article.article-content .article-box { padding: 36px 26px; background: #f8f8f8; line-height: 1.8em; }

@media (max-width: 768px) { .article.article-content .article-box { padding: 36px 20px; } }

.article.article-content .article-box h5 { margin: 1em 0 .5em; }

.article.article-content .article-box h5.is-center { text-align: center; }

.article.article-content .article-box > :first-child { margin-top: 0; }

.article.article-content a { color: #303030; position: relative; -webkit-transition: color ease .2s; transition: color ease .2s; }

.article.article-content a img { display: block; -webkit-transition: color ease .2s; transition: color ease .2s; }

.article.article-content a img:hover { -webkit-transition: color ease .2s; transition: color ease .2s; opacity: .7; }

.article.article-content a.is-center img { margin-right: auto; margin-left: auto; }

.article.article-content a.is-right img { margin-right: 0; margin-left: auto; }

.article.article-content a:hover { -webkit-transition: color ease .2s; transition: color ease .2s; opacity: .7; }

.article.article-sns { width: 100%; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; border-bottom: solid 4px rgba(48, 48, 48, 0.1); -webkit-box-pack: end; justify-content: flex-end; }

@media (max-width: 768px) { .article.article-sns { -webkit-box-pack: center; justify-content: center; flex-wrap: wrap; background: #FAFAFA; border: none; padding: 20px 0; } }

.article.article-sns-title { font-size: 12px; letter-spacing: 1.4px; font-weight: 600; padding: 0 1em; position: relative; margin-right: 3em; }

@media (max-width: 768px) { .article.article-sns-title { width: 100%; text-align: center; margin: 0; } }

.article.article-sns-title:after { content: ""; width: 2.5em; height: 2px; background: rgba(48, 48, 48, 0.3); position: absolute; top: 0; left: 100%; right: 0; bottom: 1px; margin: auto; }

@media (max-width: 768px) { .article.article-sns-title:after { display: none; } }

.article.article-sns-list { list-style: none; display: -webkit-box; display: flex; }

.article.article-sns-list-item { width: 25px; margin: 1em .5em; }

@media (max-width: 768px) { .article.article-sns-list-item { width: 40px; margin: 1em; } }

.article.article-sns-list-item a:hover { opacity: .7; }

.article.article-sns-list-item img { width: 100%; }