@charset "UTF-8"; /*-------------------------------------- Utility Styles ---------------------------------------*/ .align-left { text-align: left; } .align-center { text-align: center; } .align-right { text-align: right; } .sp-none { display: inherit; } @media (max-width: 1024px) { .sp-none { display: none; } } .pc-none { display: none; } @media (max-width: 1024px) { .pc-none { display: inherit; } } ul.inline { display: inline-block; } ul.inline li { display: inline-block; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes slideUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 25%, 0); transform: translate3d(0, 25%, 0); } 40% { opacity: 1; } 100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 25%, 0); transform: translate3d(0, 25%, 0); } 40% { opacity: 1; } 100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes slideUpF { 0% { opacity: 0; -webkit-transform: translate3d(0, 100px, 0); transform: translate3d(0, 100px, 0); } 100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideUpF { 0% { opacity: 0; -webkit-transform: translate3d(0, 100px, 0); transform: translate3d(0, 100px, 0); } 100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes moveUpToDown { 0% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 25% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 75% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes moveUpToDown { 0% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 25% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 75% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @-webkit-keyframes moveUp { 0% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes moveUp { 0% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } * { padding: 0; margin: 0; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } html { -webkit-text-size-adjust: 100%; } body { overflow-x: hidden; background: #fff; color: #292929; font-family: century-gothic, 'Noto Sans JP', sans-serif; font-weight: 400; font-style: normal; font-size: 15px; line-height: 2; letter-spacing: 0.06em; } @media (max-width: 1024px) { body { font-size: 13px; } } * { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; } img { height: auto; vertical-align: top; pointer-events: none; } picture { display: inline-block; width: 100%; } picture img { width: 100%; height: auto; } button { background: none; border: none; outline: none; cursor: pointer; } li { list-style: none; } fieldset { border: none; } a { color: #d2ae4e; -webkit-transition: opacity 1.2s ease; transition: opacity 1.2s ease; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); /* -webkit-transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); */ } @media (min-width: 1024px) { a:hover { opacity: 0.5; } } i.icon { vertical-align: middle; display: inline-block; width: 32px; height: 32px; } i.icon svg { width: 100%; height: auto; } .calendar-prev svg, .slick-prev svg { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .calendar-prev em, .slick-prev em { font-style: normal; } @media (max-width: 1200px) { .calendar-prev em, .slick-prev em { display: none; } } .calendar-prev i.icon, .slick-prev i.icon { width: 16px; height: 16px; } .calendar-next em, .slick-next em { font-style: normal; } @media (max-width: 1200px) { .calendar-next em, .slick-next em { display: none; } } .calendar-next i.icon, .slick-next i.icon { width: 16px; height: 16px; } a.more { display: inline-block; } a.more span { color: inherit; color: #292929; font-size: 16px; font-family: 'Open Sans', sans-serif; display: inline-block !important; font-weight: 400; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: all 1.2s ease; transition: all 1.2s ease; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); /* -webkit-transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); */ } @media (max-width: 1024px) { a.more span { font-size: 13px; } } a.more i.icon { vertical-align: top; margin-left: 10px; width: 12px; height: 12px; } a.more:hover span { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } @media (max-width: 1024px) { #wrapper { overflow: hidden; } } #movie.st-Content .more svg * { fill: #fff !important; } #movie.st-Content .slick-prev svg *, #movie.st-Content .slick-next svg * { fill: #fff !important; } #container { position: static; z-index: 10; min-height: 100vh; } #loading { position: fixed; background: #fff; top: 0; bottom: 0; left: 0; right: 0; z-index: 20000; pointer-events: none; background: #fff url(../img/logo.png) center no-repeat; background-size: 160px auto; } @media (max-width: 1024px) { #loading { background-size: 120px auto; } } #pjaxLoading { position: fixed; background: #fff; top: 0; bottom: 0; left: 0; right: 0; z-index: 10000; pointer-events: none; opacity: 0; -webkit-animation: fadeOut 0.8s linear forwards; animation: fadeOut 0.8s linear forwards; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); /* -webkit-transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); */ } #pjaxLoading.show { -webkit-animation: fadeIn 0.6s linear forwards; animation: fadeIn 0.6s linear forwards; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); /* -webkit-transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); */ } .firstview { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; border-bottom: 0; z-index: 0; } .firstview + #container { margin-top: 100vh; background: #fff; position: relative; } #menu { overflow: hidden; position: fixed; border-bottom: none; top: 0; bottom: 0; left: 0; right: 0; z-index: 1000; pointer-events: none; } #menuOverlay { position: fixed; background: rgba(0, 0, 0, 0); border-bottom: none; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); top: 0; bottom: 0; left: 0; right: 0; z-index: 10002; pointer-events: none; -webkit-transition: background 1.2s ease; transition: background 1.2s ease; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); /* -webkit-transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); */ } #menuOpen { pointer-events: auto; position: fixed; top: 20px; right: 30px; width: 56px; height: 40px; line-height: 40px; text-align: center; z-index: 1001; /* &:before { content: ""; display: block; background: #d2ae4e; position: fixed; top: 20px; right: 30px; width: 56px; height: 40px; z-index: -100; } //*/ /* @media (min-width: $breakpoint) { &:hover { span { transition : transform 0.4s ease; @include transition(); transform: scaleX(0.8); } div { transition : transform 0.4s ease; @include transition(); //transform: rotateX(360deg); } } } @media (min-width: $breakpoint) { &.close:hover { span { &:first-child { position: relative; //top: 2px; //transform: rotate(45deg); transform: translate3d(0, 10px, 0) rotate(135deg) scaleX(0.8); } &:nth-child(2) { position: relative; opacity: 0; } &:last-child { // position: relative; //top: -2px; transform: translate3d(0, -10px, 0) rotate(-135deg) scaleX(0.8); } } } } */ } #menuOpen span { display: block; width: 36px; height: 2px; background: #fff; margin: 6px auto 6px; -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; -webkit-transition: opacity 0.8s ease, -webkit-transform 0.8s ease; transition: opacity 0.8s ease, -webkit-transform 0.8s ease; transition: transform 0.8s ease, opacity 0.8s ease; transition: transform 0.8s ease, opacity 0.8s ease, -webkit-transform 0.8s ease; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); /* -webkit-transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); */ } #menuOpen.close span:first-child { position: relative; -webkit-transform: translate3d(0, 8px, 0) rotate(135deg); transform: translate3d(0, 8px, 0) rotate(135deg); } #menuOpen.close span:nth-child(2) { position: relative; opacity: 0; } #menuOpen.close span:last-child { -webkit-transform: translate3d(0, -8px, 0) rotate(-135deg); transform: translate3d(0, -8px, 0) rotate(-135deg); } #menuOpen div { -webkit-transition: -webkit-transform 1.2s ease; transition: -webkit-transform 1.2s ease; transition: transform 1.2s ease; transition: transform 1.2s ease, -webkit-transform 1.2s ease; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); /* -webkit-transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); */ } @media (max-width: 1024px) { #menuOpen { top: 15px; right: 20px; width: 45px; height: 32px; line-height: 32px; } #menuOpen span { width: 28px; } } #menuOverlay.open { background: rgba(0, 0, 0, 0); pointer-events: auto; } #menuOverlay.open #menuContent { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } #menuOverlay.open #menuContent .menuContent a span, #menuOverlay.open #menuContent .menuContent a i { -webkit-animation: moveUp 1.2s linear forwards; animation: moveUp 1.2s linear forwards; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); /* -webkit-transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); */ } #menuOverlay.open #menuContent .menuContent a span:nth-child(1), #menuOverlay.open #menuContent .menuContent a i:nth-child(1) { -webkit-animation-delay: 320ms; animation-delay: 320ms; } #menuOverlay.open #menuContent .menuContent a span:nth-child(2), #menuOverlay.open #menuContent .menuContent a i:nth-child(2) { -webkit-animation-delay: 340ms; animation-delay: 340ms; } #menuOverlay.open #menuContent .menuContent a span:nth-child(3), #menuOverlay.open #menuContent .menuContent a i:nth-child(3) { -webkit-animation-delay: 360ms; animation-delay: 360ms; } #menuOverlay.open #menuContent .menuContent a span:nth-child(4), #menuOverlay.open #menuContent .menuContent a i:nth-child(4) { -webkit-animation-delay: 380ms; animation-delay: 380ms; } #menuOverlay.open #menuContent .menuContent a span:nth-child(5), #menuOverlay.open #menuContent .menuContent a i:nth-child(5) { -webkit-animation-delay: 400ms; animation-delay: 400ms; } #menuOverlay.open #menuContent .menuContent a span:nth-child(6), #menuOverlay.open #menuContent .menuContent a i:nth-child(6) { -webkit-animation-delay: 420ms; animation-delay: 420ms; } #menuOverlay.open #menuContent .menuContent a span:nth-child(7), #menuOverlay.open #menuContent .menuContent a i:nth-child(7) { -webkit-animation-delay: 440ms; animation-delay: 440ms; } #menuOverlay.open #menuContent .menuContent a span:nth-child(8), #menuOverlay.open #menuContent .menuContent a i:nth-child(8) { -webkit-animation-delay: 460ms; animation-delay: 460ms; } #menuOverlay.open #menuContent .menuContent a span:nth-child(9), #menuOverlay.open #menuContent .menuContent a i:nth-child(9) { -webkit-animation-delay: 480ms; animation-delay: 480ms; } #menuOverlay.open #menuContent .menuContent a span:nth-child(10), #menuOverlay.open #menuContent .menuContent a i:nth-child(10) { -webkit-animation-delay: 500ms; animation-delay: 500ms; } #menuOverlay.open #menuContent .menuContent a span:nth-child(11), #menuOverlay.open #menuContent .menuContent a i:nth-child(11) { -webkit-animation-delay: 520ms; animation-delay: 520ms; } #menuOverlay.open #menuContent .menuContent a span:nth-child(12), #menuOverlay.open #menuContent .menuContent a i:nth-child(12) { -webkit-animation-delay: 540ms; animation-delay: 540ms; } #menuOverlay.open #menuContent .menuContent a span:nth-child(13), #menuOverlay.open #menuContent .menuContent a i:nth-child(13) { -webkit-animation-delay: 560ms; animation-delay: 560ms; } #menuOverlay.open #menuContent .menuContent a span:nth-child(14), #menuOverlay.open #menuContent .menuContent a i:nth-child(14) { -webkit-animation-delay: 580ms; animation-delay: 580ms; } #menuOverlay.open #menuContent .menuContent a span:nth-child(15), #menuOverlay.open #menuContent .menuContent a i:nth-child(15) { -webkit-animation-delay: 600ms; animation-delay: 600ms; } #menuOverlay.open #menuContent .menuContent a span:nth-child(16), #menuOverlay.open #menuContent .menuContent a i:nth-child(16) { -webkit-animation-delay: 620ms; animation-delay: 620ms; } #menuOverlay.open #menuContent .menuContent a span:nth-child(17), #menuOverlay.open #menuContent .menuContent a i:nth-child(17) { -webkit-animation-delay: 640ms; animation-delay: 640ms; } #menuOverlay.open #menuContent .menuContent a span:nth-child(18), #menuOverlay.open #menuContent .menuContent a i:nth-child(18) { -webkit-animation-delay: 660ms; animation-delay: 660ms; } #menuOverlay.open #menuContent .menuContent a span:nth-child(19), #menuOverlay.open #menuContent .menuContent a i:nth-child(19) { -webkit-animation-delay: 680ms; animation-delay: 680ms; } #menuOverlay.open #menuContent .menuContent a span:nth-child(20), #menuOverlay.open #menuContent .menuContent a i:nth-child(20) { -webkit-animation-delay: 700ms; animation-delay: 700ms; } #menuOverlay.open #menuContent .menuContent a span:nth-child(21), #menuOverlay.open #menuContent .menuContent a i:nth-child(21) { -webkit-animation-delay: 720ms; animation-delay: 720ms; } #menuOverlay.open #menuContent .menuContent a span:nth-child(22), #menuOverlay.open #menuContent .menuContent a i:nth-child(22) { -webkit-animation-delay: 740ms; animation-delay: 740ms; } #menuOverlay.open #menuContent .menuContent a span:nth-child(23), #menuOverlay.open #menuContent .menuContent a i:nth-child(23) { -webkit-animation-delay: 760ms; animation-delay: 760ms; } #menuOverlay.open #menuContent .menuContent a span:nth-child(24), #menuOverlay.open #menuContent .menuContent a i:nth-child(24) { -webkit-animation-delay: 780ms; animation-delay: 780ms; } #menuOverlay.open #menuContent .menuContent a span:nth-child(25), #menuOverlay.open #menuContent .menuContent a i:nth-child(25) { -webkit-animation-delay: 800ms; animation-delay: 800ms; } #menuOverlay.open #menuContent .menuContent a span:nth-child(26), #menuOverlay.open #menuContent .menuContent a i:nth-child(26) { -webkit-animation-delay: 820ms; animation-delay: 820ms; } #menuOverlay.open #menuContent .menuContent a span:nth-child(27), #menuOverlay.open #menuContent .menuContent a i:nth-child(27) { -webkit-animation-delay: 840ms; animation-delay: 840ms; } #menuOverlay.open #menuContent .menuContent a span:nth-child(28), #menuOverlay.open #menuContent .menuContent a i:nth-child(28) { -webkit-animation-delay: 860ms; animation-delay: 860ms; } #menuOverlay.open #menuContent .menuContent a span:nth-child(29), #menuOverlay.open #menuContent .menuContent a i:nth-child(29) { -webkit-animation-delay: 880ms; animation-delay: 880ms; } #menuOverlay.open #menuContent .menuContent a span:nth-child(30), #menuOverlay.open #menuContent .menuContent a i:nth-child(30) { -webkit-animation-delay: 900ms; animation-delay: 900ms; } #menuOverlay.open #menuContent .menuContent a span:nth-child(31), #menuOverlay.open #menuContent .menuContent a i:nth-child(31) { -webkit-animation-delay: 920ms; animation-delay: 920ms; } #menuOverlay.open #menuContent .menuContent a span:nth-child(32), #menuOverlay.open #menuContent .menuContent a i:nth-child(32) { -webkit-animation-delay: 940ms; animation-delay: 940ms; } #menuOverlay.open #menuContent .menuContent a span:nth-child(33), #menuOverlay.open #menuContent .menuContent a i:nth-child(33) { -webkit-animation-delay: 960ms; animation-delay: 960ms; } #menuOverlay.open #menuContent .menuContent a span:nth-child(34), #menuOverlay.open #menuContent .menuContent a i:nth-child(34) { -webkit-animation-delay: 980ms; animation-delay: 980ms; } #menuOverlay.open #menuContent .menuContent a span:nth-child(35), #menuOverlay.open #menuContent .menuContent a i:nth-child(35) { -webkit-animation-delay: 1000ms; animation-delay: 1000ms; } #menuOverlay.open #menuContent .menuContent a span:nth-child(36), #menuOverlay.open #menuContent .menuContent a i:nth-child(36) { -webkit-animation-delay: 1020ms; animation-delay: 1020ms; } #menuOverlay.open #menuContent .menuContent a span:nth-child(37), #menuOverlay.open #menuContent .menuContent a i:nth-child(37) { -webkit-animation-delay: 1040ms; animation-delay: 1040ms; } #menuOverlay.open #menuContent .menuContent a span:nth-child(38), #menuOverlay.open #menuContent .menuContent a i:nth-child(38) { -webkit-animation-delay: 1060ms; animation-delay: 1060ms; } #menuOverlay.open #menuContent .menuContent a span:nth-child(39), #menuOverlay.open #menuContent .menuContent a i:nth-child(39) { -webkit-animation-delay: 1080ms; animation-delay: 1080ms; } #menuOverlay.open #menuContent .menuContent a span:nth-child(40), #menuOverlay.open #menuContent .menuContent a i:nth-child(40) { -webkit-animation-delay: 1100ms; animation-delay: 1100ms; } #menuOverlay.open #menuContent .menuContent a span:nth-child(41), #menuOverlay.open #menuContent .menuContent a i:nth-child(41) { -webkit-animation-delay: 1120ms; animation-delay: 1120ms; } #menuOverlay.open #menuContent .menuContent a span:nth-child(42), #menuOverlay.open #menuContent .menuContent a i:nth-child(42) { -webkit-animation-delay: 1140ms; animation-delay: 1140ms; } #menuOverlay.open #menuContent .menuContent a span:nth-child(43), #menuOverlay.open #menuContent .menuContent a i:nth-child(43) { -webkit-animation-delay: 1160ms; animation-delay: 1160ms; } #menuOverlay.open #menuContent .menuContent a span:nth-child(44), #menuOverlay.open #menuContent .menuContent a i:nth-child(44) { -webkit-animation-delay: 1180ms; animation-delay: 1180ms; } #menuOverlay.open #menuContent .menuContent a span:nth-child(45), #menuOverlay.open #menuContent .menuContent a i:nth-child(45) { -webkit-animation-delay: 1200ms; animation-delay: 1200ms; } #menuOverlay.open #menuContent .menuContent a span:nth-child(46), #menuOverlay.open #menuContent .menuContent a i:nth-child(46) { -webkit-animation-delay: 1220ms; animation-delay: 1220ms; } #menuOverlay.open #menuContent .menuContent a span:nth-child(47), #menuOverlay.open #menuContent .menuContent a i:nth-child(47) { -webkit-animation-delay: 1240ms; animation-delay: 1240ms; } #menuOverlay.open #menuContent .menuContent a span:nth-child(48), #menuOverlay.open #menuContent .menuContent a i:nth-child(48) { -webkit-animation-delay: 1260ms; animation-delay: 1260ms; } #menuOverlay.open #menuContent .menuContent a span:nth-child(49), #menuOverlay.open #menuContent .menuContent a i:nth-child(49) { -webkit-animation-delay: 1280ms; animation-delay: 1280ms; } #menuOverlay.open #menuContent .menuContent a span:nth-child(50), #menuOverlay.open #menuContent .menuContent a i:nth-child(50) { -webkit-animation-delay: 1300ms; animation-delay: 1300ms; } #menuOverlay.open #menuContent .menuContent a span:nth-child(51), #menuOverlay.open #menuContent .menuContent a i:nth-child(51) { -webkit-animation-delay: 1320ms; animation-delay: 1320ms; } #menuOverlay.open #menuContent .menuContent a span:nth-child(52), #menuOverlay.open #menuContent .menuContent a i:nth-child(52) { -webkit-animation-delay: 1340ms; animation-delay: 1340ms; } #menuOverlay.open #menuContent .menuContent a span:nth-child(53), #menuOverlay.open #menuContent .menuContent a i:nth-child(53) { -webkit-animation-delay: 1360ms; animation-delay: 1360ms; } #menuOverlay.open #menuContent .menuContent a span:nth-child(54), #menuOverlay.open #menuContent .menuContent a i:nth-child(54) { -webkit-animation-delay: 1380ms; animation-delay: 1380ms; } #menuOverlay.open #menuContent .menuContent a span:nth-child(55), #menuOverlay.open #menuContent .menuContent a i:nth-child(55) { -webkit-animation-delay: 1400ms; animation-delay: 1400ms; } #menuOverlay.open #menuContent .menuContent a span:nth-child(56), #menuOverlay.open #menuContent .menuContent a i:nth-child(56) { -webkit-animation-delay: 1420ms; animation-delay: 1420ms; } #menuOverlay.open #menuContent .menuContent a span:nth-child(57), #menuOverlay.open #menuContent .menuContent a i:nth-child(57) { -webkit-animation-delay: 1440ms; animation-delay: 1440ms; } #menuOverlay.open #menuContent .menuContent a span:nth-child(58), #menuOverlay.open #menuContent .menuContent a i:nth-child(58) { -webkit-animation-delay: 1460ms; animation-delay: 1460ms; } #menuOverlay.open #menuContent .menuContent a span:nth-child(59), #menuOverlay.open #menuContent .menuContent a i:nth-child(59) { -webkit-animation-delay: 1480ms; animation-delay: 1480ms; } #menuOverlay.open #menuContent .menuContent a span:nth-child(60), #menuOverlay.open #menuContent .menuContent a i:nth-child(60) { -webkit-animation-delay: 1500ms; animation-delay: 1500ms; } #menuOverlay.open #menuContent .menuContent a span:nth-child(61), #menuOverlay.open #menuContent .menuContent a i:nth-child(61) { -webkit-animation-delay: 1520ms; animation-delay: 1520ms; } #menuOverlay.open #menuContent .menuContent a span:nth-child(62), #menuOverlay.open #menuContent .menuContent a i:nth-child(62) { -webkit-animation-delay: 1540ms; animation-delay: 1540ms; } #menuOverlay.open #menuContent .menuContent a span:nth-child(63), #menuOverlay.open #menuContent .menuContent a i:nth-child(63) { -webkit-animation-delay: 1560ms; animation-delay: 1560ms; } #menuOverlay.open #menuContent .menuContent a span:nth-child(64), #menuOverlay.open #menuContent .menuContent a i:nth-child(64) { -webkit-animation-delay: 1580ms; animation-delay: 1580ms; } #menuOverlay.open #menuContent .menuContent a span:nth-child(65), #menuOverlay.open #menuContent .menuContent a i:nth-child(65) { -webkit-animation-delay: 1600ms; animation-delay: 1600ms; } #menuOverlay.open #menuContent .menuContent a span:nth-child(66), #menuOverlay.open #menuContent .menuContent a i:nth-child(66) { -webkit-animation-delay: 1620ms; animation-delay: 1620ms; } #menuOverlay.open #menuContent .menuContent a span:nth-child(67), #menuOverlay.open #menuContent .menuContent a i:nth-child(67) { -webkit-animation-delay: 1640ms; animation-delay: 1640ms; } #menuOverlay.open #menuContent .menuContent a span:nth-child(68), #menuOverlay.open #menuContent .menuContent a i:nth-child(68) { -webkit-animation-delay: 1660ms; animation-delay: 1660ms; } #menuOverlay.open #menuContent .menuContent a span:nth-child(69), #menuOverlay.open #menuContent .menuContent a i:nth-child(69) { -webkit-animation-delay: 1680ms; animation-delay: 1680ms; } #menuOverlay.open #menuContent .menuContent a span:nth-child(70), #menuOverlay.open #menuContent .menuContent a i:nth-child(70) { -webkit-animation-delay: 1700ms; animation-delay: 1700ms; } #menuOverlay.open #menuContent .menuContent a span:nth-child(71), #menuOverlay.open #menuContent .menuContent a i:nth-child(71) { -webkit-animation-delay: 1720ms; animation-delay: 1720ms; } #menuOverlay.open #menuContent .menuContent a span:nth-child(72), #menuOverlay.open #menuContent .menuContent a i:nth-child(72) { -webkit-animation-delay: 1740ms; animation-delay: 1740ms; } #menuOverlay.open #menuContent .menuContent a span:nth-child(73), #menuOverlay.open #menuContent .menuContent a i:nth-child(73) { -webkit-animation-delay: 1760ms; animation-delay: 1760ms; } #menuOverlay.open #menuContent .menuContent a span:nth-child(74), #menuOverlay.open #menuContent .menuContent a i:nth-child(74) { -webkit-animation-delay: 1780ms; animation-delay: 1780ms; } #menuOverlay.open #menuContent .menuContent a span:nth-child(75), #menuOverlay.open #menuContent .menuContent a i:nth-child(75) { -webkit-animation-delay: 1800ms; animation-delay: 1800ms; } #menuOverlay.open #menuContent .menuContent a span:nth-child(76), #menuOverlay.open #menuContent .menuContent a i:nth-child(76) { -webkit-animation-delay: 1820ms; animation-delay: 1820ms; } #menuOverlay.open #menuContent .menuContent a span:nth-child(77), #menuOverlay.open #menuContent .menuContent a i:nth-child(77) { -webkit-animation-delay: 1840ms; animation-delay: 1840ms; } #menuOverlay.open #menuContent .menuContent a span:nth-child(78), #menuOverlay.open #menuContent .menuContent a i:nth-child(78) { -webkit-animation-delay: 1860ms; animation-delay: 1860ms; } #menuOverlay.open #menuContent .menuContent a span:nth-child(79), #menuOverlay.open #menuContent .menuContent a i:nth-child(79) { -webkit-animation-delay: 1880ms; animation-delay: 1880ms; } #menuOverlay.open #menuContent .menuContent a span:nth-child(80), #menuOverlay.open #menuContent .menuContent a i:nth-child(80) { -webkit-animation-delay: 1900ms; animation-delay: 1900ms; } #menuOverlay.open #menuContent .menuContent a span:nth-child(81), #menuOverlay.open #menuContent .menuContent a i:nth-child(81) { -webkit-animation-delay: 1920ms; animation-delay: 1920ms; } #menuOverlay.open #menuContent .menuContent a span:nth-child(82), #menuOverlay.open #menuContent .menuContent a i:nth-child(82) { -webkit-animation-delay: 1940ms; animation-delay: 1940ms; } #menuOverlay.open #menuContent .menuContent a span:nth-child(83), #menuOverlay.open #menuContent .menuContent a i:nth-child(83) { -webkit-animation-delay: 1960ms; animation-delay: 1960ms; } #menuOverlay.open #menuContent .menuContent a span:nth-child(84), #menuOverlay.open #menuContent .menuContent a i:nth-child(84) { -webkit-animation-delay: 1980ms; animation-delay: 1980ms; } #menuOverlay.open #menuContent .menuContent a span:nth-child(85), #menuOverlay.open #menuContent .menuContent a i:nth-child(85) { -webkit-animation-delay: 2000ms; animation-delay: 2000ms; } #menuOverlay.open #menuContent .menuContent a span:nth-child(86), #menuOverlay.open #menuContent .menuContent a i:nth-child(86) { -webkit-animation-delay: 2020ms; animation-delay: 2020ms; } #menuOverlay.open #menuContent .menuContent a span:nth-child(87), #menuOverlay.open #menuContent .menuContent a i:nth-child(87) { -webkit-animation-delay: 2040ms; animation-delay: 2040ms; } #menuOverlay.open #menuContent .menuContent a span:nth-child(88), #menuOverlay.open #menuContent .menuContent a i:nth-child(88) { -webkit-animation-delay: 2060ms; animation-delay: 2060ms; } #menuOverlay.open #menuContent .menuContent a span:nth-child(89), #menuOverlay.open #menuContent .menuContent a i:nth-child(89) { -webkit-animation-delay: 2080ms; animation-delay: 2080ms; } #menuOverlay.open #menuContent .menuContent a span:nth-child(90), #menuOverlay.open #menuContent .menuContent a i:nth-child(90) { -webkit-animation-delay: 2100ms; animation-delay: 2100ms; } #menuOverlay.open #menuContent .menuContent a span:nth-child(91), #menuOverlay.open #menuContent .menuContent a i:nth-child(91) { -webkit-animation-delay: 2120ms; animation-delay: 2120ms; } #menuOverlay.open #menuContent .menuContent a span:nth-child(92), #menuOverlay.open #menuContent .menuContent a i:nth-child(92) { -webkit-animation-delay: 2140ms; animation-delay: 2140ms; } #menuOverlay.open #menuContent .menuContent a span:nth-child(93), #menuOverlay.open #menuContent .menuContent a i:nth-child(93) { -webkit-animation-delay: 2160ms; animation-delay: 2160ms; } #menuOverlay.open #menuContent .menuContent a span:nth-child(94), #menuOverlay.open #menuContent .menuContent a i:nth-child(94) { -webkit-animation-delay: 2180ms; animation-delay: 2180ms; } #menuOverlay.open #menuContent .menuContent a span:nth-child(95), #menuOverlay.open #menuContent .menuContent a i:nth-child(95) { -webkit-animation-delay: 2200ms; animation-delay: 2200ms; } #menuOverlay.open #menuContent .menuContent a span:nth-child(96), #menuOverlay.open #menuContent .menuContent a i:nth-child(96) { -webkit-animation-delay: 2220ms; animation-delay: 2220ms; } #menuOverlay.open #menuContent .menuContent a span:nth-child(97), #menuOverlay.open #menuContent .menuContent a i:nth-child(97) { -webkit-animation-delay: 2240ms; animation-delay: 2240ms; } #menuOverlay.open #menuContent .menuContent a span:nth-child(98), #menuOverlay.open #menuContent .menuContent a i:nth-child(98) { -webkit-animation-delay: 2260ms; animation-delay: 2260ms; } #menuOverlay.open #menuContent .menuContent a span:nth-child(99), #menuOverlay.open #menuContent .menuContent a i:nth-child(99) { -webkit-animation-delay: 2280ms; animation-delay: 2280ms; } #menuOverlay.open #menuContent .menuContent a span:nth-child(100), #menuOverlay.open #menuContent .menuContent a i:nth-child(100) { -webkit-animation-delay: 2300ms; animation-delay: 2300ms; } #menuContent { -webkit-transform: translate3d(720px, 0, 0); transform: translate3d(720px, 0, 0); pointer-events: auto; position: absolute; width: 720px; height: 100%; right: 0; overflow: auto; /* a { color: #fff; } */ -webkit-transition: -webkit-transform 0.8s ease; transition: -webkit-transform 0.8s ease; transition: transform 0.8s ease; transition: transform 0.8s ease, -webkit-transform 0.8s ease; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); /* -webkit-transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); */ } @media (max-width: 1024px) { #menuContent { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); width: 100%; } } #menuContent #menuClose { position: absolute; top: -10px; right: 20px; width: 88px; height: 88px; line-height: 88px; text-align: center; z-index: 100; } @media (max-width: 1024px) { #menuContent #menuClose { width: 60px; height: 60px; line-height: 60px; } } #menuContent #menuClose span { display: block; width: 36px; height: 1px; background: #fff; margin: 0 auto; -webkit-transform-origin: center; transform-origin: center; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: -webkit-transform 1.2s ease; transition: -webkit-transform 1.2s ease; transition: transform 1.2s ease; transition: transform 1.2s ease, -webkit-transform 1.2s ease; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); /* -webkit-transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); */ } #menuContent #menuClose span:first-child { position: relative; top: 1px; -webkit-transform: rotate(45deg); transform: rotate(45deg); } #menuContent #menuClose span:last-child { position: relative; top: 0px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } @media (min-width: 1024px) { #menuContent #menuClose:hover span { -webkit-transition: -webkit-transform 1.2s ease; transition: -webkit-transform 1.2s ease; transition: transform 1.2s ease; transition: transform 1.2s ease, -webkit-transform 1.2s ease; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); /* -webkit-transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); */ } #menuContent #menuClose:hover span:first-child { -webkit-transform: rotate(45deg) scaleX(0.8); transform: rotate(45deg) scaleX(0.8); } #menuContent #menuClose:hover span:last-child { -webkit-transform: rotate(-45deg) scaleX(0.8); transform: rotate(-45deg) scaleX(0.8); } } #menuContent .menuContent a { overflow: hidden; } #menuContent .menuContent a span, #menuContent .menuContent a i { display: inline-block; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); will-change: transform; } #menuContent .menuContent a div { display: inline-block; overflow: hidden; } #menuContent .menuContent .menuContent--block__Top { margin: 28px 88px 60px 55px; position: relative; } @media (max-width: 1024px) { #menuContent .menuContent .menuContent--block__Top { margin: 10px 60px 10px 10px; } } #menuContent .menuContent .menuContent--block__Top .menuContent--block__inner { position: relative; z-index: 2; border-radius: 8px; overflow: hidden; } #menuContent .menuContent .menuContent--block__Top .menuContent--block__inner > div:first-child { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } #menuContent .menuContent .menuContent--block__Top .menuContent--block__inner > div:first-child .logo { -ms-flex-preferred-size: 88px; flex-basis: 88px; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; } #menuContent .menuContent .menuContent--block__Top .menuContent--block__inner > div:first-child .a-logo { -ms-flex-preferred-size: 25%; flex-basis: 25%; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } #menuContent .menuContent .menuContent--block__Top .menuContent--block__inner > div:first-child ul { position: absolute; right: 0; -ms-flex-preferred-size: 240px; flex-basis: 240px; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; text-align: right; } #menuContent .menuContent .menuContent--block__Top .menuContent--block__inner > div:first-child ul li { font-size: 13px; line-height: 1; vertical-align: top; display: inline-block; } #menuContent .menuContent .menuContent--block__Top .menuContent--block__inner > div:first-child .spacer { height: 100%; } @media (max-width: 1024px) { #menuContent .menuContent .menuContent--block__Top .menuContent--block__inner > div:first-child .logo { display: block; } #menuContent .menuContent .menuContent--block__Top .menuContent--block__inner > div:first-child .a-logo { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; -ms-flex-preferred-size: 100%; flex-basis: 100%; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; padding-top: 10px; } #menuContent .menuContent .menuContent--block__Top .menuContent--block__inner > div:first-child ul li { font-size: 11px; } } @media (max-width: 1024px) { #menuContent .menuContent .menuContent--block__Top .menuContent--block__inner > div:first-child { padding: 10px 10px 20px; } } #menuContent .menuContent .menuContent--block__Top .menuContent--block__inner > div:first-child .logo svg { width: 66px; height: auto; } @media (max-width: 1024px) { #menuContent .menuContent .menuContent--block__Top .menuContent--block__inner > div:first-child .logo svg { width: 55px; } } #menuContent .menuContent .menuContent--block__Top .menuContent--block__inner > div:first-child .a-logo img { width: 88px; height: auto; } #menuContent .menuContent .menuContent--block__Top .menuContent--block__inner > div:first-child a { margin-right: 30px; } @media (max-width: 1024px) { #menuContent .menuContent .menuContent--block__Top .menuContent--block__inner > div:first-child a { margin-right: 15px; } } #menuContent .menuContent .menuContent--block__Top .menuContent--block__inner:last-child nav { border-bottom: 1px solid #fff; } #menuContent .menuContent .menuContent--block__Top .menuContent--block__inner nav { padding: 40px 0 0; margin: 0 40px; } @media (max-width: 1024px) { #menuContent .menuContent .menuContent--block__Top .menuContent--block__inner nav { padding: 20px 0 0; margin: 0 0 0 20px; } } #menuContent .menuContent .menuContent--block__Top .menuContent--block__inner nav a { letter-spacing: 0.1em; display: block; line-height: 36px; font-size: 36px; margin-bottom: 1.1em; } @media all and (-ms-high-contrast: none) { #menuContent .menuContent .menuContent--block__Top .menuContent--block__inner nav a *::-ms-backdrop, #menuContent .menuContent .menuContent--block__Top .menuContent--block__inner nav a { margin-bottom: calc(1em - 16px); } } @media (max-width: 1024px) { #menuContent .menuContent .menuContent--block__Top .menuContent--block__inner nav a { font-size: 28px; line-height: 1; margin-bottom: 0.9em; } } #menuContent .menuContent .menuContent--block__Top .menuContent--block__inner > nav { padding-bottom: 40px; } @media (max-width: 1024px) { #menuContent .menuContent .menuContent--block__Top .menuContent--block__inner > nav { padding-bottom: 20px; } } #menuContent .menuContent .menuContent--block__Top .menuContent--block__inner aside ul, #menuContent .menuContent .menuContent--block__Top .menuContent--block__inner aside nav { padding: 20px 0; margin: 0 40px; border-bottom: 1px solid #fff; } @media (max-width: 1024px) { #menuContent .menuContent .menuContent--block__Top .menuContent--block__inner aside ul, #menuContent .menuContent .menuContent--block__Top .menuContent--block__inner aside nav { padding: 20px 0; margin: 0 20px; } } #menuContent .menuContent .menuContent--block__Top .menuContent--block__inner aside ul a, #menuContent .menuContent .menuContent--block__Top .menuContent--block__inner aside nav a { letter-spacing: 0.1em; display: block; line-height: 2; font-size: 17px; margin-bottom: 0; position: relative; } #menuContent .menuContent .menuContent--block__Top .menuContent--block__inner aside ul a + a, #menuContent .menuContent .menuContent--block__Top .menuContent--block__inner aside nav a + a { margin-top: 0; } @media (max-width: 1024px) { #menuContent .menuContent .menuContent--block__Top .menuContent--block__inner aside ul a, #menuContent .menuContent .menuContent--block__Top .menuContent--block__inner aside nav a { font-size: 14px; } } #menuContent .menuContent .menuContent--block__Top .menuContent--block__inner aside ul a { font-size: 13px; } #menuContent .menuContent .menuContent--block__Top .menuContent--block__inner aside ul li { -ms-flex-preferred-size: 25%; flex-basis: 25%; } @media (max-width: 1024px) { #menuContent .menuContent .menuContent--block__Top .menuContent--block__inner aside ul li { width: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; /* &:nth-child(3n) { width: 50%; flex-basis: 50%; }*/ } } #menuContent .menuContent .menuContent--block__Middle { margin: 28px 88px 60px 55px; position: relative; padding: 0 40px; } @media (max-width: 1024px) { #menuContent .menuContent .menuContent--block__Middle { padding: 0 20px; margin: 40px 60px 40px 10px; } } #menuContent .menuContent .menuContent--block__Middle:before { content: "ALL ARTISTS"; display: block; font-size: 13px; margin-bottom: 1em; } @media (max-width: 1024px) { #menuContent .menuContent .menuContent--block__Middle:before { right: -40px; font-size: 11px; } } #menuContent .menuContent .menuContent--block__Middle nav + nav { margin-top: 20px; padding-top: 20px; position: relative; } #menuContent .menuContent .menuContent--block__Middle nav + nav:before { content: ""; display: block; background: #fff; width: 20px; height: 1px; position: absolute; top: 0; } @media (max-width: 1024px) { #menuContent .menuContent .menuContent--block__Middle nav + nav:before { width: 14px; } } #menuContent .menuContent .menuContent--block__Middle nav a { display: block; font-size: 19px; } @media (max-width: 1024px) { #menuContent .menuContent .menuContent--block__Middle nav a { margin-bottom: 0.35em; } } @media (max-width: 1024px) { #menuContent .menuContent .menuContent--block__Middle nav a { font-size: 16px; } } #menuContent .menuContent .menuContent--block__Top .menuContent--block__inner + .menuContent--block__inner { margin-top: -40px !important; } @media (max-width: 1024px) { #menuContent .menuContent .menuContent--block__Top .menuContent--block__inner + .menuContent--block__inner { margin-top: -20px !important; } } #menuContent .menuContent .menuContent--block__Top .menuContent--block__inner + .menuContent--block__inner, #menuContent .menuContent .menuContent--block__Bottom { margin: 28px 88px 60px 55px; position: relative; padding: 0 40px; } @media (max-width: 1024px) { #menuContent .menuContent .menuContent--block__Top .menuContent--block__inner + .menuContent--block__inner, #menuContent .menuContent .menuContent--block__Bottom { padding: 0px 20px; margin: 40px 60px 40px 10px; } } #menuContent .menuContent .menuContent--block__Top .menuContent--block__inner + .menuContent--block__inner:before, #menuContent .menuContent .menuContent--block__Bottom:before { content: "J Storm OFFICIAL SNS"; display: block; font-size: 13px; margin-bottom: 1em; } @media (max-width: 1024px) { #menuContent .menuContent .menuContent--block__Top .menuContent--block__inner + .menuContent--block__inner:before, #menuContent .menuContent .menuContent--block__Bottom:before { right: -40px; font-size: 11px; } } #menuContent .menuContent .menuContent--block__Top .menuContent--block__inner + .menuContent--block__inner nav a, #menuContent .menuContent .menuContent--block__Bottom nav a { display: inline-block; width: 100%; line-height: 2; font-size: 19px; } @media (max-width: 1024px) { #menuContent .menuContent .menuContent--block__Top .menuContent--block__inner + .menuContent--block__inner nav a, #menuContent .menuContent .menuContent--block__Bottom nav a { margin-bottom: 0.35em; } } #menuContent .menuContent .menuContent--block__Top .menuContent--block__inner + .menuContent--block__inner nav a i.icon, #menuContent .menuContent .menuContent--block__Bottom nav a i.icon { margin-right: 32px; /* svg { * { fill: #fff !important; } }*/ } @media (max-width: 1024px) { #menuContent .menuContent .menuContent--block__Top .menuContent--block__inner + .menuContent--block__inner nav a i.icon, #menuContent .menuContent .menuContent--block__Bottom nav a i.icon { width: 24px; height: 24px; margin-right: 24px; } } @media (max-width: 1024px) { #menuContent .menuContent .menuContent--block__Top .menuContent--block__inner + .menuContent--block__inner nav a, #menuContent .menuContent .menuContent--block__Bottom nav a { font-size: 16px; } } #menuContent .menuContent .menuContent--block__Top .menuContent--block__inner + .menuContent--block__inner { margin: 0; } #menuContent .menuContent .menuContent--block__Top .menuContent--block__inner + .menuContent--block__inner:before { content: "SNS"; } @media (max-width: 1024px) { #menuContent .menuContent .menuContent--block__Top .menuContent--block__inner + .menuContent--block__inner { margin: 0; } } #menuContent .menuContent .menuContent--block__Top .menuContent--block__inner + .menuContent--block__inner nav { margin: 0; padding-top: 0; } #menuContent .menuContent .menuContent--block__Top .menuContent--block__inner + .menuContent--block__inner nav a { margin-bottom: 0; } @media (max-width: 1024px) { #menuContent .menuContent .menuContent--block__Top .menuContent--block__inner + .menuContent--block__inner nav a { margin-bottom: 0.35em; } } .je-grid.buyLinkList, #menuContent .menuContent .menuContent--block__Top .menuContent--block__inner > div.buyLinkList:first-child, .buyLinkList.pager--detail, #trailer .buyLinkList.movieList, #and_more .buyLinkList.discList, #new_release .buyLinkList.discList, #discography .buyLinkList.discList, .buyLinkList.liveList, .buyLinkList.liveItem, .buyLinkList.liveItem2, .buyLinkList.profileList, .buyLinkList.trackInfo, .st-Header .buyLinkList.st-Header--row__Top, .st-Main--L1 .buyLinkList.discography.discography-1, .mediaPageMenu nav.buyLinkList { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .je-grid.buyLinkList > div, #menuContent .menuContent .menuContent--block__Top .menuContent--block__inner > div.buyLinkList:first-child > div, .buyLinkList.pager--detail > div, #trailer .buyLinkList.movieList > div, #and_more .buyLinkList.discList > div, #new_release .buyLinkList.discList > div, #discography .buyLinkList.discList > div, .buyLinkList.liveList > div, .buyLinkList.liveItem > div, .buyLinkList.liveItem2 > div, .buyLinkList.profileList > div, .buyLinkList.trackInfo > div, .st-Header .buyLinkList.st-Header--row__Top > div, .st-Main--L1 .buyLinkList.discography.discography-1 > div, .mediaPageMenu nav.buyLinkList > div { -ms-flex-preferred-size: calc(33.33% - 24px); flex-basis: calc(33.33% - 24px); -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; margin-top: 24px; } .je-grid.buyLinkList > div:nth-child(1), #menuContent .menuContent .menuContent--block__Top .menuContent--block__inner > div.buyLinkList:first-child > div:nth-child(1), .buyLinkList.pager--detail > div:nth-child(1), #trailer .buyLinkList.movieList > div:nth-child(1), #and_more .buyLinkList.discList > div:nth-child(1), #new_release .buyLinkList.discList > div:nth-child(1), #discography .buyLinkList.discList > div:nth-child(1), .buyLinkList.liveList > div:nth-child(1), .buyLinkList.liveItem > div:nth-child(1), .buyLinkList.liveItem2 > div:nth-child(1), .buyLinkList.profileList > div:nth-child(1), .buyLinkList.trackInfo > div:nth-child(1), .st-Header .buyLinkList.st-Header--row__Top > div:nth-child(1), .st-Main--L1 .buyLinkList.discography.discography-1 > div:nth-child(1), .mediaPageMenu nav.buyLinkList > div:nth-child(1), .je-grid.buyLinkList > div:nth-child(2), #menuContent .menuContent .menuContent--block__Top .menuContent--block__inner > div.buyLinkList:first-child > div:nth-child(2), .buyLinkList.pager--detail > div:nth-child(2), #trailer .buyLinkList.movieList > div:nth-child(2), #and_more .buyLinkList.discList > div:nth-child(2), #new_release .buyLinkList.discList > div:nth-child(2), #discography .buyLinkList.discList > div:nth-child(2), .buyLinkList.liveList > div:nth-child(2), .buyLinkList.liveItem > div:nth-child(2), .buyLinkList.liveItem2 > div:nth-child(2), .buyLinkList.profileList > div:nth-child(2), .buyLinkList.trackInfo > div:nth-child(2), .st-Header .buyLinkList.st-Header--row__Top > div:nth-child(2), .st-Main--L1 .buyLinkList.discography.discography-1 > div:nth-child(2), .mediaPageMenu nav.buyLinkList > div:nth-child(2), .je-grid.buyLinkList > div:nth-child(3), #menuContent .menuContent .menuContent--block__Top .menuContent--block__inner > div.buyLinkList:first-child > div:nth-child(3), .buyLinkList.pager--detail > div:nth-child(3), #trailer .buyLinkList.movieList > div:nth-child(3), #and_more .buyLinkList.discList > div:nth-child(3), #new_release .buyLinkList.discList > div:nth-child(3), #discography .buyLinkList.discList > div:nth-child(3), .buyLinkList.liveList > div:nth-child(3), .buyLinkList.liveItem > div:nth-child(3), .buyLinkList.liveItem2 > div:nth-child(3), .buyLinkList.profileList > div:nth-child(3), .buyLinkList.trackInfo > div:nth-child(3), .st-Header .buyLinkList.st-Header--row__Top > div:nth-child(3), .st-Main--L1 .buyLinkList.discography.discography-1 > div:nth-child(3), .mediaPageMenu nav.buyLinkList > div:nth-child(3) { margin-top: 0px; } .je-grid.buyLinkList > div:nth-child(3n + 2), #menuContent .menuContent .menuContent--block__Top .menuContent--block__inner > div.buyLinkList:first-child > div:nth-child(3n + 2), .buyLinkList.pager--detail > div:nth-child(3n + 2), #trailer .buyLinkList.movieList > div:nth-child(3n + 2), #and_more .buyLinkList.discList > div:nth-child(3n + 2), #new_release .buyLinkList.discList > div:nth-child(3n + 2), #discography .buyLinkList.discList > div:nth-child(3n + 2), .buyLinkList.liveList > div:nth-child(3n + 2), .buyLinkList.liveItem > div:nth-child(3n + 2), .buyLinkList.liveItem2 > div:nth-child(3n + 2), .buyLinkList.profileList > div:nth-child(3n + 2), .buyLinkList.trackInfo > div:nth-child(3n + 2), .st-Header .buyLinkList.st-Header--row__Top > div:nth-child(3n + 2), .st-Main--L1 .buyLinkList.discography.discography-1 > div:nth-child(3n + 2), .mediaPageMenu nav.buyLinkList > div:nth-child(3n + 2), .je-grid.buyLinkList > div:nth-child(3n + 3), #menuContent .menuContent .menuContent--block__Top .menuContent--block__inner > div.buyLinkList:first-child > div:nth-child(3n + 3), .buyLinkList.pager--detail > div:nth-child(3n + 3), #trailer .buyLinkList.movieList > div:nth-child(3n + 3), #and_more .buyLinkList.discList > div:nth-child(3n + 3), #new_release .buyLinkList.discList > div:nth-child(3n + 3), #discography .buyLinkList.discList > div:nth-child(3n + 3), .buyLinkList.liveList > div:nth-child(3n + 3), .buyLinkList.liveItem > div:nth-child(3n + 3), .buyLinkList.liveItem2 > div:nth-child(3n + 3), .buyLinkList.profileList > div:nth-child(3n + 3), .buyLinkList.trackInfo > div:nth-child(3n + 3), .st-Header .buyLinkList.st-Header--row__Top > div:nth-child(3n + 3), .st-Main--L1 .buyLinkList.discography.discography-1 > div:nth-child(3n + 3), .mediaPageMenu nav.buyLinkList > div:nth-child(3n + 3) { margin-left: 24px; } .je-grid.buyLinkList > div a, #menuContent .menuContent .menuContent--block__Top .menuContent--block__inner > div.buyLinkList:first-child > div a, .buyLinkList.pager--detail > div a, #trailer .buyLinkList.movieList > div a, #and_more .buyLinkList.discList > div a, #new_release .buyLinkList.discList > div a, #discography .buyLinkList.discList > div a, .buyLinkList.liveList > div a, .buyLinkList.liveItem > div a, .buyLinkList.liveItem2 > div a, .buyLinkList.profileList > div a, .buyLinkList.trackInfo > div a, .st-Header .buyLinkList.st-Header--row__Top > div a, .st-Main--L1 .buyLinkList.discography.discography-1 > div a, .mediaPageMenu nav.buyLinkList > div a { width: 202px; } .je-grid.buyLinkList > div a img, #menuContent .menuContent .menuContent--block__Top .menuContent--block__inner > div.buyLinkList:first-child > div a img, .buyLinkList.pager--detail > div a img, #trailer .buyLinkList.movieList > div a img, #and_more .buyLinkList.discList > div a img, #new_release .buyLinkList.discList > div a img, #discography .buyLinkList.discList > div a img, .buyLinkList.liveList > div a img, .buyLinkList.liveItem > div a img, .buyLinkList.liveItem2 > div a img, .buyLinkList.profileList > div a img, .buyLinkList.trackInfo > div a img, .st-Header .buyLinkList.st-Header--row__Top > div a img, .st-Main--L1 .buyLinkList.discography.discography-1 > div a img, .mediaPageMenu nav.buyLinkList > div a img { width: 100%; height: auto; } @media (max-width: 1024px) { .je-grid.buyLinkList > div, #menuContent .menuContent .menuContent--block__Top .menuContent--block__inner > div.buyLinkList:first-child > div, .buyLinkList.pager--detail > div, #trailer .buyLinkList.movieList > div, #and_more .buyLinkList.discList > div, #new_release .buyLinkList.discList > div, #discography .buyLinkList.discList > div, .buyLinkList.liveList > div, .buyLinkList.liveItem > div, .buyLinkList.liveItem2 > div, .buyLinkList.profileList > div, .buyLinkList.trackInfo > div, .st-Header .buyLinkList.st-Header--row__Top > div, .st-Main--L1 .buyLinkList.discography.discography-1 > div, .mediaPageMenu nav.buyLinkList > div { -ms-flex-preferred-size: calc(50% - 10px); flex-basis: calc(50% - 10px); margin-top: 20px; margin-left: 0; } .je-grid.buyLinkList > div:nth-child(1), #menuContent .menuContent .menuContent--block__Top .menuContent--block__inner > div.buyLinkList:first-child > div:nth-child(1), .buyLinkList.pager--detail > div:nth-child(1), #trailer .buyLinkList.movieList > div:nth-child(1), #and_more .buyLinkList.discList > div:nth-child(1), #new_release .buyLinkList.discList > div:nth-child(1), #discography .buyLinkList.discList > div:nth-child(1), .buyLinkList.liveList > div:nth-child(1), .buyLinkList.liveItem > div:nth-child(1), .buyLinkList.liveItem2 > div:nth-child(1), .buyLinkList.profileList > div:nth-child(1), .buyLinkList.trackInfo > div:nth-child(1), .st-Header .buyLinkList.st-Header--row__Top > div:nth-child(1), .st-Main--L1 .buyLinkList.discography.discography-1 > div:nth-child(1), .mediaPageMenu nav.buyLinkList > div:nth-child(1), .je-grid.buyLinkList > div:nth-child(2), #menuContent .menuContent .menuContent--block__Top .menuContent--block__inner > div.buyLinkList:first-child > div:nth-child(2), .buyLinkList.pager--detail > div:nth-child(2), #trailer .buyLinkList.movieList > div:nth-child(2), #and_more .buyLinkList.discList > div:nth-child(2), #new_release .buyLinkList.discList > div:nth-child(2), #discography .buyLinkList.discList > div:nth-child(2), .buyLinkList.liveList > div:nth-child(2), .buyLinkList.liveItem > div:nth-child(2), .buyLinkList.liveItem2 > div:nth-child(2), .buyLinkList.profileList > div:nth-child(2), .buyLinkList.trackInfo > div:nth-child(2), .st-Header .buyLinkList.st-Header--row__Top > div:nth-child(2), .st-Main--L1 .buyLinkList.discography.discography-1 > div:nth-child(2), .mediaPageMenu nav.buyLinkList > div:nth-child(2) { margin-top: 0px; } .je-grid.buyLinkList > div:nth-child(3), #menuContent .menuContent .menuContent--block__Top .menuContent--block__inner > div.buyLinkList:first-child > div:nth-child(3), .buyLinkList.pager--detail > div:nth-child(3), #trailer .buyLinkList.movieList > div:nth-child(3), #and_more .buyLinkList.discList > div:nth-child(3), #new_release .buyLinkList.discList > div:nth-child(3), #discography .buyLinkList.discList > div:nth-child(3), .buyLinkList.liveList > div:nth-child(3), .buyLinkList.liveItem > div:nth-child(3), .buyLinkList.liveItem2 > div:nth-child(3), .buyLinkList.profileList > div:nth-child(3), .buyLinkList.trackInfo > div:nth-child(3), .st-Header .buyLinkList.st-Header--row__Top > div:nth-child(3), .st-Main--L1 .buyLinkList.discography.discography-1 > div:nth-child(3), .mediaPageMenu nav.buyLinkList > div:nth-child(3) { margin-top: 20px; } .je-grid.buyLinkList > div:nth-child(3n + 2), #menuContent .menuContent .menuContent--block__Top .menuContent--block__inner > div.buyLinkList:first-child > div:nth-child(3n + 2), .buyLinkList.pager--detail > div:nth-child(3n + 2), #trailer .buyLinkList.movieList > div:nth-child(3n + 2), #and_more .buyLinkList.discList > div:nth-child(3n + 2), #new_release .buyLinkList.discList > div:nth-child(3n + 2), #discography .buyLinkList.discList > div:nth-child(3n + 2), .buyLinkList.liveList > div:nth-child(3n + 2), .buyLinkList.liveItem > div:nth-child(3n + 2), .buyLinkList.liveItem2 > div:nth-child(3n + 2), .buyLinkList.profileList > div:nth-child(3n + 2), .buyLinkList.trackInfo > div:nth-child(3n + 2), .st-Header .buyLinkList.st-Header--row__Top > div:nth-child(3n + 2), .st-Main--L1 .buyLinkList.discography.discography-1 > div:nth-child(3n + 2), .mediaPageMenu nav.buyLinkList > div:nth-child(3n + 2), .je-grid.buyLinkList > div:nth-child(3n + 3), #menuContent .menuContent .menuContent--block__Top .menuContent--block__inner > div.buyLinkList:first-child > div:nth-child(3n + 3), .buyLinkList.pager--detail > div:nth-child(3n + 3), #trailer .buyLinkList.movieList > div:nth-child(3n + 3), #and_more .buyLinkList.discList > div:nth-child(3n + 3), #new_release .buyLinkList.discList > div:nth-child(3n + 3), #discography .buyLinkList.discList > div:nth-child(3n + 3), .buyLinkList.liveList > div:nth-child(3n + 3), .buyLinkList.liveItem > div:nth-child(3n + 3), .buyLinkList.liveItem2 > div:nth-child(3n + 3), .buyLinkList.profileList > div:nth-child(3n + 3), .buyLinkList.trackInfo > div:nth-child(3n + 3), .st-Header .buyLinkList.st-Header--row__Top > div:nth-child(3n + 3), .st-Main--L1 .buyLinkList.discography.discography-1 > div:nth-child(3n + 3), .mediaPageMenu nav.buyLinkList > div:nth-child(3n + 3) { margin-left: 0px; } .je-grid.buyLinkList > div:nth-child(2n), #menuContent .menuContent .menuContent--block__Top .menuContent--block__inner > div.buyLinkList:first-child > div:nth-child(2n), .buyLinkList.pager--detail > div:nth-child(2n), #trailer .buyLinkList.movieList > div:nth-child(2n), #and_more .buyLinkList.discList > div:nth-child(2n), #new_release .buyLinkList.discList > div:nth-child(2n), #discography .buyLinkList.discList > div:nth-child(2n), .buyLinkList.liveList > div:nth-child(2n), .buyLinkList.liveItem > div:nth-child(2n), .buyLinkList.liveItem2 > div:nth-child(2n), .buyLinkList.profileList > div:nth-child(2n), .buyLinkList.trackInfo > div:nth-child(2n), .st-Header .buyLinkList.st-Header--row__Top > div:nth-child(2n), .st-Main--L1 .buyLinkList.discography.discography-1 > div:nth-child(2n), .mediaPageMenu nav.buyLinkList > div:nth-child(2n) { margin-left: 20px; } .je-grid.buyLinkList > div:first-child, #menuContent .menuContent .menuContent--block__Top .menuContent--block__inner > div.buyLinkList:first-child > div:first-child, .buyLinkList.pager--detail > div:first-child, #trailer .buyLinkList.movieList > div:first-child, #and_more .buyLinkList.discList > div:first-child, #new_release .buyLinkList.discList > div:first-child, #discography .buyLinkList.discList > div:first-child, .buyLinkList.liveList > div:first-child, .buyLinkList.liveItem > div:first-child, .buyLinkList.liveItem2 > div:first-child, .buyLinkList.profileList > div:first-child, .buyLinkList.trackInfo > div:first-child, .st-Header .buyLinkList.st-Header--row__Top > div:first-child, .st-Main--L1 .buyLinkList.discography.discography-1 > div:first-child, .mediaPageMenu nav.buyLinkList > div:first-child { margin-left: 0px; } } .buy .post--body { width: 650px; margin: 0 auto; } @media (max-width: 1024px) { .buy .post--body { width: 280px; } } @media (max-width: 375px) { .buy .post--body { width: 240px; } } .popup, .notice { display: none; } .popupContent .notice, .popupContent .popup { display: table; width: 100%; max-width: 1000px; min-height: 595px; } @media (max-width: 1024px) { .popupContent .notice, .popupContent .popup { max-width: 375px; min-height: auto; } } @media (max-width: 375px) { .popupContent .notice, .popupContent .popup { max-width: 320px; min-height: auto; } } .popupContent .notice .notice--body, .popupContent .notice .popup--body, .popupContent .popup .notice--body, .popupContent .popup .popup--body { display: table-cell; vertical-align: middle; } .notice:not(.slick-active) { display: block; pointer-events: none; visibility: hidden; opacity: 0 !important; overflow: hidden !important; height: 0px !important; } #popup { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 20000; pointer-events: none; opacity: 0; display: none; overflow-y: auto; overflow-x: hidden; } #popup.show { display: block; pointer-events: auto; -webkit-animation: fadeIn 0.6s linear forwards; animation: fadeIn 0.6s linear forwards; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); /* -webkit-transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); */ } #popup.hide { pointer-events: none; -webkit-animation: fadeOut 0.8s linear forwards; animation: fadeOut 0.8s linear forwards; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); /* -webkit-transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); */ } .popupClose { position: absolute; top: 0; right: 0; width: 88px; height: 88px; line-height: 88px; text-align: center; z-index: 5; mix-blend-mode: difference; } @media (max-width: 1024px) { .popupClose { top: -20px; right: -20px; -webkit-transform: scale(0.7); transform: scale(0.7); } } .popupClose span { display: block; width: 44px; height: 2px; border-radius: 2px; background: #FFF; margin: 0 auto; -webkit-transform-origin: center; transform-origin: center; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: -webkit-transform 0.6s ease; transition: -webkit-transform 0.6s ease; transition: transform 0.6s ease; transition: transform 0.6s ease, -webkit-transform 0.6s ease; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); /* -webkit-transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); */ } .popupClose span:first-child { position: relative; top: 2px; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .popupClose span:last-child { position: relative; top: 0px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } @media (min-width: 1024px) { .popupClose:hover span { -webkit-transition: -webkit-transform 0.4s ease; transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; transition: transform 0.4s ease, -webkit-transform 0.4s ease; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); /* -webkit-transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); */ } .popupClose:hover span:first-child { -webkit-transform: rotate(45deg) scaleX(0.8); transform: rotate(45deg) scaleX(0.8); } .popupClose:hover span:last-child { -webkit-transform: rotate(-45deg) scaleX(0.8); transform: rotate(-45deg) scaleX(0.8); } } #popupBackground { position: fixed; pointer-events: auto; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; } #popupContainer { background: rgba(255, 255, 255, .8); position: relative; z-index: 1; display: table; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; color: #5a5a5a; width: 100%; } #popupContainer #popupContainer--inner { display: table-cell; vertical-align: middle; text-align: center; } #popupContainer .slick-track { zoom: 1; } #popupContainer .slick-track:before, #popupContainer .slick-track:after { display: block; height: 0; visibility: hidden; content: "\0020"; } #popupContainer .slick-track:after { clear: both; } #popupContainer .popupContent { text-align: left; display: block; width: 100%; max-width: 1000px; margin: 0 auto; pointer-events: auto; } @media (max-width: 1024px) { #popupContainer .popupContent { width: 375px; max-width: 375px; } } @media (max-width: 375px) { #popupContainer .popupContent { width: 320px; max-width: 320px; } } #popup.movie #popupContainer { background: rgba(0, 0, 0, .95); color: #fff; } #popup.movie .popupClose span { background: #FFF; } #popup.movie .popupContent { position: static; border: inherit; background: transparent; padding: 0; width: 100%; max-width: 1000px; } #popup.movie .popupContent iframe, #popup.movie .popupContent video { outline: none; width: 100%; } .notice { display: inline-block; width: 100%; float: left; width: 1000px; min-height: 595px; outline: none; -webkit-box-sizing: border-box; box-sizing: border-box; } @media (max-width: 1024px) { .notice { width: 100%; min-height: inherit; } } .notice .popupClose { z-index: 5; /* margin-top: -15px; margin-right: -10px; @media (max-width: $breakpoint) { margin-top: -28px; margin-right: -25px; }*/ } .notice .post, .notice .discography { font-size: 15px; } .notice .post strong, .notice .discography strong, .notice .post big, .notice .discography big { font-size: 18px; } .notice .post small, .notice .discography small { font-size: 13px; } @media (max-width: 1024px) { .notice .post, .notice .discography { font-size: 13px; } .notice .post strong, .notice .discography strong, .notice .post big, .notice .discography big { font-size: 15px; } .notice .post small, .notice .discography small { font-size: 11px; } } .notice .post .post--header h1, .notice .discography .post--header h1, .notice .post .post--header h2, .notice .discography .post--header h2, .notice .post .post--header h3, .notice .discography .post--header h3, .notice .post .post--header h4, .notice .discography .post--header h4, .notice .post .post--header h5, .notice .discography .post--header h5, .notice .post .post--header h6, .notice .discography .post--header h6 { font-size: 26px; line-height: 1.6; } @media (max-width: 1024px) { .notice .post .post--header h1, .notice .discography .post--header h1, .notice .post .post--header h2, .notice .discography .post--header h2, .notice .post .post--header h3, .notice .discography .post--header h3, .notice .post .post--header h4, .notice .discography .post--header h4, .notice .post .post--header h5, .notice .discography .post--header h5, .notice .post .post--header h6, .notice .discography .post--header h6 { font-size: 20px; } } @media (max-width: 1024px) { .popup .slider-img { width: 375px; max-width: 375px; } } .popup { position: relative; } .popup .popup--bg { position: absolute; left: 0; right: 0; bottom: 0; top: 0; z-index: 0; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; } .popup .popup--bg * { -webkit-box-sizing: content-box; box-sizing: content-box; } .popup .popup--bg .slick-list { overflow: hidden; } .popup .popup--bg .slider-img { display: block; float: left; } .popup .popup--bg .slider-img img { overflow: hidden; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .popup .popup--body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-line-pack: center; align-content: center; height: 100%; position: relative; } .notice.special-1, .notice.special-2 { position: relative; background: #f4f4f4; min-height: 595px; overflow: hidden; } .notice.special-1 .discInfo--item .discItem--body, .notice.special-2 .discInfo--item .discItem--body { display: none; } .notice.special-1 .notice--bg, .notice.special-2 .notice--bg { position: absolute; left: 0; right: 0; bottom: 0; top: 0; z-index: 0; } @media (max-width: 1024px) { .notice.special-1, .notice.special-2 { min-height: inherit; } } .notice.special-1 .button, .notice.special-2 .button { margin-top: 2em; /* .button--bg { background: #fff !important; } .button--text { color: #5a5a5a ; }*/ } .notice.special-1 .discInfo--item, .notice.special-2 .discInfo--item { position: static; text-align: center; } .notice.special-1 .discInfo--item > *, .notice.special-2 .discInfo--item > * { margin-left: auto !important; margin-right: auto !important; outline: none; } .notice.special-1 .discInfo--item a, .notice.special-1 .discInfo--item img, .notice.special-2 .discInfo--item a, .notice.special-2 .discInfo--item img { outline: none; } @media (max-width: 1024px) { .notice.special-1 .discInfo--item, .notice.special-2 .discInfo--item { margin-bottom: 1em; } } .notice.special-1 .discInfo--footer, .notice.special-2 .discInfo--footer { position: absolute; bottom: 0; left: 0px; width: auto; right: 50%; text-align: center; } @media (max-width: 1024px) { .notice.special-1 .discInfo--footer, .notice.special-2 .discInfo--footer { position: static; padding-bottom: 0px; } } .notice.special-1 .discInfo--header, .notice.special-2 .discInfo--header { margin-bottom: 30px; } @media (max-width: 1024px) { .notice.special-1 .discInfo--header, .notice.special-2 .discInfo--header { margin-bottom: 20px; } } .notice.special-1 .discInfo--header .release--name, .notice.special-2 .discInfo--header .release--name { font-size: 26px; line-height: 1.2; margin-bottom: 0 !important; } @media (max-width: 1024px) { .notice.special-1 .discInfo--header .release--name, .notice.special-2 .discInfo--header .release--name { margin-top: 0.5em; font-size: 20px; } } .notice.special-1 .discInfo--header .release--date, .notice.special-2 .discInfo--header .release--date { margin-left: 0; margin-top: 0; } .notice.special-1 .discInfo--body, .notice.special-2 .discInfo--body { margin-top: 0; } .notice.special-1 .post, .notice.special-1 .discography, .notice.special-2 .post, .notice.special-2 .discography { padding: 0; } .notice.special-1 .post--body p, .notice.special-2 .post--body p { font-size: 80% !important; } .notice.special-1 .notice--body, .notice.special-2 .notice--body { display: block; position: relative; z-index: 1; color: #fff; } .notice.special-2 .popup--bg { position: absolute; z-index: 0; top: 0; left: 0; right: 0; bottom: 0; } .notice.special-2 .popup--bg img { width: 100%; height: 100%; } .notice.special-2 .popup--body { position: relative; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-item-align: center; align-self: center; text-align: center; } @media (max-width: 1024px) { .notice.special-2 .popup--body { height: 620px; } } .notice.special-2 .popup--body .button { margin-top: 0 !important; } .notice.special-2 .popup--body img { height: 270px; width: auto; } @media (max-width: 1024px) { .notice.special-2 .popup--body img { width: 240px; height: auto; } } .notice.special-2 .popup--body .post--body { padding-bottom: 90px; } @media (max-width: 1024px) { .notice.special-2 .popup--body .post--body { padding-bottom: 30px; } } .notice.special-2 .popup--body .post--footer { position: absolute; left: 0; right: 0; bottom: 0px; } .popup { border: 1px solid #292929; position: relative; background: #fff; padding: 60px; } @media (max-width: 1024px) { .popup { padding: 35px; } } @media (max-width: 375px) { .popup { padding: 20px; } } .popupContent { /* border: 1px solid #292929; position: relative; background: #fff; */ /* .slick-prev:before, .slick-prev:after { display: block; pointer-events: none; content: ""; position: absolute; left: 50%; top: 50%; width: 50%; height: 4px; border-radius: 8px; transform-origin: 0 center; background: #a3a3a3; transform: rotate(-45deg) translate3d(0, 2px, 0); @media (max-width: $breakpoint) { height: 2px; } transition : transform 0.6s ease, border-color 0s ease; @include transition(); @media (max-width: $breakpoint) { transform: rotate(-45deg) translate3d(0, 1px, 0); } } .slick-prev:after { transform: rotate(45deg) translate3d(0, -2px, 0); @media (max-width: $breakpoint) { transform: rotate(45deg) translate3d(0, -1px, 0); } } @media (min-width: $breakpoint) { .slick-prev:hover { &:before { transform: translate3d(-10px, 0, 0) rotate(-45deg) translate3d(0, 2px, 0); @media (max-width: $breakpoint) { transform: rotate(-45deg) translate3d(0, 1px, 0); } } &:after { transform: translate3d(-10px, 0, 0) rotate(45deg) translate3d(0, -2px, 0); @media (max-width: $breakpoint) { transform: rotate(45deg) translate3d(0, -1px, 0); } } } } .slick-next:before, .slick-next:after { display: block; pointer-events: none; content: ""; position: absolute; right: 50%; top: 50%; width: 50%; height: 4px; border-radius: 8px; transform-origin: right center; background: #a3a3a3; transform: rotate(45deg) translate3d(0, 2px, 0); @media (max-width: $breakpoint) { height: 2px; transform: rotate(45deg) translate3d(0, 1px, 0); } transition : transform 0.6s ease, border-color 0s ease; @include transition(); } .slick-next:after { transform: rotate(-45deg) translate3d(0, -2px, 0); @media (max-width: $breakpoint) { transform: rotate(-45deg) translate3d(0, -1px, 0); } } @media (min-width: $breakpoint) { .slick-next:hover { &:before { transform: translate3d(10px, 0, 0) rotate(45deg) translate3d(0, 2px, 0); } &:after { transform: translate3d(10px, 0, 0) rotate(-45deg) translate3d(0, -2px, 0); } } } */ } .popupContent .slick-next, .popupContent .slick-prev { z-index: 20; width: 40px; height: 40px; position: absolute; top: calc(50% - 40px); mix-blend-mode: difference; } .popupContent .slick-next svg polygon, .popupContent .slick-prev svg polygon { fill: #FFF !important; } @media (max-width: 1024px) { .popupContent .slick-next, .popupContent .slick-prev { position: fixed; top: calc(50% - 20px); width: 22px; height: 22px; } } .popupContent .slick-next { left: calc(50% + 640px); } @media (max-width: 1440px) { .popupContent .slick-next { right: 20px; left: inherit; } } @media (max-width: 1024px) { .popupContent .slick-next { right: 10px; left: inherit; } } .popupContent .slick-prev { right: calc(50% + 640px); } @media (max-width: 1440px) { .popupContent .slick-prev { left: 20px; right: inherit; } } @media (max-width: 1024px) { .popupContent .slick-prev { left: 10px; right: inherit; } } /* button */ .button { font-size: 16px; font-family: 'Open Sans', sans-serif; font-family: 'Open Sans', sans-serif; font-weight: 400; color: #292929; text-align: center; vertical-align: top; display: inline-block; width: 100%; max-width: 290px; height: 71px; line-height: 71px; position: relative; } .button .button--text { display: inline-block; position: relative; z-index: 2; pointer-events: none; } .button .button--bg { position: absolute; z-index: 0; display: block; width: 100%; height: 100%; overflow: hidden; border: 1px solid #292929; border-bottom: none; z-index: 1; top: 0; -webkit-transform: skewX(-9deg); transform: skewX(-9deg); } .button .button--bg:before { content: ""; width: 100%; height: 1px; position: absolute; left: 0; bottom: 0; display: block; background: #d2ae4e; z-index: 1; -webkit-transition: width 0.4s ease; transition: width 0.4s ease; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); /* -webkit-transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); */ } .button .button--bg:after { content: ""; width: 0%; height: 1px; position: absolute; left: 0; bottom: 0; display: block; background: #292929; z-index: 2; -webkit-transition: width 0.4s ease; transition: width 0.4s ease; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); /* -webkit-transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); */ } .button .button--shadow { position: absolute; z-index: 0; display: block; width: 100%; height: 1px; z-index: 0; bottom: 0; -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } @media (max-width: 1024px) { .button { max-width: 232px; height: 57px; line-height: 57px; font-size: 12px; } } .button.middle { font-size: 14px; max-width: 220px; height: 46px; line-height: 46px; } @media (max-width: 1024px) { .button.middle { max-width: 177px; height: 34px; line-height: 34px; font-size: 12px; } } .button.small { font-size: 14px; max-width: 175px; height: 42px; line-height: 42px; } @media (max-width: 1024px) { .button.small { max-width: 140px; height: 35px; line-height: 35px; font-size: 12px; } } .button.ex-small { font-size: 14px; max-width: 175px; height: 35px; line-height: 35px; } @media (max-width: 1024px) { .button.ex-small { max-width: 120px; height: 26px; line-height: 26px; font-size: 11px; } } .button.fill { color: #fff; } .button.fill .button--bg { border: 1px solid #d2ae4e; background: #d2ae4e; } .button.fill .button--bg:after, .button.fill .button--bg:before { display: none !important; } .button.cart { color: #fff; } .button.cart .button--bg { border: 1px solid #d2ae4e; background: #d2ae4e; } .button.cart .button--bg:after, .button.cart .button--bg:before { display: none !important; } .button.cart .button--text { padding-left: 10%; } .button.cart:before { content: ""; display: block; height: 100%; width: 42px; background: url(../img/ico-button_cart.png) center center no-repeat; background-size: auto 100%; position: absolute; left: 10%; z-index: 2; } .button.cart.small:before { content: ""; display: block; height: 100%; width: 42px; background: url(../img/ico-button_cart.png) center center no-repeat; background-size: auto 72%; position: absolute; left: 10%; margin-top: 0px; z-index: 2; } .button .button_sound .stop { display: none; } .button.play { color: #d2ae4e; } .button.play .button--bg { -webkit-transform: none; transform: none; border: 1px solid #d2ae4e; } .button.play .button--bg:after, .button.play .button--bg:before { display: none !important; } .button.play .button--text { padding-left: 10%; } .button.play:before { content: ""; display: block; height: 100%; width: 42px; background: url(../img/ico-button_play.png) center center no-repeat; background-size: auto 80%; position: absolute; left: 2%; margin-top: 0px; z-index: 2; } @media (max-width: 1024px) { .button.play:before { margin-left: -5px; } } .button.play.playing { color: #fff; } .button.play.playing .button--bg { background: #d2ae4e; } .button.play.playing .button_sound .play { display: none; } .button.play.playing .button_sound .stop { display: inline-block; } .button.play.playing:before { content: ""; display: block; height: 100%; width: 42px; background: url(../img/ico-button_stop.png) center center no-repeat; background-size: auto 80%; position: absolute; left: 2%; margin-top: 0px; z-index: 2; } @media (max-width: 1024px) { .button.play.playing:before { margin-left: -5px; } } .button.blank:before { content: ""; display: block; height: 100%; width: 42px; background: url(../img/ico-button_blank.png) center center no-repeat; background-size: auto 50%; position: absolute; right: 5%; margin-top: 0px; z-index: 2; } .button .button--bg { cursor: pointer; -webkit-transition: -webkit-transform 0.6s ease; transition: -webkit-transform 0.6s ease; transition: transform 0.6s ease; transition: transform 0.6s ease, -webkit-transform 0.6s ease; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); /* -webkit-transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); */ } @media (min-width: 1024px) { .button:hover { opacity: 1; } .button:hover .button--bg:after { width: 100%; -webkit-transition: width 0.8s ease; transition: width 0.8s ease; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); /* -webkit-transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); */ } } /* scrollTop */ #scrollTop { position: absolute; top: -30px; right: 20px; width: 50px; height: 50px; z-index: 20; cursor: pointer; -webkit-transition: -webkit-transform 0.6s ease; transition: -webkit-transform 0.6s ease; transition: transform 0.6s ease; transition: transform 0.6s ease, -webkit-transform 0.6s ease; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); /* -webkit-transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); */ } @media (max-width: 1024px) { #scrollTop { width: 40px; height: 40px; position: static; margin: 0 auto; margin-bottom: 40px; display: block; } } #scrollTop span:after { cursor: pointer; -webkit-transition: -webkit-transform 0.6s ease; transition: -webkit-transform 0.6s ease; transition: transform 0.6s ease; transition: transform 0.6s ease, -webkit-transform 0.6s ease; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); /* -webkit-transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); */ } @media (min-width: 1024px) { #scrollTop:hover { opacity: 0.7; } } #scrollTop span { display: block; width: 50px; height: 50px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); border: 1px solid #d2ae4e; position: relative; z-index: 2; padding: 15px; /* &:after { display: block; content: ""; margin: 0 auto 0; position: absolute; top: 14px; left: calc(50%-7px); border-top: 2px solid #FFF; border-left: 2px solid #FFF; transform: rotate(45deg); width: 12px; height: 12px; @media (max-width: $breakpoint) { width: 8px; height: 8px; top: 12px; left: calc(50%-5px); } }*/ } @media (max-width: 1024px) { #scrollTop span { width: 40px; height: 40px; } } @media (max-width: 1024px) { #scrollTop span { padding: 10px; } } #scrollTop span i.icon { -webkit-transform: rotate(45deg); transform: rotate(45deg); width: 16px; height: 16px; } #scrollTop span svg { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } /* content menu ---------------------------------------*/ .ico-new { margin-right: 10px; } @media (max-width: 1024px) { .ico-new { margin-right: 6px; } } .ico-new img { width: 52px !important; height: auto; vertical-align: middle; } @media (max-width: 1024px) { .ico-new img { width: 32px !important; } } /* .info-menuItem { display: inline-block; text-align: center; position: relative; flex-basis: 120px; text-align: center; //margin: 0 10px; cursor: pointer; &>div,span { display: block; transition : transform 0.6s ease; @include transition(); } @media (max-width: $breakpoint) { position: relative; flex-basis: 80px; &:last-child:after { display: block; left: calc(100%+20px); top: 0; content: ""; height: 20px; width: 25px; position: absolute; } } &>div { text-align: center; margin: 0 auto; width: 77px; height: 77px; border-radius: 100%; overflow: hidden; @media (max-width: $breakpoint) { width: 68px; height: 68px; } } .je-image--container { overflow: hidden; border-radius: 100%; } img { width: 77px; height: auto; margin: 0 auto; display: inline-block; @media (max-width: $breakpoint) { width: 68px; } } &.new { &>div { width: 77px; height: 77px; padding: 4px; overflow: hidden; position: relative; @media (max-width: $breakpoint) { padding: 2px; width: 68px; height: 68px; } img { width: 65px; height: auto; @media (max-width: $breakpoint) { width: 64px; } } background: linear-gradient(0deg, #4fcf94, #3360bd); border-radius: 100%; .je-image--container { position: relative; overflow: hidden; padding: 2px; height: 100%; width: 100%; border-radius: 100%; background: #fff; background: linear-gradient(0deg, #4fcf94, #3360bd); img { //opacity: 0; //transform: scale(0.1); } .je-image--bg { position: relative; z-index: 5; border-radius: 100%; height: 100%; width: 100%; overflow: hidden; background: linear-gradient(0deg, #4fcf94, #3360bd); border-radius: 100%; } &:before { content: " "; display: block; position: absolute; //top: 50%; left: 34px; width: 69px; height: 69px; opacity: 1; top: 0; background: #000; transform-origin: left 34px; z-index: 4; @media (max-width: $breakpoint) { width: 64px; height: 64px; left: 32px; transform-origin: left 32px; } transform: rotate(-180deg); background: linear-gradient(180deg, #4fcf94, #3360bd); background-position: 50% 0; //transition: transform 0.5s ease; //animation: rotate-circle-left2 0.4s 2s linear forwards; } &:after { content: " "; display: block; position: absolute; top: 0; right: -34px; width: 69px; height: 69px; background: #fff; transform-origin: left 34px; z-index: 3; opacity: 1; @media (max-width: $breakpoint) { width: 64px; height: 64px; right: -32px; transform-origin: left 32px; } opacity: 1; transform: rotate(-180deg); //transition: transform 0.5s ease; //animation: rotate-circle-right2 0.4s 2s linear forwards; } } opacity: 0; transform: scale(0.2); } &.show { &>div { opacity: 1; transform: scale(1); transition: opacity 0.6s ease,transform 0.6s ease; .je-image--container { img { //opacity: 1; //transform: scale(1); //transition: opacity 0.6s 0.8s ease,transform 0.2s 0.8s ease; //@include transition(); } &:before { animation: rotate-circle-left2 0.4s 0.6s linear forwards; } &:after { animation: rotate-circle-right2 0.4s 0.6s linear forwards; } } } } } &:not(.new) { &>div { opacity: 0; transform: scale(0.2); } &.show { &>div { opacity: 1; transform: scale(1); transition: opacity 0.6s ease,transform 0.6s ease; } &>div { } } } @media (min-width: $breakpoint) { &:hover { opacity: 1; &>div,span { //transition : transform 0.4s ease; //@include transition(); //transform: translate3d( 0, -10px, 0 ); } } } span { display: inline-block; margin-top: 10px; font-size: 12px; color: #5a5a5a; white-space: nowrap; @media (max-width: $breakpoint) { font-size: 11px; } } &.active { span { color: #5a5a5a; } &:after { content: ""; position: absolute; left: 50%; margin-left: -4px; width: 8px; height: 8px; border-radius: 8px; background: #e9518e; bottom: -10px; } } } */ .pager { position: relative; overflow: hidden; /* .pager-prev span{ display: block; width: 10px; height: 10px; border-left: 2px solid #292929; border-bottom: 2px solid #292929; border-radius: 0px; transform: rotate(45deg); margin-left: 12px; transition : transform 0.6s ease, border-color 0s ease; } .pager-next span{ display: block; width: 10px; height: 10px; border-right: 2px solid #292929; border-bottom: 2px solid #292929; border-radius: 0px; transform: rotate(-45deg); transition : transform 0.6s ease, border-color 0s ease; }*/ } .pager .pager-next, .pager .pager-next2, .pager .pager-prev, .pager .pager-prev2 { vertical-align: middle; display: inline-block; width: 32px; height: 32px; padding: 9px 10px; text-align: center; } .pager .pager-next span, .pager .pager-next2 span, .pager .pager-prev span, .pager .pager-prev2 span { display: inline-block; vertical-align: top; -webkit-transition: border-color 0s ease, -webkit-transform 1.2s ease; transition: border-color 0s ease, -webkit-transform 1.2s ease; transition: transform 1.2s ease, border-color 0s ease; transition: transform 1.2s ease, border-color 0s ease, -webkit-transform 1.2s ease; width: 12px; height: 12px; } .pager .pager-next span i.icon, .pager .pager-next span svg, .pager .pager-next2 span i.icon, .pager .pager-next2 span svg, .pager .pager-prev span i.icon, .pager .pager-prev span svg, .pager .pager-prev2 span i.icon, .pager .pager-prev2 span svg { vertical-align: top; } @media (max-width: 1024px) { .pager .pager-next, .pager .pager-next2, .pager .pager-prev, .pager .pager-prev2 { width: 28px; height: 28px; padding: 7px 8px; } .pager .pager-next span, .pager .pager-next2 span, .pager .pager-prev span, .pager .pager-prev2 span { width: 12px; height: 12px; } } @media (max-width: 375px) { .pager .pager-next, .pager .pager-next2, .pager .pager-prev, .pager .pager-prev2 { width: 22px; height: 22px; } .pager .pager-next span, .pager .pager-next2 span, .pager .pager-prev span, .pager .pager-prev2 span { width: 6px; height: 6px; } } .pager i.icon { width: 100%; height: 100%; vertical-align: top; } .pager .pager-prev i, .pager .pager-prev2 i { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .pager .pager-prev2 span, .pager .pager-next2 span { position: relative; } .pager .pager-prev2 i + i, .pager .pager-next2 i + i { position: absolute; left: 0; top: 0; margin-left: 5px; } .pager .pager-next2 i + i { position: absolute; left: 0; top: 0; margin-right: 5px; } @media (min-width: 1024px) { .pager .pager-prev:hover, .pager .pager-prev2:hover { opacity: 1; } .pager .pager-prev:hover span, .pager .pager-prev2:hover span { -webkit-transition: border-color 0s ease, -webkit-transform 0.4s ease; transition: border-color 0s ease, -webkit-transform 0.4s ease; transition: transform 0.4s ease, border-color 0s ease; transition: transform 0.4s ease, border-color 0s ease, -webkit-transform 0.4s ease; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); /* -webkit-transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); */ -webkit-transform: translate3d(-3px, 0, 0); transform: translate3d(-3px, 0, 0); } .pager .pager-next:hover, .pager .pager-next2:hover { opacity: 1; } .pager .pager-next:hover span, .pager .pager-next2:hover span { -webkit-transition: border-color 0s ease, -webkit-transform 0.4s ease; transition: border-color 0s ease, -webkit-transform 0.4s ease; transition: transform 0.4s ease, border-color 0s ease; transition: transform 0.4s ease, border-color 0s ease, -webkit-transform 0.4s ease; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); /* -webkit-transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); */ -webkit-transform: translate3d(3px, 0, 0); transform: translate3d(3px, 0, 0); } } .pager ul { display: inline-block; margin: 0 20px; } @media (max-width: 1024px) { .pager ul { margin: 0 0px; } } .pager ul li { display: inline-block; width: 36px; height: 36px; border-radius: 36px; text-align: center; line-height: 36px; } .pager ul li.bd { color: #292929; -webkit-transform: scale(1.4); transform: scale(1.4); } @media (max-width: 1024px) { .pager ul li { width: 28px; height: 28px; line-height: 28px; } } @media (max-width: 375px) { .pager ul li { width: 22px; height: 22px; line-height: 22px; } } .pager ul li a { color: #292929; -webkit-box-sizing: content-box; box-sizing: content-box; display: inline-block; width: 32px; height: 32px; border-radius: 100%; text-align: center; line-height: 32px; position: relative; } @media (max-width: 1024px) { .pager ul li a { width: 26px; height: 26px; line-height: 26px; font-size: 12px; } } .pager ul li a:after { opacity: 0; pointer-events: none; position: absolute; content: ""; width: 100%; height: 100%; display: block; top: 0; left: -2px; border-radius: 100%; } @media (max-width: 1024px) { .pager ul li a:after { border-width: 2px; top: -2px; left: -2px; } } .pager ul li a.pager-current { color: #292929; pointer-events: none; } .pager ul li a.pager-current span { border-bottom: 1px solid #292929; } .pager ul li a.pager-current:after { opacity: 1; } .pager--detail { margin: 0 140px; line-height: 3; position: relative; } .pager--detail ul { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; text-align: center; } .pager--detail a { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; color: #292929; font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 400; position: relative; } .pager--detail a span { display: block; -webkit-transition: -webkit-transform 1.2s ease; transition: -webkit-transform 1.2s ease; transition: transform 1.2s ease; transition: transform 1.2s ease, -webkit-transform 1.2s ease; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); /* -webkit-transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); */ -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .pager--detail a span i { display: block; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .pager--detail a:hover.prev span { -webkit-transform: translate3d(-3px, 0, 0); transform: translate3d(-3px, 0, 0); } .pager--detail a:hover.next span { -webkit-transform: translate3d(3px, 0, 0); transform: translate3d(3px, 0, 0); } .pager--detail a i.icon { width: 14px; height: 14px; } .pager--detail a.prev i.icon { position: absolute; left: 0; top: 50%; margin-top: 5px; margin-left: -21px; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .pager--detail a.next i.icon { position: absolute; left: inherit; right: 0; top: 0%; margin-top: 2px; margin-right: -21px; } .pager--detail a.prev { position: relative; padding-left: 15px; left: 0; top: 0; position: absolute; /* &:before { display: block; content: ""; margin: 0 auto 0; position: absolute; top: calc(50% - 3px); left: 0px; border-top: 1px solid #292929; border-left: 1px solid #292929; transform: rotate(-45deg); width: 6px; height: 6px; @media (max-width: $breakpoint) { top: calc(50% - 3px); left: 0px; } }*/ } @media (max-width: 1024px) { .pager--detail a.prev { padding-left: 20px; } } .pager--detail a.next { position: relative; padding-right: 15px; right: 0; top: 0; position: absolute; /* &:before { display: block; content: ""; margin: 0 auto 0; position: absolute; top: calc(50% - 3px); right: 0px; border-top: 1px solid #292929; border-right: 1px solid #292929; transform: rotate(45deg); width: 6px; height: 6px; @media (max-width: $breakpoint) { top: calc(50% - 3px); //right: -20px; } }*/ } @media (max-width: 1024px) { .pager--detail a.next { padding-right: 20px; } } @media (max-width: 1024px) { .pager--detail { margin: 0 20px; font-size: 11px; } } .label.free-size { padding-left: 30px; padding-right: 30px; max-width: inherit !important; width: auto !important; } .label.label--online, .label.label--live { display: inline-block; color: #b68d1e; border: 1px solid #b68d1e; width: 100%; max-width: 102px; height: 21px; line-height: 21px; text-align: center; font-size: 12px; font-family: 'Open Sans', sans-serif; font-weight: 400; } .label.label--artist { font-size: 12px; line-height: 1; padding-left: 5px; font-family: century-gothic, kozuka-gothic-pr6n, sans-serif; border-left: 5px solid #000; } @media (max-width: 1024px) { .label.label--artist { border-left: 4px solid #000; padding-left: 8px; } } .label.label--category { display: inline-block; color: #000; font-family: century-gothic, kozuka-gothic-pr6n, sans-serif; border: 1px solid #000; font-size: 12px; line-height: 1; width: 120px; text-align: center; } .label.label--media { background: #d2ae4e; font-family: 'Open Sans', sans-serif; font-size: 12px; line-height: 1; padding: 0 10px; color: #fff; text-align: center; } .label.label--information { display: inline-block; border: 1px solid #000; width: 100%; max-width: 150px; height: 26px; line-height: 22px; font-size: 12px; font-family: 'Open Sans', sans-serif; font-weight: 600; text-align: center; } @media (max-width: 1024px) { .label.label--information { border-width: 1px; font-size: 10px; width: 100%; max-width: 125px; height: 20px; line-height: 16px; padding-left: 20px; padding-right: 10px; } } .label.label--information.live { color: #0d4ac6; border: 2px solid #003abf; background: url(../img/ico-label_live-stage.png) no-repeat; background-size: auto 100%; background-position: 10px 0; } @media (max-width: 1200px) { .label.label--information.live { background: none; } } @media (max-width: 1024px) { .label.label--information.live { border-width: 1px; background: url(../img/ico-label_live-stage.png) no-repeat; background-size: auto 100%; background-position: 5px 0; } } .label.label--information.release { color: #ff4a93; border: 2px solid #ff4a93; background: url(../img/ico-label_release.png) no-repeat; background-size: auto 100%; background-position: 10px 0; } @media (max-width: 1200px) { .label.label--information.release { background: none; } } @media (max-width: 1024px) { .label.label--information.release { border-width: 1px; background: url(../img/ico-label_release.png) no-repeat; background-size: auto 100%; background-position: 5px 0; } } .label.label--information.media { color: #38ce34; border: 2px solid #38ce34; background: url(../img/ico-label_media.png) no-repeat; background-size: auto 100%; background-position: 10px 0; } @media (max-width: 1200px) { .label.label--information.media { background: none; } } @media (max-width: 1024px) { .label.label--information.media { border-width: 1px; background: url(../img/ico-label_media.png) no-repeat; background-size: auto 100%; background-position: 5px 0; } } .label.label--information.other { color: #fcb814; border: 2px solid #fcb814; background: none; } @media (max-width: 1200px) { .label.label--information.other { background: none; } } @media (max-width: 1024px) { .label.label--information.other { border-width: 1px; background-size: auto 100%; } } .label.label--disc { display: inline-block; color: #292929; border: 1px solid #292929; width: 100%; max-width: 84px; height: 21px; line-height: 19px; font-size: 12px; text-align: center; font-family: 'Open Sans', sans-serif; font-weight: 400; } @media (max-width: 1024px) { .label.label--disc { font-size: 10px; max-width: 66px; height: 17px; line-height: 15px; } } .label.label--disc.solo { /* color: #9d51c8; border: 2px solid #9d51c8; @media (max-width: $breakpoint) { border-width: 1px; }*/ } .label.label--disc.other { /* color: #fcb814; border: 2px solid #fcb814; @media (max-width: $breakpoint) { border-width: 1px; }*/ } .label.label--disc.dvd { /* color: #0d4ac6; border: 2px solid #003abf; @media (max-width: $breakpoint) { border-width: 1px; }*/ } .label.label--disc.single { /* color: #ff4a93; border: 2px solid #ff4a93; @media (max-width: $breakpoint) { border-width: 1px; }*/ } .label.label--disc.album { /* color: #38ce34; border: 2px solid #38ce34; @media (max-width: $breakpoint) { border-width: 1px; }*/ } .je-filtered-image--container { text-align: center; position: relative; width: 100%; } .je-filtered-image--container img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; position: relative; z-index: 2; } .je-filtered-image--container .je-filtered-image__photo { position: relative; z-index: 2; } .je-filtered-image--container .je-filtered-image__shadow { position: absolute; -webkit-transform: translate3d(10px, 10px, 0); transform: translate3d(10px, 10px, 0); right: 0; z-index: 1; top: 0; left: 0; filter: url('data:image/svg+xml;charset=utf-8,#filter'); -webkit-filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, .3)) blur(20px); filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, .3)) blur(20px); opacity: 0.6; } @media (max-width: 1024px) { .je-filtered-image--container .je-filtered-image__shadow { filter: url('data:image/svg+xml;charset=utf-8,#filter'); -webkit-filter: blur(8px); filter: blur(8px); opacity: 0.6; -webkit-transform: translate3d(5px, 5px, 0); transform: translate3d(5px, 5px, 0); } } .je-filtered-image--container .je-filtered-image__photo { overflow: hidden; } .discography--image { position: relative; } .discography--image .je-filtered-image--container { height: 100%; } .discography--image .je-filtered-image--container div { width: 100%; height: 100%; } .discography .je-slide-single { position: relative; z-index: 2; pointer-events: none; } .discography .je-slide-single .discItem--image { position: relative; } .discography .je-slide-single .slick-track { padding: 10px 0; } .discography .je-slide-single--cloned { position: absolute; z-index: 1; display: none; opacity: 0.7; top: 10px; left: 50%; margin-left: -190px; } @media (max-width: 1440px) { .discography .je-slide-single--cloned { margin-left: -110px; } } .discography .je-slide-single--dummy { pointer-events: auto; opacity: 0; position: absolute; z-index: 1; top: 0; left: 50%; margin-left: -200px; } @media (max-width: 1440px) { .discography .je-slide-single--dummy { margin-left: -120px; } } .je-filtered-image--container .je-filtered-image--bg { position: relative; } .je-filtered-image--container.align-left { text-align: left; } .je-filtered-image--container.align-center { text-align: center; } .je-filtered-image--container.align-right { text-align: right; } .je-image--container { text-align: center; } .je-image--container.align-left { text-align: left; } .je-image--container.align-center { text-align: center; } .je-image--container.align-right { text-align: right; } .je-image--container .je-image--bg { display: inline-block; } .discography .discography--image .discItem { -ms-flex-preferred-size: 25%; flex-basis: 25%; -webkit-box-flex: 0.25; -ms-flex-positive: 0.25; flex-grow: 0.25; padding: 0 20px; } @media (max-width: 750px) { .discography .discography--image .discItem { -ms-flex-preferred-size: inherit; flex-basis: inherit; } } .discography .discography--image .discItem .discItem--body { -webkit-box-flex: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .discography .discography--image .discItem .discItem--image { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; position: relative; height: 380px; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; max-width: 360px; margin-left: auto; margin-right: auto; text-align: center; } @media (max-width: 1024px) { .discography .discography--image .discItem .discItem--image { height: 270px; } } @media (max-width: 750px) { .discography .discography--image .discItem .discItem--image { height: 270px; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; } } .discography .discography--image .discItem .discItem--image img { vertical-align: bottom; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; -o-object-position: center bottom; object-position: center bottom; } .discography .je-slide--pc { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; -webkit-box-align: inherit !important; -ms-flex-align: inherit !important; align-items: inherit !important; } @media (max-width: 750px) { .discography .je-slide--pc { display: none; } } .discography .je-slide--pc .discItem { -ms-flex-preferred-size: 25%; flex-basis: 25%; -webkit-box-flex: 0.25; -ms-flex-positive: 0.25; flex-grow: 0.25; padding: 0 20px; } .discography .je-slide--pc .discItem .discItem--body { -webkit-box-flex: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .discography .je-slide--pc .discItem .discItem--image { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; position: relative; height: 380px; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; max-width: 360px; margin-left: auto; margin-right: auto; text-align: center; } @media (max-width: 1024px) { .discography .je-slide--pc .discItem .discItem--image { height: 270px; } } @media (max-width: 750px) { .discography .je-slide--pc .discItem .discItem--image { height: 270px; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; } } .discography .je-slide--pc .discItem .discItem--image img { vertical-align: bottom; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; -o-object-position: center bottom; object-position: center bottom; } .discography .je-slide--sp { display: none; width: 240px; overflow: hidden; display: none; } @media (max-width: 750px) { .discography .je-slide--sp { display: block; max-width: 360px; } } .discography .je-slide--sp .discItem { outline: none; padding: 0; } .discography .je-slide--sp .slick-dots { padding-top: 0; padding-bottom: 15px; } .discography .je-slide--sp.je-slide--text { width: 100%; } .discography .je-slide--left, .discography .je-slide--right, .discography .je-slide--center, .discography .je-slide--left__shadow, .discography .je-slide--right__shadow, .discography .je-slide--center__shadow { pointer-events: none; position: absolute; top: 0; z-index: 0; } .discography .je-slide--left:not(.je-slide--left__shadow), .discography .je-slide--right:not(.je-slide--right__shadow), .discography .je-slide--center:not(.je-slide--center__shadow) { z-index: 2; } .discography .je-slide--center { left: 50%; margin-left: -120px; } .discography .je-slide--center .slick-dots li:before { display: none; } .discography .je-slide--center .slick-dots li:after { display: none; } .discography .je-slide--center .slick-dots button:before { display: none; } .discography .je-slide--left, .discography .je-slide--left__shadow { left: calc(50% - 400px); } @media (max-width: 360px) { .discography .je-slide--left, .discography .je-slide--left__shadow { left: calc(50% - 380px); } } .discography .je-slide--right, .discography .je-slide--right__shadow { right: calc(50% - 400px); } @media (max-width: 360px) { .discography .je-slide--right, .discography .je-slide--right__shadow { right: calc(50% - 380px); } } .discography .je-slide--sp .discItem { overflow: hidden; vertical-align: top; float: none; height: auto; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; /* .discItem--body { flex-grow: 1; flex-shrink: 0; } .discItem--image { width: 240px !important; height: auto; display: table; flex-direction: column; justify-content: center; &>a { vertical-align: middle; //display:; display: table-cell; } img { display: table-cell; vertical-align: middle; width: 100%; height: auto; object-fit: inherit; font-family: inherit; } }*/ } .discography .je-slide--sp .discItem .discItem--image { height: 270px; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; } .discography .je-slide--sp .discItem .discItem--body { -webkit-box-flex: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .discography .je-slide--left .discItem--body, .discography .je-slide--left .discItem--footer, .discography .je-slide--center .discItem--body, .discography .je-slide--center .discItem--footer, .discography .je-slide--right .discItem--body, .discography .je-slide--right .discItem--footer, .discography .je-slide--dummy .discItem--body, .discography .je-slide--dummy .discItem--footer { display: none !important; } .discography .je-slide--left .discItem, .discography .je-slide--center .discItem, .discography .je-slide--right .discItem, .discography .je-slide--dummy .discItem { overflow: hidden; vertical-align: middle; float: left; height: 100%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .discography .je-slide--left .discItem .discItem--image, .discography .je-slide--center .discItem .discItem--image, .discography .je-slide--right .discItem .discItem--image, .discography .je-slide--dummy .discItem .discItem--image { width: 240px !important; height: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .discography .je-slide--left .discItem .discItem--image > a, .discography .je-slide--center .discItem .discItem--image > a, .discography .je-slide--right .discItem .discItem--image > a, .discography .je-slide--dummy .discItem .discItem--image > a { vertical-align: bottom; display: table-cell; } .discography .je-slide--left .discItem .discItem--image img, .discography .je-slide--center .discItem .discItem--image img, .discography .je-slide--right .discItem .discItem--image img, .discography .je-slide--dummy .discItem .discItem--image img { display: table-cell; vertical-align: middle; width: 100%; height: auto; -o-object-fit: inherit; object-fit: inherit; font-family: inherit; } .discography .je-slide .slick-list, .discography .je-slide .slick-track { display: -webkit-box; display: -ms-flexbox; display: flex; } @media all and (-ms-high-contrast: none) { .discography .je-slide .slick-list *::-ms-backdrop, .discography .je-slide .slick-list, .discography .je-slide .slick-track *::-ms-backdrop, .discography .je-slide .slick-track { display: block; } } .discography .je-slide--dummy .discItem--image { opacity: 0 !important; } .discography .je-slide--text .slick-track { position: relative; } @media all and (-ms-high-contrast: none) { .discography .je-slide--text .slick-track *::-ms-backdrop, .discography .je-slide--text .slick-track { display: -ms-flexbox; display: flex; } } .discography .je-slide--text .discItem { outline: none; padding: 0; margin: 0 auto; } .discography .je-slide--text .discItem--footer { padding-bottom: 20px !important; } .discography .je-slide--text .discItem--image { width: 100%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; opacity: 0; margin-bottom: 0px; /* img { width: 100%; height: auto; //object-fit: contain; o } */ } .discography .je-slide--text .discItem--image > a { margin-bottom: 0px; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-slide:hover { opacity: 1; } .slick-slide:hover a { opacity: 1; } ol.trialListening { width: 100%; margin: 0 auto; display: block; /* padding-left: 40px; padding-right: 40px; @media (max-width: $breakpoint) { padding-left: 20px; padding-right: 20px; }*/ padding: 15px 0px; border-top: 1px solid #292929; border-bottom: 1px solid #292929; } @media (max-width: 1024px) { ol.trialListening { padding: 12px 0px; } } ol.trialListening li { vertical-align: middle; line-height: 35px; list-style-type: none !important; padding: 15px 0px; margin-left: 0; /* &:before { content: attr(data-list-num) ''; position: absolute; left: 0; color: #8d8d8d; font-size: 11px; //left: -30px; //right: calc(100% + 8px); }*/ position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; /* &+li { //border-top: 1px solid #a3a3a3; &:before { content: ""; position: absolute; height: 1px; width: calc(100% + 0px); //background: #ebebeb; top: -1px; left: 0px; visibility: visible; @media (max-width: $breakpoint) { width: calc(100% + 0px); left: 0; } } }*/ } @media (max-width: 1024px) { ol.trialListening li { padding: 12px 0px; } } ol.trialListening li > span { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; position: relative; line-height: 20px; } ol.trialListening li > span:before { content: ""; line-height: 35px; display: list-item; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; position: absolute; left: 30px; top: 50%; margin-top: -17px; } ol.trialListening li .button { -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; display: inline-block; margin-left: inherit; margin-right: 20px !important; margin-left: 20px !important; width: 155px; } @media (max-width: 1024px) { ol.trialListening li .button { margin-right: 10px !important; margin-left: 10px !important; width: 75px; } } .discInfo { zoom: 1; } .discInfo:before, .discInfo:after { display: block; height: 0; visibility: hidden; content: "\0020"; } .discInfo:after { clear: both; } .discInfo .discInfo--footer, .discInfo .discInfo--item { float: left; width: 50%; padding-right: 60px; } @media (max-width: 1024px) { .discInfo .discInfo--footer, .discInfo .discInfo--item { float: inherit; width: 100%; padding-left: 0px; padding-right: 0px; text-align: center; } } .discInfo .discInfo--footer .discItem, .discInfo .discInfo--item .discItem { max-width: 320px; margin-left: 0; } @media (max-width: 1024px) { .discInfo .discInfo--footer .discItem, .discInfo .discInfo--item .discItem { margin: 0 auto; max-width: 240px; height: auto; } } .discInfo .discInfo--footer .discItem--body p, .discInfo .discInfo--item .discItem--body p { color: #727272; margin: 1em 0; } .discInfo .discInfo--header, .discInfo .discInfo--body { float: right; width: 50%; } @media (max-width: 1024px) { .discInfo .discInfo--header, .discInfo .discInfo--body { float: inherit; width: 100%; } } .discInfo .discInfo--item { position: -webkit-sticky; /* Safari用 */ position: sticky; /* 要素をスクロールに応じて固定 */ top: 40px; /* 縦スクロールに追従 */ left: 0; z-index: 100; /* z-indexで最前面に持ってくる */ } @media (max-width: 1024px) { .discInfo .discInfo--item { position: static; } } .discInfo .discInfo--item .discItem--body { display: block; text-align: center; } .discInfo .discInfo--item .discItem--image { height: auto; } @media (max-width: 1024px) { .discInfo .discInfo--body { margin-top: 30px; } } .discInfo .discInfo--header { margin-bottom: 2em; } @media (max-width: 1024px) { .discInfo .discInfo--header { margin-bottom: 2em; } } .calendar-top { position: relative; } .calendar-top .calendar-next { margin-left: 10px; } .calendar-top .todaysCalendar { opacity: 0; pointer-events: none; } .calendar-top .todaysCalendar.show { opacity: 1; pointer-events: auto; } .calendar-top .todaysCalendar--arrows { position: absolute; right: 0; top: 0; } .calendar-top .todaysCalendar--arrows.hide { pointer-events: none; display: none; } .btn_bookmark { width: 46px; height: 46px; border: 1px solid #b1b1b6; border-radius: 100px; padding: 6px; position: absolute; right: 20px; top: 20px; } @media (max-width: 1024px) { .btn_bookmark { width: 34px; height: 34px; right: 0; top: 1em; padding: 4px; } } .btn_bookmark svg { width: 100%; height: 100%; } .btn_bookmark.active { border: 1px solid #b68d1e; } .btn_bookmark.active .cls-bookmark { fill: #b68d1e; stroke: #b68d1e; } .discography .btn_bookmark { top: 0; right: 0; } /* item base ---------------------------------------*/ .item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .item .item--row { -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; } /* Information List ---------------------------------------*/ .discList--menu a, .informationList--menu a { text-align: left; display: block; position: relative; line-height: 1; padding: 0px 0 0px 15px; font-size: 14px; line-height: 18px; color: #292929; } .discList--menu a span, .informationList--menu a span { vertical-align: top; line-height: 1; } .discList--menu a + a, .informationList--menu a + a { margin-top: 20px; } .discList--menu a:before, .informationList--menu a:before { content: ""; display: inline-block; width: 5px; height: 14px; position: absolute; left: 0; background: #d2ae4e; opacity: 0; -webkit-transition: all 0.8s ease; transition: all 0.8s ease; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); /* -webkit-transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); */ width: 0px; } .discList--menu a:hover:before, .informationList--menu a:hover:before { opacity: 1; width: 5px; -webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); } .discList--menu a.active:before, .informationList--menu a.active:before { opacity: 1; width: 5px; -webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); } @media (max-width: 1024px) { .discList--menu, .informationList--menu { margin-bottom: 30px; } } .discList--menu { text-align: right; } .discList--menu .select-nav { display: inline-block; border-top: 1px solid #292929; } @media (max-width: 1024px) { .discList--menu .select-nav { display: none; } } .discList--menu a { display: inline-block; } .discList--menu a + a { margin-left: 30px; } .informationList > .item { border-top: 1px solid #292929; } .informationList > .item:last-child { border-bottom: 1px solid #292929; } #movie.st-Content .informationList > .item { border-top: 1px solid #fff; } #movie.st-Content .informationList > .item:last-child { border-bottom: 1px solid #fff; } /* .removeBItem + .item--row + a { pointer-events: none !important; }*/ .removeBItem { display: inline-block; width: 40px; height: 40px; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); /* &:hover { &:before { transform: rotate(45deg) scale(0.8); } &:after { transform: rotate(-45deg) scale(0.8); } }*/ } .removeBItem span { width: 40px; height: 40px; display: block; text-indent: -9999px; } .removeBItem:before { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .removeBItem:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .removeBItem:before, .removeBItem:after { -webkit-transition: -webkit-transform 0.2s ease; transition: -webkit-transform 0.2s ease; transition: transform 0.2s ease; transition: transform 0.2s ease, -webkit-transform 0.2s ease; position: absolute; top: 50%; left: 50%; margin-top: -15px; content: ""; background: #666; display: block; height: 30px; width: 2px; } .informationItem { padding: 30px 15px 30px; -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; overflow: hidden; position: relative; } .informationItem .removeBItem { position: absolute; top: 20px; right: 0; z-index: 10; pointer-events: auto; } @media (max-width: 1024px) { .informationItem { padding: 20px 10px 20px; } } @media (max-width: 1024px) { .informationItem { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .informationItem a.linker { text-indent: -99999px; position: absolute; left: 0; right: 0; bottom: 0; top: 0; display: block; pointer-events: auto; z-index: 0; } .informationItem a.linker ~ * { opacity: 1; -webkit-transition: opacity 1.2s ease; transition: opacity 1.2s ease; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); /* -webkit-transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); */ } .informationItem a.linker:hover ~ * { opacity: 0.5; } .informationItem * { pointer-events: none; } .informationItem--row, .informationItem--header, .informationItem--body { position: relative; z-index: 1; } .informationItem span.date { font-size: 14px; line-height: 2; font-weight: bold; margin-bottom: 0.8em; } @media (max-width: 1024px) { .informationItem span.date { font-size: 10px; display: inline-block; } } .informationItem .informationItem--header { -ms-flex-preferred-size: 160px; flex-basis: 160px; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; } @media (max-width: 1024px) { .informationItem .informationItem--header { -ms-flex-preferred-size: auto; flex-basis: auto; margin-bottom: 0.5em; } } @media (max-width: 1024px) { .informationItem .informationItem--header .label { display: inline-block; margin-left: 10px; } } .informationItem .informationItem--body { -ms-flex-preferred-size: 100%; flex-basis: 100%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; } .informationItem .informationItem--body .label { margin-right: 10px; } .informationItem--header { -webkit-box-flex: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; -ms-flex-item-align: start; align-self: flex-start; } .informationItem--header span { display: block; } #bookmark .informationItem { padding-right: 40px; } /* Movie List ---------------------------------------*/ #trailer .st-ContentBody { position: relative; } #trailer .movieList .slick-prev { left: 15px; -webkit-transform: none; transform: none; } #trailer .movieList .slick-next { right: 15px; left: inherit; -webkit-transform: none; transform: none; } @media (max-width: 1024px) { #trailer .movieList { padding: 0; } #trailer .movieList .slick-next, #trailer .movieList .slick-prev { top: 40%; } #trailer .movieList .slick-prev { left: -25px; -webkit-transform: none; transform: none; } #trailer .movieList .slick-next { right: -25px; left: inherit; -webkit-transform: none; transform: none; } } #trailer .movieList .slider-num { display: block; font-size: 17px; } #trailer .movieList .slider-num span { display: inline-block; white-space: nowrap; } #trailer .movieList .slider-num span em { color: #292929; font-weight: normal; font-style: normal; } #trailer .movieList .slider-num span em { -webkit-animation: slideUp 1.7s linear forwards; animation: slideUp 1.7s linear forwards; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); /* -webkit-transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); */ } @media (max-width: 1110px) { #trailer .movieList .slider-num { top: 44.59459vw; } } @media (max-width: 1024px) { #trailer .movieList .slider-num { top: 45.94595vw; font-size: 11px; right: 0; margin-left: 0; } #trailer .movieList .slider-num span { padding: 10px; } } #trailer .movieList > .movieItem { padding: 0; margin: 0; margin-top: 60px; -ms-flex-preferred-size: 100%; flex-basis: 100%; } #trailer .movieList > .movieItem:nth-child(1) { margin-top: 0; } @media (max-width: 1024px) { #trailer .movieList > .movieItem { max-width: 560px; margin: 0 auto; margin-top: 40px; } #trailer .movieList > .movieItem:nth-child(1) { margin-top: 0; } #trailer .movieList > .movieItem .movieItem--image { text-align: center; } #trailer .movieList > .movieItem img { height: auto; max-width: 560px; -o-object-fit: cover; object-fit: cover; margin: 0 auto; } } #movie.st-Content, #o-movie { overflow: hidden; } #movie.st-Content .slick-list, #o-movie .slick-list { overflow-x: inherit; } #movie.st-Content .slick-next, #o-movie .slick-next { position: absolute; top: 220px; left: 10px; top: 320px; z-index: 10; } @media (max-width: 1280px) { #movie.st-Content .slick-next, #o-movie .slick-next { top: 25vw; } } #movie.st-Content .slick-prev, #o-movie .slick-prev { position: absolute; top: 250px; left: 10px; top: 340px; z-index: 10; } @media (max-width: 1280px) { #movie.st-Content .slick-prev, #o-movie .slick-prev { top: 26.5625vw; } } @media (max-width: 1024px) { #movie.st-Content .slick-next, #o-movie .slick-next { display: none; } #movie.st-Content .slick-prev, #o-movie .slick-prev { display: none; } } #movie.st-Content .movieList, #o-movie .movieList { position: relative; zoom: 1; } #movie.st-Content .movieList .slick-list .slick-track:before, #o-movie .movieList .slick-list .slick-track:before { content: 'YouTube Channel'; z-index: 10; color: #d2ae4e; display: block; position: absolute; line-height: 1; font-size: 13px; left: 10px; top: 0; -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: rotate(-90deg) translate3d(-100%, 0, 0); transform: rotate(-90deg) translate3d(-100%, 0, 0); } #movie.st-Content .movieList:before, #movie.st-Content .movieList:after, #o-movie .movieList:before, #o-movie .movieList:after { display: block; height: 0; visibility: hidden; content: "\0020"; } #movie.st-Content .movieList:after, #o-movie .movieList:after { clear: both; } #movie.st-Content .movieList .movieItem, #o-movie .movieList .movieItem { outline: none; display: -webkit-box; display: -ms-flexbox; display: flex; float: left; width: 538px; padding-left: 78px; } #movie.st-Content .movieList .movieItem img, #o-movie .movieList .movieItem img { outline: none; } @media (max-width: 1024px) { #movie.st-Content .movieList .movieItem, #o-movie .movieList .movieItem { width: 77.33333vw; padding-left: 40px; } } .movieItem { outline: none; cursor: pointer; } .movieItem--image { position: relative; -ms-flex-negative: 0; flex-shrink: 0; margin: 0 0 20px; } .movieItem--image:after { content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 5; pointer-events: none; background: url(../../common/img/ico-play.png) center no-repeat; background-size: 260px auto; } @media (max-width: 1024px) { .movieItem--image:after { background-size: 210px auto; } } .movieItem--image img { width: 100%; height: auto; } @media (min-width: 1024px) { .movieItem .movieItem--image { overflow: hidden; opacity: 1; } .movieItem .movieItem--image img { -webkit-transition: -webkit-transform 1.4s ease; transition: -webkit-transform 1.4s ease; transition: transform 1.4s ease; transition: transform 1.4s ease, -webkit-transform 1.4s ease; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); /* -webkit-transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); */ } .movieItem:hover .movieItem--image img { -webkit-transition: -webkit-transform 3s ease; transition: -webkit-transform 3s ease; transition: transform 3s ease; transition: transform 3s ease, -webkit-transform 3s ease; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); /* -webkit-transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); */ -webkit-transform: scale(1.05); transform: scale(1.05); } } .movieItem--header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 1024px) { .movieItem--header { -ms-flex-wrap: wrap; flex-wrap: wrap; } .movieItem--header h4 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .movieItem--header .slider-num { text-align: right; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: 100%; } .movieItem--header p { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } } .movieItem--header h4 { font-weight: 400; -webkit-transition: color 0.6s ease; transition: color 0.6s ease; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); /* -webkit-transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); */ font-size: 17px; line-height: 32px; } @media (max-width: 1024px) { .movieItem--header h4 { font-size: 14px; line-height: 2; } } .movieItem--header p { font-size: 13px; } @media (max-width: 1024px) { .movieItem--header p { font-size: 12px; } } .movieItem--body { margin: 5px 0; } @media (max-width: 1024px) { .movieItem--body { margin: 2px 0; } } .movieItem--body p { font-size: 15px; } @media (max-width: 1024px) { .movieItem--body p { font-size: 12px; } } /* Discography List ---------------------------------------*/ @media (max-width: 1024px) { #and_more .discList, #new_release .discList, #discography .discList { padding: 0; } } #and_more .discList > .discItem, #new_release .discList > .discItem, #discography .discList > .discItem { margin: 0; margin-top: 80px; -ms-flex-preferred-size: calc(33.33333% - 36px); flex-basis: calc(33.33333% - 36px); /* @media (max-width: 1440px) { flex-basis: calc(50% - 15px); &:nth-child(3) { margin-top: 55px; } }*/ } @media (max-width: 1024px) { #and_more .discList > .discItem, #new_release .discList > .discItem, #discography .discList > .discItem { margin-top: 40px; } } #and_more .discList > .discItem:nth-child(1), #and_more .discList > .discItem:nth-child(2), #and_more .discList > .discItem:nth-child(3), #new_release .discList > .discItem:nth-child(1), #new_release .discList > .discItem:nth-child(2), #new_release .discList > .discItem:nth-child(3), #discography .discList > .discItem:nth-child(1), #discography .discList > .discItem:nth-child(2), #discography .discList > .discItem:nth-child(3) { margin-top: 0; } @media (max-width: 1024px) { #and_more .discList > .discItem, #new_release .discList > .discItem, #discography .discList > .discItem { -ms-flex-preferred-size: calc(50% - 15px); flex-basis: calc(50% - 15px); } #and_more .discList > .discItem:nth-child(3), #new_release .discList > .discItem:nth-child(3), #discography .discList > .discItem:nth-child(3) { margin-top: 40px; } } #and_more .discList > .discItem:nth-child(3n + 2):last-child, #new_release .discList > .discItem:nth-child(3n + 2):last-child, #discography .discList > .discItem:nth-child(3n + 2):last-child { margin-left: auto; margin-right: calc(33.33333% + 18px); } @media (max-width: 1024px) { #and_more .discList > .discItem:nth-child(3n + 2):last-child, #new_release .discList > .discItem:nth-child(3n + 2):last-child, #discography .discList > .discItem:nth-child(3n + 2):last-child { margin-left: 0; margin-right: 0; } } #movie.st-Content { overflow: hidden; } #movie.st-Content .discList { position: relative; zoom: 1; } #movie.st-Content .discList .slick-list .slick-track:before { content: 'DISCOGRAPHY'; color: #d2ae4e; display: block; position: absolute; line-height: 1; font-size: 13px; left: 10px; top: 3px; z-index: 10; -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: rotate(-90deg) translate3d(-100%, 0, 0); transform: rotate(-90deg) translate3d(-100%, 0, 0); } #movie.st-Content .discList .slick-next, #movie.st-Content .discList .slick-prev { color: #fff; } #movie.st-Content .discList .slick-next { position: absolute; top: 530px; z-index: 10; } @media (max-width: 1280px) { #movie.st-Content .discList .slick-next { top: 41.40625vw; } } #movie.st-Content .discList .slick-prev { position: absolute; top: 550px; z-index: 10; } @media (max-width: 1280px) { #movie.st-Content .discList .slick-prev { top: 42.96875vw; } } #movie.st-Content .discList:before, #movie.st-Content .discList:after { display: block; height: 0; visibility: hidden; content: "\0020"; } #movie.st-Content .discList:after { clear: both; } #movie.st-Content .discList .discItem { outline: none; display: -webkit-box; display: -ms-flexbox; display: flex; float: left; width: 390px; padding-left: 78px; } #movie.st-Content .discList .discItem .discItem--image { outline: none; height: 430px; } #movie.st-Content .discList .discItem .discItem--image.more { border: 1px solid #fff; } #movie.st-Content .discList .discItem .discItem--image.more:hover { opacity: 0.7; } #movie.st-Content .discList .discItem .discItem--image.more a { display: table !important; width: 100%; height: 100%; text-align: center; color: #fff !important; } #movie.st-Content .discList .discItem .discItem--image.more a span { display: table-cell !important; vertical-align: middle; color: #fff !important; } @media (max-width: 1280px) { #movie.st-Content .discList .discItem { -webkit-box-sizing: border-box; box-sizing: border-box; width: 30.46875vw; padding-left: 40px; } #movie.st-Content .discList .discItem .discItem--image { height: 33.59375vw; } } @media (max-width: 1024px) { #movie.st-Content .discList .discItem { -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 40px; width: 31.25vw; } #movie.st-Content .discList .discItem .discItem--image { height: 37.10938vw; } } @media (max-width: 750px) { #movie.st-Content .discList .discItem { -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 40px; width: 45.33333vw; } #movie.st-Content .discList .discItem .discItem--image { height: 50.66667vw; } } @media (max-width: 480px) { #movie.st-Content .discList .discItem { -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 40px; width: 62.5vw; } #movie.st-Content .discList .discItem .discItem--image { height: 79.16667vw; } } .discList .discItem { position: relative; } .discList .discItem img, .discList .discItem a { outline: none; } .discList .discItem .removeBItem { position: absolute; top: 0px; right: 0px; z-index: 10; pointer-events: auto; } .discList .discItem .removeBItem:before, .discList .discItem .removeBItem:after { width: 2px; height: 15px; margin-left: 6px; z-index: 10; } .discList .discItem .removeBItem span { position: relative; overflow: hidden; z-index: 1; } .discList .discItem .removeBItem span:before { content: ""; display: block; width: 100px; height: 100px; -webkit-transform: rotate(45deg); transform: rotate(45deg); top: -50px; position: absolute; left: 20px; background: rgba(0, 0, 0, .35); } .discList .discItem .removeBItem:before, .discList .discItem .removeBItem:after { background: #fff; } .discItem { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .discItem .item--row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; max-width: 307px; margin: 0 auto; } @media (max-width: 1024px) { .discItem .item--row { width: 100%; max-width: inherit; max-width: 270px; } } .discItem span.date { font-size: 13px; } @media (max-width: 1024px) { .discItem span.date { font-size: 10px; } } .discItem--image { position: relative; height: 307px; /* .je-filtered-image__photo { overflow: hidden; transition : transform 0.6s ease; @include transition(); } .je-filtered-image__shadow, .je-filtered-image__photo { height: 307px; border-radius: 0; box-shadow: none; @media (max-width: $breakpoint) { height: 140px; } } */ } .discItem--image > a { display: block; width: 100%; height: 100%; } .item--row + .discItem--image { margin-top: 1em; } @media (max-width: 1024px) { .discItem--image { height: 29.98047vw; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; } } @media (max-width: 750px) { .discItem--image { height: 140px; } } .discItem--image img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; font-family: 'object-fit: contain;'; text-align: center; -webkit-transition: -webkit-transform 0.8s ease; transition: -webkit-transform 0.8s ease; transition: transform 0.8s ease; transition: transform 0.8s ease, -webkit-transform 0.8s ease; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); /* -webkit-transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); */ } .discItem--header { text-align: left; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; text-align: left; width: 100%; margin-top: 2.2em !important; -webkit-transition: color 0.6s ease; transition: color 0.6s ease; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); /* -webkit-transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); */ } @media (max-width: 1024px) { .discItem--header { margin-top: 1.75em !important; } } .discItem--header h4 { font-size: 15px; line-height: 1.5; word-wrap: break-word; } @media (max-width: 1024px) { .discItem--header h4 { font-size: 12px; } } @media (max-width: 1024px) { .discItem--header { margin-top: 0px; } .discItem--header h4 { font-size: 12px; } } .discItem--body { display: block !important; text-align: left; line-height: 1.5; margin-top: 0.75em !important; font-size: 13px; } @media (max-width: 1024px) { .discItem--body { margin-top: 0.5em !important; } } @media (max-width: 1024px) { .discItem--body { font-size: 12px; } } .discItem--body p { line-height: 2; font-size: 13px; } @media (max-width: 1024px) { .discItem--body p { font-size: 12px; } } .movie .discList .item--row { max-width: 217px; } @media (min-width: 1024px) { .discItem a:hover { opacity: 1; } .discItem a:hover img { -webkit-transform: scale(1.05); transform: scale(1.05); -webkit-transition: -webkit-transform 1.2s ease; transition: -webkit-transform 1.2s ease; transition: transform 1.2s ease; transition: transform 1.2s ease, -webkit-transform 1.2s ease; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); /* -webkit-transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); */ } .discItem.bookmark .discItem--image { -webkit-transition: -webkit-transform 0.5s ease; transition: -webkit-transform 0.5s ease; transition: transform 0.5s ease; transition: transform 0.5s ease, -webkit-transform 0.5s ease; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); /* -webkit-transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); */ } .discItem.bookmark .discItem--image:hover { -webkit-transform: scale(1.05); transform: scale(1.05); -webkit-transition: -webkit-transform 1.2s ease; transition: -webkit-transform 1.2s ease; transition: transform 1.2s ease; transition: transform 1.2s ease, -webkit-transform 1.2s ease; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); /* -webkit-transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); */ } .discItem.bookmark .discItem--image:hover a { opacity: 1; } .discItem.bookmark .discItem--image:hover img { -webkit-transform: none; transform: none; -webkit-transition: none; transition: none; } } #movie.st-Content .discItem--image { height: 367px; } /* Live-Stage List ---------------------------------------*/ .liveList { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .liveList > .liveItem { -ms-flex-preferred-size: 100%; flex-basis: 100%; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; } .liveList > .liveItem + .liveItem { margin-top: 60px; } @media (max-width: 1024px) { .liveList > .liveItem + .liveItem { margin-top: 40px; } } .liveItem { width: 100%; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .liveItem .date { line-height: 1; font-size: 15px; margin-bottom: 40px; } @media (max-width: 1024px) { .liveItem .date { text-align: left; margin-bottom: 15px; font-size: 13px; } } @media (max-width: 1024px) { .liveItem { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } } .liveItem .liveItem--image { -ms-flex-preferred-size: 380px; flex-basis: 380px; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .liveItem .liveItem--image .je-filtered-image__photo { border-radius: 8px; } .liveItem .liveItem--image img { width: 380px; height: 380px; -o-object-fit: contain; object-fit: contain; font-family: 'object-fit: contain;'; } @media (max-width: 1280px) { .liveItem .liveItem--image { -ms-flex-preferred-size: 38%; flex-basis: 38%; } .liveItem .liveItem--image img { width: 100%; height: auto; -o-object-fit: contain; object-fit: contain; font-family: 'object-fit: contain;'; } } @media (max-width: 1024px) { .liveItem .liveItem--image { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; -ms-flex-preferred-size: 100%; flex-basis: 100%; text-align: center; } .liveItem .liveItem--image img { width: 35.15625vw; height: 35.15625vw; -o-object-fit: contain; object-fit: contain; font-family: 'object-fit: contain;'; } } @media (max-width: 750px) { .liveItem .liveItem--image img { width: 238px; height: 238px; -o-object-fit: contain; object-fit: contain; font-family: 'object-fit: contain;'; } } .liveItem .liveItem--header { -ms-flex-item-align: center; align-self: center; -ms-flex-negative: 1; flex-shrink: 1; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; margin-right: 150px; text-align: right; } @media (max-width: 1024px) { .liveItem .liveItem--header { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-right: 0; margin-top: 30px; } } .liveItem .liveItem--header a.liveItem--block { color: #292929; font-weight: 400; } .liveItem .liveItem--header .liveItem--block { display: block; text-align: left; margin-bottom: 1em; padding: 30px 15px 30px; border-top: 1px solid #292929; border-bottom: 1px solid #292929; } @media (max-width: 1024px) { .liveItem .liveItem--header .liveItem--block { padding: 20px 10px 20px; } } .liveItem .liveItem--header h4 { font-weight: 400; /* font-size: 28px; font-weight: bold; margin: 20px 0 30px; @media (max-width: $breakpoint) { font-size: 22px; margin: 20px 0 20px; line-height: 1.6; }*/ } .liveItem .liveItem--header span.date { font-size: 15px; color: #a3a3a3; } @media (max-width: 1024px) { .liveItem .liveItem--header span.date { font-size: 12px; } } .liveItem .liveItem--header div > a { font-size: 18px; } @media (max-width: 1024px) { .liveItem .liveItem--header div > a { font-size: 14px; } } .liveItem2 { width: 100%; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; border-top: 1px solid #292929; border-bottom: 1px solid #292929; position: relative; padding: 60px 0; } .liveItem2 .more { position: absolute; right: 0; bottom: 20px; } .liveItem2 + .liveItem2 { border-top: none; } @media (max-width: 1024px) { .liveItem2 { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; padding: 50px 0; } } .liveItem2 .liveItem--image { -ms-flex-preferred-size: 380px; flex-basis: 380px; -ms-flex-negative: 0; flex-shrink: 0; } .liveItem2 .liveItem--image .je-filtered-image__photo { border-radius: 8px; } .liveItem2 .liveItem--image img { width: 100%; height: 183px; -o-object-fit: contain; object-fit: contain; font-family: 'object-fit: contain;'; } @media (max-width: 1280px) { .liveItem2 .liveItem--image { -ms-flex-preferred-size: 38%; flex-basis: 38%; } .liveItem2 .liveItem--image img { width: 100%; height: 200px; -o-object-fit: contain; object-fit: contain; font-family: 'object-fit: contain;'; } } @media (max-width: 1024px) { .liveItem2 .liveItem--image { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; -ms-flex-preferred-size: 100%; flex-basis: 100%; text-align: center; } .liveItem2 .liveItem--image img { width: 100%; height: 200px; -o-object-fit: contain; object-fit: contain; font-family: 'object-fit: contain;'; } } @media (max-width: 750px) { .liveItem2 .liveItem--image img { width: 100%; height: 200px; -o-object-fit: contain; object-fit: contain; font-family: 'object-fit: contain;'; } } .liveItem2 .liveItem--header { -ms-flex-item-align: center; align-self: center; -ms-flex-negative: 1; flex-shrink: 1; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; margin-right: 150px; padding: 0px; text-align: right; } @media (max-width: 1024px) { .liveItem2 .liveItem--header { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-right: 0; margin-top: 50px; } } .liveItem2 .liveItem--header .liveItem--block { text-align: left; padding: 0px 0 0 50px; } @media (max-width: 1024px) { .liveItem2 .liveItem--header .liveItem--block { padding: 0; } } .liveItem2 .liveItem--header a { text-align: right; color: #292929; margin-top: 1.5em; } @media (max-width: 1024px) { .liveItem2 .liveItem--header a { margin-top: 2em; } } .liveItem2 .liveItem--header h4 { font-size: 26px; font-weight: bold; margin-bottom: 0.5em; } @media (max-width: 1024px) { .liveItem2 .liveItem--header h4 { font-size: 20px; line-height: 1.6; } } .liveItem2 .liveItem--header span.date { font-size: 15px; color: #727272; } @media (max-width: 1024px) { .liveItem2 .liveItem--header span.date { font-size: 12px; } } .liveItem2 .liveItem--header a { font-size: 18px; font-family: 'Open Sans', sans-serif; font-weight: 600; } @media (max-width: 1024px) { .liveItem2 .liveItem--header a { font-size: 14px; } } /* Profile List ---------------------------------------*/ .st-Main--L1 .profileList { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; /* &.profile-1 { & > .profileItem { width: 100%; max-width: 750px; flex-basis: 100%; padding: 0; @media (max-width: $breakpoint) { width: 100%; flex-basis: 100% !important; } } } &.profile-2 { & > .profileItem { width: 50%; flex-basis: 50%; max-width: 410px; //padding: 0 35px; } } &.profile-3 { & > .profileItem { width: 100%; flex-basis: calc(100%/3); max-width: 410px; //padding: 0 35px; } } &.profile-4 { & > .profileItem { width: 100%; flex-basis: calc(100%/4); max-width: 320px; //padding: 0 25px; } } &.profile-5 { & > .profileItem { width: 100%; flex-basis: calc(100%/5); max-width: 261px; //padding: 0 18px; } } &.profile-6 { & > .profileItem { width: 100%; flex-basis: calc(100%/6); max-width: 230px; //padding: 0 15px; } } &.profile-7 { & > .profileItem { width: 100%; flex-basis: calc(100%/7); max-width: 198px; //padding: 0 10px; } }*/ } .st-Main--L1 .profileList.reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } @media (max-width: 1024px) { .st-Main--L1 .profileList { max-width: 49.41406vw; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media (max-width: 750px) { .st-Main--L1 .profileList { max-width: 324px; } } @media (max-width: 374px) { .st-Main--L1 .profileList { max-width: 270px; } } .st-Main--L1 .profileList > .profileItem { display: block; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: 100%; flex-basis: 100%; margin: 0 1px; height: 600px; max-width: 478px; /* @media (max-width: 374px) { width: 160px !important; flex-basis: 125px !important; }*/ } .st-Main--L1 .profileList > .profileItem .profileItem--image { height: 600px; } .st-Main--L1 .profileList > .profileItem img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; } @media (max-width: 1440px) { .st-Main--L1 .profileList > .profileItem { height: 41.66667vw; } .st-Main--L1 .profileList > .profileItem .profileItem--image { height: 41.66667vw; } } @media (max-width: 1024px) { .st-Main--L1 .profileList > .profileItem { max-width: inherit !important; margin-top: 1px; width: 24.41406vw !important; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; padding: 0 !important; -ms-flex-preferred-size: 24.41406vw !important; flex-basis: 24.41406vw !important; height: auto; } .st-Main--L1 .profileList > .profileItem:nth-child(1), .st-Main--L1 .profileList > .profileItem:nth-child(2) { margin-top: 0; } .st-Main--L1 .profileList > .profileItem .profileItem--image { overflow: hidden; height: 37.20703vw; } .st-Main--L1 .profileList > .profileItem .profileItem--image img { -o-object-fit: cover; object-fit: cover; -o-object-position: center top; object-position: center top; width: 150%; margin-left: -25%; } .st-Main--L1 .profileList > .profileItem .profileItem--image img.pc-none { -o-object-position: center center; object-position: center center; width: 100%; margin-left: 0; } } @media (max-width: 750px) { .st-Main--L1 .profileList > .profileItem { margin-top: 1px; width: auto !important; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; padding: 0 !important; -ms-flex-preferred-size: calc(50% - 2px) !important; flex-basis: calc(50% - 2px) !important; } .st-Main--L1 .profileList > .profileItem:nth-child(1), .st-Main--L1 .profileList > .profileItem:nth-child(2) { margin-top: 0; } .st-Main--L1 .profileList > .profileItem .profileItem--image { width: 100% !important; overflow: hidden; height: 240px; } .st-Main--L1 .profileList > .profileItem .profileItem--image img { width: 150%; margin-left: -25%; } } .st-Main--L1 .profileList a { display: block; } .st-Main--L2 .profileList { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 1230px; margin-left: auto; margin-right: auto; } .st-Main--L2 .profileList.reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } @media (max-width: 1024px) { .st-Main--L2 .profileList { max-width: 58.59375vw; } } @media (max-width: 750px) { .st-Main--L2 .profileList { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; display: block !important; max-width: 313px; } } .st-Main--L2 .profileList > .profileItem { display: block; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; width: 100%; -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; max-width: 410px; margin-top: 20px; } .st-Main--L2 .profileList > .profileItem:nth-child(1), .st-Main--L2 .profileList > .profileItem:nth-child(2), .st-Main--L2 .profileList > .profileItem:nth-child(3) { margin-top: 0px; } @media (max-width: 1024px) { .st-Main--L2 .profileList > .profileItem { margin-top: 25px; width: 29.29688vw; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-preferred-size: 29.29688vw; flex-basis: 29.29688vw; } .st-Main--L2 .profileList > .profileItem:nth-child(1), .st-Main--L2 .profileList > .profileItem:nth-child(2), .st-Main--L2 .profileList > .profileItem:nth-child(3) { margin-top: 0px; } .st-Main--L2 .profileList > .profileItem .profileItem--image { width: 29.29688vw; height: 37.20703vw; } .st-Main--L2 .profileList > .profileItem .profileItem--image img { -o-object-position: center top !important; object-position: center top !important; } .st-Main--L2 .profileList > .profileItem .profileItem--image img.pc-none { -o-object-position: center center !important; object-position: center center !important; } .st-Main--L2 .profileList > .profileItem:nth-child(3) { margin-top: 25px; } } @media (max-width: 750px) { .st-Main--L2 .profileList > .profileItem { width: 313px; -ms-flex-preferred-size: 313px; flex-basis: 313px; width: 100%; } .st-Main--L2 .profileList > .profileItem .profileItem--image { width: 313px; height: 400px; } .st-Main--L2 .profileList > .profileItem .profileItem--image img { -o-object-position: center top !important; object-position: center top !important; } .st-Main--L2 .profileList > .profileItem .profileItem--image img.pc-none { -o-object-position: center center !important; object-position: center center !important; } .st-Main--L2 .profileList > .profileItem:nth-child(2) { margin-top: 25px; } .st-Main--L2 .profileList > .profileItem:nth-child(3) { margin-top: 25px; } } @media (max-width: 353px) { .st-Main--L2 .profileList > .profileItem { width: 88.66856vw; -ms-flex-preferred-size: 88.66856vw; flex-basis: 88.66856vw; } .st-Main--L2 .profileList > .profileItem .profileItem--image { width: 88.66856vw; height: 113.31445vw; } .st-Main--L2 .profileList > .profileItem .profileItem--image img { -o-object-position: center top !important; object-position: center top !important; } } @media all and (-ms-high-contrast: none) { .st-Main--L2 .profileList > .profileItem *::-ms-backdrop, .st-Main--L2 .profileList > .profileItem { width: 33.33333%; -ms-flex-preferred-size: calc(30% - 40px); flex-basis: calc(30% - 40px); } } @media all and (-ms-high-contrast: none) and (max-width: 1024px) { .st-Main--L2 .profileList > .profileItem *::-ms-backdrop, .st-Main--L2 .profileList > .profileItem { width: 29.29688vw; -ms-flex-preferred-size: 40%; flex-basis: 40%; } } .st-Main--L2 .profileList.profile-1 { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .st-Main--L2 .profileList.profile-1 > .profileItem { width: 100%; max-width: 750px; -ms-flex-preferred-size: 100%; flex-basis: 100%; } @media (max-width: 1024px) { .st-Main--L2 .profileList.profile-1 > .profileItem { width: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } } .st-Main--L2 .profileList.profile-2 { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .st-Main--L2 .profileList.profile-2 > .profileItem { max-width: 410px; } .st-Main--L2 .profileList.profile-3 > .profileItem, .st-Main--L2 .profileList.profile-4 > .profileItem, .st-Main--L2 .profileList.profile-5 > .profileItem, .st-Main--L2 .profileList.profile-6 > .profileItem, .st-Main--L2 .profileList.profile-7 > .profileItem { width: 33.333333%; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; max-width: 410px; } @media (max-width: 750px) { .st-Main--L2 .profileList.profile-3 > .profileItem, .st-Main--L2 .profileList.profile-4 > .profileItem, .st-Main--L2 .profileList.profile-5 > .profileItem, .st-Main--L2 .profileList.profile-6 > .profileItem, .st-Main--L2 .profileList.profile-7 > .profileItem { width: 100%; } } /* .st-Main--L2 { .profileList { //margin-top: 45px; justify-content: flex-start; flex-wrap: wrap; max-width: 1230px; margin-left: auto; margin-right: auto; @media (max-width: $breakpoint) { //margin-bottom: 20px; max-width: 272px * 2; } @media (max-width: 750px) { flex-direction: column; max-width: 272px; } & > .profileItem { display: block; flex-grow: 1; flex-shrink: 1; width: 100%; flex-basis : calc(33.333333%); padding-top: 40px; margin-top: 20px; &:nth-child(1), &:nth-child(2), &:nth-child(3) { margin-top: -40px; } //margin-bottom: 60px; @media (max-width: $breakpoint) { padding-top: 20px; margin-top: 25px; width: 272px; flex-shrink: 0; flex-grow: 0; padding-left: 20px !important; padding-right: 20px !important; flex-basis: 272px; &:nth-child(3) { margin-top: 25px; } } @media (max-width: 750px) { width: 272px; flex-basis: 272px; padding-left: 0px !important; padding-right: 0px !important; width: 100%; &:nth-child(2) { margin-top: 25px; } &:nth-child(3) { margin-top: 25px; } } } &.profile-1 { justify-content: center; & > .profileItem { width: 100%; max-width: 750px; flex-basis: 100%; //padding: 0; @media (max-width: $breakpoint) { width: 100%; flex-basis: 100%; } } } &.profile-2 { justify-content: center; & > .profileItem { max-width: 410px; //padding: 0 35px; padding-left: 35px; padding-right: 35px; } } &.profile-3, &.profile-4, &.profile-5, &.profile-6, &.profile-7 { & > .profileItem { width: 33.333333%; //flex-basis : calc(33.333333%); flex-shrink: 0; flex-grow: 0; max-width: 410px; //padding: 0 35px; //padding-left: 35px; //padding-right: 35px; @media (max-width: 750px) { width: 100%; } } } } } */ .profileItem { text-align: center; } .profileItem .je-filtered-image--container .je-filtered-image__photo { border-radius: 10px; overflow: hidden; } .profileItem .je-filtered-image--container .je-filtered-image__photo img { -webkit-transition: -webkit-transform 1s ease; transition: -webkit-transform 1s ease; transition: transform 1s ease; transition: transform 1s ease, -webkit-transform 1s ease; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); /* -webkit-transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); */ } @media (min-width: 1024px) { .profileItem a:hover .je-filtered-image__photo img { -webkit-transition: -webkit-transform 2s ease; transition: -webkit-transform 2s ease; transition: transform 2s ease; transition: transform 2s ease, -webkit-transform 2s ease; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); /* -webkit-transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); */ -webkit-transform: scale(1.05); transform: scale(1.05); } } .profileItem .profileItem--header { margin-top: 40px !important; font-size: 14px; letter-spacing: 0.12em; line-height: 2; } @media (max-width: 1024px) { .profileItem .profileItem--header { margin-top: 30px !important; } } .profileItem .profileItem--header h3 { font-weight: 400; font-size: 28px; line-height: 1; } @media (max-width: 1024px) { .profileItem .profileItem--header h3 { font-size: 22px; } } .profileItem .profileItem--header span { display: inline-block; font-size: 14px; } @media (max-width: 1024px) { .profileItem .profileItem--header span { font-size: 10px; } } .profileItem .profileItem--body { line-height: 2; margin-top: 15px !important; } @media (max-width: 1024px) { .profileItem .profileItem--body { margin-top: 15px !important; } } .profileItem .profileItem--body p { margin-top: 1em; font-size: 14px; } @media (max-width: 1024px) { .profileItem .profileItem--body p { font-size: 11px; } } @media (max-width: 1024px) { .trackInfo { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } } .trackInfo a { text-decoration: underline; } .trackInfo > *, .trackInfo.col2 > * { display: block; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-preferred-size: calc(50% - 20px); flex-basis: calc(50% - 20px); width: calc(50% - 20px); word-break: break-all; } @media (max-width: 1024px) { .trackInfo > *, .trackInfo.col2 > * { width: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } } .trackInfo.col3 > * { display: block; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-preferred-size: calc(33% - 20px); flex-basis: calc(33% - 20px); width: calc(33% - 20px); word-break: break-all; } @media (max-width: 1024px) { .trackInfo.col3 > * { width: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } } .trackInfo ul { margin: 0; padding: 0; } .trackInfo ul li { list-style: none !important; position: relative; padding-left: 50px; margin-left: 0 !important; } .trackInfo ul li:before { content: attr(data-list-num) ""; display: block; position: absolute; left: 0; top: 0; color: #9a9a9a; font-size: 15px; } .trackList { margin-bottom: 4em; } .trackList .track { padding-left: 50px; position: relative; } @media (max-width: 1024px) { .trackList .track { padding-left: 35px; } } .trackList .track ruby rt { height: 0px; position: absolute; font-size: 10px; text-align: center; -webkit-transform: translate3d(0, -0.5em, 0); transform: translate3d(0, -0.5em, 0); } .trackList .track:before { content: attr(data-list-num) ""; display: block; position: absolute; left: 0; top: 0; color: #9a9a9a; font-size: 12px; } @media (max-width: 1024px) { .trackList .track:before { font-size: 11px; } } .trackList .track--title { position: relative; top: -0.2em; font-size: 15px; line-height: 1; } @media (max-width: 1024px) { .trackList .track--title { font-size: 12px; } } .trackList .track--info { font-size: 12px; margin-top: 0.5em; line-height: 1; color: #727272; } .trackList .track--info small { font-size: 12px; } @media (max-width: 1024px) { .trackList .track--info small { font-size: 10px; } } .trackList .track .comment { font-size: 12px; margin-top: 1em; background: #292929; color: #fff; cursor: pointer; position: relative; } .trackList .track .comment:after { position: absolute; width: 5px; height: 1px; content: ""; display: block; background: #FFF; top: 17px; left: 20px; } .trackList .track .comment:before { position: absolute; width: 1px; height: 5px; content: ""; display: block; background: #FFF; top: 17px; margin-top: -2px; left: 22px; } .trackList .track .comment.open { background: none; border: 1px solid #292929; color: #292929; } .trackList .track .comment.open:before, .trackList .track .comment.open:after { background: #292929; } .trackList .track .comment.open:before { opacity: 0; } .trackList .track .comment--header { padding: 5px 0; padding-left: 40px; } .trackList .track .comment--body { display: none; padding: 15px 15px 15px; } .trackList .track + .track { margin-top: 2em; } /* slider common ------------------------------*/ .slick-list { overflow-x: hidden; } @-webkit-keyframes rotate-circle-right { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); background: #fff; } 50% { -webkit-transform: rotate(180deg); transform: rotate(180deg); background: #fff; } 50.01% { -webkit-transform: rotate(360deg); transform: rotate(360deg); background: #e9518e; } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); background: #e9518e; } } @keyframes rotate-circle-right { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); background: #fff; } 50% { -webkit-transform: rotate(180deg); transform: rotate(180deg); background: #fff; } 50.01% { -webkit-transform: rotate(360deg); transform: rotate(360deg); background: #e9518e; } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); background: #e9518e; } } @-webkit-keyframes rotate-circle-left { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 50% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(180deg); transform: rotate(180deg); } } @keyframes rotate-circle-left { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 50% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(180deg); transform: rotate(180deg); } } @-webkit-keyframes rotate-circle-right2 { 0% { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); background: #fff; } 50% { -webkit-transform: rotate(0deg); transform: rotate(0deg); background: #fff; } 50.01% { -webkit-transform: rotate(0deg); transform: rotate(0deg); background: #fff; } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); background: #fff; } } @keyframes rotate-circle-right2 { 0% { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); background: #fff; } 50% { -webkit-transform: rotate(0deg); transform: rotate(0deg); background: #fff; } 50.01% { -webkit-transform: rotate(0deg); transform: rotate(0deg); background: #fff; } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); background: #fff; } } @-webkit-keyframes rotate-circle-left2 { 0% { -webkit-transform: rotate(180deg); transform: rotate(180deg); opacity: 1; background: -webkit-gradient(linear, left top, left bottom, from(#4fcf94), to(#3360bd)); background: linear-gradient(180deg, #4fcf94, #3360bd); background-position: 50% 0; } 50% { -webkit-transform: rotate(180deg); transform: rotate(180deg); opacity: 1; background: -webkit-gradient(linear, left top, left bottom, from(#4fcf94), to(#3360bd)); background: linear-gradient(180deg, #4fcf94, #3360bd); background-position: 50% 0; } 50.01% { -webkit-transform: rotate(0deg); transform: rotate(0deg); opacity: 1; background: #fff; } 100% { -webkit-transform: rotate(180deg); transform: rotate(180deg); opacity: 1; background: #fff; } } @keyframes rotate-circle-left2 { 0% { -webkit-transform: rotate(180deg); transform: rotate(180deg); opacity: 1; background: -webkit-gradient(linear, left top, left bottom, from(#4fcf94), to(#3360bd)); background: linear-gradient(180deg, #4fcf94, #3360bd); background-position: 50% 0; } 50% { -webkit-transform: rotate(180deg); transform: rotate(180deg); opacity: 1; background: -webkit-gradient(linear, left top, left bottom, from(#4fcf94), to(#3360bd)); background: linear-gradient(180deg, #4fcf94, #3360bd); background-position: 50% 0; } 50.01% { -webkit-transform: rotate(0deg); transform: rotate(0deg); opacity: 1; background: #fff; } 100% { -webkit-transform: rotate(180deg); transform: rotate(180deg); opacity: 1; background: #fff; } } .slick-dots { pointer-events: auto; text-align: center; margin: 0 auto; padding-top: 25px; } .slick-dots li { display: inline-block; margin: 0 2px; width: 10px; height: 10px; border-radius: 8px; overflow: hidden; position: relative; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } @media (max-width: 1024px) { .slick-dots li { width: 6px; height: 6px; margin: 0 2px; border-radius: 6px; } } .slick-dots li button { border: 1px solid #292929; width: 8px; height: 8px; text-indent: -9999px; position: absolute; z-index: 10; left: 1px; top: 1px; border-radius: 50%; } @media (max-width: 1024px) { .slick-dots li button { width: 4px; height: 4px; margin: 1px; left: 0px; top: 0px; border-radius: 100%; } } .slick-dots li.slick-active button { background: #292929; } /* slider-discItem */ .calendar-top { width: 100%; height: 0px; } @media (max-width: 1024px) { .calendar-top { height: 100px; } } .calendar-top .scroller { position: absolute; top: -50px; left: 160px; font-size: 13px; } @media (max-width: 1024px) { .calendar-top .scroller { top: -42px; left: 80px; } } .calendar-top .scroller:after { content: "Scroll"; color: #292929; position: absolute; left: -80px; top: -222px; -webkit-transform: rotate(-90deg) translate3d(0, -78%, 0); transform: rotate(-90deg) translate3d(0, -78%, 0); } @media (max-width: 1024px) { .calendar-top .scroller:after { font-size: 10px; top: 0px; left: -40px; } } .calendar-top .scroller .line { position: absolute; bottom: -150px; width: 1px; height: 300px; overflow: hidden; left: -80px; } @media (max-width: 1024px) { .calendar-top .scroller .line { height: 100px; left: -40px; } } .calendar-top .scroller .line:before { content: ""; background: #292929; position: absolute; width: 1px; height: 600px; top: 0; -webkit-animation: moveUpToDown 3.0s linear forwards; animation: moveUpToDown 3.0s linear forwards; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } @media (max-width: 1024px) { .calendar-top .scroller .line:before { height: 200px; top: 0; left: 0px; } } .calendar-top .todaysCalendar { position: absolute; top: -50px; left: 160px; font-size: 13px; margin-bottom: -150px; } @media (max-width: 1024px) { .calendar-top .todaysCalendar { top: -42px; left: 80px; font-size: 10px; margin-bottom: 0px; right: 20px; } } .calendar-top .todaysCalendar .slider-calendar { margin-top: 0.5em; border-top: 1px solid #292929; border-bottom: 1px solid #292929; } .calendar-top .todaysCalendar .slider-calendar > div { width: 548px; padding: 30px 0 30px 60px; background-repeat: no-repeat; background-size: auto 22px; background-position: 20px center; } .calendar-top .todaysCalendar .slider-calendar > div.birthday { background-image: url(../../images/ico/calendar-01.png); } .calendar-top .todaysCalendar .slider-calendar > div.cm, .calendar-top .todaysCalendar .slider-calendar > div.tv { background-image: url(../../images/ico/calendar-02.png); } .calendar-top .todaysCalendar .slider-calendar > div.radio { background-image: url(../../images/ico/calendar-03.png); } .calendar-top .todaysCalendar .slider-calendar > div.book, .calendar-top .todaysCalendar .slider-calendar > div.magazine { background-image: url(../../images/ico/calendar-04.png); } .calendar-top .todaysCalendar .slider-calendar > div.movie { background-image: url(../../images/ico/calendar-05.png); } .calendar-top .todaysCalendar .slider-calendar > div.stage { background-image: url(../../images/ico/calendar-06.png); } .calendar-top .todaysCalendar .slider-calendar > div.web { background-image: url(../../images/ico/calendar-07.png); } .calendar-top .todaysCalendar .slider-calendar > div.live { background-image: url(../../images/ico/calendar-08.png); } .calendar-top .todaysCalendar .slider-calendar > div.live_online, .calendar-top .todaysCalendar .slider-calendar > div.online { background-image: url(../../images/ico/calendar-09.png); } .calendar-top .todaysCalendar .slider-calendar > div.titl, .calendar-top .todaysCalendar .slider-calendar > div.release { background-image: url(../../images/ico/calendar-10.png); } .calendar-top .todaysCalendar .slider-calendar > div.event { background-image: url(../../images/ico/calendar-11.png); } @media (max-width: 1024px) { .calendar-top .todaysCalendar .slider-calendar > div { padding: 20px 0 20px 40px; width: auto; background-size: auto 18px; background-position: 10px center; } } .calendar-top .todaysCalendar .slider-calendar > div a { color: inherit; text-decoration: underline; } .color-kattun .st-Header--ArtistTop .calendar-top .todaysCalendar .slider-calendar > div.birthday { background-image: url(../../images/ico/wt-calendar-01.png); } .color-kattun .st-Header--ArtistTop .calendar-top .todaysCalendar .slider-calendar > div.tv, .color-kattun .st-Header--ArtistTop .calendar-top .todaysCalendar .slider-calendar > div.cm { background-image: url(../../images/ico/wt-calendar-02.png); } .color-kattun .st-Header--ArtistTop .calendar-top .todaysCalendar .slider-calendar > div.radio { background-image: url(../../images/ico/wt-calendar-03.png); } .color-kattun .st-Header--ArtistTop .calendar-top .todaysCalendar .slider-calendar > div.book, .color-kattun .st-Header--ArtistTop .calendar-top .todaysCalendar .slider-calendar > div.magazine { background-image: url(../../images/ico/wt-calendar-04.png); } .color-kattun .st-Header--ArtistTop .calendar-top .todaysCalendar .slider-calendar > div.movie { background-image: url(../../images/ico/wt-calendar-05.png); } .color-kattun .st-Header--ArtistTop .calendar-top .todaysCalendar .slider-calendar > div.stage { background-image: url(../../images/ico/wt-calendar-06.png); } .color-kattun .st-Header--ArtistTop .calendar-top .todaysCalendar .slider-calendar > div.web { background-image: url(../../images/ico/wt-calendar-07.png); } .color-kattun .st-Header--ArtistTop .calendar-top .todaysCalendar .slider-calendar > div.live { background-image: url(../../images/ico/wt-calendar-08.png); } .color-kattun .st-Header--ArtistTop .calendar-top .todaysCalendar .slider-calendar > div.live_online { background-image: url(../../images/ico/wt-calendar-09.png); } .color-kattun .st-Header--ArtistTop .calendar-top .todaysCalendar .slider-calendar > div.titl { background-image: url(../../images/ico/wt-calendar-10.png); } .color-kattun .st-Header--ArtistTop .calendar-top .todaysCalendar .slider-calendar > div.event { background-image: url(../../images/ico/wt-calendar-11.png); } /* slider main */ .slider-top { width: 100%; height: 100%; } .slider-top .slick-list, .slider-top .slick-track { height: 100%; } .slider-top .slick-prev, .slider-top .slick-next { line-height: 18px; } .slider-top .slick-prev i, .slider-top .slick-next i { vertical-align: top; } .slider-top .slick-prev span, .slider-top .slick-next span { display: block; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: all 1.2s ease; transition: all 1.2s ease; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); /* -webkit-transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); */ } .slider-top .slick-prev:hover span { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } .slider-top .slick-next:hover span { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } .slider-top .slick-prev { position: absolute; left: 40px; top: 50%; z-index: 10; } .slider-top .slick-next { position: absolute; right: 40px; top: 50%; z-index: 10; } @media (max-width: 1024px) { .slider-top .slick-next, .slider-top .slick-prev { display: none !important; } } .slider-top figure { outline: none; height: 100%; background: #f4f4f4; margin: 0; position: relative; float: left; display: block; } .slider-top figure > a { outline: none; position: absolute; top: calc(50% - 261px); left: calc(50% - 375px); filter: url('data:image/svg+xml;charset=utf-8,#filter'); -webkit-filter: brightness(2) contrast(0); filter: brightness(2) contrast(0); z-index: 5; } .slider-top figure > a img { vertical-align: top; width: 750px; height: auto; } @media (max-width: 750px) { .slider-top figure > a { max-width: 750px; top: calc(50% - 231px); -webkit-transform: scale(0.48); transform: scale(0.48); } } .slider-top figure:after, .slider-top figure:before { content: ''; display: block; width: 750px; height: 422px; position: absolute; top: calc(50% - 261px); left: calc(50% - 375px); background: #fff; } .slider-top figure:after { background: #fff; top: calc(50% - 261px); left: calc(50% - 375px); z-index: 0; } @media (max-width: 750px) { .slider-top figure:after { top: calc(50% - 231px); -webkit-transform: scale(0.48); transform: scale(0.48); } } .slider-top figure:before { background: #fff; top: calc(50% - 261px); left: calc(50% - 375px); z-index: 0; } @media (max-width: 750px) { .slider-top figure:before { top: calc(50% - 231px); -webkit-transform: scale(0.48); transform: scale(0.48); } } .slider-top figure > a, .slider-top figure:before, .slider-top figure:after { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: translate3d(-20%, -30%, 0) rotate(-6deg); transform: translate3d(-20%, -30%, 0) rotate(-6deg); -webkit-transition: all 1.8s ease; transition: all 1.8s ease; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); /* -webkit-transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); */ } @media (max-width: 750px) { .slider-top figure > a, .slider-top figure:before, .slider-top figure:after { -webkit-transform: translate3d(-20%, -30%, 0) rotate(-6deg) scale(0.48); transform: translate3d(-20%, -30%, 0) rotate(-6deg) scale(0.48); } } .slider-top figure.slick-current.ready > a { -webkit-filter: none; filter: none; -webkit-transform: translate3d(0%, 0%, 0); transform: translate3d(0%, 0%, 0); } @media (max-width: 750px) { .slider-top figure.slick-current.ready > a { -webkit-transform: translate3d(0%, 0%, 0) scale(0.48); transform: translate3d(0%, 0%, 0) scale(0.48); } } .slider-top figure.slick-current.ready:after { -webkit-transform: skewX(-10deg) rotate(3.5deg) scaleX(0.98); transform: skewX(-10deg) rotate(3.5deg) scaleX(0.98); top: calc(50% - 281px); left: calc(50% - 415px); } @media (max-width: 750px) { .slider-top figure.slick-current.ready:after { -webkit-transform: scale(0.48) skewX(-10deg) rotate(3.5deg) scaleX(0.98); transform: scale(0.48) skewX(-10deg) rotate(3.5deg) scaleX(0.98); top: calc(50% - 241px); left: calc(50% - 395px); } } .slider-top figure.slick-current.ready:before { -webkit-transform: skewX(-10deg) rotate(3.5deg) scaleX(0.9); transform: skewX(-10deg) rotate(3.5deg) scaleX(0.9); top: calc(50% - 251px); left: calc(50% - 345px); } @media (max-width: 750px) { .slider-top figure.slick-current.ready:before { -webkit-transform: scale(0.48) skewX(-10deg) rotate(3.5deg) scaleX(0.9); transform: scale(0.48) skewX(-10deg) rotate(3.5deg) scaleX(0.9); top: calc(50% - 221px); } } .slider-top figure.slick-current.ready figcaption { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slider-top figure figcaption { position: absolute; top: calc(50% + 170px); right: calc(50% - 480px); z-index: 10; -webkit-transition: all 2.4s 0.6s ease; transition: all 2.4s 0.6s ease; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); /* -webkit-transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); */ opacity: 0; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } @media (max-width: 1024px) { .slider-top figure figcaption { top: calc(50% + 100px); right: 20px; } } .slider-top figure figcaption img { height: 112px; width: auto; filter: url('data:image/svg+xml;charset=utf-8,#filter'); -webkit-filter: drop-shadow(0px 5px 19px rgba(0, 0, 0, .2)); filter: drop-shadow(0px 5px 19px rgba(0, 0, 0, .2)); } @media (max-width: 1024px) { .slider-top figure figcaption img { height: 35px; width: auto; } } @media (max-width: 360px) { .slider-top figure figcaption img { height: 32px; width: auto; } } .slider-top figure.color-tokio figcaption img { height: 126px; width: auto; filter: url('data:image/svg+xml;charset=utf-8,#filter'); -webkit-filter: drop-shadow(0px 5px 19px rgba(0, 0, 0, .2)); filter: drop-shadow(0px 5px 19px rgba(0, 0, 0, .2)); } @media (max-width: 1024px) { .slider-top figure.color-tokio figcaption img { height: 42px; width: auto; } } .slider-special div, .slider-bg div { width: 100%; height: 100%; display: inline-block; } #discography.st-ContentFirst .discography-1 .slider-single { width: 100%; } @media (max-width: 1024px) { #discography.st-ContentFirst .discography-1 .slider-single { width: 240px; margin: 0 auto; } } #discography.st-ContentFirst .discography-1 .slider-single .item { float: left; display: table; height: 340px; } @media (max-width: 1024px) { #discography.st-ContentFirst .discography-1 .slider-single .item { height: 267px; } } #discography.st-ContentFirst .discography-1 .slider-single .item a { display: table-cell; vertical-align: middle; } .slider-single { width: 100%; /* @media (max-width: $breakpoint) { width: 240px; margin: 0 auto; }*/ } .slider-single .item { float: left; display: block; /* height: 340px; @media (max-width: $breakpoint) { //display: block; height: 267px; }*/ } .slider-single .item a { overflow: hidden; display: block; } .slider-single .slick-prev { position: absolute; left: 0; top: 50%; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .slider-single .slick-next { position: absolute; left: 100%; top: 50%; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } /* slider-pickup */ .slider-pickup--container { position: relative; } .slider-pickup { position: relative; z-index: 1; text-align: center; } .slider-pickup .slick-next, .slider-pickup .slick-prev { display: none !important; } .slider-pickup .slick-track { margin: 0 auto; } .slider-pickup .je-filtered-image__shadow { display: none !important; } .slider-pickup .je-filtered-image__photo { margin: 0 auto; } @media (max-width: 1024px) { .slider-pickup .je-filtered-image__shadow { display: block !important; } } .slider-pickup--cloned { position: absolute !important; z-index: 0; top: 0; top: 20px; left: 10px; right: -10px; filter: url('data:image/svg+xml;charset=utf-8,#filter'); -webkit-filter: blur(15px); filter: blur(15px); opacity: 0.4; } .slider-pickup--cloned .slick-next, .slider-pickup--cloned .slick-prev { display: none !important; } .slider-pickup--cloned .slick-dots { display: none !important; } @media (max-width: 1024px) { .slider-pickup--cloned { filter: url('data:image/svg+xml;charset=utf-8,#filter'); -webkit-filter: blur(4px); filter: blur(4px); opacity: 0; } } .slider-pickup--dummy { position: absolute; z-index: 0; top: 0; } .slider-pickup .slick-list, .slider-banners .slick-list { margin: -10px 0px; } .slider-pickup a, .slider-banners a { text-align: center; display: inline-block; outline: none; overflow: hidden; padding: 0 20px; } .slider-pickup a .banner-img, .slider-banners a .banner-img { overflow: hidden; height: auto; /* @media (-webkit-device-pixel-ratio: 1.5) { width: 300px; } @media (-webkit-device-pixel-ratio: 2) { width: 240px; } @media (max-width: $breakpoint) { width: 300px; }*/ } @media (-webkit-device-pixel-ratio: 1.5) { .slider-pickup a .banner-img, .slider-banners a .banner-img { max-width: 300px; } } @media (-webkit-device-pixel-ratio: 2) { .slider-pickup a .banner-img, .slider-banners a .banner-img { max-width: 300px; } } @media (max-width: 1024px) { .slider-pickup a .banner-img, .slider-banners a .banner-img { max-width: 300px; } } .slider-pickup a .banner-img img, .slider-banners a .banner-img img { -webkit-transition: -webkit-transform 1.6s ease; transition: -webkit-transform 1.6s ease; transition: transform 1.6s ease; transition: transform 1.6s ease, -webkit-transform 1.6s ease; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); /* -webkit-transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); */ } .slider-pickup a:hover .banner-img img, .slider-banners a:hover .banner-img img { -webkit-transition: -webkit-transform 1.6s ease; transition: -webkit-transform 1.6s ease; transition: transform 1.6s ease; transition: transform 1.6s ease, -webkit-transform 1.6s ease; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); /* -webkit-transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); */ -webkit-transform: scale(1.05); transform: scale(1.05); } @media (max-width: 1024px) { .slider-pickup a, .slider-banners a { padding: 20px 0; } } .slider-pickup a img, .slider-banners a img { width: 100%; height: auto; max-width: 360px; } @media (-webkit-device-pixel-ratio: 1.5) { .slider-pickup a img, .slider-banners a img { max-width: 300px; } } @media (-webkit-device-pixel-ratio: 2) { .slider-pickup a img, .slider-banners a img { max-width: 300px; } } @media (max-width: 1024px) { .slider-pickup a img, .slider-banners a img { width: 300px; } } .slider-pickup, .slider-banners { position: relative; } @media (max-width: 1024px) { .slider-pickup a, .slider-banners a { margin: 0 10px; } } .slider-pickup .slick-next, .slider-pickup .slick-prev, .slider-banners .slick-next, .slider-banners .slick-prev { position: absolute; top: calc(50% - 50px); width: 44px; height: 44px; text-indent: -99999px; } @media (max-width: 1024px) { .slider-pickup .slick-next, .slider-pickup .slick-prev, .slider-banners .slick-next, .slider-banners .slick-prev { display: none !important; } } .slider-pickup .slick-prev:before, .slider-pickup .slick-prev:after, .slider-banners .slick-prev:before, .slider-banners .slick-prev:after { display: block; pointer-events: none; content: ""; position: absolute; left: 50%; top: 50%; width: 50%; height: 4px; border-radius: 6px; -webkit-transform-origin: 0 center; transform-origin: 0 center; background: #a3a3a3; -webkit-transform: rotate(-45deg) translate3d(0, 1px, 0); transform: rotate(-45deg) translate3d(0, 1px, 0); -webkit-transition: border-color 0s ease, -webkit-transform 0.6s ease; transition: border-color 0s ease, -webkit-transform 0.6s ease; transition: transform 0.6s ease, border-color 0s ease; transition: transform 0.6s ease, border-color 0s ease, -webkit-transform 0.6s ease; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); /* -webkit-transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); */ } .slider-pickup .slick-prev:after, .slider-banners .slick-prev:after { -webkit-transform: rotate(45deg) translate3d(0, -1px, 0); transform: rotate(45deg) translate3d(0, -1px, 0); } @media (min-width: 1024px) { .slider-pickup .slick-prev:hover:before, .slider-banners .slick-prev:hover:before { -webkit-transform: translate3d(-10px, 0, 0) rotate(-45deg) translate3d(0, 1px, 0); transform: translate3d(-10px, 0, 0) rotate(-45deg) translate3d(0, 1px, 0); } .slider-pickup .slick-prev:hover:after, .slider-banners .slick-prev:hover:after { -webkit-transform: translate3d(-10px, 0, 0) rotate(45deg) translate3d(0, -1px, 0); transform: translate3d(-10px, 0, 0) rotate(45deg) translate3d(0, -1px, 0); } } .slider-pickup .slick-next:before, .slider-pickup .slick-next:after, .slider-banners .slick-next:before, .slider-banners .slick-next:after { display: block; pointer-events: none; content: ""; position: absolute; right: 50%; top: 50%; width: 50%; height: 4px; border-radius: 6px; -webkit-transform-origin: right center; transform-origin: right center; background: #a3a3a3; -webkit-transform: rotate(45deg) translate3d(0, 1px, 0); transform: rotate(45deg) translate3d(0, 1px, 0); -webkit-transition: border-color 0s ease, -webkit-transform 0.6s ease; transition: border-color 0s ease, -webkit-transform 0.6s ease; transition: transform 0.6s ease, border-color 0s ease; transition: transform 0.6s ease, border-color 0s ease, -webkit-transform 0.6s ease; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); /* -webkit-transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); */ } .slider-pickup .slick-next:after, .slider-banners .slick-next:after { -webkit-transform: rotate(-45deg) translate3d(0, -1px, 0); transform: rotate(-45deg) translate3d(0, -1px, 0); } @media (min-width: 1024px) { .slider-pickup .slick-next:hover:before, .slider-banners .slick-next:hover:before { -webkit-transform: translate3d(10px, 0, 0) rotate(45deg) translate3d(0, 1px, 0); transform: translate3d(10px, 0, 0) rotate(45deg) translate3d(0, 1px, 0); } .slider-pickup .slick-next:hover:after, .slider-banners .slick-next:hover:after { -webkit-transform: translate3d(10px, 0, 0) rotate(-45deg) translate3d(0, -1px, 0); transform: translate3d(10px, 0, 0) rotate(-45deg) translate3d(0, -1px, 0); } } .slider-pickup .slick-next, .slider-banners .slick-next { left: calc(100% + 42px); } .slider-pickup .slick-prev, .slider-banners .slick-prev { right: calc(100% + 42px); } .slider-disc { width: 100% !important; max-width: 400px !important; margin: 0 auto 0px; } @media (max-width: 1440px) { .slider-disc { max-width: 240px !important; } .slider-disc .slick-track, .slider-disc .slick-list { height: 240px !important; } } @media (max-width: 1024px) { .slider-disc { max-width: 240px !important; margin: 0 auto 20px; } } .slider-disc .slick-list { display: block; } @media (max-width: 1440px) { .slider-disc .slick-list { margin-left: 0px; } } @media (max-width: 1024px) { .slider-disc .slick-list { margin-bottom: 0px; margin-left: 0px; } } .slider-disc .slick-slide { outline: none; display: inline-block; width: 100% !important; max-width: 400px !important; margin: 0 0px 0px; text-align: center; height: 400px !important; } @media (max-width: 1440px) { .slider-disc .slick-slide { max-width: 240px !important; height: 240px !important; } .slider-disc .slick-slide .gbImage--image, .slider-disc .slick-slide .gbImage--shadow { height: 240px !important; } } @media (max-width: 1024px) { .slider-disc .slick-slide { margin: 0 0px 0px; max-width: 240px !important; } } .slider-disc .slick-list { overflow: hidden; } .slider-disc .slick-dots { background: none; } .slider-disc .slick-dots li button { background: transparent; } .slider-disc .slick-dots li button:before { display: none; } .slider-disc .slick-dots li:after, .slider-disc .slick-dots li:before { display: none; } /* .slider-list { display: flex; flex-wrap: nowrap; overflow: auto; } */ @media (max-width: 1024px) { #o-movie .slick-next, #o-movie .slick-prev { display: none !important; } } @media (max-width: 1024px) { #movie.st-Content .slick-next, #movie.st-Content .slick-prev { display: none !important; } } @media (max-width: 1024px) { .discography .je-slide--left .discItem, .discography .je-slide--center .discItem, .discography .je-slide--right .discItem, .discography .je-slide--dummy .discItem { height: 270px; } .discography .je-slide--left .discItem .discItem--image img, .discography .je-slide--center .discItem .discItem--image img, .discography .je-slide--right .discItem .discItem--image img, .discography .je-slide--dummy .discItem .discItem--image img { height: 270px; -o-object-fit: contain; object-fit: contain; } } .st-Header .st-Header--row { position: relative; z-index: 1; } .st-Header .st-Header--row__Top { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; white-space: nowrap; } .st-Header .st-Header--row__Top > * { -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; } .st-Header .st-Header--row__Top .logo { padding: 30px 55px 30px 40px; } @media (max-width: 1024px) { .st-Header .st-Header--row__Top .logo { padding: 20px; } } .st-Header .st-Header--row__Top .logo.a-logo img { /* width: 114px; height: auto; */ width: auto; height: 24px; } .st-Header .st-Header--row__Top .logo.a-logo.naniwadanshi img { width: auto; height: 36px; } @media (max-width: 1024px) { .st-Header .st-Header--row__Top .logo.a-logo.naniwadanshi img { height: 32px; } } .st-Header .st-Header--row__Top .logo svg { vertical-align: top; width: 90px; height: auto; } .st-Header .st-Header--row__Top .logo svg .cls-1 { fill: #d2ae4e; } @media (max-width: 1024px) { .st-Header .st-Header--row__Top .logo svg { width: 55px; } } .st-Header .st-Header--row__Top .datetime { padding-top: 30px; line-height: 1; letter-spacing: 0.06em; font-size: 13px; vertical-align: top; } @media (max-width: 1024px) { .st-Header .st-Header--row__Top .datetime { padding-top: 23px; font-size: 10px; } } @media (max-width: 374px) { .st-Header .st-Header--row__Top .datetime { display: none; } } @media (max-width: 1200px) { .st-Header .st-Header--row__Top .logo + .navigation { display: none; } } .st-Header .st-Header--row__Top .navigation { padding: 23px 0px 20px; } .st-Header .st-Header--row__Top .navigation:last-child { padding-right: 20px; margin-right: 100px; } @media (max-width: 1024px) { .st-Header .st-Header--row__Top .navigation:last-child { margin-right: 84px; padding-right: 0px; } } @media (max-width: 1024px) { .st-Header .st-Header--row__Top .navigation { padding: 24px 0px 0px; text-align: right; } } @media (max-width: 1024px) and (max-width: 1024px) { .st-Header .st-Header--row__Top .navigation { padding: 18px 0px 0px; } } @media (max-width: 1024px) { .st-Header .st-Header--row__Top .navigation nav { /* a:nth-child(1), a:nth-child(2) { display: none; } a:last-child { display: none; }*/ } } @media (max-width: 1024px) and (max-width: 1024px) { .st-Header .st-Header--row__Top .navigation nav { display: none; } } @media (max-width: 1024px) { .st-Header .st-Header--row__Top .navigation nav .calendar, .st-Header .st-Header--row__Top .navigation nav .bookmark { display: none; } } .st-Header .st-Header--row__Top .navigation .calendar, .st-Header .st-Header--row__Top .navigation .bookmark { cursor: pointer; } .st-Header .st-Header--row__Top .navigation .calendar span, .st-Header .st-Header--row__Top .navigation .bookmark span { border-bottom: 0; } .st-Header .st-Header--row__Top .navigation .calendar:hover, .st-Header .st-Header--row__Top .navigation .bookmark:hover { opacity: 1; } .st-Header .st-Header--row__Top .navigation .calendar:hover span, .st-Header .st-Header--row__Top .navigation .bookmark:hover span { -webkit-animation: slideUp 1.4s linear forwards; animation: slideUp 1.4s linear forwards; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); /* -webkit-transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); */ } .st-Header .st-Header--row__Top .navigation > *:last-child:after { content: ""; display: block; background: #d2ae4e; position: fixed; top: 20px; right: 30px; width: 56px; height: 40px; z-index: -100; } @media (max-width: 1024px) { .st-Header .st-Header--row__Top .navigation > *:last-child:after { top: 15px; right: 20px; width: 45px; height: 32px; line-height: 32px; } } .st-Header .st-Header--row__Top .navigation .lang { vertical-align: top; display: inline-block; padding-left: 22px; position: relative; width: 50px; height: 26px; background: url(../img/ico-lang.png) left 0px top 8px no-repeat; background-size: 13px 13px; margin-left: 20px; } @media (max-width: 1024px) { .st-Header .st-Header--row__Top .navigation .lang { margin-left: 0; background-size: 11px 11px; width: 36px; height: 22px; } } .st-Header .st-Header--row__Top .navigation .wovn-languages:first-child { cursor: pointer; } .st-Header .st-Header--row__Top .navigation .wovn-languages:first-child, .st-Header .st-Header--row__Top .navigation .wovn-languages:last-child { width: 28px; height: 26px; overflow: hidden; position: absolute; left: 22px; } @media (max-width: 1024px) { .st-Header .st-Header--row__Top .navigation .wovn-languages:first-child, .st-Header .st-Header--row__Top .navigation .wovn-languages:last-child { background-size: 11px 11px; width: 28px; height: 22px; left: 18px; } } .st-Header .st-Header--row__Top .navigation .wovn-languages:first-child .wovn-switch, .st-Header .st-Header--row__Top .navigation .wovn-languages:last-child .wovn-switch { display: none; font-size: 14px; width: 28px; height: 26px; text-align: center; } @media (max-width: 1024px) { .st-Header .st-Header--row__Top .navigation .wovn-languages:first-child .wovn-switch, .st-Header .st-Header--row__Top .navigation .wovn-languages:last-child .wovn-switch { font-size: 11px; width: 28px; height: 22px; } } .st-Header .st-Header--row__Top .navigation .wovn-languages:first-child .wovn-switch.selected, .st-Header .st-Header--row__Top .navigation .wovn-languages:last-child .wovn-switch.selected { display: block; border-bottom: 1px solid #292929; } .st-Header .st-Header--row__Top .navigation .wovn-languages:last-child { pointer-events: none; opacity: 0; top: 37px; padding: 15px 20px; left: auto; left: 0; width: auto; height: auto; -webkit-transition: opacity 0.4s ease; transition: opacity 0.4s ease; overflow: inherit; background: #fff; border: 1px solid #d2ae4e; } @media (max-width: 1024px) { .st-Header .st-Header--row__Top .navigation .wovn-languages:last-child { top: 30px; padding: 17px 17px; } } .st-Header .st-Header--row__Top .navigation .wovn-languages:last-child .wovn-switch { font-size: 12px; text-align: left; display: block; width: auto; color: #292929; } .st-Header .st-Header--row__Top .navigation .wovn-languages:last-child .wovn-switch.selected { display: none !important; } .st-Header .st-Header--row__Top .navigation .lang.open .wovn-languages:last-child { pointer-events: auto; opacity: 1; height: auto; display: block; } .st-Header .st-Header--row__Top .navigation .lang.open .wovn-languages:last-child .wovn-switch { display: block; cursor: pointer; } .st-Header .st-Header--row__Top .navigation nav { display: inline-block; padding: 0; } .st-Header .st-Header--row__Top .navigation nav a { font-style: normal; color: #292929; display: inline-block; word-wrap: none; white-space: nowrap; line-height: 2; letter-spacing: 0.06em; font-size: 13px; } .st-Header .st-Header--row__Top .navigation nav a span { display: inline-block; } .st-Header .st-Header--row__Top .navigation nav a + a { margin-left: 26px; } @media (max-width: 1024px) { .st-Header .st-Header--row__Top .navigation nav a { line-height: 1.5; } } .st-Header .st-Header--row__Top .navigation nav a i { display: inline-block; vertical-align: top; padding-top: 2px; width: 14px; height: 14px; margin-right: 6px; } .st-Header .st-Header--row__Top .navigation nav a.active { position: relative; } .st-Header .st-Header--row__Top .navigation nav a.active:after { content: ""; position: absolute; left: 0; right: 0; width: 100%; height: 1px; background: #292929; bottom: 0px; } @media (min-width: 1024px) { .st-Header .st-Header--row__Top .navigation nav a { -webkit-transition: color 0.6s ease; transition: color 0.6s ease; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); /* -webkit-transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); */ } .st-Header .st-Header--row__Top .navigation nav a:hover { -webkit-transition: opacity 0.4s ease; transition: opacity 0.4s ease; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); /* -webkit-transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); */ opacity: 0.5; /* ////color: #e9518e; span { transition : transform 0.4s ease; @include transition(); transform: rotateX(360deg); }*/ } } .st-Header .st-Header--row__Top .spacer { -ms-flex-negative: 1; flex-shrink: 1; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .st-Header--Top .st-Header--row__Top, .st-Header--ArtistTop .st-Header--row__Top, .st-Header--Special .st-Header--row__Top { position: absolute; left: 0; right: 0; z-index: 2; } .st-Header--row__Bottom { position: relative; z-index: 1; } .st-Header--row__Bottom .slider-top { height: 818px; } @media (max-width: 750px) { .st-Header--row__Bottom .slider-top { height: 590px; } } .st-Main { position: relative; z-index: 10; padding-bottom: 1px; min-height: calc(100vh - 332px); } @media (max-width: 1024px) { .st-Main { min-height: calc(100vh - 466px); } } .st-Header--ArtistTop + .st-Main #pickup { margin-top: 0; } .st-Header--Top + .st-Main #pickup:before, .st-Header--ArtistTop + .st-Main #pickup:before { content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; height: 80px; background: #d2ae4e; } .st-Main.movie #information:first-child { margin-top: 60px; } @media (max-width: 1024px) { .st-Main.movie #information:first-child { margin-top: 40px; } } .st-Header { position: relative; z-index: 12; } .st-Header .slider-num { position: absolute; top: 50%; left: 50%; z-index: 100; margin-left: 420px; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); font-size: 17px; } @media (max-width: 1200px) { .st-Header .slider-num { left: auto; right: 100px; margin-left: 0; } } @media (max-width: 360px) { .st-Header .slider-num { -webkit-transform: scale(0.8); transform: scale(0.8); } } .st-Header .slider-num span { display: block; padding: 20px; } .st-Header .slider-num span em { display: block; font-weight: normal; font-style: normal; } .st-Header .slider-num span em { -webkit-animation: slideUp 1.7s linear forwards; animation: slideUp 1.7s linear forwards; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); /* -webkit-transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); */ } @media (max-width: 1024px) { .st-Header .slider-num { font-size: 11px; top: 446px; left: 40px; margin-left: 0; right: inherit; } .st-Header .slider-num span { padding: 10px; } } .st-Header .slider-num span + span { border-top: 1px solid #292929; } .st-Header .st-Header--row__Top { height: 120px; } .st-Header .st-Header--row__Top .logo + .navigation nav a span { border-bottom: inherit; } @media (max-width: 1024px) { .st-Header .st-Header--row__Top .logo + .navigation a { display: none; } } .st-Header--ArtistTop .st-Header--row__Top { position: absolute; z-index: 2; } .st-Header--ArtistTop .st-Header--row__Top .navigation { display: block; } .st-Footer { max-width: 1320px; margin: 0 auto; text-align: left; padding: 0px 20px 20px; position: relative; z-index: 10; } .st-Footer .st-Footer--row { position: relative; z-index: 1; max-width: 1320px; margin: 0 auto; padding: 10px 0; } @media (max-width: 1024px) { .st-Footer .st-Footer--row { padding-left: 20px; padding-right: 20px; } } .st-Footer .st-Footer--row + .st-Footer--row { border-top: 1px solid #292929; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 20px 0; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -ms-flex-item-align: start; align-self: flex-start; } .st-Footer .st-Footer--row + .st-Footer--row > * { -ms-flex-preferred-size: 33.33%; flex-basis: 33.33%; line-height: 1; vertical-align: top; } .st-Footer .st-Footer--row + .st-Footer--row > *:nth-child(1) { -ms-flex-preferred-size: 300px; flex-basis: 300px; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; } .st-Footer .st-Footer--row + .st-Footer--row > *:nth-child(2) { text-align: center; -ms-flex-negative: 1; flex-shrink: 1; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .st-Footer .st-Footer--row + .st-Footer--row > *:nth-child(3) { -ms-flex-preferred-size: 300px; flex-basis: 300px; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; text-align: right; } @media (max-width: 1024px) { .st-Footer .st-Footer--row + .st-Footer--row { padding-left: 20px; padding-right: 20px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .st-Footer .st-Footer--row + .st-Footer--row > * { -ms-flex-preferred-size: inherit !important; flex-basis: inherit !important; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; height: auto; width: 100%; } .st-Footer .st-Footer--row + .st-Footer--row > *:nth-child(1) { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; text-align: center; } .st-Footer .st-Footer--row + .st-Footer--row > *:nth-child(2) { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; text-align: center; padding: 10px 0 20px; } .st-Footer .st-Footer--row + .st-Footer--row > *:nth-child(3) { position: absolute; right: 0; top: -40px; } } @media (max-width: 1024px) { .st-Footer { padding: 0px 0px 60px; } } .st-Footer a { color: #292929; text-decoration: none; border-bottom: inherit; cursor: pointer; } @media (min-width: 1024px) { .st-Footer a:hover { opacity: 0.5; } } .st-Footer p.logo svg { width: 58px; height: auto; } .st-Footer p.logo svg .cls-1 { fill: #d2ae4e; } @media (max-width: 1024px) { .st-Footer p.logo svg { width: 53px; } } .st-Footer aside { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; font-size: 12px; } @media (max-width: 1024px) { .st-Footer aside { font-size: 14px; } .st-Footer aside p { display: none; } } .st-Footer aside nav { display: inline-block; margin-left: 20px; } .st-Footer aside nav i.icon { width: 18px; height: 18px; } @media (max-width: 1024px) { .st-Footer aside nav i.icon { width: 20px; height: 20px; } } .st-Footer aside nav a { line-height: 1; border: none; margin: 0 6px; cursor: pointer; } .st-Footer aside nav a svg { vertical-align: top; width: auto; } @media (max-width: 1024px) { .st-Footer aside nav a svg { width: auto; } } .st-Footer nav a { font-size: 13px; line-height: 1.5; } @media (max-width: 1024px) { .st-Footer nav a { font-size: 11px; } } .st-Footer p small { font-size: 11px; } @media (max-width: 1024px) { .st-Footer p small { font-size: 9px; } } .st-Content--bg { position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: 0; background: url(../img/bg-common.jpg) top center no-repeat; background-size: auto 100%; background-size: cover; overflow: hidden; } @media (max-width: 1024px) { .st-Content--bg { background: url(../img/bg-header--sp.jpg) top center no-repeat; background-size: 100% 100%; } } .st-Content--bg .slick-track, .st-Content--bg .slick-list { overflow: hidden; } .st-Content--bg .bg { overflow: hidden; mix-blend-mode: hard-light; width: 100%; height: 100%; } .st-Content--bg .bg picture { width: 100%; height: 100%; } .st-Content--bg .bg img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; font-family: 'object-fit: cover;'; opacity: 0.35; } @media all and (-ms-high-contrast: none) { .st-Content--bg .bg img *::-ms-backdrop, .st-Content--bg .bg img { opacity: 0; } } .st-Main > .st-Content--bg { height: 700px; overflow: hidden; background: url(../img/bg-level2.jpg) top center no-repeat; background-size: auto 100%; background-size: cover; } @media (max-width: 1024px) { .st-Main > .st-Content--bg { height: 300px; background: url(../img/bg-level2--sp.jpg) top center no-repeat; background-size: 100% auto; } } .st-Main > .st-Content--bg:before { content: ""; display: block; position: absolute; z-index: 10; top: 0; left: 0; right: 0; bottom: 0; background-image: linear-gradient(rgba(255, 255, 255, 0) 200px, white 400px, white); } @media (max-width: 1024px) { .st-Main > .st-Content--bg:before { background-image: linear-gradient(rgba(255, 255, 255, 0) 110px, white 250px, white); } } .st-Content--bg.slider-special div.slider-img { width: 100%; height: 100%; display: inline-block; outline: none; } @media (min-width: 1024px) { .st-Content--bg.slider-special div.slider-img:hover img { -webkit-transform: scale(1.05); transform: scale(1.05); } } .st-Content--bg.slider-special picture { width: 100%; height: 100%; } .st-Content--bg.slider-special img { -webkit-transition: -webkit-transform 1.6s ease; transition: -webkit-transform 1.6s ease; transition: transform 1.6s ease; transition: transform 1.6s ease, -webkit-transform 1.6s ease; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); /* -webkit-transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); */ width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; font-family: 'object-fit: cover;'; } .st-Content--bg.slider-special:after { position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ""; display: block; background: rgba(0, 0, 0, .15); } .st-Content--bg.movie ~ .st-Content--inner { pointer-events: none; } .st-Content--bg.movie { /* div.slider-img { cursor: pointer; }*/ } .st-Content--bg.movie:after { -webkit-transition: -webkit-transform 1.6s ease; transition: -webkit-transform 1.6s ease; transition: transform 1.6s ease; transition: transform 1.6s ease, -webkit-transform 1.6s ease; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); /* -webkit-transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); */ } .st-Content--bg.movie #ytPlayer img { position: absolute; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .st-Content--bg.movie video, .st-Content--bg.movie iframe { pointer-events: none; width: calc(100vw - 20px); height: 56.25vw; position: absolute; top: 50%; margin-top: -28.125vw; } @media (max-width: 1440px) { .st-Content--bg.movie video, .st-Content--bg.movie iframe { width: 1422.22222px; height: 798px; margin-top: 0; top: 0; left: 50%; margin-left: -711.11111px; } } @media (max-width: 1024px) { .st-Content--bg.movie video, .st-Content--bg.movie iframe { width: 177.77778vh; height: 100vh; position: relative; top: 0; left: 50%; margin-top: 0; margin-left: -88.88889vh; } } .st-Content--bg.movie video { pointer-events: auto; } .st-Content--bg.movie .movie_button { pointer-events: auto; cursor: pointer; width: 100%; height: 100%; } @media (min-width: 1024px) { .st-Content--bg.movie:hover:after { background: rgba(0, 0, 0, .15) url(../../common/img/ico-play.png) center no-repeat; background-size: 260px auto; -webkit-transform: scale(1.08); transform: scale(1.08); } } .st-Content--bg.movie:after { content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; pointer-events: none; background: rgba(0, 0, 0, .15) url(../../common/img/ico-play.png) center no-repeat; background-size: 260px auto; -webkit-transition: all 1.6s ease; transition: all 1.6s ease; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); /* -webkit-transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); */ } @media (max-width: 1024px) { .st-Content--bg.movie:after { background: rgba(0, 0, 0, .15) url(../../common/img/ico-play.png) center no-repeat; background-size: 210px auto; } } .st-Content { position: relative; opacity: 0; -webkit-transition: opacity 1.6s ease, -webkit-transform 1.6s ease; transition: opacity 1.6s ease, -webkit-transform 1.6s ease; transition: opacity 1.6s ease, transform 1.6s ease; transition: opacity 1.6s ease, transform 1.6s ease, -webkit-transform 1.6s ease; -webkit-transform: translate3d(0, 50px, 0); transform: translate3d(0, 50px, 0); -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); /* -webkit-transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); */ margin: 150px auto 150px; } .st-Content.show { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } @media (max-width: 1024px) { .st-Content { margin: 60px auto; } } .st-Content .st-Content--inner { position: relative; z-index: 1; } .st-ContentFirst { margin-top: 60px; } @media (max-width: 1024px) { .st-ContentFirst { margin-top: 40px; } } .special-page .st-ContentFirst { margin-top: 0; } .st-Content--inner { max-width: 1280px; margin: 0 auto; } .st-ContentHeader { margin: 0px 55px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; white-space: nowrap; /* .st-Content { @media (max-width: $breakpoint) { .st-ContentHeader { display: block; &__right { text-align: right; align-self: flex-end; margin-top: 10px; } } } }*/ /* @media (max-width: $breakpoint) { &__right { display: block; white-space: nowrap; text-align: right; align-self: flex-end; margin-top: 10px; } }*/ } @media (max-width: 1200px) { .st-ContentHeader { display: block; } } @media (max-width: 1024px) { .st-ContentHeader { margin: 0px 20px 0; } } .st-ContentHeader__right { overflow: hidden; } @media (max-width: 1200px) { .st-ContentHeader__right { display: block; text-align: right; margin-top: 20px; } } @media (max-width: 1024px) { .st-ContentHeader__right { display: block; -ms-flex-item-align: center; align-self: center; margin-top: 20px; } } .st-ContentHeader__right a { color: #4b4b4b; } .st-ContentHeader__right.filter { white-space: nowrap; } @media (max-width: 1024px) { .st-ContentHeader__right.filter { text-align: center; -ms-flex-item-align: start; align-self: flex-start; margin-top: 20px; overflow: auto; overflow-y: hidden; width: calc(100% + 60px); position: relative; left: -30px; right: -30px; padding: 0 30px; } .st-ContentHeader__right.filter .filter--wrap { display: none !important; } } .st-ContentHeader__right.filter a { position: relative; display: inline-block; margin-left: 20px; padding: 0px 0 0px 15px; position: relative; font-size: 14px; font-family: 'Open Sans', sans-serif; font-weight: 400; } @media (max-width: 1024px) { .st-ContentHeader__right.filter a { margin-left: 10px; font-size: 11px; margin-right: 10px; } } .st-ContentHeader__right.filter a:before { content: ""; display: inline-block; width: 5px; height: 14px; position: absolute; left: 0; opacity: 0; top: 50%; -webkit-transition: all 0.8s ease; transition: all 0.8s ease; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); /* -webkit-transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); */ width: 0px; -webkit-transform: translate3d(0px, -50%, 0); transform: translate3d(0px, -50%, 0); } .st-ContentHeader__right.filter a.active:before { opacity: 1; width: 5px; -webkit-transform: translate3d(0px, -50%, 0); transform: translate3d(0px, -50%, 0); } .st-ContentHeader__right.filter a span { display: block; -webkit-backface-visibility: hidden; backface-visibility: hidden; } @media (min-width: 1024px) { .st-ContentHeader__right.filter a:hover { opacity: 1; } } @media (max-width: 1024px) { #movie .st-ContentHeader { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: end; align-content: flex-end; overflow: hidden !important; } #movie .st-ContentHeader .st-ContentHeader__right { margin-top: 0; -ms-flex-item-align: end; align-self: flex-end; } #movie .st-ContentHeader .st-ContentHeader__right a { margin-top: 0 !important; } } .st-ContentBody .st-ContentHeader--text { margin-bottom: 80px; } @media (max-width: 1024px) { .st-ContentBody .st-ContentHeader--text { margin-bottom: 40px; } } .st-ContentHeader--text { font-size: 64px; line-height: 1; letter-spacing: 0.1em; font-weight: 400; } @media (max-width: 1024px) { .st-ContentHeader--text { font-size: 40px; } } @media (max-width: 370px) { .st-ContentHeader--text { font-size: 34px; } } .st-ContentHeader--text.small { font-size: 42px; } @media (max-width: 1024px) { .st-ContentHeader--text.small { font-size: 24px; } } @media (max-width: 370px) { .st-ContentHeader--text.small { font-size: 20px; } } .st-ContentHeader--text .en { font-size: 64px; } @media (max-width: 1024px) { .st-ContentHeader--text .en { font-size: 40px; } } @media (max-width: 370px) { .st-ContentHeader--text .en { font-size: 34px; } } .st-ContentHeader--text .ja { font-size: 40px; } @media (max-width: 1024px) { .st-ContentHeader--text .ja { font-size: 22px; } } @media (max-width: 370px) { .st-ContentHeader--text .ja { font-size: 18px; } } .st-ContentBody { max-width: 1110px; padding: 0 55px; margin: 80px auto 0; } @media (max-width: 1024px) { .st-ContentBody { padding: 0; margin: 40px 30px 0; } } .st-ContentBody.no-spacing { max-width: 1280px; padding: 0; margin: 80px 55px 0; } @media (max-width: 1024px) { .st-ContentBody.no-spacing { padding: 0; margin: 40px 30px 0; } } #profile .st-ContentBody.no-spacing { max-width: inherit; } #media .st-ContentBody { margin-top: 40px; } @media (max-width: 1024px) { #media .st-ContentBody { margin-top: 10px; } } #terms .btn_bookmark, #information .btn_bookmark { right: 0; } #terms .post--header, #information .post--header { padding: 40px 40px 0; padding-right: 0; border-top: 1px solid #292929; } @media (max-width: 1024px) { #terms .post--header, #information .post--header { padding: 40px 0 0 0; } } #terms .post--body, #information .post--body { padding: 0px 40px 40px; border-bottom: 1px solid #292929; } @media (max-width: 1024px) { #terms .post--body, #information .post--body { padding: 0; } } #terms .post--footer, #information .post--footer { margin-top: 0; padding: 20px 40px 20px; } @media (max-width: 1024px) { #terms .post--footer, #information .post--footer { padding: 20px 0px; } } #terms .post--header { border-top: 1px solid #d2ae4e; } #terms .post--body { border-bottom: none; } /* .st-Main--L2 { #information { padding: 0 85px; @media (max-width: $breakpoint) { padding: 0; } } }*/ .st-ContentBody:first-child { margin-top: 0; } .st-ContentFooter { margin: 40px 55px 0; text-align: center; } @media (max-width: 1024px) { .st-ContentFooter { margin: 20px 20px 0; } } .st-ContentFooter:first-child { margin-top: 0; } .st-Header .st-Header--row__Bottom { /* .js-filter-animation { filter: blur(16px); transition : filter 0s ease; @include transition(); &.show { transition : filter 2.7s ease; @include transition(); filter: blur(0); } &.show { //img { transition : filter 2.7s ease; @include transition(); filter: blur(0); } }*/ } /* .st-ContentMenu { margin: 40px auto; padding-left: 55px; padding-right: 55px; @media (max-width: $breakpoint) { //width: auto; margin: 30px auto 0px; overflow-x: auto; padding-left: 20px; padding-right: 20px; } .st-ContentMenu--inner { @extend .je-grid; //justify-content: center !important; flex-wrap: nowrap!important; max-width: 940px; min-width: 680px; border-bottom: 2px solid #797979; padding: 0 25px 25px; @media (max-width: $breakpoint) { padding: 0 0px 25px; } } } */ .k-text { letter-spacing: 0.1em; } @media (max-width: 1024px) { .k-text { letter-spacing: 0.06em; } } .k-text span { display: inline-block; } .k-text span.ja { /* font-family: kozuka-gothic-pr6n, sans-serif; //font-weight: 700; //font-style: normal; font-size: 40 / 50 * 100% !important; @media (max-width: $breakpoint) { font-size: 22 / 35 * 100%; }*/ } .k-new_release span { display: inline-block; } .k-new_release span:nth-child(2) { margin-left: -0.02em; } .k-new_release span:nth-child(3) { margin-left: 0.02em; } .k-new_release span:nth-child(4) { margin-left: 0em; } .k-new_release span:nth-child(5) { margin-left: -0.04em; } .k-new_release span:nth-child(6) { margin-left: 0em; } .k-new_release span:nth-child(7) { margin-left: 0em; } .k-new_release span:nth-child(8) { margin-left: 0em; } .k-new_release span:nth-child(9) { margin-left: -0.02em; } .k-new_release span:nth-child(10) { margin-left: -0.04em; } .k-movie span { display: inline-block; } .k-movie span:nth-child(2) { margin-left: -0.04em; } .k-movie span:nth-child(3) { margin-left: -0.06em; } .k-movie span:nth-child(4) { margin-left: 0em; } .k-movie span:nth-child(5) { margin-left: 0em; } .k-discography span { display: inline-block; } .k-discography span:nth-child(2) { margin-left: 0.02em; } .k-discography span:nth-child(3) { margin-left: 0.08em; } .k-discography span:nth-child(4) { margin-left: 0.02em; } .k-discography span:nth-child(5) { margin-left: -0.02em; } .k-discography span:nth-child(6) { margin-left: -0.04em; } .k-discography span:nth-child(7) { margin-left: -0.02em; } .k-discography span:nth-child(8) { margin-left: -0.04em; } .k-discography span:nth-child(9) { margin-left: -0.04em; } .k-discography span:nth-child(10) { margin-left: -0.04em; } .k-discography span:nth-child(11) { margin-left: -0.02em; } .k-information span { display: inline-block; } .k-information span:nth-child(2) { margin-left: 0; } .k-information span:nth-child(3) { margin-left: 0; } .k-information span:nth-child(4) { margin-left: -0.02em; } .k-information span:nth-child(5) { margin-left: -0.04em; } .k-information span:nth-child(6) { margin-left: 0em; } .k-information span:nth-child(7) { margin-left: -0.04em; } .k-information span:nth-child(8) { margin-left: -0.06em; } .k-information span:nth-child(9) { margin-left: 0.04em; } .k-information span:nth-child(10) { margin-left: 0em; } .k-information span:nth-child(11) { margin-left: -0.04em; } .k-latest_information span { display: inline-block; } .k-latest_information span:nth-child(2) { margin-left: 0; } .k-latest_information span:nth-child(3) { margin-left: -0.06em; } .k-latest_information span:nth-child(4) { margin-left: 0.02em; } .k-latest_information span:nth-child(5) { margin-left: 0.02em; } .k-latest_information span:nth-child(6) { margin-left: -0.02em; } .k-latest_information span:nth-child(8) { margin-left: 0; } .k-latest_information span:nth-child(9) { margin-left: 0; } .k-latest_information span:nth-child(10) { margin-left: -0.02em; } .k-latest_information span:nth-child(11) { margin-left: -0.04em; } .k-latest_information span:nth-child(12) { margin-left: 0em; } .k-latest_information span:nth-child(13) { margin-left: -0.04em; } .k-latest_information span:nth-child(14) { margin-left: -0.06em; } .k-latest_information span:nth-child(15) { margin-left: 0.04em; } .k-latest_information span:nth-child(16) { margin-left: 0em; } .k-latest_information span:nth-child(17) { margin-left: -0.04em; } .k-live_stage span { display: inline-block; } .k-live_stage span:nth-child(2) { margin-left: 0.02em; } .k-live_stage span:nth-child(3) { margin-left: 0em; } .k-live_stage span:nth-child(4) { margin-left: -0.04em; } .k-live_stage span:nth-child(5) { margin-left: -0.2em; } .k-live_stage span:nth-child(6) { margin-left: 0em; } .k-live_stage span:nth-child(7) { margin-left: 0.16em; } .k-live_stage span:nth-child(8) { margin-left: 0em; } .k-live_stage span:nth-child(9) { margin-left: -0.08em; } .k-live_stage span:nth-child(10) { margin-left: -0.08em; } .k-live_stage span:nth-child(11) { margin-left: -0.04em; } .k-media span { display: inline-block; } .k-media span:nth-child(2) { margin-left: -0.04em; } .k-media span:nth-child(3) { margin-left: 0em; } .k-media span:nth-child(4) { margin-left: -0.02em; } .k-media span:nth-child(5) { margin-left: 0em; } .k-profile span { display: inline-block; } .k-profile span:nth-child(2) { margin-left: -0.06em; } .k-profile span:nth-child(3) { margin-left: -0.06em; } .k-profile span:nth-child(4) { margin-left: -0.04em; } .k-profile span:nth-child(5) { margin-left: 0.02em; } .k-profile span:nth-child(6) { margin-left: 0.04em; } .k-profile span:nth-child(7) { margin-left: -0.02em; } .k-kinki span { display: inline-block; } .k-yuma span { display: inline-block; } .k-yuma span:nth-child(3) { margin-left: 0.08em; } .k-jwest span { display: inline-block; } .k-jwest span:nth-child(7) { margin-left: -0.04em; } .k-jwest span:nth-child(8) { margin-left: 0.04em; } .k-jwest span:nth-child(9) { margin-left: -0.02em; } .k-jwest span.ja { -webkit-transform: translate3d(0, -3%, 0); transform: translate3d(0, -3%, 0); } .k-shonen span { display: inline-block; } .k-topics span { display: inline-block; } .k-topics span:nth-child(2) { margin-left: -0.06em; } .k-topics span:nth-child(3) { margin-left: -0.04em; } .k-topics span:nth-child(4) { margin-left: -0.02em; } .k-topics span:nth-child(5) { margin-left: 0em; } .k-topics span:nth-child(4) { margin-left: -0.02em; } .k-listening span { display: inline-block; } .k-listening span:nth-child(2) { margin-left: -0.02em; } .k-listening span:nth-child(3) { margin-left: 0.06em; } .k-listening span:nth-child(4) { margin-left: -0.02em; } .k-listening span:nth-child(5) { margin-left: 0em; } .k-listening span:nth-child(6) { margin-left: 0.02em; } .k-listening span:nth-child(7) { margin-left: 0.02em; } .k-listening span:nth-child(8) { margin-left: 0.02em; } .k-listening span:nth-child(9) { margin-left: -0.04em; } .k-trial_listening span { display: inline-block; } .k-trial_listening span:nth-child(2) { margin-left: -0.02em; } .k-trial_listening span:nth-child(3) { margin-left: -0.02em; } .k-trial_listening span:nth-child(4) { margin-left: -0.04em; } .k-trial_listening span:nth-child(5) { margin-left: -0.04em; } .k-trial_listening span:nth-child(6) { margin-left: -0.12em; } .k-trial_listening span:nth-child(7) { margin-left: 0em; } .k-trial_listening span:nth-child(8) { margin-left: -0.02em; } .k-trial_listening span:nth-child(9) { margin-left: 0.06em; } .k-trial_listening span:nth-child(10) { margin-left: -0.02em; } .k-trial_listening span:nth-child(11) { margin-left: 0em; } .k-trial_listening span:nth-child(12) { margin-left: 0.02em; } .k-trial_listening span:nth-child(13) { margin-left: 0.02em; } .k-trial_listening span:nth-child(14) { margin-left: 0.02em; } .k-trial_listening span:nth-child(15) { margin-left: -0.04em; } .k-special span { display: inline-block; } .k-special span:nth-child(2) { margin-left: -0.04em; } .k-special span:nth-child(3) { margin-left: -0.06em; } .k-special span:nth-child(4) { margin-left: -0.02em; } .k-special span:nth-child(5) { margin-left: -0.02em; } .k-special span:nth-child(6) { margin-left: 0em; } .k-special span:nth-child(7) { margin-left: -0.04em; } .k-details span { display: inline-block; } .k-details span:nth-child(2) { margin-left: -0.06em; } .k-details span:nth-child(3) { margin-left: 0.02em; } .k-details span:nth-child(4) { margin-left: -0.1em; } .k-details span:nth-child(5) { margin-left: -0.02em; } .k-details span:nth-child(6) { margin-left: 0.04em; } .k-details span:nth-child(7) { margin-left: -0.04em; } .k-track_list span { display: inline-block; } .k-track_list span:nth-child(3) { margin-left: -0.06em; } .k-track_list span:nth-child(4) { margin-left: -0.08em; } .k-track_list span:nth-child(5) { margin-left: -0.04em; } .k-track_list span:nth-child(6) { margin-left: -0.04em; } .k-track_list span:nth-child(7) { margin-left: -0.08em; } .k-track_list span:nth-child(9) { margin-left: 0.02em; } .k-track_list span:nth-child(10) { margin-left: -0.04em; } /* grid ---------------------------------------*/ .je-grid, #menuContent .menuContent .menuContent--block__Top .menuContent--block__inner > div:first-child, .pager--detail, #trailer .movieList, #and_more .discList, #new_release .discList, #discography .discList, .liveList, .liveItem, .liveItem2, .profileList, .trackInfo, .st-Header .st-Header--row__Top, .st-Main--L1 .discography.discography-1, .mediaPageMenu nav { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-flow: row wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row wrap; margin: 0 auto; -ms-flex-align: stretch; -webkit-box-align: stretch; align-items: stretch; } .je-grid .cell--top, #menuContent .menuContent .menuContent--block__Top .menuContent--block__inner > div:first-child .cell--top, .pager--detail .cell--top, #trailer .movieList .cell--top, #and_more .discList .cell--top, #new_release .discList .cell--top, #discography .discList .cell--top, .liveList .cell--top, .liveItem .cell--top, .liveItem2 .cell--top, .profileList .cell--top, .trackInfo .cell--top, .st-Header .st-Header--row__Top .cell--top, .st-Main--L1 .discography.discography-1 .cell--top, .mediaPageMenu nav .cell--top { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; } .je-grid .cell--middle, #menuContent .menuContent .menuContent--block__Top .menuContent--block__inner > div:first-child .cell--middle, .pager--detail .cell--middle, #trailer .movieList .cell--middle, #and_more .discList .cell--middle, #new_release .discList .cell--middle, #discography .discList .cell--middle, .liveList .cell--middle, .liveItem .cell--middle, .liveItem2 .cell--middle, .profileList .cell--middle, .trackInfo .cell--middle, .st-Header .st-Header--row__Top .cell--middle, .st-Main--L1 .discography.discography-1 .cell--middle, .mediaPageMenu nav .cell--middle { -webkit-align-self: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } .je-grid .cell--bottom, #menuContent .menuContent .menuContent--block__Top .menuContent--block__inner > div:first-child .cell--bottom, .pager--detail .cell--bottom, #trailer .movieList .cell--bottom, #and_more .discList .cell--bottom, #new_release .discList .cell--bottom, #discography .discList .cell--bottom, .liveList .cell--bottom, .liveItem .cell--bottom, .liveItem2 .cell--bottom, .profileList .cell--bottom, .trackInfo .cell--bottom, .st-Header .st-Header--row__Top .cell--bottom, .st-Main--L1 .discography.discography-1 .cell--bottom, .mediaPageMenu nav .cell--bottom { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; } .je-grid .cell--stretch, #menuContent .menuContent .menuContent--block__Top .menuContent--block__inner > div:first-child .cell--stretch, .pager--detail .cell--stretch, #trailer .movieList .cell--stretch, #and_more .discList .cell--stretch, #new_release .discList .cell--stretch, #discography .discList .cell--stretch, .liveList .cell--stretch, .liveItem .cell--stretch, .liveItem2 .cell--stretch, .profileList .cell--stretch, .trackInfo .cell--stretch, .st-Header .st-Header--row__Top .cell--stretch, .st-Main--L1 .discography.discography-1 .cell--stretch, .mediaPageMenu nav .cell--stretch { -webkit-align-self: stretch; -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; } .je-grid > .cell, #menuContent .menuContent .menuContent--block__Top .menuContent--block__inner > div:first-child > .cell, .pager--detail > .cell, #trailer .movieList > .cell, #and_more .discList > .cell, #new_release .discList > .cell, #discography .discList > .cell, .liveList > .cell, .liveItem > .cell, .liveItem2 > .cell, .profileList > .cell, .trackInfo > .cell, .st-Header .st-Header--row__Top > .cell, .st-Main--L1 .discography.discography-1 > .cell, .mediaPageMenu nav > .cell { margin: 15px; } .je-grid > .cell--1-col, #menuContent .menuContent .menuContent--block__Top .menuContent--block__inner > div:first-child > .cell--1-col, .pager--detail > .cell--1-col, #trailer .movieList > .cell--1-col, #and_more .discList > .cell--1-col, #new_release .discList > .cell--1-col, #discography .discList > .cell--1-col, .liveList > .cell--1-col, .liveItem > .cell--1-col, .liveItem2 > .cell--1-col, .profileList > .cell--1-col, .trackInfo > .cell--1-col, .st-Header .st-Header--row__Top > .cell--1-col, .st-Main--L1 .discography.discography-1 > .cell--1-col, .mediaPageMenu nav > .cell--1-col { width: calc(8.33333% - 30px); } .je-grid > .cell--2-col, #menuContent .menuContent .menuContent--block__Top .menuContent--block__inner > div:first-child > .cell--2-col, .pager--detail > .cell--2-col, #trailer .movieList > .cell--2-col, #and_more .discList > .cell--2-col, #new_release .discList > .cell--2-col, #discography .discList > .cell--2-col, .liveList > .cell--2-col, .liveItem > .cell--2-col, .liveItem2 > .cell--2-col, .profileList > .cell--2-col, .trackInfo > .cell--2-col, .st-Header .st-Header--row__Top > .cell--2-col, .st-Main--L1 .discography.discography-1 > .cell--2-col, .mediaPageMenu nav > .cell--2-col { width: calc(16.66667% - 30px); } .je-grid > .cell--3-col, #menuContent .menuContent .menuContent--block__Top .menuContent--block__inner > div:first-child > .cell--3-col, .pager--detail > .cell--3-col, #trailer .movieList > .cell--3-col, #and_more .discList > .cell--3-col, #new_release .discList > .cell--3-col, #discography .discList > .cell--3-col, .liveList > .cell--3-col, .liveItem > .cell--3-col, .liveItem2 > .cell--3-col, .profileList > .cell--3-col, .trackInfo > .cell--3-col, .st-Header .st-Header--row__Top > .cell--3-col, .st-Main--L1 .discography.discography-1 > .cell--3-col, .mediaPageMenu nav > .cell--3-col { width: calc(25% - 30px); } .je-grid > .cell--4-col, #menuContent .menuContent .menuContent--block__Top .menuContent--block__inner > div:first-child > .cell--4-col, .pager--detail > .cell--4-col, #trailer .movieList > .cell--4-col, #and_more .discList > .cell--4-col, #new_release .discList > .cell--4-col, #discography .discList > .cell--4-col, .liveList > .cell--4-col, .liveItem > .cell--4-col, .liveItem2 > .cell--4-col, .profileList > .cell--4-col, .trackInfo > .cell--4-col, .st-Header .st-Header--row__Top > .cell--4-col, .st-Main--L1 .discography.discography-1 > .cell--4-col, .mediaPageMenu nav > .cell--4-col { width: calc(33.33333% - 30px); } .je-grid > .cell--5-col, #menuContent .menuContent .menuContent--block__Top .menuContent--block__inner > div:first-child > .cell--5-col, .pager--detail > .cell--5-col, #trailer .movieList > .cell--5-col, #and_more .discList > .cell--5-col, #new_release .discList > .cell--5-col, #discography .discList > .cell--5-col, .liveList > .cell--5-col, .liveItem > .cell--5-col, .liveItem2 > .cell--5-col, .profileList > .cell--5-col, .trackInfo > .cell--5-col, .st-Header .st-Header--row__Top > .cell--5-col, .st-Main--L1 .discography.discography-1 > .cell--5-col, .mediaPageMenu nav > .cell--5-col { width: calc(41.66667% - 30px); } .je-grid > .cell--6-col, #menuContent .menuContent .menuContent--block__Top .menuContent--block__inner > div:first-child > .cell--6-col, .pager--detail > .cell--6-col, #trailer .movieList > .cell--6-col, #and_more .discList > .cell--6-col, #new_release .discList > .cell--6-col, #discography .discList > .cell--6-col, .liveList > .cell--6-col, .liveItem > .cell--6-col, .liveItem2 > .cell--6-col, .profileList > .cell--6-col, .trackInfo > .cell--6-col, .st-Header .st-Header--row__Top > .cell--6-col, .st-Main--L1 .discography.discography-1 > .cell--6-col, .mediaPageMenu nav > .cell--6-col { width: calc(50% - 30px); } .je-grid > .cell--7-col, #menuContent .menuContent .menuContent--block__Top .menuContent--block__inner > div:first-child > .cell--7-col, .pager--detail > .cell--7-col, #trailer .movieList > .cell--7-col, #and_more .discList > .cell--7-col, #new_release .discList > .cell--7-col, #discography .discList > .cell--7-col, .liveList > .cell--7-col, .liveItem > .cell--7-col, .liveItem2 > .cell--7-col, .profileList > .cell--7-col, .trackInfo > .cell--7-col, .st-Header .st-Header--row__Top > .cell--7-col, .st-Main--L1 .discography.discography-1 > .cell--7-col, .mediaPageMenu nav > .cell--7-col { width: calc(58.33333% - 30px); } .je-grid > .cell--8-col, #menuContent .menuContent .menuContent--block__Top .menuContent--block__inner > div:first-child > .cell--8-col, .pager--detail > .cell--8-col, #trailer .movieList > .cell--8-col, #and_more .discList > .cell--8-col, #new_release .discList > .cell--8-col, #discography .discList > .cell--8-col, .liveList > .cell--8-col, .liveItem > .cell--8-col, .liveItem2 > .cell--8-col, .profileList > .cell--8-col, .trackInfo > .cell--8-col, .st-Header .st-Header--row__Top > .cell--8-col, .st-Main--L1 .discography.discography-1 > .cell--8-col, .mediaPageMenu nav > .cell--8-col { width: calc(66.66667% - 30px); } .je-grid > .cell--9-col, #menuContent .menuContent .menuContent--block__Top .menuContent--block__inner > div:first-child > .cell--9-col, .pager--detail > .cell--9-col, #trailer .movieList > .cell--9-col, #and_more .discList > .cell--9-col, #new_release .discList > .cell--9-col, #discography .discList > .cell--9-col, .liveList > .cell--9-col, .liveItem > .cell--9-col, .liveItem2 > .cell--9-col, .profileList > .cell--9-col, .trackInfo > .cell--9-col, .st-Header .st-Header--row__Top > .cell--9-col, .st-Main--L1 .discography.discography-1 > .cell--9-col, .mediaPageMenu nav > .cell--9-col { width: calc(75% - 30px); } .je-grid > .cell--10-col, #menuContent .menuContent .menuContent--block__Top .menuContent--block__inner > div:first-child > .cell--10-col, .pager--detail > .cell--10-col, #trailer .movieList > .cell--10-col, #and_more .discList > .cell--10-col, #new_release .discList > .cell--10-col, #discography .discList > .cell--10-col, .liveList > .cell--10-col, .liveItem > .cell--10-col, .liveItem2 > .cell--10-col, .profileList > .cell--10-col, .trackInfo > .cell--10-col, .st-Header .st-Header--row__Top > .cell--10-col, .st-Main--L1 .discography.discography-1 > .cell--10-col, .mediaPageMenu nav > .cell--10-col { width: calc(83.33333% - 30px); } .je-grid > .cell--11-col, #menuContent .menuContent .menuContent--block__Top .menuContent--block__inner > div:first-child > .cell--11-col, .pager--detail > .cell--11-col, #trailer .movieList > .cell--11-col, #and_more .discList > .cell--11-col, #new_release .discList > .cell--11-col, #discography .discList > .cell--11-col, .liveList > .cell--11-col, .liveItem > .cell--11-col, .liveItem2 > .cell--11-col, .profileList > .cell--11-col, .trackInfo > .cell--11-col, .st-Header .st-Header--row__Top > .cell--11-col, .st-Main--L1 .discography.discography-1 > .cell--11-col, .mediaPageMenu nav > .cell--11-col { width: calc(91.66667% - 30px); } .je-grid > .cell--12-col, #menuContent .menuContent .menuContent--block__Top .menuContent--block__inner > div:first-child > .cell--12-col, .pager--detail > .cell--12-col, #trailer .movieList > .cell--12-col, #and_more .discList > .cell--12-col, #new_release .discList > .cell--12-col, #discography .discList > .cell--12-col, .liveList > .cell--12-col, .liveItem > .cell--12-col, .liveItem2 > .cell--12-col, .profileList > .cell--12-col, .trackInfo > .cell--12-col, .st-Header .st-Header--row__Top > .cell--12-col, .st-Main--L1 .discography.discography-1 > .cell--12-col, .mediaPageMenu nav > .cell--12-col { width: calc(100% - 30px); } .je-grid > .cell--12-col, #menuContent .menuContent .menuContent--block__Top .menuContent--block__inner > div:first-child > .cell--12-col, .pager--detail > .cell--12-col, #trailer .movieList > .cell--12-col, #and_more .discList > .cell--12-col, #new_release .discList > .cell--12-col, #discography .discList > .cell--12-col, .liveList > .cell--12-col, .liveItem > .cell--12-col, .liveItem2 > .cell--12-col, .profileList > .cell--12-col, .trackInfo > .cell--12-col, .st-Header .st-Header--row__Top > .cell--12-col, .st-Main--L1 .discography.discography-1 > .cell--12-col, .mediaPageMenu nav > .cell--12-col { width: 100%; } .je-grid > .cell--half-col, #menuContent .menuContent .menuContent--block__Top .menuContent--block__inner > div:first-child > .cell--half-col, .pager--detail > .cell--half-col, #trailer .movieList > .cell--half-col, #and_more .discList > .cell--half-col, #new_release .discList > .cell--half-col, #discography .discList > .cell--half-col, .liveList > .cell--half-col, .liveItem > .cell--half-col, .liveItem2 > .cell--half-col, .profileList > .cell--half-col, .trackInfo > .cell--half-col, .st-Header .st-Header--row__Top > .cell--half-col, .st-Main--L1 .discography.discography-1 > .cell--half-col, .mediaPageMenu nav > .cell--half-col { width: calc(50% - 30px); } @media (max-width: 1024px) { .je-grid > .cell, #menuContent .menuContent .menuContent--block__Top .menuContent--block__inner > div:first-child > .cell, .pager--detail > .cell, #trailer .movieList > .cell, #and_more .discList > .cell, #new_release .discList > .cell, #discography .discList > .cell, .liveList > .cell, .liveItem > .cell, .liveItem2 > .cell, .profileList > .cell, .trackInfo > .cell, .st-Header .st-Header--row__Top > .cell, .st-Main--L1 .discography.discography-1 > .cell, .mediaPageMenu nav > .cell { margin: 10px; } .je-grid > .cell--half-col--sp, #menuContent .menuContent .menuContent--block__Top .menuContent--block__inner > div:first-child > .cell--half-col--sp, .pager--detail > .cell--half-col--sp, #trailer .movieList > .cell--half-col--sp, #and_more .discList > .cell--half-col--sp, #new_release .discList > .cell--half-col--sp, #discography .discList > .cell--half-col--sp, .liveList > .cell--half-col--sp, .liveItem > .cell--half-col--sp, .liveItem2 > .cell--half-col--sp, .profileList > .cell--half-col--sp, .trackInfo > .cell--half-col--sp, .st-Header .st-Header--row__Top > .cell--half-col--sp, .st-Main--L1 .discography.discography-1 > .cell--half-col--sp, .mediaPageMenu nav > .cell--half-col--sp { width: calc(50% - 20px); } } @media (max-width: 1024px) { .je-grid > .cell--1-col--sp, #menuContent .menuContent .menuContent--block__Top .menuContent--block__inner > div:first-child > .cell--1-col--sp, .pager--detail > .cell--1-col--sp, #trailer .movieList > .cell--1-col--sp, #and_more .discList > .cell--1-col--sp, #new_release .discList > .cell--1-col--sp, #discography .discList > .cell--1-col--sp, .liveList > .cell--1-col--sp, .liveItem > .cell--1-col--sp, .liveItem2 > .cell--1-col--sp, .profileList > .cell--1-col--sp, .trackInfo > .cell--1-col--sp, .st-Header .st-Header--row__Top > .cell--1-col--sp, .st-Main--L1 .discography.discography-1 > .cell--1-col--sp, .mediaPageMenu nav > .cell--1-col--sp { width: calc(20% - 10px); } } @media (max-width: 1024px) { .je-grid > .cell--2-col--sp, #menuContent .menuContent .menuContent--block__Top .menuContent--block__inner > div:first-child > .cell--2-col--sp, .pager--detail > .cell--2-col--sp, #trailer .movieList > .cell--2-col--sp, #and_more .discList > .cell--2-col--sp, #new_release .discList > .cell--2-col--sp, #discography .discList > .cell--2-col--sp, .liveList > .cell--2-col--sp, .liveItem > .cell--2-col--sp, .liveItem2 > .cell--2-col--sp, .profileList > .cell--2-col--sp, .trackInfo > .cell--2-col--sp, .st-Header .st-Header--row__Top > .cell--2-col--sp, .st-Main--L1 .discography.discography-1 > .cell--2-col--sp, .mediaPageMenu nav > .cell--2-col--sp { width: calc(40% - 10px); } } @media (max-width: 1024px) { .je-grid > .cell--3-col--sp, #menuContent .menuContent .menuContent--block__Top .menuContent--block__inner > div:first-child > .cell--3-col--sp, .pager--detail > .cell--3-col--sp, #trailer .movieList > .cell--3-col--sp, #and_more .discList > .cell--3-col--sp, #new_release .discList > .cell--3-col--sp, #discography .discList > .cell--3-col--sp, .liveList > .cell--3-col--sp, .liveItem > .cell--3-col--sp, .liveItem2 > .cell--3-col--sp, .profileList > .cell--3-col--sp, .trackInfo > .cell--3-col--sp, .st-Header .st-Header--row__Top > .cell--3-col--sp, .st-Main--L1 .discography.discography-1 > .cell--3-col--sp, .mediaPageMenu nav > .cell--3-col--sp { width: calc(60% - 10px); } } @media (max-width: 1024px) { .je-grid > .cell--4-col--sp, #menuContent .menuContent .menuContent--block__Top .menuContent--block__inner > div:first-child > .cell--4-col--sp, .pager--detail > .cell--4-col--sp, #trailer .movieList > .cell--4-col--sp, #and_more .discList > .cell--4-col--sp, #new_release .discList > .cell--4-col--sp, #discography .discList > .cell--4-col--sp, .liveList > .cell--4-col--sp, .liveItem > .cell--4-col--sp, .liveItem2 > .cell--4-col--sp, .profileList > .cell--4-col--sp, .trackInfo > .cell--4-col--sp, .st-Header .st-Header--row__Top > .cell--4-col--sp, .st-Main--L1 .discography.discography-1 > .cell--4-col--sp, .mediaPageMenu nav > .cell--4-col--sp { width: calc(80% - 10px); } } @media (max-width: 1024px) { .je-grid > .cell--5-col--sp, #menuContent .menuContent .menuContent--block__Top .menuContent--block__inner > div:first-child > .cell--5-col--sp, .pager--detail > .cell--5-col--sp, #trailer .movieList > .cell--5-col--sp, #and_more .discList > .cell--5-col--sp, #new_release .discList > .cell--5-col--sp, #discography .discList > .cell--5-col--sp, .liveList > .cell--5-col--sp, .liveItem > .cell--5-col--sp, .liveItem2 > .cell--5-col--sp, .profileList > .cell--5-col--sp, .trackInfo > .cell--5-col--sp, .st-Header .st-Header--row__Top > .cell--5-col--sp, .st-Main--L1 .discography.discography-1 > .cell--5-col--sp, .mediaPageMenu nav > .cell--5-col--sp { width: calc(100% - 10px); } } @media (max-width: 1024px) { .je-grid > .cell--5-col--sp, #menuContent .menuContent .menuContent--block__Top .menuContent--block__inner > div:first-child > .cell--5-col--sp, .pager--detail > .cell--5-col--sp, #trailer .movieList > .cell--5-col--sp, #and_more .discList > .cell--5-col--sp, #new_release .discList > .cell--5-col--sp, #discography .discList > .cell--5-col--sp, .liveList > .cell--5-col--sp, .liveItem > .cell--5-col--sp, .liveItem2 > .cell--5-col--sp, .profileList > .cell--5-col--sp, .trackInfo > .cell--5-col--sp, .st-Header .st-Header--row__Top > .cell--5-col--sp, .st-Main--L1 .discography.discography-1 > .cell--5-col--sp, .mediaPageMenu nav > .cell--5-col--sp { width: 100%; } } .je-grid--no-spacing { padding: 0; } .je-grid--no-spacing > .cell { margin: 0; } @media (max-width: 1024px) { .je-grid--no-spacing > .cell { margin: 0; } } /* pickup ---------------------------------------*/ .js-parallax-bg { overflow: hidden; position: relative; } .js-parallax-bg img { position: relative; top: -200px; } .js-parallax-bg.scroll-h img { -webkit-transition: -webkit-transform 1s ease; transition: -webkit-transform 1s ease; transition: transform 1s ease; transition: transform 1s ease, -webkit-transform 1s ease; } #pickup { position: relative; padding-left: 70px; padding-right: 70px; padding-top: 26px; /* &:before { content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; height: 90px; background: #e4c066; } &:after { content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; height: 90px; background: url(../../images/texture/tex001.png) no-repeat; background-size: cover; }*/ } #pickup .js-parallax-bg { display: block; position: absolute; left: 0; right: 0; top: 0; height: 90px; } @media (max-width: 1024px) { #pickup { padding-top: 30px; padding-left: 0px; padding-right: 0px; } #pickup .st-ContentBody { margin-left: 0px; margin-right: 0px; } } #information .js-parallax-bg { display: block; position: absolute; left: 0; top: 0; width: 85px; height: 402px; } @media (max-width: 1440px) { #information .js-parallax-bg { left: -80px; } } @media (max-width: 1024px) { #information .js-parallax-bg { left: -80px; } } @media (max-width: 1024px) { #information .st-ContentHeader__right .more { display: none; } } #information .st-ContentFooter { padding-left: 294px; /* &.pc-none { text-align: right; }*/ zoom: 1; } @media (max-width: 1024px) { #information .st-ContentFooter { padding-left: 0; } } #information .st-ContentFooter .more { float: right; } #information .st-ContentFooter:before, #information .st-ContentFooter:after { display: block; height: 0; visibility: hidden; content: "\0020"; } #information .st-ContentFooter:after { clear: both; } .st-ContentFooter .button { margin-top: 2em; } .movie #information:not(.st-ContentFirst) .js-parallax-bg { top: inherit; bottom: 0; } .movie #information .js-parallax-bg { display: block; position: absolute; left: 0; top: 470px; width: 140px; height: 520px; } @media (max-width: 1024px) { .movie #information .js-parallax-bg { left: -120px; } } @media (max-width: 1024px) { .movie #information .st-ContentHeader__right .more { display: none; } } .movie #information .st-ContentFooter { padding-left: 294px; } @media (max-width: 1024px) { .movie #information .st-ContentFooter { padding-left: 0; } } .movie #information .st-ContentFooter.pc-none { text-align: right; } #media .st-ContentHeader__right a { color: #9a9a9a; font-size: 110%; } #trailer { padding-top: 120px; } @media (max-width: 1024px) { #trailer { padding-top: 60px; } } #trailer .slick-dots { display: none !important; } #trailer .st-ContentHeader { color: #fff; } #trailer:before { content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; height: 360px; background: #292929; } @media (max-width: 1024px) { #trailer:before { height: 190px; } } #trailer:after { content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; height: 360px; background: url(../../images/texture/tex002.png) no-repeat; background-size: cover; mix-blend-mode: darken; } @media (max-width: 1024px) { #trailer:after { height: 190px; } } .st-Header.color-white .st-Header--row__Top { color: #fff; } .st-Header.color-white .st-Header--row__Top a { color: #fff; } .st-Header.color-white .st-Header--row__Top .navigation a { color: #fff; } .special-page #trailer .st-ContentHeader { color: #292929; } .special-page #trailer:before { background: #f4f4f4; } .special-page #trailer:after { display: none; } #and_more { background: #f4f4f4; padding: 120px 0; } .st-Main.others #and_more, .st-Main.movie #and_more { background: #f4f4f4; padding: 120px 0; } #and_more, #new_release { /* &:before { content: ""; display: block; position: absolute; top: 140px; left: calc(100% - 30px); width: 30px; height: 400px; background: #eaca70; } &:after { content: ""; display: block; position: absolute; top: 140px; left: calc(100% - 30px); width: 30px; height: 400px; background: url(../../images/texture/tex003.png) no-repeat; background-size: cover; }*/ } #and_more .js-parallax-bg, #new_release .js-parallax-bg { display: block; position: absolute; top: 140px; left: calc(100% - 80px); width: 80px; height: 400px; } @media (max-width: 1024px) { #and_more .js-parallax-bg, #new_release .js-parallax-bg { width: 10px; top: 80px; left: calc(100% - 10px); } } .movie .informationList { position: relative; } .movie .informationList:after { position: absolute; content: "INFORMATION"; display: block; left: -60px; top: 0; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: translate3d(-100%, 0, 0) rotate(-90deg); transform: translate3d(-100%, 0, 0) rotate(-90deg); color: #d2ae4e; font-size: 13px; } @media (max-width: 1024px) { .movie .informationList { padding-left: 40px; } .movie .informationList:after { position: absolute; content: "INFORMATION"; display: block; left: 0; top: 0; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: translate3d(-100%, 0, 0) rotate(-90deg); transform: translate3d(-100%, 0, 0) rotate(-90deg); color: #d2ae4e; font-size: 13px; } } #movie.st-Content { padding-top: 120px; padding-bottom: 120px; color: #fff; } @media (max-width: 1024px) { #movie.st-Content { padding-top: 60px; padding-bottom: 60px; } } #movie.st-Content .st-ContentHeader { position: absolute; top: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; z-index: 100; overflow: auto; } @media (max-width: 1024px) { #movie.st-Content .st-ContentHeader { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; position: static; } } #movie.st-Content .st-ContentHeader a.more { display: inline-block; margin-top: 2em; } #movie.st-Content .st-ContentHeader a.more span { color: #fff; } #movie.st-Content .st-ContentBody { margin-top: 0; } @media (max-width: 1024px) { #movie.st-Content .st-ContentBody { margin-top: 40px; } } #movie.st-Content:before { content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: #292929; } #movie.st-Content:after { content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: url(../../images/texture/tex004.jpg) no-repeat; background-size: cover; mix-blend-mode: soft-light; } #movie.st-Content .informationList { padding-left: 408px; position: relative; } #movie.st-Content .informationList:after { position: absolute; content: "INFORMATION"; display: block; left: 338px; top: 0; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: translate3d(-100%, 0, 0) rotate(-90deg); transform: translate3d(-100%, 0, 0) rotate(-90deg); color: #d2ae4e; font-size: 13px; } @media (max-width: 1024px) { #movie.st-Content .informationList { padding-left: 40px; } #movie.st-Content .informationList:after { position: absolute; content: "INFORMATION"; display: block; left: 0; top: 0; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: translate3d(-100%, 0, 0) rotate(-90deg); transform: translate3d(-100%, 0, 0) rotate(-90deg); color: #d2ae4e; font-size: 13px; } } #movie.st-Content .discList { margin-top: 80px; } #others .js-parallax-bg { display: block; position: absolute; top: 0px; left: calc(100% - 80px); width: 80px; height: 532px; } #others .st-Content--inner { position: relative; width: 100%; zoom: 1; } #others .st-Content--inner:before, #others .st-Content--inner:after { display: block; height: 0; visibility: hidden; content: "\0020"; } #others .st-Content--inner:after { clear: both; } #others .st-ContentBody { text-align: center; } #others .st-ContentBody img { width: 100%; height: auto; max-width: 580px; } #others .st-ContentHeader { float: right; text-align: center; margin: 0; margin-top: 120px; margin-bottom: 80px; width: 50%; } #others .st-ContentHeader h2 { margin-left: auto; margin-right: auto; } @media (max-width: 1024px) { #others .st-ContentHeader { float: none; width: auto; text-align: left; margin-top: 0px; margin-bottom: 40px; margin-left: 20px; margin-right: 20px; } #others .st-ContentHeader h2 { margin-left: 0; margin-right: 0; } } #others .st-ContentBody { float: left; margin: 0; width: 50%; padding-left: 55px; } @media (max-width: 1024px) { #others .st-ContentBody { float: none; width: auto; margin-left: 30px; margin-right: 30px; margin-bottom: 10px; padding-left: 0; } } #others .st-ContentFooter { float: right; text-align: center; margin: 0; width: 50%; } @media (max-width: 1024px) { #others .st-ContentFooter { float: none; width: auto; } } #jsInformation { /* .st-Content--inner:before { content: ""; display: block; position: absolute; right: 80px; width: 235px; top: 0; bottom: 0; background: #eaca70; z-index: -1; @media (max-width: $breakpoint) { width: 120px; top: 15%; right: 15px; } } .st-Content--inner:after { content: ""; display: block; position: absolute; right: 80px; width: 235px; top: 0; bottom: 0; background: url(../../images/texture/tex005.png); z-index: -1; @media (max-width: $breakpoint) { width: 120px; top: 15%; right: 15px; } }*/ } #jsInformation .js-parallax-bg { display: block; position: absolute; right: 80px; width: 235px; top: 0; bottom: 0; z-index: -1; } @media (max-width: 1024px) { #jsInformation .js-parallax-bg { width: 120px; top: 15%; right: 15px; } } #jsInformation .st-Content--inner { position: relative; padding: 80px; padding-left: 135px; padding-right: 450px; } @media (max-width: 1024px) { #jsInformation .st-Content--inner { padding: 0 0px; } } #jsInformation .st-ContentFooter { text-align: right; } #jsInformation .st-ContentFooter a { color: #292929; } @media (max-width: 1024px) { #jsInformation .st-ContentFooter { margin-top: 10px; } } #discography .js-parallax-bg { display: block; position: absolute; top: 0px; left: calc(100% - 30px); width: 30px; height: 400px; } @media (max-width: 1024px) { #discography .js-parallax-bg { width: 5px; top: 0px; left: calc(100% - 5px); height: 280px; } } .st-Main--L1 #discography .js-parallax-bg { display: block; position: absolute; left: -85px; bottom: 0; width: 470px; height: 344px; } @media (max-width: 1024px) { .st-Main--L1 #discography .js-parallax-bg { width: 72vw; height: 34.66667vw; top: 18.66667vw; bottom: inherit; } } @media (max-width: 750px) { .st-Main--L1 #discography .js-parallax-bg { width: 72vw; height: 240px; top: 140px; bottom: inherit; } } #profile .js-parallax-bg { display: block; position: absolute; right: 0px; top: -262px; width: 50px; height: 405px; } @media (max-width: 1200px) { #profile .js-parallax-bg { top: -210px; } } @media (max-width: 1024px) { #profile .js-parallax-bg { right: 0px; width: 15px; height: 240px; top: -20px; } } @media (max-width: 750px) { #profile .js-parallax-bg { width: 15px; height: 240px; top: -20; } } /* Information ---------------------------------------*/ .selectbox { display: none; } @media (max-width: 1024px) { .select-nav { display: none; } .selectbox { display: block; position: relative; } .selectbox label { display: block; margin: 0 auto; text-align: center; } .selectbox div { pointer-events: none; text-align: center; } .selectbox div a { display: inline-block; } .selectbox i.icon { -webkit-transform: rotate(90deg); transform: rotate(90deg); width: 12px; height: 12px; position: absolute; top: 5px; left: 50%; margin-left: 80px; } .selectbox select { opacity: 0; position: absolute; top: 0; margin: 0 auto; width: 100%; line-height: 2; width: 200px; left: 50%; margin-left: -100px; border: none; outline: none; padding: 5px; text-align: center; } .selectbox select option { text-align: center; margin: 0 auto; } .selectbox > a { pointer-events: none; display: none; text-align: center; margin: 0 auto; } .selectbox > a:before { position: static; margin-right: 20px; } } #information .st-ContentBody { display: -webkit-box; display: -ms-flexbox; display: flex; } #latest-information h3 { font-size: 48px; font-weight: 300; } @media (max-width: 1024px) { #latest-information h3 { font-size: 30px; } } #latest-information .st-ContentBody .post, #latest-information .st-ContentBody .discography, #information .st-ContentBody .post, #information .st-ContentBody .discography { width: 100%; } @media (max-width: 1024px) { #latest-information .st-ContentBody, #information .st-ContentBody { display: block; } } #latest-information .st-ContentBody .informationList--menu, #information .st-ContentBody .informationList--menu { -ms-flex-preferred-size: 294px; flex-basis: 294px; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; } #latest-information .st-ContentBody .informationList, #information .st-ContentBody .informationList { -ms-flex-preferred-size: 100%; flex-basis: 100%; -ms-flex-negative: 1; flex-shrink: 1; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } #discography .discList--menu { -ms-flex-preferred-size: 294px; flex-basis: 294px; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; } /* Discography ---------------------------------------*/ #discography { position: relative; } #discography .st-ContentMenu { margin-bottom: 0px; } #discography .st-ContentMenu .st-ContentMenu--inner { padding-bottom: 0; border-bottom: 0; max-width: 680px; min-width: 480px; } #discography.st-ContentFirst .st-Content--inner { position: static; } #discography.st-ContentFirst .discography .discography--image { color: #fff; text-align: center; } #discography.st-ContentFirst .discography .discography--image .discItem--image { width: 100%; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } #discography.st-ContentFirst .discography .discography--image .discItem--image a { height: auto; } #discography.st-ContentFirst .discography .discography--image .discItem--body { padding: 20px 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .st-Main:not(.special-page) #discography.st-ContentFirst .discography:after { content: ""; display: block; position: absolute; z-index: -1; left: 0; right: 0; bottom: 0px; height: 220px; background: #292929 url(../../images/texture/tex-008.jpg); background-size: cover; } .st-Main.movie #discography.st-ContentFirst .discography:after { background: #d2ae4e no-repeat; background-size: cover; } .st-Main.others #discography.st-ContentFirst .discography:after { background: #eeca6c; } .discography .discography--header { padding: 10px 0 40px; } .discography .discography--header.align-center { text-align: center; } @media (max-width: 1024px) { .discography .discography--header { padding: 0px 0px 20px; } } .discography .discography--header h3 { font-size: 26px; font-weight: 600; font-style: normal; line-height: 1.2; margin-top: 20px; } @media (max-width: 1024px) { .discography .discography--header h3 { font-size: 20px; margin-bottom: 0; margin-top: 10px; } } .discography .discography--header span.date { font-size: 14px; font-weight: 600; } @media (max-width: 1024px) { .discography .discography--header span.date { font-size: 11px; margin-top: 0; } } @media (max-width: 360px) { .discography .discography--header span.date { margin: 0; margin-top: 5px; display: block; } } .discography .discography--header p { font-size: 14px; } .discography .discography--header p small { font-size: 12px; } @media (max-width: 1024px) { .discography .discography--header p { font-size: 10px; line-height: 2; } } .discography .discography--header p + p { margin-top: 30px; } @media (max-width: 1024px) { .discography .discography--header p + p { margin-top: 20px; } } .discography .discography--header a.button { display: block; margin: 0 auto; margin-top: 60px; } @media (max-width: 1024px) { .discography .discography--header a.button { margin-top: 40px; } } .discography .je-grid, .discography #menuContent .menuContent .menuContent--block__Top .menuContent--block__inner > div:first-child, #menuContent .menuContent .menuContent--block__Top .discography .menuContent--block__inner > div:first-child, .discography .pager--detail, .discography #trailer .movieList, #trailer .discography .movieList, .discography #and_more .discList, #and_more .discography .discList, .discography #new_release .discList, #new_release .discography .discList, .discography #discography .discList, #discography .discography .discList, .discography .liveList, .discography .liveItem, .discography .liveItem2, .discography .profileList, .discography .trackInfo, .discography .st-Header .st-Header--row__Top, .st-Header .discography .st-Header--row__Top, .discography .st-Main--L1 .discography.discography-1, .st-Main--L1 .discography .discography.discography-1, .discography .mediaPageMenu nav, .mediaPageMenu .discography nav { -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } @media all and (-ms-high-contrast: none) { .discography .je-grid, .discography #menuContent .menuContent .menuContent--block__Top .menuContent--block__inner > div:first-child, #menuContent .menuContent .menuContent--block__Top .discography .menuContent--block__inner > div:first-child, .discography .pager--detail, .discography #trailer .movieList, #trailer .discography .movieList, .discography #and_more .discList, #and_more .discography .discList, .discography #new_release .discList, #new_release .discography .discList, .discography #discography .discList, #discography .discography .discList, .discography .liveList, .discography .liveItem, .discography .liveItem2, .discography .profileList, .discography .trackInfo, .discography .st-Header .st-Header--row__Top, .st-Header .discography .st-Header--row__Top, .discography .st-Main--L1 .discography.discography-1, .st-Main--L1 .discography .discography.discography-1, .discography .mediaPageMenu nav, .mediaPageMenu .discography nav { -ms-flex-pack: distribute; justify-content: space-around; } } @media (max-width: 1024px) { .discography .je-grid, .discography #menuContent .menuContent .menuContent--block__Top .menuContent--block__inner > div:first-child, #menuContent .menuContent .menuContent--block__Top .discography .menuContent--block__inner > div:first-child, .discography .pager--detail, .discography #trailer .movieList, #trailer .discography .movieList, .discography #and_more .discList, #and_more .discography .discList, .discography #new_release .discList, #new_release .discography .discList, .discography #discography .discList, #discography .discography .discList, .discography .liveList, .discography .liveItem, .discography .liveItem2, .discography .profileList, .discography .trackInfo, .discography .st-Header .st-Header--row__Top, .st-Header .discography .st-Header--row__Top, .discography .st-Main--L1 .discography.discography-1, .st-Main--L1 .discography .discography.discography-1, .discography .mediaPageMenu nav, .mediaPageMenu .discography nav { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; overflow: auto; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media (max-width: 640px) { .discography .je-grid, .discography #menuContent .menuContent .menuContent--block__Top .menuContent--block__inner > div:first-child, #menuContent .menuContent .menuContent--block__Top .discography .menuContent--block__inner > div:first-child, .discography .pager--detail, .discography #trailer .movieList, #trailer .discography .movieList, .discography #and_more .discList, #and_more .discography .discList, .discography #new_release .discList, #new_release .discography .discList, .discography #discography .discList, #discography .discography .discList, .discography .liveList, .discography .liveItem, .discography .liveItem2, .discography .profileList, .discography .trackInfo, .discography .st-Header .st-Header--row__Top, .st-Header .discography .st-Header--row__Top, .discography .st-Main--L1 .discography.discography-1, .st-Main--L1 .discography .discography.discography-1, .discography .mediaPageMenu nav, .mediaPageMenu .discography nav { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .discography .je-grid .je-slide--pc .item, .discography #menuContent .menuContent .menuContent--block__Top .menuContent--block__inner > div:first-child .je-slide--pc .item, #menuContent .menuContent .menuContent--block__Top .discography .menuContent--block__inner > div:first-child .je-slide--pc .item, .discography .pager--detail .je-slide--pc .item, .discography #trailer .movieList .je-slide--pc .item, #trailer .discography .movieList .je-slide--pc .item, .discography #and_more .discList .je-slide--pc .item, #and_more .discography .discList .je-slide--pc .item, .discography #new_release .discList .je-slide--pc .item, #new_release .discography .discList .je-slide--pc .item, .discography #discography .discList .je-slide--pc .item, #discography .discography .discList .je-slide--pc .item, .discography .liveList .je-slide--pc .item, .discography .liveItem .je-slide--pc .item, .discography .liveItem2 .je-slide--pc .item, .discography .profileList .je-slide--pc .item, .discography .trackInfo .je-slide--pc .item, .discography .st-Header .st-Header--row__Top .je-slide--pc .item, .st-Header .discography .st-Header--row__Top .je-slide--pc .item, .discography .st-Main--L1 .discography.discography-1 .je-slide--pc .item, .st-Main--L1 .discography .discography.discography-1 .je-slide--pc .item, .discography .mediaPageMenu nav .je-slide--pc .item, .mediaPageMenu .discography nav .je-slide--pc .item { margin: 0; -ms-flex-preferred-size: 25%; flex-basis: 25%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; max-width: 360px; padding: 20px; } @media (max-width: 1024px) { .discography .je-grid .je-slide--pc .item, .discography #menuContent .menuContent .menuContent--block__Top .menuContent--block__inner > div:first-child .je-slide--pc .item, #menuContent .menuContent .menuContent--block__Top .discography .menuContent--block__inner > div:first-child .je-slide--pc .item, .discography .pager--detail .je-slide--pc .item, .discography #trailer .movieList .je-slide--pc .item, #trailer .discography .movieList .je-slide--pc .item, .discography #and_more .discList .je-slide--pc .item, #and_more .discography .discList .je-slide--pc .item, .discography #new_release .discList .je-slide--pc .item, #new_release .discography .discList .je-slide--pc .item, .discography #discography .discList .je-slide--pc .item, #discography .discography .discList .je-slide--pc .item, .discography .liveList .je-slide--pc .item, .discography .liveItem .je-slide--pc .item, .discography .liveItem2 .je-slide--pc .item, .discography .profileList .je-slide--pc .item, .discography .trackInfo .je-slide--pc .item, .discography .st-Header .st-Header--row__Top .je-slide--pc .item, .st-Header .discography .st-Header--row__Top .je-slide--pc .item, .discography .st-Main--L1 .discography.discography-1 .je-slide--pc .item, .st-Main--L1 .discography .discography.discography-1 .je-slide--pc .item, .discography .mediaPageMenu nav .je-slide--pc .item, .mediaPageMenu .discography nav .je-slide--pc .item { -ms-flex-item-align: center; align-self: center; width: 100%; max-width: inherit; min-width: 240px; padding: 0 0px; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .discography .je-grid .je-slide--pc .item > div, .discography #menuContent .menuContent .menuContent--block__Top .menuContent--block__inner > div:first-child .je-slide--pc .item > div, #menuContent .menuContent .menuContent--block__Top .discography .menuContent--block__inner > div:first-child .je-slide--pc .item > div, .discography .pager--detail .je-slide--pc .item > div, .discography #trailer .movieList .je-slide--pc .item > div, #trailer .discography .movieList .je-slide--pc .item > div, .discography #and_more .discList .je-slide--pc .item > div, #and_more .discography .discList .je-slide--pc .item > div, .discography #new_release .discList .je-slide--pc .item > div, #new_release .discography .discList .je-slide--pc .item > div, .discography #discography .discList .je-slide--pc .item > div, #discography .discography .discList .je-slide--pc .item > div, .discography .liveList .je-slide--pc .item > div, .discography .liveItem .je-slide--pc .item > div, .discography .liveItem2 .je-slide--pc .item > div, .discography .profileList .je-slide--pc .item > div, .discography .trackInfo .je-slide--pc .item > div, .discography .st-Header .st-Header--row__Top .je-slide--pc .item > div, .st-Header .discography .st-Header--row__Top .je-slide--pc .item > div, .discography .st-Main--L1 .discography.discography-1 .je-slide--pc .item > div, .st-Main--L1 .discography .discography.discography-1 .je-slide--pc .item > div, .discography .mediaPageMenu nav .je-slide--pc .item > div, .mediaPageMenu .discography nav .je-slide--pc .item > div { width: 240px; margin-left: auto; margin-right: auto; } } .discography.discography-5 .je-slide--pc { display: block; margin-top: -30px; margin-bottom: -30px; } @media (max-width: 750px) { .discography.discography-5 .je-slide--pc { display: none; } } .discography.discography-5 .je-slide--pc .slick-track { padding: 30px 0 0; } .discography.discography-5 .je-slide--pc .slick-track * { outline: none; } .discography.discography-5 .je-slide--pc .slick-dots { pointer-events: auto; margin-top: -30px; padding-bottom: 15px; } .discography.discography-5 .je-slide--pc .slick-dots li button:before { display: none; } .discography.discography-5 .je-slide--pc .slick-dots li:before, .discography.discography-5 .je-slide--pc .slick-dots li:after { display: none !important; } .st-Main--L1 #discography { position: relative; } .st-Main--L1 #discography .st-ContentHeader { position: absolute; top: 0; right: 0; left: 50%; margin-left: 0px; } @media (max-width: 1024px) { .st-Main--L1 #discography .st-ContentHeader { position: static; margin-left: 0px; margin: 0px 20px 0; } } .st-Main--L1 #discography .st-ContentBody { margin-top: 0; } @media (max-width: 1024px) { .st-Main--L1 #discography .st-ContentBody { margin: 40px 30px 0; } } @media (max-width: 1024px) { .st-Main--L1 .discography.discography-1 { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .st-Main--L1 .discography.discography-1 .discography--header { -ms-flex-preferred-size: 50%; flex-basis: 50%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; padding-top: 120px; } @media (max-width: 1024px) { .st-Main--L1 .discography.discography-1 .discography--header { -ms-flex-preferred-size: 100%; flex-basis: 100%; padding-top: 50px; -ms-flex-item-align: center; align-self: center; height: auto; } } .st-Main--L1 .discography.discography-1 .discography--image { margin: 0; width: 420px; height: 420px; -ms-flex-preferred-size: 420px; flex-basis: 420px; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; pointer-events: none; /* a img{ pointer-events: none; }*/ -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .st-Main--L1 .discography.discography-1 .discography--image img { width: 420px; height: 420px; -o-object-fit: contain; object-fit: contain; } .st-Main--L1 .discography.discography-1 .discography--image .slick-prev, .st-Main--L1 .discography.discography-1 .discography--image .slick-next { display: none !important; } @media (max-width: 1024px) { .st-Main--L1 .discography.discography-1 .discography--image { -ms-flex-preferred-size: 280px; flex-basis: 280px; width: 41.01563vw; height: 41.01563vw; margin-left: auto; margin-right: auto; } .st-Main--L1 .discography.discography-1 .discography--image img { width: 41.01563vw; height: 41.01563vw; -o-object-fit: contain; object-fit: contain; } .st-Main--L1 .discography.discography-1 .discography--image .je-grid, .st-Main--L1 .discography.discography-1 .discography--image #menuContent .menuContent .menuContent--block__Top .menuContent--block__inner > div:first-child, #menuContent .menuContent .menuContent--block__Top .st-Main--L1 .discography.discography-1 .discography--image .menuContent--block__inner > div:first-child, .st-Main--L1 .discography.discography-1 .discography--image .pager--detail, .st-Main--L1 .discography.discography-1 .discography--image #trailer .movieList, #trailer .st-Main--L1 .discography.discography-1 .discography--image .movieList, .st-Main--L1 .discography.discography-1 .discography--image #and_more .discList, #and_more .st-Main--L1 .discography.discography-1 .discography--image .discList, .st-Main--L1 .discography.discography-1 .discography--image #new_release .discList, #new_release .st-Main--L1 .discography.discography-1 .discography--image .discList, .st-Main--L1 .discography.discography-1 .discography--image #discography .discList, #discography .st-Main--L1 .discography.discography-1 .discography--image .discList, .st-Main--L1 .discography.discography-1 .discography--image .liveList, .st-Main--L1 .discography.discography-1 .discography--image .liveItem, .st-Main--L1 .discography.discography-1 .discography--image .liveItem2, .st-Main--L1 .discography.discography-1 .discography--image .profileList, .st-Main--L1 .discography.discography-1 .discography--image .trackInfo, .st-Main--L1 .discography.discography-1 .discography--image .st-Header .st-Header--row__Top, .st-Header .st-Main--L1 .discography.discography-1 .discography--image .st-Header--row__Top, .st-Main--L1 .discography.discography-1 .discography--image .discography.discography-1, .st-Main--L1 .discography.discography-1 .discography--image .mediaPageMenu nav, .mediaPageMenu .st-Main--L1 .discography.discography-1 .discography--image nav { height: 100%; } } @media (max-width: 750px) { .st-Main--L1 .discography.discography-1 .discography--image { -ms-flex-preferred-size: 280px; flex-basis: 280px; width: 280px; height: 280px; margin-left: auto; margin-right: auto; } .st-Main--L1 .discography.discography-1 .discography--image img { width: 280px; height: 280px; -o-object-fit: contain; object-fit: contain; } .st-Main--L1 .discography.discography-1 .discography--image .je-grid, .st-Main--L1 .discography.discography-1 .discography--image #menuContent .menuContent .menuContent--block__Top .menuContent--block__inner > div:first-child, #menuContent .menuContent .menuContent--block__Top .st-Main--L1 .discography.discography-1 .discography--image .menuContent--block__inner > div:first-child, .st-Main--L1 .discography.discography-1 .discography--image .pager--detail, .st-Main--L1 .discography.discography-1 .discography--image #trailer .movieList, #trailer .st-Main--L1 .discography.discography-1 .discography--image .movieList, .st-Main--L1 .discography.discography-1 .discography--image #and_more .discList, #and_more .st-Main--L1 .discography.discography-1 .discography--image .discList, .st-Main--L1 .discography.discography-1 .discography--image #new_release .discList, #new_release .st-Main--L1 .discography.discography-1 .discography--image .discList, .st-Main--L1 .discography.discography-1 .discography--image #discography .discList, #discography .st-Main--L1 .discography.discography-1 .discography--image .discList, .st-Main--L1 .discography.discography-1 .discography--image .liveList, .st-Main--L1 .discography.discography-1 .discography--image .liveItem, .st-Main--L1 .discography.discography-1 .discography--image .liveItem2, .st-Main--L1 .discography.discography-1 .discography--image .profileList, .st-Main--L1 .discography.discography-1 .discography--image .trackInfo, .st-Main--L1 .discography.discography-1 .discography--image .st-Header .st-Header--row__Top, .st-Header .st-Main--L1 .discography.discography-1 .discography--image .st-Header--row__Top, .st-Main--L1 .discography.discography-1 .discography--image .discography.discography-1, .st-Main--L1 .discography.discography-1 .discography--image .mediaPageMenu nav, .mediaPageMenu .st-Main--L1 .discography.discography-1 .discography--image nav { height: 100%; } } .st-Main--L1 .discography.discography-1 .discography--image .item { max-width: inherit; min-width: inherit; } .st-Main--L1 .discography.discography-1 .discography--image .item { width: 100%; max-width: 440px; max-width: inherit; min-width: inherit; padding: 0; } .st-Main--L1 .discography.discography-1 .discography--image .item--row { max-width: 440px; height: 100%; } .st-Main--L1 .discography.discography-1 .discography--image .discItem { margin: 0 auto; } .st-Main--L1 .discography.discography-1 .discography--image .button { display: none; } @media (max-width: 1024px) { .st-Main--L1 .discography.discography-1 .discography--image .button { display: inline-block; } } @media (max-width: 1024px) { .st-Main--L2 .discography .discography--header, .st-Main--L2 .discography .discography--text { padding-left: 20px; padding-right: 20px; } } .st-Main--L2 .discography--image .discItem .discItem--body { text-align: center; } @media (max-width: 1024px) { .st-Main--L2.special-page .discography .slick-dots { padding-top: 0; margin-bottom: 25px; } } .st-Main--L2.special-page .discography:not(.discography-1) .discography--image { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .st-Main--L2.special-page .discography:not(.discography-1) .discography--header { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; text-align: left; } .st-Main--L2 .discography .discography--header { text-align: center; } .st-Main--L2.special-page .discography .discography--header { text-align: left; } .st-Main--L2.special-page .discography:not(.discography-1):not(.discography-5) { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .st-Main--L2.special-page .discography:not(.discography-1):not(.discography-5) .discography--image { margin-bottom: 40px; position: relative; left: -20px; right: -40px; width: calc(100% + 40px); } .st-Main--L2.special-page .discography:not(.discography-1):not(.discography-5) .discography--image .item { max-width: 400px; margin: 0 auto; } @media (max-width: 1024px) { .st-Main--L2.special-page .discography:not(.discography-1):not(.discography-5) .discography--image .item { max-width: 100%; } } @media (max-width: 1024px) { .st-Main--L2.special-page .discography:not(.discography-1):not(.discography-5) .discography--image { margin-bottom: 40px; position: relative; left: 0; right: 0; width: 100%; margin-top: 40px; } } @media (max-width: 750px) { .st-Main--L2.special-page .discography:not(.discography-1):not(.discography-5) .discography--image { margin-bottom: 0px; } } .st-Main--L2.special-page .discography:not(.discography-1):not(.discography-5) .discography--header { margin-bottom: 0.5em; letter-spacing: 0.07em; text-align: center; font-family: century-gothic, kozuka-gothic-pr6n, sans-serif; font-weight: 400; font-style: normal; } .st-Main--L2.special-page .discography:not(.discography-1):not(.discography-5) .discography--text { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; line-height: 2; } .st-Main--L2:not(.special-page) .discography:not(.discography-5) { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .st-Main--L2:not(.special-page) .discography:not(.discography-5) .discography--image { margin-bottom: 40px; position: relative; left: -20px; right: -40px; width: calc(100% + 40px); } .st-Main--L2:not(.special-page) .discography:not(.discography-5) .discography--image .item { max-width: 400px; margin: 0 auto; } @media (max-width: 1024px) { .st-Main--L2:not(.special-page) .discography:not(.discography-5) .discography--image .item { max-width: 100%; } } @media (max-width: 1024px) { .st-Main--L2:not(.special-page) .discography:not(.discography-5) .discography--image { margin-bottom: 0px; position: relative; left: 0; right: 0; width: 100%; margin-top: 40px; } } .st-Main--L2:not(.special-page) .discography:not(.discography-5) .discography--header { margin-bottom: 0.5em; letter-spacing: 0.07em; text-align: center; font-family: century-gothic, kozuka-gothic-pr6n, sans-serif; font-weight: 400; font-style: normal; } .st-Main--L2:not(.special-page) .discography:not(.discography-5) .discography--text { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; line-height: 2; } .st-Main--L2.special-page .discography.discography-1 { zoom: 1; } .st-Main--L2.special-page .discography.discography-1:before, .st-Main--L2.special-page .discography.discography-1:after { display: block; height: 0; visibility: hidden; content: "\0020"; } .st-Main--L2.special-page .discography.discography-1:after { clear: both; } @media (max-width: 1024px) { .st-Main--L2.special-page .discography.discography-1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .st-Main--L2.special-page .discography.discography-1 .discography--image { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } .st-Main--L2.special-page .discography.discography-1 .discography--header, .st-Main--L2.special-page .discography.discography-1 .discography--text { float: left; width: calc(100% - 440px); } @media (max-width: 1440px) { .st-Main--L2.special-page .discography.discography-1 .discography--header, .st-Main--L2.special-page .discography.discography-1 .discography--text { width: calc(100% - 280px); } } @media (max-width: 1024px) { .st-Main--L2.special-page .discography.discography-1 .discography--header, .st-Main--L2.special-page .discography.discography-1 .discography--text { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; float: inherit; width: 100%; } } .st-Main--L2.special-page .discography.discography-1 .je-grid, .st-Main--L2.special-page .discography.discography-1 #menuContent .menuContent .menuContent--block__Top .menuContent--block__inner > div:first-child, #menuContent .menuContent .menuContent--block__Top .st-Main--L2.special-page .discography.discography-1 .menuContent--block__inner > div:first-child, .st-Main--L2.special-page .discography.discography-1 .pager--detail, .st-Main--L2.special-page .discography.discography-1 #trailer .movieList, #trailer .st-Main--L2.special-page .discography.discography-1 .movieList, .st-Main--L2.special-page .discography.discography-1 #and_more .discList, #and_more .st-Main--L2.special-page .discography.discography-1 .discList, .st-Main--L2.special-page .discography.discography-1 #new_release .discList, #new_release .st-Main--L2.special-page .discography.discography-1 .discList, .st-Main--L2.special-page .discography.discography-1 #discography .discList, #discography .st-Main--L2.special-page .discography.discography-1 .discList, .st-Main--L2.special-page .discography.discography-1 .liveList, .st-Main--L2.special-page .discography.discography-1 .liveItem, .st-Main--L2.special-page .discography.discography-1 .liveItem2, .st-Main--L2.special-page .discography.discography-1 .profileList, .st-Main--L2.special-page .discography.discography-1 .trackInfo, .st-Main--L2.special-page .discography.discography-1 .st-Header .st-Header--row__Top, .st-Header .st-Main--L2.special-page .discography.discography-1 .st-Header--row__Top, .st-Main--L2.special-page .discography.discography-1 .st-Main--L1 .discography.discography-1, .st-Main--L1 .st-Main--L2.special-page .discography.discography-1 .discography.discography-1, .st-Main--L2.special-page .discography.discography-1 .mediaPageMenu nav, .mediaPageMenu .st-Main--L2.special-page .discography.discography-1 nav { float: right; width: 440px; position: relative; right: -20px; } @media (max-width: 1440px) { .st-Main--L2.special-page .discography.discography-1 .je-grid, .st-Main--L2.special-page .discography.discography-1 #menuContent .menuContent .menuContent--block__Top .menuContent--block__inner > div:first-child, #menuContent .menuContent .menuContent--block__Top .st-Main--L2.special-page .discography.discography-1 .menuContent--block__inner > div:first-child, .st-Main--L2.special-page .discography.discography-1 .pager--detail, .st-Main--L2.special-page .discography.discography-1 #trailer .movieList, #trailer .st-Main--L2.special-page .discography.discography-1 .movieList, .st-Main--L2.special-page .discography.discography-1 #and_more .discList, #and_more .st-Main--L2.special-page .discography.discography-1 .discList, .st-Main--L2.special-page .discography.discography-1 #new_release .discList, #new_release .st-Main--L2.special-page .discography.discography-1 .discList, .st-Main--L2.special-page .discography.discography-1 #discography .discList, #discography .st-Main--L2.special-page .discography.discography-1 .discList, .st-Main--L2.special-page .discography.discography-1 .liveList, .st-Main--L2.special-page .discography.discography-1 .liveItem, .st-Main--L2.special-page .discography.discography-1 .liveItem2, .st-Main--L2.special-page .discography.discography-1 .profileList, .st-Main--L2.special-page .discography.discography-1 .trackInfo, .st-Main--L2.special-page .discography.discography-1 .st-Header .st-Header--row__Top, .st-Header .st-Main--L2.special-page .discography.discography-1 .st-Header--row__Top, .st-Main--L2.special-page .discography.discography-1 .st-Main--L1 .discography.discography-1, .st-Main--L1 .st-Main--L2.special-page .discography.discography-1 .discography.discography-1, .st-Main--L2.special-page .discography.discography-1 .mediaPageMenu nav, .mediaPageMenu .st-Main--L2.special-page .discography.discography-1 nav { width: 280px; } } .st-Main--L2.special-page .discography.discography-1 .je-grid .discItem, .st-Main--L2.special-page .discography.discography-1 #menuContent .menuContent .menuContent--block__Top .menuContent--block__inner > div:first-child .discItem, #menuContent .menuContent .menuContent--block__Top .st-Main--L2.special-page .discography.discography-1 .menuContent--block__inner > div:first-child .discItem, .st-Main--L2.special-page .discography.discography-1 .pager--detail .discItem, .st-Main--L2.special-page .discography.discography-1 #trailer .movieList .discItem, #trailer .st-Main--L2.special-page .discography.discography-1 .movieList .discItem, .st-Main--L2.special-page .discography.discography-1 #and_more .discList .discItem, #and_more .st-Main--L2.special-page .discography.discography-1 .discList .discItem, .st-Main--L2.special-page .discography.discography-1 #new_release .discList .discItem, #new_release .st-Main--L2.special-page .discography.discography-1 .discList .discItem, .st-Main--L2.special-page .discography.discography-1 #discography .discList .discItem, #discography .st-Main--L2.special-page .discography.discography-1 .discList .discItem, .st-Main--L2.special-page .discography.discography-1 .liveList .discItem, .st-Main--L2.special-page .discography.discography-1 .liveItem .discItem, .st-Main--L2.special-page .discography.discography-1 .liveItem2 .discItem, .st-Main--L2.special-page .discography.discography-1 .profileList .discItem, .st-Main--L2.special-page .discography.discography-1 .trackInfo .discItem, .st-Main--L2.special-page .discography.discography-1 .st-Header .st-Header--row__Top .discItem, .st-Header .st-Main--L2.special-page .discography.discography-1 .st-Header--row__Top .discItem, .st-Main--L2.special-page .discography.discography-1 .st-Main--L1 .discography.discography-1 .discItem, .st-Main--L1 .st-Main--L2.special-page .discography.discography-1 .discography.discography-1 .discItem, .st-Main--L2.special-page .discography.discography-1 .mediaPageMenu nav .discItem, .mediaPageMenu .st-Main--L2.special-page .discography.discography-1 nav .discItem { max-width: 100%; } @media (max-width: 1024px) { .st-Main--L2.special-page .discography.discography-1 .je-grid .discItem, .st-Main--L2.special-page .discography.discography-1 #menuContent .menuContent .menuContent--block__Top .menuContent--block__inner > div:first-child .discItem, #menuContent .menuContent .menuContent--block__Top .st-Main--L2.special-page .discography.discography-1 .menuContent--block__inner > div:first-child .discItem, .st-Main--L2.special-page .discography.discography-1 .pager--detail .discItem, .st-Main--L2.special-page .discography.discography-1 #trailer .movieList .discItem, #trailer .st-Main--L2.special-page .discography.discography-1 .movieList .discItem, .st-Main--L2.special-page .discography.discography-1 #and_more .discList .discItem, #and_more .st-Main--L2.special-page .discography.discography-1 .discList .discItem, .st-Main--L2.special-page .discography.discography-1 #new_release .discList .discItem, #new_release .st-Main--L2.special-page .discography.discography-1 .discList .discItem, .st-Main--L2.special-page .discography.discography-1 #discography .discList .discItem, #discography .st-Main--L2.special-page .discography.discography-1 .discList .discItem, .st-Main--L2.special-page .discography.discography-1 .liveList .discItem, .st-Main--L2.special-page .discography.discography-1 .liveItem .discItem, .st-Main--L2.special-page .discography.discography-1 .liveItem2 .discItem, .st-Main--L2.special-page .discography.discography-1 .profileList .discItem, .st-Main--L2.special-page .discography.discography-1 .trackInfo .discItem, .st-Main--L2.special-page .discography.discography-1 .st-Header .st-Header--row__Top .discItem, .st-Header .st-Main--L2.special-page .discography.discography-1 .st-Header--row__Top .discItem, .st-Main--L2.special-page .discography.discography-1 .st-Main--L1 .discography.discography-1 .discItem, .st-Main--L1 .st-Main--L2.special-page .discography.discography-1 .discography.discography-1 .discItem, .st-Main--L2.special-page .discography.discography-1 .mediaPageMenu nav .discItem, .mediaPageMenu .st-Main--L2.special-page .discography.discography-1 nav .discItem { max-width: 240px; margin: 0 auto; margin-bottom: 40px; } } @media (max-width: 1024px) { .st-Main--L2.special-page .discography.discography-1 .je-grid, .st-Main--L2.special-page .discography.discography-1 #menuContent .menuContent .menuContent--block__Top .menuContent--block__inner > div:first-child, #menuContent .menuContent .menuContent--block__Top .st-Main--L2.special-page .discography.discography-1 .menuContent--block__inner > div:first-child, .st-Main--L2.special-page .discography.discography-1 .pager--detail, .st-Main--L2.special-page .discography.discography-1 #trailer .movieList, #trailer .st-Main--L2.special-page .discography.discography-1 .movieList, .st-Main--L2.special-page .discography.discography-1 #and_more .discList, #and_more .st-Main--L2.special-page .discography.discography-1 .discList, .st-Main--L2.special-page .discography.discography-1 #new_release .discList, #new_release .st-Main--L2.special-page .discography.discography-1 .discList, .st-Main--L2.special-page .discography.discography-1 #discography .discList, #discography .st-Main--L2.special-page .discography.discography-1 .discList, .st-Main--L2.special-page .discography.discography-1 .liveList, .st-Main--L2.special-page .discography.discography-1 .liveItem, .st-Main--L2.special-page .discography.discography-1 .liveItem2, .st-Main--L2.special-page .discography.discography-1 .profileList, .st-Main--L2.special-page .discography.discography-1 .trackInfo, .st-Main--L2.special-page .discography.discography-1 .st-Header .st-Header--row__Top, .st-Header .st-Main--L2.special-page .discography.discography-1 .st-Header--row__Top, .st-Main--L2.special-page .discography.discography-1 .st-Main--L1 .discography.discography-1, .st-Main--L1 .st-Main--L2.special-page .discography.discography-1 .discography.discography-1, .st-Main--L2.special-page .discography.discography-1 .mediaPageMenu nav, .mediaPageMenu .st-Main--L2.special-page .discography.discography-1 nav { float: inherit; width: 100%; right: 0px; } } .discography.movie { -webkit-box-sizing: border-box; box-sizing: border-box; height: 512px; } .discography.movie:after { content: ""; cursor: pointer; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .discography.movie .discography--header { height: 100%; } .discography.movie .discography--header > div { position: absolute; bottom: 100px; } .special-page .st-ContentFirst { overflow: hidden; } .special-page #discography { background: #f4f4f4; } .special-page .discography { padding-bottom: 80px; } .special-page .discography:not(.discography-1) .discography--image { max-width: 1170px; margin-left: auto; margin-right: auto; } .special-page .discography .slick-dots button:after { background: #fff; } .special-page .discography .slick-dots li.slick-active button:after { background: #e9518e; } .special-page .discography:not(.image):not(.movie) { padding-top: 170px; } @media (max-width: 1024px) { .special-page .discography:not(.image):not(.movie) { padding-top: 90px; } } .discography.image { min-height: 697px; text-align: center; padding-bottom: 0; pointer-events: auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; display: block; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-line-pack: center; align-content: center; } @media (max-width: 1024px) { .discography.image { min-height: 697px; height: 697px; } } .discography.image .discography--body { position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 1024px) { .discography.image .discography--body { width: 240px; } } .discography.image > div { -ms-flex-item-align: center; align-self: center; } .discography.image .slider-prev i.icon, .discography.image .slider-next i.icon { width: 22px; height: 22px; } .discography.image .slider-prev { position: absolute; left: 20px; top: 50%; margin-top: -45px; width: 60px; height: 90px; /* &:after { pointer-events: none; display: block; border-left: 8px solid #FFF; border-bottom: 8px solid #FFF; width: 40px; height: 40px; content: ''; transform: rotate(45deg); margin-top: -28px; margin-left: 20px; transition: all 0.6s ease; @include transition(); } &:hover { &:after { transform: translate3d(-10px, 0, 0) rotate(45deg); } }*/ } .discography.image .slider-prev i.icon { -webkit-transform: scaleX(-1); transform: scaleX(-1); } @media (max-width: 1024px) { .discography.image .slider-prev { width: 40px; left: 0px; } } .discography.image .slider-next { position: absolute; right: 20px; top: 50%; margin-top: -45px; width: 60px; height: 90px; /* &:after { pointer-events: none; display: block; border-right: 8px solid #FFF; border-bottom: 8px solid #FFF; width: 40px; height: 40px; content: ''; transform: rotate(-45deg); margin-top: -28px; margin-left: -10px; transition: all 0.6s ease; @include transition(); } &:hover { &:after { transform: translate3d(10px, 0, 0) rotate(-45deg); } }*/ } @media (max-width: 1024px) { .discography.image .slider-next { width: 40px; right: 0px; } } .st-Content--bg.slider-special + .st-Content--inner { pointer-events: none; } .discography.movie { min-height: 779px; text-align: center; /* @media (max-width: $breakpoint) { min-height: calc(100vh - 90px); }*/ position: relative; pointer-events: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-line-pack: center; align-content: center; } @media (max-width: 1024px) { .discography.movie { min-height: 779px; height: 779px; } } .discography.movie .discography--body { color: #fff; position: absolute; left: 0; bottom: 50px; text-align: left; line-height: 1.2 !important; width: 100%; } .discography.movie .discography--body .label.label--disc { color: #fff; border-color: #fff; display: inline-block; } .discography.movie .discography--body span.date { font-size: 13px; display: inline-block; margin-left: 1em !important; } .discography.movie .discography--body h1 { margin-top: 0.5em; line-height: 1; } .discography.movie .discography--body h1 small { font-size: 40%; } @media (max-width: 1024px) { .discography.movie .discography--body { bottom: 30px; } .discography.movie .discography--body h1 { margin-top: 0; } } .discography.movie > div { -ms-flex-item-align: center; align-self: center; padding-bottom: 60px; } @media (max-width: 1024px) { .discography.movie > div { padding-bottom: 30px; } } .discography.movie .slider-prev { position: absolute; left: 20px; top: 50%; margin-top: -120px; text-indent: -99999px; width: 60px; height: 90px; } .discography.movie .slider-prev:after { pointer-events: none; display: block; border-left: 8px solid #FFF; border-bottom: 8px solid #FFF; width: 40px; height: 40px; content: ''; -webkit-transform: rotate(45deg); transform: rotate(45deg); margin-top: -28px; margin-left: 20px; -webkit-transition: all 0.6s ease; transition: all 0.6s ease; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); /* -webkit-transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); */ } .discography.movie .slider-prev:hover:after { -webkit-transform: translate3d(-10px, 0, 0) rotate(45deg); transform: translate3d(-10px, 0, 0) rotate(45deg); } .discography.movie .slider-next { position: absolute; right: 20px; top: 50%; margin-top: -120px; text-indent: -99999px; width: 60px; height: 90px; } .discography.movie .slider-next:after { pointer-events: none; display: block; border-right: 8px solid #FFF; border-bottom: 8px solid #FFF; width: 40px; height: 40px; content: ''; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); margin-top: -28px; margin-left: -10px; -webkit-transition: all 0.6s ease; transition: all 0.6s ease; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); /* -webkit-transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); */ } .discography.movie .slider-next:hover:after { -webkit-transform: translate3d(10px, 0, 0) rotate(-45deg); transform: translate3d(10px, 0, 0) rotate(-45deg); } /* Movie ---------------------------------------*/ /* Media ---------------------------------------*/ .mediaPageMenu nav { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-bottom: 2px solid #e8dcde; } .mediaPageMenu nav a { cursor: pointer; -ms-flex-negative: 0; flex-shrink: 0; padding: 30px 20px; color: #5a5a5a; -webkit-transition: opacity 0.6s ease; transition: opacity 0.6s ease; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); /* -webkit-transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); */ } .mediaPageMenu nav a:hover { opacity: 0.5; } @media (max-width: 1024px) { .mediaPageMenu nav a { font-size: 11px; } } @media (max-width: 1024px) { .mediaPageMenu nav a { padding: 15px 10px; } } /* Live-Stage ---------------------------------------*/ #live-stage .st-Content--inner { position: relative; } .st-Main--L1 #live-stage .st-Content--inner { position: relative; } .st-Main--L1 #live-stage .st-ContentHeader { position: absolute; top: 0; left: 0; } @media (max-width: 1024px) { .st-Main--L1 #live-stage .st-ContentHeader { position: static; } } /* Profile ---------------------------------------*/ .st-Main--L1 #profile { padding-left: 0; padding-right: 0; } .st-Main--L1 #profile .st-ContentHeader { max-width: 1280px; margin-left: auto; margin-right: auto; padding-left: 55px; padding-right: 55px; } @media (max-width: 1024px) { .st-Main--L1 #profile .st-ContentHeader { padding-left: 20px; padding-right: 20px; } } .st-Main--L1 #profile .st-ContentBody { padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; } @media (max-width: 1024px) { .st-Main--L1 #profile .st-ContentBody { padding-left: 0; padding-right: 0; } } .st-Main--L1 #profile .st-Content--inner { max-width: 1440px; } .st-Main--L2 #profile .st-Content--inner { max-width: 1440px; } .st-Main--L2 #profile .st-ContentHeader { max-width: 1280px; padding: 0 55px; margin: 0 auto; } @media (max-width: 1024px) { .st-Main--L2 #profile .st-ContentHeader { padding: 0 20px; } } .st-Main--L2 #profile .st-ContentBody { margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; } @media (max-width: 1024px) { .st-Main--L2 #profile .st-ContentBody { padding-left: 20px; padding-right: 20px; } } .st-Main--L2 #profile .st-ContentBody img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } #o-account { max-width: 1180px; margin-left: auto; margin-right: auto; } #o-account .st-Content--inner { background: #f4f4f4; white-space: nowrap; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-sizing: content-box; box-sizing: content-box; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 1024px) { #o-account .st-Content--inner { display: block; } } #o-account .st-ContentBody { text-align: left; -ms-flex-preferred-size: 50%; flex-basis: 50%; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; margin: 0; padding: 80px; } @media (max-width: 1024px) { #o-account .st-ContentBody { -ms-flex-preferred-size: 100%; flex-basis: 100%; padding: 0 30px 40px; } } #o-account .st-ContentHeader { float: left; text-align: center; margin: 0; padding-top: 80px; padding-bottom: 80px; padding-left: 80px; -webkit-box-flex: 100%; -ms-flex: 100% 1 1; flex: 100% 1 1; } @media (max-width: 1024px) { #o-account .st-ContentHeader { -ms-flex-preferred-size: 100%; flex-basis: 100%; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; padding-top: 40px; padding-bottom: 40px; padding-left: 0px; width: 100%; } } #o-account .st-ContentHeader h2 { margin-left: auto; margin-right: auto; line-height: 1.2; } @media (max-width: 1024px) { #o-account .st-ContentHeader { float: none; width: auto; } } #o-account .accountList { background: #fff; } #o-account .accountList a { color: #292929; position: relative; text-align: center; display: block; padding: 25px 0 25px 100px; } #o-account .accountList a i { position: absolute; top: 50%; left: 100px; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } @media (max-width: 1024px) { #o-account .accountList a i { width: 24px; height: 24px; left: 50px; } } @media (max-width: 1024px) { #o-account .accountList a { padding: 15px 0 15px 50px; } } #o-account .accountList a + a { border-top: 2px solid #f4f4f4; } .bMenuItem { opacity: 0.5; cursor: pointer; } .bMenuItem + .bMenuItem { margin-left: 30px; } .bMenuItem.active { opacity: 1; } #bookmark #information { display: none; margin-top: 75px; } @media (max-width: 1024px) { #bookmark #information { margin-top: 15px; } } #bookmark #discography { display: none; margin-top: 20px; } #bookmark #discography .discList { margin-top: 75px; } @media (max-width: 1024px) { #bookmark #discography .discList { margin-top: 15px; } } @media (max-width: 1024px) { #bookmark .st-ContentHeader__right { text-align: center; padding: 0 0px 10px; margin: 30px 10px 0; border-bottom: 1px solid #292929; } } #bookmark.information #information { display: inherit; -webkit-animation: slideUpF 1.4s linear forwards; animation: slideUpF 1.4s linear forwards; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); /* -webkit-transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); */ } #bookmark.release #discography { display: inherit; -webkit-animation: slideUpF 1.4s linear forwards; animation: slideUpF 1.4s linear forwards; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); /* -webkit-transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); */ } #rmBookmark { max-width: 580px; min-height: 318px; margin: 0 auto; } #rmBookmark .post, #rmBookmark .discography { text-align: center; } #rmBookmark .post--header img { width: 64px; height: 64px; } #rmBookmark .post--body + .post--footer { margin-top: 3em; } #calendar .label.label--category { display: inline; font-family: century-gothic, kozuka-gothic-pr6n, sans-serif; } #calendar .st-ContentHeader__right button.jCalSetting { border: 1px solid #292929; border-radius: 22px; width: 240px; height: 44px; padding-left: 30px; background: url(../img/ico-setting.png) no-repeat; background-size: 16px; background-position: left 35px center; } @media (max-width: 1024px) { #calendar .st-ContentHeader__right button.jCalSetting { width: 200px; height: 38px; padding-left: 20px; border-radius: 19px; background-position: left 20px center; } } @media (max-width: 1024px) { #calendar .st-ContentHeader__right { text-align: center; margin-top: 40px; } } .jCal--about { font-size: 11px; margin-bottom: 40px; } @media (max-width: 1024px) { .jCal--about { margin-bottom: 20px; } } .jCal--about span i { display: inline-block; position: relative; top: -3px; margin-left: 1rem; } .jCal--about ul { display: inline-block; margin-left: 30px; } @media (max-width: 1024px) { .jCal--about ul { display: block; margin-left: 0; } } .jCal--about ul li { display: inline; } .jCal--about ul li .label { padding-left: 8px; border-top: none; border-right: none; border-bottom: none; border-left-width: 6px; } @media (max-width: 1024px) { .jCal--about ul li { margin-right: 15px; } } .jCal--about ul li + li { margin-left: 30px; } @media (max-width: 1024px) { .jCal--about ul li + li { margin-left: 0; } } #jCalMonth { margin-bottom: 55px; } @media (max-width: 1024px) { #jCalMonth { margin-bottom: 45px; } } @media (max-width: 1024px) { #jCalMonth .jCalCell--body { zoom: 1; } #jCalMonth .jCalCell--body:before, #jCalMonth .jCalCell--body:after { display: block; height: 0; visibility: hidden; content: "\0020"; } #jCalMonth .jCalCell--body:after { clear: both; } } #jCalMonth .jCalItem { font-size: 11px; border-left-width: 6px; border-style: solid; border-top: none; border-right: none; border-bottom: none; padding-left: 8px; } #jCalMonth .jCalItem + .jCalItem { margin-top: 8px; } #jCalMonth .jCalItem .label.label--category { display: inline; padding-left: 0; border-left: none; border: none; white-space: nowrap; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; white-space: inherit; } #jCalMonth .jCalItem p { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } @media (max-width: 1024px) { #jCalMonth .jCalItem { display: inline-block; width: 7px; height: 7px; margin-right: 5px; margin-bottom: 5px; margin-top: 0 !important; padding-left: 0; border-left: none; float: left; } #jCalMonth .jCalItem:before { display: block; content: ""; width: 8px; height: 8px; } #jCalMonth .jCalItem > div { display: none; } } #jCalMonth--header { background: #f4f4f4; text-align: center; position: relative; left: -100%; right: -100%; width: 300%; padding: 20px 0; font-size: 20px; margin-bottom: 40px; } @media (max-width: 1024px) { #jCalMonth--header { font-size: 16px; padding: 16px 0; margin-bottom: 20px; } } a.jCalItem { display: block; color: #292929; } #jCalMonth--body .jCal { table-layout: fixed; width: 100%; border-collapse: collapse; border-spacing: 0px; border: 1px solid #292929; } #jCalMonth--body .jCal .jCalCell:not(.none) .jCalCell--header span { cursor: pointer; } @media (max-width: 1024px) { #jCalMonth--body .jCal .jCalCell:not(.none) { cursor: pointer; } #jCalMonth--body .jCal .jCalCell:not(.none) a { pointer-events: none; } } #jCalMonth--body .jCal .jCalCell { width: 100/7%; height: 100%; min-height: 160px; padding: 3px 10px 8px; } #jCalMonth--body .jCal .jCalCell.none { opacity: 0.5; } #jCalMonth--body .jCal .jCalCell--header { font-size: 17px; } #jCalMonth--body .jCal .jCalCell .jCalItem .button { display: none; } #jCalMonth--body .jCal .jCalCell .jCalItem div:nth-child(3) { display: none; } @media (max-width: 1024px) { #jCalMonth--body .jCal .jCalCell { min-height: 60px; padding: 3px 0 8px 5px; } #jCalMonth--body .jCal .jCalCell--header { font-size: 10px; } } #jCalMonth--body .jCal th, #jCalMonth--body .jCal td { width: 100/7%; } #jCalMonth--body .jCal th { background: #292929; color: #fff; font-size: 14px; font-weight: 200; padding: 6px; } @media (max-width: 1024px) { #jCalMonth--body .jCal th { font-size: 10px; padding: 3px; } } #jCalMonth--body .jCal th .sp-none { display: inline; } @media (max-width: 1024px) { #jCalMonth--body .jCal th .sp-none { display: none; } } #jCalMonth--body .jCal td { vertical-align: top; } #jCalMonth--body .jCal td + td { border-left: 1px dashed #292929; } #jCalMonth--body .jCal tr + tr td { border-top: 1px solid #292929; } .prevMonth span, .prevDate span, .nextMonth span, .nextDate span { padding: 5px; } .prevMonth i, .prevDate i, .nextMonth i, .nextDate i { vertical-align: top; width: 12px; height: 12px; } #calendar { overflow-x: hidden; } .prevMonth + span, .prevDate + span { width: 290px; display: inline-block; } @media (max-width: 1024px) { .prevMonth + span, .prevDate + span { width: 200px; } } .nextMonth, .nextDate { margin-left: 0px; } .prevMonth, .prevDate { margin-right: 0px; } .prevMonth i, .prevDate i { -webkit-transform: scaleX(-1); transform: scaleX(-1); } #jCalDate { padding: 0 77px; } @media (max-width: 1024px) { #jCalDate { padding: 0; } } #jCalDate .jCalItem { border-top: 1px solid #292929; border-bottom: 1px solid #292929; padding: 40px 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #jCalDate .jCalItem .label.label--live, #jCalDate .jCalItem .label.label--online { display: inline-block; width: 100%; max-width: 84px; height: 21px; line-height: 19px; font-size: 12px; text-align: center; font-family: 'Open Sans', sans-serif; font-weight: 400; } @media (max-width: 1024px) { #jCalDate .jCalItem .label.label--live, #jCalDate .jCalItem .label.label--online { font-size: 10px; max-width: 66px; height: 17px; line-height: 15px; } } @media (max-width: 1024px) { #jCalDate .jCalItem .label.label--live, #jCalDate .jCalItem .label.label--online, #jCalDate .jCalItem .label.label--disc { width: 120px; } } #jCalDate .jCalItem .label.label--category { display: inline; border-left-width: 6px; border-style: solid; border-top: none; border-right: none; border-bottom: none; padding-left: 8px; color: #292929; } @media (max-width: 1024px) { #jCalDate .jCalItem { padding: 30px 10px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } #jCalDate .jCalItem > div:nth-child(1) { -ms-flex-preferred-size: 20%; flex-basis: 20%; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-item-align: start; align-self: flex-start; } #jCalDate .jCalItem > div:nth-child(2) { -ms-flex-preferred-size: 100%; flex-basis: 100%; -ms-flex-negative: 1; flex-shrink: 1; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } #jCalDate .jCalItem > div:nth-child(3) { -ms-flex-preferred-size: 40%; flex-basis: 40%; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; text-align: center; } #jCalDate .jCalItem > div:nth-child(3) img { width: 280px; height: 210px; -o-object-fit: contain; object-fit: contain; } @media (max-width: 1024px) { #jCalDate .jCalItem > div:nth-child(3) { -ms-flex-item-align: center; align-self: center; } } @media (max-width: 1024px) { #jCalDate .jCalItem > div:nth-child(1), #jCalDate .jCalItem > div:nth-child(2), #jCalDate .jCalItem > div:nth-child(3) { -ms-flex-preferred-size: inherit; flex-basis: inherit; } } #jCalDate .jCalItem + .jCalItem { border-top: none; } #jCalDate--header { text-align: center; font-size: 20px; padding: 20px 0; } @media (max-width: 1024px) { #jCalSetting { padding: 30px; } } @media (max-width: 375px) { #jCalSetting { padding: 20px; } #jCalSetting .popup--body { zoom: 0.85; } } #jCalSetting input[type=checkbox] { display: none; } #jCalSetting label { padding-left: 36px; position: relative; line-height: 20px; } @media (max-width: 1024px) { #jCalSetting label { padding-left: 25px; } } #jCalSetting input[type=checkbox] + label:before { position: absolute; left: 0; top: 0; display: block; content: ""; width: 18px; height: 18px; border: 1px solid #292929; opacity: 1; } @media (max-width: 1024px) { #jCalSetting input[type=checkbox] + label:before { width: 15px; height: 15px; } } #jCalSetting label:after { opacity: 0; position: absolute; left: 4px; top: 5px; display: block; content: ""; width: 10px; height: 5px; border-left: 2px solid #d2ae4e; border-bottom: 2px solid #d2ae4e; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } @media (max-width: 1024px) { #jCalSetting label:after { top: 2px; } } #jCalSetting input[type=checkbox]:checked + label:after { opacity: 1; } #jCalSetting .post--header { border-bottom: 1px solid #292929; padding: 10px 0; } @media (max-width: 1024px) { #jCalSetting .post--header h3 { font-size: 16px; } } #jCalSetting .post--body { margin-top: 0; } #jCalSetting .post--body label { margin-right: 30px; white-space: nowrap; } #jCalSetting .post--body label input { margin-right: 5px; } @media (max-width: 1024px) { #jCalSetting .post--body label { margin-right: 10px; } } #jCalSetting .post--body > div { padding: 20px 0; } #jCalSetting .post--body div + div { margin-top: 0; border-top: 1px dashed #292929; } #jCalSetting .post--footer { text-align: center; } .slider-calendar .label.label--category { display: inline; border-left-width: 6px; border-style: solid; border-top: none; border-right: none; border-bottom: none; padding-left: 8px; } /* .post ------------------------------*/ .post + .post, .discography + .post, .post + .discography, .discography + .discography { margin-top: 40px; } @media (max-width: 1024px) { .post + .post, .discography + .post, .post + .discography, .discography + .discography { margin-top: 40px; } } .post--header + .post--body { margin-top: 30px; } @media (max-width: 1024px) { .post--header + .post--body { margin-top: 20px; } } .post--body + .post--footer { margin-top: 80px; } @media (max-width: 1024px) { .post--body + .post--footer { margin-top: 60px; } } .post, .discography { line-height: 34/15; font-size: 15px; /* span.new { border: 2px solid #d2ae4e; color: #d2ae4e; padding: 3px 10px; font-size: 14px; font-family: 'Open Sans', sans-serif; font-weight: 600; line-height: 1; border-radius: 2px; margin-right: 5px; @media (max-width: $breakpoint) { //font-size: 11px; margin-right: 5px; } }*/ } .post .ico-new, .discography .ico-new { display: inline-block; } .post img, .discography img { display: block; margin: 0 auto; width: 100%; max-width: 490px; height: auto; } .post hr, .discography hr { border-top: none; } .post h1 > hr, .discography h1 > hr, .post h2 > hr, .discography h2 > hr, .post h3 > hr, .discography h3 > hr, .post h3 > hr, .discography h3 > hr, .post h4 > hr, .discography h4 > hr, .post h5 > hr, .discography h5 > hr, .post h6 > hr, .discography h6 > hr { margin-top: 1em; } .post span.date, .discography span.date { font-size: 13px; } @media (max-width: 1024px) { .post span.date, .discography span.date { font-size: 12px; } } .post span.date + span.label, .discography span.date + span.label { margin-left: 20px; } @media (max-width: 1024px) { .post span.date + span.label, .discography span.date + span.label { margin-left: 15px; } } .post h1, .discography h1 { font-size: 46px; } @media (max-width: 1024px) { .post h1, .discography h1 { font-size: 33px; } } .post h2, .discography h2 { font-weight: normal; font-size: 40px; } @media (max-width: 1024px) { .post h2, .discography h2 { font-size: 28px; } } .post h2.st-ContentHeader--text, .discography h2.st-ContentHeader--text { display: inline-block; font-size: 64px; letter-spacing: 0.01em; font-family: century-gothic, sans-serif; font-weight: 400; font-style: normal; } @media (max-width: 1024px) { .post h2.st-ContentHeader--text, .discography h2.st-ContentHeader--text { font-size: 42px; } } .post h3, .discography h3 { font-size: 28px; } @media (max-width: 1024px) { .post h3, .discography h3 { font-size: 22px; } } .post h4, .discography h4 { font-size: 20px; } @media (max-width: 1024px) { .post h4, .discography h4 { font-size: 16px; } } .post h5, .discography h5 { font-size: 18px; } @media (max-width: 1024px) { .post h5, .discography h5 { font-size: 14px; } } .post h6, .discography h6 { font-size: 16px; } @media (max-width: 1024px) { .post h6, .discography h6 { font-size: 12px; } } .post h1 small, .discography h1 small, .post h2 small, .discography h2 small, .post h3 small, .discography h3 small, .post h4 small, .discography h4 small, .post h5 small, .discography h5 small, .post h6 small, .discography h6 small { font-size: 50%; } .post h1, .discography h1, .post h2, .discography h2, .post h3, .discography h3, .post h4, .discography h4, .post h5, .discography h5, .post h6, .discography h6 { line-height: 1.30769; } @media (max-width: 1024px) { .post h1, .discography h1, .post h2, .discography h2, .post h3, .discography h3, .post h4, .discography h4, .post h5, .discography h5, .post h6, .discography h6 { line-height: 1.5; } } .post h1 + *, .discography h1 + *, .post h2 + *, .discography h2 + *, .post h3 + *, .discography h3 + *, .post h4 + *, .discography h4 + *, .post h5 + *, .discography h5 + *, .post h6 + *, .discography h6 + * { margin-top: 4em; } @media (max-width: 1024px) { .post h1 + *, .discography h1 + *, .post h2 + *, .discography h2 + *, .post h3 + *, .discography h3 + *, .post h4 + *, .discography h4 + *, .post h5 + *, .discography h5 + *, .post h6 + *, .discography h6 + * { margin-top: 1em; } } .post em, .discography em { font-style: normal; } .post b, .discography b { font-weight: bold; } .post small em, .discography small em { font-weight: normal; } .post strong, .discography strong, .post big, .discography big { font-size: 17px; } .post small, .discography small { font-size: 13px; } @media (max-width: 1024px) { .post, .discography { font-size: 13px; } .post strong, .discography strong, .post big, .discography big { font-size: 15px; } .post small, .discography small { font-size: 11px; } } .post .post--header, .discography .post--header { position: relative; } .post .post--header .label--information + *, .discography .post--header .label--information + * { margin-top: 1em; } .post .post--header > * + *, .discography .post--header > * + *, .post .post--body > * + *, .discography .post--body > * + * { margin-top: 1.5em; } @media (max-width: 1024px) { .post .post--header > * + *, .discography .post--header > * + *, .post .post--body > * + *, .discography .post--body > * + * { margin-top: 30px; } } .post .post--header > dl + hr, .discography .post--header > dl + hr, .post .post--body > dl + hr, .discography .post--body > dl + hr { margin-top: 0px; } .post .post--header h1 + *, .discography .post--header h1 + *, .post .post--header h2 + *, .discography .post--header h2 + *, .post .post--header h3 + *, .discography .post--header h3 + *, .post .post--header h4 + *, .discography .post--header h4 + *, .post .post--header h5 + *, .discography .post--header h5 + *, .post .post--header h6 + *, .discography .post--header h6 + *, .post .post--body h1 + *, .discography .post--body h1 + *, .post .post--body h2 + *, .discography .post--body h2 + *, .post .post--body h3 + *, .discography .post--body h3 + *, .post .post--body h4 + *, .discography .post--body h4 + *, .post .post--body h5 + *, .discography .post--body h5 + *, .post .post--body h6 + *, .discography .post--body h6 + * { margin-top: 1em; } @media (max-width: 1024px) { .post .post--header h1 + *, .discography .post--header h1 + *, .post .post--header h2 + *, .discography .post--header h2 + *, .post .post--header h3 + *, .discography .post--header h3 + *, .post .post--header h4 + *, .discography .post--header h4 + *, .post .post--header h5 + *, .discography .post--header h5 + *, .post .post--header h6 + *, .discography .post--header h6 + *, .post .post--body h1 + *, .discography .post--body h1 + *, .post .post--body h2 + *, .discography .post--body h2 + *, .post .post--body h3 + *, .discography .post--body h3 + *, .post .post--body h4 + *, .discography .post--body h4 + *, .post .post--body h5 + *, .discography .post--body h5 + *, .post .post--body h6 + *, .discography .post--body h6 + * { margin-top: 1em; } } .post .post--header * + h1, .discography .post--header * + h1, .post .post--header * + h2, .discography .post--header * + h2, .post .post--header * + h3, .discography .post--header * + h3, .post .post--header * + h4, .discography .post--header * + h4, .post .post--header * + h5, .discography .post--header * + h5, .post .post--header * + h6, .discography .post--header * + h6, .post .post--body * + h1, .discography .post--body * + h1, .post .post--body * + h2, .discography .post--body * + h2, .post .post--body * + h3, .discography .post--body * + h3, .post .post--body * + h4, .discography .post--body * + h4, .post .post--body * + h5, .discography .post--body * + h5, .post .post--body * + h6, .discography .post--body * + h6 { margin-top: 1em; } @media (max-width: 1024px) { .post .post--header * + h1, .discography .post--header * + h1, .post .post--header * + h2, .discography .post--header * + h2, .post .post--header * + h3, .discography .post--header * + h3, .post .post--header * + h4, .discography .post--header * + h4, .post .post--header * + h5, .discography .post--header * + h5, .post .post--header * + h6, .discography .post--header * + h6, .post .post--body * + h1, .discography .post--body * + h1, .post .post--body * + h2, .discography .post--body * + h2, .post .post--body * + h3, .discography .post--body * + h3, .post .post--body * + h4, .discography .post--body * + h4, .post .post--body * + h5, .discography .post--body * + h5, .post .post--body * + h6, .discography .post--body * + h6 { margin-top: 1em; } } .post .post--body p, .discography .post--body p { line-height: 2; /* @media (max-width: $breakpoint) { font-size: 13px; }*/ } .post .post--body p a, .discography .post--body p a { text-decoration: underline; } .post .post--body ul, .discography .post--body ul { line-height: 2; } .post .post--body ul li, .discography .post--body ul li { margin-left: 1.5em; list-style-type: disc; } .post .post--body ol, .discography .post--body ol { line-height: 2; } .post .post--body ol li, .discography .post--body ol li { margin-left: 1.5em; list-style-type: decimal; } .post .post--body > img, .discography .post--body > img { margin: 4em auto; } .post .post--body dl, .discography .post--body dl { line-height: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 0; } .post .post--body dl dt, .discography .post--body dl dt { -ms-flex-preferred-size: 30%; flex-basis: 30%; -ms-flex-negative: 0; flex-shrink: 0; margin-bottom: 2em; } .post .post--body dl dd, .discography .post--body dl dd { -ms-flex-preferred-size: 70%; flex-basis: 70%; -ms-flex-negative: 0; flex-shrink: 0; margin-bottom: 2em; } @media (max-width: 1024px) { .post .post--body dl, .discography .post--body dl { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .post .post--body dl dt, .discography .post--body dl dt { margin-bottom: 0.5em; } .post .post--body dl dt, .discography .post--body dl dt, .post .post--body dl dd, .discography .post--body dl dd { -ms-flex-preferred-size: 100%; flex-basis: 100%; } } .post .post--body dl.short dt, .discography .post--body dl.short dt { -ms-flex-preferred-size: 12%; flex-basis: 12%; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; margin-bottom: 0; } .post .post--body dl.short dd, .discography .post--body dl.short dd { -ms-flex-preferred-size: 88%; flex-basis: 88%; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; margin-bottom: 0; } .post .post--body div.table-wrap, .discography .post--body div.table-wrap { position: relative; overflow: auto; } @media (max-width: 1024px) { .post .post--body div.table-wrap, .discography .post--body div.table-wrap { padding: 0 20px 0 20px; left: -20px; right: -20px; width: calc(100% + 40px); position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; } .post .post--body div.table-wrap table, .discography .post--body div.table-wrap table { overflow: visible; position: relative; } .post .post--body div.table-wrap table:after, .discography .post--body div.table-wrap table:after { content: ""; position: absolute; right: -20px; top: 0; opacity: 0; width: 40px; height: 20px; background: #F00; display: block; } } .post .post--body table, .discography .post--body table { width: 100%; border: 1px solid #292929; overflow: hidden; } .post .post--body table caption, .discography .post--body table caption { text-align: left; margin-bottom: 1em; } @media (max-width: 1024px) { .post .post--body table, .discography .post--body table { min-width: 640px; } } .post .post--body table th, .discography .post--body table th { background: #292929; color: #fff; text-align: left; border-bottom: 1px solid #292929; } .post .post--body table th + th, .discography .post--body table th + th { border-left: 1px solid #292929; } .post .post--body table td, .discography .post--body table td { border: 1px solid #292929; border-top: 0; } .post .post--body table tr:last-child th, .discography .post--body table tr:last-child th, .post .post--body table tr:last-child td, .discography .post--body table tr:last-child td { border-bottom: 0; } .post .post--body table th, .discography .post--body table th, .post .post--body table td, .discography .post--body table td { padding: 10px; } @media (max-width: 1024px) { .post .post--body table th, .discography .post--body table th, .post .post--body table td, .discography .post--body table td { padding: 5px; line-height: 1.6; } } .post .post--body a.button, .discography .post--body a.button { display: block; margin-left: auto; margin-right: auto; } #information .post img, #information .discography img { max-width: 920px; } .discography + .discography { margin-top: 80px; } .discography--header, .post--header { zoom: 1; } .discography--header .share, .post--header .share { text-align: center; display: block; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; font-size: 12px; margin-top: 5em; } @media (max-width: 1024px) { .discography--header .share, .post--header .share { font-size: 14px; margin-bottom: 2em; } } .discography--header .share nav, .post--header .share nav { display: inline-block; } .discography--header .share nav i.icon, .post--header .share nav i.icon { width: 24px; height: 24px; } @media (max-width: 1024px) { .discography--header .share nav i.icon, .post--header .share nav i.icon { width: 24px; height: 24px; } } .discography--header .share nav a, .post--header .share nav a { line-height: 1; border: none; margin: 0 10px; cursor: pointer; } .discography--header .share nav a svg, .post--header .share nav a svg { vertical-align: top; width: auto; } @media (max-width: 1024px) { .discography--header .share nav a svg, .post--header .share nav a svg { width: auto; } } .discography--header:before, .discography--header:after, .post--header:before, .post--header:after { display: block; height: 0; visibility: hidden; content: "\0020"; } .discography--header:after, .post--header:after { clear: both; } .discography--header .share, .post--header .share { border-bottom: 1px solid #292929; text-align: right; padding-bottom: 10px; display: inline-block; float: right; } @media (max-width: 1024px) { .discography--header .share, .post--header .share { width: 180px; } } .discography--header .share p, .post--header .share p { display: inline; margin-right: 20px; font-size: 14px; } @media (max-width: 1024px) { .discography--header .share p, .post--header .share p { font-size: 12px; } } .discography--header .share nav, .post--header .share nav { display: inline; } .discography--header .share nav a, .post--header .share nav a { margin: 0 5px; } .discography--header .share { margin-right: 60px; margin-bottom: 40px; margin-top: 0; } @media (max-width: 1024px) { .discography--header .share { margin-right: 40px; margin-bottom: 40px; } } .post--header .share { margin-top: 20px; } .discography { /* .label.label--disc { width: 127px; height: 36px; line-height: 32px; color: inherit; font-size: 16px; margin-left: 0; margin-bottom: 1em; //border-color: inherit; @media (max-width: $breakpoint) { font-size: 12px; height: 28px; line-height: 26px; } }*/ } .discography h1, .discography h2, .discography h3, .discography h4, .discography h5, .discography h6 { font-weight: normal; } .discography div.je-headingColor { display: inline-block; } .discography--header { position: relative; } .discography span.date { font-size: 18px; } @media (max-width: 1024px) { .discography span.date { font-size: 14px; } } .discography span.date.large { font-size: 30px; } @media (max-width: 1024px) { .discography span.date.large { font-size: 22px; } } .discography h1 + *, .discography h2 + *, .discography h3 + *, .discography h4 + *, .discography h5 + *, .discography h6 + * { margin-top: 0.5em; } @media (max-width: 1024px) { .discography h1 + *, .discography h2 + *, .discography h3 + *, .discography h4 + *, .discography h5 + *, .discography h6 + * { margin-top: 1em; } } .discography .discography--text { line-height: 1.6; /* h3+hr { display: block; width: 60px; border-width: 2px; }*/ } .discography .discography--text > * + * { margin-top: 1em; } @media (max-width: 1024px) { .discography .discography--text > * + * { line-height: 2; } } .discography .discography--text > * + h1, .discography .discography--text > * + h2, .discography .discography--text > * + h3, .discography .discography--text > * + h4, .discography .discography--text > * + h5, .discography .discography--text > * + h6 { margin-top: 2em; } @media (max-width: 1024px) { .discography .discography--text > * + h1, .discography .discography--text > * + h2, .discography .discography--text > * + h3, .discography .discography--text > * + h4, .discography .discography--text > * + h5, .discography .discography--text > * + h6 { margin-top: 1.5em; } } .discography .discography--text p { line-height: 2.266666666666667; } @media (max-width: 1024px) { .discography .discography--text p { line-height: 2; } } .discography .discography--text p a { text-decoration: underline; } .discography .post p, .discography .discography p { line-height: 24/15; } @media (max-width: 1024px) { .discography .post p, .discography .discography p { line-height: 2; } } .discography .post p a, .discography .discography p a { text-decoration: underline; } .discInfo.post .discInfo--body > h1 + *, .discInfo.discography .discInfo--body > h1 + *, .discInfo.post .discInfo--body > h2 + *, .discInfo.discography .discInfo--body > h2 + *, .discInfo.post .discInfo--body > h3 + *, .discInfo.discography .discInfo--body > h3 + *, .discInfo.post .discInfo--body > h4 + *, .discInfo.discography .discInfo--body > h4 + *, .discInfo.post .discInfo--body > h5 + *, .discInfo.discography .discInfo--body > h5 + *, .discInfo.post .discInfo--body > h6 + *, .discInfo.discography .discInfo--body > h6 + * { margin-top: 1em; } @media (max-width: 1024px) { .discInfo.post .discInfo--body > h1 + *, .discInfo.discography .discInfo--body > h1 + *, .discInfo.post .discInfo--body > h2 + *, .discInfo.discography .discInfo--body > h2 + *, .discInfo.post .discInfo--body > h3 + *, .discInfo.discography .discInfo--body > h3 + *, .discInfo.post .discInfo--body > h4 + *, .discInfo.discography .discInfo--body > h4 + *, .discInfo.post .discInfo--body > h5 + *, .discInfo.discography .discInfo--body > h5 + *, .discInfo.post .discInfo--body > h6 + *, .discInfo.discography .discInfo--body > h6 + * { margin-top: 1.5em; } } .discInfo.post .discInfo--body > * + h1, .discInfo.discography .discInfo--body > * + h1, .discInfo.post .discInfo--body > * + h2, .discInfo.discography .discInfo--body > * + h2, .discInfo.post .discInfo--body > * + h3, .discInfo.discography .discInfo--body > * + h3, .discInfo.post .discInfo--body > * + h4, .discInfo.discography .discInfo--body > * + h4, .discInfo.post .discInfo--body > * + h5, .discInfo.discography .discInfo--body > * + h5, .discInfo.post .discInfo--body > * + h6, .discInfo.discography .discInfo--body > * + h6 { margin-top: 2.5em; } @media (max-width: 1024px) { .discInfo.post .discInfo--body > * + h1, .discInfo.discography .discInfo--body > * + h1, .discInfo.post .discInfo--body > * + h2, .discInfo.discography .discInfo--body > * + h2, .discInfo.post .discInfo--body > * + h3, .discInfo.discography .discInfo--body > * + h3, .discInfo.post .discInfo--body > * + h4, .discInfo.discography .discInfo--body > * + h4, .discInfo.post .discInfo--body > * + h5, .discInfo.discography .discInfo--body > * + h5, .discInfo.post .discInfo--body > * + h6, .discInfo.discography .discInfo--body > * + h6 { margin-top: 1.5em; } } .discInfo.post strong, .discInfo.discography strong { margin-bottom: 1em; } @media (max-width: 1024px) { .discInfo.post strong, .discInfo.discography strong { margin-bottom: 1.25em; } } .discInfo.post img, .discInfo.discography img { max-width: 400px; width: 100%; height: auto; margin-left: auto; margin-right: auto; } .discInfo.post ol, .discInfo.discography ol { border-left: 1px solid #a3a3a3; padding-left: 40px; } .discInfo.post ol li, .discInfo.discography ol li { padding: 10px 0; list-style-type: decimal-leading-zero !important; padding-left: 20px; } .discInfo.post ul.link-list, .discInfo.discography ul.link-list { padding: 0; margin-left: 0; } .discInfo.post ul.link-list li, .discInfo.discography ul.link-list li { list-style: none; padding: 0; margin-left: 0; border-bottom: 2px solid #5a5a5a; } .discInfo.post ul.link-list li a, .discInfo.discography ul.link-list li a { color: #5a5a5a; cursor: pointer; display: inline-block; width: 100%; padding: 15px 0px; position: relative; } @media (max-width: 1024px) { .discInfo.post ul.link-list li a, .discInfo.discography ul.link-list li a { padding: 10px 0px; } } .discInfo.post ul.link-list li a:before, .discInfo.discography ul.link-list li a:before { display: block; content: ""; margin: 0 auto 0; position: absolute; top: calc(50% - 4px); right: 0px; border-top: 2px solid #5a5a5a; border-right: 2px solid #5a5a5a; -webkit-transform: rotate(45deg); transform: rotate(45deg); width: 8px; height: 8px; } @media (max-width: 1024px) { .discInfo.post ul.link-list li a:before, .discInfo.discography ul.link-list li a:before { top: calc(50% - 6px); } } a.toUpper { text-decoration: none !important; color: #292929; } a.toUpper i.icon { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); display: inline-block; margin-right: 0.5em; width: 12px; height: 12px; margin-top: 1px; } a.toUpper i.icon + i.icon { position: absolute; left: 0; top: -2px; } a.toUpper span { position: relative; font-size: 13px; } #live-stage .table-container { padding: 40px; border-top: 1px solid #292929; border-bottom: 1px solid #292929; } #live-stage .table-container + .table-container { border-top: none; margin-top: 0; } @media (max-width: 1024px) { #live-stage .table-container { padding: 20px 10px; } } #live-stage .post img, #live-stage .discography img { max-width: 420px; } @media (max-width: 1024px) { #live-stage .post img, #live-stage .discography img { height: 183px; -o-object-fit: contain; object-fit: contain; } } #live-stage .post:first-child .post--header, #live-stage .discography:first-child .post--header { padding: 0 40px; } @media (max-width: 1024px) { #live-stage .post:first-child .post--header, #live-stage .discography:first-child .post--header { padding: 0 10px; } } #live-stage .post:first-child .post--header img, #live-stage .discography:first-child .post--header img { margin-bottom: 2em; } #live-stage .post:first-child .post--header .label + h3, #live-stage .discography:first-child .post--header .label + h3 { margin-top: 0.5em; } #live-stage .post:first-child .post--header .date, #live-stage .discography:first-child .post--header .date { color: #727272; } #live-stage .post--body table { margin-bottom: 1em; border: 0px solid #ebebeb; overflow: hidden; } #live-stage .post--body table caption { margin-bottom: 2em; } @media (max-width: 1024px) { #live-stage .post--body table { min-width: inherit; } } #live-stage .post--body table th { font-size: 12px; text-align: center; border: 0px solid #fff; padding: 10px 0; line-height: 1.6; /* width: 25%; &[colspan="2"] { width: 50%; } &[colspan="3"] { width: 75%; }*/ } #live-stage .post--body table th + th { border-left: 1px solid #292929; } #live-stage .post--body table th:first-child { overflow: hidden; } #live-stage .post--body table th:last-child { overflow: hidden; } #live-stage .post--body table td { padding: 20px 0; font-size: 12px; line-height: 1.6; text-align: center; border-bottom: 1px solid #292929; border-left: 0; border-right: 0; } #live-stage .post--body table td + td { border-left: 1px solid #292929; } .release { width: 100%; } .release .release--artist { line-height: 1.5; font-weight: normal; margin-top: 0 !important; margin-bottom: 0.5em !important; font-size: 20px; } @media (max-width: 1024px) { .release .release--artist { font-size: 16px; } } .release .release--name { line-height: 1.5; font-weight: normal; font-size: 40px; margin-top: 1em; margin-bottom: 0.6em !important; } @media (max-width: 1024px) { .release .release--name { font-size: 25px; } } .release .release--name ruby rt { font-size: 12px; text-align: center; letter-spacing: 0.2em; -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } .release .release--name ruby rb { margin-top: 0.5em; } .release .release--date { margin-left: 1em; line-height: 1; font-size: 18px; white-space: nowrap; } @media (max-width: 1024px) { .release .release--date { font-size: 14px; } } .release .release--date.large { font-size: 30px !important; } @media (max-width: 1024px) { .release .release--date.large { font-size: 22px !important; } } .special-page .release { /* .release--label { } .release--artist { font-size: 40px; @media (max-width: $breakpoint) { font-size: 28px; } } .release--name { font-size: 46px; @media (max-width: $breakpoint) { font-size: 33px; } } .release--date { font-size: 18px; @media (max-width: $breakpoint) { font-size: 14px; } &.large { font-size: 30px !important; @media (max-width: $breakpoint) { font-size: 22px !important; } } } */ } .post .post--header h3, .discography .post--header h3 { padding-top: 10px; color: #292929; line-height: 1.5; font-size: 30px; } .post .post--header h4, .discography .post--header h4 { line-height: 3; font-size: 20px; } .post .post--header h4 em, .discography .post--header h4 em { font-weight: normal; } .post .post--header h3, .discography .post--header h3, .post .post--header h4, .discography .post--header h4 { letter-spacing: 0.1em; font-weight: 400; } @media (max-width: 1024px) { .post .post--header h3, .discography .post--header h3, .post .post--header h4, .discography .post--header h4 { font-size: 30px; } } @media (max-width: 370px) { .post .post--header h3, .discography .post--header h3, .post .post--header h4, .discography .post--header h4 { font-size: 26px; } } #information .post .post--header h3, #information .discography .post--header h3 { padding-top: 10px; color: #292929; line-height: 1.5; font-size: 30px; } #information .post .post--header h4, #information .discography .post--header h4 { line-height: 3; font-size: 20px; } #information .post .post--header h4 em, #information .discography .post--header h4 em { font-weight: normal; } #information .post .post--header h3, #information .discography .post--header h3, #information .post .post--header h4, #information .discography .post--header h4 { letter-spacing: 0.1em; font-weight: 400; } @media (max-width: 1024px) { #information .post .post--header h3, #information .discography .post--header h3, #information .post .post--header h4, #information .discography .post--header h4 { font-size: 20px; } } @media (max-width: 370px) { #information .post .post--header h3, #information .discography .post--header h3, #information .post .post--header h4, #information .discography .post--header h4 { font-size: 18px; } } #media .post, #media .discography { padding-bottom: 40px !important; } @media (max-width: 1024px) { #media .post, #media .discography { padding-bottom: 0px !important; } } #media .post h3, #media .discography h3 { padding-top: 10px; color: #292929; line-height: 2.5; font-size: 30px; } #media .post h4, #media .discography h4 { line-height: 3; border-bottom: 1px solid #d2ae4e; font-size: 20px; } #media .post h4 em, #media .discography h4 em { font-weight: normal; } #media .post h3, #media .discography h3, #media .post h4, #media .discography h4 { letter-spacing: 0.1em; font-weight: 400; } @media (max-width: 1024px) { #media .post h3, #media .discography h3, #media .post h4, #media .discography h4 { font-size: 30px; } } @media (max-width: 370px) { #media .post h3, #media .discography h3, #media .post h4, #media .discography h4 { font-size: 26px; } } @media (max-width: 1024px) { #media .pc-none.new { display: inline-block; margin-left: 0.75em; } } #media .sp-none.new { display: inline-block; } @media (max-width: 1024px) { #media .sp-none.new { display: none; } } #media .post--header { border-bottom: 1px solid #292929; } #media .post--body { margin-top: 10px; } #media .post--body + .post--body { padding-top: 30px; } @media (max-width: 1024px) { #media .post--body + .post--body { padding-top: 0px; } } #media hr { border-color: #d2ae4e; border-width: 2px; } #media .post--body a { text-decoration: underline; } #media dl { margin-top: 2em; padding-left: 20px; } @media (max-width: 1024px) { #media dl { padding-left: 10px; } } #media dl dd { padding-top: 1em; } @media (max-width: 1024px) { #media dl dd { border-top: none; padding-top: 0; } } #media dl dt { padding-top: 1em; } #media dl dt span.ico-new { vertical-align: middle; margin-left: 10px; } @media (max-width: 1024px) { #media dl dt { padding-top: 1em; } } #media dl dt:nth-child(1) { border-top: none; padding-top: 0; } #media dl dd:nth-child(2) { border-top: none; padding-top: 0; } @media (max-width: 1024px) { #media dl dd:last-child { margin-bottom: 0; } } .post hr, .discography hr { border-color: #292929; } .post h1 > em ~ hr, .discography h1 > em ~ hr, .post h2 > em ~ hr, .discography h2 > em ~ hr, .post h3 > em ~ hr, .discography h3 > em ~ hr, .post h4 > em ~ hr, .discography h4 > em ~ hr, .post h5 > em ~ hr, .discography h5 > em ~ hr, .post h6 > em ~ hr, .discography h6 > em ~ hr { border-color: #d2ae4e; } .post em, .discography em { color: #d2ae4e; } .post .box, .discography .box { padding: 40px 40px; } .post .box.bordered, .discography .box.bordered { border: 1px solid #d2ae4e; } .post .box.filled, .discography .box.filled { padding: 20px 40px; background-color: #d2ae4e; color: #fff; } .post.color-1 h1 > em ~ hr, .color-1.discography h1 > em ~ hr, .post.color-1 h2 > em ~ hr, .color-1.discography h2 > em ~ hr, .post.color-1 h3 > em ~ hr, .color-1.discography h3 > em ~ hr, .post.color-1 h4 > em ~ hr, .color-1.discography h4 > em ~ hr, .post.color-1 h5 > em ~ hr, .color-1.discography h5 > em ~ hr, .post.color-1 h6 > em ~ hr, .color-1.discography h6 > em ~ hr { border-color: #d2ae4e; } .post.color-1 h1.color-1 > em ~ hr, .color-1.discography h1.color-1 > em ~ hr, .post.color-1 h2.color-1 > em ~ hr, .color-1.discography h2.color-1 > em ~ hr, .post.color-1 h3.color-1 > em ~ hr, .color-1.discography h3.color-1 > em ~ hr, .post.color-1 h4.color-1 > em ~ hr, .color-1.discography h4.color-1 > em ~ hr, .post.color-1 h5.color-1 > em ~ hr, .color-1.discography h5.color-1 > em ~ hr, .post.color-1 h6.color-1 > em ~ hr, .color-1.discography h6.color-1 > em ~ hr { border-color: #d2ae4e; } .post.color-1 h1.color-2 > em ~ hr, .color-1.discography h1.color-2 > em ~ hr, .post.color-1 h2.color-2 > em ~ hr, .color-1.discography h2.color-2 > em ~ hr, .post.color-1 h3.color-2 > em ~ hr, .color-1.discography h3.color-2 > em ~ hr, .post.color-1 h4.color-2 > em ~ hr, .color-1.discography h4.color-2 > em ~ hr, .post.color-1 h5.color-2 > em ~ hr, .color-1.discography h5.color-2 > em ~ hr, .post.color-1 h6.color-2 > em ~ hr, .color-1.discography h6.color-2 > em ~ hr { border-color: #9a9a9a; } .post.color-1 h1.color-3 > em ~ hr, .color-1.discography h1.color-3 > em ~ hr, .post.color-1 h2.color-3 > em ~ hr, .color-1.discography h2.color-3 > em ~ hr, .post.color-1 h3.color-3 > em ~ hr, .color-1.discography h3.color-3 > em ~ hr, .post.color-1 h4.color-3 > em ~ hr, .color-1.discography h4.color-3 > em ~ hr, .post.color-1 h5.color-3 > em ~ hr, .color-1.discography h5.color-3 > em ~ hr, .post.color-1 h6.color-3 > em ~ hr, .color-1.discography h6.color-3 > em ~ hr { border-color: #bd0e0e; } .post.color-1 h1.color-4 > em ~ hr, .color-1.discography h1.color-4 > em ~ hr, .post.color-1 h2.color-4 > em ~ hr, .color-1.discography h2.color-4 > em ~ hr, .post.color-1 h3.color-4 > em ~ hr, .color-1.discography h3.color-4 > em ~ hr, .post.color-1 h4.color-4 > em ~ hr, .color-1.discography h4.color-4 > em ~ hr, .post.color-1 h5.color-4 > em ~ hr, .color-1.discography h5.color-4 > em ~ hr, .post.color-1 h6.color-4 > em ~ hr, .color-1.discography h6.color-4 > em ~ hr { border-color: #e6a10c; } .post.color-1 h1.color-5 > em ~ hr, .color-1.discography h1.color-5 > em ~ hr, .post.color-1 h2.color-5 > em ~ hr, .color-1.discography h2.color-5 > em ~ hr, .post.color-1 h3.color-5 > em ~ hr, .color-1.discography h3.color-5 > em ~ hr, .post.color-1 h4.color-5 > em ~ hr, .color-1.discography h4.color-5 > em ~ hr, .post.color-1 h5.color-5 > em ~ hr, .color-1.discography h5.color-5 > em ~ hr, .post.color-1 h6.color-5 > em ~ hr, .color-1.discography h6.color-5 > em ~ hr { border-color: #269626; } .post.color-1 h1.color-6 > em ~ hr, .color-1.discography h1.color-6 > em ~ hr, .post.color-1 h2.color-6 > em ~ hr, .color-1.discography h2.color-6 > em ~ hr, .post.color-1 h3.color-6 > em ~ hr, .color-1.discography h3.color-6 > em ~ hr, .post.color-1 h4.color-6 > em ~ hr, .color-1.discography h4.color-6 > em ~ hr, .post.color-1 h5.color-6 > em ~ hr, .color-1.discography h5.color-6 > em ~ hr, .post.color-1 h6.color-6 > em ~ hr, .color-1.discography h6.color-6 > em ~ hr { border-color: #364ba6; } .post.color-1 h1.color-7 > em ~ hr, .color-1.discography h1.color-7 > em ~ hr, .post.color-1 h2.color-7 > em ~ hr, .color-1.discography h2.color-7 > em ~ hr, .post.color-1 h3.color-7 > em ~ hr, .color-1.discography h3.color-7 > em ~ hr, .post.color-1 h4.color-7 > em ~ hr, .color-1.discography h4.color-7 > em ~ hr, .post.color-1 h5.color-7 > em ~ hr, .color-1.discography h5.color-7 > em ~ hr, .post.color-1 h6.color-7 > em ~ hr, .color-1.discography h6.color-7 > em ~ hr { border-color: #4fa7d0; } .post.color-1 h1.color-8 > em ~ hr, .color-1.discography h1.color-8 > em ~ hr, .post.color-1 h2.color-8 > em ~ hr, .color-1.discography h2.color-8 > em ~ hr, .post.color-1 h3.color-8 > em ~ hr, .color-1.discography h3.color-8 > em ~ hr, .post.color-1 h4.color-8 > em ~ hr, .color-1.discography h4.color-8 > em ~ hr, .post.color-1 h5.color-8 > em ~ hr, .color-1.discography h5.color-8 > em ~ hr, .post.color-1 h6.color-8 > em ~ hr, .color-1.discography h6.color-8 > em ~ hr { border-color: #a15daf; } .post.color-1 h1.color-9 > em ~ hr, .color-1.discography h1.color-9 > em ~ hr, .post.color-1 h2.color-9 > em ~ hr, .color-1.discography h2.color-9 > em ~ hr, .post.color-1 h3.color-9 > em ~ hr, .color-1.discography h3.color-9 > em ~ hr, .post.color-1 h4.color-9 > em ~ hr, .color-1.discography h4.color-9 > em ~ hr, .post.color-1 h5.color-9 > em ~ hr, .color-1.discography h5.color-9 > em ~ hr, .post.color-1 h6.color-9 > em ~ hr, .color-1.discography h6.color-9 > em ~ hr { border-color: #da699e; } .post.color-1 em, .color-1.discography em { color: #d2ae4e; } .post.color-1 em.color-1, .color-1.discography em.color-1 { color: #d2ae4e; } .post.color-1 em.color-2, .color-1.discography em.color-2 { color: #9a9a9a; } .post.color-1 em.color-3, .color-1.discography em.color-3 { color: #bd0e0e; } .post.color-1 em.color-4, .color-1.discography em.color-4 { color: #e6a10c; } .post.color-1 em.color-5, .color-1.discography em.color-5 { color: #269626; } .post.color-1 em.color-6, .color-1.discography em.color-6 { color: #364ba6; } .post.color-1 em.color-7, .color-1.discography em.color-7 { color: #4fa7d0; } .post.color-1 em.color-8, .color-1.discography em.color-8 { color: #a15daf; } .post.color-1 em.color-9, .color-1.discography em.color-9 { color: #da699e; } .post.color-1 .post--body a:not(.button), .color-1.discography .post--body a:not(.button) { color: #d2ae4e; } .post.color-1 .post--body a:not(.button).color-1, .color-1.discography .post--body a:not(.button).color-1 { color: #d2ae4e; } .post.color-1 .post--body a:not(.button).color-2, .color-1.discography .post--body a:not(.button).color-2 { color: #9a9a9a; } .post.color-1 .post--body a:not(.button).color-3, .color-1.discography .post--body a:not(.button).color-3 { color: #bd0e0e; } .post.color-1 .post--body a:not(.button).color-4, .color-1.discography .post--body a:not(.button).color-4 { color: #e6a10c; } .post.color-1 .post--body a:not(.button).color-5, .color-1.discography .post--body a:not(.button).color-5 { color: #269626; } .post.color-1 .post--body a:not(.button).color-6, .color-1.discography .post--body a:not(.button).color-6 { color: #364ba6; } .post.color-1 .post--body a:not(.button).color-7, .color-1.discography .post--body a:not(.button).color-7 { color: #4fa7d0; } .post.color-1 .post--body a:not(.button).color-8, .color-1.discography .post--body a:not(.button).color-8 { color: #a15daf; } .post.color-1 .post--body a:not(.button).color-9, .color-1.discography .post--body a:not(.button).color-9 { color: #da699e; } .post.color-1 .post--body a.button .button--bg:before, .color-1.discography .post--body a.button .button--bg:before { background: #d2ae4e; } .post.color-1 .post--body a.button.color-1 .button--bg:before, .color-1.discography .post--body a.button.color-1 .button--bg:before { background: #d2ae4e; } .post.color-1 .post--body a.button.color-2 .button--bg:before, .color-1.discography .post--body a.button.color-2 .button--bg:before { background: #9a9a9a; } .post.color-1 .post--body a.button.color-3 .button--bg:before, .color-1.discography .post--body a.button.color-3 .button--bg:before { background: #bd0e0e; } .post.color-1 .post--body a.button.color-4 .button--bg:before, .color-1.discography .post--body a.button.color-4 .button--bg:before { background: #e6a10c; } .post.color-1 .post--body a.button.color-5 .button--bg:before, .color-1.discography .post--body a.button.color-5 .button--bg:before { background: #269626; } .post.color-1 .post--body a.button.color-6 .button--bg:before, .color-1.discography .post--body a.button.color-6 .button--bg:before { background: #364ba6; } .post.color-1 .post--body a.button.color-7 .button--bg:before, .color-1.discography .post--body a.button.color-7 .button--bg:before { background: #4fa7d0; } .post.color-1 .post--body a.button.color-8 .button--bg:before, .color-1.discography .post--body a.button.color-8 .button--bg:before { background: #a15daf; } .post.color-1 .post--body a.button.color-9 .button--bg:before, .color-1.discography .post--body a.button.color-9 .button--bg:before { background: #da699e; } .post.color-1 .box.bordered, .color-1.discography .box.bordered { border: 1px solid #d2ae4e; } .post.color-1 .box.filled, .color-1.discography .box.filled { background-color: #d2ae4e; color: #fff; } .post.color-1 .box.color-1.bordered, .color-1.discography .box.color-1.bordered { border: 1px solid #d2ae4e; } .post.color-1 .box.color-1.filled, .color-1.discography .box.color-1.filled { background-color: #d2ae4e; color: #fff; } .post.color-1 .box.color-2.bordered, .color-1.discography .box.color-2.bordered { border: 1px solid #9a9a9a; } .post.color-1 .box.color-2.filled, .color-1.discography .box.color-2.filled { background-color: #9a9a9a; color: #fff; } .post.color-1 .box.color-3.bordered, .color-1.discography .box.color-3.bordered { border: 1px solid #bd0e0e; } .post.color-1 .box.color-3.filled, .color-1.discography .box.color-3.filled { background-color: #bd0e0e; color: #fff; } .post.color-1 .box.color-4.bordered, .color-1.discography .box.color-4.bordered { border: 1px solid #e6a10c; } .post.color-1 .box.color-4.filled, .color-1.discography .box.color-4.filled { background-color: #e6a10c; color: #fff; } .post.color-1 .box.color-5.bordered, .color-1.discography .box.color-5.bordered { border: 1px solid #269626; } .post.color-1 .box.color-5.filled, .color-1.discography .box.color-5.filled { background-color: #269626; color: #fff; } .post.color-1 .box.color-6.bordered, .color-1.discography .box.color-6.bordered { border: 1px solid #364ba6; } .post.color-1 .box.color-6.filled, .color-1.discography .box.color-6.filled { background-color: #364ba6; color: #fff; } .post.color-1 .box.color-7.bordered, .color-1.discography .box.color-7.bordered { border: 1px solid #4fa7d0; } .post.color-1 .box.color-7.filled, .color-1.discography .box.color-7.filled { background-color: #4fa7d0; color: #fff; } .post.color-1 .box.color-8.bordered, .color-1.discography .box.color-8.bordered { border: 1px solid #a15daf; } .post.color-1 .box.color-8.filled, .color-1.discography .box.color-8.filled { background-color: #a15daf; color: #fff; } .post.color-1 .box.color-9.bordered, .color-1.discography .box.color-9.bordered { border: 1px solid #da699e; } .post.color-1 .box.color-9.filled, .color-1.discography .box.color-9.filled { background-color: #da699e; color: #fff; } .post.color-2 h1 > em ~ hr, .color-2.discography h1 > em ~ hr, .post.color-2 h2 > em ~ hr, .color-2.discography h2 > em ~ hr, .post.color-2 h3 > em ~ hr, .color-2.discography h3 > em ~ hr, .post.color-2 h4 > em ~ hr, .color-2.discography h4 > em ~ hr, .post.color-2 h5 > em ~ hr, .color-2.discography h5 > em ~ hr, .post.color-2 h6 > em ~ hr, .color-2.discography h6 > em ~ hr { border-color: #9a9a9a; } .post.color-2 h1.color-1 > em ~ hr, .color-2.discography h1.color-1 > em ~ hr, .post.color-2 h2.color-1 > em ~ hr, .color-2.discography h2.color-1 > em ~ hr, .post.color-2 h3.color-1 > em ~ hr, .color-2.discography h3.color-1 > em ~ hr, .post.color-2 h4.color-1 > em ~ hr, .color-2.discography h4.color-1 > em ~ hr, .post.color-2 h5.color-1 > em ~ hr, .color-2.discography h5.color-1 > em ~ hr, .post.color-2 h6.color-1 > em ~ hr, .color-2.discography h6.color-1 > em ~ hr { border-color: #d2ae4e; } .post.color-2 h1.color-2 > em ~ hr, .color-2.discography h1.color-2 > em ~ hr, .post.color-2 h2.color-2 > em ~ hr, .color-2.discography h2.color-2 > em ~ hr, .post.color-2 h3.color-2 > em ~ hr, .color-2.discography h3.color-2 > em ~ hr, .post.color-2 h4.color-2 > em ~ hr, .color-2.discography h4.color-2 > em ~ hr, .post.color-2 h5.color-2 > em ~ hr, .color-2.discography h5.color-2 > em ~ hr, .post.color-2 h6.color-2 > em ~ hr, .color-2.discography h6.color-2 > em ~ hr { border-color: #9a9a9a; } .post.color-2 h1.color-3 > em ~ hr, .color-2.discography h1.color-3 > em ~ hr, .post.color-2 h2.color-3 > em ~ hr, .color-2.discography h2.color-3 > em ~ hr, .post.color-2 h3.color-3 > em ~ hr, .color-2.discography h3.color-3 > em ~ hr, .post.color-2 h4.color-3 > em ~ hr, .color-2.discography h4.color-3 > em ~ hr, .post.color-2 h5.color-3 > em ~ hr, .color-2.discography h5.color-3 > em ~ hr, .post.color-2 h6.color-3 > em ~ hr, .color-2.discography h6.color-3 > em ~ hr { border-color: #bd0e0e; } .post.color-2 h1.color-4 > em ~ hr, .color-2.discography h1.color-4 > em ~ hr, .post.color-2 h2.color-4 > em ~ hr, .color-2.discography h2.color-4 > em ~ hr, .post.color-2 h3.color-4 > em ~ hr, .color-2.discography h3.color-4 > em ~ hr, .post.color-2 h4.color-4 > em ~ hr, .color-2.discography h4.color-4 > em ~ hr, .post.color-2 h5.color-4 > em ~ hr, .color-2.discography h5.color-4 > em ~ hr, .post.color-2 h6.color-4 > em ~ hr, .color-2.discography h6.color-4 > em ~ hr { border-color: #e6a10c; } .post.color-2 h1.color-5 > em ~ hr, .color-2.discography h1.color-5 > em ~ hr, .post.color-2 h2.color-5 > em ~ hr, .color-2.discography h2.color-5 > em ~ hr, .post.color-2 h3.color-5 > em ~ hr, .color-2.discography h3.color-5 > em ~ hr, .post.color-2 h4.color-5 > em ~ hr, .color-2.discography h4.color-5 > em ~ hr, .post.color-2 h5.color-5 > em ~ hr, .color-2.discography h5.color-5 > em ~ hr, .post.color-2 h6.color-5 > em ~ hr, .color-2.discography h6.color-5 > em ~ hr { border-color: #269626; } .post.color-2 h1.color-6 > em ~ hr, .color-2.discography h1.color-6 > em ~ hr, .post.color-2 h2.color-6 > em ~ hr, .color-2.discography h2.color-6 > em ~ hr, .post.color-2 h3.color-6 > em ~ hr, .color-2.discography h3.color-6 > em ~ hr, .post.color-2 h4.color-6 > em ~ hr, .color-2.discography h4.color-6 > em ~ hr, .post.color-2 h5.color-6 > em ~ hr, .color-2.discography h5.color-6 > em ~ hr, .post.color-2 h6.color-6 > em ~ hr, .color-2.discography h6.color-6 > em ~ hr { border-color: #364ba6; } .post.color-2 h1.color-7 > em ~ hr, .color-2.discography h1.color-7 > em ~ hr, .post.color-2 h2.color-7 > em ~ hr, .color-2.discography h2.color-7 > em ~ hr, .post.color-2 h3.color-7 > em ~ hr, .color-2.discography h3.color-7 > em ~ hr, .post.color-2 h4.color-7 > em ~ hr, .color-2.discography h4.color-7 > em ~ hr, .post.color-2 h5.color-7 > em ~ hr, .color-2.discography h5.color-7 > em ~ hr, .post.color-2 h6.color-7 > em ~ hr, .color-2.discography h6.color-7 > em ~ hr { border-color: #4fa7d0; } .post.color-2 h1.color-8 > em ~ hr, .color-2.discography h1.color-8 > em ~ hr, .post.color-2 h2.color-8 > em ~ hr, .color-2.discography h2.color-8 > em ~ hr, .post.color-2 h3.color-8 > em ~ hr, .color-2.discography h3.color-8 > em ~ hr, .post.color-2 h4.color-8 > em ~ hr, .color-2.discography h4.color-8 > em ~ hr, .post.color-2 h5.color-8 > em ~ hr, .color-2.discography h5.color-8 > em ~ hr, .post.color-2 h6.color-8 > em ~ hr, .color-2.discography h6.color-8 > em ~ hr { border-color: #a15daf; } .post.color-2 h1.color-9 > em ~ hr, .color-2.discography h1.color-9 > em ~ hr, .post.color-2 h2.color-9 > em ~ hr, .color-2.discography h2.color-9 > em ~ hr, .post.color-2 h3.color-9 > em ~ hr, .color-2.discography h3.color-9 > em ~ hr, .post.color-2 h4.color-9 > em ~ hr, .color-2.discography h4.color-9 > em ~ hr, .post.color-2 h5.color-9 > em ~ hr, .color-2.discography h5.color-9 > em ~ hr, .post.color-2 h6.color-9 > em ~ hr, .color-2.discography h6.color-9 > em ~ hr { border-color: #da699e; } .post.color-2 em, .color-2.discography em { color: #9a9a9a; } .post.color-2 em.color-1, .color-2.discography em.color-1 { color: #d2ae4e; } .post.color-2 em.color-2, .color-2.discography em.color-2 { color: #9a9a9a; } .post.color-2 em.color-3, .color-2.discography em.color-3 { color: #bd0e0e; } .post.color-2 em.color-4, .color-2.discography em.color-4 { color: #e6a10c; } .post.color-2 em.color-5, .color-2.discography em.color-5 { color: #269626; } .post.color-2 em.color-6, .color-2.discography em.color-6 { color: #364ba6; } .post.color-2 em.color-7, .color-2.discography em.color-7 { color: #4fa7d0; } .post.color-2 em.color-8, .color-2.discography em.color-8 { color: #a15daf; } .post.color-2 em.color-9, .color-2.discography em.color-9 { color: #da699e; } .post.color-2 .post--body a:not(.button), .color-2.discography .post--body a:not(.button) { color: #9a9a9a; } .post.color-2 .post--body a:not(.button).color-1, .color-2.discography .post--body a:not(.button).color-1 { color: #d2ae4e; } .post.color-2 .post--body a:not(.button).color-2, .color-2.discography .post--body a:not(.button).color-2 { color: #9a9a9a; } .post.color-2 .post--body a:not(.button).color-3, .color-2.discography .post--body a:not(.button).color-3 { color: #bd0e0e; } .post.color-2 .post--body a:not(.button).color-4, .color-2.discography .post--body a:not(.button).color-4 { color: #e6a10c; } .post.color-2 .post--body a:not(.button).color-5, .color-2.discography .post--body a:not(.button).color-5 { color: #269626; } .post.color-2 .post--body a:not(.button).color-6, .color-2.discography .post--body a:not(.button).color-6 { color: #364ba6; } .post.color-2 .post--body a:not(.button).color-7, .color-2.discography .post--body a:not(.button).color-7 { color: #4fa7d0; } .post.color-2 .post--body a:not(.button).color-8, .color-2.discography .post--body a:not(.button).color-8 { color: #a15daf; } .post.color-2 .post--body a:not(.button).color-9, .color-2.discography .post--body a:not(.button).color-9 { color: #da699e; } .post.color-2 .post--body a.button .button--bg:before, .color-2.discography .post--body a.button .button--bg:before { background: #9a9a9a; } .post.color-2 .post--body a.button.color-1 .button--bg:before, .color-2.discography .post--body a.button.color-1 .button--bg:before { background: #d2ae4e; } .post.color-2 .post--body a.button.color-2 .button--bg:before, .color-2.discography .post--body a.button.color-2 .button--bg:before { background: #9a9a9a; } .post.color-2 .post--body a.button.color-3 .button--bg:before, .color-2.discography .post--body a.button.color-3 .button--bg:before { background: #bd0e0e; } .post.color-2 .post--body a.button.color-4 .button--bg:before, .color-2.discography .post--body a.button.color-4 .button--bg:before { background: #e6a10c; } .post.color-2 .post--body a.button.color-5 .button--bg:before, .color-2.discography .post--body a.button.color-5 .button--bg:before { background: #269626; } .post.color-2 .post--body a.button.color-6 .button--bg:before, .color-2.discography .post--body a.button.color-6 .button--bg:before { background: #364ba6; } .post.color-2 .post--body a.button.color-7 .button--bg:before, .color-2.discography .post--body a.button.color-7 .button--bg:before { background: #4fa7d0; } .post.color-2 .post--body a.button.color-8 .button--bg:before, .color-2.discography .post--body a.button.color-8 .button--bg:before { background: #a15daf; } .post.color-2 .post--body a.button.color-9 .button--bg:before, .color-2.discography .post--body a.button.color-9 .button--bg:before { background: #da699e; } .post.color-2 .box.bordered, .color-2.discography .box.bordered { border: 1px solid #9a9a9a; } .post.color-2 .box.filled, .color-2.discography .box.filled { background-color: #9a9a9a; color: #fff; } .post.color-2 .box.color-1.bordered, .color-2.discography .box.color-1.bordered { border: 1px solid #d2ae4e; } .post.color-2 .box.color-1.filled, .color-2.discography .box.color-1.filled { background-color: #d2ae4e; color: #fff; } .post.color-2 .box.color-2.bordered, .color-2.discography .box.color-2.bordered { border: 1px solid #9a9a9a; } .post.color-2 .box.color-2.filled, .color-2.discography .box.color-2.filled { background-color: #9a9a9a; color: #fff; } .post.color-2 .box.color-3.bordered, .color-2.discography .box.color-3.bordered { border: 1px solid #bd0e0e; } .post.color-2 .box.color-3.filled, .color-2.discography .box.color-3.filled { background-color: #bd0e0e; color: #fff; } .post.color-2 .box.color-4.bordered, .color-2.discography .box.color-4.bordered { border: 1px solid #e6a10c; } .post.color-2 .box.color-4.filled, .color-2.discography .box.color-4.filled { background-color: #e6a10c; color: #fff; } .post.color-2 .box.color-5.bordered, .color-2.discography .box.color-5.bordered { border: 1px solid #269626; } .post.color-2 .box.color-5.filled, .color-2.discography .box.color-5.filled { background-color: #269626; color: #fff; } .post.color-2 .box.color-6.bordered, .color-2.discography .box.color-6.bordered { border: 1px solid #364ba6; } .post.color-2 .box.color-6.filled, .color-2.discography .box.color-6.filled { background-color: #364ba6; color: #fff; } .post.color-2 .box.color-7.bordered, .color-2.discography .box.color-7.bordered { border: 1px solid #4fa7d0; } .post.color-2 .box.color-7.filled, .color-2.discography .box.color-7.filled { background-color: #4fa7d0; color: #fff; } .post.color-2 .box.color-8.bordered, .color-2.discography .box.color-8.bordered { border: 1px solid #a15daf; } .post.color-2 .box.color-8.filled, .color-2.discography .box.color-8.filled { background-color: #a15daf; color: #fff; } .post.color-2 .box.color-9.bordered, .color-2.discography .box.color-9.bordered { border: 1px solid #da699e; } .post.color-2 .box.color-9.filled, .color-2.discography .box.color-9.filled { background-color: #da699e; color: #fff; } .post.color-3 h1 > em ~ hr, .color-3.discography h1 > em ~ hr, .post.color-3 h2 > em ~ hr, .color-3.discography h2 > em ~ hr, .post.color-3 h3 > em ~ hr, .color-3.discography h3 > em ~ hr, .post.color-3 h4 > em ~ hr, .color-3.discography h4 > em ~ hr, .post.color-3 h5 > em ~ hr, .color-3.discography h5 > em ~ hr, .post.color-3 h6 > em ~ hr, .color-3.discography h6 > em ~ hr { border-color: #bd0e0e; } .post.color-3 h1.color-1 > em ~ hr, .color-3.discography h1.color-1 > em ~ hr, .post.color-3 h2.color-1 > em ~ hr, .color-3.discography h2.color-1 > em ~ hr, .post.color-3 h3.color-1 > em ~ hr, .color-3.discography h3.color-1 > em ~ hr, .post.color-3 h4.color-1 > em ~ hr, .color-3.discography h4.color-1 > em ~ hr, .post.color-3 h5.color-1 > em ~ hr, .color-3.discography h5.color-1 > em ~ hr, .post.color-3 h6.color-1 > em ~ hr, .color-3.discography h6.color-1 > em ~ hr { border-color: #d2ae4e; } .post.color-3 h1.color-2 > em ~ hr, .color-3.discography h1.color-2 > em ~ hr, .post.color-3 h2.color-2 > em ~ hr, .color-3.discography h2.color-2 > em ~ hr, .post.color-3 h3.color-2 > em ~ hr, .color-3.discography h3.color-2 > em ~ hr, .post.color-3 h4.color-2 > em ~ hr, .color-3.discography h4.color-2 > em ~ hr, .post.color-3 h5.color-2 > em ~ hr, .color-3.discography h5.color-2 > em ~ hr, .post.color-3 h6.color-2 > em ~ hr, .color-3.discography h6.color-2 > em ~ hr { border-color: #9a9a9a; } .post.color-3 h1.color-3 > em ~ hr, .color-3.discography h1.color-3 > em ~ hr, .post.color-3 h2.color-3 > em ~ hr, .color-3.discography h2.color-3 > em ~ hr, .post.color-3 h3.color-3 > em ~ hr, .color-3.discography h3.color-3 > em ~ hr, .post.color-3 h4.color-3 > em ~ hr, .color-3.discography h4.color-3 > em ~ hr, .post.color-3 h5.color-3 > em ~ hr, .color-3.discography h5.color-3 > em ~ hr, .post.color-3 h6.color-3 > em ~ hr, .color-3.discography h6.color-3 > em ~ hr { border-color: #bd0e0e; } .post.color-3 h1.color-4 > em ~ hr, .color-3.discography h1.color-4 > em ~ hr, .post.color-3 h2.color-4 > em ~ hr, .color-3.discography h2.color-4 > em ~ hr, .post.color-3 h3.color-4 > em ~ hr, .color-3.discography h3.color-4 > em ~ hr, .post.color-3 h4.color-4 > em ~ hr, .color-3.discography h4.color-4 > em ~ hr, .post.color-3 h5.color-4 > em ~ hr, .color-3.discography h5.color-4 > em ~ hr, .post.color-3 h6.color-4 > em ~ hr, .color-3.discography h6.color-4 > em ~ hr { border-color: #e6a10c; } .post.color-3 h1.color-5 > em ~ hr, .color-3.discography h1.color-5 > em ~ hr, .post.color-3 h2.color-5 > em ~ hr, .color-3.discography h2.color-5 > em ~ hr, .post.color-3 h3.color-5 > em ~ hr, .color-3.discography h3.color-5 > em ~ hr, .post.color-3 h4.color-5 > em ~ hr, .color-3.discography h4.color-5 > em ~ hr, .post.color-3 h5.color-5 > em ~ hr, .color-3.discography h5.color-5 > em ~ hr, .post.color-3 h6.color-5 > em ~ hr, .color-3.discography h6.color-5 > em ~ hr { border-color: #269626; } .post.color-3 h1.color-6 > em ~ hr, .color-3.discography h1.color-6 > em ~ hr, .post.color-3 h2.color-6 > em ~ hr, .color-3.discography h2.color-6 > em ~ hr, .post.color-3 h3.color-6 > em ~ hr, .color-3.discography h3.color-6 > em ~ hr, .post.color-3 h4.color-6 > em ~ hr, .color-3.discography h4.color-6 > em ~ hr, .post.color-3 h5.color-6 > em ~ hr, .color-3.discography h5.color-6 > em ~ hr, .post.color-3 h6.color-6 > em ~ hr, .color-3.discography h6.color-6 > em ~ hr { border-color: #364ba6; } .post.color-3 h1.color-7 > em ~ hr, .color-3.discography h1.color-7 > em ~ hr, .post.color-3 h2.color-7 > em ~ hr, .color-3.discography h2.color-7 > em ~ hr, .post.color-3 h3.color-7 > em ~ hr, .color-3.discography h3.color-7 > em ~ hr, .post.color-3 h4.color-7 > em ~ hr, .color-3.discography h4.color-7 > em ~ hr, .post.color-3 h5.color-7 > em ~ hr, .color-3.discography h5.color-7 > em ~ hr, .post.color-3 h6.color-7 > em ~ hr, .color-3.discography h6.color-7 > em ~ hr { border-color: #4fa7d0; } .post.color-3 h1.color-8 > em ~ hr, .color-3.discography h1.color-8 > em ~ hr, .post.color-3 h2.color-8 > em ~ hr, .color-3.discography h2.color-8 > em ~ hr, .post.color-3 h3.color-8 > em ~ hr, .color-3.discography h3.color-8 > em ~ hr, .post.color-3 h4.color-8 > em ~ hr, .color-3.discography h4.color-8 > em ~ hr, .post.color-3 h5.color-8 > em ~ hr, .color-3.discography h5.color-8 > em ~ hr, .post.color-3 h6.color-8 > em ~ hr, .color-3.discography h6.color-8 > em ~ hr { border-color: #a15daf; } .post.color-3 h1.color-9 > em ~ hr, .color-3.discography h1.color-9 > em ~ hr, .post.color-3 h2.color-9 > em ~ hr, .color-3.discography h2.color-9 > em ~ hr, .post.color-3 h3.color-9 > em ~ hr, .color-3.discography h3.color-9 > em ~ hr, .post.color-3 h4.color-9 > em ~ hr, .color-3.discography h4.color-9 > em ~ hr, .post.color-3 h5.color-9 > em ~ hr, .color-3.discography h5.color-9 > em ~ hr, .post.color-3 h6.color-9 > em ~ hr, .color-3.discography h6.color-9 > em ~ hr { border-color: #da699e; } .post.color-3 em, .color-3.discography em { color: #bd0e0e; } .post.color-3 em.color-1, .color-3.discography em.color-1 { color: #d2ae4e; } .post.color-3 em.color-2, .color-3.discography em.color-2 { color: #9a9a9a; } .post.color-3 em.color-3, .color-3.discography em.color-3 { color: #bd0e0e; } .post.color-3 em.color-4, .color-3.discography em.color-4 { color: #e6a10c; } .post.color-3 em.color-5, .color-3.discography em.color-5 { color: #269626; } .post.color-3 em.color-6, .color-3.discography em.color-6 { color: #364ba6; } .post.color-3 em.color-7, .color-3.discography em.color-7 { color: #4fa7d0; } .post.color-3 em.color-8, .color-3.discography em.color-8 { color: #a15daf; } .post.color-3 em.color-9, .color-3.discography em.color-9 { color: #da699e; } .post.color-3 .post--body a:not(.button), .color-3.discography .post--body a:not(.button) { color: #bd0e0e; } .post.color-3 .post--body a:not(.button).color-1, .color-3.discography .post--body a:not(.button).color-1 { color: #d2ae4e; } .post.color-3 .post--body a:not(.button).color-2, .color-3.discography .post--body a:not(.button).color-2 { color: #9a9a9a; } .post.color-3 .post--body a:not(.button).color-3, .color-3.discography .post--body a:not(.button).color-3 { color: #bd0e0e; } .post.color-3 .post--body a:not(.button).color-4, .color-3.discography .post--body a:not(.button).color-4 { color: #e6a10c; } .post.color-3 .post--body a:not(.button).color-5, .color-3.discography .post--body a:not(.button).color-5 { color: #269626; } .post.color-3 .post--body a:not(.button).color-6, .color-3.discography .post--body a:not(.button).color-6 { color: #364ba6; } .post.color-3 .post--body a:not(.button).color-7, .color-3.discography .post--body a:not(.button).color-7 { color: #4fa7d0; } .post.color-3 .post--body a:not(.button).color-8, .color-3.discography .post--body a:not(.button).color-8 { color: #a15daf; } .post.color-3 .post--body a:not(.button).color-9, .color-3.discography .post--body a:not(.button).color-9 { color: #da699e; } .post.color-3 .post--body a.button .button--bg:before, .color-3.discography .post--body a.button .button--bg:before { background: #bd0e0e; } .post.color-3 .post--body a.button.color-1 .button--bg:before, .color-3.discography .post--body a.button.color-1 .button--bg:before { background: #d2ae4e; } .post.color-3 .post--body a.button.color-2 .button--bg:before, .color-3.discography .post--body a.button.color-2 .button--bg:before { background: #9a9a9a; } .post.color-3 .post--body a.button.color-3 .button--bg:before, .color-3.discography .post--body a.button.color-3 .button--bg:before { background: #bd0e0e; } .post.color-3 .post--body a.button.color-4 .button--bg:before, .color-3.discography .post--body a.button.color-4 .button--bg:before { background: #e6a10c; } .post.color-3 .post--body a.button.color-5 .button--bg:before, .color-3.discography .post--body a.button.color-5 .button--bg:before { background: #269626; } .post.color-3 .post--body a.button.color-6 .button--bg:before, .color-3.discography .post--body a.button.color-6 .button--bg:before { background: #364ba6; } .post.color-3 .post--body a.button.color-7 .button--bg:before, .color-3.discography .post--body a.button.color-7 .button--bg:before { background: #4fa7d0; } .post.color-3 .post--body a.button.color-8 .button--bg:before, .color-3.discography .post--body a.button.color-8 .button--bg:before { background: #a15daf; } .post.color-3 .post--body a.button.color-9 .button--bg:before, .color-3.discography .post--body a.button.color-9 .button--bg:before { background: #da699e; } .post.color-3 .box.bordered, .color-3.discography .box.bordered { border: 1px solid #bd0e0e; } .post.color-3 .box.filled, .color-3.discography .box.filled { background-color: #bd0e0e; color: #fff; } .post.color-3 .box.color-1.bordered, .color-3.discography .box.color-1.bordered { border: 1px solid #d2ae4e; } .post.color-3 .box.color-1.filled, .color-3.discography .box.color-1.filled { background-color: #d2ae4e; color: #fff; } .post.color-3 .box.color-2.bordered, .color-3.discography .box.color-2.bordered { border: 1px solid #9a9a9a; } .post.color-3 .box.color-2.filled, .color-3.discography .box.color-2.filled { background-color: #9a9a9a; color: #fff; } .post.color-3 .box.color-3.bordered, .color-3.discography .box.color-3.bordered { border: 1px solid #bd0e0e; } .post.color-3 .box.color-3.filled, .color-3.discography .box.color-3.filled { background-color: #bd0e0e; color: #fff; } .post.color-3 .box.color-4.bordered, .color-3.discography .box.color-4.bordered { border: 1px solid #e6a10c; } .post.color-3 .box.color-4.filled, .color-3.discography .box.color-4.filled { background-color: #e6a10c; color: #fff; } .post.color-3 .box.color-5.bordered, .color-3.discography .box.color-5.bordered { border: 1px solid #269626; } .post.color-3 .box.color-5.filled, .color-3.discography .box.color-5.filled { background-color: #269626; color: #fff; } .post.color-3 .box.color-6.bordered, .color-3.discography .box.color-6.bordered { border: 1px solid #364ba6; } .post.color-3 .box.color-6.filled, .color-3.discography .box.color-6.filled { background-color: #364ba6; color: #fff; } .post.color-3 .box.color-7.bordered, .color-3.discography .box.color-7.bordered { border: 1px solid #4fa7d0; } .post.color-3 .box.color-7.filled, .color-3.discography .box.color-7.filled { background-color: #4fa7d0; color: #fff; } .post.color-3 .box.color-8.bordered, .color-3.discography .box.color-8.bordered { border: 1px solid #a15daf; } .post.color-3 .box.color-8.filled, .color-3.discography .box.color-8.filled { background-color: #a15daf; color: #fff; } .post.color-3 .box.color-9.bordered, .color-3.discography .box.color-9.bordered { border: 1px solid #da699e; } .post.color-3 .box.color-9.filled, .color-3.discography .box.color-9.filled { background-color: #da699e; color: #fff; } .post.color-4 h1 > em ~ hr, .color-4.discography h1 > em ~ hr, .post.color-4 h2 > em ~ hr, .color-4.discography h2 > em ~ hr, .post.color-4 h3 > em ~ hr, .color-4.discography h3 > em ~ hr, .post.color-4 h4 > em ~ hr, .color-4.discography h4 > em ~ hr, .post.color-4 h5 > em ~ hr, .color-4.discography h5 > em ~ hr, .post.color-4 h6 > em ~ hr, .color-4.discography h6 > em ~ hr { border-color: #e6a10c; } .post.color-4 h1.color-1 > em ~ hr, .color-4.discography h1.color-1 > em ~ hr, .post.color-4 h2.color-1 > em ~ hr, .color-4.discography h2.color-1 > em ~ hr, .post.color-4 h3.color-1 > em ~ hr, .color-4.discography h3.color-1 > em ~ hr, .post.color-4 h4.color-1 > em ~ hr, .color-4.discography h4.color-1 > em ~ hr, .post.color-4 h5.color-1 > em ~ hr, .color-4.discography h5.color-1 > em ~ hr, .post.color-4 h6.color-1 > em ~ hr, .color-4.discography h6.color-1 > em ~ hr { border-color: #d2ae4e; } .post.color-4 h1.color-2 > em ~ hr, .color-4.discography h1.color-2 > em ~ hr, .post.color-4 h2.color-2 > em ~ hr, .color-4.discography h2.color-2 > em ~ hr, .post.color-4 h3.color-2 > em ~ hr, .color-4.discography h3.color-2 > em ~ hr, .post.color-4 h4.color-2 > em ~ hr, .color-4.discography h4.color-2 > em ~ hr, .post.color-4 h5.color-2 > em ~ hr, .color-4.discography h5.color-2 > em ~ hr, .post.color-4 h6.color-2 > em ~ hr, .color-4.discography h6.color-2 > em ~ hr { border-color: #9a9a9a; } .post.color-4 h1.color-3 > em ~ hr, .color-4.discography h1.color-3 > em ~ hr, .post.color-4 h2.color-3 > em ~ hr, .color-4.discography h2.color-3 > em ~ hr, .post.color-4 h3.color-3 > em ~ hr, .color-4.discography h3.color-3 > em ~ hr, .post.color-4 h4.color-3 > em ~ hr, .color-4.discography h4.color-3 > em ~ hr, .post.color-4 h5.color-3 > em ~ hr, .color-4.discography h5.color-3 > em ~ hr, .post.color-4 h6.color-3 > em ~ hr, .color-4.discography h6.color-3 > em ~ hr { border-color: #bd0e0e; } .post.color-4 h1.color-4 > em ~ hr, .color-4.discography h1.color-4 > em ~ hr, .post.color-4 h2.color-4 > em ~ hr, .color-4.discography h2.color-4 > em ~ hr, .post.color-4 h3.color-4 > em ~ hr, .color-4.discography h3.color-4 > em ~ hr, .post.color-4 h4.color-4 > em ~ hr, .color-4.discography h4.color-4 > em ~ hr, .post.color-4 h5.color-4 > em ~ hr, .color-4.discography h5.color-4 > em ~ hr, .post.color-4 h6.color-4 > em ~ hr, .color-4.discography h6.color-4 > em ~ hr { border-color: #e6a10c; } .post.color-4 h1.color-5 > em ~ hr, .color-4.discography h1.color-5 > em ~ hr, .post.color-4 h2.color-5 > em ~ hr, .color-4.discography h2.color-5 > em ~ hr, .post.color-4 h3.color-5 > em ~ hr, .color-4.discography h3.color-5 > em ~ hr, .post.color-4 h4.color-5 > em ~ hr, .color-4.discography h4.color-5 > em ~ hr, .post.color-4 h5.color-5 > em ~ hr, .color-4.discography h5.color-5 > em ~ hr, .post.color-4 h6.color-5 > em ~ hr, .color-4.discography h6.color-5 > em ~ hr { border-color: #269626; } .post.color-4 h1.color-6 > em ~ hr, .color-4.discography h1.color-6 > em ~ hr, .post.color-4 h2.color-6 > em ~ hr, .color-4.discography h2.color-6 > em ~ hr, .post.color-4 h3.color-6 > em ~ hr, .color-4.discography h3.color-6 > em ~ hr, .post.color-4 h4.color-6 > em ~ hr, .color-4.discography h4.color-6 > em ~ hr, .post.color-4 h5.color-6 > em ~ hr, .color-4.discography h5.color-6 > em ~ hr, .post.color-4 h6.color-6 > em ~ hr, .color-4.discography h6.color-6 > em ~ hr { border-color: #364ba6; } .post.color-4 h1.color-7 > em ~ hr, .color-4.discography h1.color-7 > em ~ hr, .post.color-4 h2.color-7 > em ~ hr, .color-4.discography h2.color-7 > em ~ hr, .post.color-4 h3.color-7 > em ~ hr, .color-4.discography h3.color-7 > em ~ hr, .post.color-4 h4.color-7 > em ~ hr, .color-4.discography h4.color-7 > em ~ hr, .post.color-4 h5.color-7 > em ~ hr, .color-4.discography h5.color-7 > em ~ hr, .post.color-4 h6.color-7 > em ~ hr, .color-4.discography h6.color-7 > em ~ hr { border-color: #4fa7d0; } .post.color-4 h1.color-8 > em ~ hr, .color-4.discography h1.color-8 > em ~ hr, .post.color-4 h2.color-8 > em ~ hr, .color-4.discography h2.color-8 > em ~ hr, .post.color-4 h3.color-8 > em ~ hr, .color-4.discography h3.color-8 > em ~ hr, .post.color-4 h4.color-8 > em ~ hr, .color-4.discography h4.color-8 > em ~ hr, .post.color-4 h5.color-8 > em ~ hr, .color-4.discography h5.color-8 > em ~ hr, .post.color-4 h6.color-8 > em ~ hr, .color-4.discography h6.color-8 > em ~ hr { border-color: #a15daf; } .post.color-4 h1.color-9 > em ~ hr, .color-4.discography h1.color-9 > em ~ hr, .post.color-4 h2.color-9 > em ~ hr, .color-4.discography h2.color-9 > em ~ hr, .post.color-4 h3.color-9 > em ~ hr, .color-4.discography h3.color-9 > em ~ hr, .post.color-4 h4.color-9 > em ~ hr, .color-4.discography h4.color-9 > em ~ hr, .post.color-4 h5.color-9 > em ~ hr, .color-4.discography h5.color-9 > em ~ hr, .post.color-4 h6.color-9 > em ~ hr, .color-4.discography h6.color-9 > em ~ hr { border-color: #da699e; } .post.color-4 em, .color-4.discography em { color: #e6a10c; } .post.color-4 em.color-1, .color-4.discography em.color-1 { color: #d2ae4e; } .post.color-4 em.color-2, .color-4.discography em.color-2 { color: #9a9a9a; } .post.color-4 em.color-3, .color-4.discography em.color-3 { color: #bd0e0e; } .post.color-4 em.color-4, .color-4.discography em.color-4 { color: #e6a10c; } .post.color-4 em.color-5, .color-4.discography em.color-5 { color: #269626; } .post.color-4 em.color-6, .color-4.discography em.color-6 { color: #364ba6; } .post.color-4 em.color-7, .color-4.discography em.color-7 { color: #4fa7d0; } .post.color-4 em.color-8, .color-4.discography em.color-8 { color: #a15daf; } .post.color-4 em.color-9, .color-4.discography em.color-9 { color: #da699e; } .post.color-4 .post--body a:not(.button), .color-4.discography .post--body a:not(.button) { color: #e6a10c; } .post.color-4 .post--body a:not(.button).color-1, .color-4.discography .post--body a:not(.button).color-1 { color: #d2ae4e; } .post.color-4 .post--body a:not(.button).color-2, .color-4.discography .post--body a:not(.button).color-2 { color: #9a9a9a; } .post.color-4 .post--body a:not(.button).color-3, .color-4.discography .post--body a:not(.button).color-3 { color: #bd0e0e; } .post.color-4 .post--body a:not(.button).color-4, .color-4.discography .post--body a:not(.button).color-4 { color: #e6a10c; } .post.color-4 .post--body a:not(.button).color-5, .color-4.discography .post--body a:not(.button).color-5 { color: #269626; } .post.color-4 .post--body a:not(.button).color-6, .color-4.discography .post--body a:not(.button).color-6 { color: #364ba6; } .post.color-4 .post--body a:not(.button).color-7, .color-4.discography .post--body a:not(.button).color-7 { color: #4fa7d0; } .post.color-4 .post--body a:not(.button).color-8, .color-4.discography .post--body a:not(.button).color-8 { color: #a15daf; } .post.color-4 .post--body a:not(.button).color-9, .color-4.discography .post--body a:not(.button).color-9 { color: #da699e; } .post.color-4 .post--body a.button .button--bg:before, .color-4.discography .post--body a.button .button--bg:before { background: #e6a10c; } .post.color-4 .post--body a.button.color-1 .button--bg:before, .color-4.discography .post--body a.button.color-1 .button--bg:before { background: #d2ae4e; } .post.color-4 .post--body a.button.color-2 .button--bg:before, .color-4.discography .post--body a.button.color-2 .button--bg:before { background: #9a9a9a; } .post.color-4 .post--body a.button.color-3 .button--bg:before, .color-4.discography .post--body a.button.color-3 .button--bg:before { background: #bd0e0e; } .post.color-4 .post--body a.button.color-4 .button--bg:before, .color-4.discography .post--body a.button.color-4 .button--bg:before { background: #e6a10c; } .post.color-4 .post--body a.button.color-5 .button--bg:before, .color-4.discography .post--body a.button.color-5 .button--bg:before { background: #269626; } .post.color-4 .post--body a.button.color-6 .button--bg:before, .color-4.discography .post--body a.button.color-6 .button--bg:before { background: #364ba6; } .post.color-4 .post--body a.button.color-7 .button--bg:before, .color-4.discography .post--body a.button.color-7 .button--bg:before { background: #4fa7d0; } .post.color-4 .post--body a.button.color-8 .button--bg:before, .color-4.discography .post--body a.button.color-8 .button--bg:before { background: #a15daf; } .post.color-4 .post--body a.button.color-9 .button--bg:before, .color-4.discography .post--body a.button.color-9 .button--bg:before { background: #da699e; } .post.color-4 .box.bordered, .color-4.discography .box.bordered { border: 1px solid #e6a10c; } .post.color-4 .box.filled, .color-4.discography .box.filled { background-color: #e6a10c; color: #fff; } .post.color-4 .box.color-1.bordered, .color-4.discography .box.color-1.bordered { border: 1px solid #d2ae4e; } .post.color-4 .box.color-1.filled, .color-4.discography .box.color-1.filled { background-color: #d2ae4e; color: #fff; } .post.color-4 .box.color-2.bordered, .color-4.discography .box.color-2.bordered { border: 1px solid #9a9a9a; } .post.color-4 .box.color-2.filled, .color-4.discography .box.color-2.filled { background-color: #9a9a9a; color: #fff; } .post.color-4 .box.color-3.bordered, .color-4.discography .box.color-3.bordered { border: 1px solid #bd0e0e; } .post.color-4 .box.color-3.filled, .color-4.discography .box.color-3.filled { background-color: #bd0e0e; color: #fff; } .post.color-4 .box.color-4.bordered, .color-4.discography .box.color-4.bordered { border: 1px solid #e6a10c; } .post.color-4 .box.color-4.filled, .color-4.discography .box.color-4.filled { background-color: #e6a10c; color: #fff; } .post.color-4 .box.color-5.bordered, .color-4.discography .box.color-5.bordered { border: 1px solid #269626; } .post.color-4 .box.color-5.filled, .color-4.discography .box.color-5.filled { background-color: #269626; color: #fff; } .post.color-4 .box.color-6.bordered, .color-4.discography .box.color-6.bordered { border: 1px solid #364ba6; } .post.color-4 .box.color-6.filled, .color-4.discography .box.color-6.filled { background-color: #364ba6; color: #fff; } .post.color-4 .box.color-7.bordered, .color-4.discography .box.color-7.bordered { border: 1px solid #4fa7d0; } .post.color-4 .box.color-7.filled, .color-4.discography .box.color-7.filled { background-color: #4fa7d0; color: #fff; } .post.color-4 .box.color-8.bordered, .color-4.discography .box.color-8.bordered { border: 1px solid #a15daf; } .post.color-4 .box.color-8.filled, .color-4.discography .box.color-8.filled { background-color: #a15daf; color: #fff; } .post.color-4 .box.color-9.bordered, .color-4.discography .box.color-9.bordered { border: 1px solid #da699e; } .post.color-4 .box.color-9.filled, .color-4.discography .box.color-9.filled { background-color: #da699e; color: #fff; } .post.color-5 h1 > em ~ hr, .color-5.discography h1 > em ~ hr, .post.color-5 h2 > em ~ hr, .color-5.discography h2 > em ~ hr, .post.color-5 h3 > em ~ hr, .color-5.discography h3 > em ~ hr, .post.color-5 h4 > em ~ hr, .color-5.discography h4 > em ~ hr, .post.color-5 h5 > em ~ hr, .color-5.discography h5 > em ~ hr, .post.color-5 h6 > em ~ hr, .color-5.discography h6 > em ~ hr { border-color: #269626; } .post.color-5 h1.color-1 > em ~ hr, .color-5.discography h1.color-1 > em ~ hr, .post.color-5 h2.color-1 > em ~ hr, .color-5.discography h2.color-1 > em ~ hr, .post.color-5 h3.color-1 > em ~ hr, .color-5.discography h3.color-1 > em ~ hr, .post.color-5 h4.color-1 > em ~ hr, .color-5.discography h4.color-1 > em ~ hr, .post.color-5 h5.color-1 > em ~ hr, .color-5.discography h5.color-1 > em ~ hr, .post.color-5 h6.color-1 > em ~ hr, .color-5.discography h6.color-1 > em ~ hr { border-color: #d2ae4e; } .post.color-5 h1.color-2 > em ~ hr, .color-5.discography h1.color-2 > em ~ hr, .post.color-5 h2.color-2 > em ~ hr, .color-5.discography h2.color-2 > em ~ hr, .post.color-5 h3.color-2 > em ~ hr, .color-5.discography h3.color-2 > em ~ hr, .post.color-5 h4.color-2 > em ~ hr, .color-5.discography h4.color-2 > em ~ hr, .post.color-5 h5.color-2 > em ~ hr, .color-5.discography h5.color-2 > em ~ hr, .post.color-5 h6.color-2 > em ~ hr, .color-5.discography h6.color-2 > em ~ hr { border-color: #9a9a9a; } .post.color-5 h1.color-3 > em ~ hr, .color-5.discography h1.color-3 > em ~ hr, .post.color-5 h2.color-3 > em ~ hr, .color-5.discography h2.color-3 > em ~ hr, .post.color-5 h3.color-3 > em ~ hr, .color-5.discography h3.color-3 > em ~ hr, .post.color-5 h4.color-3 > em ~ hr, .color-5.discography h4.color-3 > em ~ hr, .post.color-5 h5.color-3 > em ~ hr, .color-5.discography h5.color-3 > em ~ hr, .post.color-5 h6.color-3 > em ~ hr, .color-5.discography h6.color-3 > em ~ hr { border-color: #bd0e0e; } .post.color-5 h1.color-4 > em ~ hr, .color-5.discography h1.color-4 > em ~ hr, .post.color-5 h2.color-4 > em ~ hr, .color-5.discography h2.color-4 > em ~ hr, .post.color-5 h3.color-4 > em ~ hr, .color-5.discography h3.color-4 > em ~ hr, .post.color-5 h4.color-4 > em ~ hr, .color-5.discography h4.color-4 > em ~ hr, .post.color-5 h5.color-4 > em ~ hr, .color-5.discography h5.color-4 > em ~ hr, .post.color-5 h6.color-4 > em ~ hr, .color-5.discography h6.color-4 > em ~ hr { border-color: #e6a10c; } .post.color-5 h1.color-5 > em ~ hr, .color-5.discography h1.color-5 > em ~ hr, .post.color-5 h2.color-5 > em ~ hr, .color-5.discography h2.color-5 > em ~ hr, .post.color-5 h3.color-5 > em ~ hr, .color-5.discography h3.color-5 > em ~ hr, .post.color-5 h4.color-5 > em ~ hr, .color-5.discography h4.color-5 > em ~ hr, .post.color-5 h5.color-5 > em ~ hr, .color-5.discography h5.color-5 > em ~ hr, .post.color-5 h6.color-5 > em ~ hr, .color-5.discography h6.color-5 > em ~ hr { border-color: #269626; } .post.color-5 h1.color-6 > em ~ hr, .color-5.discography h1.color-6 > em ~ hr, .post.color-5 h2.color-6 > em ~ hr, .color-5.discography h2.color-6 > em ~ hr, .post.color-5 h3.color-6 > em ~ hr, .color-5.discography h3.color-6 > em ~ hr, .post.color-5 h4.color-6 > em ~ hr, .color-5.discography h4.color-6 > em ~ hr, .post.color-5 h5.color-6 > em ~ hr, .color-5.discography h5.color-6 > em ~ hr, .post.color-5 h6.color-6 > em ~ hr, .color-5.discography h6.color-6 > em ~ hr { border-color: #364ba6; } .post.color-5 h1.color-7 > em ~ hr, .color-5.discography h1.color-7 > em ~ hr, .post.color-5 h2.color-7 > em ~ hr, .color-5.discography h2.color-7 > em ~ hr, .post.color-5 h3.color-7 > em ~ hr, .color-5.discography h3.color-7 > em ~ hr, .post.color-5 h4.color-7 > em ~ hr, .color-5.discography h4.color-7 > em ~ hr, .post.color-5 h5.color-7 > em ~ hr, .color-5.discography h5.color-7 > em ~ hr, .post.color-5 h6.color-7 > em ~ hr, .color-5.discography h6.color-7 > em ~ hr { border-color: #4fa7d0; } .post.color-5 h1.color-8 > em ~ hr, .color-5.discography h1.color-8 > em ~ hr, .post.color-5 h2.color-8 > em ~ hr, .color-5.discography h2.color-8 > em ~ hr, .post.color-5 h3.color-8 > em ~ hr, .color-5.discography h3.color-8 > em ~ hr, .post.color-5 h4.color-8 > em ~ hr, .color-5.discography h4.color-8 > em ~ hr, .post.color-5 h5.color-8 > em ~ hr, .color-5.discography h5.color-8 > em ~ hr, .post.color-5 h6.color-8 > em ~ hr, .color-5.discography h6.color-8 > em ~ hr { border-color: #a15daf; } .post.color-5 h1.color-9 > em ~ hr, .color-5.discography h1.color-9 > em ~ hr, .post.color-5 h2.color-9 > em ~ hr, .color-5.discography h2.color-9 > em ~ hr, .post.color-5 h3.color-9 > em ~ hr, .color-5.discography h3.color-9 > em ~ hr, .post.color-5 h4.color-9 > em ~ hr, .color-5.discography h4.color-9 > em ~ hr, .post.color-5 h5.color-9 > em ~ hr, .color-5.discography h5.color-9 > em ~ hr, .post.color-5 h6.color-9 > em ~ hr, .color-5.discography h6.color-9 > em ~ hr { border-color: #da699e; } .post.color-5 em, .color-5.discography em { color: #269626; } .post.color-5 em.color-1, .color-5.discography em.color-1 { color: #d2ae4e; } .post.color-5 em.color-2, .color-5.discography em.color-2 { color: #9a9a9a; } .post.color-5 em.color-3, .color-5.discography em.color-3 { color: #bd0e0e; } .post.color-5 em.color-4, .color-5.discography em.color-4 { color: #e6a10c; } .post.color-5 em.color-5, .color-5.discography em.color-5 { color: #269626; } .post.color-5 em.color-6, .color-5.discography em.color-6 { color: #364ba6; } .post.color-5 em.color-7, .color-5.discography em.color-7 { color: #4fa7d0; } .post.color-5 em.color-8, .color-5.discography em.color-8 { color: #a15daf; } .post.color-5 em.color-9, .color-5.discography em.color-9 { color: #da699e; } .post.color-5 .post--body a:not(.button), .color-5.discography .post--body a:not(.button) { color: #269626; } .post.color-5 .post--body a:not(.button).color-1, .color-5.discography .post--body a:not(.button).color-1 { color: #d2ae4e; } .post.color-5 .post--body a:not(.button).color-2, .color-5.discography .post--body a:not(.button).color-2 { color: #9a9a9a; } .post.color-5 .post--body a:not(.button).color-3, .color-5.discography .post--body a:not(.button).color-3 { color: #bd0e0e; } .post.color-5 .post--body a:not(.button).color-4, .color-5.discography .post--body a:not(.button).color-4 { color: #e6a10c; } .post.color-5 .post--body a:not(.button).color-5, .color-5.discography .post--body a:not(.button).color-5 { color: #269626; } .post.color-5 .post--body a:not(.button).color-6, .color-5.discography .post--body a:not(.button).color-6 { color: #364ba6; } .post.color-5 .post--body a:not(.button).color-7, .color-5.discography .post--body a:not(.button).color-7 { color: #4fa7d0; } .post.color-5 .post--body a:not(.button).color-8, .color-5.discography .post--body a:not(.button).color-8 { color: #a15daf; } .post.color-5 .post--body a:not(.button).color-9, .color-5.discography .post--body a:not(.button).color-9 { color: #da699e; } .post.color-5 .post--body a.button .button--bg:before, .color-5.discography .post--body a.button .button--bg:before { background: #269626; } .post.color-5 .post--body a.button.color-1 .button--bg:before, .color-5.discography .post--body a.button.color-1 .button--bg:before { background: #d2ae4e; } .post.color-5 .post--body a.button.color-2 .button--bg:before, .color-5.discography .post--body a.button.color-2 .button--bg:before { background: #9a9a9a; } .post.color-5 .post--body a.button.color-3 .button--bg:before, .color-5.discography .post--body a.button.color-3 .button--bg:before { background: #bd0e0e; } .post.color-5 .post--body a.button.color-4 .button--bg:before, .color-5.discography .post--body a.button.color-4 .button--bg:before { background: #e6a10c; } .post.color-5 .post--body a.button.color-5 .button--bg:before, .color-5.discography .post--body a.button.color-5 .button--bg:before { background: #269626; } .post.color-5 .post--body a.button.color-6 .button--bg:before, .color-5.discography .post--body a.button.color-6 .button--bg:before { background: #364ba6; } .post.color-5 .post--body a.button.color-7 .button--bg:before, .color-5.discography .post--body a.button.color-7 .button--bg:before { background: #4fa7d0; } .post.color-5 .post--body a.button.color-8 .button--bg:before, .color-5.discography .post--body a.button.color-8 .button--bg:before { background: #a15daf; } .post.color-5 .post--body a.button.color-9 .button--bg:before, .color-5.discography .post--body a.button.color-9 .button--bg:before { background: #da699e; } .post.color-5 .box.bordered, .color-5.discography .box.bordered { border: 1px solid #269626; } .post.color-5 .box.filled, .color-5.discography .box.filled { background-color: #269626; color: #fff; } .post.color-5 .box.color-1.bordered, .color-5.discography .box.color-1.bordered { border: 1px solid #d2ae4e; } .post.color-5 .box.color-1.filled, .color-5.discography .box.color-1.filled { background-color: #d2ae4e; color: #fff; } .post.color-5 .box.color-2.bordered, .color-5.discography .box.color-2.bordered { border: 1px solid #9a9a9a; } .post.color-5 .box.color-2.filled, .color-5.discography .box.color-2.filled { background-color: #9a9a9a; color: #fff; } .post.color-5 .box.color-3.bordered, .color-5.discography .box.color-3.bordered { border: 1px solid #bd0e0e; } .post.color-5 .box.color-3.filled, .color-5.discography .box.color-3.filled { background-color: #bd0e0e; color: #fff; } .post.color-5 .box.color-4.bordered, .color-5.discography .box.color-4.bordered { border: 1px solid #e6a10c; } .post.color-5 .box.color-4.filled, .color-5.discography .box.color-4.filled { background-color: #e6a10c; color: #fff; } .post.color-5 .box.color-5.bordered, .color-5.discography .box.color-5.bordered { border: 1px solid #269626; } .post.color-5 .box.color-5.filled, .color-5.discography .box.color-5.filled { background-color: #269626; color: #fff; } .post.color-5 .box.color-6.bordered, .color-5.discography .box.color-6.bordered { border: 1px solid #364ba6; } .post.color-5 .box.color-6.filled, .color-5.discography .box.color-6.filled { background-color: #364ba6; color: #fff; } .post.color-5 .box.color-7.bordered, .color-5.discography .box.color-7.bordered { border: 1px solid #4fa7d0; } .post.color-5 .box.color-7.filled, .color-5.discography .box.color-7.filled { background-color: #4fa7d0; color: #fff; } .post.color-5 .box.color-8.bordered, .color-5.discography .box.color-8.bordered { border: 1px solid #a15daf; } .post.color-5 .box.color-8.filled, .color-5.discography .box.color-8.filled { background-color: #a15daf; color: #fff; } .post.color-5 .box.color-9.bordered, .color-5.discography .box.color-9.bordered { border: 1px solid #da699e; } .post.color-5 .box.color-9.filled, .color-5.discography .box.color-9.filled { background-color: #da699e; color: #fff; } .post.color-6 h1 > em ~ hr, .color-6.discography h1 > em ~ hr, .post.color-6 h2 > em ~ hr, .color-6.discography h2 > em ~ hr, .post.color-6 h3 > em ~ hr, .color-6.discography h3 > em ~ hr, .post.color-6 h4 > em ~ hr, .color-6.discography h4 > em ~ hr, .post.color-6 h5 > em ~ hr, .color-6.discography h5 > em ~ hr, .post.color-6 h6 > em ~ hr, .color-6.discography h6 > em ~ hr { border-color: #364ba6; } .post.color-6 h1.color-1 > em ~ hr, .color-6.discography h1.color-1 > em ~ hr, .post.color-6 h2.color-1 > em ~ hr, .color-6.discography h2.color-1 > em ~ hr, .post.color-6 h3.color-1 > em ~ hr, .color-6.discography h3.color-1 > em ~ hr, .post.color-6 h4.color-1 > em ~ hr, .color-6.discography h4.color-1 > em ~ hr, .post.color-6 h5.color-1 > em ~ hr, .color-6.discography h5.color-1 > em ~ hr, .post.color-6 h6.color-1 > em ~ hr, .color-6.discography h6.color-1 > em ~ hr { border-color: #d2ae4e; } .post.color-6 h1.color-2 > em ~ hr, .color-6.discography h1.color-2 > em ~ hr, .post.color-6 h2.color-2 > em ~ hr, .color-6.discography h2.color-2 > em ~ hr, .post.color-6 h3.color-2 > em ~ hr, .color-6.discography h3.color-2 > em ~ hr, .post.color-6 h4.color-2 > em ~ hr, .color-6.discography h4.color-2 > em ~ hr, .post.color-6 h5.color-2 > em ~ hr, .color-6.discography h5.color-2 > em ~ hr, .post.color-6 h6.color-2 > em ~ hr, .color-6.discography h6.color-2 > em ~ hr { border-color: #9a9a9a; } .post.color-6 h1.color-3 > em ~ hr, .color-6.discography h1.color-3 > em ~ hr, .post.color-6 h2.color-3 > em ~ hr, .color-6.discography h2.color-3 > em ~ hr, .post.color-6 h3.color-3 > em ~ hr, .color-6.discography h3.color-3 > em ~ hr, .post.color-6 h4.color-3 > em ~ hr, .color-6.discography h4.color-3 > em ~ hr, .post.color-6 h5.color-3 > em ~ hr, .color-6.discography h5.color-3 > em ~ hr, .post.color-6 h6.color-3 > em ~ hr, .color-6.discography h6.color-3 > em ~ hr { border-color: #bd0e0e; } .post.color-6 h1.color-4 > em ~ hr, .color-6.discography h1.color-4 > em ~ hr, .post.color-6 h2.color-4 > em ~ hr, .color-6.discography h2.color-4 > em ~ hr, .post.color-6 h3.color-4 > em ~ hr, .color-6.discography h3.color-4 > em ~ hr, .post.color-6 h4.color-4 > em ~ hr, .color-6.discography h4.color-4 > em ~ hr, .post.color-6 h5.color-4 > em ~ hr, .color-6.discography h5.color-4 > em ~ hr, .post.color-6 h6.color-4 > em ~ hr, .color-6.discography h6.color-4 > em ~ hr { border-color: #e6a10c; } .post.color-6 h1.color-5 > em ~ hr, .color-6.discography h1.color-5 > em ~ hr, .post.color-6 h2.color-5 > em ~ hr, .color-6.discography h2.color-5 > em ~ hr, .post.color-6 h3.color-5 > em ~ hr, .color-6.discography h3.color-5 > em ~ hr, .post.color-6 h4.color-5 > em ~ hr, .color-6.discography h4.color-5 > em ~ hr, .post.color-6 h5.color-5 > em ~ hr, .color-6.discography h5.color-5 > em ~ hr, .post.color-6 h6.color-5 > em ~ hr, .color-6.discography h6.color-5 > em ~ hr { border-color: #269626; } .post.color-6 h1.color-6 > em ~ hr, .color-6.discography h1.color-6 > em ~ hr, .post.color-6 h2.color-6 > em ~ hr, .color-6.discography h2.color-6 > em ~ hr, .post.color-6 h3.color-6 > em ~ hr, .color-6.discography h3.color-6 > em ~ hr, .post.color-6 h4.color-6 > em ~ hr, .color-6.discography h4.color-6 > em ~ hr, .post.color-6 h5.color-6 > em ~ hr, .color-6.discography h5.color-6 > em ~ hr, .post.color-6 h6.color-6 > em ~ hr, .color-6.discography h6.color-6 > em ~ hr { border-color: #364ba6; } .post.color-6 h1.color-7 > em ~ hr, .color-6.discography h1.color-7 > em ~ hr, .post.color-6 h2.color-7 > em ~ hr, .color-6.discography h2.color-7 > em ~ hr, .post.color-6 h3.color-7 > em ~ hr, .color-6.discography h3.color-7 > em ~ hr, .post.color-6 h4.color-7 > em ~ hr, .color-6.discography h4.color-7 > em ~ hr, .post.color-6 h5.color-7 > em ~ hr, .color-6.discography h5.color-7 > em ~ hr, .post.color-6 h6.color-7 > em ~ hr, .color-6.discography h6.color-7 > em ~ hr { border-color: #4fa7d0; } .post.color-6 h1.color-8 > em ~ hr, .color-6.discography h1.color-8 > em ~ hr, .post.color-6 h2.color-8 > em ~ hr, .color-6.discography h2.color-8 > em ~ hr, .post.color-6 h3.color-8 > em ~ hr, .color-6.discography h3.color-8 > em ~ hr, .post.color-6 h4.color-8 > em ~ hr, .color-6.discography h4.color-8 > em ~ hr, .post.color-6 h5.color-8 > em ~ hr, .color-6.discography h5.color-8 > em ~ hr, .post.color-6 h6.color-8 > em ~ hr, .color-6.discography h6.color-8 > em ~ hr { border-color: #a15daf; } .post.color-6 h1.color-9 > em ~ hr, .color-6.discography h1.color-9 > em ~ hr, .post.color-6 h2.color-9 > em ~ hr, .color-6.discography h2.color-9 > em ~ hr, .post.color-6 h3.color-9 > em ~ hr, .color-6.discography h3.color-9 > em ~ hr, .post.color-6 h4.color-9 > em ~ hr, .color-6.discography h4.color-9 > em ~ hr, .post.color-6 h5.color-9 > em ~ hr, .color-6.discography h5.color-9 > em ~ hr, .post.color-6 h6.color-9 > em ~ hr, .color-6.discography h6.color-9 > em ~ hr { border-color: #da699e; } .post.color-6 em, .color-6.discography em { color: #364ba6; } .post.color-6 em.color-1, .color-6.discography em.color-1 { color: #d2ae4e; } .post.color-6 em.color-2, .color-6.discography em.color-2 { color: #9a9a9a; } .post.color-6 em.color-3, .color-6.discography em.color-3 { color: #bd0e0e; } .post.color-6 em.color-4, .color-6.discography em.color-4 { color: #e6a10c; } .post.color-6 em.color-5, .color-6.discography em.color-5 { color: #269626; } .post.color-6 em.color-6, .color-6.discography em.color-6 { color: #364ba6; } .post.color-6 em.color-7, .color-6.discography em.color-7 { color: #4fa7d0; } .post.color-6 em.color-8, .color-6.discography em.color-8 { color: #a15daf; } .post.color-6 em.color-9, .color-6.discography em.color-9 { color: #da699e; } .post.color-6 .post--body a:not(.button), .color-6.discography .post--body a:not(.button) { color: #364ba6; } .post.color-6 .post--body a:not(.button).color-1, .color-6.discography .post--body a:not(.button).color-1 { color: #d2ae4e; } .post.color-6 .post--body a:not(.button).color-2, .color-6.discography .post--body a:not(.button).color-2 { color: #9a9a9a; } .post.color-6 .post--body a:not(.button).color-3, .color-6.discography .post--body a:not(.button).color-3 { color: #bd0e0e; } .post.color-6 .post--body a:not(.button).color-4, .color-6.discography .post--body a:not(.button).color-4 { color: #e6a10c; } .post.color-6 .post--body a:not(.button).color-5, .color-6.discography .post--body a:not(.button).color-5 { color: #269626; } .post.color-6 .post--body a:not(.button).color-6, .color-6.discography .post--body a:not(.button).color-6 { color: #364ba6; } .post.color-6 .post--body a:not(.button).color-7, .color-6.discography .post--body a:not(.button).color-7 { color: #4fa7d0; } .post.color-6 .post--body a:not(.button).color-8, .color-6.discography .post--body a:not(.button).color-8 { color: #a15daf; } .post.color-6 .post--body a:not(.button).color-9, .color-6.discography .post--body a:not(.button).color-9 { color: #da699e; } .post.color-6 .post--body a.button .button--bg:before, .color-6.discography .post--body a.button .button--bg:before { background: #364ba6; } .post.color-6 .post--body a.button.color-1 .button--bg:before, .color-6.discography .post--body a.button.color-1 .button--bg:before { background: #d2ae4e; } .post.color-6 .post--body a.button.color-2 .button--bg:before, .color-6.discography .post--body a.button.color-2 .button--bg:before { background: #9a9a9a; } .post.color-6 .post--body a.button.color-3 .button--bg:before, .color-6.discography .post--body a.button.color-3 .button--bg:before { background: #bd0e0e; } .post.color-6 .post--body a.button.color-4 .button--bg:before, .color-6.discography .post--body a.button.color-4 .button--bg:before { background: #e6a10c; } .post.color-6 .post--body a.button.color-5 .button--bg:before, .color-6.discography .post--body a.button.color-5 .button--bg:before { background: #269626; } .post.color-6 .post--body a.button.color-6 .button--bg:before, .color-6.discography .post--body a.button.color-6 .button--bg:before { background: #364ba6; } .post.color-6 .post--body a.button.color-7 .button--bg:before, .color-6.discography .post--body a.button.color-7 .button--bg:before { background: #4fa7d0; } .post.color-6 .post--body a.button.color-8 .button--bg:before, .color-6.discography .post--body a.button.color-8 .button--bg:before { background: #a15daf; } .post.color-6 .post--body a.button.color-9 .button--bg:before, .color-6.discography .post--body a.button.color-9 .button--bg:before { background: #da699e; } .post.color-6 .box.bordered, .color-6.discography .box.bordered { border: 1px solid #364ba6; } .post.color-6 .box.filled, .color-6.discography .box.filled { background-color: #364ba6; color: #fff; } .post.color-6 .box.color-1.bordered, .color-6.discography .box.color-1.bordered { border: 1px solid #d2ae4e; } .post.color-6 .box.color-1.filled, .color-6.discography .box.color-1.filled { background-color: #d2ae4e; color: #fff; } .post.color-6 .box.color-2.bordered, .color-6.discography .box.color-2.bordered { border: 1px solid #9a9a9a; } .post.color-6 .box.color-2.filled, .color-6.discography .box.color-2.filled { background-color: #9a9a9a; color: #fff; } .post.color-6 .box.color-3.bordered, .color-6.discography .box.color-3.bordered { border: 1px solid #bd0e0e; } .post.color-6 .box.color-3.filled, .color-6.discography .box.color-3.filled { background-color: #bd0e0e; color: #fff; } .post.color-6 .box.color-4.bordered, .color-6.discography .box.color-4.bordered { border: 1px solid #e6a10c; } .post.color-6 .box.color-4.filled, .color-6.discography .box.color-4.filled { background-color: #e6a10c; color: #fff; } .post.color-6 .box.color-5.bordered, .color-6.discography .box.color-5.bordered { border: 1px solid #269626; } .post.color-6 .box.color-5.filled, .color-6.discography .box.color-5.filled { background-color: #269626; color: #fff; } .post.color-6 .box.color-6.bordered, .color-6.discography .box.color-6.bordered { border: 1px solid #364ba6; } .post.color-6 .box.color-6.filled, .color-6.discography .box.color-6.filled { background-color: #364ba6; color: #fff; } .post.color-6 .box.color-7.bordered, .color-6.discography .box.color-7.bordered { border: 1px solid #4fa7d0; } .post.color-6 .box.color-7.filled, .color-6.discography .box.color-7.filled { background-color: #4fa7d0; color: #fff; } .post.color-6 .box.color-8.bordered, .color-6.discography .box.color-8.bordered { border: 1px solid #a15daf; } .post.color-6 .box.color-8.filled, .color-6.discography .box.color-8.filled { background-color: #a15daf; color: #fff; } .post.color-6 .box.color-9.bordered, .color-6.discography .box.color-9.bordered { border: 1px solid #da699e; } .post.color-6 .box.color-9.filled, .color-6.discography .box.color-9.filled { background-color: #da699e; color: #fff; } .post.color-7 h1 > em ~ hr, .color-7.discography h1 > em ~ hr, .post.color-7 h2 > em ~ hr, .color-7.discography h2 > em ~ hr, .post.color-7 h3 > em ~ hr, .color-7.discography h3 > em ~ hr, .post.color-7 h4 > em ~ hr, .color-7.discography h4 > em ~ hr, .post.color-7 h5 > em ~ hr, .color-7.discography h5 > em ~ hr, .post.color-7 h6 > em ~ hr, .color-7.discography h6 > em ~ hr { border-color: #4fa7d0; } .post.color-7 h1.color-1 > em ~ hr, .color-7.discography h1.color-1 > em ~ hr, .post.color-7 h2.color-1 > em ~ hr, .color-7.discography h2.color-1 > em ~ hr, .post.color-7 h3.color-1 > em ~ hr, .color-7.discography h3.color-1 > em ~ hr, .post.color-7 h4.color-1 > em ~ hr, .color-7.discography h4.color-1 > em ~ hr, .post.color-7 h5.color-1 > em ~ hr, .color-7.discography h5.color-1 > em ~ hr, .post.color-7 h6.color-1 > em ~ hr, .color-7.discography h6.color-1 > em ~ hr { border-color: #d2ae4e; } .post.color-7 h1.color-2 > em ~ hr, .color-7.discography h1.color-2 > em ~ hr, .post.color-7 h2.color-2 > em ~ hr, .color-7.discography h2.color-2 > em ~ hr, .post.color-7 h3.color-2 > em ~ hr, .color-7.discography h3.color-2 > em ~ hr, .post.color-7 h4.color-2 > em ~ hr, .color-7.discography h4.color-2 > em ~ hr, .post.color-7 h5.color-2 > em ~ hr, .color-7.discography h5.color-2 > em ~ hr, .post.color-7 h6.color-2 > em ~ hr, .color-7.discography h6.color-2 > em ~ hr { border-color: #9a9a9a; } .post.color-7 h1.color-3 > em ~ hr, .color-7.discography h1.color-3 > em ~ hr, .post.color-7 h2.color-3 > em ~ hr, .color-7.discography h2.color-3 > em ~ hr, .post.color-7 h3.color-3 > em ~ hr, .color-7.discography h3.color-3 > em ~ hr, .post.color-7 h4.color-3 > em ~ hr, .color-7.discography h4.color-3 > em ~ hr, .post.color-7 h5.color-3 > em ~ hr, .color-7.discography h5.color-3 > em ~ hr, .post.color-7 h6.color-3 > em ~ hr, .color-7.discography h6.color-3 > em ~ hr { border-color: #bd0e0e; } .post.color-7 h1.color-4 > em ~ hr, .color-7.discography h1.color-4 > em ~ hr, .post.color-7 h2.color-4 > em ~ hr, .color-7.discography h2.color-4 > em ~ hr, .post.color-7 h3.color-4 > em ~ hr, .color-7.discography h3.color-4 > em ~ hr, .post.color-7 h4.color-4 > em ~ hr, .color-7.discography h4.color-4 > em ~ hr, .post.color-7 h5.color-4 > em ~ hr, .color-7.discography h5.color-4 > em ~ hr, .post.color-7 h6.color-4 > em ~ hr, .color-7.discography h6.color-4 > em ~ hr { border-color: #e6a10c; } .post.color-7 h1.color-5 > em ~ hr, .color-7.discography h1.color-5 > em ~ hr, .post.color-7 h2.color-5 > em ~ hr, .color-7.discography h2.color-5 > em ~ hr, .post.color-7 h3.color-5 > em ~ hr, .color-7.discography h3.color-5 > em ~ hr, .post.color-7 h4.color-5 > em ~ hr, .color-7.discography h4.color-5 > em ~ hr, .post.color-7 h5.color-5 > em ~ hr, .color-7.discography h5.color-5 > em ~ hr, .post.color-7 h6.color-5 > em ~ hr, .color-7.discography h6.color-5 > em ~ hr { border-color: #269626; } .post.color-7 h1.color-6 > em ~ hr, .color-7.discography h1.color-6 > em ~ hr, .post.color-7 h2.color-6 > em ~ hr, .color-7.discography h2.color-6 > em ~ hr, .post.color-7 h3.color-6 > em ~ hr, .color-7.discography h3.color-6 > em ~ hr, .post.color-7 h4.color-6 > em ~ hr, .color-7.discography h4.color-6 > em ~ hr, .post.color-7 h5.color-6 > em ~ hr, .color-7.discography h5.color-6 > em ~ hr, .post.color-7 h6.color-6 > em ~ hr, .color-7.discography h6.color-6 > em ~ hr { border-color: #364ba6; } .post.color-7 h1.color-7 > em ~ hr, .color-7.discography h1.color-7 > em ~ hr, .post.color-7 h2.color-7 > em ~ hr, .color-7.discography h2.color-7 > em ~ hr, .post.color-7 h3.color-7 > em ~ hr, .color-7.discography h3.color-7 > em ~ hr, .post.color-7 h4.color-7 > em ~ hr, .color-7.discography h4.color-7 > em ~ hr, .post.color-7 h5.color-7 > em ~ hr, .color-7.discography h5.color-7 > em ~ hr, .post.color-7 h6.color-7 > em ~ hr, .color-7.discography h6.color-7 > em ~ hr { border-color: #4fa7d0; } .post.color-7 h1.color-8 > em ~ hr, .color-7.discography h1.color-8 > em ~ hr, .post.color-7 h2.color-8 > em ~ hr, .color-7.discography h2.color-8 > em ~ hr, .post.color-7 h3.color-8 > em ~ hr, .color-7.discography h3.color-8 > em ~ hr, .post.color-7 h4.color-8 > em ~ hr, .color-7.discography h4.color-8 > em ~ hr, .post.color-7 h5.color-8 > em ~ hr, .color-7.discography h5.color-8 > em ~ hr, .post.color-7 h6.color-8 > em ~ hr, .color-7.discography h6.color-8 > em ~ hr { border-color: #a15daf; } .post.color-7 h1.color-9 > em ~ hr, .color-7.discography h1.color-9 > em ~ hr, .post.color-7 h2.color-9 > em ~ hr, .color-7.discography h2.color-9 > em ~ hr, .post.color-7 h3.color-9 > em ~ hr, .color-7.discography h3.color-9 > em ~ hr, .post.color-7 h4.color-9 > em ~ hr, .color-7.discography h4.color-9 > em ~ hr, .post.color-7 h5.color-9 > em ~ hr, .color-7.discography h5.color-9 > em ~ hr, .post.color-7 h6.color-9 > em ~ hr, .color-7.discography h6.color-9 > em ~ hr { border-color: #da699e; } .post.color-7 em, .color-7.discography em { color: #4fa7d0; } .post.color-7 em.color-1, .color-7.discography em.color-1 { color: #d2ae4e; } .post.color-7 em.color-2, .color-7.discography em.color-2 { color: #9a9a9a; } .post.color-7 em.color-3, .color-7.discography em.color-3 { color: #bd0e0e; } .post.color-7 em.color-4, .color-7.discography em.color-4 { color: #e6a10c; } .post.color-7 em.color-5, .color-7.discography em.color-5 { color: #269626; } .post.color-7 em.color-6, .color-7.discography em.color-6 { color: #364ba6; } .post.color-7 em.color-7, .color-7.discography em.color-7 { color: #4fa7d0; } .post.color-7 em.color-8, .color-7.discography em.color-8 { color: #a15daf; } .post.color-7 em.color-9, .color-7.discography em.color-9 { color: #da699e; } .post.color-7 .post--body a:not(.button), .color-7.discography .post--body a:not(.button) { color: #4fa7d0; } .post.color-7 .post--body a:not(.button).color-1, .color-7.discography .post--body a:not(.button).color-1 { color: #d2ae4e; } .post.color-7 .post--body a:not(.button).color-2, .color-7.discography .post--body a:not(.button).color-2 { color: #9a9a9a; } .post.color-7 .post--body a:not(.button).color-3, .color-7.discography .post--body a:not(.button).color-3 { color: #bd0e0e; } .post.color-7 .post--body a:not(.button).color-4, .color-7.discography .post--body a:not(.button).color-4 { color: #e6a10c; } .post.color-7 .post--body a:not(.button).color-5, .color-7.discography .post--body a:not(.button).color-5 { color: #269626; } .post.color-7 .post--body a:not(.button).color-6, .color-7.discography .post--body a:not(.button).color-6 { color: #364ba6; } .post.color-7 .post--body a:not(.button).color-7, .color-7.discography .post--body a:not(.button).color-7 { color: #4fa7d0; } .post.color-7 .post--body a:not(.button).color-8, .color-7.discography .post--body a:not(.button).color-8 { color: #a15daf; } .post.color-7 .post--body a:not(.button).color-9, .color-7.discography .post--body a:not(.button).color-9 { color: #da699e; } .post.color-7 .post--body a.button .button--bg:before, .color-7.discography .post--body a.button .button--bg:before { background: #4fa7d0; } .post.color-7 .post--body a.button.color-1 .button--bg:before, .color-7.discography .post--body a.button.color-1 .button--bg:before { background: #d2ae4e; } .post.color-7 .post--body a.button.color-2 .button--bg:before, .color-7.discography .post--body a.button.color-2 .button--bg:before { background: #9a9a9a; } .post.color-7 .post--body a.button.color-3 .button--bg:before, .color-7.discography .post--body a.button.color-3 .button--bg:before { background: #bd0e0e; } .post.color-7 .post--body a.button.color-4 .button--bg:before, .color-7.discography .post--body a.button.color-4 .button--bg:before { background: #e6a10c; } .post.color-7 .post--body a.button.color-5 .button--bg:before, .color-7.discography .post--body a.button.color-5 .button--bg:before { background: #269626; } .post.color-7 .post--body a.button.color-6 .button--bg:before, .color-7.discography .post--body a.button.color-6 .button--bg:before { background: #364ba6; } .post.color-7 .post--body a.button.color-7 .button--bg:before, .color-7.discography .post--body a.button.color-7 .button--bg:before { background: #4fa7d0; } .post.color-7 .post--body a.button.color-8 .button--bg:before, .color-7.discography .post--body a.button.color-8 .button--bg:before { background: #a15daf; } .post.color-7 .post--body a.button.color-9 .button--bg:before, .color-7.discography .post--body a.button.color-9 .button--bg:before { background: #da699e; } .post.color-7 .box.bordered, .color-7.discography .box.bordered { border: 1px solid #4fa7d0; } .post.color-7 .box.filled, .color-7.discography .box.filled { background-color: #4fa7d0; color: #fff; } .post.color-7 .box.color-1.bordered, .color-7.discography .box.color-1.bordered { border: 1px solid #d2ae4e; } .post.color-7 .box.color-1.filled, .color-7.discography .box.color-1.filled { background-color: #d2ae4e; color: #fff; } .post.color-7 .box.color-2.bordered, .color-7.discography .box.color-2.bordered { border: 1px solid #9a9a9a; } .post.color-7 .box.color-2.filled, .color-7.discography .box.color-2.filled { background-color: #9a9a9a; color: #fff; } .post.color-7 .box.color-3.bordered, .color-7.discography .box.color-3.bordered { border: 1px solid #bd0e0e; } .post.color-7 .box.color-3.filled, .color-7.discography .box.color-3.filled { background-color: #bd0e0e; color: #fff; } .post.color-7 .box.color-4.bordered, .color-7.discography .box.color-4.bordered { border: 1px solid #e6a10c; } .post.color-7 .box.color-4.filled, .color-7.discography .box.color-4.filled { background-color: #e6a10c; color: #fff; } .post.color-7 .box.color-5.bordered, .color-7.discography .box.color-5.bordered { border: 1px solid #269626; } .post.color-7 .box.color-5.filled, .color-7.discography .box.color-5.filled { background-color: #269626; color: #fff; } .post.color-7 .box.color-6.bordered, .color-7.discography .box.color-6.bordered { border: 1px solid #364ba6; } .post.color-7 .box.color-6.filled, .color-7.discography .box.color-6.filled { background-color: #364ba6; color: #fff; } .post.color-7 .box.color-7.bordered, .color-7.discography .box.color-7.bordered { border: 1px solid #4fa7d0; } .post.color-7 .box.color-7.filled, .color-7.discography .box.color-7.filled { background-color: #4fa7d0; color: #fff; } .post.color-7 .box.color-8.bordered, .color-7.discography .box.color-8.bordered { border: 1px solid #a15daf; } .post.color-7 .box.color-8.filled, .color-7.discography .box.color-8.filled { background-color: #a15daf; color: #fff; } .post.color-7 .box.color-9.bordered, .color-7.discography .box.color-9.bordered { border: 1px solid #da699e; } .post.color-7 .box.color-9.filled, .color-7.discography .box.color-9.filled { background-color: #da699e; color: #fff; } .post.color-8 h1 > em ~ hr, .color-8.discography h1 > em ~ hr, .post.color-8 h2 > em ~ hr, .color-8.discography h2 > em ~ hr, .post.color-8 h3 > em ~ hr, .color-8.discography h3 > em ~ hr, .post.color-8 h4 > em ~ hr, .color-8.discography h4 > em ~ hr, .post.color-8 h5 > em ~ hr, .color-8.discography h5 > em ~ hr, .post.color-8 h6 > em ~ hr, .color-8.discography h6 > em ~ hr { border-color: #a15daf; } .post.color-8 h1.color-1 > em ~ hr, .color-8.discography h1.color-1 > em ~ hr, .post.color-8 h2.color-1 > em ~ hr, .color-8.discography h2.color-1 > em ~ hr, .post.color-8 h3.color-1 > em ~ hr, .color-8.discography h3.color-1 > em ~ hr, .post.color-8 h4.color-1 > em ~ hr, .color-8.discography h4.color-1 > em ~ hr, .post.color-8 h5.color-1 > em ~ hr, .color-8.discography h5.color-1 > em ~ hr, .post.color-8 h6.color-1 > em ~ hr, .color-8.discography h6.color-1 > em ~ hr { border-color: #d2ae4e; } .post.color-8 h1.color-2 > em ~ hr, .color-8.discography h1.color-2 > em ~ hr, .post.color-8 h2.color-2 > em ~ hr, .color-8.discography h2.color-2 > em ~ hr, .post.color-8 h3.color-2 > em ~ hr, .color-8.discography h3.color-2 > em ~ hr, .post.color-8 h4.color-2 > em ~ hr, .color-8.discography h4.color-2 > em ~ hr, .post.color-8 h5.color-2 > em ~ hr, .color-8.discography h5.color-2 > em ~ hr, .post.color-8 h6.color-2 > em ~ hr, .color-8.discography h6.color-2 > em ~ hr { border-color: #9a9a9a; } .post.color-8 h1.color-3 > em ~ hr, .color-8.discography h1.color-3 > em ~ hr, .post.color-8 h2.color-3 > em ~ hr, .color-8.discography h2.color-3 > em ~ hr, .post.color-8 h3.color-3 > em ~ hr, .color-8.discography h3.color-3 > em ~ hr, .post.color-8 h4.color-3 > em ~ hr, .color-8.discography h4.color-3 > em ~ hr, .post.color-8 h5.color-3 > em ~ hr, .color-8.discography h5.color-3 > em ~ hr, .post.color-8 h6.color-3 > em ~ hr, .color-8.discography h6.color-3 > em ~ hr { border-color: #bd0e0e; } .post.color-8 h1.color-4 > em ~ hr, .color-8.discography h1.color-4 > em ~ hr, .post.color-8 h2.color-4 > em ~ hr, .color-8.discography h2.color-4 > em ~ hr, .post.color-8 h3.color-4 > em ~ hr, .color-8.discography h3.color-4 > em ~ hr, .post.color-8 h4.color-4 > em ~ hr, .color-8.discography h4.color-4 > em ~ hr, .post.color-8 h5.color-4 > em ~ hr, .color-8.discography h5.color-4 > em ~ hr, .post.color-8 h6.color-4 > em ~ hr, .color-8.discography h6.color-4 > em ~ hr { border-color: #e6a10c; } .post.color-8 h1.color-5 > em ~ hr, .color-8.discography h1.color-5 > em ~ hr, .post.color-8 h2.color-5 > em ~ hr, .color-8.discography h2.color-5 > em ~ hr, .post.color-8 h3.color-5 > em ~ hr, .color-8.discography h3.color-5 > em ~ hr, .post.color-8 h4.color-5 > em ~ hr, .color-8.discography h4.color-5 > em ~ hr, .post.color-8 h5.color-5 > em ~ hr, .color-8.discography h5.color-5 > em ~ hr, .post.color-8 h6.color-5 > em ~ hr, .color-8.discography h6.color-5 > em ~ hr { border-color: #269626; } .post.color-8 h1.color-6 > em ~ hr, .color-8.discography h1.color-6 > em ~ hr, .post.color-8 h2.color-6 > em ~ hr, .color-8.discography h2.color-6 > em ~ hr, .post.color-8 h3.color-6 > em ~ hr, .color-8.discography h3.color-6 > em ~ hr, .post.color-8 h4.color-6 > em ~ hr, .color-8.discography h4.color-6 > em ~ hr, .post.color-8 h5.color-6 > em ~ hr, .color-8.discography h5.color-6 > em ~ hr, .post.color-8 h6.color-6 > em ~ hr, .color-8.discography h6.color-6 > em ~ hr { border-color: #364ba6; } .post.color-8 h1.color-7 > em ~ hr, .color-8.discography h1.color-7 > em ~ hr, .post.color-8 h2.color-7 > em ~ hr, .color-8.discography h2.color-7 > em ~ hr, .post.color-8 h3.color-7 > em ~ hr, .color-8.discography h3.color-7 > em ~ hr, .post.color-8 h4.color-7 > em ~ hr, .color-8.discography h4.color-7 > em ~ hr, .post.color-8 h5.color-7 > em ~ hr, .color-8.discography h5.color-7 > em ~ hr, .post.color-8 h6.color-7 > em ~ hr, .color-8.discography h6.color-7 > em ~ hr { border-color: #4fa7d0; } .post.color-8 h1.color-8 > em ~ hr, .color-8.discography h1.color-8 > em ~ hr, .post.color-8 h2.color-8 > em ~ hr, .color-8.discography h2.color-8 > em ~ hr, .post.color-8 h3.color-8 > em ~ hr, .color-8.discography h3.color-8 > em ~ hr, .post.color-8 h4.color-8 > em ~ hr, .color-8.discography h4.color-8 > em ~ hr, .post.color-8 h5.color-8 > em ~ hr, .color-8.discography h5.color-8 > em ~ hr, .post.color-8 h6.color-8 > em ~ hr, .color-8.discography h6.color-8 > em ~ hr { border-color: #a15daf; } .post.color-8 h1.color-9 > em ~ hr, .color-8.discography h1.color-9 > em ~ hr, .post.color-8 h2.color-9 > em ~ hr, .color-8.discography h2.color-9 > em ~ hr, .post.color-8 h3.color-9 > em ~ hr, .color-8.discography h3.color-9 > em ~ hr, .post.color-8 h4.color-9 > em ~ hr, .color-8.discography h4.color-9 > em ~ hr, .post.color-8 h5.color-9 > em ~ hr, .color-8.discography h5.color-9 > em ~ hr, .post.color-8 h6.color-9 > em ~ hr, .color-8.discography h6.color-9 > em ~ hr { border-color: #da699e; } .post.color-8 em, .color-8.discography em { color: #a15daf; } .post.color-8 em.color-1, .color-8.discography em.color-1 { color: #d2ae4e; } .post.color-8 em.color-2, .color-8.discography em.color-2 { color: #9a9a9a; } .post.color-8 em.color-3, .color-8.discography em.color-3 { color: #bd0e0e; } .post.color-8 em.color-4, .color-8.discography em.color-4 { color: #e6a10c; } .post.color-8 em.color-5, .color-8.discography em.color-5 { color: #269626; } .post.color-8 em.color-6, .color-8.discography em.color-6 { color: #364ba6; } .post.color-8 em.color-7, .color-8.discography em.color-7 { color: #4fa7d0; } .post.color-8 em.color-8, .color-8.discography em.color-8 { color: #a15daf; } .post.color-8 em.color-9, .color-8.discography em.color-9 { color: #da699e; } .post.color-8 .post--body a:not(.button), .color-8.discography .post--body a:not(.button) { color: #a15daf; } .post.color-8 .post--body a:not(.button).color-1, .color-8.discography .post--body a:not(.button).color-1 { color: #d2ae4e; } .post.color-8 .post--body a:not(.button).color-2, .color-8.discography .post--body a:not(.button).color-2 { color: #9a9a9a; } .post.color-8 .post--body a:not(.button).color-3, .color-8.discography .post--body a:not(.button).color-3 { color: #bd0e0e; } .post.color-8 .post--body a:not(.button).color-4, .color-8.discography .post--body a:not(.button).color-4 { color: #e6a10c; } .post.color-8 .post--body a:not(.button).color-5, .color-8.discography .post--body a:not(.button).color-5 { color: #269626; } .post.color-8 .post--body a:not(.button).color-6, .color-8.discography .post--body a:not(.button).color-6 { color: #364ba6; } .post.color-8 .post--body a:not(.button).color-7, .color-8.discography .post--body a:not(.button).color-7 { color: #4fa7d0; } .post.color-8 .post--body a:not(.button).color-8, .color-8.discography .post--body a:not(.button).color-8 { color: #a15daf; } .post.color-8 .post--body a:not(.button).color-9, .color-8.discography .post--body a:not(.button).color-9 { color: #da699e; } .post.color-8 .post--body a.button .button--bg:before, .color-8.discography .post--body a.button .button--bg:before { background: #a15daf; } .post.color-8 .post--body a.button.color-1 .button--bg:before, .color-8.discography .post--body a.button.color-1 .button--bg:before { background: #d2ae4e; } .post.color-8 .post--body a.button.color-2 .button--bg:before, .color-8.discography .post--body a.button.color-2 .button--bg:before { background: #9a9a9a; } .post.color-8 .post--body a.button.color-3 .button--bg:before, .color-8.discography .post--body a.button.color-3 .button--bg:before { background: #bd0e0e; } .post.color-8 .post--body a.button.color-4 .button--bg:before, .color-8.discography .post--body a.button.color-4 .button--bg:before { background: #e6a10c; } .post.color-8 .post--body a.button.color-5 .button--bg:before, .color-8.discography .post--body a.button.color-5 .button--bg:before { background: #269626; } .post.color-8 .post--body a.button.color-6 .button--bg:before, .color-8.discography .post--body a.button.color-6 .button--bg:before { background: #364ba6; } .post.color-8 .post--body a.button.color-7 .button--bg:before, .color-8.discography .post--body a.button.color-7 .button--bg:before { background: #4fa7d0; } .post.color-8 .post--body a.button.color-8 .button--bg:before, .color-8.discography .post--body a.button.color-8 .button--bg:before { background: #a15daf; } .post.color-8 .post--body a.button.color-9 .button--bg:before, .color-8.discography .post--body a.button.color-9 .button--bg:before { background: #da699e; } .post.color-8 .box.bordered, .color-8.discography .box.bordered { border: 1px solid #a15daf; } .post.color-8 .box.filled, .color-8.discography .box.filled { background-color: #a15daf; color: #fff; } .post.color-8 .box.color-1.bordered, .color-8.discography .box.color-1.bordered { border: 1px solid #d2ae4e; } .post.color-8 .box.color-1.filled, .color-8.discography .box.color-1.filled { background-color: #d2ae4e; color: #fff; } .post.color-8 .box.color-2.bordered, .color-8.discography .box.color-2.bordered { border: 1px solid #9a9a9a; } .post.color-8 .box.color-2.filled, .color-8.discography .box.color-2.filled { background-color: #9a9a9a; color: #fff; } .post.color-8 .box.color-3.bordered, .color-8.discography .box.color-3.bordered { border: 1px solid #bd0e0e; } .post.color-8 .box.color-3.filled, .color-8.discography .box.color-3.filled { background-color: #bd0e0e; color: #fff; } .post.color-8 .box.color-4.bordered, .color-8.discography .box.color-4.bordered { border: 1px solid #e6a10c; } .post.color-8 .box.color-4.filled, .color-8.discography .box.color-4.filled { background-color: #e6a10c; color: #fff; } .post.color-8 .box.color-5.bordered, .color-8.discography .box.color-5.bordered { border: 1px solid #269626; } .post.color-8 .box.color-5.filled, .color-8.discography .box.color-5.filled { background-color: #269626; color: #fff; } .post.color-8 .box.color-6.bordered, .color-8.discography .box.color-6.bordered { border: 1px solid #364ba6; } .post.color-8 .box.color-6.filled, .color-8.discography .box.color-6.filled { background-color: #364ba6; color: #fff; } .post.color-8 .box.color-7.bordered, .color-8.discography .box.color-7.bordered { border: 1px solid #4fa7d0; } .post.color-8 .box.color-7.filled, .color-8.discography .box.color-7.filled { background-color: #4fa7d0; color: #fff; } .post.color-8 .box.color-8.bordered, .color-8.discography .box.color-8.bordered { border: 1px solid #a15daf; } .post.color-8 .box.color-8.filled, .color-8.discography .box.color-8.filled { background-color: #a15daf; color: #fff; } .post.color-8 .box.color-9.bordered, .color-8.discography .box.color-9.bordered { border: 1px solid #da699e; } .post.color-8 .box.color-9.filled, .color-8.discography .box.color-9.filled { background-color: #da699e; color: #fff; } .post.color-9 h1 > em ~ hr, .color-9.discography h1 > em ~ hr, .post.color-9 h2 > em ~ hr, .color-9.discography h2 > em ~ hr, .post.color-9 h3 > em ~ hr, .color-9.discography h3 > em ~ hr, .post.color-9 h4 > em ~ hr, .color-9.discography h4 > em ~ hr, .post.color-9 h5 > em ~ hr, .color-9.discography h5 > em ~ hr, .post.color-9 h6 > em ~ hr, .color-9.discography h6 > em ~ hr { border-color: #da699e; } .post.color-9 h1.color-1 > em ~ hr, .color-9.discography h1.color-1 > em ~ hr, .post.color-9 h2.color-1 > em ~ hr, .color-9.discography h2.color-1 > em ~ hr, .post.color-9 h3.color-1 > em ~ hr, .color-9.discography h3.color-1 > em ~ hr, .post.color-9 h4.color-1 > em ~ hr, .color-9.discography h4.color-1 > em ~ hr, .post.color-9 h5.color-1 > em ~ hr, .color-9.discography h5.color-1 > em ~ hr, .post.color-9 h6.color-1 > em ~ hr, .color-9.discography h6.color-1 > em ~ hr { border-color: #d2ae4e; } .post.color-9 h1.color-2 > em ~ hr, .color-9.discography h1.color-2 > em ~ hr, .post.color-9 h2.color-2 > em ~ hr, .color-9.discography h2.color-2 > em ~ hr, .post.color-9 h3.color-2 > em ~ hr, .color-9.discography h3.color-2 > em ~ hr, .post.color-9 h4.color-2 > em ~ hr, .color-9.discography h4.color-2 > em ~ hr, .post.color-9 h5.color-2 > em ~ hr, .color-9.discography h5.color-2 > em ~ hr, .post.color-9 h6.color-2 > em ~ hr, .color-9.discography h6.color-2 > em ~ hr { border-color: #9a9a9a; } .post.color-9 h1.color-3 > em ~ hr, .color-9.discography h1.color-3 > em ~ hr, .post.color-9 h2.color-3 > em ~ hr, .color-9.discography h2.color-3 > em ~ hr, .post.color-9 h3.color-3 > em ~ hr, .color-9.discography h3.color-3 > em ~ hr, .post.color-9 h4.color-3 > em ~ hr, .color-9.discography h4.color-3 > em ~ hr, .post.color-9 h5.color-3 > em ~ hr, .color-9.discography h5.color-3 > em ~ hr, .post.color-9 h6.color-3 > em ~ hr, .color-9.discography h6.color-3 > em ~ hr { border-color: #bd0e0e; } .post.color-9 h1.color-4 > em ~ hr, .color-9.discography h1.color-4 > em ~ hr, .post.color-9 h2.color-4 > em ~ hr, .color-9.discography h2.color-4 > em ~ hr, .post.color-9 h3.color-4 > em ~ hr, .color-9.discography h3.color-4 > em ~ hr, .post.color-9 h4.color-4 > em ~ hr, .color-9.discography h4.color-4 > em ~ hr, .post.color-9 h5.color-4 > em ~ hr, .color-9.discography h5.color-4 > em ~ hr, .post.color-9 h6.color-4 > em ~ hr, .color-9.discography h6.color-4 > em ~ hr { border-color: #e6a10c; } .post.color-9 h1.color-5 > em ~ hr, .color-9.discography h1.color-5 > em ~ hr, .post.color-9 h2.color-5 > em ~ hr, .color-9.discography h2.color-5 > em ~ hr, .post.color-9 h3.color-5 > em ~ hr, .color-9.discography h3.color-5 > em ~ hr, .post.color-9 h4.color-5 > em ~ hr, .color-9.discography h4.color-5 > em ~ hr, .post.color-9 h5.color-5 > em ~ hr, .color-9.discography h5.color-5 > em ~ hr, .post.color-9 h6.color-5 > em ~ hr, .color-9.discography h6.color-5 > em ~ hr { border-color: #269626; } .post.color-9 h1.color-6 > em ~ hr, .color-9.discography h1.color-6 > em ~ hr, .post.color-9 h2.color-6 > em ~ hr, .color-9.discography h2.color-6 > em ~ hr, .post.color-9 h3.color-6 > em ~ hr, .color-9.discography h3.color-6 > em ~ hr, .post.color-9 h4.color-6 > em ~ hr, .color-9.discography h4.color-6 > em ~ hr, .post.color-9 h5.color-6 > em ~ hr, .color-9.discography h5.color-6 > em ~ hr, .post.color-9 h6.color-6 > em ~ hr, .color-9.discography h6.color-6 > em ~ hr { border-color: #364ba6; } .post.color-9 h1.color-7 > em ~ hr, .color-9.discography h1.color-7 > em ~ hr, .post.color-9 h2.color-7 > em ~ hr, .color-9.discography h2.color-7 > em ~ hr, .post.color-9 h3.color-7 > em ~ hr, .color-9.discography h3.color-7 > em ~ hr, .post.color-9 h4.color-7 > em ~ hr, .color-9.discography h4.color-7 > em ~ hr, .post.color-9 h5.color-7 > em ~ hr, .color-9.discography h5.color-7 > em ~ hr, .post.color-9 h6.color-7 > em ~ hr, .color-9.discography h6.color-7 > em ~ hr { border-color: #4fa7d0; } .post.color-9 h1.color-8 > em ~ hr, .color-9.discography h1.color-8 > em ~ hr, .post.color-9 h2.color-8 > em ~ hr, .color-9.discography h2.color-8 > em ~ hr, .post.color-9 h3.color-8 > em ~ hr, .color-9.discography h3.color-8 > em ~ hr, .post.color-9 h4.color-8 > em ~ hr, .color-9.discography h4.color-8 > em ~ hr, .post.color-9 h5.color-8 > em ~ hr, .color-9.discography h5.color-8 > em ~ hr, .post.color-9 h6.color-8 > em ~ hr, .color-9.discography h6.color-8 > em ~ hr { border-color: #a15daf; } .post.color-9 h1.color-9 > em ~ hr, .color-9.discography h1.color-9 > em ~ hr, .post.color-9 h2.color-9 > em ~ hr, .color-9.discography h2.color-9 > em ~ hr, .post.color-9 h3.color-9 > em ~ hr, .color-9.discography h3.color-9 > em ~ hr, .post.color-9 h4.color-9 > em ~ hr, .color-9.discography h4.color-9 > em ~ hr, .post.color-9 h5.color-9 > em ~ hr, .color-9.discography h5.color-9 > em ~ hr, .post.color-9 h6.color-9 > em ~ hr, .color-9.discography h6.color-9 > em ~ hr { border-color: #da699e; } .post.color-9 em, .color-9.discography em { color: #da699e; } .post.color-9 em.color-1, .color-9.discography em.color-1 { color: #d2ae4e; } .post.color-9 em.color-2, .color-9.discography em.color-2 { color: #9a9a9a; } .post.color-9 em.color-3, .color-9.discography em.color-3 { color: #bd0e0e; } .post.color-9 em.color-4, .color-9.discography em.color-4 { color: #e6a10c; } .post.color-9 em.color-5, .color-9.discography em.color-5 { color: #269626; } .post.color-9 em.color-6, .color-9.discography em.color-6 { color: #364ba6; } .post.color-9 em.color-7, .color-9.discography em.color-7 { color: #4fa7d0; } .post.color-9 em.color-8, .color-9.discography em.color-8 { color: #a15daf; } .post.color-9 em.color-9, .color-9.discography em.color-9 { color: #da699e; } .post.color-9 .post--body a:not(.button), .color-9.discography .post--body a:not(.button) { color: #da699e; } .post.color-9 .post--body a:not(.button).color-1, .color-9.discography .post--body a:not(.button).color-1 { color: #d2ae4e; } .post.color-9 .post--body a:not(.button).color-2, .color-9.discography .post--body a:not(.button).color-2 { color: #9a9a9a; } .post.color-9 .post--body a:not(.button).color-3, .color-9.discography .post--body a:not(.button).color-3 { color: #bd0e0e; } .post.color-9 .post--body a:not(.button).color-4, .color-9.discography .post--body a:not(.button).color-4 { color: #e6a10c; } .post.color-9 .post--body a:not(.button).color-5, .color-9.discography .post--body a:not(.button).color-5 { color: #269626; } .post.color-9 .post--body a:not(.button).color-6, .color-9.discography .post--body a:not(.button).color-6 { color: #364ba6; } .post.color-9 .post--body a:not(.button).color-7, .color-9.discography .post--body a:not(.button).color-7 { color: #4fa7d0; } .post.color-9 .post--body a:not(.button).color-8, .color-9.discography .post--body a:not(.button).color-8 { color: #a15daf; } .post.color-9 .post--body a:not(.button).color-9, .color-9.discography .post--body a:not(.button).color-9 { color: #da699e; } .post.color-9 .post--body a.button .button--bg:before, .color-9.discography .post--body a.button .button--bg:before { background: #da699e; } .post.color-9 .post--body a.button.color-1 .button--bg:before, .color-9.discography .post--body a.button.color-1 .button--bg:before { background: #d2ae4e; } .post.color-9 .post--body a.button.color-2 .button--bg:before, .color-9.discography .post--body a.button.color-2 .button--bg:before { background: #9a9a9a; } .post.color-9 .post--body a.button.color-3 .button--bg:before, .color-9.discography .post--body a.button.color-3 .button--bg:before { background: #bd0e0e; } .post.color-9 .post--body a.button.color-4 .button--bg:before, .color-9.discography .post--body a.button.color-4 .button--bg:before { background: #e6a10c; } .post.color-9 .post--body a.button.color-5 .button--bg:before, .color-9.discography .post--body a.button.color-5 .button--bg:before { background: #269626; } .post.color-9 .post--body a.button.color-6 .button--bg:before, .color-9.discography .post--body a.button.color-6 .button--bg:before { background: #364ba6; } .post.color-9 .post--body a.button.color-7 .button--bg:before, .color-9.discography .post--body a.button.color-7 .button--bg:before { background: #4fa7d0; } .post.color-9 .post--body a.button.color-8 .button--bg:before, .color-9.discography .post--body a.button.color-8 .button--bg:before { background: #a15daf; } .post.color-9 .post--body a.button.color-9 .button--bg:before, .color-9.discography .post--body a.button.color-9 .button--bg:before { background: #da699e; } .post.color-9 .box.bordered, .color-9.discography .box.bordered { border: 1px solid #da699e; } .post.color-9 .box.filled, .color-9.discography .box.filled { background-color: #da699e; color: #fff; } .post.color-9 .box.color-1.bordered, .color-9.discography .box.color-1.bordered { border: 1px solid #d2ae4e; } .post.color-9 .box.color-1.filled, .color-9.discography .box.color-1.filled { background-color: #d2ae4e; color: #fff; } .post.color-9 .box.color-2.bordered, .color-9.discography .box.color-2.bordered { border: 1px solid #9a9a9a; } .post.color-9 .box.color-2.filled, .color-9.discography .box.color-2.filled { background-color: #9a9a9a; color: #fff; } .post.color-9 .box.color-3.bordered, .color-9.discography .box.color-3.bordered { border: 1px solid #bd0e0e; } .post.color-9 .box.color-3.filled, .color-9.discography .box.color-3.filled { background-color: #bd0e0e; color: #fff; } .post.color-9 .box.color-4.bordered, .color-9.discography .box.color-4.bordered { border: 1px solid #e6a10c; } .post.color-9 .box.color-4.filled, .color-9.discography .box.color-4.filled { background-color: #e6a10c; color: #fff; } .post.color-9 .box.color-5.bordered, .color-9.discography .box.color-5.bordered { border: 1px solid #269626; } .post.color-9 .box.color-5.filled, .color-9.discography .box.color-5.filled { background-color: #269626; color: #fff; } .post.color-9 .box.color-6.bordered, .color-9.discography .box.color-6.bordered { border: 1px solid #364ba6; } .post.color-9 .box.color-6.filled, .color-9.discography .box.color-6.filled { background-color: #364ba6; color: #fff; } .post.color-9 .box.color-7.bordered, .color-9.discography .box.color-7.bordered { border: 1px solid #4fa7d0; } .post.color-9 .box.color-7.filled, .color-9.discography .box.color-7.filled { background-color: #4fa7d0; color: #fff; } .post.color-9 .box.color-8.bordered, .color-9.discography .box.color-8.bordered { border: 1px solid #a15daf; } .post.color-9 .box.color-8.filled, .color-9.discography .box.color-8.filled { background-color: #a15daf; color: #fff; } .post.color-9 .box.color-9.bordered, .color-9.discography .box.color-9.bordered { border: 1px solid #da699e; } .post.color-9 .box.color-9.filled, .color-9.discography .box.color-9.filled { background-color: #da699e; color: #fff; } .post h1.color-1 > em ~ hr, .discography h1.color-1 > em ~ hr, .post h2.color-1 > em ~ hr, .discography h2.color-1 > em ~ hr, .post h3.color-1 > em ~ hr, .discography h3.color-1 > em ~ hr, .post h4.color-1 > em ~ hr, .discography h4.color-1 > em ~ hr, .post h5.color-1 > em ~ hr, .discography h5.color-1 > em ~ hr, .post h6.color-1 > em ~ hr, .discography h6.color-1 > em ~ hr { border-color: #d2ae4e; } .post h1.color-2 > em ~ hr, .discography h1.color-2 > em ~ hr, .post h2.color-2 > em ~ hr, .discography h2.color-2 > em ~ hr, .post h3.color-2 > em ~ hr, .discography h3.color-2 > em ~ hr, .post h4.color-2 > em ~ hr, .discography h4.color-2 > em ~ hr, .post h5.color-2 > em ~ hr, .discography h5.color-2 > em ~ hr, .post h6.color-2 > em ~ hr, .discography h6.color-2 > em ~ hr { border-color: #9a9a9a; } .post h1.color-3 > em ~ hr, .discography h1.color-3 > em ~ hr, .post h2.color-3 > em ~ hr, .discography h2.color-3 > em ~ hr, .post h3.color-3 > em ~ hr, .discography h3.color-3 > em ~ hr, .post h4.color-3 > em ~ hr, .discography h4.color-3 > em ~ hr, .post h5.color-3 > em ~ hr, .discography h5.color-3 > em ~ hr, .post h6.color-3 > em ~ hr, .discography h6.color-3 > em ~ hr { border-color: #bd0e0e; } .post h1.color-4 > em ~ hr, .discography h1.color-4 > em ~ hr, .post h2.color-4 > em ~ hr, .discography h2.color-4 > em ~ hr, .post h3.color-4 > em ~ hr, .discography h3.color-4 > em ~ hr, .post h4.color-4 > em ~ hr, .discography h4.color-4 > em ~ hr, .post h5.color-4 > em ~ hr, .discography h5.color-4 > em ~ hr, .post h6.color-4 > em ~ hr, .discography h6.color-4 > em ~ hr { border-color: #e6a10c; } .post h1.color-5 > em ~ hr, .discography h1.color-5 > em ~ hr, .post h2.color-5 > em ~ hr, .discography h2.color-5 > em ~ hr, .post h3.color-5 > em ~ hr, .discography h3.color-5 > em ~ hr, .post h4.color-5 > em ~ hr, .discography h4.color-5 > em ~ hr, .post h5.color-5 > em ~ hr, .discography h5.color-5 > em ~ hr, .post h6.color-5 > em ~ hr, .discography h6.color-5 > em ~ hr { border-color: #269626; } .post h1.color-6 > em ~ hr, .discography h1.color-6 > em ~ hr, .post h2.color-6 > em ~ hr, .discography h2.color-6 > em ~ hr, .post h3.color-6 > em ~ hr, .discography h3.color-6 > em ~ hr, .post h4.color-6 > em ~ hr, .discography h4.color-6 > em ~ hr, .post h5.color-6 > em ~ hr, .discography h5.color-6 > em ~ hr, .post h6.color-6 > em ~ hr, .discography h6.color-6 > em ~ hr { border-color: #364ba6; } .post h1.color-7 > em ~ hr, .discography h1.color-7 > em ~ hr, .post h2.color-7 > em ~ hr, .discography h2.color-7 > em ~ hr, .post h3.color-7 > em ~ hr, .discography h3.color-7 > em ~ hr, .post h4.color-7 > em ~ hr, .discography h4.color-7 > em ~ hr, .post h5.color-7 > em ~ hr, .discography h5.color-7 > em ~ hr, .post h6.color-7 > em ~ hr, .discography h6.color-7 > em ~ hr { border-color: #4fa7d0; } .post h1.color-8 > em ~ hr, .discography h1.color-8 > em ~ hr, .post h2.color-8 > em ~ hr, .discography h2.color-8 > em ~ hr, .post h3.color-8 > em ~ hr, .discography h3.color-8 > em ~ hr, .post h4.color-8 > em ~ hr, .discography h4.color-8 > em ~ hr, .post h5.color-8 > em ~ hr, .discography h5.color-8 > em ~ hr, .post h6.color-8 > em ~ hr, .discography h6.color-8 > em ~ hr { border-color: #a15daf; } .post h1.color-9 > em ~ hr, .discography h1.color-9 > em ~ hr, .post h2.color-9 > em ~ hr, .discography h2.color-9 > em ~ hr, .post h3.color-9 > em ~ hr, .discography h3.color-9 > em ~ hr, .post h4.color-9 > em ~ hr, .discography h4.color-9 > em ~ hr, .post h5.color-9 > em ~ hr, .discography h5.color-9 > em ~ hr, .post h6.color-9 > em ~ hr, .discography h6.color-9 > em ~ hr { border-color: #da699e; } .post em.color-1, .discography em.color-1 { color: #d2ae4e; } .post em.color-2, .discography em.color-2 { color: #9a9a9a; } .post em.color-3, .discography em.color-3 { color: #bd0e0e; } .post em.color-4, .discography em.color-4 { color: #e6a10c; } .post em.color-5, .discography em.color-5 { color: #269626; } .post em.color-6, .discography em.color-6 { color: #364ba6; } .post em.color-7, .discography em.color-7 { color: #4fa7d0; } .post em.color-8, .discography em.color-8 { color: #a15daf; } .post em.color-9, .discography em.color-9 { color: #da699e; } .post .post--body a.color-1, .discography .post--body a.color-1 { color: #d2ae4e; } .post .post--body a.color-2, .discography .post--body a.color-2 { color: #9a9a9a; } .post .post--body a.color-3, .discography .post--body a.color-3 { color: #bd0e0e; } .post .post--body a.color-4, .discography .post--body a.color-4 { color: #e6a10c; } .post .post--body a.color-5, .discography .post--body a.color-5 { color: #269626; } .post .post--body a.color-6, .discography .post--body a.color-6 { color: #364ba6; } .post .post--body a.color-7, .discography .post--body a.color-7 { color: #4fa7d0; } .post .post--body a.color-8, .discography .post--body a.color-8 { color: #a15daf; } .post .post--body a.color-9, .discography .post--body a.color-9 { color: #da699e; } .post .box.color-1.bordered, .discography .box.color-1.bordered { border: 1px solid #d2ae4e; } .post .box.color-1.filled, .discography .box.color-1.filled { background-color: #d2ae4e; color: #fff; } .post .box.color-2.bordered, .discography .box.color-2.bordered { border: 1px solid #9a9a9a; } .post .box.color-2.filled, .discography .box.color-2.filled { background-color: #9a9a9a; color: #fff; } .post .box.color-3.bordered, .discography .box.color-3.bordered { border: 1px solid #bd0e0e; } .post .box.color-3.filled, .discography .box.color-3.filled { background-color: #bd0e0e; color: #fff; } .post .box.color-4.bordered, .discography .box.color-4.bordered { border: 1px solid #e6a10c; } .post .box.color-4.filled, .discography .box.color-4.filled { background-color: #e6a10c; color: #fff; } .post .box.color-5.bordered, .discography .box.color-5.bordered { border: 1px solid #269626; } .post .box.color-5.filled, .discography .box.color-5.filled { background-color: #269626; color: #fff; } .post .box.color-6.bordered, .discography .box.color-6.bordered { border: 1px solid #364ba6; } .post .box.color-6.filled, .discography .box.color-6.filled { background-color: #364ba6; color: #fff; } .post .box.color-7.bordered, .discography .box.color-7.bordered { border: 1px solid #4fa7d0; } .post .box.color-7.filled, .discography .box.color-7.filled { background-color: #4fa7d0; color: #fff; } .post .box.color-8.bordered, .discography .box.color-8.bordered { border: 1px solid #a15daf; } .post .box.color-8.filled, .discography .box.color-8.filled { background-color: #a15daf; color: #fff; } .post .box.color-9.bordered, .discography .box.color-9.bordered { border: 1px solid #da699e; } .post .box.color-9.filled, .discography .box.color-9.filled { background-color: #da699e; color: #fff; } .post h1.color-1 > em ~ hr, .discography h1.color-1 > em ~ hr, .post h2.color-1 > em ~ hr, .discography h2.color-1 > em ~ hr, .post h3.color-1 > em ~ hr, .discography h3.color-1 > em ~ hr, .post h4.color-1 > em ~ hr, .discography h4.color-1 > em ~ hr, .post h5.color-1 > em ~ hr, .discography h5.color-1 > em ~ hr, .post h6.color-1 > em ~ hr, .discography h6.color-1 > em ~ hr { border-color: #d2ae4e; } .post h1.color-2 > em ~ hr, .discography h1.color-2 > em ~ hr, .post h2.color-2 > em ~ hr, .discography h2.color-2 > em ~ hr, .post h3.color-2 > em ~ hr, .discography h3.color-2 > em ~ hr, .post h4.color-2 > em ~ hr, .discography h4.color-2 > em ~ hr, .post h5.color-2 > em ~ hr, .discography h5.color-2 > em ~ hr, .post h6.color-2 > em ~ hr, .discography h6.color-2 > em ~ hr { border-color: #9a9a9a; } .post h1.color-3 > em ~ hr, .discography h1.color-3 > em ~ hr, .post h2.color-3 > em ~ hr, .discography h2.color-3 > em ~ hr, .post h3.color-3 > em ~ hr, .discography h3.color-3 > em ~ hr, .post h4.color-3 > em ~ hr, .discography h4.color-3 > em ~ hr, .post h5.color-3 > em ~ hr, .discography h5.color-3 > em ~ hr, .post h6.color-3 > em ~ hr, .discography h6.color-3 > em ~ hr { border-color: #bd0e0e; } .post h1.color-4 > em ~ hr, .discography h1.color-4 > em ~ hr, .post h2.color-4 > em ~ hr, .discography h2.color-4 > em ~ hr, .post h3.color-4 > em ~ hr, .discography h3.color-4 > em ~ hr, .post h4.color-4 > em ~ hr, .discography h4.color-4 > em ~ hr, .post h5.color-4 > em ~ hr, .discography h5.color-4 > em ~ hr, .post h6.color-4 > em ~ hr, .discography h6.color-4 > em ~ hr { border-color: #e6a10c; } .post h1.color-5 > em ~ hr, .discography h1.color-5 > em ~ hr, .post h2.color-5 > em ~ hr, .discography h2.color-5 > em ~ hr, .post h3.color-5 > em ~ hr, .discography h3.color-5 > em ~ hr, .post h4.color-5 > em ~ hr, .discography h4.color-5 > em ~ hr, .post h5.color-5 > em ~ hr, .discography h5.color-5 > em ~ hr, .post h6.color-5 > em ~ hr, .discography h6.color-5 > em ~ hr { border-color: #269626; } .post h1.color-6 > em ~ hr, .discography h1.color-6 > em ~ hr, .post h2.color-6 > em ~ hr, .discography h2.color-6 > em ~ hr, .post h3.color-6 > em ~ hr, .discography h3.color-6 > em ~ hr, .post h4.color-6 > em ~ hr, .discography h4.color-6 > em ~ hr, .post h5.color-6 > em ~ hr, .discography h5.color-6 > em ~ hr, .post h6.color-6 > em ~ hr, .discography h6.color-6 > em ~ hr { border-color: #364ba6; } .post h1.color-7 > em ~ hr, .discography h1.color-7 > em ~ hr, .post h2.color-7 > em ~ hr, .discography h2.color-7 > em ~ hr, .post h3.color-7 > em ~ hr, .discography h3.color-7 > em ~ hr, .post h4.color-7 > em ~ hr, .discography h4.color-7 > em ~ hr, .post h5.color-7 > em ~ hr, .discography h5.color-7 > em ~ hr, .post h6.color-7 > em ~ hr, .discography h6.color-7 > em ~ hr { border-color: #4fa7d0; } .post h1.color-8 > em ~ hr, .discography h1.color-8 > em ~ hr, .post h2.color-8 > em ~ hr, .discography h2.color-8 > em ~ hr, .post h3.color-8 > em ~ hr, .discography h3.color-8 > em ~ hr, .post h4.color-8 > em ~ hr, .discography h4.color-8 > em ~ hr, .post h5.color-8 > em ~ hr, .discography h5.color-8 > em ~ hr, .post h6.color-8 > em ~ hr, .discography h6.color-8 > em ~ hr { border-color: #a15daf; } .post h1.color-9 > em ~ hr, .discography h1.color-9 > em ~ hr, .post h2.color-9 > em ~ hr, .discography h2.color-9 > em ~ hr, .post h3.color-9 > em ~ hr, .discography h3.color-9 > em ~ hr, .post h4.color-9 > em ~ hr, .discography h4.color-9 > em ~ hr, .post h5.color-9 > em ~ hr, .discography h5.color-9 > em ~ hr, .post h6.color-9 > em ~ hr, .discography h6.color-9 > em ~ hr { border-color: #da699e; } .post em.color-1, .discography em.color-1 { color: #d2ae4e; } .post em.color-2, .discography em.color-2 { color: #9a9a9a; } .post em.color-3, .discography em.color-3 { color: #bd0e0e; } .post em.color-4, .discography em.color-4 { color: #e6a10c; } .post em.color-5, .discography em.color-5 { color: #269626; } .post em.color-6, .discography em.color-6 { color: #364ba6; } .post em.color-7, .discography em.color-7 { color: #4fa7d0; } .post em.color-8, .discography em.color-8 { color: #a15daf; } .post em.color-9, .discography em.color-9 { color: #da699e; } .post .post--body a.color-1, .discography .post--body a.color-1 { color: #d2ae4e; } .post .post--body a.color-2, .discography .post--body a.color-2 { color: #9a9a9a; } .post .post--body a.color-3, .discography .post--body a.color-3 { color: #bd0e0e; } .post .post--body a.color-4, .discography .post--body a.color-4 { color: #e6a10c; } .post .post--body a.color-5, .discography .post--body a.color-5 { color: #269626; } .post .post--body a.color-6, .discography .post--body a.color-6 { color: #364ba6; } .post .post--body a.color-7, .discography .post--body a.color-7 { color: #4fa7d0; } .post .post--body a.color-8, .discography .post--body a.color-8 { color: #a15daf; } .post .post--body a.color-9, .discography .post--body a.color-9 { color: #da699e; } .post .box.color-1.bordered, .discography .box.color-1.bordered { border: 1px solid #d2ae4e; } .post .box.color-1.filled, .discography .box.color-1.filled { background-color: #d2ae4e; color: #fff; } .post .box.color-2.bordered, .discography .box.color-2.bordered { border: 1px solid #9a9a9a; } .post .box.color-2.filled, .discography .box.color-2.filled { background-color: #9a9a9a; color: #fff; } .post .box.color-3.bordered, .discography .box.color-3.bordered { border: 1px solid #bd0e0e; } .post .box.color-3.filled, .discography .box.color-3.filled { background-color: #bd0e0e; color: #fff; } .post .box.color-4.bordered, .discography .box.color-4.bordered { border: 1px solid #e6a10c; } .post .box.color-4.filled, .discography .box.color-4.filled { background-color: #e6a10c; color: #fff; } .post .box.color-5.bordered, .discography .box.color-5.bordered { border: 1px solid #269626; } .post .box.color-5.filled, .discography .box.color-5.filled { background-color: #269626; color: #fff; } .post .box.color-6.bordered, .discography .box.color-6.bordered { border: 1px solid #364ba6; } .post .box.color-6.filled, .discography .box.color-6.filled { background-color: #364ba6; color: #fff; } .post .box.color-7.bordered, .discography .box.color-7.bordered { border: 1px solid #4fa7d0; } .post .box.color-7.filled, .discography .box.color-7.filled { background-color: #4fa7d0; color: #fff; } .post .box.color-8.bordered, .discography .box.color-8.bordered { border: 1px solid #a15daf; } .post .box.color-8.filled, .discography .box.color-8.filled { background-color: #a15daf; color: #fff; } .post .box.color-9.bordered, .discography .box.color-9.bordered { border: 1px solid #da699e; } .post .box.color-9.filled, .discography .box.color-9.filled { background-color: #da699e; color: #fff; } .post h1.color-1 > em ~ hr, .discography h1.color-1 > em ~ hr, .post h2.color-1 > em ~ hr, .discography h2.color-1 > em ~ hr, .post h3.color-1 > em ~ hr, .discography h3.color-1 > em ~ hr, .post h4.color-1 > em ~ hr, .discography h4.color-1 > em ~ hr, .post h5.color-1 > em ~ hr, .discography h5.color-1 > em ~ hr, .post h6.color-1 > em ~ hr, .discography h6.color-1 > em ~ hr { border-color: #d2ae4e; } .post h1.color-2 > em ~ hr, .discography h1.color-2 > em ~ hr, .post h2.color-2 > em ~ hr, .discography h2.color-2 > em ~ hr, .post h3.color-2 > em ~ hr, .discography h3.color-2 > em ~ hr, .post h4.color-2 > em ~ hr, .discography h4.color-2 > em ~ hr, .post h5.color-2 > em ~ hr, .discography h5.color-2 > em ~ hr, .post h6.color-2 > em ~ hr, .discography h6.color-2 > em ~ hr { border-color: #9a9a9a; } .post h1.color-3 > em ~ hr, .discography h1.color-3 > em ~ hr, .post h2.color-3 > em ~ hr, .discography h2.color-3 > em ~ hr, .post h3.color-3 > em ~ hr, .discography h3.color-3 > em ~ hr, .post h4.color-3 > em ~ hr, .discography h4.color-3 > em ~ hr, .post h5.color-3 > em ~ hr, .discography h5.color-3 > em ~ hr, .post h6.color-3 > em ~ hr, .discography h6.color-3 > em ~ hr { border-color: #bd0e0e; } .post h1.color-4 > em ~ hr, .discography h1.color-4 > em ~ hr, .post h2.color-4 > em ~ hr, .discography h2.color-4 > em ~ hr, .post h3.color-4 > em ~ hr, .discography h3.color-4 > em ~ hr, .post h4.color-4 > em ~ hr, .discography h4.color-4 > em ~ hr, .post h5.color-4 > em ~ hr, .discography h5.color-4 > em ~ hr, .post h6.color-4 > em ~ hr, .discography h6.color-4 > em ~ hr { border-color: #e6a10c; } .post h1.color-5 > em ~ hr, .discography h1.color-5 > em ~ hr, .post h2.color-5 > em ~ hr, .discography h2.color-5 > em ~ hr, .post h3.color-5 > em ~ hr, .discography h3.color-5 > em ~ hr, .post h4.color-5 > em ~ hr, .discography h4.color-5 > em ~ hr, .post h5.color-5 > em ~ hr, .discography h5.color-5 > em ~ hr, .post h6.color-5 > em ~ hr, .discography h6.color-5 > em ~ hr { border-color: #269626; } .post h1.color-6 > em ~ hr, .discography h1.color-6 > em ~ hr, .post h2.color-6 > em ~ hr, .discography h2.color-6 > em ~ hr, .post h3.color-6 > em ~ hr, .discography h3.color-6 > em ~ hr, .post h4.color-6 > em ~ hr, .discography h4.color-6 > em ~ hr, .post h5.color-6 > em ~ hr, .discography h5.color-6 > em ~ hr, .post h6.color-6 > em ~ hr, .discography h6.color-6 > em ~ hr { border-color: #364ba6; } .post h1.color-7 > em ~ hr, .discography h1.color-7 > em ~ hr, .post h2.color-7 > em ~ hr, .discography h2.color-7 > em ~ hr, .post h3.color-7 > em ~ hr, .discography h3.color-7 > em ~ hr, .post h4.color-7 > em ~ hr, .discography h4.color-7 > em ~ hr, .post h5.color-7 > em ~ hr, .discography h5.color-7 > em ~ hr, .post h6.color-7 > em ~ hr, .discography h6.color-7 > em ~ hr { border-color: #4fa7d0; } .post h1.color-8 > em ~ hr, .discography h1.color-8 > em ~ hr, .post h2.color-8 > em ~ hr, .discography h2.color-8 > em ~ hr, .post h3.color-8 > em ~ hr, .discography h3.color-8 > em ~ hr, .post h4.color-8 > em ~ hr, .discography h4.color-8 > em ~ hr, .post h5.color-8 > em ~ hr, .discography h5.color-8 > em ~ hr, .post h6.color-8 > em ~ hr, .discography h6.color-8 > em ~ hr { border-color: #a15daf; } .post h1.color-9 > em ~ hr, .discography h1.color-9 > em ~ hr, .post h2.color-9 > em ~ hr, .discography h2.color-9 > em ~ hr, .post h3.color-9 > em ~ hr, .discography h3.color-9 > em ~ hr, .post h4.color-9 > em ~ hr, .discography h4.color-9 > em ~ hr, .post h5.color-9 > em ~ hr, .discography h5.color-9 > em ~ hr, .post h6.color-9 > em ~ hr, .discography h6.color-9 > em ~ hr { border-color: #da699e; } .post em.color-1, .discography em.color-1 { color: #d2ae4e; } .post em.color-2, .discography em.color-2 { color: #9a9a9a; } .post em.color-3, .discography em.color-3 { color: #bd0e0e; } .post em.color-4, .discography em.color-4 { color: #e6a10c; } .post em.color-5, .discography em.color-5 { color: #269626; } .post em.color-6, .discography em.color-6 { color: #364ba6; } .post em.color-7, .discography em.color-7 { color: #4fa7d0; } .post em.color-8, .discography em.color-8 { color: #a15daf; } .post em.color-9, .discography em.color-9 { color: #da699e; } .post .post--body a.color-1, .discography .post--body a.color-1 { color: #d2ae4e; } .post .post--body a.color-2, .discography .post--body a.color-2 { color: #9a9a9a; } .post .post--body a.color-3, .discography .post--body a.color-3 { color: #bd0e0e; } .post .post--body a.color-4, .discography .post--body a.color-4 { color: #e6a10c; } .post .post--body a.color-5, .discography .post--body a.color-5 { color: #269626; } .post .post--body a.color-6, .discography .post--body a.color-6 { color: #364ba6; } .post .post--body a.color-7, .discography .post--body a.color-7 { color: #4fa7d0; } .post .post--body a.color-8, .discography .post--body a.color-8 { color: #a15daf; } .post .post--body a.color-9, .discography .post--body a.color-9 { color: #da699e; } .post .box.color-1.bordered, .discography .box.color-1.bordered { border: 1px solid #d2ae4e; } .post .box.color-1.filled, .discography .box.color-1.filled { background-color: #d2ae4e; color: #fff; } .post .box.color-2.bordered, .discography .box.color-2.bordered { border: 1px solid #9a9a9a; } .post .box.color-2.filled, .discography .box.color-2.filled { background-color: #9a9a9a; color: #fff; } .post .box.color-3.bordered, .discography .box.color-3.bordered { border: 1px solid #bd0e0e; } .post .box.color-3.filled, .discography .box.color-3.filled { background-color: #bd0e0e; color: #fff; } .post .box.color-4.bordered, .discography .box.color-4.bordered { border: 1px solid #e6a10c; } .post .box.color-4.filled, .discography .box.color-4.filled { background-color: #e6a10c; color: #fff; } .post .box.color-5.bordered, .discography .box.color-5.bordered { border: 1px solid #269626; } .post .box.color-5.filled, .discography .box.color-5.filled { background-color: #269626; color: #fff; } .post .box.color-6.bordered, .discography .box.color-6.bordered { border: 1px solid #364ba6; } .post .box.color-6.filled, .discography .box.color-6.filled { background-color: #364ba6; color: #fff; } .post .box.color-7.bordered, .discography .box.color-7.bordered { border: 1px solid #4fa7d0; } .post .box.color-7.filled, .discography .box.color-7.filled { background-color: #4fa7d0; color: #fff; } .post .box.color-8.bordered, .discography .box.color-8.bordered { border: 1px solid #a15daf; } .post .box.color-8.filled, .discography .box.color-8.filled { background-color: #a15daf; color: #fff; } .post .box.color-9.bordered, .discography .box.color-9.bordered { border: 1px solid #da699e; } .post .box.color-9.filled, .discography .box.color-9.filled { background-color: #da699e; color: #fff; } .post h1.color-1 > em ~ hr, .discography h1.color-1 > em ~ hr, .post h2.color-1 > em ~ hr, .discography h2.color-1 > em ~ hr, .post h3.color-1 > em ~ hr, .discography h3.color-1 > em ~ hr, .post h4.color-1 > em ~ hr, .discography h4.color-1 > em ~ hr, .post h5.color-1 > em ~ hr, .discography h5.color-1 > em ~ hr, .post h6.color-1 > em ~ hr, .discography h6.color-1 > em ~ hr { border-color: #d2ae4e; } .post h1.color-2 > em ~ hr, .discography h1.color-2 > em ~ hr, .post h2.color-2 > em ~ hr, .discography h2.color-2 > em ~ hr, .post h3.color-2 > em ~ hr, .discography h3.color-2 > em ~ hr, .post h4.color-2 > em ~ hr, .discography h4.color-2 > em ~ hr, .post h5.color-2 > em ~ hr, .discography h5.color-2 > em ~ hr, .post h6.color-2 > em ~ hr, .discography h6.color-2 > em ~ hr { border-color: #9a9a9a; } .post h1.color-3 > em ~ hr, .discography h1.color-3 > em ~ hr, .post h2.color-3 > em ~ hr, .discography h2.color-3 > em ~ hr, .post h3.color-3 > em ~ hr, .discography h3.color-3 > em ~ hr, .post h4.color-3 > em ~ hr, .discography h4.color-3 > em ~ hr, .post h5.color-3 > em ~ hr, .discography h5.color-3 > em ~ hr, .post h6.color-3 > em ~ hr, .discography h6.color-3 > em ~ hr { border-color: #bd0e0e; } .post h1.color-4 > em ~ hr, .discography h1.color-4 > em ~ hr, .post h2.color-4 > em ~ hr, .discography h2.color-4 > em ~ hr, .post h3.color-4 > em ~ hr, .discography h3.color-4 > em ~ hr, .post h4.color-4 > em ~ hr, .discography h4.color-4 > em ~ hr, .post h5.color-4 > em ~ hr, .discography h5.color-4 > em ~ hr, .post h6.color-4 > em ~ hr, .discography h6.color-4 > em ~ hr { border-color: #e6a10c; } .post h1.color-5 > em ~ hr, .discography h1.color-5 > em ~ hr, .post h2.color-5 > em ~ hr, .discography h2.color-5 > em ~ hr, .post h3.color-5 > em ~ hr, .discography h3.color-5 > em ~ hr, .post h4.color-5 > em ~ hr, .discography h4.color-5 > em ~ hr, .post h5.color-5 > em ~ hr, .discography h5.color-5 > em ~ hr, .post h6.color-5 > em ~ hr, .discography h6.color-5 > em ~ hr { border-color: #269626; } .post h1.color-6 > em ~ hr, .discography h1.color-6 > em ~ hr, .post h2.color-6 > em ~ hr, .discography h2.color-6 > em ~ hr, .post h3.color-6 > em ~ hr, .discography h3.color-6 > em ~ hr, .post h4.color-6 > em ~ hr, .discography h4.color-6 > em ~ hr, .post h5.color-6 > em ~ hr, .discography h5.color-6 > em ~ hr, .post h6.color-6 > em ~ hr, .discography h6.color-6 > em ~ hr { border-color: #364ba6; } .post h1.color-7 > em ~ hr, .discography h1.color-7 > em ~ hr, .post h2.color-7 > em ~ hr, .discography h2.color-7 > em ~ hr, .post h3.color-7 > em ~ hr, .discography h3.color-7 > em ~ hr, .post h4.color-7 > em ~ hr, .discography h4.color-7 > em ~ hr, .post h5.color-7 > em ~ hr, .discography h5.color-7 > em ~ hr, .post h6.color-7 > em ~ hr, .discography h6.color-7 > em ~ hr { border-color: #4fa7d0; } .post h1.color-8 > em ~ hr, .discography h1.color-8 > em ~ hr, .post h2.color-8 > em ~ hr, .discography h2.color-8 > em ~ hr, .post h3.color-8 > em ~ hr, .discography h3.color-8 > em ~ hr, .post h4.color-8 > em ~ hr, .discography h4.color-8 > em ~ hr, .post h5.color-8 > em ~ hr, .discography h5.color-8 > em ~ hr, .post h6.color-8 > em ~ hr, .discography h6.color-8 > em ~ hr { border-color: #a15daf; } .post h1.color-9 > em ~ hr, .discography h1.color-9 > em ~ hr, .post h2.color-9 > em ~ hr, .discography h2.color-9 > em ~ hr, .post h3.color-9 > em ~ hr, .discography h3.color-9 > em ~ hr, .post h4.color-9 > em ~ hr, .discography h4.color-9 > em ~ hr, .post h5.color-9 > em ~ hr, .discography h5.color-9 > em ~ hr, .post h6.color-9 > em ~ hr, .discography h6.color-9 > em ~ hr { border-color: #da699e; } .post em.color-1, .discography em.color-1 { color: #d2ae4e; } .post em.color-2, .discography em.color-2 { color: #9a9a9a; } .post em.color-3, .discography em.color-3 { color: #bd0e0e; } .post em.color-4, .discography em.color-4 { color: #e6a10c; } .post em.color-5, .discography em.color-5 { color: #269626; } .post em.color-6, .discography em.color-6 { color: #364ba6; } .post em.color-7, .discography em.color-7 { color: #4fa7d0; } .post em.color-8, .discography em.color-8 { color: #a15daf; } .post em.color-9, .discography em.color-9 { color: #da699e; } .post .post--body a.color-1, .discography .post--body a.color-1 { color: #d2ae4e; } .post .post--body a.color-2, .discography .post--body a.color-2 { color: #9a9a9a; } .post .post--body a.color-3, .discography .post--body a.color-3 { color: #bd0e0e; } .post .post--body a.color-4, .discography .post--body a.color-4 { color: #e6a10c; } .post .post--body a.color-5, .discography .post--body a.color-5 { color: #269626; } .post .post--body a.color-6, .discography .post--body a.color-6 { color: #364ba6; } .post .post--body a.color-7, .discography .post--body a.color-7 { color: #4fa7d0; } .post .post--body a.color-8, .discography .post--body a.color-8 { color: #a15daf; } .post .post--body a.color-9, .discography .post--body a.color-9 { color: #da699e; } .post .box.color-1.bordered, .discography .box.color-1.bordered { border: 1px solid #d2ae4e; } .post .box.color-1.filled, .discography .box.color-1.filled { background-color: #d2ae4e; color: #fff; } .post .box.color-2.bordered, .discography .box.color-2.bordered { border: 1px solid #9a9a9a; } .post .box.color-2.filled, .discography .box.color-2.filled { background-color: #9a9a9a; color: #fff; } .post .box.color-3.bordered, .discography .box.color-3.bordered { border: 1px solid #bd0e0e; } .post .box.color-3.filled, .discography .box.color-3.filled { background-color: #bd0e0e; color: #fff; } .post .box.color-4.bordered, .discography .box.color-4.bordered { border: 1px solid #e6a10c; } .post .box.color-4.filled, .discography .box.color-4.filled { background-color: #e6a10c; color: #fff; } .post .box.color-5.bordered, .discography .box.color-5.bordered { border: 1px solid #269626; } .post .box.color-5.filled, .discography .box.color-5.filled { background-color: #269626; color: #fff; } .post .box.color-6.bordered, .discography .box.color-6.bordered { border: 1px solid #364ba6; } .post .box.color-6.filled, .discography .box.color-6.filled { background-color: #364ba6; color: #fff; } .post .box.color-7.bordered, .discography .box.color-7.bordered { border: 1px solid #4fa7d0; } .post .box.color-7.filled, .discography .box.color-7.filled { background-color: #4fa7d0; color: #fff; } .post .box.color-8.bordered, .discography .box.color-8.bordered { border: 1px solid #a15daf; } .post .box.color-8.filled, .discography .box.color-8.filled { background-color: #a15daf; color: #fff; } .post .box.color-9.bordered, .discography .box.color-9.bordered { border: 1px solid #da699e; } .post .box.color-9.filled, .discography .box.color-9.filled { background-color: #da699e; color: #fff; } .post h1.color-1 > em ~ hr, .discography h1.color-1 > em ~ hr, .post h2.color-1 > em ~ hr, .discography h2.color-1 > em ~ hr, .post h3.color-1 > em ~ hr, .discography h3.color-1 > em ~ hr, .post h4.color-1 > em ~ hr, .discography h4.color-1 > em ~ hr, .post h5.color-1 > em ~ hr, .discography h5.color-1 > em ~ hr, .post h6.color-1 > em ~ hr, .discography h6.color-1 > em ~ hr { border-color: #d2ae4e; } .post h1.color-2 > em ~ hr, .discography h1.color-2 > em ~ hr, .post h2.color-2 > em ~ hr, .discography h2.color-2 > em ~ hr, .post h3.color-2 > em ~ hr, .discography h3.color-2 > em ~ hr, .post h4.color-2 > em ~ hr, .discography h4.color-2 > em ~ hr, .post h5.color-2 > em ~ hr, .discography h5.color-2 > em ~ hr, .post h6.color-2 > em ~ hr, .discography h6.color-2 > em ~ hr { border-color: #9a9a9a; } .post h1.color-3 > em ~ hr, .discography h1.color-3 > em ~ hr, .post h2.color-3 > em ~ hr, .discography h2.color-3 > em ~ hr, .post h3.color-3 > em ~ hr, .discography h3.color-3 > em ~ hr, .post h4.color-3 > em ~ hr, .discography h4.color-3 > em ~ hr, .post h5.color-3 > em ~ hr, .discography h5.color-3 > em ~ hr, .post h6.color-3 > em ~ hr, .discography h6.color-3 > em ~ hr { border-color: #bd0e0e; } .post h1.color-4 > em ~ hr, .discography h1.color-4 > em ~ hr, .post h2.color-4 > em ~ hr, .discography h2.color-4 > em ~ hr, .post h3.color-4 > em ~ hr, .discography h3.color-4 > em ~ hr, .post h4.color-4 > em ~ hr, .discography h4.color-4 > em ~ hr, .post h5.color-4 > em ~ hr, .discography h5.color-4 > em ~ hr, .post h6.color-4 > em ~ hr, .discography h6.color-4 > em ~ hr { border-color: #e6a10c; } .post h1.color-5 > em ~ hr, .discography h1.color-5 > em ~ hr, .post h2.color-5 > em ~ hr, .discography h2.color-5 > em ~ hr, .post h3.color-5 > em ~ hr, .discography h3.color-5 > em ~ hr, .post h4.color-5 > em ~ hr, .discography h4.color-5 > em ~ hr, .post h5.color-5 > em ~ hr, .discography h5.color-5 > em ~ hr, .post h6.color-5 > em ~ hr, .discography h6.color-5 > em ~ hr { border-color: #269626; } .post h1.color-6 > em ~ hr, .discography h1.color-6 > em ~ hr, .post h2.color-6 > em ~ hr, .discography h2.color-6 > em ~ hr, .post h3.color-6 > em ~ hr, .discography h3.color-6 > em ~ hr, .post h4.color-6 > em ~ hr, .discography h4.color-6 > em ~ hr, .post h5.color-6 > em ~ hr, .discography h5.color-6 > em ~ hr, .post h6.color-6 > em ~ hr, .discography h6.color-6 > em ~ hr { border-color: #364ba6; } .post h1.color-7 > em ~ hr, .discography h1.color-7 > em ~ hr, .post h2.color-7 > em ~ hr, .discography h2.color-7 > em ~ hr, .post h3.color-7 > em ~ hr, .discography h3.color-7 > em ~ hr, .post h4.color-7 > em ~ hr, .discography h4.color-7 > em ~ hr, .post h5.color-7 > em ~ hr, .discography h5.color-7 > em ~ hr, .post h6.color-7 > em ~ hr, .discography h6.color-7 > em ~ hr { border-color: #4fa7d0; } .post h1.color-8 > em ~ hr, .discography h1.color-8 > em ~ hr, .post h2.color-8 > em ~ hr, .discography h2.color-8 > em ~ hr, .post h3.color-8 > em ~ hr, .discography h3.color-8 > em ~ hr, .post h4.color-8 > em ~ hr, .discography h4.color-8 > em ~ hr, .post h5.color-8 > em ~ hr, .discography h5.color-8 > em ~ hr, .post h6.color-8 > em ~ hr, .discography h6.color-8 > em ~ hr { border-color: #a15daf; } .post h1.color-9 > em ~ hr, .discography h1.color-9 > em ~ hr, .post h2.color-9 > em ~ hr, .discography h2.color-9 > em ~ hr, .post h3.color-9 > em ~ hr, .discography h3.color-9 > em ~ hr, .post h4.color-9 > em ~ hr, .discography h4.color-9 > em ~ hr, .post h5.color-9 > em ~ hr, .discography h5.color-9 > em ~ hr, .post h6.color-9 > em ~ hr, .discography h6.color-9 > em ~ hr { border-color: #da699e; } .post em.color-1, .discography em.color-1 { color: #d2ae4e; } .post em.color-2, .discography em.color-2 { color: #9a9a9a; } .post em.color-3, .discography em.color-3 { color: #bd0e0e; } .post em.color-4, .discography em.color-4 { color: #e6a10c; } .post em.color-5, .discography em.color-5 { color: #269626; } .post em.color-6, .discography em.color-6 { color: #364ba6; } .post em.color-7, .discography em.color-7 { color: #4fa7d0; } .post em.color-8, .discography em.color-8 { color: #a15daf; } .post em.color-9, .discography em.color-9 { color: #da699e; } .post .post--body a.color-1, .discography .post--body a.color-1 { color: #d2ae4e; } .post .post--body a.color-2, .discography .post--body a.color-2 { color: #9a9a9a; } .post .post--body a.color-3, .discography .post--body a.color-3 { color: #bd0e0e; } .post .post--body a.color-4, .discography .post--body a.color-4 { color: #e6a10c; } .post .post--body a.color-5, .discography .post--body a.color-5 { color: #269626; } .post .post--body a.color-6, .discography .post--body a.color-6 { color: #364ba6; } .post .post--body a.color-7, .discography .post--body a.color-7 { color: #4fa7d0; } .post .post--body a.color-8, .discography .post--body a.color-8 { color: #a15daf; } .post .post--body a.color-9, .discography .post--body a.color-9 { color: #da699e; } .post .box.color-1.bordered, .discography .box.color-1.bordered { border: 1px solid #d2ae4e; } .post .box.color-1.filled, .discography .box.color-1.filled { background-color: #d2ae4e; color: #fff; } .post .box.color-2.bordered, .discography .box.color-2.bordered { border: 1px solid #9a9a9a; } .post .box.color-2.filled, .discography .box.color-2.filled { background-color: #9a9a9a; color: #fff; } .post .box.color-3.bordered, .discography .box.color-3.bordered { border: 1px solid #bd0e0e; } .post .box.color-3.filled, .discography .box.color-3.filled { background-color: #bd0e0e; color: #fff; } .post .box.color-4.bordered, .discography .box.color-4.bordered { border: 1px solid #e6a10c; } .post .box.color-4.filled, .discography .box.color-4.filled { background-color: #e6a10c; color: #fff; } .post .box.color-5.bordered, .discography .box.color-5.bordered { border: 1px solid #269626; } .post .box.color-5.filled, .discography .box.color-5.filled { background-color: #269626; color: #fff; } .post .box.color-6.bordered, .discography .box.color-6.bordered { border: 1px solid #364ba6; } .post .box.color-6.filled, .discography .box.color-6.filled { background-color: #364ba6; color: #fff; } .post .box.color-7.bordered, .discography .box.color-7.bordered { border: 1px solid #4fa7d0; } .post .box.color-7.filled, .discography .box.color-7.filled { background-color: #4fa7d0; color: #fff; } .post .box.color-8.bordered, .discography .box.color-8.bordered { border: 1px solid #a15daf; } .post .box.color-8.filled, .discography .box.color-8.filled { background-color: #a15daf; color: #fff; } .post .box.color-9.bordered, .discography .box.color-9.bordered { border: 1px solid #da699e; } .post .box.color-9.filled, .discography .box.color-9.filled { background-color: #da699e; color: #fff; } .post h1.color-1 > em ~ hr, .discography h1.color-1 > em ~ hr, .post h2.color-1 > em ~ hr, .discography h2.color-1 > em ~ hr, .post h3.color-1 > em ~ hr, .discography h3.color-1 > em ~ hr, .post h4.color-1 > em ~ hr, .discography h4.color-1 > em ~ hr, .post h5.color-1 > em ~ hr, .discography h5.color-1 > em ~ hr, .post h6.color-1 > em ~ hr, .discography h6.color-1 > em ~ hr { border-color: #d2ae4e; } .post h1.color-2 > em ~ hr, .discography h1.color-2 > em ~ hr, .post h2.color-2 > em ~ hr, .discography h2.color-2 > em ~ hr, .post h3.color-2 > em ~ hr, .discography h3.color-2 > em ~ hr, .post h4.color-2 > em ~ hr, .discography h4.color-2 > em ~ hr, .post h5.color-2 > em ~ hr, .discography h5.color-2 > em ~ hr, .post h6.color-2 > em ~ hr, .discography h6.color-2 > em ~ hr { border-color: #9a9a9a; } .post h1.color-3 > em ~ hr, .discography h1.color-3 > em ~ hr, .post h2.color-3 > em ~ hr, .discography h2.color-3 > em ~ hr, .post h3.color-3 > em ~ hr, .discography h3.color-3 > em ~ hr, .post h4.color-3 > em ~ hr, .discography h4.color-3 > em ~ hr, .post h5.color-3 > em ~ hr, .discography h5.color-3 > em ~ hr, .post h6.color-3 > em ~ hr, .discography h6.color-3 > em ~ hr { border-color: #bd0e0e; } .post h1.color-4 > em ~ hr, .discography h1.color-4 > em ~ hr, .post h2.color-4 > em ~ hr, .discography h2.color-4 > em ~ hr, .post h3.color-4 > em ~ hr, .discography h3.color-4 > em ~ hr, .post h4.color-4 > em ~ hr, .discography h4.color-4 > em ~ hr, .post h5.color-4 > em ~ hr, .discography h5.color-4 > em ~ hr, .post h6.color-4 > em ~ hr, .discography h6.color-4 > em ~ hr { border-color: #e6a10c; } .post h1.color-5 > em ~ hr, .discography h1.color-5 > em ~ hr, .post h2.color-5 > em ~ hr, .discography h2.color-5 > em ~ hr, .post h3.color-5 > em ~ hr, .discography h3.color-5 > em ~ hr, .post h4.color-5 > em ~ hr, .discography h4.color-5 > em ~ hr, .post h5.color-5 > em ~ hr, .discography h5.color-5 > em ~ hr, .post h6.color-5 > em ~ hr, .discography h6.color-5 > em ~ hr { border-color: #269626; } .post h1.color-6 > em ~ hr, .discography h1.color-6 > em ~ hr, .post h2.color-6 > em ~ hr, .discography h2.color-6 > em ~ hr, .post h3.color-6 > em ~ hr, .discography h3.color-6 > em ~ hr, .post h4.color-6 > em ~ hr, .discography h4.color-6 > em ~ hr, .post h5.color-6 > em ~ hr, .discography h5.color-6 > em ~ hr, .post h6.color-6 > em ~ hr, .discography h6.color-6 > em ~ hr { border-color: #364ba6; } .post h1.color-7 > em ~ hr, .discography h1.color-7 > em ~ hr, .post h2.color-7 > em ~ hr, .discography h2.color-7 > em ~ hr, .post h3.color-7 > em ~ hr, .discography h3.color-7 > em ~ hr, .post h4.color-7 > em ~ hr, .discography h4.color-7 > em ~ hr, .post h5.color-7 > em ~ hr, .discography h5.color-7 > em ~ hr, .post h6.color-7 > em ~ hr, .discography h6.color-7 > em ~ hr { border-color: #4fa7d0; } .post h1.color-8 > em ~ hr, .discography h1.color-8 > em ~ hr, .post h2.color-8 > em ~ hr, .discography h2.color-8 > em ~ hr, .post h3.color-8 > em ~ hr, .discography h3.color-8 > em ~ hr, .post h4.color-8 > em ~ hr, .discography h4.color-8 > em ~ hr, .post h5.color-8 > em ~ hr, .discography h5.color-8 > em ~ hr, .post h6.color-8 > em ~ hr, .discography h6.color-8 > em ~ hr { border-color: #a15daf; } .post h1.color-9 > em ~ hr, .discography h1.color-9 > em ~ hr, .post h2.color-9 > em ~ hr, .discography h2.color-9 > em ~ hr, .post h3.color-9 > em ~ hr, .discography h3.color-9 > em ~ hr, .post h4.color-9 > em ~ hr, .discography h4.color-9 > em ~ hr, .post h5.color-9 > em ~ hr, .discography h5.color-9 > em ~ hr, .post h6.color-9 > em ~ hr, .discography h6.color-9 > em ~ hr { border-color: #da699e; } .post em.color-1, .discography em.color-1 { color: #d2ae4e; } .post em.color-2, .discography em.color-2 { color: #9a9a9a; } .post em.color-3, .discography em.color-3 { color: #bd0e0e; } .post em.color-4, .discography em.color-4 { color: #e6a10c; } .post em.color-5, .discography em.color-5 { color: #269626; } .post em.color-6, .discography em.color-6 { color: #364ba6; } .post em.color-7, .discography em.color-7 { color: #4fa7d0; } .post em.color-8, .discography em.color-8 { color: #a15daf; } .post em.color-9, .discography em.color-9 { color: #da699e; } .post .post--body a.color-1, .discography .post--body a.color-1 { color: #d2ae4e; } .post .post--body a.color-2, .discography .post--body a.color-2 { color: #9a9a9a; } .post .post--body a.color-3, .discography .post--body a.color-3 { color: #bd0e0e; } .post .post--body a.color-4, .discography .post--body a.color-4 { color: #e6a10c; } .post .post--body a.color-5, .discography .post--body a.color-5 { color: #269626; } .post .post--body a.color-6, .discography .post--body a.color-6 { color: #364ba6; } .post .post--body a.color-7, .discography .post--body a.color-7 { color: #4fa7d0; } .post .post--body a.color-8, .discography .post--body a.color-8 { color: #a15daf; } .post .post--body a.color-9, .discography .post--body a.color-9 { color: #da699e; } .post .box.color-1.bordered, .discography .box.color-1.bordered { border: 1px solid #d2ae4e; } .post .box.color-1.filled, .discography .box.color-1.filled { background-color: #d2ae4e; color: #fff; } .post .box.color-2.bordered, .discography .box.color-2.bordered { border: 1px solid #9a9a9a; } .post .box.color-2.filled, .discography .box.color-2.filled { background-color: #9a9a9a; color: #fff; } .post .box.color-3.bordered, .discography .box.color-3.bordered { border: 1px solid #bd0e0e; } .post .box.color-3.filled, .discography .box.color-3.filled { background-color: #bd0e0e; color: #fff; } .post .box.color-4.bordered, .discography .box.color-4.bordered { border: 1px solid #e6a10c; } .post .box.color-4.filled, .discography .box.color-4.filled { background-color: #e6a10c; color: #fff; } .post .box.color-5.bordered, .discography .box.color-5.bordered { border: 1px solid #269626; } .post .box.color-5.filled, .discography .box.color-5.filled { background-color: #269626; color: #fff; } .post .box.color-6.bordered, .discography .box.color-6.bordered { border: 1px solid #364ba6; } .post .box.color-6.filled, .discography .box.color-6.filled { background-color: #364ba6; color: #fff; } .post .box.color-7.bordered, .discography .box.color-7.bordered { border: 1px solid #4fa7d0; } .post .box.color-7.filled, .discography .box.color-7.filled { background-color: #4fa7d0; color: #fff; } .post .box.color-8.bordered, .discography .box.color-8.bordered { border: 1px solid #a15daf; } .post .box.color-8.filled, .discography .box.color-8.filled { background-color: #a15daf; color: #fff; } .post .box.color-9.bordered, .discography .box.color-9.bordered { border: 1px solid #da699e; } .post .box.color-9.filled, .discography .box.color-9.filled { background-color: #da699e; color: #fff; } .post h1.color-1 > em ~ hr, .discography h1.color-1 > em ~ hr, .post h2.color-1 > em ~ hr, .discography h2.color-1 > em ~ hr, .post h3.color-1 > em ~ hr, .discography h3.color-1 > em ~ hr, .post h4.color-1 > em ~ hr, .discography h4.color-1 > em ~ hr, .post h5.color-1 > em ~ hr, .discography h5.color-1 > em ~ hr, .post h6.color-1 > em ~ hr, .discography h6.color-1 > em ~ hr { border-color: #d2ae4e; } .post h1.color-2 > em ~ hr, .discography h1.color-2 > em ~ hr, .post h2.color-2 > em ~ hr, .discography h2.color-2 > em ~ hr, .post h3.color-2 > em ~ hr, .discography h3.color-2 > em ~ hr, .post h4.color-2 > em ~ hr, .discography h4.color-2 > em ~ hr, .post h5.color-2 > em ~ hr, .discography h5.color-2 > em ~ hr, .post h6.color-2 > em ~ hr, .discography h6.color-2 > em ~ hr { border-color: #9a9a9a; } .post h1.color-3 > em ~ hr, .discography h1.color-3 > em ~ hr, .post h2.color-3 > em ~ hr, .discography h2.color-3 > em ~ hr, .post h3.color-3 > em ~ hr, .discography h3.color-3 > em ~ hr, .post h4.color-3 > em ~ hr, .discography h4.color-3 > em ~ hr, .post h5.color-3 > em ~ hr, .discography h5.color-3 > em ~ hr, .post h6.color-3 > em ~ hr, .discography h6.color-3 > em ~ hr { border-color: #bd0e0e; } .post h1.color-4 > em ~ hr, .discography h1.color-4 > em ~ hr, .post h2.color-4 > em ~ hr, .discography h2.color-4 > em ~ hr, .post h3.color-4 > em ~ hr, .discography h3.color-4 > em ~ hr, .post h4.color-4 > em ~ hr, .discography h4.color-4 > em ~ hr, .post h5.color-4 > em ~ hr, .discography h5.color-4 > em ~ hr, .post h6.color-4 > em ~ hr, .discography h6.color-4 > em ~ hr { border-color: #e6a10c; } .post h1.color-5 > em ~ hr, .discography h1.color-5 > em ~ hr, .post h2.color-5 > em ~ hr, .discography h2.color-5 > em ~ hr, .post h3.color-5 > em ~ hr, .discography h3.color-5 > em ~ hr, .post h4.color-5 > em ~ hr, .discography h4.color-5 > em ~ hr, .post h5.color-5 > em ~ hr, .discography h5.color-5 > em ~ hr, .post h6.color-5 > em ~ hr, .discography h6.color-5 > em ~ hr { border-color: #269626; } .post h1.color-6 > em ~ hr, .discography h1.color-6 > em ~ hr, .post h2.color-6 > em ~ hr, .discography h2.color-6 > em ~ hr, .post h3.color-6 > em ~ hr, .discography h3.color-6 > em ~ hr, .post h4.color-6 > em ~ hr, .discography h4.color-6 > em ~ hr, .post h5.color-6 > em ~ hr, .discography h5.color-6 > em ~ hr, .post h6.color-6 > em ~ hr, .discography h6.color-6 > em ~ hr { border-color: #364ba6; } .post h1.color-7 > em ~ hr, .discography h1.color-7 > em ~ hr, .post h2.color-7 > em ~ hr, .discography h2.color-7 > em ~ hr, .post h3.color-7 > em ~ hr, .discography h3.color-7 > em ~ hr, .post h4.color-7 > em ~ hr, .discography h4.color-7 > em ~ hr, .post h5.color-7 > em ~ hr, .discography h5.color-7 > em ~ hr, .post h6.color-7 > em ~ hr, .discography h6.color-7 > em ~ hr { border-color: #4fa7d0; } .post h1.color-8 > em ~ hr, .discography h1.color-8 > em ~ hr, .post h2.color-8 > em ~ hr, .discography h2.color-8 > em ~ hr, .post h3.color-8 > em ~ hr, .discography h3.color-8 > em ~ hr, .post h4.color-8 > em ~ hr, .discography h4.color-8 > em ~ hr, .post h5.color-8 > em ~ hr, .discography h5.color-8 > em ~ hr, .post h6.color-8 > em ~ hr, .discography h6.color-8 > em ~ hr { border-color: #a15daf; } .post h1.color-9 > em ~ hr, .discography h1.color-9 > em ~ hr, .post h2.color-9 > em ~ hr, .discography h2.color-9 > em ~ hr, .post h3.color-9 > em ~ hr, .discography h3.color-9 > em ~ hr, .post h4.color-9 > em ~ hr, .discography h4.color-9 > em ~ hr, .post h5.color-9 > em ~ hr, .discography h5.color-9 > em ~ hr, .post h6.color-9 > em ~ hr, .discography h6.color-9 > em ~ hr { border-color: #da699e; } .post em.color-1, .discography em.color-1 { color: #d2ae4e; } .post em.color-2, .discography em.color-2 { color: #9a9a9a; } .post em.color-3, .discography em.color-3 { color: #bd0e0e; } .post em.color-4, .discography em.color-4 { color: #e6a10c; } .post em.color-5, .discography em.color-5 { color: #269626; } .post em.color-6, .discography em.color-6 { color: #364ba6; } .post em.color-7, .discography em.color-7 { color: #4fa7d0; } .post em.color-8, .discography em.color-8 { color: #a15daf; } .post em.color-9, .discography em.color-9 { color: #da699e; } .post .post--body a.color-1, .discography .post--body a.color-1 { color: #d2ae4e; } .post .post--body a.color-2, .discography .post--body a.color-2 { color: #9a9a9a; } .post .post--body a.color-3, .discography .post--body a.color-3 { color: #bd0e0e; } .post .post--body a.color-4, .discography .post--body a.color-4 { color: #e6a10c; } .post .post--body a.color-5, .discography .post--body a.color-5 { color: #269626; } .post .post--body a.color-6, .discography .post--body a.color-6 { color: #364ba6; } .post .post--body a.color-7, .discography .post--body a.color-7 { color: #4fa7d0; } .post .post--body a.color-8, .discography .post--body a.color-8 { color: #a15daf; } .post .post--body a.color-9, .discography .post--body a.color-9 { color: #da699e; } .post .box.color-1.bordered, .discography .box.color-1.bordered { border: 1px solid #d2ae4e; } .post .box.color-1.filled, .discography .box.color-1.filled { background-color: #d2ae4e; color: #fff; } .post .box.color-2.bordered, .discography .box.color-2.bordered { border: 1px solid #9a9a9a; } .post .box.color-2.filled, .discography .box.color-2.filled { background-color: #9a9a9a; color: #fff; } .post .box.color-3.bordered, .discography .box.color-3.bordered { border: 1px solid #bd0e0e; } .post .box.color-3.filled, .discography .box.color-3.filled { background-color: #bd0e0e; color: #fff; } .post .box.color-4.bordered, .discography .box.color-4.bordered { border: 1px solid #e6a10c; } .post .box.color-4.filled, .discography .box.color-4.filled { background-color: #e6a10c; color: #fff; } .post .box.color-5.bordered, .discography .box.color-5.bordered { border: 1px solid #269626; } .post .box.color-5.filled, .discography .box.color-5.filled { background-color: #269626; color: #fff; } .post .box.color-6.bordered, .discography .box.color-6.bordered { border: 1px solid #364ba6; } .post .box.color-6.filled, .discography .box.color-6.filled { background-color: #364ba6; color: #fff; } .post .box.color-7.bordered, .discography .box.color-7.bordered { border: 1px solid #4fa7d0; } .post .box.color-7.filled, .discography .box.color-7.filled { background-color: #4fa7d0; color: #fff; } .post .box.color-8.bordered, .discography .box.color-8.bordered { border: 1px solid #a15daf; } .post .box.color-8.filled, .discography .box.color-8.filled { background-color: #a15daf; color: #fff; } .post .box.color-9.bordered, .discography .box.color-9.bordered { border: 1px solid #da699e; } .post .box.color-9.filled, .discography .box.color-9.filled { background-color: #da699e; color: #fff; } .post h1.color-1 > em ~ hr, .discography h1.color-1 > em ~ hr, .post h2.color-1 > em ~ hr, .discography h2.color-1 > em ~ hr, .post h3.color-1 > em ~ hr, .discography h3.color-1 > em ~ hr, .post h4.color-1 > em ~ hr, .discography h4.color-1 > em ~ hr, .post h5.color-1 > em ~ hr, .discography h5.color-1 > em ~ hr, .post h6.color-1 > em ~ hr, .discography h6.color-1 > em ~ hr { border-color: #d2ae4e; } .post h1.color-2 > em ~ hr, .discography h1.color-2 > em ~ hr, .post h2.color-2 > em ~ hr, .discography h2.color-2 > em ~ hr, .post h3.color-2 > em ~ hr, .discography h3.color-2 > em ~ hr, .post h4.color-2 > em ~ hr, .discography h4.color-2 > em ~ hr, .post h5.color-2 > em ~ hr, .discography h5.color-2 > em ~ hr, .post h6.color-2 > em ~ hr, .discography h6.color-2 > em ~ hr { border-color: #9a9a9a; } .post h1.color-3 > em ~ hr, .discography h1.color-3 > em ~ hr, .post h2.color-3 > em ~ hr, .discography h2.color-3 > em ~ hr, .post h3.color-3 > em ~ hr, .discography h3.color-3 > em ~ hr, .post h4.color-3 > em ~ hr, .discography h4.color-3 > em ~ hr, .post h5.color-3 > em ~ hr, .discography h5.color-3 > em ~ hr, .post h6.color-3 > em ~ hr, .discography h6.color-3 > em ~ hr { border-color: #bd0e0e; } .post h1.color-4 > em ~ hr, .discography h1.color-4 > em ~ hr, .post h2.color-4 > em ~ hr, .discography h2.color-4 > em ~ hr, .post h3.color-4 > em ~ hr, .discography h3.color-4 > em ~ hr, .post h4.color-4 > em ~ hr, .discography h4.color-4 > em ~ hr, .post h5.color-4 > em ~ hr, .discography h5.color-4 > em ~ hr, .post h6.color-4 > em ~ hr, .discography h6.color-4 > em ~ hr { border-color: #e6a10c; } .post h1.color-5 > em ~ hr, .discography h1.color-5 > em ~ hr, .post h2.color-5 > em ~ hr, .discography h2.color-5 > em ~ hr, .post h3.color-5 > em ~ hr, .discography h3.color-5 > em ~ hr, .post h4.color-5 > em ~ hr, .discography h4.color-5 > em ~ hr, .post h5.color-5 > em ~ hr, .discography h5.color-5 > em ~ hr, .post h6.color-5 > em ~ hr, .discography h6.color-5 > em ~ hr { border-color: #269626; } .post h1.color-6 > em ~ hr, .discography h1.color-6 > em ~ hr, .post h2.color-6 > em ~ hr, .discography h2.color-6 > em ~ hr, .post h3.color-6 > em ~ hr, .discography h3.color-6 > em ~ hr, .post h4.color-6 > em ~ hr, .discography h4.color-6 > em ~ hr, .post h5.color-6 > em ~ hr, .discography h5.color-6 > em ~ hr, .post h6.color-6 > em ~ hr, .discography h6.color-6 > em ~ hr { border-color: #364ba6; } .post h1.color-7 > em ~ hr, .discography h1.color-7 > em ~ hr, .post h2.color-7 > em ~ hr, .discography h2.color-7 > em ~ hr, .post h3.color-7 > em ~ hr, .discography h3.color-7 > em ~ hr, .post h4.color-7 > em ~ hr, .discography h4.color-7 > em ~ hr, .post h5.color-7 > em ~ hr, .discography h5.color-7 > em ~ hr, .post h6.color-7 > em ~ hr, .discography h6.color-7 > em ~ hr { border-color: #4fa7d0; } .post h1.color-8 > em ~ hr, .discography h1.color-8 > em ~ hr, .post h2.color-8 > em ~ hr, .discography h2.color-8 > em ~ hr, .post h3.color-8 > em ~ hr, .discography h3.color-8 > em ~ hr, .post h4.color-8 > em ~ hr, .discography h4.color-8 > em ~ hr, .post h5.color-8 > em ~ hr, .discography h5.color-8 > em ~ hr, .post h6.color-8 > em ~ hr, .discography h6.color-8 > em ~ hr { border-color: #a15daf; } .post h1.color-9 > em ~ hr, .discography h1.color-9 > em ~ hr, .post h2.color-9 > em ~ hr, .discography h2.color-9 > em ~ hr, .post h3.color-9 > em ~ hr, .discography h3.color-9 > em ~ hr, .post h4.color-9 > em ~ hr, .discography h4.color-9 > em ~ hr, .post h5.color-9 > em ~ hr, .discography h5.color-9 > em ~ hr, .post h6.color-9 > em ~ hr, .discography h6.color-9 > em ~ hr { border-color: #da699e; } .post em.color-1, .discography em.color-1 { color: #d2ae4e; } .post em.color-2, .discography em.color-2 { color: #9a9a9a; } .post em.color-3, .discography em.color-3 { color: #bd0e0e; } .post em.color-4, .discography em.color-4 { color: #e6a10c; } .post em.color-5, .discography em.color-5 { color: #269626; } .post em.color-6, .discography em.color-6 { color: #364ba6; } .post em.color-7, .discography em.color-7 { color: #4fa7d0; } .post em.color-8, .discography em.color-8 { color: #a15daf; } .post em.color-9, .discography em.color-9 { color: #da699e; } .post .post--body a.color-1, .discography .post--body a.color-1 { color: #d2ae4e; } .post .post--body a.color-2, .discography .post--body a.color-2 { color: #9a9a9a; } .post .post--body a.color-3, .discography .post--body a.color-3 { color: #bd0e0e; } .post .post--body a.color-4, .discography .post--body a.color-4 { color: #e6a10c; } .post .post--body a.color-5, .discography .post--body a.color-5 { color: #269626; } .post .post--body a.color-6, .discography .post--body a.color-6 { color: #364ba6; } .post .post--body a.color-7, .discography .post--body a.color-7 { color: #4fa7d0; } .post .post--body a.color-8, .discography .post--body a.color-8 { color: #a15daf; } .post .post--body a.color-9, .discography .post--body a.color-9 { color: #da699e; } .post .box.color-1.bordered, .discography .box.color-1.bordered { border: 1px solid #d2ae4e; } .post .box.color-1.filled, .discography .box.color-1.filled { background-color: #d2ae4e; color: #fff; } .post .box.color-2.bordered, .discography .box.color-2.bordered { border: 1px solid #9a9a9a; } .post .box.color-2.filled, .discography .box.color-2.filled { background-color: #9a9a9a; color: #fff; } .post .box.color-3.bordered, .discography .box.color-3.bordered { border: 1px solid #bd0e0e; } .post .box.color-3.filled, .discography .box.color-3.filled { background-color: #bd0e0e; color: #fff; } .post .box.color-4.bordered, .discography .box.color-4.bordered { border: 1px solid #e6a10c; } .post .box.color-4.filled, .discography .box.color-4.filled { background-color: #e6a10c; color: #fff; } .post .box.color-5.bordered, .discography .box.color-5.bordered { border: 1px solid #269626; } .post .box.color-5.filled, .discography .box.color-5.filled { background-color: #269626; color: #fff; } .post .box.color-6.bordered, .discography .box.color-6.bordered { border: 1px solid #364ba6; } .post .box.color-6.filled, .discography .box.color-6.filled { background-color: #364ba6; color: #fff; } .post .box.color-7.bordered, .discography .box.color-7.bordered { border: 1px solid #4fa7d0; } .post .box.color-7.filled, .discography .box.color-7.filled { background-color: #4fa7d0; color: #fff; } .post .box.color-8.bordered, .discography .box.color-8.bordered { border: 1px solid #a15daf; } .post .box.color-8.filled, .discography .box.color-8.filled { background-color: #a15daf; color: #fff; } .post .box.color-9.bordered, .discography .box.color-9.bordered { border: 1px solid #da699e; } .post .box.color-9.filled, .discography .box.color-9.filled { background-color: #da699e; color: #fff; } .post h1.color-1 > em ~ hr, .discography h1.color-1 > em ~ hr, .post h2.color-1 > em ~ hr, .discography h2.color-1 > em ~ hr, .post h3.color-1 > em ~ hr, .discography h3.color-1 > em ~ hr, .post h4.color-1 > em ~ hr, .discography h4.color-1 > em ~ hr, .post h5.color-1 > em ~ hr, .discography h5.color-1 > em ~ hr, .post h6.color-1 > em ~ hr, .discography h6.color-1 > em ~ hr { border-color: #d2ae4e; } .post h1.color-2 > em ~ hr, .discography h1.color-2 > em ~ hr, .post h2.color-2 > em ~ hr, .discography h2.color-2 > em ~ hr, .post h3.color-2 > em ~ hr, .discography h3.color-2 > em ~ hr, .post h4.color-2 > em ~ hr, .discography h4.color-2 > em ~ hr, .post h5.color-2 > em ~ hr, .discography h5.color-2 > em ~ hr, .post h6.color-2 > em ~ hr, .discography h6.color-2 > em ~ hr { border-color: #9a9a9a; } .post h1.color-3 > em ~ hr, .discography h1.color-3 > em ~ hr, .post h2.color-3 > em ~ hr, .discography h2.color-3 > em ~ hr, .post h3.color-3 > em ~ hr, .discography h3.color-3 > em ~ hr, .post h4.color-3 > em ~ hr, .discography h4.color-3 > em ~ hr, .post h5.color-3 > em ~ hr, .discography h5.color-3 > em ~ hr, .post h6.color-3 > em ~ hr, .discography h6.color-3 > em ~ hr { border-color: #bd0e0e; } .post h1.color-4 > em ~ hr, .discography h1.color-4 > em ~ hr, .post h2.color-4 > em ~ hr, .discography h2.color-4 > em ~ hr, .post h3.color-4 > em ~ hr, .discography h3.color-4 > em ~ hr, .post h4.color-4 > em ~ hr, .discography h4.color-4 > em ~ hr, .post h5.color-4 > em ~ hr, .discography h5.color-4 > em ~ hr, .post h6.color-4 > em ~ hr, .discography h6.color-4 > em ~ hr { border-color: #e6a10c; } .post h1.color-5 > em ~ hr, .discography h1.color-5 > em ~ hr, .post h2.color-5 > em ~ hr, .discography h2.color-5 > em ~ hr, .post h3.color-5 > em ~ hr, .discography h3.color-5 > em ~ hr, .post h4.color-5 > em ~ hr, .discography h4.color-5 > em ~ hr, .post h5.color-5 > em ~ hr, .discography h5.color-5 > em ~ hr, .post h6.color-5 > em ~ hr, .discography h6.color-5 > em ~ hr { border-color: #269626; } .post h1.color-6 > em ~ hr, .discography h1.color-6 > em ~ hr, .post h2.color-6 > em ~ hr, .discography h2.color-6 > em ~ hr, .post h3.color-6 > em ~ hr, .discography h3.color-6 > em ~ hr, .post h4.color-6 > em ~ hr, .discography h4.color-6 > em ~ hr, .post h5.color-6 > em ~ hr, .discography h5.color-6 > em ~ hr, .post h6.color-6 > em ~ hr, .discography h6.color-6 > em ~ hr { border-color: #364ba6; } .post h1.color-7 > em ~ hr, .discography h1.color-7 > em ~ hr, .post h2.color-7 > em ~ hr, .discography h2.color-7 > em ~ hr, .post h3.color-7 > em ~ hr, .discography h3.color-7 > em ~ hr, .post h4.color-7 > em ~ hr, .discography h4.color-7 > em ~ hr, .post h5.color-7 > em ~ hr, .discography h5.color-7 > em ~ hr, .post h6.color-7 > em ~ hr, .discography h6.color-7 > em ~ hr { border-color: #4fa7d0; } .post h1.color-8 > em ~ hr, .discography h1.color-8 > em ~ hr, .post h2.color-8 > em ~ hr, .discography h2.color-8 > em ~ hr, .post h3.color-8 > em ~ hr, .discography h3.color-8 > em ~ hr, .post h4.color-8 > em ~ hr, .discography h4.color-8 > em ~ hr, .post h5.color-8 > em ~ hr, .discography h5.color-8 > em ~ hr, .post h6.color-8 > em ~ hr, .discography h6.color-8 > em ~ hr { border-color: #a15daf; } .post h1.color-9 > em ~ hr, .discography h1.color-9 > em ~ hr, .post h2.color-9 > em ~ hr, .discography h2.color-9 > em ~ hr, .post h3.color-9 > em ~ hr, .discography h3.color-9 > em ~ hr, .post h4.color-9 > em ~ hr, .discography h4.color-9 > em ~ hr, .post h5.color-9 > em ~ hr, .discography h5.color-9 > em ~ hr, .post h6.color-9 > em ~ hr, .discography h6.color-9 > em ~ hr { border-color: #da699e; } .post em.color-1, .discography em.color-1 { color: #d2ae4e; } .post em.color-2, .discography em.color-2 { color: #9a9a9a; } .post em.color-3, .discography em.color-3 { color: #bd0e0e; } .post em.color-4, .discography em.color-4 { color: #e6a10c; } .post em.color-5, .discography em.color-5 { color: #269626; } .post em.color-6, .discography em.color-6 { color: #364ba6; } .post em.color-7, .discography em.color-7 { color: #4fa7d0; } .post em.color-8, .discography em.color-8 { color: #a15daf; } .post em.color-9, .discography em.color-9 { color: #da699e; } .post .post--body a.color-1, .discography .post--body a.color-1 { color: #d2ae4e; } .post .post--body a.color-2, .discography .post--body a.color-2 { color: #9a9a9a; } .post .post--body a.color-3, .discography .post--body a.color-3 { color: #bd0e0e; } .post .post--body a.color-4, .discography .post--body a.color-4 { color: #e6a10c; } .post .post--body a.color-5, .discography .post--body a.color-5 { color: #269626; } .post .post--body a.color-6, .discography .post--body a.color-6 { color: #364ba6; } .post .post--body a.color-7, .discography .post--body a.color-7 { color: #4fa7d0; } .post .post--body a.color-8, .discography .post--body a.color-8 { color: #a15daf; } .post .post--body a.color-9, .discography .post--body a.color-9 { color: #da699e; } .post .box.color-1.bordered, .discography .box.color-1.bordered { border: 1px solid #d2ae4e; } .post .box.color-1.filled, .discography .box.color-1.filled { background-color: #d2ae4e; color: #fff; } .post .box.color-2.bordered, .discography .box.color-2.bordered { border: 1px solid #9a9a9a; } .post .box.color-2.filled, .discography .box.color-2.filled { background-color: #9a9a9a; color: #fff; } .post .box.color-3.bordered, .discography .box.color-3.bordered { border: 1px solid #bd0e0e; } .post .box.color-3.filled, .discography .box.color-3.filled { background-color: #bd0e0e; color: #fff; } .post .box.color-4.bordered, .discography .box.color-4.bordered { border: 1px solid #e6a10c; } .post .box.color-4.filled, .discography .box.color-4.filled { background-color: #e6a10c; color: #fff; } .post .box.color-5.bordered, .discography .box.color-5.bordered { border: 1px solid #269626; } .post .box.color-5.filled, .discography .box.color-5.filled { background-color: #269626; color: #fff; } .post .box.color-6.bordered, .discography .box.color-6.bordered { border: 1px solid #364ba6; } .post .box.color-6.filled, .discography .box.color-6.filled { background-color: #364ba6; color: #fff; } .post .box.color-7.bordered, .discography .box.color-7.bordered { border: 1px solid #4fa7d0; } .post .box.color-7.filled, .discography .box.color-7.filled { background-color: #4fa7d0; color: #fff; } .post .box.color-8.bordered, .discography .box.color-8.bordered { border: 1px solid #a15daf; } .post .box.color-8.filled, .discography .box.color-8.filled { background-color: #a15daf; color: #fff; } .post .box.color-9.bordered, .discography .box.color-9.bordered { border: 1px solid #da699e; } .post .box.color-9.filled, .discography .box.color-9.filled { background-color: #da699e; color: #fff; } .f-op { font-family: 'Open Sans', sans-serif !important; } /* .jsA-bgColor { background: #d2ae4e; color: #b68d1e; .jsA-logoColor { svg { .cls-1 { fill: #b68d1e; } } } } */ .js-arti-color { color: #e8cf8b; } .js-arti-bgColor { background: #e8cf8b; } .js-arti-bdColor { border-color: #e8cf8b; } .label--information, .label--disc, .label--category { color: #292929; border-color: #292929; } .js-arti-textColor { color: #292929; } .js-arti-textColorSub { color: #727272; } .js-arti-linkColor { background: #d2ae4e; } .js-arti-menuColor { color: #b68d1e; background: #d2ae4e; } .js-arti-menuColor a { color: #fff; } .js-arti-menuColor i.icon svg * { fill: #fff !important; } .js-arti-menuColor .logo svg .cls-1 { fill: #b68d1e; } .informationList--menu a:before, .label--artist:before, .jCalItem:before, a.jCalItem:before, .filter a:before { background: #d2ae4e; } .informationList--menu a.color-tokio, .label--artist.color-tokio, .jCalItem.color-tokio, a.jCalItem.color-tokio, .filter a.color-tokio { border-color: #d4cfcf; } .informationList--menu a.color-tokio:before, .label--artist.color-tokio:before, .jCalItem.color-tokio:before, a.jCalItem.color-tokio:before, .filter a.color-tokio:before { background: #d4cfcf; } .informationList--menu a.color-arashi, .label--artist.color-arashi, .jCalItem.color-arashi, a.jCalItem.color-arashi, .filter a.color-arashi { border-color: #e7e7e7; } .informationList--menu a.color-arashi:before, .label--artist.color-arashi:before, .jCalItem.color-arashi:before, a.jCalItem.color-arashi:before, .filter a.color-arashi:before { background: #e7e7e7; } .informationList--menu a.color-kanjani8, .label--artist.color-kanjani8, .jCalItem.color-kanjani8, a.jCalItem.color-kanjani8, .filter a.color-kanjani8 { border-color: #b3a2d9; } .informationList--menu a.color-kanjani8:before, .label--artist.color-kanjani8:before, .jCalItem.color-kanjani8:before, a.jCalItem.color-kanjani8:before, .filter a.color-kanjani8:before { background: #b3a2d9; } .informationList--menu a.color-kattun, .label--artist.color-kattun, .jCalItem.color-kattun, a.jCalItem.color-kattun, .filter a.color-kattun { border-color: #7d7d7d; } .informationList--menu a.color-kattun:before, .label--artist.color-kattun:before, .jCalItem.color-kattun:before, a.jCalItem.color-kattun:before, .filter a.color-kattun:before { background: #7d7d7d; } .informationList--menu a.color-heysayjump, .label--artist.color-heysayjump, .jCalItem.color-heysayjump, a.jCalItem.color-heysayjump, .filter a.color-heysayjump { border-color: #b1ead2; } .informationList--menu a.color-heysayjump:before, .label--artist.color-heysayjump:before, .jCalItem.color-heysayjump:before, a.jCalItem.color-heysayjump:before, .filter a.color-heysayjump:before { background: #b1ead2; } .informationList--menu a.color-naniwadanshi, .label--artist.color-naniwadanshi, .jCalItem.color-naniwadanshi, a.jCalItem.color-naniwadanshi, .filter a.color-naniwadanshi { border-color: #9fe9f7; } .informationList--menu a.color-naniwadanshi:before, .label--artist.color-naniwadanshi:before, .jCalItem.color-naniwadanshi:before, a.jCalItem.color-naniwadanshi:before, .filter a.color-naniwadanshi:before { background: #9fe9f7; } .informationList--menu a.color-others, .informationList--menu a.color-other, .label--artist.color-others, .label--artist.color-other, .jCalItem.color-others, .jCalItem.color-other, a.jCalItem.color-others, a.jCalItem.color-other, .filter a.color-others, .filter a.color-other { border-color: #789ed1; } .informationList--menu a.color-others:before, .informationList--menu a.color-other:before, .label--artist.color-others:before, .label--artist.color-other:before, .jCalItem.color-others:before, .jCalItem.color-other:before, a.jCalItem.color-others:before, a.jCalItem.color-other:before, .filter a.color-others:before, .filter a.color-other:before { background: #789ed1; } .informationList--menu a.color-movie, .label--artist.color-movie, .jCalItem.color-movie, a.jCalItem.color-movie, .filter a.color-movie { border-color: #e6cd8a; } .informationList--menu a.color-movie:before, .label--artist.color-movie:before, .jCalItem.color-movie:before, a.jCalItem.color-movie:before, .filter a.color-movie:before { background: #e6cd8a; } .informationList--menu a.color-jer, .label--artist.color-jer, .jCalItem.color-jer, a.jCalItem.color-jer, .filter a.color-jer { border-color: #e9518e; } .informationList--menu a.color-jer:before, .label--artist.color-jer:before, .jCalItem.color-jer:before, a.jCalItem.color-jer:before, .filter a.color-jer:before { background: #e9518e; } .informationList--menu a.color-jiLabel, .label--artist.color-jiLabel, .jCalItem.color-jiLabel, a.jCalItem.color-jiLabel, .filter a.color-jiLabel { border-color: #ff9fbb; } .informationList--menu a.color-jiLabel:before, .label--artist.color-jiLabel:before, .jCalItem.color-jiLabel:before, a.jCalItem.color-jiLabel:before, .filter a.color-jiLabel:before { background: #ff9fbb; } .label--category.color-tokio { color: #8f8f8f; border: 1px solid #d4cfcf; } .label--category.color-arashi { color: #aeaeb3; border: 1px solid #e7e7e7; } .label--category.color-kanjani8 { color: #b3a2d9; border: 1px solid #b3a2d9; } .label--category.color-kattun { color: #7d7d7d; border: 1px solid #7d7d7d; } .label--category.color-heysayjump { color: #8fcab1; border: 1px solid #b1ead2; } .label--category.color-naniwadanshi { color: #56d1e9; border: 1px solid #9fe9f7; } .label--category.color-others, .label--category.color-other { color: #789ed1; border: 1px solid #789ed1; } .label--category.color-movie { color: #e6cd8a; border: 1px solid #e6cd8a; } .label--category.color-jer { color: #e9518e; border: 1px solid #e9518e; } .label--category.color-jiLabel { color: #ff9fbb; border: 1px solid #ff9fbb; } .slider-top figure.color-tokio { background: #e6e6e6; } .slider-top figure.color-tokio:after { background: #656565; } .slider-top figure.color-tokio:before { background: #b5b5b5; } .slider-top figure.color-arashi { background: #f4f4f4; } .slider-top figure.color-arashi:after, .slider-top figure.color-arashi:before { background: #fff; } .slider-top figure.color-heysayjump { background: #ebe3da; right: calc(50% - 500px); } .slider-top figure.color-heysayjump:after { background: #6db5a7; } .slider-top figure.color-heysayjump:before { background: #d28b7a; } @media (max-width: 1024px) { .slider-top figure.color-heysayjump { right: 20px; } } .slider-top figure.color-naniwadanshi { background: #e4f6f9; } .slider-top figure.color-naniwadanshi:after { background: #f8e184; } .slider-top figure.color-naniwadanshi:before { background: #df93c1; } .slider-top figure.color-naniwadanshi figcaption { top: calc(50% + 186px); } @media (max-width: 1024px) { .slider-top figure.color-naniwadanshi figcaption { top: calc(50% + 105px); } } .slider-top figure.color-naniwadanshi figcaption img { -webkit-filter: none !important; filter: none !important; height: 92px; } @media (max-width: 1024px) { .slider-top figure.color-naniwadanshi figcaption img { height: 34px; } } .slider-top figure.color-kanjani8 { background: #f864b1; } .slider-top figure.color-kanjani8:after { background: #e98368; } .slider-top figure.color-kanjani8:before { background: #9267c5; } .slider-top figure.color-kattun { background: #1b1b1b; } .slider-top figure.color-kattun:after { background: #4d4d4e url(../../images/texture/tex-007.jpg); background-size: cover; } .slider-top figure.color-kattun:before { background: #303030 url(../../images/texture/tex002.png); background-size: cover; } .slider-top figure.color-others { background: #d7b865; } .slider-top figure.color-others:after { background: #fff; } .slider-top figure.color-others:before { background: #fff; } .slider-top figure.color-jiLabel { background: #FFF; } .slider-top figure.color-jiLabel:after { background: #a0eafb; } .slider-top figure.color-jiLabel:before { background: #ffd2df; } #wrapper.color-tokio .st-Header--ArtistTop + .st-Main #pickup:before { background: #e6e6e6; } #wrapper.color-arashi .st-Header--ArtistTop + .st-Main #pickup:before { background: #f4f4f4; } #wrapper.color-heysayjump .st-Header--ArtistTop + .st-Main #pickup:before { background: #ebe3da; } #wrapper.color-kattun .st-Header--ArtistTop + .st-Main #pickup:before { background: #1b1b1b; } #wrapper.color-kanjani8 .st-Header--ArtistTop + .st-Main #pickup:before { background: #f864b1; } #wrapper.color-others .st-Header--ArtistTop + .st-Main #pickup:before { background: #d7b865; } #wrapper.color-jiLabel .st-Header--ArtistTop + .st-Main #pickup:before { background: transparent; } .st-Header--Top .slider-top figure.color-jiLabel figcaption { top: calc(50% + 190px); } @media (max-width: 1024px) { .st-Header--Top .slider-top figure.color-jiLabel figcaption { top: calc(50% + 100px); } } .st-Header--Top .slider-top figure.color-jiLabel figcaption img { height: 86px; } @media (max-width: 1024px) { .st-Header--Top .slider-top figure.color-jiLabel figcaption img { height: 30px; } } #wrapper.color-kanjani8 .st-Header .slider-num { color: #fff; } #wrapper.color-kanjani8 .st-Header .slider-num span { border-color: #fff; } #wrapper.color-kanjani8 .st-Header .slick-next, #wrapper.color-kanjani8 .st-Header .slick-prev { color: #fff; } #wrapper.color-kanjani8 .st-Header .slick-next svg *, #wrapper.color-kanjani8 .st-Header .slick-prev svg * { fill: #fff !important; } #wrapper.color-kanjani8 .st-Header .calendar-top .scroller:after { color: #fff; } #wrapper.color-kanjani8 .st-Header .calendar-top .scroller .line:before { background: #fff; } #wrapper.color-kanjani8 .st-Header .calendar-top .todaysCalendar svg * { fill: #fff !important; } #wrapper.color-kanjani8 .st-Header .calendar-top .todaysCalendar > p { color: #fff; } #wrapper.color-kanjani8 .st-Header .calendar-top .todaysCalendar .slider-calendar { border-top-color: #fff; } #wrapper.color-kanjani8 .st-Header.st-Header--ArtistTop .calendar-top .todaysCalendar .slider-calendar { border-bottom-color: #fff; color: #fff; } #wrapper.color-kanjani8 .st-Header.st-Header--ArtistTop .calendar-top .todaysCalendar .slider-calendar a { color: #fff; } #wrapper.color-kanjani8 .st-Header .st-Header--row__Top { color: #fff; } #wrapper.color-kanjani8 .st-Header .st-Header--row__Top .lang { background-image: url(../img/ico-lang--w.png); } #wrapper.color-kanjani8 .st-Header .st-Header--row__Top .lang .wovn-languages .wovn-switch.selected { border-bottom: 1px solid #fff; } #wrapper.color-kanjani8 .st-Header .st-Header--row__Top a { color: #fff; } #wrapper.color-kanjani8 .st-Header .st-Header--row__Top .logo svg .cls-1 { fill: #f2d485 !important; } #wrapper.color-kanjani8 .st-Header .st-Header--row__Top .navigation *:last-child:after { background: #f2d485 !important; } #wrapper.color-kattun .st-Header .slider-num { color: #fff; } #wrapper.color-kattun .st-Header .slider-num span { border-color: #fff; } #wrapper.color-kattun .st-Header .slick-next, #wrapper.color-kattun .st-Header .slick-prev { color: #fff; } #wrapper.color-kattun .st-Header .slick-next svg *, #wrapper.color-kattun .st-Header .slick-prev svg * { fill: #fff !important; } #wrapper.color-kattun .st-Header .calendar-top .scroller:after { color: #fff; } #wrapper.color-kattun .st-Header .calendar-top .scroller .line:before { background: #fff; } #wrapper.color-kattun .st-Header .calendar-top .todaysCalendar svg * { fill: #fff !important; } #wrapper.color-kattun .st-Header .calendar-top .todaysCalendar > p { color: #fff; } #wrapper.color-kattun .st-Header .calendar-top .todaysCalendar .slider-calendar { border-top-color: #fff; } #wrapper.color-kattun .st-Header.st-Header--ArtistTop .calendar-top .todaysCalendar .slider-calendar { border-bottom-color: #fff; color: #fff; } #wrapper.color-kattun .st-Header.st-Header--ArtistTop .calendar-top .todaysCalendar .slider-calendar a { color: #fff; } #wrapper.color-kattun .st-Header .st-Header--row__Top { color: #fff; /* .logo { svg { .cls-1 { fill: #b68d1e !important; } } } .navigation { *:last-child:after { background: #b68d1e !important; } }*/ } #wrapper.color-kattun .st-Header .st-Header--row__Top .lang { background-image: url(../img/ico-lang--w.png); } #wrapper.color-kattun .st-Header .st-Header--row__Top .lang .wovn-languages .wovn-switch.selected { border-bottom: 1px solid #fff; } #wrapper.color-kattun .st-Header .st-Header--row__Top a { color: #fff; } #wrapper.color-others .st-Header { /* .slider-num { color: #fff; span { border-color: #fff; } } .slick-next, .slick-prev { color: #fff; svg { * { fill: #fff !important; } } }*/ } #wrapper.color-others .st-Header .calendar-top .scroller:after { color: #292929; } #wrapper.color-others .st-Header .calendar-top .scroller .line:before { background: #292929; } #wrapper.color-others .st-Header .calendar-top .todaysCalendar svg * { fill: #292929 !important; } #wrapper.color-others .st-Header .calendar-top .todaysCalendar > p { color: #292929; } #wrapper.color-others .st-Header .calendar-top .todaysCalendar .slider-calendar { border-top-color: #292929; } #wrapper.color-others .st-Header.st-Header--ArtistTop .calendar-top .todaysCalendar .slider-calendar { border-bottom-color: #292929; color: #292929; } #wrapper.color-others .st-Header.st-Header--ArtistTop .calendar-top .todaysCalendar .slider-calendar a { color: #292929; } #wrapper.color-others .st-Header .st-Header--row__Top { color: #292929; } #wrapper.color-others .st-Header .st-Header--row__Top a { color: #292929; } #wrapper.color-others .st-Header .st-Header--row__Top .logo svg .cls-1 { fill: #b68d1e !important; } #wrapper.color-others .st-Header .st-Header--row__Top .navigation *:last-child:after { background: #b68d1e !important; }