@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=M+PLUS+Rounded+1c');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap');

@font-face {
  font-family: "5dotfont";
  src: url("/webfont/5dotFont.woff2") format("woff2")sU, url("/assets/5dotFont.woff") format("woff");
}

/* Custom CSS */
/* ==========================

共通

========================== */

body {
  color: #0b0b0d !important;
  font-family: "Noto Sans JP", Meiryo, "Helvetica Neue", Arial, sans-serif;
  font-feature-settings: "palt";
  letter-spacing: 0.05em;
  font-size: 0.85rem;
}

.qodef-post-text-inner p a {
  text-decoration: underline !important;
}

.qodef-post-text-inner p a em {
  font-weight: 900;
}

/*
.qodef-main-menu .qodef-main-menu-line {
  position: absolute;
  left: 0;
  width: 0;
  height: 0;
  z-index: 100;
  border-top: 4px solid currentColor;
  top: 0;
     -webkit-transition: width 0.4s, left 0.6s cubic-bezier(0.19, 0.65, 0.02, 0.93);
  -moz-transition: width 0.4s, left 0.6s cubic-bezier(0.19, 0.65, 0.02, 0.93);
  transition: width 0.4s, left 0.6s cubic-bezier(0.19, 0.65, 0.02, 0.93);
}
*/

h1 span,
h2 {
  font-family: "5dotfont", "Noto Sans JP", Meiryo, "Helvetica Neue", Arial, sans-serif;
  text-transform: lowercase;
  font-weight: unset;
  letter-spacing: 0.07em;
  font-size: 200%;
}

.qodef-main-menu span {
  font-family: Poppins, sans-serif;
  -webkit-font-smoothing: antialiased;
}

.note {
  font-size: 80%;
}

.qodef-404-page span.qodef-number-holder {
  border: 1px solid;
  display: none;
}

/* ==========================

パンくず

========================== */

.qodef-title .qodef-title-holder .qodef-breadcrumbs-holder a,
.qodef-title .qodef-title-holder .qodef-breadcrumbs-holder span {
  font-size: 85%;
  letter-spacing: 0.02em;
}

.qodef-delimiter:before {
  content: '';
  width: 1px;
  height: 10px;
  background-color: #1b1b1b;
  transform: rotate(15deg);
  display: inline-block;
  margin: 0 .75rem;
}

.qodef-title .qodef-title-holder .qodef-breadcrumbs-holder a {
  text-decoration: underline;
}

.qodef-title .qodef-title-holder .qodef-breadcrumbs-holder .qodef-delimiter {
  margin: 0;
}

/* 固定ページ共通 */

.wpb_text_column a,
.qodef-about-album-content a {
  text-decoration: underline
}

.qodef-about-album-content a.qodef-btn {
  text-decoration: none;
}

/* ==========================

トップページ

========================== */
.home h5 {
  font-size: 0.9em;
  font-weight: 300;
  letter-spacing: 0.08em;
}

/* ニューステキストリスト */

.top-news-txt-list {
  padding: 25px 0 20px 0;
  border: 2px solid #ffb0d9;
  width: 900px;
  margin: 0 auto 50px auto !important;
}

.top-news-txt-list .qodef-blog-list-holder.qodef-image-in-box ul>li:not(:first-child) {
  padding-top: 10px;
}

.top-news-txt-list .qodef-item-image {
  display: none !important;
}

.top-news-txt-list .qodef-item-title {
  float: right;
  width: 87%;
  font-size: 13px;
}

.top-news-txt-list .qodef-blog-list-holder.qodef-image-in-box .qodef-item-info-section {
  float: left;
}

.top-news-txt-list .qodef-blog-list-holder.qodef-image-in-box .qodef-item-info-section .qodef-post-info-date {
  font-size: 12px;
  line-height: 1.5;
}

/* Albumリスト*/
.qodef-albums-list-holder-outer.qodef-alb-gallery .qodef-album .qodef-album-text-holder h4 {
  padding-right: 1em;
  word-break: normal;
}

