@charset UTF-8;
:root {
    --yellow: #fcae00;
    --white: #ffffff;
    --blue: #344da0;
    --light-blue: #0999FE;
    --red-primary: #EB0F0F;
    --red-secondary: #fc3434;
    --text-primary: #434343;
    --text-secondary: #bfbfbf;
    --gray: #f0f0f0;
    --orange-primary: #E7750C;
    --pink: #D3899B;
    --green-secondary: #8FC31F;
    --fire-brick: #b22222;
}

ul {
    list-style: none;
    padding-left: 0;
}

.btn,a {
    outline:0;
}

:root,html {
    font-size:62.5%;
}

body {
    font-family: "Noto Sans JP", sans-serif;
}

ul {
    list-style: none;
    padding-left: 0;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
    color: inherit;
}

a:link, a:visited {
    text-decoration: none;
}

p, dd {
    background-image:url(../images/pix.png);
}

input[type=search] {
    border-radius:0;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
}

.inner {
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    padding-right:20px;
    padding-left:20px;
}

#header {
    z-index: 100;
    position: relative;
}
#header .inner {
    width:100%;
    background:#fff;
    padding:0;
}
#header .header-nav {
    position:relative;
}

#header .header-logo {
    position:relative;
    z-index:90;
    background:#fff;
    padding:25px 20px 20px;
}

#header .header-logo .wrapper-logo {
    display: block;
    width: 260px;
}

#header .header-logo .wrapper-logo img {
    width: 100%;
    height:auto;
}

#header .header-btn {
    position:absolute;
    top:-50px;
    right:25px;
    z-index:100;
    cursor:pointer;
}

#header .header-btn>li {
    width:24px;
    height:24px;
    white-space:nowrap;
    text-indent:50px;
    background-color:#fff;
    background-repeat:no-repeat;
    background-position:center center;
    overflow:hidden;
}

#header .inner .inner__logo .header-search {
    display: none;
}

#header .header-btn-open {
    display:block;
    background:url(../images/icon_menu.png);
    background-size: 24px 24px;
}

#header .header-btn-close {
    display:block;
    background:url(../images/icon_close.png);
    background-size: 24px 24px;
}

#header .hide {
    display: none;
}

#header .header-menu {
    position:absolute;
    top: -6px;
    left:0;
    z-index:60;
    display:none;
    width:100%;
    color:#000;
    background-color:#fff;
    padding-left: 0px;
}

#header .header-menu .nav-item {
    border-top: 1px solid #e3e3e3;
    background-color: #344DA0;
}

#header .header-menu .nav-item:hover{
    background: var(--yellow);
}
#header .header-menu .nav-item .active a,    
#header .header-menu .nav-item.active{
    background: var(--yellow);
    color: #fff;
}

#header .header-menu li[class^=nav-]>a {
    display: block;
    font-size: 18px;
    line-height: 24px;
    font-weight:700;
    background-repeat:no-repeat;
    background-position:29px center;
    padding:16px 32px;
    text-decoration: none;
    color: #fff;
}

#header .header-nav .header-menu .nav-pro {
    position: relative;
}

#header .header-nav .header-menu .nav-pro>a::after {
    display: inline-block;
    content: "";
    width: 16px;
    height: 8px;
    margin-left: 16px;
    vertical-align: middle;
    background: url(../images/marker_down-w.png) left top no-repeat;
    background-size: 16px 8px;
}

#header .header-nav .nav-pro-child {
    display: flex;
    flex-direction: column;
}

#header .header-nav .nav-pro-child li>a{
    font-size:15px;
    font-weight:700;
    text-align:left;
    vertical-align:middle;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: start;
    background: #344DA0;
    border-left: none;
    border-right: none;
    border-top: 1px solid #bfbfbf;
    color: #fff;
    padding-left: 48px;
}

.overlay {
    display: none; 
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); 
    z-index: 99; 
}

.is_popmenu .overlay {
    display: block; 
}

#footer {
    padding: 40px 24px 40px 24px;
    border-top: 1px solid var(--text-secondary);
}
#footer .footer-container {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 24px;
}

#footer .footer-right,
#footer .footer-left {
    width:  100%;
    border-bottom: 1px solid var(--text-secondary);
    padding-bottom: 12px;
}

#footer .footer-right .sns-title {
    width: 100%;
    background: #8C8C8C;
    padding: 5px 24px;
}

#footer .footer-right .sns-title span{
    color: var(--white);
    font-weight: 700;
    font-size: 12px;
    line-height: 22px;
}

#footer .footer-right .sns-row {
    display: flex;
    flex-direction: column;
}

#footer .footer-right .sns-row .sns-col {
    padding: 16px;
}

#footer .footer-right .sns-row .sns-col  .sns-logo {
    width: 32px;
    height: 32px;
    margin-bottom: 8px;
}

#footer .footer-right .sns-row .sns-col  .sns-logo img{
    width: 100%;
    height: 100%;
    object-fit: fill;
}

#footer .footer-right .sns-row .sns-col  .sns-links {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

#footer .footer-right .sns-row .sns-col  .sns-links a{
    text-decoration: underline;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    width: max-content;
    max-width: 100%;
}

#footer .footer-right .sns-row .sns-col  .sns-links a:hover {
    text-decoration: none;
}

#footer .logo{
    padding-bottom: 24px;
}
#footer .logo-footer img{
    max-width: 100%;
}
#footer .logo .icon{
    padding-top: 24px;
}

#footer .content-footer a {
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: #434343;
    display: block;
    padding:  4px 0;
}

#footer .content-footer a:hover {
    text-decoration: underline;
}

#footer .copy-right {
    padding-top: 24px;
    font-size: 12px;
    line-height: 20px;
    color: #434343;
}

p {
    margin: 0;
}
.page-products .banner {
    background-color: #5E81B9;
    padding: 24px;
}
.page-products .banner .breadcrumbs {
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    padding-top: 16px;
}
.page-products .banner .breadcrumbs a {
    text-decoration: none;
    cursor: pointer;
    color: #ffffff;
}
.page-products .banner h1{
    font-size: 24px;
    line-height: 48px;
    font-weight: 700;
    color: #fff;
}
.page-products .top,
.page-products .pickups .pd-top,
.page-products .category-cls,
.page-products .news-not-padding .pd-top,
.page-products .news-padding {
    padding: 32px 16px;
}

.inner-music.page-products  .top{
    padding-bottom: 0;
}

.inner-music.page-products .no-pd-top {
    padding-top: 0;
}

.inner-audiodrama .category-cls{
    margin-top: 32px;
}

.inner-books .containers .top {
    padding: 16px 16px 0 16px;
}
.inner-audiodrama .containers .top {
    padding: 16px;
}
.list-books .books-padding {
    padding: 16px 16px 32px 16px;
}
.list-books .books-not-padding {
    padding: 0;
    max-width: 100%;
    background-image: url(../images/background-pick-up.png);
    background-size: 1000px;
    background-repeat: repeat;
    background-position: center;
}
.list-books .books-not-padding .product-list {
    padding: 32px 16px;
}

.page-products .top-pb-0 {
    padding-bottom: 0px;
}
.inner-books .category-cls {
    padding-top: 0px;
}

.inner-animation .top {
    padding: 32px 16px 0 16px;
}
.inner-animation .category-cls {
    padding: 32px 16px 32px 16px;
}
.page-products .tags {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}
 
.page-products .tags .tag {
    padding: 12px 24px;
    color: #434343;
    background-color: #fff;
    border: 1px solid #BFBFBF;
    cursor: pointer;
    font-size: 16px;
    line-height: 24px;
}

.inner-music.page-products .tags .tag:not(:first-child) {
    text-transform: uppercase;
}

