@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Noto+Sans+JP:wght@100..900&display=swap');

body
{
	box-sizing: border-box;
	margin: 0;
	padding: 0;

	/*min-width: 1312px;*/
    min-width: 1000px;

	color: #000000;
    background-color: #D8D8D8;

	-webkit-text-size-adjust: 100%;
}

#myc .centerview
{
	width: 980px;

    /*★*/
    /*background-color: rgba(0,128,255,0.1);*/
}

#myc a
{
	color: #000;
}

#myc .section-title
{
    color: #000;
}

#myc .ez-subsection.type-zero
{
    padding-top: 0;
}




#myc #myc-header
{
    position: sticky;
    top: 0;
    z-index: 1;

    background-color: #FFFFFF;

    /*box-shadow: #D9D9D9 0px 0px 12px 0px;*/
}

#myc #myc-header .logo
{
    position: absolute;
    left: 0;
    top: 0;

    width: 228px;
}

#myc #myc-header .gnavi-list
{
    display: flex;
    justify-content: center;
    align-items: center;

    height: 80px;
}

#myc #myc-header .gnavi-list .item
{

}
#myc #myc-header .gnavi-list .item+.item
{
    margin-left: 40px;
}

#myc #myc-header .gnavi-list .item.type-shop a
{
    color: #d9c31f;
}
#myc #myc-header .gnavi-list .item.type-fc a
{
    color: #e69c37;
}


#myc #myc-header .fc-area
{
    position: absolute;
    right: 12px;
    top: 12px;
    
    /* no-buttons center */
    display: flex;
    min-height: 57px;
    align-items: center;
}

#myc #myc-header .fc-area .buttons
{
    display: flex;

    margin-top: 6px;
}

#myc #myc-header .fc-area .buttons .item .fc-button
{
    display: inline-block;
    box-sizing: border-box;
    padding: 8px 20px;

    line-height: 1;
    color: #fff;

    border: 2px solid #000;
    background-color: #000;
}
#myc #myc-header .fc-area .buttons .item .fc-button.type-regist
{
    color: #000;

    background-color: #fff;
}
#myc #myc-header .fc-area .buttons .item .fc-button:hover
{
    opacity: 0.85;

    text-decoration: none;
}



@media screen and (max-width:1340px)
{
    #myc #myc-header
    {
        /*width: 100vw;*/
        min-width: 1000px;
    }

    #myc #myc-header .logo
    {
        width: 142px;
    }

    #myc #myc-header .gnavi-list
    {
        padding-right: 64px;    /*★*/
    }

    #myc #myc-header .gnavi-list .item
    {
        font-size: 90%;	/*★*/
    }
    #myc #myc-header .gnavi-list .item+.item
    {
        margin-left: 20px;
    }
    
    #myc #myc-header .fc-area
    {
        right: 32px;
    }

    #myc #myc-header .fc-area .label
    {
        font-size: 88%;	/*★*/
    }

    #myc #myc-header .fc-area .buttons .item
    {
        font-size: 90%;	/*★*/
    }

    #myc #myc-header .fc-area .buttons .item .fc-button
    {
        padding: 6px 16px;
    }
}





#myc .index-list .item .infobar .infobar-item.type-category .category-label
{
    display: inline;
    padding: 0.2em 0.4em;

    line-height: 1;

    border: 1px solid #000;
}

#myc .index-list .item .text .preview-button
{
    display: none;
    
    position: absolute;
    right: 0;
    bottom: 0;
    
    padding: 12px;
}

#myc .index-list .item .text .preview-button .button-label
{
    display: inline-block;
    padding-right: 12px;
    
    line-height: 1;
    color: #E48832;
    
    background-image: url("../../images/official/preview_button.png");
    background-repeat: no-repeat;
    background-position: center right;
    background-size: auto 100%;
}





#myc .index-list.type-thumb .item .thumb
{
    box-shadow: rgba(0, 0, 0, 0.08) 12px 12px 24px 0px;
}

#myc .index-list.type-thumb .item .thumb .new-corner
{
    opacity: inherit;
}

#myc .index-list.type-thumb .item .infobar .infobar-item.type-new
{
    display: none;
}