.qodef-image-with-text-over .qodef-imto-text-holder .qodef-imto-subtitle {
  font-size: 25px;
  font-weight: 500;
  margin-bottom: 15px;
  position: relative;
  display: block;
  color: #FFF;
}

.qodef-search-opener {
  display: none;
}

.wpb_text_column.wpb_content_element a {
  text-decoration: none;
}

.qodef-blog-list-holder.qodef-masonry .qodef-blog-list-masonry-item .qodef-post-info-date {
  padding-top: 0.5em;
  text-align: right;
  font-size: 0.7rem;
  color: #999;
}

/* WORKS 一覧 */
.works_category {
  display: none;
}

.top_works .qodef-album-image-holder {
  position: relative;
}

.top_works .works_category {
  display: block;
  position: absolute;
  top: 10px;
  right: 0;
  line-height: 1;
  padding: 5px;
  font-size: 80%;
  background: rgb(0, 0, 0, 0.7);
  color: #fff;
}

/* 全て見るボタン*/
.top_see_all {
  display: block;
  margin: 0 auto;
  width: 50%;
  text-align: center;
}

.top_see_all.qodef-btn.qodef-btn-outline {
  border: 1px solid #666;
  color: #666;
  letter-spacing: 0.1em;
}

/* ==========================

News

========================== */
/* 一覧 */

.qodef-blog-list-holder.qodef-masonry .qodef-blog-list-masonry-item .qodef-blog-list-item-text-holder,
.qodef-blog-list-holder.qodef-masonry.qodef-holder-with-padding .qodef-blog-list-masonry-item .qodef-blog-list-item-text-holder {
  padding: 1.5em 1.5em 0 1.5em;
}

.qodef-blog-list-holder.qodef-masonry .qodef-blog-list-masonry-item .qodef-blog-list-item-text-holder h4,
h4.qodef-post-title {
  font-size: 0.9rem;
  line-height: 1.4;
  letter-spacing: 0.02em;
}

/* 記事ページ */

h3.qodef-post-title {
  font-size: 1.5rem;
}

.qodef-latest-posts-widget ul li .qodef-item-text-holder h5 a {
  font-size: 0.8rem;
}

.qodef-post-image {
  text-align: center;
  padding: 2em 0 1em 0;
}

.archive .qodef-post-image {
  padding: 0;
}

.qodef-blog-holder.qodef-blog-type-masonry article .qodef-post-text {
  padding: 20px 20px 0 20px;
}

.qodef-blog-list-holder.qodef-image-in-box .qodef-item-image img {
  width: 107px;
  height: 107px;
  object-fit: cover;
}

.qodef-post-info-date {
  font-size: 0.7rem;
}

.qodef-blog-holder article .qodef-post-info {
  display: block;
  overflow: hidden;
  margin-bottom: 1.5em;
}

.qodef-blog-holder article .qodef-post-info>div {
  float: left;
}

.qodef-blog-holder article .qodef-post-info>div:last-child {
  float: right;
}

.qodef-blog-holder article .qodef-post-info>div a {
  display: block;
  background: #000;
  padding: 0 1em;
  color: #fff;
  font-size: 0.8rem;
  font-weight: normal;
  margin-left: 10px;
  float: left;
}

.qodef-blog-holder article .qodef-post-info>div:after {
  content: '';
}

.qodef-column-inner h3 {
  line-height: 1.4;
  font-size: 20px;
  font-family: Poppins, sans-serif !important;
}

.qodef-btn {
  text-transform: unset;
}

.qodef-post-text blockquote {
  background: #f7f7f7;
  font-size: unset;
  font-style: normal;
  line-height: unset;
  padding: 1.5em;
}

.qodef-post-text blockquote p {
  color: unset;
  padding: 0;
}

.qodef-post-text blockquote:before {
  content: unset;
}

.qodef-post-text-inner p a.qodef-btn {
  text-decoration: none !important;
}

.qodef-blog-single article .qodef-post-info-bottom .qodef-social-share-holder.qodef-list .qodef-social-share-title {
  color: #000;
  font-size: 12px;
  line-height: 20px;
  padding: 5px;
}

