@charset "utf-8";

@media screen and (max-width:768px)
{
	body
	{
		min-width: inherit;
	}

	#myc
	{
		font-size: 13px;
	}
    #myc.type-news
    {
        background-size: 100% auto;
    }

    #myc .sp-left
    {
        text-align: left;
				font-size: 110%;
    }

	#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 img
	{
		opacity: inherit;
	}

	#myc input[type=text],
	#myc input[type=password],
	#myc input[type=email],
	#myc textarea,
	#myc select
	{
		font-size: 16px;
	}

	#myc .centerview
	{
        padding: 0 6vw;
		width: inherit;
	}

	#myc .partition
	{
		width: inherit;
	}
	#myc .partition .left,
	#myc .partition .right
	{
		float: inherit;
		width: inherit;
	}

	#myc .sp-partition:after
	{
		content: "";
		display: block;
		clear: both;
	}
	#myc .sp-partition .sp-left
	{
		float: left;
		width: 50%;
	}
	#myc .sp-partition .sp-right
	{
		float: right;
		width: 50%;
	}

	#myc .top-ss
	{
		margin-top: 2vw;
	}

	#myc .top-s
	{
		margin-top: 4vw;
	}

	#myc .top-m
	{
		margin-top: 6vw;
	}

	#myc .top-l
	{
		margin-top: 8vw;
	}

	#myc .top-ll
	{
		margin-top: 10vw;
	}



	#myc #myc-pagetop .fix-area
	{
		padding: 2vw;
	}

	#myc #myc-pagetop .pagetop
	{
		width: 40px;
	}



	#myc .video
	{
		margin: 0;
		width: inherit;
	}

	#myc .video .video-thumb
	{
		width: 100%;
		padding-bottom: 56.25%;
		height: 0px;
		position: relative;
	}

	#myc .video .video-thumb iframe
	{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}



	#myc .section
	{
		padding: 8vw 0;
	}

	#myc .section-title, #myc .section-title2
	{
		width: inherit;
		font-size: 200%;
		height: 55px;
		padding-top: 20px;
	}

	#myc .section-inner
	{
		margin-top: 8vw;
	}



	#myc .ez-row-ll
	{
		margin-top: 12vw;
	}
	#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-inline
	{

	}

	#myc .ez-zerolist
	{

	}

	#myc .ez-left
	{

	}

	#myc .ez-right
	{

	}

	#myc .ez-center
	{

	}

	#myc .ez-table
	{

	}

	#myc .ez-tr
	{

	}

	#myc .ez-th
	{

	}

	#myc .ez-td
	{

	}

	#myc .ez-wide
	{

	}

	#myc .ez-flex
	{

	}

	#myc .ez-content-center
	{

	}

	#myc .ez-flex-wrap
	{

	}

	#myc .ez-vmiddle
	{

	}
	#myc .ez-vtop
	{

	}

	#myc .ez-small
	{

	}

	#myc .ez-large
	{

	}

	#myc .ez-bold
	{

	}

	#myc .ez-nowrap
	{

	}

	#myc .ez-relative
	{

	}

	#myc .ez-red
	{

	}

	#myc .ez-bg-white
	{

	}

	#myc .ez-subsection
	{
		padding: 8vw 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;
	}



	/*
		modal
	*/
	#myc .modal
	{
		vertical-align: top;

		box-sizing: border-box;
		margin: 0 auto;
		padding: 64px 2.4vw;
		width: 100%;

		text-align: left;

		pointer-events: none;
	}

	#myc .modal .firstview
	{
		padding: 10vw 10vw 12vw;
		width: inherit;
	}
	#myc .modal.type-movie .firstview
	{
		width: inherit;
	}

	#myc .modal .firstview .close-button
	{
		top: -33px;

		width: 32px;
		height: 32px;
	}

	#myc .modal .firstview .photo-area .button
	{
		transform: translateY(-10px);
	}

	#myc .modal .firstview .photo-area .swiper-button-prev
	{
		left: -24px;
		margin-top: -10px;
		width: 12px;
		height: 20px;
	}
	#myc .modal .firstview .photo-area .swiper-button-next
	{
		right: -24px;
		margin-top: -10px;
		width: 12px;
		height: 20px;
	}

	#myc .remodal-overlay
	{

	}

	/*
		menu
	*/
	#myc #myc-menu-open
	{
		width: 15vw;
	}

	#myc #myc-menu
	{

	}

	#myc #myc-menu .bg
	{

	}

	#myc #myc-menu .contents
	{
		padding: 0 12.4vw;

		margin-left: inherit;
	}

	#myc #myc-menu #myc-menu-close
	{
		width: 15vw;
	}

	#myc #myc-menu .list
	{

	}

	#myc #myc-menu .list .item+.item
	{
		margin-top: 13.33vw;
	}

	#myc #myc-menu .list .item img
	{
		width: 100%;
	}










    #myc
    {

    }


		#myc-nav
		{
		    width: auto;
				border-radius: 0 0 0 20px;
		}

		#myc-nav .list
		{
		    padding: 10px 10px 13px 15px;
		}


    #myc #myc-header
    {
				min-width: inherit;
				width: 100%;
				background-image: url();
    }

		#myc #myc-header .header-img
		{
		    width: 100%;
		}

    #myc #myc-header .centerview.type-noside
    {
        padding: 0;
    }

    #myc #myc-header .logo img
    {
        width: 66vw;
    }


    #myc #myc-header .ticket-button
    {
        left: 64.8vw;
        right: inherit;
        top: 108vw;

        width: 23.47vw;
    }

	#myc #myc-header .h-title-block-sp
	{
	    max-width: inherit;
			margin: 6vw auto 0;
			padding: 0;
	    width: 90%;
			height: 40vw;
	}


	#myc #myc-gaiyo {
		width: inherit;
	}
	#myc #myc-gaiyo .gaiyo-sp{
	margin-top: 40px;
	}
	#myc #myc-gaiyo .gaiyo-box {
		width: inherit;
		padding-left: 0;
		float: none;
	}

	#myc #myc-gaiyo .rain {
		font-size: 100%;
	}

	#myc #myc-gaiyo .stage-1 {
		width: 300px;
		margin-top: 50px;
	}

	#myc #myc-gaiyo .stage-2 {
		width: 300px;
		margin-top: 30px;
	}

	#myc #myc-ticket {
		margin-top: 5vw;
		margin-bottom: 6vw;
		padding-top: 150px;
		background-size: 300%;
	}

	#myc #myc-news .centerview
	{
		width: inherit;
	}

    #myc #myc-news .box
    {
        display: inherit;
        padding: 32px 4.8vw;
    }

    #myc #myc-news .box .title
    {
        padding-left: 0;
        padding-right: 0;
				font-size: 130%;
        display: inherit;
        white-space: inherit;
        align-items: inherit;
        line-height: 0.5;
    }

    #myc #myc-news .box .list
    {
        padding-right: 0;
				font-size: 110%;
				line-height: 105%;
        max-height: 320px;
    }

    #myc #myc-news .box .list .item+.item
    {
        margin-top: 2em;
    }

    #myc #myc-news .box .list .item .date
    {
        position: inherit;
        left: inherit;
        top: inherit;
				margin-bottom: 4px;
    }

    #myc #myc-news .box .list .item .text
    {
        margin-left: inherit;
				line-height: 150%;
    }





    #myc #myc-bg
    {
        padding-top: 12vw;

        background-image: url("../images/sp/bg_02.jpg");
        background-size: 100% auto;
    }





    #myc #myc-schedule .box
    {
        position: relative;

        display: inherit;


    }

    #myc #myc-schedule .box .column
    {
        display: inherit;
        flex-direction: inherit;
        justify-content: inherit;
    }

    #myc #myc-schedule .box .head
    {
        display: flex;
        width: inherit;
        height: 21.6vw;
				padding-left: 4vw;
        white-space: inherit;
        align-items: center;
				text-align: inherit;
    }

    #myc #myc-schedule .box .content
    {
        flex: inherit;
				padding: 25px 20px;
    }

    #myc #myc-schedule .box .link-area
    {
        position: absolute;
				padding: 0;
        right: 3vw;
        top: 4.4vw;

        margin-left: inherit;
        width: 22vw;
    }





    #myc #myc-attention .inner
    {
        padding: 0;
    }
		#myc #myc-attention .ez-row-m
    {
        font-size: 120%;
    }




    #myc #myc-contact .box
    {
        padding: 24px 20px;
    }



		#myc #myc-map{
				padding-top: 100px;
				background-size: 320%;
		}


    #myc #myc-map .section-title
    {
        position: inherit;
				padding-bottom: 50px;
    }

		#myc #myc-map .section-inner
		{
			width: 100%;
			margin: 30px auto 0;
		}

    #myc #myc-map .link
    {
        position: inherit;
        left: inherit;
        top: inherit;
				font-size: 110%;
				margin-top: 20px;
        padding: 0;
        width: 100%;
    }

    #myc #myc-map iframe
    {
        width: 100%;
        height: 320px;
    }





    #myc #myc-footer
    {
        margin-top: 8vw;
    }










    /*
        news
    */

    #myc #myc-news-article .logo
    {
        margin: 2.4vw auto 0;
        width: 30%;
    }