.page-products .tags .tag a{
    color: inherit;
}
.page-products .tags .active {
    color: #fff;
    background-color: #344DA0;
}
.page-products .tags .music-active,
.inner-books .tags .active {
    color: #fff;
    background-color: #ff9901;
    font-weight: 700;
}
.page-products .hr {
    margin: 32px 0;
    border-top: 1px dashed #BFBFBF;
    height: unset;
}

.page-products .product-types {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    padding-bottom: 32px;
}
.page-products .product-types .d-flex {
    background-image: url("../images/btn-gray.png");
    width: 130px;
    height: 48px;
    justify-content: center;
    align-items: center;
}
.inner-event .product-types .d-flex,
.inner-goods .product-types .d-flex,
.inner-dvd .product-types .d-flex,
.inner-cd .product-types .d-flex {
    justify-content: start;
    align-items: center;
}
.page-products .products .product {
    position: relative;
    padding-bottom: 32px;
}

.inner-books .products .product:has(.item .book-url),
.inner-audiodrama .products .product:has(.item .book-url) {
    padding-bottom: 48px;
}

.page-products .product-type {
    cursor: pointer;
    opacity: 60%;
}
.page-products .product-types .product-type-active{
    background-image: url("../images/btn-blue.png");
    opacity: 100%;
}
.page-products .product-type span {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    opacity: 100%;
}
.page-products .btn-filter>span,
.page-products .btn-filter>div,
.page-products .btn-filter-cd>span,
.page-products .btn-filter-cd>div,
.page-products .btn-filter-goods>span,
.page-products .btn-filter-goods>div,
.page-products .btn-filter-event>div {
    width: 112px;
    text-align: center;
}
.page-products .product-type .sub {
    font-size: 12px;
    font-weight: 400;
}

.page-products .products #response,
.page-products .products .music-delivery-results,
.page-products .products .music-playlist-results,
.page-products .products #response-goods,
.page-products .products #response-live,
.page-products .products #response-event,
.page-products .products #response-cd {
    display: flex;
    flex-wrap: wrap;
    column-gap: 16px;
    row-gap: 24px;
}
.page-products .products .product{
    width: calc(50% - 8px);
}

.page-products .products .product a{
    gap: 16px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}