.qodef-blog-single article .qodef-post-info-bottom .qodef-social-share-holder.qodef-list .qodef-social-share-title:after {
  content: "―";
  margin: 0 5px 0 10px;
}

/* ニュースアーカイブ */
.qodef-blog-holder.qodef-blog-type-masonry article .qodef-post-text .qodef-post-info-date {
  text-align: right;
  width: 100%;
  font-size: 0.7rem;
  color: #999;
}

/*関連ニュース*/
.qodef-related-posts-holder h3 {
  font-size: 1.6em;
}

.qodef-related-posts-holder .qodef-related-post {
  width: 50%;
  margin: 0;
}

.qodef-related-posts-holder .qodef-related-post:hover {
  opacity: 0.8;
}

.qodef-related-posts-holder .qodef-related-post h4 {
  font-size: 0.9rem;
  line-height: 1.5;
  font-weight: normal;
  padding-right: 1em;
}

.qodef-related-posts-holder .qodef-related-post img {
  width: 100px;
  height: 100px;
  float: left;
  margin-right: 15px;
  object-fit: cover;
}

/* ==========================

Works

========================== */
/* 一覧ページ */


.qodef-albums-list-holder-outer.qodef-alb-four-columns .qodef-album {
  padding: 1%;
}

.page-id-8441 .qodef-albums-list-holder .qodef-album .qodef-album-image-holder a img,
.qodef-albums-list-holder .qodef-album .qodef-album-image-holder img {
  vertical-align: top;
  min-width: 100%;
  height: 290px !important;
  display: block;
  object-fit: cover;
  margin: 0 auto;
  overflow: hidden;
}

.qodef-albums-list-holder-outer.qodef-alb-standard .qodef-album .qodef-album-text-holder .qodef-album-title {
  font-size: 1rem;
  text-align: left;
  margin-top: 15px;
}

h4.qodef-album-title + p {
  font-size: 0.7rem;
  color: #999;
}

/* ==========================

Profile

========================== */

.page-id-4094 h2 {
  font-size: 36px;
  letter-spacing: 0;
}

.wpb_text_column.wpb_content_element.vc_custom_1579155408946 a {
  text-decoration: underline;
}

.live_history {
  line-height: 1.4;
  font-size: 0.8rem;
}

.live_history dt {
  float: left;
  clear: both;
  font-size: 0.9rem;
}

.live_history dd {
  padding-left: 4.5em;
}

.live_history dd ul {
  display: flex;
}

.live_history dd ul li {
  list-style-type: none;
}

.live_history dd ul li:first-child {
  flex-basis: 15%;
}

.live_history dd ul li:nth-child(2) {
  flex-basis: 20%;
  padding-right: 1em;
  opacity: 0.6;
}

.live_history dd ul li:nth-child(3) {
  flex-basis: 65%;
  padding-right: 60px;
}

.live_history.ja dd ul li:first-child {
  flex-basis: 100%;
}

/* ==========================

Album

========================== */
/* 単独ページ */

.single-album h1 span {
  font-weight: 700;
}

.single-album h2 {
  font-family: "Noto Sans JP", Meiryo, "Helvetica Neue", Arial, sans-serif;
  text-transform: lowercase;
  font-weight: unset;
  letter-spacing: 0.07em;
  font-size: 200%;
}

.album-template-default h1 span,
.album-template-default h2 {
  text-transform: unset !important;
  font-family: Poppins, sans-serif !important;
}

s .qodef-title .qodef-title-holder h1 {
  font-weight: 800;
}

.qodef-album-artists,
.qodef-album-people {
  display: none;
}

.single-album .qodef-album-tracks-holder .qodef-tracks-holder .qodef-track-holder .qodef-track-title {
  cursor: unset;
  line-height: 1.5;
  padding-left: 1.5em;
  text-indent: -1.5em;
  font-weight: unset;
  font-size: unset;
}

.single-album .qodef-album-tracks-holder .qodef-tracks-holder .qodef-track-holder .qodef-track-title span {
  text-indent: 0;
  display: inline-block;
  width: 1.25em;
}

.single-album .qodef-album-tracks-holder .qodef-tracks-holder .qodef-track-holder {
  padding: 0;
}