#myc #myc-news-article {
	min-width: inherit;
	background-image: url("../images/sp/bg_news_01.jpg");
}


#myc #myc-news-article .news-header
{
    height: 260px;
}

    #myc #myc-news-article .box
    {
        margin: 0 auto;
        padding: 6.4vw 4.8vw;
        width: 90%;
    }

    #myc #myc-news-article .box .content a
    {

    }

    #myc #myc-news-article .box .content .partition .left
    {
        margin-top: 1em;
        width: inherit;
    }
    #myc #myc-news-article .box .content .partition .right
    {
        box-sizing: inherit;
        padding-left: inherit;
        width: inherit;
    }

		#myc #myc-news-article .msa-title img
		{
			width: 25% !important;
		}

		#myc #myc-news-article .box .sp-center
		{
			text-align: center;
		}

		#myc #myc-news-article .box img.w30
		{
			width: 45% !important;
		}

		#myc #myc-news-article .box img.w50
		{
			width: 80% !important;
		}


    #myc #myc-news-prev
    {
        padding: 12vw 0;
    }

    #myc #myc-news-prev .prev-link
    {
        width: 18.8vw;
        height: 18.8vw;
    }


		#myc #myc-sponsor .banner {
			width: 75%;
			display: block;
			margin: 0 auto;
		}
		#myc #myc-sponsor .banner .item {
			margin-top: 8vw;
		}

	#myc #myc-sponsor .banner img
	{
		width: 100%;
		margin: 0;
	}

}