.page-products .product .image {
    height: 106px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.page-products .product .image img {
    max-width: 100%;
    max-height: 100%;
}
.page-products .product .tag-product {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.page-products .product .tag-product span {
    padding: 4px 8px;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    background-color: #3466B1;
    border-radius: 2px;
}

.page-products .product .tag-product .red {
    background-color: var(--red-primary);
}

.page-products .product .tag-product .new {
    background-color: var(--red-primary);
}

.page-products .product .tag-product .pink {
    background-color: var(--pink);
}

.page-products .product .tag-product .orange {
    background-color: var(--orange-primary);
}

.page-products .product .tag-product .light-blue {
    background-color: var(--light-blue);
}

.page-products .product .title {
    color: #434343;
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    width: 100%;
    overflow-wrap: break-word;
}

.inner-dvd.page-products .product .title,
.inner-goods.page-products .product .title,
.inner-music.page-products .product .title,
.inner-cd.page-products .product .title {
    flex-grow: 1;
}

.inner-dvd.page-products .product > a,
.inner-goods.page-products .product > a,
.inner-music.page-products .product>  a,
.inner-cd.page-products .product > a {
    height: 100%;
}

.page-products .product .title p {
    margin-bottom: 0;
}
.page-products .product .date {
    color: #344DA0;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
}

.inner-live .product .date,
.inner-event .product .date {
    font-size: 10px;
}
.page-products .pickups,
.page-products .news-not-padding {
    background-image: url("../images/background-pick-up.png");
    background-size: 400px;
    background-repeat: repeat;
    background-position: center;
}
.inner-music .pickups {
    background-image: none;
}
.page-products .pickups .title,
.page-products .news-padding .title {
    color: #434343;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    text-transform: uppercase;
    padding-bottom: 24px;
}
.page-products .pickup .image{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 179px;
}

.page-products .pickup .image img {
    max-width: 100%;
    max-height: 100%;
}
.page-products .title-webkit-box p{
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-clamp: 3;
    -webkit-line-clamp: 3;
}
.page-products .pickup-top {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}
.page-products .pickup-top a {
    width: 100%;
}
.page-products .pickup-top .title-pickup {
    color: #434343;
    font-size: 16px !important;
    font-weight: 700;
    line-height: 32px  !important;;
    word-break: break-all;
    text-align: center;
    padding-top: 16px;
    padding-bottom: 32px;
}
.page-products .pickup-second {
    display: flex;
    flex-wrap: wrap;
    gap: 24px 16px;
    margin-top: 24px;
}
.page-products .pickup-second .pickup-items {
    width: calc(50% - 8px);
}
.page-products .pickup-second .pickup-items .image {
    height: 86px;
}
.page-products .pickup-second .title-pickup {
    text-align: center;
    padding-bottom: 0;
    word-break: break-word;
}
.page-products .pickup-second .title-pickup span{
    color: #434343;
    font-size: 16px;
    font-weight: 700;
    line-height: 32px;
    word-break: break-all;
}

.page-products .category-cls .group-category {
    display: flex;
    flex-direction: row;
    gap: 16px;
}
.page-products .category-cls .group-category div{
    width: 50%;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.page-products .category-cls .group-category .category-top .category:nth-child(2n),
.page-products .category-cls .group-category .category-bottom .category:nth-child(2n + 1) {
   background-color: #EFF2FA;
}
.page-products .category-cls .group-category .category-top .category:nth-child(2n) span,
.page-products .category-cls .group-category .category-bottom .category:nth-child(2n+1) span{
    color: var(--text-primary);
}

.page-products .category-cls .group-category .category {
    height: 48px;
    background-color: #AFBCE5;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.page-products .category-cls .group-category .category:hover {
    cursor: pointer;
    opacity: 0.5;
}
.page-products .category-cls .group-category .category span{
    font-weight: 700;
    font-size: 18px;
    line-height: 26px;
    color: #fff;
}
.page-products .news {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.inner-animation .news .new-item.product .title,
.page-products .news-not-padding .news .new-item.product .title{
    display: block;
    height: auto;
}

.page-products .new-item {
    width: calc(50% - 8px);
}
.page-products .new-item a {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.page-products .news-not-padding .new-item .title,
.page-products .news-padding .new-item .title {
    padding-bottom: 0;
    text-transform: unset;
    font-size: 14px;
    line-height: 24px;
}
.page-products .redirect-dv {
    width: 100%;
    margin-top: 48px;
    margin-bottom: 96px;
    cursor: pointer;
}
.page-products .redirect-dv div {
    float: right;
    padding: 12px 24px;
    background-color: #344DA0;
    border-radius: 4px;
    width: 100%;
    text-align: center;
}
.page-products .redirect-dv div:hover{
    opacity: 0.5;
}
.page-products .redirect-dv span {
    background-color: #344DA0;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
}
.page-products .d-flex {
    display: flex;
}
.page-products .triangle-up {
    width: 0;
    height: 0;

    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
    border-left: 25px solid #7A7A7A;
    opacity: 60%;
}
.page-products .triangle-up-active {
    border-left: 25px solid #344DA0;
    opacity: 100%;
}
.page-products .product .tag-product .news {
    color:#fff;
    background-color: var(--yellow);
}

.page-products .product .tag-product .important {
    color:#fff;
    background-color: var(--fire-brick);
}

.page-products .product .tag-product .press {
    color:#fff;
    background-color: var(--yellow);
}

.page-products .news-result,
.inner-detail .news-result {
    display: flex;
    width: 100%;
    justify-content: center;
    margin-top: 24px;
}

.page-products .pagination,
.inner-detail .pagination {
    gap: 8px;
}

.page-products .pagination a,
.inner-detail .pagination a,
.inner-detail .pagination span,
.page-products .pagination span {
    padding: 8px 12px;
    border: 1px solid var(--text-secondary);
    border-radius: 4px;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    color: var(--text-primary);
    width: 32px;
    height: 32px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.page-products .pagination .previouspostslink,
.inner-detail .pagination .previouspostslink {
    background: url(/static/img/fw-child/pagination-prev.png) center no-repeat;
}

.page-products .pagination .nextpostslink,
.inner-detail .pagination .nextpostslink {
    background: url(/static/img/fw-child/pagination-next.png) center no-repeat;
}

.page-products .news-result .pagination .current,
.inner-detail .news-result .pagination .current {
    background: var(--text-secondary);
}

.inner-news .wrapper {
    position: relative;
    padding: 24px 16px 0;
    overflow: hidden;
    width: 100%;
}

.inner-news .box-title {
    font-weight: 700;
    color: var(--text-primary);
    line-height: 32px;
    font-size: 24px;
    margin-bottom: 24px;
}

.inner-news .box-title .box-title-jp {
    color: #bfbfbf;
    line-height: 32px;
    font-weight: 700;
}

.inner-news .select-group {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 32px ;
}

.inner-news .select-group .item {
    display: flex;
    padding: 12px 24px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    margin-right: 12px;
    background: var(--white);
    border: 1px solid var(--text-secondary);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
    color: var(--text-primary);
    letter-spacing: 0.035em;
}

.inner-news .select-group .selected {
    font-weight: 700;
    color: var(--white);
    background: var(--blue);
    letter-spacing: normal;
}

.inner-news .news-list-item {
    display: flex;
    justify-items: center;
    gap: 24px 16px;
    width: 100%;
    margin-bottom: 24px;
    flex-wrap: wrap;
}

.inner-news .news-list-item .news-item {
    width: calc(50% - 8px);
}

.inner-news .news-list-item .news-item .wrapper-image {
    width: 100%;
    height: 105px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--white);
}

.inner-news .news-list-item .news-item .wrapper-image img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.inner-news .news-item-tag {
    margin-top: 16px;
    display: flex;
    gap: 8px;
}

.inner-news .news-item-tag span{
    display: inline-block;
    padding: 4px 8px;
    color: var(--white);
    border-radius: 2px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
}

.inner-news .news-item-tag .news,
.inner-news .news-item-tag .press {
    background: var(--yellow);
}

.inner-news .news-item-tag .important{
    background: var(--fire-brick);
}

.inner-news .news-item-tag .new{
    background: var(--red-primary);
}

.inner-news .news-item-title {
    line-height: 24px;
    margin: 16px 0;
    font-size: 14px;
    overflow-wrap: break-word;
    text-align: start;
    color: var(--text-primary);
    font-weight: bold;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}

.inner-news .news-item-date {
    font-size: 12px;
    color: var(--blue);
    line-height: 16px;
    text-align: start;
    font-weight: normal;
}

#information {
    width: 100%;
}

.inner-news .category-body {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    justify-items: center;
}

.inner-news .category-body .category-box {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
    width: 100%;
    height: 48px;
    background: var(--gray);
    color: var(--text-primary);
}

.inner-news .category-body .category-box:last-child {
    margin-bottom: 0;
}

.inner-news .category-body .color-box {
    background: #afbce5;
    color: var(--white);
}

.inner-news .invisible {
    display: none;
}

.inner-news .divider {
    position: relative;
    width: 100%;
    background: #000;
    border-bottom: 1px solid var(--text-secondary);
    margin-top: 24px;
}

.inner-animation {
    word-break: break-all;
}
.inner-animation .hr-top {
    border: 1px solid #FCAE00;
    margin: 16px 0;
}
.inner-animation .animations,
.inner-animation .animations .div-animation {
    display: flex;
    gap: 24px;
    flex-direction: column;
    margin-top: 24px;
}
.inner-animation .animations .animation .item {
    display: flex;
    gap: 16px;
}
.inner-animation .animations .animation .item .image {
    width: 50%;
    height: 256px;
    display: flex;
    justify-content: center;
}
.inner-live .products #response-live .product .image {
    height: 256px;
}
.inner-animation .animations .animation .item .image img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.inner-animation .animations .animation .block-right {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 50%;
}

.inner-animation .animations .animation .block-right .title {
    font-weight: 700;
    font-size: 16px;
    line-height: 28px;
    color: #434343;
}
.inner-animation .animations .animation .block-right .content {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #434343;
}
.inner-animation .animations .animation .group-button {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    margin-top: 16px;
    flex-direction: column;
}
.inner-animation .animations .animation .group-button .blue {
    background-color: #344DA0;
    border-radius: 4px;
    width: 100%;
    font-weight: 700;
    border: unset;
}

.inner-animation .animations .animation .group-button .blue a {
    font-size: 16px;
    line-height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
    color: #FFFFFF;
    padding: 8px 24px;
}
.inner-animation .year-container {
    margin: 0;
    position: relative;
    width: 100%;
    overflow: hidden;
}

.inner-animation .year-animation {
    width: calc(100% - 96px);
    display: flex;
    margin: 0 48px;
    z-index: 10;
}

.inner-animation .year-animation .btn-year.active{
    background: var(--yellow);
}

.inner-animation .year-animation .btn-year{
    height: 48px;
    padding: 12px 15px;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: var(--text-primary);
    border: 1px solid var(--text-secondary);
}

.inner-animation .year-animation .slick-slide {
    width: 88px;
}

.inner-animation .year-controller {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    z-index: 0;
}

.inner-animation .year-controller div{
    background: #606266;
    padding: 12px;
    width: 48px;
    height: 48px;
}

.inner-animation .year-controller div img{
    width: 100%;
    height: 100%;
}

.back-top-button {
    display: none;
    position: fixed;
    bottom: 120px;
    right: 12px;
    cursor: pointer;
    width: 60px;
    height: 60px;
    z-index: 11;
}

.back-top-button img{
    width: 100%;
    height: 100%;
}

.inner-animation .animations .div-animation {
    display: none;
}
.inner-animation .animations #list_animation_2005 {
    display: block;
}
.inner-animation hr {
    margin: 0;
}
.inner-animation .category-cls hr{
    margin: 32px 0;
    border: 1px solid #BFBFBF;
}
.inner-animation .animations .div-animation hr {
    margin: 24px 0;
}
.inner-animation .containers .product-list .pd-24 {
    padding-top: 24px;
}
.inner-animation .animation-bottom {
    padding-top: 24px;
}
.inner-dvd .container__top {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
}
.inner-dvd .btn-dvd {
    padding: 12px 24px;
    border: 1px solid #BFBFBF;
    cursor: pointer;
}
.inner-dvd .container__top .active {
    background-color: #344DA0;
}
.inner-dvd .btn-dvd span {
    color: #434343;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: 0.035em;
}
.inner-dvd .container__top .active span {
    color: #FFFFFF;
    font-weight: 700;
    letter-spacing: normal; 
}
.inner-books .products {
    display: flex;
    gap: 24px 16px;
    flex-wrap: wrap;
}
.inner-books .product-list {
    padding-top: 32px;
}

.inner-audiodrama .product-list{
    padding-top: 0;
}

.inner-books .product .image {
    height: 256px;
}
.inner-books .products .book-url a {
    flex-direction: unset;
}

.inner-music .playlist .product .image,
.inner-music .package .product .image,
.inner-cd .product .image,
.inner-audiodrama .product .image,
.page-products .products .product .image {
    height: 171px;
}
.inner-event .product-list .products .product .image {
    height: 106px;
}

.inner-goods .new-item .image,
.inner-dvd .new-item .image,
.inner-cd .new-item .image,
.inner-books .new-item .image,
.inner-audiodrama .new-item .image {
    height: 106px;
}
.pickups .pickup-top .title,
.pickups .pickup-second .title {
    font-size: 16px;
    line-height: 28px;
    text-align: center;
    padding-bottom: 0;
}

.page-products .products .product .tag-product .Digital {
    background-color: #C6AAFB;
}

.page-products .products .product .tag-product .Comics {
    background-color: #6ED4D9;
}

.inner-music .product .book-url,
.inner-books .product .book-url {
    background-color: #344DA0;
    padding: 8px 0px;
    border-radius: 4px;
    gap: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
}

.inner-music .product .book-url span,
.inner-books .product .book-url span {
    font-size: 14px;
    line-height: 24px;
    font-weight: 700;
    color: #ffffff;
}

.inner-audiodrama .product .book-url span {
    font-size: 14px;
}

.inner-books .product .item {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.inner-books .product .item .title {
    padding-bottom: unset;
}

.inner-books .product .item .book-url,
.inner-audiodrama .product .item .book-url {
    position: absolute;
    bottom: 0;
    width: 100%;
    flex-direction: row;
}
.inner-books .product .item .title,
.inner-audiodrama .product .item .title {
    height: auto;
}

.page-products .title-cls {
    margin: 0 0 24px 0;
}

.page-products .title-cls .hidden {
    display: none;
}

.page-products .title-live {
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    color: #434343
}
.inner-books .product-list hr {
    margin: 32px 0;
}

.inner-books .pickup-book {
    background-color: #F5F5F5;
    padding: 24px;
}
.inner-books .news-not-padding .pickup-book {
    background-color: #ffffff;
}

.inner-audiodrama .news-not-padding .pickup-book {
    background-color: #F5F5F5;
}

.inner-books .pickup-book .book-pickup {
    display: flex;
    gap: 32px;
    word-break: break-all;
    flex-direction: column;
}
.inner-books .pickup-book .book-pickup .image {
    height: auto;
    min-height: 116px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.inner-books .pickup-book .book-pickup .image img{
    max-height: 192px;
    max-width: 100%;
}
.inner-books .pickup-book .book-pickup .content {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.inner-books .pickup-book .book-pickup .content .title {
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    color: #434343;
}
.inner-books .pickup-book .book-pickup .content .description {
    font-size: 14px;
    line-height: 24px;
    color: #434343;
    font-weight: 400;
}
.inner-books .pickup-book .book-pickup .content .group-button {
    display: flex;
    gap: 16px;
}
.inner-books .pickup-book .book-pickup .content .group-button .blue {
    background-color: #344DA0;
    border-radius: 4px;
    width: calc(50% - 8px);
    cursor: pointer;
}

.inner-audiodrama .pickup-book .book-pickup .content .group-button .blue {
    display: flex;
    gap: 16px;
    justify-content: center;
    align-items: center;
}
.inner-books .pickup-book .book-pickup .content .group-button .blue a {
    display: flex;
    gap: 8px;
    justify-content: center;
    align-items: center;
    padding: 8px 16px;
    width: 100%;
}
.inner-books .pickup-book .book-pickup .content .group-button .blue span {
    font-size: 14px;
    line-height: 24px;
    font-weight: 700;
    color: #ffffff;
}
.inner-music .book-url img,
.inner-audiodrama .book-url img {
    display: none;
}
.inner-audiodrama .top hr,
.inner-audiodrama .news-not-padding .pd-top hr {
    margin: 32px 0;
}

.inner-animation .product .book-url {
    padding: 8px 16px;
}

.inner-animation .product .book-url a {
    flex-direction: unset;
}

.page-products .news-result .pagination-wrapper .pagination {
    margin: 0;
}
.inner-faq .containers .anchor {
    position: relative;
    top: 0;
    border-bottom: 1px solid #f3f2f2;
    font-size: 14px;
    margin-bottom: 20px;
}
.inner-faq .containers .anchor ul {
    display: flex;
    gap: 24px;
    flex-wrap: wrap;
}
.inner-faq .containers .anchor ul li {
    font-weight: 700;
    font-size: 18px;
    width: calc(50% - 24px);
}
.inner-faq p,
.inner-customer p,
.inner-contactform p,
.inner-sitepolicy p,
.inner-chpolicy p {
    margin-bottom: 1.5em;
}
.inner-faq a,
.inner-customer a,
.inner-contactform a,
.inner-sitepolicy a,
.inner-chpolicy a {
    color: unset;
    text-decoration: underline;
}
.inner-faq a:hover,
.inner-customer a:hover,
.inner-contactform a:hover,
.inner-sitepolicy a:hover,
.inner-chpolicy a:hover {
    color: unset;
    text-decoration: none;
}
.inner-faq .containers .anchor ul li a {
    color: #000;
    padding-left: 20px;
    font-weight: 700;
    text-decoration: none;
    background: url(../images/marker_down.png) left center no-repeat;
    background-size: 8px auto;
    font-family: "Noto Sans JP", sans-serif;
}
.inner-faq .containers .anchor ul li a:hover {
    text-decoration: underline;
}
.inner-faq #cyosakuken,
.inner-faq #hinshitu,
.inner-faq #kounyu,
.inner-faq #saiyou,
.inner-faq #other {
    width: 100%;
    font-size: 14px;
    line-height: 1.7;
    margin: auto;
    padding: 8px 0 32px;
    font-family: "Noto Sans JP", sans-serif;
}
.inner-faq #cyosakuken h2,
.inner-faq #hinshitu h2,
.inner-faq #kounyu h2,
.inner-faq #saiyou h2,
.inner-faq #other h2,
.inner-customer h2,
.inner-sitepolicy h2,
.inner-chpolicy h2,
.inner-contactform h2 {
    margin-bottom: 24px;
    font-size: 18px;
    line-height: 1.1;
    color: #333;
    background: #f3f2f2;
    padding: .6em 20px;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: bold;
}
.inner-faq .faqbox {
    color: #000;
    background: 0 0;
    border: 2px solid #e1e1e1;
    margin-top: 20px;
    font-family: "Noto Sans JP", sans-serif;
}
.inner-faq .faqbox h3 {
    font-size: 14px;
    line-height: 1.8;
    color: #000;
    background: #f9f9f9;
    border-bottom: 2px solid #e1e1e1;
    overflow: hidden;
    padding: 10px 20px 20px 70px;
    margin-bottom: 20px;
    font-weight: 700;
    font-family: "Noto Sans JP", sans-serif;
}
.inner-faq .faqbox h3 span {
    display: inline-block;
    font-size: 18px;
    line-height: 1;
    text-indent: -60px;
}
.inner-faq .faqbox p {
    padding: 0 20px;
    margin-bottom: 1.5em;
    color: #000;
    font-size: 14px;
}
.inner-customer p {
    margin-bottom: 1.5em;
    color: #000;
    font-size: 14px;
}
.inner-customer section {
    margin-top: 20px;
}
.inner-customer .btn-block{
    text-align: center;
}
.inner-customer .btn-block .btn{
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    color: #fff;
    background: #1f50a0;
    outline: 0;
    cursor: pointer;
    padding: 1em 1.8em;
}
.inner-sitepolicy h3,
.inner-chpolicy h3 {
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 1.3;
    border-bottom: 1px solid #e1e1e1;
    padding: 8px 3px;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: bold;
}
.inner-sitepolicy p,
.inner-sitepolicy .num li,
.inner-sitepolicy section,
.inner-chpolicy p,
.inner-chpolicy .num li,
.inner-chpolicy section {
    font-size: 16px;
    line-height: 1.7;
    color: #333;
    font-family: "Noto Sans JP", sans-serif;
}
.inner-faq-music p ,
.inner-faq-music span,
.inner-faq-music li a,
.inner-faq-music b {
    font-size: 16px;
    line-height: 1.7;
    font-family: "Noto Sans JP", sans-serif;
}
.inner-faq-music b {
    font-weight: bold;
}
.inner-sitepolicy .num,
.inner-chpolicy .num {
    padding-left: 1.8em;
    text-indent: -1.8em;
}
.inner-sitepolicy ol.num,
.inner-chpolicy ol.num {
    list-style-type: none;
}
.inner-live .title-live-top {
    margin: 32px 0 32px 0;
}

.inner-music .title {
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    margin-bottom: 24px;
}

.digital_music_category > .title {
    text-transform: uppercase;
}

.inner-music .divider {
    width: 100%;
    border: 1px solid #bfbfbf;
    margin: 48px 0;
}

.inner-music .divider.dashed {
    border: 1px dashed #bfbfbf;
}

.inner-music  .new-release {
    position: relative;
    width: 100%;
}

.inner-music .products .music-playlist-results .product{
    position: relative;
    padding-bottom: 48px;
}

.inner-music .products .music-playlist-results .product .book-url{
    position: absolute;
    bottom: 0;
    width: 100%;
    flex-direction: row;
}

.inner-music .new-release .new-release-slider {
    width: 100%;
}

.inner-music .new-release .new-release-slider .slider-item {
    width: 264px;
    margin: 0 16px;
}

.inner-music .new-release .new-release-slider .slider-item .wrapper-image {
    width: 100%;
    height: 264px;
    background: var(--white);
    display: flex;
    margin-bottom: 16px;
    justify-content: center;
}

.inner-music .new-release .new-release-slider .slider-item .wrapper-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.inner-music .new-release .new-release-slider .slider-item .slide-title {
    display: block;
    font-weight: 700;
    font-size: 14px;
    line-height: 24px;
    color: var(--text-primary);
    margin-bottom: 12px;
    height: auto;
}

.inner-music .new-release .new-release-slider .slider-item .slide-date {
    font-size: 12px;
    line-height: 16px;
    color: #344DA0;
    font-weight: 400;
}
  
.inner-music .controller-btn-next,
.inner-music .controller-btn-prev {
    position: absolute;
    top: 200px;
    width: 80px;
    height: 80px;
    padding: 19px;
    background: #00000080;
    cursor: pointer;
  }
  
.inner-music .controller-btn-next {
    right: 0;
  }
  
.inner-music .controller-btn-prev {
    left: 0;
  }
  
.inner-music .controller-btn-prev:hover,
.inner-music .controller-btn-next:hover{
    opacity: 0.5;
  }
  
.inner-music .controller-btn-prev img,
.inner-music .controller-btn-next img {
    width: 100%;
    height: 100%;
  }

  .inner-music .new-release-slider-dots {
    margin-bottom: 48px;
  }
  
  .inner-music .new-release-slider-dots .slick-dots li.slick-active button {
    width: 12px;
    height: 12px;
    background-color: var(--blue);
    border: none !important;
  }
  
  .inner-music .slick-dots {
    display: flex;
    justify-content: center;
    list-style-type: none;
  }
  
  .inner-music .slick-dots li {
    margin: 0 5px;
    height: 10px !important;
  }
  
  .inner-music .slick-dots li button {
    width: 10px;
    height: 10px;
    font-size: 0;
    white-space: nowrap;
    background: #ccc;
    border: 0;
    border-radius: 7px;
    outline: 0;
    cursor: pointer;
    overflow: hidden;
    padding: 0;
    background: var(--white);
    border: 1px var(--text-secondary) solid !important;
  }

.inner-music .alphabet {
    margin-bottom: 24px;
}

.inner-music .alphabet ul{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0;
}

.inner-music .alphabet ul li { 
    font-size: 18px;
    font-weight: 700;
    line-height: 40px;
    margin-right: 24px;
    color: #3466B1;
}

.inner-music .alphabet ul .active {
    color: var(--yellow);
}

.inner-music .alphabet ul li:hover { 
    cursor: pointer;
    text-decoration: underline;
}

.inner-music .title-results {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 24px 24px;
}

.inner-music .title-results li{
    width: 100%;
}

.inner-music .title-results li a{
    width: 100%;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #3466B1;
}

.inner-music .title-results li a:hover{
    text-decoration: underline;
}

.inner-music .playlist .product > a {
    pointer-events: none;
}

.box-title-jp {
    color: #bfbfbf;
    font-size: 16px;
  }

.inner-music .title-body {
    padding-bottom: 24px;
    border-bottom: 1px solid var(--text-secondary);
}

.inner-music .artist-body {
    padding: 24px 0;
    border-bottom: 1px solid var(--text-secondary);
}

.text-line-clamp-3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}

.inner-music .product .title {
    margin-bottom: 0;
}

.inner-music .pagination-music-playlist {
    margin-bottom: 24px;
}

.inner-books .containers .product-list .product .image {
    height: 256px;
}
.op-modal {
    display: flex;
    justify-content: center;
    gap: 16px;
    align-items: center;
    padding: 8px 16px;
}

#news_music .product {
    position: relative;
    padding-bottom: 32px;
}

.inner-audiodrama .product .title,
#news_music .product .title,
.music-playlist-results .product .title,
.music-delivery-results .product .title {
    height: auto;
}

#music-playlist-results .product .book-url {
    position: absolute;
    bottom: -16px;
    width: 100%;
}

#sns .box-title {
    margin-bottom: 24px;
}
#sns .sns-body {
    display: block;
}