#myc .index-list.type-thumb .item .infobar .infobar-item.type-category
{
    display: inherit;
}





#myc .index-list.type-thumb.type-four.type-jacket .item .thumb
{
    height: 220px;

    box-shadow: inherit;
}

#myc .index-list.type-thumb.type-four.type-jacket .item .thumb .link
{
    height: 100%;
}

#myc .index-list.type-thumb.type-four.type-jacket .item .thumb .photo-set
{
    height: 100%;
}

#myc .index-list.type-thumb.type-four.type-jacket .item .thumb .photo-set .photo-item
{
    width: 100%;
}

#myc .index-list.type-thumb.type-four.type-jacket .item .thumb img
{
    object-fit: contain;
    width: 100%;
    height: 100%;
}





#myc .index-list.type-thumb.type-four.type-info .item .thumb
{
    height: 220px;
    
    background-color: #fff;
}

#myc .index-list.type-thumb.type-four.type-info .item .thumb .link
{
    height: 100%;
}

#myc .index-list.type-thumb.type-four.type-info .item .thumb .photo-set
{
    height: 100%;
}

#myc .index-list.type-thumb.type-four.type-info .item .thumb .photo-set .photo-item
{
    width: 100%;
}

#myc .index-list.type-thumb.type-four.type-info .item .thumb img
{
    object-fit: contain;
    width: 100%;
    height: 100%;
}





#myc .index-list.type-thumb.type-archive .item
{
    background-color: #fff;
    
    box-shadow: rgba(0, 0, 0, 0.08) 12px 12px 24px 0px;
}

#myc .index-list.type-thumb.type-archive .item .infobar
{
    display: none;
}

#myc .index-list.type-thumb.type-archive .item .thumb
{
    box-shadow: initial;
}

#myc .index-list.type-thumb.type-archive .item .text
{
    padding: 0 12px 40px;
}

#myc .index-list.type-thumb.type-archive .item .text .preview-button
{
    display: block;
}











#myc .content-body a
{
    color: #E48832;
    font-weight: 700;
}

#myc .content-body .photo
{
    max-width: 400px;
}

#myc .content-body .text-cover
{
    background-color: #F3D632;
}

#myc .content-body.top-border
{
    margin-top: 20px;
    padding-top: 40px;
    
    border-top: 1px solid #999;
}





#myc .thumb-list
{
    display: flex;
    flex-wrap: wrap;
}

#myc .thumb-list .item
{
    width: 31%;
}
#myc .thumb-list .item+.item
{
    margin-left: 3.5%;
}
#myc .thumb-list .item:nth-child(3n-2)
{
    margin-left: 0;
}
#myc .thumb-list .item:nth-child(n+4)
{
    margin-top: 40px;
}

#myc .thumb-list .item .infobar
{
    margin-top: 8px;
}

#myc .thumb-list .item .infobar .infobar-item .date
{
    white-space: nowrap;
}

#myc .thumb-list .item .text
{
    margin-top: 8px;
}

#myc .thumb-list .item *+.thumb
{
    margin-top: 12px;
}
#myc .thumb-list .item .thumb+*
{
    margin-top: 12px;
}





#myc .thumb-list.type-four .item
{
    width: 22.414%;
}
#myc .thumb-list.type-four .item+.item,
#myc .thumb-list.type-four .item:nth-child(3n-2)
{
    margin-left: 3.448%;
}
#myc .thumb-list.type-four .item:nth-child(n+4)
{
    margin-top: inherit;
}
#myc .thumb-list.type-four .item:nth-child(4n-3)
{
    margin-left: 0;
}
#myc .thumb-list.type-four .item:nth-child(n+5)
{
    margin-top: 40px;
}





#myc .thumb-list .thumb .jacket-box
{
    position: relative;

    display: block;

    width: 100%;
}

#myc .thumb-list .thumb .jacket-box .size
{
    display: block;

    width: 100%;
}