.qodef-track-buy a i {
  font-size: 1.5em;
}

.qodef-album-store {
  float: left;
}

.qodef-album-store +.qodef-album-store {
  margin-left: 5px;
}

.qodef-album-store +.qodef-album-store img {
  width: 80px;
}

.qodef-album-comprehensive.WORKS .qodef-album-tracks-holder,
.qodef-album-comprehensive.WORKS .qodef-album-artists,
.qodef-album-comprehensive.WORKS .qodef-album-genres {
  display: none;
}

.qodef-single-album-stores-holder span a {
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.qodef-single-album-stores-holder span a:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.qodef-single-album-stores-holder span a img {
  width: 134px;
}

.single-album .qodef-single-album-stores-holder .qodef-single-album-store {
  padding: 0;
}

.single-album .qodef-single-album-stores-holder .qodef-single-album-store + .qodef-single-album-store {
  padding-left: 10px;
}

.single-album .qodef-single-album-stores-holder .qodef-single-album-store:nth-child(3n+1) {
  clear: unset;
}

.qodef-album-tracks-holder {
  border: 1px solid #ccc;
  padding: 20px;
}

h3.qodef-tracks-holder-title {
  display: inline-block;
  font-size: 90%;
  letter-spacing: 0.05em;
}

.single-album .qodef-album-details-holder .qodef-album-details span {
  font-size: 0.9em !important;
  line-height: 1 !important;
  color: #8a8a8a !important;
}

.single-album .qodef-album-details-holder .qodef-album-details span:first-child {
  width: 7em;
  display: inline-block;
}

.single-album .qodef-album-details-holder .qodef-album-details span + span::before {
  content: '：';
  padding-right: 12px;
}

/* shareボタン */
.qodef-album-follow-share-holder,
.qodef-event-follow-share-holder {
  display: flex;
  justify-content: flex-end;
}

h3.qodef-album-follow-share-holder-title,
.qodef-event-follow-share-holder h3.qodef-event-section-title {
  font-size: 12px;
  line-height: 20px;
  padding: 5px;
}

h3.qodef-album-follow-share-holder-title:after,
.qodef-event-follow-share-holder h3.qodef-event-section-title:after {
  content: "―";
  margin: 0 5px 0 10px;
}

.qodef-social-share-holder.qodef-list li .qodef-social-network-icon {
  font-size: 20px !important;
}

/* Tracklistリスト非表示記事 */


.postid-8271 .qodef-album-tracks-holder,
.postid-8273 .qodef-album-tracks-holder {
  display: none;
}

/* ==========================

Event

========================== */

/*  トップページリスト */
.qodef-event-content .qodef-event-date-holder-left {
  padding-right: unset;
  width: 170px;
  float: left;
  position: relative;
}

.qodef-event-content .qodef-event-date-holder-right {
  font-size: 20px;
  line-height: 27px;
  font-weight: 400;
  text-align: center;
}

.qodef-event-content .qodef-event-date-holder {
  width: 22%;
  white-space: nowrap;
}

.qodef-event-content .qodef-event-day-number-holder {
  font-size: 45px;
}

.qodef-event-content .qodef-event-title-holder {
  width: 48%;
}

.qodef-event-content .qodef-event-buy-tickets-holder {
  width: 15%;
  text-align: right;
}

.qodef-event-content .qodef-event-date-holder img {
  width: 100px;
  height: 100px;
  object-fit: cover;
  margin-left: 40px;
}

.qodef-event-single-content h4 {
  margin-bottom: 5px;
}

/* Event 詳細ページ */
.single-event .qodef-event-info .qodef-event-section-title {
  font-size: 3.2em;
  font-weight: 200;
}

.qodef-event-buy-tickets-button {
  margin-bottom: 4em;
}

.qodef-event-details span:first-child {
  display: inline-block;
  margin: 0 10px 5px 0;
  padding: 5px;
  width: 5em;
}

.qodef-social-share-holder.qodef-list li .qodef-social-network-icon {
  font-size: 30px;
}

.qodef-event-content .qodef-event-date-holder-left span + span + span {
  display: inline-block;
  float: none;
  line-height: 60px;
  position: absolute;
  bottom: -15px;
  padding-left: 5px;
}

.qodef-event-content .qodef-event-title {
  font-size: 30px;
  font-weight: 600;
  letter-spacing: 0.2rem;
}

.qodef-event-details-holder a,
.qodef-event-content-holder a {
  border-bottom: 1px dotted #999;
}

.qodef-title .qodef-title-holder h1 {
  font-size: 100%;
  font-weight: unset;
  line-height: 1.5;
}

.qodef-event-details-time span + span {
  font-size: 20px;
  font-weight: bold;
}

/* イベントタイトル「LIVE」に統一 */
.single-event .qodef-delimiter:after {
  content: "LIVE";
}

.single-event .qodef-current {
  display: none !important;
}

.single-event .qodef-title .qodef-title-holder h1:after {
  content: "LIVE";
  font-family: "5dotfont", "Noto Sans JP", Meiryo, "Helvetica Neue", Arial, sans-serif;
  text-transform: lowercase;
  font-weight: unset;
  letter-spacing: 0.07em;
  font-size: 200%;
}

.single-event .qodef-title .qodef-title-holder h1 span {
  display: none;
}

/* ==========================

CONTACT

========================== */
ul.notice a {
  text-decoration: underline;
}

.wpcf7 dt span {
  color: #de5c5c;
  font-weight: normal;
  padding-left: 2px;
}

.wpcf7 span.required {
  color: #de5c5c;
  font-weight: normal;
  padding-right: 2px;
}

#respond input[type=text],
#respond textarea,
.post-password-form input[type=password],
.wpcf7-form-control.wpcf7-date,
.wpcf7-form-control.wpcf7-number,
.wpcf7-form-control.wpcf7-quiz,
.wpcf7-form-control.wpcf7-select,
.wpcf7-form-control.wpcf7-text,
.wpcf7-form-control.wpcf7-textarea {
  padding: 10px;
  color: unset;
}

.wpcf7 ul.notice {
  margin: 40px 0 0 20px;
  list-style-position: outside;
  line-height: 1.5;
  font-size: 85%;
}

.wpcf7 ul.notice li {
  margin-bottom: 1em;
}

.wpcf7 input[type="submit"],
.wpcf7c-btn-back {
  background: #000;
  border: 0;
  color: #fff;
  padding: 17px 58px;
  font-size: 14px;
  cursor: pointer;
  line-height: 1;
  font-weight: 600;
  outline: none;
}

.wpcf7c-btn-back {
  margin-right: 20px;
}

.wpcf7 input[type="submit"]:hover,
.wpcf7c-btn-back:hover {
  opacity: 0.5;
}

.wpcf7 dl + p {
  text-align: center;
}

/*CONTACT 確認画面*/
.wpcf7c-conf {
  background-color: #fff;
}

.custom-wpcf7c-confirmed .wpcf7-radio {
  margin-left: -10px;
}

.custom-wpcf7c-confirmed .wpcf7-list-item {
  margin: 0 20px 0 0;
}

input.wpcf7c-conf,
select.wpcf7c-conf,
textarea.wpcf7c-conf {
  color: #000 !important;
  border: 0 !important;
  padding: 0 !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
::-ms-expand {
display: none;
}

input[type="radio"].wpcf7c-conf:checked:before {
  font-family: "FontAwesome";
  content: "\f00c";
  background: #fff;
}

textarea.wpcf7c-conf {
  resize: none;
}

/* ==========================

Link

========================== */


.link_twitter img {
  width: auto;
  height: 100px;
  margin: 20px 0 !important;
}

.qodef-iwt-icon-holder i {
  font-size: 90px !important;
}

/* ==========================

Footer

========================== */


footer .qodef-footer-top:not(.qodef-footer-top-full) .qodef-container-inner {
  padding: 80px 0 30px 0;
}

.qodef-footer-column-1 img {
  width: 180px;
}

p.copyright {
  font-size: 11px;
  letter-spacing: 0.1em;
}

.footer_sns {
  font-family: FontAwesome;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin: 30px 0;
}

.footer_sns li {
  padding: 0 20px;
  font-size: 30px;
}

.footer_sns li i {
  font-style: normal;
  color: #fff;
  font-family: FontAwesome;
}

/* ★★★★★★★★★★★★★★★★★★★★★★

	SP

★★★★★★★★★★★★★★★★★★★★★★ */

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

.qodef-event-details span:first-child + span {
  clear: both !important;
  display: block;
  width: unset;
  margin-bottom: 1em;
}

h1 span,
h2 {
  font-family: unset;
  text-transform: uppercase;
  font-weight: 900;
  letter-spacing: 0.07em;
  font-size: 200%;
}

.top_see_all {
  width: 100%;
}

/* News 単独ページサイド */
.qodef-blog-list-holder.qodef-image-in-box .qodef-item-image img {
  width: unset;
  height: unset;
  object-fit: unset;
}

/* Profile */
.vc_custom_1621748721736 {
  margin-top: 60px !important;
  margin-right: 0 !important;
  margin-bottom: 60px !important;
  margin-left: 0 !important;
}

.live_history dt {
  float: none;
  margin-top: 1em;
}

.live_history dd {
  padding-left: 0;
  margin: 0;
}

.live_history dd ul {
  display: block;
  margin: 0 0 20px 0;
}

.live_history dd ul li:first-child {
  float: left;
  margin-right: 0.5em;
}

.live_history dd ul li:nth-child(2) {
  flex-basis: 20%;
  padding-right: 1em;
  opacity: 0.6;
}

.live_history dd ul li:nth-child(3) {
  clear: both;
  margin-top: 5px;
  padding-right: 0;
}

.live_history {
  border-bottom: 1px dotted #ccc;
  margin-bottom: 20px;
}

.live_history.ja {
  border-bottom: none;
}

.live_history.ja dd ul li {
  overflow: hidden;
  margin-bottom: 20px;
}

/* Works 一覧ページ */

.qodef-albums-list-holder .qodef-album .qodef-album-image-holder a img {
  height: 100% !important;
}

.single-album .qodef-single-album-stores-holder .qodef-single-album-store {
  padding: 0;
  width: 48%;
  float: left;
}

.single-album .qodef-single-album-stores-holder .qodef-single-album-store img {
  width: 100%;
}

.single-album .qodef-single-album-stores-holder .qodef-single-album-store + .qodef-single-album-store {
  padding: 0;
}

.single-album .qodef-single-album-stores-holder .qodef-single-album-store:nth-child(2n+1) {
  padding-right: 2%;
}

/* event一覧 */
.qodef-event-content .qodef-event-title-holder {
  clear: both;
  width: 100%;
  text-align: left;
}

.qodef-event-content .qodef-event-date-holder img {
  margin-left: 10px;
}

.qodef-event-content .qodef-event-date-holder {
  width: 100%;
}

.qodef-event-content .qodef-event-date-holder-left {
  text-align: left;
}

.qodef-event-content .qodef-event-date-holder-right {
  float: right;
}

.qodef-event-content .qodef-event-buy-tickets-holder {
  width: 100%;
  background: #000;
  pdding: 0 1em;
  text-align: center;
  margin-bottom: 40px;
}

.qodef-event-content .qodef-event-buy-tickets-holder a span {
  color: #fff;
}

.qodef-event-content .qodef-event-buy-tickets-button:before {
  color: #fff;
}

/* event詳細 */

.qodef-event-details span:first-child {
  background: unset;
  display: block;
  margin: 1.5em 0 5px 0;
  padding: 0 5px;
  line-height: 1;
  border-left: 3px solid #333;
  font-weight: bold;
  width: 100%;
  text-align: left;
}

.qodef-event-info-holder .qodef-event-details-holder {
  width: 100%;
}

.qodef-event-info-holder .qodef-event-details-holder + a.qodef-event-buy-tickets-button {
  width: 80%;
  display: block;
  margin: 0 auto 50px auto;
  text-align: center;
}

.footer_sns li {
  padding: 0 15px;
  font-size: 30px;
}
}