#sns .sns-body .sns-name {
    font-size: 16px;
    font-weight: 500;
    margin-left: 16px;
    color: var(--text-primary);
}

#sns .sns-body .sns-type .sns {
    display: flex;
    gap: 16px 64px;
    flex-wrap: wrap;
    border-bottom: 1px solid #00000033;
    padding: 24px 0;
}
#sns .sns-body .sns-type .sns a {
    width: 100%;
}
#sns .sns-body .sns-type .sns a img{
    height: 56px;
    width: 56px;
}
#sns .sns-body .sns-type .sns a:hover {
    opacity: 0.5;
    cursor: pointer;
}
.inner-radio .animations .animation .item .image {
    height: 106px;
}
.inner-animation .top {
    padding: 32px 16px 16px 16px;
}
.inner-animation .category-cls {
    padding: 16px 16px 0 16px;
}
.inner-animation .category-cls hr{
    margin: 32px 0;
    border: 1px solid #BFBFBF
}
.inner-animation .top-new {
    padding: 0 16px 16px 16px;
}
.inner-radio hr:last-child {
    height: 1px;
    border: none;
    margin-top: 24px;
}
.digital_music_category_new {
    padding: 24px 0;
}

@media only screen and (min-width:768px) {
    .page-products .pickups,
    .page-products .news-not-padding {
        background-size: 1200px;
    }
    .inner-music .pickups {
        background-image: none;
    }
    #header .header-logo .wrapper-logo {
        width: 310px;
    }
    .page-products .banner {
        padding: 48px 80px;
    }
    .page-products .banner .breadcrumbs {
        font-size: 16px;
        line-height: 28px;
    }
    .page-products .banner h1{
        font-size: 48px;
    }
    .page-products .products #response,
    .page-products .products #response-goods,
    .page-products .products #response-live,
    .page-products .products #response-event,
    .page-products .products #response-cd{
        column-gap: 30px;
        row-gap: 24px;
    }
    .page-products .products .product {
        width: calc(50% - 15px);
    }
    .page-products .news {
        gap: 27px;
    }
    .page-products .pickup-second .pickup-items {
        width: calc(50% - 12px);
    }
    .page-products .pickup-second .pickup-items .image {
        height: 294px;
    }
    .page-products .category-cls .group-category {
        gap: 24px;
    }
    .page-products .category-cls .group-category .category {
        width: calc(25% - 18px);
        height: 160px;
    }
    .page-products .category-cls .group-category .category span{
        font-size: 28px;
        line-height: 48px;
    }
    .page-products .new-item {
        width: calc(100%/3 - 18px);
    }
    .page-products .hr {
        margin: 48px 0;
    }
    .page-products .product .title {
        font-size: 16px;
        line-height: 32px;
    }
    .inner-audiodrama .product .title {
        height: auto;
    }
    .page-products .product .date {
        font-size: 16px;
        line-height: 32px;
    }
    .page-products .product .date span{
        display: block;
        height: 32px;
    }
    .inner-live .product .date,
    .inner-event .product .date {
        font-size: 15px;
    }
    .page-products .pickup-top {
        gap: 24px;
    }
    .page-products .pickup-second {
        gap: 32px 24px;
        margin-top: 32px;
    }
    .page-products .pickups .title,
    .page-products .news-padding .title {
        font-size: 28px;
        line-height: 48px;
        padding-bottom: 48px;
    }
    .page-products .news-not-padding .new-item .title,
    .page-products .news-padding .new-item .title {
        font-size: 16px;
        line-height: 32px;
    }
    .page-products .redirect-dv div {
        float: right;
        padding: unset;
        background-color: unset;
        border-radius: unset;
        width: unset;
        text-align: unset;
    }
    .page-products .redirect-dv span {
        font-size: 16px;
        font-weight: 700;
        border-radius: 4px;
        padding: 12px 24px;
        float: left;
    }
    .page-products .pickup-top .image {
        height: 294px;
    }
    .page-products .pickup-second .image {
        height: 192px;
    }
    .page-products .new-item .image {
        height: 236px;
    }

    .inner-news .wrapper {
        padding: 32px 16px 0;
    }
    .inner-news .box-title {
        margin-bottom: 24px;
    }
    .inner-news .news-item-tag span{
        font-size: 14px;
    }
    .inner-news .news-item-title {
        font-size: 16px;
        line-height: 32px;
    }
    .inner-news .news-item-date {
        font-size: 16px;
        line-height: 32px;
    }
    .inner-news .select-group {
        margin-top: 48px;
        gap: 16px;
    }

    .inner-news .news-list-item {
        display: flex;
        gap: 24px;
        margin-bottom: 48px;
        flex-wrap: wrap;
    }
    .inner-news .news-list-item .news-item {
        width: calc(25% - 18px);
    }

    .inner-news .news-list-item .news-item .wrapper-image {
        height: 236px;
    }

    .inner-news .divider {
        margin-top: 24px;
    }

    .inner-news  .category-body .category-box {
        font-size: 28px;
        font-weight: 700;
        line-height: 48px;
        height: 160px;
    }

    .inner-animation .animations {
        margin-top: 24px;
    }
    .inner-animation .year-controller {
        display: none;
    }
    .inner-animation .animations .animation .item {
        gap: 24px;
    }

    .inner-animation .animations .animation .item .image {
        width: 264px;
        height: 396px;
    }
    .inner-radio .animations .animation .item .image {
        height: 236px;
        width: 382px;
    }
    .inner-animation .animations .animation .block-right {
        padding: 24px;
        width: calc(100% - 280px);
    }
    .inner-radio .animations .animation .block-right {
        padding: 24px;
        width: calc(100% - 382px);
    }
    .inner-animation .animations .animation .group-button {
        flex-direction: unset;
        gap: 24px;
    }
    .inner-animation .animations .animation .group-button .blue {
        width: unset;
    }

    #footer .logo .icon div{
        margin-top: 0;
    }

    .inner-music .playlist .product .image,
    .inner-music .package .product .image {
        height: 264px;
    }

    .page-products .products .product .image {
        height: 264px;
    }
    .pickups .pickup-top .title,
    .pickups .pickup-second .title {
        font-size: 16px;
        line-height: 32px;
        font-weight: 700;
        text-align: center;
        padding-top: 16px;
        padding-bottom: 0px;
    }

    .inner-books .product .book-url {
        padding: 8px 24px;
        gap: 16px;
    }

    .inner-books .product .book-url span {
        font-size: 16px;
    }
    
    .inner-audiodrama .product .book-url a{
        gap: 16px;
    }

    .inner-music .product .book-url,
    .inner-audiodrama .product .book-url {
        padding: 8px 16px;
    }
    
    .inner-audiodrama .product .book-url {
        padding: 8px;
    }

    .inner-music .product .book-url a,
    .inner-audiodrama .product .book-url a {
        flex-direction: unset;
    }
    .inner-animation .title-live,
    .inner-books .title-live {
        font-size: 28px;
        line-height: 48px;
    }
    .inner-books .product-list hr {
        margin: 48px 0;
    }
    .inner-books .pickup-book {
        padding: 56px;
    }
    .inner-books .pickup-book .book-pickup {
        gap: 48px;
        flex-direction: unset;
    }
    .inner-books .pickup-book .book-pickup .image {
        width: 50%;
        height: auto;

    }
    .inner-books .pickup-book .book-pickup .content {
        gap: 20px;
        width: 50%;
    }
    .inner-books .pickup-book .book-pickup .content .title {
        font-size: 36px;
        line-height: 48px;
    }
    .inner-books .pickup-book .book-pickup .content .description {
        font-size: 16px;
        line-height: 32px;
    }
    .inner-audiodrama .tags {
        padding-bottom: unset;
    }
    .inner-books .pickup-book .book-pickup .content .group-button .blue a {
        gap: 16px;
    }
    .inner-books .pickup-book .book-pickup .content .group-button .blue span {
        font-size: 16px;
    }
    .page-products .title-cls {
        margin: 0 0 48px 0;
    }
    .inner-faq .containers .anchor {
        top: -30px;
    }
    .inner-faq #cyosakuken h2,
    .inner-faq #hinshitu h2,
    .inner-faq #kounyu h2,
    .inner-faq #saiyou h2,
    .inner-faq #other h2,
    .inner-customer h2,
    .inner-sitepolicy h2,
    .inner-faq-music h2 {
        margin-bottom: 20px;
        font-size: 24px;
        line-height: 1.1;
        color: #000;
        background: #f3f2f2;
        padding: 10px 15px;
    }
    .inner-faq .faqbox h3 {
        font-size: 16px;
        line-height: 1.6;
        padding: 20px 30px 20px 118px;
    }
    .inner-faq .faqbox h3 span {
        font-size: 26px;
        line-height: 1;
        text-indent: -86px;
    }
    .inner-faq .faqbox p{
        padding: 0 32px;
        font-size: 16px;
    }
    .inner-customer p {
        font-size: 14px;
    }
    .inner-live .title-live-top {
        margin: 48px 0 48px 0;
    }
    .inner-music .new-release .new-release-slider .slider-item {
        margin: 0 24px;
    }
    .inner-music .controller {
        display: flex;
    }
    .inner-music .title-results li{
        width:  calc(100%/3 - 24px);
    }
    .inner-music .product .title {
        line-height: 32px;
    }
    .inner-music .title {
        font-size: 28px;
        font-weight: 700;
        line-height: 48px;
        margin-bottom: 24px;
    }
    .inner-books .product-list {
        padding-top: 48px;
    }
    .inner-audiodrama .product-list {
        padding-top: 0;
    }
    .inner-books .products {
        gap: 32px 48px;
    }
    .inner-event .product-list .products .product .image {
        height: 164px;
    }
    .inner-animation .year-animation {
        width: 100%;
        flex-wrap: wrap;
        margin: 0;
    }
    .inner-animation .year-animation .btn-year {
        width: 10%;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0;
    }

    .inner-books .containers .product-list .product .image {
        height: 396px;
    }
    .inner-books .product .item .title {
        height: auto;
    }
    .pickup-up-audio-recommend {
        display: flex;
        gap: 48px;
        flex-wrap: wrap;
    }
    .pickup-up-audio-recommend .pickup-book {
        width: calc(50% - 24px);
    }
    .pickup-up-audio-recommend .pickup-book .book-pickup {
        flex-direction: column;
    }
    .pickup-up-audio-recommend .pickup-book .book-pickup .image,
    .pickup-up-audio-recommend .pickup-book .book-pickup .content {
        width: 100%;
    }

    .back-top-button {
        bottom: 110px;
        right: 24px;
    }
     
    .back-top-button:hover {
        opacity: 0.5;
    }

    .inner-news .select-group .item:hover {
        opacity: 0.5;
    }

    #sns .sns-body .sns-type .sns a {
        width: calc(25% - 48px)
    }

    #books .books-item .book-item-title {
        height: 85px;
    }
    .inner-animation hr:last-child {
        height: 0;
    }
    .inner-radio hr:last-child {
        height: 0;
        border: 1px solid var(--text-secondary);
    }
    .inner-faq .containers .anchor ul li {
        width: auto;
    }
    .inner-live .products #response-live .product .image {
        height: 396px;
    }
    .page-products .tags .tag:hover {
        opacity: 0.5;
     }
     .inner-dvd .btn-dvd:hover {
        opacity: 0.5;
    }
    #footer .footer-container {
        flex-direction: row;
        gap: 80px;
    }

    #footer .footer-left {
        width:  calc(45% - 24px);
    }
    #footer .footer-right {
        width:  calc(55% - 24px);
    }

    #footer .footer-right .sns-row {
        flex-direction: row;
        flex-wrap: wrap;
    }
    #footer .footer-right .sns-row .sns-col {
        width: 25%;
    }

    .page-products .category-cls .group-category {
        flex-direction: column;
        gap: 24px;
    }

    .page-products .category-cls .group-category div{
        flex-direction: row;
        gap: 24px;
        width: 100%;
    }

    .page-products .pagination a:hover,
    .inner-detail .pagination a:hover{
        opacity: 0.5;
    }

    .inner-news .select-group .item:hover {
        cursor: pointer;
    }

    .inner-news .news-list-item .news-item:hover {
        opacity: 0.5;
    }

    .inner-animation .animations .animation .group-button .blue:hover {
        opacity: 0.5;
    }

    .pickups .pickup-top a:hover, 
    .pickups .pickup .pickup-items:hover {
        opacity: 0.5;
    }

    .page-products .product:hover > *:not(.book-url, .item) {
        opacity: 0.5;
    }
    
    .page-products .product .book-url:hover {
        opacity: 0.5;
        cursor: pointer;
    }

    .inner-books.inner-audiodrama .products[id^="items_"] .item:hover  > *:not(.book-url){
        opacity: 0.5;
    }
    
    .inner-music .product:hover > *:not(.book-url) {
        opacity: 0.5;
    }

    .inner-music .playlist .product .book-url:hover  {
        opacity: 0.5;
    }

    .inner-music .playlist .product:hover > * {
        opacity: 1;
        cursor: default;
    }

    .inner-books .pickup-book .book-pickup .content .group-button .blue:hover{
        opacity: 0.5;
    }

    .inner-music .controller div:hover {
        opacity: 0.5;
    }

    .inner-music .slider-item:hover {
        text-decoration: none;
        opacity: 0.5;
    }

    .page-products .pagination a,
    .inner-detail .pagination a,
    .inner-detail .pagination span,
    .page-products .pagination span {
        width: 40px;
        height: 40px;
    }
}