#myc .thumb-list .thumb .jacket-box .image
{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;

    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

#myc .thumb-list .thumb .jacket-box .tag
{
    display: inline-block;

    position: absolute;
    right: 0;
    bottom: 8px;

    padding: 0.2em 0.8em;
    color: #fff;

    background-color: #F39800;
}





#myc .play-button
{
    display: block;

    position: relative;
}

#myc .play-button:after
{
    content: '';

    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;

    background-image: url("../../images/common/play_button.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 28%;
}





#myc .tag-list
{

}

#myc .tag-list .item
{
    border: 1px solid #666666;
    border-radius: inherit;
}
#myc .tag-list .item.active
{
    border: 1px solid #F39800;
    background-color: #F39800;
}

#myc .tag-list .item .link
{
    color: #666666;
}
#myc .tag-list .item.active .link
{
    color: #fff;
}







#myc .song-list .item
{
    display: flex;
}

#myc .song-list .item .number
{
    padding: 0.5em 0;
    width: 2em;

    text-align: right;
}

#myc .song-list .item .title
{
    flex: 1;

    margin-left: 0.8em;
    padding: 0.5em 0;

    border-bottom: 1px dotted #AEAEAC;
}





#myc .artist-name
{
    padding-bottom: 0.8em;

    border-bottom: 1px solid #ccc;
}





#myc #myc-main
{
    background-color: #F4F4F4;
}





#myc #myc-footer
{
    background-color: #D8D8D8;
}



#myc #myc-main .law .list
{
    display: flex;
    flex-wrap: wrap;
}

#myc #myc-main .law .list .item:nth-child(2n-1)
{
    width: 25%;
    padding-bottom: 20px;
    font-weight: bold;
}

#myc #myc-main .law .list .item:nth-child(2n)
{
    width: 75%;
		padding-bottom: 20px;
}





#myc #myc-top-mainvisual
{
    position: relative;
}

#myc #myc-top-mainvisual .scroll-button
{
    position: absolute;
    right: 24px;
    bottom: 32px;
    
    width: 20px;
}





#myc #myc-top-anchor-parent
{
    position: relative;
}

#myc #myc-top-anchor-parent #myc-top-anchor
{
    position: absolute;
    left: 0;
    top: -80px;
}





#myc #myc-top-slider
{
    padding: 32px 0 0;
    
    background-color: #EDEDED;
}

#myc .official-slider
{
    position: relative;
    
    z-index: 0;
}

#myc .official-slider .swiper-slide
{
    width: 585px;
}

#myc .official-slider .swiper-slide .border
{
    margin: 0 4px;
    padding: 12px;
    
    background-image: url("../../images/official/top_slider_bg.png");
    background-size: 100% 100%;
}

#myc .official-slider .swiper-slide a:hover img
{
    opacity: initial;
}

#myc .official-slider .buttons-area
{
    display: flex;
    justify-content: space-between;
    
    margin-top: -8px;
    padding: 0 36px;
}

#myc .official-slider .swiper-button-prev
{
	margin-top: initial;
    
    position: initial;
	left: initial;
    top: initial;

	width: 26px;
	height: 14px;
	
	background-image: initial;
	background-size: initial;
    background-repeat: initial;
}
#myc .official-slider .swiper-button-next
{
	margin-top: initial;
    
    position: initial;
	right: initial;
    top: initial;

	width: 26px;
	height: 14px;
	
	background-image: initial;
	background-size: initial;
    background-repeat: initial;
}

#myc .official-slider .swiper-button-prev:after,
#myc .official-slider .swiper-button-next:after
{
    display: none;
}

#myc .official-slider .swiper-pagination
{
	position: inherit;
	margin-top: 16px;
	text-align: center;
}

#myc .official-slider .swiper-pagination-bullet
{
	box-sizing: border-box;
	margin: 0 5px;
	width: 10px;
	height: 10px;
	
	background: #000;
	
	opacity: inherit;
}
#myc .official-slider .swiper-pagination-bullet-active
{
	border: inherit;
	
	background: #F39800;
}





#myc #myc-top-topics
{
    padding-bottom: 87px;
    
    background-color: #EDEDED;
}

#myc #myc-top-topics .separate
{
    display: flex;
    justify-content: space-between;
    
    margin: 0 auto;
    width: 746px;
}

#myc #myc-top-topics .separate .separate-title
{
    width: 240px;
    
    /*background-color: #fc0;*/
}

#myc #myc-top-topics .separate .separate-content
{
    width: 485px;
    
    /*background-color: #f60;*/
}

#myc #myc-top-topics .topics-title
{
    margin-top: 56px;
}

#myc #myc-top-topics .topics-title .today
{
    line-height: 1;
    font-size: 37px;
}

#myc #myc-top-topics .topics-title .topics
{
    margin-top: 2px;
    
    line-height: 1;
    font-size: 53px;
}





#myc .index-list.type-thumb.type-two .item
{
    width: 46.281%;
}
#myc .index-list.type-thumb.type-two .item+.item,
#myc .index-list.type-thumb.type-two .item:nth-child(3n-2)
{
    margin-left: 7.438%;
}
#myc .index-list.type-thumb.type-two .item:nth-child(n+4)
{
    margin-top: inherit;
}
#myc .index-list.type-thumb.type-two .item:nth-child(2n-1)
{
    margin-left: 0;
}
#myc .index-list.type-thumb.type-two .item:nth-child(n+3)
{
    margin-top: 40px;
}

#myc .index-list.type-thumb.type-two .item .thumb
{
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 24px 0px;
}





#myc .index-list.type-thumb.type-information .item
{
    width: 30.108%;
}
#myc .index-list.type-thumb.type-information .item+.item
{
    margin-left: 4.839%;
}

#myc .index-list.type-thumb.type-information .item:nth-child(3n-2)
{
    margin-left: 0;
}

#myc .index-list.type-thumb.type-information .item .thumb
{
    height: 220px;

    box-shadow: inherit;
}

#myc .index-list.type-thumb.type-information .item .thumb .link
{
    height: 100%;
}

#myc .index-list.type-thumb.type-information .item .thumb .photo-set
{
    height: 100%;
}

#myc .index-list.type-thumb.type-information .item .thumb .photo-set .photo-item
{
    width: 100%;
}

#myc .index-list.type-thumb.type-information .item .thumb img
{
    object-fit: contain;
    width: 100%;
    height: 100%;
}





#myc #myc-top-information
{
    position: relative;
    
    background-color: #EDEDED;
}

#myc #myc-top-information .bg
{
    position: absolute;
    left: 0;
    top: 0;
    
    width: 50%;
    height: 100%;
    
    background-color: #FAFAFA;
}

#myc #myc-top-information .centerview
{
    background-color: #FAFAFA;
}

#myc #myc-top-information .section
{
    padding: 87px 0 112px;
}

#myc #myc-top-information .list-parent
{
    margin: 0 auto;
    width: 744px;
}

#myc #myc-top-information .information-title
{
    position: absolute;
    right: 0;
    top: 80px;
    
    transform: rotate(90deg) translateX(100%) translateY(-50%);
    transform-origin: right top;
    
    font-size: 53px;
}


#myc #myc-top-information .more-area
{
    display: flex;
    align-items: center;
}

#myc #myc-top-information .more-area .border-area
{
    flex: 1;
    
    height: 1px;
    
    border-top: 1px dashed #C6C6C6;
}

#myc #myc-top-information .more-area .link-area
{
    margin-left: 24px;
}

#myc #myc-top-information .more-area .link-area .more-link
{
    display: inline-block;
    
    padding-right: 36px;
    
    background-image: url("../../images/official/more_link.png");
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 19px auto;
}





#myc #myc-top-sns
{
    padding: 90px 0 140px;
    background-color: #EDEDED;
}

#myc #myc-top-sns .separate
{
    display: flex;
    justify-content: space-between;
    
    margin: 0 auto;
    width: 443px;
}

#myc #myc-top-sns .separate .separate-title
{
    
}

#myc #myc-top-sns .separate .separate-content
{
    width: 237px;
}

#myc #myc-top-sns .sns-title
{
    margin-top: 38px;
}

#myc #myc-top-sns .sns-title .text-01
{
    line-height: 1;
    font-size: 26px;
}

#myc #myc-top-sns .sns-title .text-02
{
    margin-top: 2px;
    
    line-height: 1;
    font-size: 63px;
}

#myc #myc-top-sns .top-sns-list
{
    display: flex;
    flex-wrap: wrap;
}

#myc #myc-top-sns .top-sns-list .item
{
    margin-left: 15px;
    
    width: 69px;
}
#myc #myc-top-sns .top-sns-list .item:nth-child(3n-2)
{
    margin-left: 0;
}
#myc #myc-top-sns .top-sns-list .item:nth-child(n+4)
{
    margin-top: 16px;
}


#myc #myc-top-sns .chara
{
    position: absolute;
    right: -48px;
    bottom: -164px;
    
    width: 108px;
}





#myc #myc-top-fanclub
{
    padding: 116px 0;
    
    background-color: #FAFAFA;
    background-image: url("../../images/official/top_fanclub_bg.png");
    background-size: 444px auto;
    background-position: right top 164px;
    background-repeat: no-repeat;
}

#myc #myc-top-fanclub .centerview
{
    width: 880px;
}

#myc #myc-top-fanclub .separate
{
    display: flex;
    justify-content: space-between;
}

#myc #myc-top-fanclub .separate .separate-book
{
    width: 360px;
    
    /*background-color: #fc0;*/
}

#myc #myc-top-fanclub .separate .separate-content
{
    margin-left: 60px;
    flex: 1;
    
    /*background-color: #f30;*/
}

#myc #myc-top-fanclub .sns-title .text-01
{
    line-height: 1;
    font-size: 28px;
}

#myc #myc-top-fanclub .sns-title .text-02
{
    margin-top: 2px;
    
    line-height: 1;
    font-size: 54px;
}

#myc #myc-top-fanclub .service-list
{
    display: flex;
}

#myc #myc-top-fanclub .service-list .service-item
{
    display: flex;
    /*flex: 1;*/
    
    box-sizing: border-box;
    padding: 40px 32px;
    width: 100%;
    
    background-color: #fff;
    border-radius: 2px;
    
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 24px 0px;
}
#myc #myc-top-fanclub .service-list .service-item+.service-item
{
    margin-left: 20px;
}

#myc #myc-top-fanclub .service-list .service-item .logo .image
{
    width: 175px;
}

#myc #myc-top-fanclub .service-list .service-item .text-area
{
    margin-left: 32px;
}

#myc #myc-top-fanclub .yuzuyou-banner .image
{
    width: 350px;
}





#myc #myc-top-fanclub .type-wa
{
    color: #F39800;
}

#myc #myc-top-fanclub .type-yu
{
    color: #007AB7;
}

#myc #myc-top-fanclub .link-button.type-arrow
{
    padding: 18px;
    min-width: 320px;
    
    color: #fff;
    
    background-color: #000;
    background-image: url("../../images/official/top_button.png");
    background-size: 16px auto;
    background-position: right 16px center;
    background-repeat: no-repeat;
    
    border-radius: initial;
}





#myc #myc-menu .bg,
#myc #myc-menu .scroll-area
{
    display: none;
}

#myc #myc-menu .list .item.type-shop a
{
    color: #d9c31f;
}
#myc #myc-menu .list .item.type-fc a
{
    color: #e69c37;
}




#myc .accordion .content-title a
{
    position: relative;
    
    display: block;
    padding-left: 20px;
}

#myc .accordion .content-title a::after
{
    content: "";
    
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    
    width: 6px;
    height: 6px;
    
    margin: auto;
    
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    
    transform: rotate(135deg);
    transition: .3s ease;
}
#myc .accordion.show .content-title a::after
{
    top: 4px;
    
    transform: rotate(-45deg);
}





#myc .pay-list
{
    display: inline-block;
    box-sizing: border-box;
    padding: 16px 20px;
    
    background-color: #fff;
}

#myc .pay-list .icon-list
{
    display: flex;
    align-items: center;
}

#myc .pay-list .icon-list .icon-item
{
    height: 40px;
}
#myc .pay-list .icon-list .icon-item+.icon-item
{
    margin-left: 32px;
}

#myc .pay-list .icon-list .icon-item img
{
    width: auto;
    height: 100%;
}