@charset "utf-8";

@media screen and (max-width:767px)
{
	body
	{
		min-width: inherit;
	}

	#myc
	{
		font-size: 13px;
	}

	#myc img
	{
		width: 100%;
		height: auto;
	}

	#myc .pc-only
	{
		display: none;
	}

	#myc .sp-only
	{
		display: inherit;
	}
	#myc img.sp-only
	{
		display: inline;
	}

	#myc a
	{
		text-decoration: underline;
	}
	#myc a:hover
	{

	}

	#myc a:hover img
	{
		opacity: inherit;
	}

	#myc input[type=text],
	#myc input[type=password],
	#myc input[type=email],
	#myc input[type=tel],
	#myc input[type=date],
	#myc textarea,
	#myc select,
	#myc label
	{
		font-size: 16px;
	}

	#myc .centerview
	{
		width: inherit;
	}
    #myc .centerview.type-sub-product
    {
        padding: 0 6.4vw;

        width: initial;
    }

	#myc .partition
	{
		display: inherit;
	}
	#myc .partition .left,
	#myc .partition .right
	{
		width: inherit;
	}

	#myc .sp-partition
	{
		display: flex;
	}
	#myc .sp-partition .sp-left,
	#myc .sp-partition .sp-right
	{
		width: 50%;
	}



	#myc #myc-pagetop .fix-area
	{
		padding: 2vw;
	}

	#myc #myc-pagetop .pagetop
	{
		width: 40px;
	}


	#myc .video .video-thumb
	{

	}

	#myc .video .video-thumb iframe
	{

	}


	#myc .common-shadow
	{
		box-shadow: 0px 1.5vw 3vw 0px rgba(0,0,0,0.2);
	}
	#myc .common-shadow.type-large
	{
		box-shadow: 0px 3vw 10vw 0px rgba(0,0,0,0.2);
	}


	#myc .section
	{
		padding: 8vw 0;
	}
	#myc .section.type-half
	{
		padding: 4vw 0;
	}

	#myc .section-title
	{
		font-size: 28px;
	}

	#myc .section-inner
	{
		margin-top: 4vw;
	}
	#myc .section.type-half .section-inner
	{
		margin-top: 4vw;
	}



	#myc .ez-row-ll
	{
		margin-top: 10vw;
	}
	#myc .ez-row-l
	{
		margin-top: 8vw;
	}
	#myc .ez-row-m
	{
		margin-top: 4vw;
	}
	#myc .ez-row-s
	{
		margin-top: 2vw;
	}

	#myc .ez-pad-l
	{
		padding: 8vw 12vw;
	}
	#myc .ez-pad-m
	{
		padding: 4vw 6vw;
	}
	#myc .ez-pad-s
	{
		padding: 2vw 3vw;
	}

    #myc .ez-large
    {
        font-size: 115%;
    }
    #myc .ez-large-2
    {
        font-size: 120%;
    }
    #myc .ez-large-3
    {
        font-size: 125%;
    }
    #myc .ez-large-4
    {
        font-size: 130%;
    }
    #myc .ez-large-5
    {
        font-size: 135%;
    }

	#myc .ez-subsection
	{
		padding: 4vw 0;
	}
	#myc .ez-subsection:first-child
	{
		padding-top: 0;
	}
	#myc .ez-subsection:last-child
	{
		padding-bottom: 0;
	}

	#myc .ez-subsection-inner
	{
		margin-top: 4vw;
	}

	#myc .ez-pcwidebox
	{
		display: inherit;
		justify-content: inherit;
	}

	#myc .ez-pcwidebox .item
	{
		width: inherit;
	}

	#myc .ez-pcwidebox .item+.item
	{
		margin-left: inherit;
		margin-top: 8vw;
	}

	#myc .ez-wordpress-content>*+*
	{
		margin-top: 7.2vw;
	}

	#myc .ez-sp-left
	{
		text-align: left;
	}

	#myc .ez-sp-center
	{
		text-align: center;
	}

	#myc .ez-sp-right
	{
		text-align: right;
	}

	#myc .ez-half-wide
	{
		width: 80%;
	}

	/*
		modal
	*/
	#myc .modal
	{
		width: 100%;
	}

	#myc .modal .vertical-center
	{
		padding: 48px 2.4vw;
	}

	#myc .modal .firstview
	{
		width: 100%;
	}
	#myc .modal.type-movie .firstview
	{
		width: 100%;
	}
	#myc .modal.type-short .firstview
	{
		padding: 24px;
	}
	#myc .modal.type-long .firstview
	{
		padding: 24px;
	}

	#myc .modal .close-button
	{
		width: 32px;
	}
	#myc .modal.type-movie .close-button
	{
		top: -32px;
	}
	#myc .modal.hide-close .close-button
	{

	}

	#myc .modal .close-fix-area
	{
		right: 0;
		top: 0;
	}

	#myc .remodal-overlay
	{

	}

	/*
		menu
	*/
	#myc #myc-menu-open
	{
		width: 15vw;
	}

	#myc #myc-menu
	{

	}

	#myc #myc-menu .bg
	{

	}

	#myc #myc-menu .scroll-area
	{

	}

	#myc #myc-menu .contents
	{
		padding: 8vw 12.4vw;
	}

	#myc #myc-menu #myc-menu-close
	{
		width: 15vw;
	}










    #myc .buy-buttons
    {

    }
    #myc .buy-buttons.type-header
    {

    }

    #myc .buy-buttons .button-item
    {
        width: 37vw;
    }
    #myc .buy-buttons.type-header .button-item
    {
        width: 40vw;
    }

    #myc .buy-buttons .button-item+.button-item
    {
        margin-left: 4vw;
    }

    #myc .border-box
    {
        padding: 12px;

        border-radius: 28px;
    }
    #myc .border-box .box-inner
    {
        padding: 20px 12px 32px;

        border: 2px solid #f3a8bb;
        border-radius: 21px;
    }
    #myc .border-box.type-large .box-inner
    {
        padding: 32px 20px 40px;
    }

    #myc .border-box.type-product-3 .box-inner
    {
        padding: 16vw 12px 32px;
    }



    #myc .sp-content-center
    {
        padding: 0 4.8vw;
    }
    body.type-sub #myc .sp-content-center
    {
        padding: initial;
    }





    #myc #myc-catch
    {
        display: none;
    }





    #myc #myc-header
    {
        background-image: url("../images/sp/header_bg.jpg");
        background-size: 100% auto;
        background-repeat: repeat-y;
    }

    #myc #myc-header .centerview
    {
        padding: initial;

        width: initial;
        height: initial;
    }

    #myc #myc-header .title
    {
        width: initial;
        line-height: 0;
    }

    #myc #myc-header .desc
    {
        margin: 0 2vw 0;

        padding: 3px;

        border: 3px solid #EA609E;

        background-color: #fff;
    }

    #myc #myc-header .desc .border
    {
        padding: 16px;

        border: 1px solid #EA609E;
    }

		/* birthday gif */
		#myc #myc-header .hbd img
		{
			position: absolute;
			width: 38%;
			left:2%;
			top: 17%;
		}



    #myc #myc-bg
    {
        background-image: url("../images/sp/bg.png");
    }





    #myc #myc-news
    {
        padding: 2vw 2vw 8vw;

        transform: initial;
    }

    #myc #myc-news .centerview
    {
        width: initial;
    }

    #myc #myc-news .box
    {
        padding: 12px;

        background-image: url("../images/sp/news_bg.png");
        border-radius: 20px;
    }

    #myc #myc-news .border
    {
        height: 6px;

        background-image: url("../images/sp/news_border.png");
    }

    #myc #myc-news .list
    {
        padding: 12px;
    }





    #myc #myc-best .message
    {
        width: initial;
    }

    #myc #myc-best .text-area
    {
        margin: initial;
        width: initial;
    }




    #myc #myc-product .products-12
    {
        display: block;
    }

    #myc #myc-product .products-12 .product-item
    {
        width: initial;
    }

    #myc #myc-product .products-12 .product-item+.product-item
    {
        margin-left: initial;
        margin-top: 8vw;
    }

    #myc #myc-product .products-12 .desc
    {
        height: initial;
    }

    #myc #myc-product .products-12 .jacket img
    {
        width: 100%;
				height:auto;
    }

    #myc #myc-product .products-3 .box-inner
    {

    }

    #myc #myc-product .products-3 .premiere
    {
        right: 3.2vw;
        top: 3.2vw;

        width: 40vw;
    }
    body.type-sub #myc #myc-product .products-3 .premiere
    {
        position: initial;

        margin: 4vw auto 0;

        right: initial;
        top: initial;
    }

    #myc #myc-product .products-3 .header-area
    {
        margin: initial;

        width: initial;
    }

    #myc #myc-product .number-list
    {
        display: block;
        flex-direction: initial;
        align-items: initial;
    }

    #myc #myc-product .number-item
    {
        display: block;

        width: initial;
    }
    #myc #myc-product .number-item+.number-item
    {
        margin-top: 24px;
    }

    #myc #myc-product .number-item .number-area
    {
        width: 20px;
    }

    #myc #myc-product .number-item .text-area
    {
        flex: initial;

        margin-left: initial;
        margin-top: 8px;
    }

    #myc #myc-product .photos
    {
        width: 80%;
    }





    #myc #myc-bluray .logo
    {
        width: 80%;
    }

    #myc #myc-bluray .content-center
    {
        margin: initial;
        width: initial;
    }

    #myc #myc-bluray .product-list
    {
        display: block;
        justify-content: initial;
    }

    #myc #myc-bluray .product-list .product-side+.product-side
    {
        margin-left: initial;
        margin-top: 8vw;
    }

    #myc #myc-bluray .product-list .item
    {

    }

    #myc #myc-bluray .product-list .item .photo
    {
        width: 50%;
    }

    #myc #myc-bluray .product-list .item .desc
    {
        margin-left: 15px;
    }

    #myc #myc-bluray .product-list .item .desc .desc-inner
    {
        padding-left: 12px;
    }

    #myc #myc-bluray .song-box
    {
        padding: 32px 16px;

        border-radius: 24px;
    }

    #myc #myc-bluray .song-box .list
    {

    }

    #myc #myc-bluray .song-box .list .item
    {
        width: 48%;
    }
    #myc #myc-bluray .song-box .list .item+.item
    {
        margin-left: 4%;
    }

    #myc #myc-bluray .song-box .list .item .song-item
    {

    }
    #myc #myc-bluray .song-box .list .item .song-item+.song-item
    {

    }
    #myc #myc-bluray .song-box .list .item .song-item.type-subtitle
    {

    }





    #myc #myc-tour .border-box
    {

    }

    #myc #myc-tour .list
    {
        display: block;
        flex-direction: initial;
        align-items: initial;
    }

    #myc #myc-tour .list .item
    {
        padding-left: 16px;
        width: initial;
    }
    #myc #myc-tour .list .item+.item
    {
        margin-top: 40px;
    }





    #myc #myc-banner .list
    {
        display: block;
        justify-content: initial;
    }

    #myc #myc-banner .list .item
    {
        width: initial;

        text-align: center;
    }
    #myc #myc-banner .list .item+.item
    {
        margin-left: initial;
        margin-top: 4vw;
    }

    #myc #myc-banner .list .item img
    {
        width: 64%;
    }





    #myc #myc-footer
    {
        padding: 32px 0;
    }





    /*
        sub
    */
    #myc #myc-sub-header
    {
        padding-top: 12vw;
    }

    #myc #myc-sub-header .logo
    {
        left: 4.44vw;
        top: 4.44vw;

        width: 13.33vw;
    }

    #myc #myc-sub-header .title
    {
        display: none;
    }

    #myc #myc-sub-header .title .link
    {

    }

    #myc #myc-sub-header .top-button
    {
        right: 4.44vw;
        top: 4.44vw;

        width: 26.67vw;
    }

    #myc .sub-product-header
    {
        border-bottom: 2px solid #B5A370;
    }

    #myc .sub-product-header .text
    {
        margin-top: -0.4em;

        font-size: 24px;
    }

    #myc .sub-product-content
    {
        margin-top: 20px;
    }
    #myc .sub-product-content+.sub-product-content
    {
        margin-top: 28px;

        padding-top: 28px;
    }

    #myc .product-song-list
    {
        display: initial;
    }

    #myc .product-song-list .item
    {
        flex: initial;
    }

    #myc .product-image
    {
        width: initial;
    }





    /*
        opening
    */
    #myc #myc-full-screen
    {

    }

    #myc #myc-full-screen .scene
    {

    }
    #myc.standby #myc-full-screen .scene
    {

    }
    #myc.standby #myc-full-screen .scene.show
    {

    }

    #myc #myc-full-screen .skip-button
    {
        right: 7.2vw;
        bottom: 7.2vw;

        font-size: 14px;
    }

    #myc #myc-full-screen .skip-button .link
    {
        text-decoration: none;
    }





    #myc #myc-spacer
    {
        height: initial;
    }





    #myc.standby #myc-main
    {

    }
    #myc.standby #myc-main.show
    {

    }
    
    
    
    
    
    #myc #myc-popup
    {
        padding: 0 3.6vw;
    }
    #myc #myc-popup.hide
    {
        
    }

    #myc #myc-popup .bg
    {
        
    }

    #myc #myc-popup .window
    {
        width: initial;
    }

    #myc #myc-popup .close
    {
        top: -6.4vw;

        width: 4vw;
    }

}