@media screen and (min-width:992px) {
    .inner {
        padding: unset;
    }
    #header .header-btn {
        display:none!important;
    }
    #header .inner {
        height: 160px;
        width: 100%;
    }
    #header .inner .logo {
        padding: 0 16px 0 16px;
    }
    #header .inner .inner__logo {
        width: 100%;
        height: 104px;
        display: flex;
        justify-content: space-between;
    }
    #header .inner .inner__logo .header-logo {
        padding: 24px 0 24px 0;
        width: 80%;
    }
    #header .header-logo img {
        width: 310px;
    }
    #header .inner .inner__logo .header-search {
        display: block;
        border-radius: 10px;
        margin: auto 0;
    }
    #header .inner .header-nav {
        width: 100%;
        height: 56px;
    }
    #header .inner .header-nav .header-menu {
        top: 0;
        background-color: #344DA0;
        color: #FFFFFF;
        display: flex;
    }
    #header .inner .header-nav .header-menu .nav-item {
        width: 10%;
    }
    #header .inner .header-nav .header-menu .nav-item .arrow-menu{
        padding-left: 10px;
    }
    #footer {
        padding: 96px 160px 96px 160px;
    }
    #footer .logo{
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-bottom: 24px;
    }
    #footer .content-footer {
        display: flex;
        gap: 92px;
    }
    #header .header-menu li[class^=nav-]:not(:first-child):before {
        float: left;
        display: block;
        content: "";
        width: 1px;
        height: 56px;
        background: #f1f1f1;
    }

    #header .header-menu li[class^=nav-]>a {
        font-size:18px;
        font-weight:700;
        text-align:center;
        vertical-align:middle;
        height: 56px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 16px 0;
    }

    #header .header-search fieldset {
        background:#f2f2f2;
        overflow:hidden;
        border-radius: 10px;
        display: flex;
        align-items: center;
        height: 53px;
        position: relative;
        width:266px;
    }

    #header .header-search input[type=search],#header .header-search input[type=text] {
        width:100%;
        height:53px;
        font-size:14px;
        outline:0;
        padding:0 48px 0 12px;
    }

    #header .header-search input[type=submit] {
        position: absolute;
        right: 0;
        width:30px;
        height:53px;
        white-space:nowrap;
        text-indent:35px;
        background:url(../images/search-line-header.png) left center no-repeat;
        background-size: 32px auto;
        outline:0;
        cursor:pointer;
        overflow:hidden;
        padding:0 12px;
        margin-right: 12px;
    }

    #header .header-nav .nav-pro-child {
        display: none;
        position: absolute;
        left: 0;
        right: 0;
        z-index: 10;
    }

    #header .header-nav .header-menu .nav-pro:hover .nav-pro-child {
        display: flex;
    }

    #header .header-nav .nav-pro-child li>a {
        justify-content: center;
        background: #FFFFFF;
        color: #434343;
        border-left: 1px solid #bfbfbf;
        border-right: 1px solid #bfbfbf;
        border-bottom: 1px solid #bfbfbf;
        border-top: none;
        padding-left: 0;
    }

    #header .header-nav .nav-pro-child li>a:hover{
        color: #fff;
        background: #fcae00;
    }

    #header .header-nav .nav-pro-child li>a:hover {
        text-decoration: none;
    }

    #header .header-logo .wrapper-logo {
        width: 453.68px;
    }

    .inner-music .book-url img,
    .inner-audiodrama .book-url img {
        display: block;
    }
    .inner-faq #cyosakuken,
    .inner-faq #hinshitu,
    .inner-faq #kounyu,
    .inner-faq #saiyou,
    .inner-faq #other,
    .inner-sitepolicy .customer {
        width: 900px;
    }
    .inner-faq #gakkyoku {
        margin-top: 20px;
    }
    .inner-customer .customer {
        width: 900px;
        margin: auto;
        padding: 96px 0;
    }

    .inner-faq-music .containers {
        width: 900px;
        margin: auto;
    }
    .inner-faq .containers .anchor {
        width: 900px;
        margin: auto;
        padding-bottom: 20px;
    }

    .page-products .products #response,
    .page-products .products #response-goods,
    .page-products .products #response-live,
    .page-products .products #response-event,
    .page-products .products #response-cd{
        column-gap: 16px;
    }

    .page-products .products .product {
        width: calc(25% - 12px);
    }

    .page-products .products .product .image {
        height: 230px;
    }

    .back-top-button {
        bottom: 172px;
        right: 160px;
    }

    .inner-music .new-release .new-release-slider .slider-item .slide-title {
        font-size: 16px;
        line-height: 32px;
    }
    
    .inner-music .new-release .new-release-slider .slider-item .slide-tag {
        display: none;
    }

    .inner-music .new-release .new-release-slider .slider-item .slide-date {
        font-size: 16px;
        line-height: 32px;
        display: none;
    }
}

