@charset "UTF-8";
/*
Template: habakiri

Theme Name: VIVID BRASS TOKYO
Description: テンプレート「habakiri」の子テーマ
Author: prizms design
Author URI: https://prizms.net
Version: 1.0.0
*/
@font-face { font-family: "YuGothicWin"; font-weight: normal; src: local("YuGothic-Medium"), local("Yu Gothic Medium"), local("YuGothic-Regular"); }
@font-face { font-family: "YuGothicWin"; font-weight: bold; src: local("YuGothic-bold"), local("Yu Gothic"); }
html { font-family: YuGothicWin, YuGothic, -apple-system, BlinkMacSystemfont, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; color: #25303B; font-size: 100%; line-height: 1.6em; -webkit-text-size-adjust: 100%; }

body { background: #FFF; }

.vbt_red { color: #9a0000 !important; }

.gray_box { padding: 1.6rem; background-color: #eee; box-sizing: border-box; }

.gray_line_box { padding: 1.6rem; border: solid 1px #a4a4a4; box-sizing: border-box; }
.gray_line_box :last-child { margin-bottom: 0; }

.alert { padding: 1.4rem .6rem; box-sizing: border-box; }

.alert-secondary { color: #383d41; background-color: #e2e3e5; border-color: #d6d8db; }

.btn { letter-spacing: .1em; }

.btn-primary { color: #fff; background-color: #9a0000; border-color: #9a0000; }
.btn-primary:hover { background-color: #C90000; border-color: #C90000; }

.btn-outline-primary { color: #9a0000; background-color: #fff; border-color: #9a0000; }
.btn-outline-primary:hover { color: #C90000; background-color: #fff; border-color: #C90000; }

.btn-secondary { color: #9a0000; background-color: #fff; border-color: #fff; }
.btn-secondary:hover { color: #C90000; }

.container.tight { width: 100%; margin: 0; padding-left: 0; padding-right: 0; }

@media (min-width: 992px) { .container.tight { padding-left: 81px; padding-right: 81px; } }
.btn_box { padding: .8rem 0; }
.btn_box .btn { margin-left: .8em; }
.btn_box .btn:first-child { margin-left: 0; }

#header .site-branding__heading { display: inline-block; font-size: 1.625rem; }

#header .site-branding__heading i { padding-left: .75rem; font-size: .675rem; font-weight: normal; vertical-align: middle; color: #9a9a9a; }

@media (max-width: 439px) { #header .site-branding__heading { font-size: 1.4rem; } }
#header .global-nav .cta_btn { margin-left: 15px; }
#header .global-nav .cta_btn a { padding-top: 8px; padding-bottom: 8px; margin: 15px 0; color: #fff; background-color: #9a8c9a; border-radius: 4px; }
#header .global-nav .cta_btn a:hover { background-color: #9a0000; }
#header .global-nav .cta_btn.current-menu-item a { background-color: #9a0000; }

#header .responsive-nav .sub-menu { border: solid 1px #F2F2F2; border-top: none; }
#header .responsive-nav .sub-menu .current-menu-item:not(.cta_btn) a, #header .responsive-nav .sub-menu .current-menu-ancestor:not(.cta_btn) a, #header .responsive-nav .sub-menu .current-menu-parent:not(.cta_btn) a, #header .responsive-nav .sub-menu .current_page_item:not(.cta_btn) a, #header .responsive-nav .sub-menu .current_page_parent:not(.cta_btn) a, #header .responsive-nav .menu > .current-menu-item:not(.cta_btn) a, #header .responsive-nav .menu > .current-menu-ancestor:not(.cta_btn) a, #header .responsive-nav .menu > .current-menu-parent:not(.cta_btn) a, #header .responsive-nav .menu > .current_page_item:not(.cta_btn) a, #header .responsive-nav .menu > .current_page_parent:not(.cta_btn) a { color: #333333; background-color: #fff; }
#header .responsive-nav .sub-menu .current-menu-item:not(.cta_btn) a:hover, #header .responsive-nav .sub-menu .current-menu-ancestor:not(.cta_btn) a:hover, #header .responsive-nav .sub-menu .current-menu-parent:not(.cta_btn) a:hover, #header .responsive-nav .sub-menu .current_page_item:not(.cta_btn) a:hover, #header .responsive-nav .sub-menu .current_page_parent:not(.cta_btn) a:hover, #header .responsive-nav .menu > .current-menu-item:not(.cta_btn) a:hover, #header .responsive-nav .menu > .current-menu-ancestor:not(.cta_btn) a:hover, #header .responsive-nav .menu > .current-menu-parent:not(.cta_btn) a:hover, #header .responsive-nav .menu > .current_page_item:not(.cta_btn) a:hover, #header .responsive-nav .menu > .current_page_parent:not(.cta_btn) a:hover { background-color: #9a0000; color: #ffffff; }

.page-header { height: 120px; padding-top: 46px; padding-bottom: 46px; background-position: center center; background-repeat: no-repeat; background-size: cover; background-attachment: inherit; }
.page-header .page-header__title { font-size: 1.375rem; letter-spacing: .1rem; }

.home .page-header { height: 230px; padding-top: 96px; padding-bottom: 32px; }
.home .page-header .page-header__title { font-size: 1.625rem; font-weight: normal; letter-spacing: .1rem; line-height: 1.4em; }
.home .page-header + .container .cta_main { padding-top: .68rem; }
.home .page-header + .container .cta_main .btn_box { text-align: right; }
.home .page-header + .container .movie { text-align: right; }
.home .page-header + .container .movie .movie_box { position: relative; width: 100%; margin-bottom: 6px; padding-top: 56.25%; background-color: #353535; }
.home .page-header + .container .movie .movie_box iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; }
.home .page-header + .container .movie .movie_box + a { color: #9a9a9a; }

@media (min-width: 992px) { .home .page-header + .container .movie { margin-top: -130px; } }
@media (max-width: 439px) { .home .page-header { padding-top: 88px; }
  .home .page-header .page-header__title { font-size: 1.4rem; } }
#sns { margin-bottom: 3rem; margin-top: 3rem; }
#sns > .container { border-top: solid 1px #9a0000; }
#sns > .container #snsTab { display: flex; flex-direction: row; justify-content: center; border-bottom: solid 1px #a4a4a4; }
#sns > .container #snsTab > li { width: 100%; box-sizing: border-box; float: none; }
#sns > .container #snsTab > li:first-child { text-align: right; }
#sns > .container #snsTab > li:last-child { text-align: left; border-left: solid 1px #a4a4a4; }
#sns > .container #snsTab > li.active a { color: #9a0000; opacity: 1; background-color: #fff; }
#sns > .container #snsTab > li.active a:focus, #sns > .container #snsTab > li.active a:hover { color: #9a0000; background-color: #fff; }
#sns > .container #snsTab > li .nav-link { padding: 1rem 2.4rem; margin: 0; font-size: 1rem; line-height: 1.6rem; opacity: .4; border: none; }
#sns > .container #snsTab > li .nav-link:focus, #sns > .container #snsTab > li .nav-link:hover { color: #9a0000; opacity: 1; background-color: transparent; }
#sns > .container #snsTab > li .fab { margin-right: .2rem; font-size: 1.6rem; line-height: 1.6rem; vertical-align: middle; text-align: center; }
#sns > .container #snsTab > li .fab.fa-facebook-square, #sns > .container #snsTab > li .fab.fa-twitter { height: 1.6rem; }
#sns > .container #snsTab > li .fab.fa-twitter { width: 1.6rem; position: relative; font-size: 1rem; color: #fff; }
#sns > .container #snsTab > li .fab.fa-twitter::before { position: relative; left: .05em; top: 1px; z-index: 2; }
#sns > .container #snsTab > li .fab.fa-twitter::after { content: ""; position: absolute; left: 0; top: 0; width: 1.6rem; height: 1.6rem; background-color: #9a0000; border-radius: 50%; z-index: 1; }
#sns > .container #snsTabContent { max-width: 460px; min-height: 680px; margin: 2rem auto 0; text-align: center; border: solid 1px #F2F2F2; }

#main { margin-bottom: 0; }

.breadcrumbs { font-size: .75rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.pagination-wrapper { text-align: center; }
.entries + .pagination-wrapper { margin-top: -3.8rem; }
.pagination-wrapper .pagination { margin: 0 0 5rem; }
.pagination-wrapper .pagination .dots { color: #25303B; background-color: #fff; border-color: #ddd; }

.page_title, .edit_area h1, .mceContentBody h1, #profile .edit_area h1 { display: flex; flex-direction: row; justify-content: center; position: relative; padding: 2rem 0 2.4rem; font-size: 1.375rem; text-align: center; border: none; border-top: solid 1px #9a0000; }
.page_title::before, .edit_area h1::before, .mceContentBody h1::before, #profile .edit_area h1::before, .page_title::after, .edit_area h1::after, .mceContentBody h1::after, #profile .edit_area h1::after { content: '\a0'; position: relative; top: calc(-2rem + -1px); height: 1px; flex-grow: 1; background-color: #a4a4a4; }
.page_title::before, .edit_area h1::before, .mceContentBody h1::before, #profile .edit_area h1::before { margin-right: 16px; }
.page_title::after, .edit_area h1::after, .mceContentBody h1::after, #profile .edit_area h1::after { margin-left: 16px; }
.page_title em, .edit_area h1 em, .mceContentBody h1 em, #profile .edit_area h1 em { display: block; position: absolute; left: 0; bottom: 0; width: 100%; color: #9a9a9a; font-size: .875rem; font-style: normal; font-weight: normal; }

.post_title { display: block; width: 100%; min-height: 95px; padding: .9rem 0; font-size: 1.5rem; line-height: 1.4em; letter-spacing: .05em; text-align: center; font-weight: normal; background: url(img/ico_v_mark.svg) center center no-repeat; background-size: auto 95px; border: none; }
.post_title::before, .post_title::after { display: none; }
.post_title a { color: #25303B; }
.post_title a:hover { text-decoration: none; }
.post_title em { position: relative; display: block; width: 100%; color: #9a0000; font-size: 1.125rem; font-style: normal; font-weight: normal; }

.post_heading, .edit_area h2, .mceContentBody h2, .mceContentBody[data-id^=wysiwyg-acf-field-concert_programme] h1, #programme .edit_area h1, #sales_contents .edit_area h1, .embedded_post_section .edit_area h1, #profile .edit_area h2 { display: block; width: 100%; padding: .1em 0 0 1.6rem; font-size: 1.5rem; text-align: left; line-height: 1.4em; font-weight: normal; border: none; border-left: solid 6px #9a0000; }
.post_heading::before, .edit_area h2::before, .mceContentBody h2::before, .mceContentBody[data-id^=wysiwyg-acf-field-concert_programme] h1::before, #programme .edit_area h1::before, #sales_contents .edit_area h1::before, .embedded_post_section .edit_area h1::before, #profile .edit_area h2::before, .post_heading::after, .edit_area h2::after, .mceContentBody h2::after, .mceContentBody[data-id^=wysiwyg-acf-field-concert_programme] h1::after, #programme .edit_area h1::after, #sales_contents .edit_area h1::after, .embedded_post_section .edit_area h1::after, #profile .edit_area h2::after { display: none; }
.post_heading em, .edit_area h2 em, .mceContentBody h2 em, .mceContentBody[data-id^=wysiwyg-acf-field-concert_programme] h1 em, #programme .edit_area h1 em, #sales_contents .edit_area h1 em, .embedded_post_section .edit_area h1 em, #profile .edit_area h2 em { position: relative; display: block; width: 100%; margin-top: .1rem; color: #9a0000; font-size: 1.125rem; font-style: normal; font-weight: normal; }

.section_heading, .edit_area h3, .mceContentBody h3, .mceContentBody[data-id^=wysiwyg-acf-field-concert_programme] h2, #programme .edit_area h2, #sales_contents .edit_area h2, .embedded_post_section .edit_area h2, #profile .edit_area h3 { display: block; width: 100%; margin-bottom: 1rem; padding: 0; font-size: 1.375rem; text-align: left; line-height: 1.4em; border: none; }
.section_heading::before, .edit_area h3::before, .mceContentBody h3::before, .mceContentBody[data-id^=wysiwyg-acf-field-concert_programme] h2::before, #programme .edit_area h2::before, #sales_contents .edit_area h2::before, .embedded_post_section .edit_area h2::before, #profile .edit_area h3::before, .section_heading::after, .edit_area h3::after, .mceContentBody h3::after, .mceContentBody[data-id^=wysiwyg-acf-field-concert_programme] h2::after, #programme .edit_area h2::after, #sales_contents .edit_area h2::after, .embedded_post_section .edit_area h2::after, #profile .edit_area h3::after { display: none; }

.heading, .edit_area h4, .mceContentBody h4, .edit_area h5, .mceContentBody h5, .mceContentBody[data-id^=wysiwyg-acf-field-concert_programme] h3, #programme .edit_area h3, #sales_contents .edit_area h3, .mceContentBody[data-id^=wysiwyg-acf-field-concert_programme] h4, #programme .edit_area h4, #sales_contents .edit_area h4, .embedded_post_section .edit_area h3, .embedded_post_section .edit_area h4, #profile .edit_area h4 { display: block; width: 100%; margin-bottom: 1rem; padding: 0; font-size: 1.125rem; text-align: left; line-height: 1.4em; border: none; }
.heading::before, .edit_area h4::before, .mceContentBody h4::before, .edit_area h5::before, .mceContentBody h5::before, .mceContentBody[data-id^=wysiwyg-acf-field-concert_programme] h3::before, #programme .edit_area h3::before, #sales_contents .edit_area h3::before, .mceContentBody[data-id^=wysiwyg-acf-field-concert_programme] h4::before, #programme .edit_area h4::before, #sales_contents .edit_area h4::before, .embedded_post_section .edit_area h3::before, .embedded_post_section .edit_area h4::before, #profile .edit_area h4::before, .heading::after, .edit_area h4::after, .mceContentBody h4::after, .edit_area h5::after, .mceContentBody h5::after, .mceContentBody[data-id^=wysiwyg-acf-field-concert_programme] h3::after, #programme .edit_area h3::after, #sales_contents .edit_area h3::after, .mceContentBody[data-id^=wysiwyg-acf-field-concert_programme] h4::after, #programme .edit_area h4::after, #sales_contents .edit_area h4::after, .embedded_post_section .edit_area h3::after, .embedded_post_section .edit_area h4::after, #profile .edit_area h4::after { display: none; }
.heading em, .edit_area h4 em, .mceContentBody h4 em, .edit_area h5 em, .mceContentBody h5 em, .mceContentBody[data-id^=wysiwyg-acf-field-concert_programme] h3 em, #programme .edit_area h3 em, #sales_contents .edit_area h3 em, .mceContentBody[data-id^=wysiwyg-acf-field-concert_programme] h4 em, #programme .edit_area h4 em, #sales_contents .edit_area h4 em, .embedded_post_section .edit_area h3 em, .embedded_post_section .edit_area h4 em, #profile .edit_area h4 em { position: relative; }

.small_heading, .edit_area h6, .mceContentBody h6, .mceContentBody[data-id^=wysiwyg-acf-field-concert_programme] h5, #programme .edit_area h5, #sales_contents .edit_area h5, .mceContentBody[data-id^=wysiwyg-acf-field-concert_programme] h6, #programme .edit_area h6, #sales_contents .edit_area h6, .embedded_post_section .edit_area h5, .embedded_post_section .edit_area h6, #profile .edit_area h5, #profile .edit_area h6 { display: block; width: 100%; margin-bottom: 1rem; padding: 0; font-size: 1.125rem; text-align: left; line-height: 1.4em; border: none; }
.small_heading::before, .edit_area h6::before, .mceContentBody h6::before, .mceContentBody[data-id^=wysiwyg-acf-field-concert_programme] h5::before, #programme .edit_area h5::before, #sales_contents .edit_area h5::before, .mceContentBody[data-id^=wysiwyg-acf-field-concert_programme] h6::before, #programme .edit_area h6::before, #sales_contents .edit_area h6::before, .embedded_post_section .edit_area h5::before, .embedded_post_section .edit_area h6::before, #profile .edit_area h5::before, #profile .edit_area h6::before, .small_heading::after, .edit_area h6::after, .mceContentBody h6::after, .mceContentBody[data-id^=wysiwyg-acf-field-concert_programme] h5::after, #programme .edit_area h5::after, #sales_contents .edit_area h5::after, .mceContentBody[data-id^=wysiwyg-acf-field-concert_programme] h6::after, #programme .edit_area h6::after, #sales_contents .edit_area h6::after, .embedded_post_section .edit_area h5::after, .embedded_post_section .edit_area h6::after, #profile .edit_area h5::after, #profile .edit_area h6::after { display: none; }
.small_heading em, .edit_area h6 em, .mceContentBody h6 em, .mceContentBody[data-id^=wysiwyg-acf-field-concert_programme] h5 em, #programme .edit_area h5 em, #sales_contents .edit_area h5 em, .mceContentBody[data-id^=wysiwyg-acf-field-concert_programme] h6 em, #programme .edit_area h6 em, #sales_contents .edit_area h6 em, .embedded_post_section .edit_area h5 em, .embedded_post_section .edit_area h6 em, #profile .edit_area h5 em, #profile .edit_area h6 em { position: relative; }

h1, h2, h3, h4, h5, h6 { clear: both; }

.page_title { margin-bottom: 0; }

.post_title { margin: 0 0 3.2rem; }

.edit_area h1, .mceContentBody h1 { margin-bottom: 2rem; }
.edit_area h2, .mceContentBody h2 { margin-bottom: 2rem; }
.edit_area h3, .mceContentBody h3 { margin-bottom: 2rem; }
.edit_area p, .mceContentBody p { margin-bottom: 1rem; text-indent: 1em; line-height: 1.8em; }
.edit_area p a.modaal-image, .mceContentBody p a.modaal-image { display: block; }
.edit_area p a.modaal-image img, .mceContentBody p a.modaal-image img { margin-bottom: 1.6em; }
.edit_area p a:not(.modaal-image)::before, .mceContentBody p a:not(.modaal-image)::before { content: "＞ "; }
.edit_area .no_indent, .edit_area .no_indent p, .mceContentBody .no_indent, .mceContentBody .no_indent p { text-indent: 0; }
.edit_area ol, .edit_area ul, .mceContentBody ol, .mceContentBody ul { padding-left: 1.4rem; margin-bottom: 1.8em; }
.edit_area li, .mceContentBody li { margin-bottom: 1rem; }
.edit_area li a:not(.modaal-image)::before, .mceContentBody li a:not(.modaal-image)::before { content: "＞ "; }

.mceContentBody[data-id^=wysiwyg-acf-field-concert_venue_access] p, .mceContentBody[data-id^=wysiwyg-acf-field-concert_contact] p, .mceContentBody[data-id^=wysiwyg-acf-field-concert_note] p { text-indent: 0; }
.mceContentBody[data-id^=wysiwyg-acf-field-gallery] { background-color: #eee; }

.mceContentBody[data-id^=wysiwyg-acf-field-concert_programme] h1, #programme .edit_area h1, #sales_contents .edit_area h1 { margin-bottom: 2rem; }
.mceContentBody[data-id^=wysiwyg-acf-field-concert_programme] h2, #programme .edit_area h2, #sales_contents .edit_area h2 { margin-bottom: 2rem; }
.mceContentBody[data-id^=wysiwyg-acf-field-concert_programme] h3, #programme .edit_area h3, #sales_contents .edit_area h3 { margin-bottom: 2rem; }

.embedded_post_section .edit_area { margin-top: 2rem; }
.embedded_post_section .edit_area h1 { margin-bottom: 2rem; }
.embedded_post_section .edit_area h2 { margin-bottom: 2rem; }
.embedded_post_section .edit_area h3 { margin-bottom: 2rem; }

.mejs-container { margin-bottom: 1.6rem; background: #353535; }
.mejs-container .mejs-controls { background: #353535; }

.mejs-embed { background: #353535; }
.mejs-embed body { background: #353535; }

#page { margin-bottom: 6rem; }

.sub-page-contents { margin-top: 2rem; padding-top: 0; }
.home .sub-page-contents { padding-top: 3.8rem; margin-top: 0; }

.article .entry .entries .article { margin-bottom: 3.8rem; padding: 0; border-bottom: none; }
.article .entry .post_thumbnail, .article .entry .post_outline { margin-bottom: 2rem; }
.article .entry .post_thumbnail a { display: block; line-height: 0; text-align: center; }
.article .entry .post_thumbnail .noImage { display: block; padding: 10rem 0; text-align: center; font-size: 1rem; border: solid 1px #F2F2F2; }
.article .entry .post_thumbnail .noImage::after { content: "No Image"; display: inline-block; padding-left: .5em; }
.article .entry .cta_btn { margin-bottom: 0; padding-bottom: 3.8rem; text-align: center; border-bottom: solid 1px #F2F2F2; }
.article .entry:last-of-type .cta_btn { border-bottom: none; }

#post_content .tags, .post_outline .tags { padding-top: 4px; margin-bottom: 0; line-height: 1.2rem; font-size: .625rem; text-align: right; vertical-align: middle; clear: both; }
#post_content .tags img, .post_outline .tags img { width: auto; height: 1.2em; margin-top: -4px; margin-right: 3px; }

#gallery { padding: 1.6rem; margin: 3rem 0 4rem; background: #eee; box-sizing: border-box; }
#gallery :last-child { margin-bottom: 0; }

.special_content { margin-bottom: 4rem; }

.embedded_post { margin-bottom: 4rem; }
.embedded_post .embedded_post_section { margin-bottom: 4rem; }
.embedded_post :last-child { margin-bottom: 0; }

.relation_post { margin-bottom: 4rem; }
.relation_post .relation_post_list { padding: 0; list-style: none; }
.relation_post .relation_post_list li { margin-bottom: 1rem; border-left: solid 6px #9a0000; }
.relation_post .relation_post_list li a { padding: 0 0 2em 1em; font-size: 1.25rem; line-height: 1.4em; color: #25303B; text-decoration: underline; }
.relation_post .relation_post_list li a:hover { text-decoration: none; }
.relation_post .relation_post_list :last-child { margin-bottom: 0; }

.guest_profile { margin-bottom: 4rem; }
.guest_profile .guest_profile_list { display: flex; flex-direction: row; justify-content: left; padding: 0; list-style: none; }
.guest_profile .guest_profile_list a { display: block; padding: 0 1rem; color: #25303B; text-decoration: underline; }
.guest_profile .guest_profile_list a:hover { text-decoration: none; }
.guest_profile .guest_profile_list figcaption { padding-top: .2rem; }

.play_sample { margin-bottom: 3rem; text-align: center; }
.play_sample.gray_box { padding: 1.6rem .6rem .6rem; }
.play_sample .movie_box { display: flex; flex-direction: row; justify-content: center; flex-wrap: wrap; }
.play_sample .movie_box > .movie_item { max-width: 25%; padding: 0 1rem 1rem; box-sizing: border-box; }
.play_sample .movie_box > .movie_item > * { width: 100%; height: auto; }

@media (max-width: 609px) { .play_sample .movie_box > .movie_item { max-width: 50%; } }
#office_information.gray_box > p { margin-bottom: 0; }
#office_information .office_name { display: inline-block; margin-bottom: .6rem; font-size: 1rem; }
#office_information .address, #office_information .phone_number, #office_information .co { display: inline-block; margin-bottom: .1rem; }
#office_information #email_address { margin-top: 1rem; }

.post_outline { list-style: none; }
.post_outline li { list-style: none; margin-bottom: 1.4rem; font-size: .875rem; line-height: 1.4em; }
.post_outline .concert_subtitle { margin-bottom: 1rem; font-size: 1.5rem; line-height: 1.4em; font-weight: bold; }
.post_outline .concert_label { display: block; margin-bottom: .2rem; font-size: .875rem; color: #9a9a9a; font-weight: normal; }
.post_outline .concert_date, .post_outline .concert_venue { display: block; margin-bottom: .2rem; font-size: 1.125rem; line-height: 1.4em; letter-spacing: .1rem; }
.post_outline .concert_time_open, .post_outline .concert_time_start { margin-right: 1em; }
.post_outline .concert_time_open b, .post_outline .concert_time_start b { font-weight: normal; }
.post_outline .concert_venue_access { font-size: .75rem; line-height: 1.6em; }
.post_outline .concert_venue_access a { color: #25303B; text-decoration: underline; }
.post_outline .concert_venue_access a::before { content: "＞ "; }
.post_outline .concert_venue_access a:hover { text-decoration: none; }
.post_outline .concert_detail, .post_outline .concert_contact { line-height: 1.6em; }
.post_outline .edit_area p { text-indent: 0; }

#programme { margin-top: 3rem; margin-bottom: 4rem; }

#news .sub-page-contents { padding-top: 0; }

#news_list.article--archive { border-top: dotted 1px #a4a4a4; }
#news_list.article--archive .article--summary { margin-bottom: 0; padding: .8rem 0; font-size: .875rem; line-height: 1.4em; border-bottom: dotted 1px #a4a4a4; }
#news_list.article--archive .article--summary .date { margin-right: 1em; }
#news_list.article--archive .article--summary a { color: #25303B; text-decoration: underline; }
#news_list.article--archive .article--summary a:hover { text-decoration: none; }
#news_list.article--archive .article--summary:last-of-type { margin-bottom: 6.8rem; }
.home #news_list.article--archive .article--summary:last-of-type { margin-bottom: 3rem; }

#news_list.article--single #post_content { margin-bottom: 3rem; }
#news_list.article--single .post_thumbnail { max-height: 450px; margin-bottom: 3rem; text-align: center; overflow: hidden; }
#news_list.article--single .post_thumbnail a { display: block; }
#news_list.article--single .post_thumbnail img { max-width: 100%; height: auto; }

#profile .edit_area h1 { margin-bottom: 2rem; }
#profile .edit_area h2 { margin-bottom: 2rem; }
#profile .edit_area h3 { margin-bottom: 2rem; }

#profile_list, #profile_card { margin-bottom: 3rem; border: 1px solid transparent; }
#profile_list .post_heading, #profile_card .post_heading { position: relative; margin-bottom: 0; margin-top: 3rem; padding-top: .5rem; padding-bottom: .8rem; letter-spacing: .1rem; border-bottom: solid 1px #a4a4a4; cursor: pointer; }
#profile_list .post_heading:first-child, #profile_card .post_heading:first-child { margin-top: 0; }
#profile_list .post_heading em, #profile_card .post_heading em { line-height: 1.2em; }
#profile_list .post_heading .ico_close, #profile_card .post_heading .ico_close { position: absolute; right: 1rem; top: 50%; margin-top: -.5em; color: #9a0000; font-size: 1rem; line-height: 1em; font-weight: normal; transition: all 160ms linear 0; }
#profile_list .post_heading.collapsed .ico_close, #profile_card .post_heading.collapsed .ico_close { transform: rotate(45deg); }
#profile_list .profile_card, #profile_card .profile_card { margin-top: 2rem; }
#profile_list .profile_card .profile_photo, #profile_card .profile_card .profile_photo { width: 150px; height: 225px; margin-bottom: 1rem; float: left; }
#profile_list .profile_card .profile_outline, #profile_card .profile_card .profile_outline { display: block; width: calc(100% - 150px); padding-left: 1rem; margin-bottom: 1rem; box-sizing: border-box; float: right; }
#profile_list .profile_outline, #profile_card .profile_outline { letter-spacing: .05rem; }
#profile_list .profile_outline .part_name, #profile_card .profile_outline .part_name { display: block; font-size: .875rem; line-height: 1em; }
#profile_list .profile_outline .name, #profile_card .profile_outline .name { margin: .4rem 0 1rem; font-size: 1.5rem; line-height: 1.4em; }
#profile_list .profile_outline .name em, #profile_card .profile_outline .name em { display: block; font-size: 1.125rem; line-height: 1.4em; color: #9a0000; font-style: normal; font-weight: normal; }
#profile_list .profile_outline .profile_excerpt, #profile_card .profile_outline .profile_excerpt { position: relative; width: 100%; height: calc(1.6em * 3); margin-bottom: 1rem; line-height: 1.6em; text-align: justify; text-justify: inter-ideograph; overflow: hidden; }
#profile_list .profile_outline .profile_excerpt::after, #profile_card .profile_outline .profile_excerpt::after { content: "..."; display: inline-block; position: absolute; right: 0; bottom: 0; height: 1.8em; width: 1.05rem; text-align: right; background-color: #fff; }
#profile_list .profile_outline .profile_content, #profile_card .profile_outline .profile_content { margin-bottom: 2rem; }
#profile_list .profile_outline .cta_btn, #profile_card .profile_outline .cta_btn { padding-bottom: 0; text-align: left; }
#profile_list .no_member p, #profile_card .no_member p { padding: 2rem 1.6rem; }

#profile_list .profile_card:nth-of-type(2n + 1) { clear: left; }

#profile_card .profile_photo { display: block; margin-bottom: 2rem; text-align: center; }
#profile_card .profile_photo img { max-width: 100%; height: auto; }
#profile_card .profile_outline .name { margin-bottom: 2.4rem; }
#profile_card .profile_outline .part_name { margin-bottom: 2.4rem; }

.profile_annotation { margin-bottom: 6rem; }

#ajax #profile_card { margin-bottom: 0; }
#ajax .cta_btn { padding-bottom: 1.6rem; }

.sales_article { margin-bottom: 4rem; }
.sales_article .post_heading { margin-bottom: 1.6rem; }
.sales_article .post_heading .artist { color: #9a9a9a; }
.sales_article .post_outline { list-style: none; }
.sales_article .post_outline li { margin-bottom: .8rem; }
.sales_article .post_outline .sales_subtitle { margin-bottom: 1rem; font-size: 1.125rem; line-height: 1.4em; font-weight: bold; }
.sales_article .post_outline .cta_btn { margin-bottom: 1rem; padding-bottom: 0; text-align: left; }
.sales_article .post_outline .sales_label { display: block; margin-bottom: .2rem; font-size: .875rem; color: #9a9a9a; font-weight: normal; }
.sales_article .post_outline .sales_publisher_code { font-size: .75rem; line-height: 1.6em; }
.sales_article .edit_area h1 { margin-bottom: 0; }

@media (max-width: 992px) { .modaal-image { width: 100%; text-align: center; }
  .alignleft, .aligncenter, .alignright { display: block; margin-left: auto; margin-right: auto; text-align: center; float: none; } }
#meets-vbt { border-top: solid 1rem #9a0000; }
#meets-vbt .titlebox { padding: 0 7.5% 3rem 12.5%; text-align: center; }
#meets-vbt .logo { display: block; width: 100%; max-width: 350px; height: auto; margin: 6rem auto 3rem; }
#meets-vbt .meets_vbt_body { padding-top: 2rem; padding-bottom: 3rem; clear: both; }
#meets-vbt .meets_vbt_body .alert { margin: 1.6rem 0; }
#meets-vbt .meets_vbt_body .alert .cta_btn { text-align: right; }
#meets-vbt .meets_vbt_body .alert .cta_btn .btn { white-space: normal; }

.slider { padding: 0; }
.slider div { width: 100%; height: 484px; background-position: center center; background-repeat: no-repeat; background-attachment: local; background-size: cover; }
.slider .slick-arrow { position: absolute; top: 50%; margin-top: -.5em; font-size: 3rem; font-weight: normal; line-height: 1em; color: rgba(255, 255, 255, 0.5); background: none; border: none; z-index: 10; }
.slider .slick-arrow:hover { color: white; }
.slider .slick-next { right: .5em; }
.slider .slick-prev { left: .5em; }

#sales { min-height: 16px; padding: 2rem 0; color: #fff; background-color: #353535; }
#sales .sales_label { font-size: .75rem; line-height: 1em; letter-spacing: .1em; }
#sales .item_title { margin: 1rem 0; font-size: 1.125rem; letter-spacing: .1em; }
#sales .item_jacket { display: block; }
#sales .item_jacket img { width: 100%; height: auto; }
#sales .meta_info { font-size: .875rem; }
#sales .meta_publisher { font-size: .625rem; }
#sales .meta_outline { font-size: .75rem; }
#sales .cta_btn { padding-top: 1rem; text-align: center; }

.sns_btn { padding: 1.2rem 0; margin: 0; list-style: none; text-align: center; }
.sns_btn li { display: inline-block; list-style: none; }
.sns_btn li .btn { color: #9a0000; font-size: 1rem; line-height: 2rem; }
.sns_btn li .btn:hover { color: #C90000; text-decoration: none; }
.sns_btn li .btn:hover .fa-twitter::after { background-color: #C90000; }
.sns_btn li .fab { font-size: 2rem; line-height: 2rem; vertical-align: middle; }
.sns_btn li .fab.fa-twitter { width: 2rem; height: 2rem; position: relative; font-size: 1.25rem; color: #fff; }
.sns_btn li .fab.fa-twitter::before { position: relative; left: .1em; top: 1px; z-index: 2; }
.sns_btn li .fab.fa-twitter::after { content: ""; position: absolute; left: 0; top: 0; width: 2rem; height: 2rem; background-color: #9a0000; border-radius: 50%; z-index: 1; }

.copyright { display: block; width: 100%; padding: 1.5em 0; text-align: center; font-size: .625rem; letter-spacing: .05rem; color: #25303B; background-color: #eee; border-top: solid 5px #9a0000; }

.modaal-gallery-control::before, .modaal-gallery-control::after { opacity: .3; }
.modaal-gallery-control:hover::before, .modaal-gallery-control:hover::after { opacity: 1; }

.modaal-content-container { padding: 3rem; }

@media only screen and (max-width: 600px) { .modaal-gallery-control { position: fixed; top: auto; bottom: 20px; } }