@charset "utf-8";

@media screen and (max-width:640px)
{
	body
	{
		min-width: inherit;
	}
	
	#myc
	{
		font-size: 13px;
		
		background-image: url("../images/sp/common/myc_bg.png");
		background-size: 100% auto;
	}
	
	#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 .centerview
	{
		padding: 0 3vw;
		width: inherit;
	}
	
	#myc .partition
	{
		width: inherit;
	}
	#myc .partition .left,
	#myc .partition .right
	{
		float: inherit;
		width: inherit;
	}
	
	#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 .pagetop-parents
	{
		padding-bottom: 32px;
	}
	
	#myc #myc-pagetop .fix-area
	{
		padding: 2vw;
	}
	
	#myc #myc-pagetop .pagetop
	{
		width: 56px;
	}
	
	
	
	#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 .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;
	}
	#myc .ez-pad-m
	{
		padding: 4vw;
	}
	#myc .ez-pad-s
	{
		padding: 2vw;
	}
	
	#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-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
	{
		
	}
	#myc .ez-subsection:last-child
	{
		
	}
	
	#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 .gnavi-list
	{

	}
	#myc #myc-mainvisual .gnavi-list
	{
		margin-top: 24px;
	}

	#myc .gnavi-list .item
	{

	}
	#myc .gnavi-list .item+.item
	{
		margin-left: 16px;
	}










	#myc .section
	{
		padding: 8vw 0;
	}

	#myc .section .section-title
	{

	}

	#myc .section .section-inner
	{
		margin-top: 8vw;
	}
	#myc .section .subnavi-list+.section-inner
	{
		margin-top: 8vw;
	}

	#myc .section .subnavi-list
	{
		margin-top: 8vw;
	}

	#myc .section .subnavi-list .item
	{

	}
	#myc .section .subnavi-list .item+.item
	{
		margin-left: 4vw;
	}

	#myc .section .subnavi-list .item a
	{
		height: inherit;
	}
	
	#myc .section .subnavi-list .item a img
	{
		width: auto;
		height: 20px;
	}

	#myc .section .subnavi-list .item a:hover:after,
	#myc .section .subnavi-list .item a.active:after
	{
		bottom: -10px;
	}

	#myc .section .subnavi-list .item a:hover img
	{

	}





	#myc .section .content-row
	{
		margin-top: 28px;
	}

	#myc .section .large-01
	{
		font-size: 110%;
	}

	#myc .section .large-02
	{
		font-size: 130%;
	}

	#myc .section .large-03
	{
		font-size: 150%;
	}

	#myc .section .large-01+.text
	{
		margin-top: 8px;
	}
	
	#myc .section .subsection+.subsection
	{
		margin-top: 12vw;
	}


	

	
	#myc #myc-top-title
	{
		padding: 8vw 0;
		
		text-align: center;
	}
	
	#myc #myc-top-title img
	{
		width: 55.60vw;
	}
	
	#myc #myc-top-logo
	{
		position: inherit;
		left: inherit;
		top: inherit;
		
		padding: 3vw 0;
	}
	
	
	
	
	
	#myc #myc-menu-open
	{
		position: fixed;
		right: 3.2vw;
		top: 3.2vw;
		
		width: 12vw;
		
		z-index: 20;
	}
	
	#myc #myc-menu
	{
		width: 100%;
	}
	
	#myc #myc-menu .window
	{
		position: relative;
		
		background-color: #000;
	}
	
	#myc #myc-menu .menu-close
	{
		position: absolute;
		right: 3.2vw;
		top: 3.2vw;
		
		width: 12vw;
	}
	
	#myc #myc-menu .title
	{
		position: absolute;
		left: 3.2vw;
		top: 3.2vw;
		
		width: 28vw;
	}
	
	#myc #myc-menu .list
	{
		padding: 12vw 0;
	}
	
	#myc #myc-menu .list .item
	{
		text-align: center;
	}
	#myc #myc-menu .list .item+.item
	{
		margin-top: 10vw;
	}
	
	#myc #myc-menu .list .item img
	{
		width: auto;
		height: 6.4vw;
	}
	
	#myc #myc-menu .sns-list
	{
		padding: 6.4vw 0;
		
		text-align: center;
		font-size: 0;
		
		background-color: #b2b5f3;
	}
	
	#myc #myc-menu .sns-list .item
	{
		display: inline-block;
		width: 13vw;
	}
	#myc #myc-menu .sns-list .item+.item
	{
		margin-left: 5vw;
	}


	


	#myc #myc-subheader
	{
		padding: inherit;
		height: inherit;

		border-bottom: inherit;
	}





	#myc .border-box
	{
		margin: inherit;
		padding-bottom: 10vw;
		width: inherit;

		background-image: url("../images/sp/common/borderbox_bg_02.png");
		background-size: 100% auto;
		background-position: left bottom;
	}
	#myc .border-box.type-movie
	{
		background-image: url("../images/sp/common/borderbox_bg_02_movie.png");
	}
	#myc .border-box.type-live
	{
		background-image: url("../images/sp/common/borderbox_bg_02_live.png");
	}
	#myc .border-box.type-news
	{
		background-image: url("../images/sp/common/borderbox_bg_02_news.png");
	}



	#myc .border-box+.border-box
	{
		margin-top: 48px;
	}

	#myc .border-box .border-box-bg
	{
		min-height: inherit;
		padding: 8vw 8vw 0;
		
		background-image: url("../images/sp/common/borderbox_bg_01.png");
		background-size: 100% auto;
		background-position: left top;
	}
	#myc .border-box.type-movie .border-box-bg
	{
		background-image: url("../images/sp/common/borderbox_bg_01_movie.png");
	}
	#myc .border-box.type-live .border-box-bg
	{
		padding: 0 8vw;
		
		background-image: url("../images/sp/common/borderbox_bg_04_live.png");
		background-repeat: repeat-y;
	}
	#myc .border-box.type-news .border-box-bg
	{
		padding: 0 8vw;
		
		background-image: url("../images/sp/common/borderbox_bg_04_news.png");
		background-repeat: repeat-y;
	}
	
	#myc .border-box .border-box-bg-top
	{
		padding-top: 10.4vw;
		
		background-size: 100% auto;
		background-position: left top;
		background-repeat: no-repeat;
	}
	#myc .border-box.type-news .border-box-bg-top
	{
		background-image: url("../images/sp/common/borderbox_bg_03_news.png");
	}
	#myc .border-box.type-live .border-box-bg-top
	{
		background-image: url("../images/sp/common/borderbox_bg_03_live.png");
	}





	#myc .article-list
	{
		background-image: url("../images/sp/news/article_bg_01.png");
		background-size: 100% auto;

		background-position: left bottom;
	}
	#myc .type-live .article-list
	{
		background-image: url("../images/sp/live/article_bg_01.png");
	}

	#myc .article-list .article
	{
		padding: 4vw 0 12vw;

		background-image: url("../images/sp/news/article_bg_01.png");
		background-size: 100% auto;

	}
	#myc .type-live .article-list .article
	{
		background-image: url("../images/sp/live/article_bg_01.png");
	}

	#myc .article-list .article .article-head
	{
		
	}

	#myc .article-list .article .article-head .genre
	{

	}
	
	#myc .article-list .article .article-head .genre img
	{
		width: 84px;
	}

	#myc .article-list .article .article-body
	{
		margin-top: 12px;
		padding-top: 16px;

		background-image: url("../images/sp/news/article_bg_02.png");
		background-size: 100% auto;

	}

	#myc .article-list .article .article-head .date
	{
		padding: 2px 12px;
	}

	#myc .article-list .article .article-head .title
	{
		margin-top: 4px;
		font-size: 120%;
	}
	
	#myc .article-list .article .image-list
	{
		margin-top: 16px;
	}

	#myc .article-list .article .image-list .item
	{
		display: block;
		margin-right: 0;
		margin-top: 0;
		
		text-align: center;
	}
	#myc .article-list .article .image-list .item+.item
	{
		margin-top: 16px;
	}
	
	#myc .article-list .article .image-list .item img
	{
		width: 80%;
	}
	
	#myc .article-list .article .jacket-list
	{

	}

	#myc .article-list .article .jacket-list .item
	{
		float: inherit;
		
		margin: 0 auto;
		width: 80%;
	}
	#myc .article-list .article .jacket-list .item+.item
	{
		margin: 4.8vw auto 0;
	}

	#myc .article-list .article .jacket-list .item .label
	{
		font-size: 90%;
	}

	#myc .article-list .article .jacket-list .item .photo img
	{

	}
	
	#myc .article-list .article .soldout
	{
		margin: 8vw auto 0;
		width: 44.22vw;
		height: 32.81vw;

		background-image: url(../images/sp/live/soldout_icon.png);
		background-size: contain;
	}
	
	
	
	
	
	#myc .visual h1
	{
		
	}
	#myc .visual h2
	{
		
	}
	#myc .visual h3
	{
		
	}
	#myc .visual h4
	{
		
	}
	#myc .visual h5
	{
		
	}
	#myc .visual h6
	{
		
	}
	#myc .visual p
	{

	}
	#myc .visual pre
	{
		padding: 16px;
		
		border-radius: 8px;
	}
	#myc .visual blockquote
	{
		padding: 16px;
		border-left: 2px solid #333;
	}
	#myc .visual *:first-child
	{
		margin-top: 0;
	}
	
	
	
	
	
	#myc .paging
	{
		margin-top: 32px;
	}

	#myc .paging .item
	{
		
	}
	#myc .paging .item.button
	{
		width: 48px;
	}
	#myc .paging .item.button+.item.button,
	#myc .paging .item.button+.item.number,
	#myc .paging .item.number+.item.button
	{
		margin-left: 12px;
	}
	#myc .paging .item.number
	{
		display: none;
	}
	#myc .paging .item.active
	{
		display: inline-block;
		margin-left: 12px;
	}

	#myc .paging .item a,
	#myc .paging .item span
	{

	}

	#myc .paging .item.number a,
	#myc .paging .item.number span
	{
		padding: 10px 12px;

		font-size: 16px;
		line-height: 16px;
	}
	#myc .paging .item.number span
	{

	}
	
	
	
	#myc .archive-select
	{
		margin-top: 32px;
	}

	#myc .archive-select select
	{
		padding: 4px 12px;

		font-size: 16px;
	}
	
	
	
	
	
	#myc .release-content
	{
		padding: 0;
	}
	
	#myc .release-content .right,
	#myc .release-content.type-reverse .left
	{
		padding: 4vw 0 0;
	}
	#myc .release-content.type-reverse .right
	{
		padding: 0;
	}
	
	#myc .release-content .link img
	{
		width: 64%;
	}
	
	#myc .three-box .item
	{
		float: inherit;
		width: inherit;
	}
	#myc .three-box .item+.item
	{
		margin-left: inherit;
		margin-top: 6.4vw;
	}

	#myc .three-box .item .photo+.label
	{
		
	}

	#myc .three-box .item .photo img
	{
		width: 72%;
	}
	
	#myc .double-box .item
	{
		float: inherit;
		width: inherit;
	}
	#myc .double-box .item+.item
	{
		margin-left: inherit;
		margin-top: 6.4vw;
	}

	#myc .double-box .item .photo img
	{
		width: 72%;
	}
	#myc .double-box .item .photo.wide img
	{
		width: 100%;
	}
	
	#myc .double-box .item .link
	{
		margin-top: 16px;
	}
	
	#myc .double-box .item .link img
	{
		width: inherit;
	}
	
	#myc .subjacket-list
	{
		margin-top: 3.2vw;
	}

	#myc .subjacket-list .item
	{
		
	}
	#myc .subjacket-list .item+.item
	{
		
	}

	#myc .subjacket-list .item img
	{
		
	}

	#myc .link-list
	{
		
	}

	#myc .link-list .item
	{
		width: inherit;
	}
	#myc .link-list .item+.item
	{
		margin-left: 0;
		margin-top: 12px;
	}

	#myc .link-list.four .item
	{
		margin-top: 0;
		width: 48%;
	}
	#myc .link-list.four .item:nth-child(2n)
	{
		margin-left: 4%;
	}
	#myc .link-list.four .item:nth-child(n+3)
	{
		margin-top: 4vw;
	}
	
	#myc .link-list.four .item.fix img
	{

	}
	
	#myc .new-icon
	{
		width: 39px;	/*78*/
		height: 23px;	/*46*/
		
		background-image: url("../images/sp/common/new_icon.png");
		background-size: contain;
	}
	#myc .date+.new-icon
	{
		margin-left: 12px;
	}
	
	#myc .play-icon
	{
		margin-left: 8px;

		width: 28px;	/*64*/
		height: 17.5px;	/*40*/

		background-image: url("../images/sp/common/play_icon.png");
	}





	#myc .about-content
	{
		margin: inherit;
		width: inherit;
	}

	#myc .about-content .main-read
	{
		margin: 0;
		padding: 6vw 4vw;

		font-size: inherit;
		line-height: 2;
	}

	#myc .about-content .official-sns
	{
		margin-top: 8vw;
		padding: 0 4vw 4vw;
	}

	#myc .about-content .official-sns .bg
	{
		background-image: inherit;
	}

	#myc .about-content .official-sns .inner
	{
		padding: 0 4vw 4vw;
	}

	#myc .about-content .official-sns .title
	{
		left: -4vw;
		top: -7vw;
		width: 94vw;
		
		margin: 0;
	}

	#myc .about-content .official-sns .author
	{

	}
	#myc .about-content .official-sns .author.first
	{
		padding-top: 12vw;
	}
	
	#myc .about-content .official-sns .author.first .icon img
	{
		width: 48%;
	}

	#myc .about-content .official-sns .author .type
	{
		margin-top: 8px;
		padding: 2px 8px;
		width: auto;
	}

	#myc .about-content .official-sns .author .label
	{
		margin-top: 12px;

		font-size: 120%;
	}

	#myc .about-content .official-sns .author .sns-list
	{
		margin-top: 16px;
	}

	#myc .about-content .official-sns .author .sns-list .item
	{
		width: 11vw;
	}
	#myc .about-content .official-sns .author .sns-list .item+.item
	{
		margin-left: 5vw;
	}

	#myc .about-content .official-sns .list
	{
		margin-top: 16vw;
	}

	#myc .about-content .official-sns .list .author
	{
		padding-bottom: 24px;
		width: 47.5%;
	}
	#myc .about-content .official-sns .list .author+.author
	{
		margin-left: 0;
	}
	#myc .about-content .official-sns .list .author:nth-child(2n)
	{
		margin-left: 5%;
	}
	#myc .about-content .official-sns .list .author:nth-child(n+3)
	{
		margin-top: 12vw;
	}

	#myc .about-content .official-sns .list .author .icon
	{
		margin-top: -8vw;
	}
	
	#myc .about-content .official-sns .list .author .icon img
	{
		width: 68%;
	}
	
	
	
	
	
	#myc .movie-content .video
	{
		
	}

	#myc .movie-content .left
	{
		margin-top: 4vw;
		width: inherit;
	}
	
	#myc .movie-content iframe
	{
		width: 100%;
		height: 100%;
	}

	#myc .movie-content .right
	{
		padding-left: inherit;
		width: inherit;
	}





	#myc .top-content .info-box,
	#myc .top-content .info-box.long
	{
		margin: 0 auto;
		
		padding: 0 0 2.5vw;
		width: inherit;
		height: inherit;
		
		background-image: url("../images/sp/top/infobox_bg_02.png");
		background-size: 100% auto;
		background-position: left bottom;
		background-repeat: no-repeat;
	}
	#myc .top-content .info-box+.info-box
	{
		margin-top: 12vw;
	}
	
	#myc .top-content .info-box .info-box-bg
	{
		padding: 8vw;
		
		background-image: url("../images/sp/top/infobox_bg.png");
		background-size: 100% auto;
		background-repeat: no-repeat;
	}

	#myc .top-content .info-box a
	{

	}

	#myc .top-content .info-box .partition
	{
		display: inherit;
	}
	
	#myc .top-content .info-box .partition .left
	{
		width: inherit;
	}

	#myc .top-content .info-box .partition .right
	{
		float: inherit;
		padding: 0;
		
		width: inherit;
	}
	
	#myc .top-content .info-box .photo
	{
		text-align: center;
	}
	
	#myc .top-content .info-box .photo img
	{
		width: 80%;
	}
	
	#myc .top-content .info-box .large-02
	{
		margin-top: 16px;
	}
	
	#myc .top-content .info-box .text
	{
		margin: 12px 0 0;
		line-height: inherit;
	}

	#myc .top-content .news-area
	{
		margin: 16vw -3vw 0;
	}
	
	#myc .top-content .news-area .title
	{
		position: inherit;
		left: inherit;
		top: inherit;
	}

	#myc .top-content .news-area .list
	{
		margin-top: -3.2vw;
	}

	#myc .top-content .news-area .box
	{
		float: inherit;
		
		padding: 11.2vw 0 0;
		width: inherit;
		height: inherit;
		
		background-image: url("../images/sp/top/news_box_01_bg.png");
		background-size: 100% auto;
		background-repeat: no-repeat;
		background-position: left top;
	}
	#myc .top-content .news-area .box+.box
	{
		margin-top: inherit;
	}
	#myc .top-content .news-area .box:nth-child(n+2)
	{
		float: inherit;
		padding: 0;
		width: inherit;
		height: inherit;
		
		background-image: inherit;
		background-color: #000;
	}
	#myc .top-content .news-area .box:last-child
	{
		float: inherit;
		padding: 0 0 11.2vw;
		width: inherit;
		height: inherit;
		
		background-image: url("../images/sp/top/news_box_02_bg.png");
		background-position: left bottom;
		background-color: inherit;
	}
	
	
	
	#myc .top-content .news-area .box .inner
	{
		padding: 8vw;
		background-color: #000;
	}
	
	#myc .top-content .news-area .box .label
	{
		font-size: 120%;
	}

	#myc .top-content .news-area .box .box-data
	{
		margin-top: 12px;
		padding-top: 12px;
	}

	#myc .top-content .news-area .box .more
	{
		margin-top: 16px;
		
		text-align: center;
	}
	#myc .top-content .news-area .box .more img
	{
		width: 24vw;
	}

	#myc .top-content .twitter-box
	{
		margin: inherit;

		padding: 0 0 32vw;
		width: inherit;
		height: inherit;

		background-image: url("../images/sp/top/twitter_bg_02.png");
		background-size: 100% auto;
		background-repeat: no-repeat;
		background-position: left bottom;
	}
	
	#myc .top-content .twitter-box .twitter-box-bg
	{
		padding: 68px 6vw 6vw;
		
		background-image: url("../images/sp/top/twitter_bg_01.png");
		background-size: 100% auto;
	}
	
	#myc .top-content .twitter-box .icon
	{
		right: 20px;
		top: 20px;
		
		width: 40px;
	}
	
	#myc .top-content .chara
	{
		margin-top: -4vw;
		text-align: center;
	}
	
	#myc .top-content .chara img
	{
		width: 48vw;
	}
	
	
	
	
	
	#myc .song-list .item
	{
		
	}
	#myc .song-list .item+.item
	{
		margin-top: 10px;
	}

	#myc .song-list .item .number
	{
		
	}

	#myc .song-list .item .data
	{
		
	}
	
	#myc .song-list .item .data p+p
	{
		
	}

	
	
	
	
	#myc #myc-contact
	{
		margin-top: 4vw;
		padding-top: 0;

		background-image: url("../images/sp/top/contact_bg.svg");
		background-size: 100% auto;

		background-position: left 18vw;
	}

	#myc #myc-contact .contact-box
	{

	}

	#myc #myc-contact .list
	{
		margin: 8vw auto 0;
		width: inherit;
		
		text-align: center;
	}

	#myc #myc-contact .list .item+.item
	{
		margin-top: 8vw;
	}

	#myc #myc-contact .list .label
	{
		padding-bottom: inherit;
		
		font-size: 120%;
		
		border-bottom: inherit;
	}
	
	#myc #myc-contact .list .label
	{
		
	}

	#myc #myc-contact .list .text
	{
		margin-top: 16px;
		padding: 0 4px;
	}
	
	#myc #myc-contact .list .mail-link
	{
		margin-left: 8px;
	}
	
	#myc #myc-contact .list .mail-link img
	{
		width: 48px;
	}

	#myc #myc-contact .chara
	{
		right: inherit;
		top: inherit;
	}

	#myc #myc-contact .official-banner
	{
		margin-top: 16vw;
	}
	
	
	
	
	
	#myc #myc-mainvisual
	{
		padding-top: 0;
	}

	#myc #myc-mainvisual .swiper-container
	{
		margin: 0;
		width: inherit;

		border: 2px solid #000;
		border-radius: 8px;
	}

	#myc #myc-mainvisual .main-area
	{

	}

	#myc #myc-mainvisual .main-area .button
	{
		left: inherit;
		top: inherit;
		transform: inherit;
	}
	#myc #myc-mainvisual .main-area .button.next
	{
		left: inherit;
		right: inherit;
	}

	#myc #myc-mainvisual .sns-list
	{
		right: inherit;
		top: inherit;
	}

	#myc #myc-mainvisual .sns-list .item+.item
	{
		margin-top: 8px;
	}
	
	#myc #myc-mainvisual .swiper-pagination
	{
		bottom: -4.8vw;
	}
	
	#myc #myc-mainvisual .swiper-pagination-bullets
	{
		padding: 0;
		
		text-align: center;
	}

	#myc #myc-mainvisual .swiper-pagination-bullet
	{
		width: 6px;
		height: 6px;
		
		border-width: 1px;
	}
	#myc #myc-mainvisual .swiper-pagination-bullet-active
	{

	}





	#myc #myc-footer
	{
		padding: 12px 0;
	}

	#myc #myc-footer .text
	{
		font-size: inherit;
	}
}