@media only screen and (min-width: 1025px) {
    .inner-news  .wrapper {
        max-width: 1664px;
        padding: 48px 32px 0;
        margin: auto;
    }

    .inner-news .box-title {
        margin-bottom: 48px;
    }

    .inner-news .information-wrapper {
        padding: 96px 360px;
    }

    .inner-news .news-list-item .news-item {
        width: calc(25% - 18px);
    }

    .inner-news .select-group {
        margin-top: 96px;
    }
    .inner-news .select-group .item {
        font-size: 16px;
    }

    .inner-news .category-body {
        width: 100%;
        gap: 16px;
        padding: 0 200px;
        display: flex;
        flex-wrap: wrap;
    }

    .inner-news .category-body .category-box {
        margin-bottom: 0;
        width: calc(25% - 12px)
    }

    .inner-news .divider {
        margin-top: 48px;
    }
    .inner-music .products,
    .page-products .products #response,
    .page-products .products .music-delivery-results,
    .page-products .products .music-playlist-results,
    .page-products .products #response-goods,
    .page-products .products #response-live,
    .page-products .products #response-event,
    .page-products .products #response-cd{
        column-gap: 48px;
        row-gap: 24px;
    }
    .inner-music .products .news-result,
    .inner-dvd .products .news-result,
    .inner-cd .products .news-result,
    .inner-goods .products .news-result {
        padding-top: 24px;
        margin-top: 24px;
    }

    .page-products .products .product .image {
        height: 264px;
    }
}

@media only screen and (min-width:1245px) {
    #header .inner .logo {
        padding: 0 80px;
    }
    
    .page-products  .banner {
        padding: 80px 144px;
    }
    .page-products .top,
    .page-products .pickups .pd-top,
    .page-products .category-cls,
    .page-products .news-not-padding .pd-top,
    .page-products .news-padding {
        padding: 96px 0;
        max-width: 1200px;
        margin: auto;
    }

    .page-products .news-not-padding .no-pd-top {
        padding-top: 32px;
    }

    .inner-audiodrama .category-cls{
        margin-top: 96px;
    }

    .inner-animation .top {
        padding: 96px 0 48px 0;
    }
    .inner-animation .category-cls {
        padding: 24px 0 0 0;
    }
    .inner-audiodrama .category-cls {
        padding-top: 0;
    }
    .inner-animation .category-cls hr{
        margin: 48px 0;
        border: 1px solid #BFBFBF
    }
    .inner-animation .top {
        padding: 96px 0 0 0;
    }
    .inner-animation .top-new {
        padding: 0 0 96px 0;
    }

    .inner-books .containers .top {
        padding: 96px 0 0 0;
    }
    .inner-audiodrama .containers .top {
        padding: 96px 0 48px 0;
    }
    .inner-audiodrama .containers .top:first-child {
        padding: 96px 0 0 0;
    }
    .inner-audiodrama .containers .top:nth-child(2) {
        padding: 0 0 48px 0;
    }
    .list-books .books-padding {
        padding: 48px 0 96px 0;
        max-width: 1200px;
        margin: auto;
    }
    .list-books .books-not-padding {
        padding: 0;
        max-width: 100%;
        background-image: url(../images/background-pick-up.png);
        background-size: 1000px;
        background-repeat: repeat;
    }
    .list-books .books-not-padding .product-list {
        max-width: 1200px;
        margin: auto;
    }
    .page-products .products .product {
        width: calc(25% - 36px);
    }

    .page-products .pickup-top .image {
        height: 600px;
    }
    .page-products .pickup-second .image {
        height: 294px;
    }
    .page-products .new-item .image {
        height: 236px;
    }
    .inner-animation .product-list .title-cls {
        margin: 0;
    }
    .inner-animation .category-cls hr{
        margin: 48px 0;
    }

    .inner-animation .hr-top {
        margin: 16px 0;
        border: 1px solid #FCAE00;
    }
    .inner-animation .top-new {
        padding-bottom: 96px;
    }
    .inner-animation .animations {
        padding: 24px;
        flex-direction: column;
    }
    .inner-radio .animations {
        padding: 24px 24px 0 24px;
    }
    .inner-radio .animations .animation .item .image {
        height: 236px;
    }

    .inner-animation .animations .animation .block-right .title {
        font-size: 20px;
        line-height: 24px;
    }
    .inner-animation .animations .animation .block-right .content {
        font-size: 16px;
        line-height: 32px;
    }
    .inner-animation .year-animation {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        margin: 0;
    }
    .inner-animation .year-animation .active {
        background-color: #FCAE00;
    }
    .inner-animation .year-animation .btn-year {
        padding: 12px 24px;
        border: 1px solid #BFBFBF;
        width: 10%;
        text-align: center;
        cursor: pointer;
    }
    .inner-animation .year-animation .btn-year span {
        font-size: 16px;
        line-height: 24px;
        font-weight: 700;
    }
    .inner-animation .animation-bottom .hr-top {
        margin: 16px 0 10px 0;
    }
    .page-products .product-types {
        padding-bottom: 48px;
    }
    .page-products .new-item a {
        gap: 16px;
    }
    .page-products .product .tag-product span {
        font-size: 14px;
        line-height: 16px;
    }

    .inner-goods .product-list .product .image,
    .inner-cd .product-list .product .image,
    .inner-audiodrama .products .product .image,
    .inner-dvd .product-list .product .image {
        height: 264px;
    }
    .inner-books .containers .product-list .product .image {
        height: 396px;
    }
    .inner-audiodrama .top hr,
    .inner-audiodrama .news-not-padding .pd-top hr {
        margin: 48px 0;
    }

    .inner-music .product .image {
        height: 264px;
    }

    .inner-music .music-category-cls {
        padding: 24px 0;
    }

    .inner-radio hr:last-child {
        margin-bottom: 24px;
    }

    .inner-music.page-products .top {
        padding-bottom: 0;
    }
    
    .inner-music.page-products .no-pd-top{
        padding-top: 0;
    }

    .inner-music.page-products .pd-bottom{
        padding-bottom: 96px;
    }
    
    .inner-music .playlist .product .book-url:hover {
        opacity: 0.5;
        cursor: pointer;
    }
}
.disabled {
    pointer-events: none; 
    opacity: 0.5;
}