@charset "utf-8";

body
{
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	
	min-width: 1150px;
	
	color: #000000;
	background-color: #b2b5f3;
	
	-webkit-text-size-adjust: 100%;
}



#myc
{
	text-align: left;
	color: #000;
	font-family: YakuHanJP, 'Noto Sans JP', sans-serif;
	
	background-image: url("../images/common/myc_bg.png");
	background-repeat: repeat-y;
	background-position: center top;
	
	overflow: hidden;
}


#myc .cf:after
{
	content: "";
	display: block;
	clear: both;
}


#myc h1,
#myc h2,
#myc h3,
#myc h4,
#myc h5,
#myc h6,
#myc p
{
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-size: inherit;
}

#myc table,
#myc tr,
#myc th,
#myc td
{
	margin: 0;
	padding: 0;

	border-collapse: collapse;
}

#myc form
{
	margin: 0;
	padding: 0;
}

#myc input[type=submit],
#myc input[type=button]
{
	-webkit-appearance: none;
	border-radius: 0;
}

#myc th,
#myc td
{
	vertical-align: top;
}

#myc ol,
#myc ul
{
	padding: 0;
	list-style-position: inside;
}

#myc img
{
	border: 0;

	vertical-align: top;
}

#myc .sp-only
{
	display: none;
}

#myc .centerview
{
	position: relative;
	margin: 0 auto;

	width: 1124px;
	
	/*background-color: rgba(0,0,0,0.1);*/
}

#myc a
{
	color: #007f8f;
}

#myc a img
{
	transition-duration: 0.1s;
}
#myc a:hover img
{
	opacity: 0.85;
}
#myc a.nomask:hover img
{
	opacity: inherit;
}

#myc .partition:after
{
	content: "";
	display: block;
	clear: both;
}
#myc .partition .left
{
	float: left;
	width: 50%;
}
#myc .partition .right
{
	float: right;
	width: 50%;
}

#myc .text
{
	word-break: break-all;
}

#myc .text+.text
{
	margin-top: 1em;
}

#myc .text-line
{
	display: inline-block;
}

#myc .top-ss
{
	margin-top: 12px;
}

#myc .top-s
{
	margin-top: 16px;
}

#myc .top-m
{
	margin-top: 24px;
}

#myc .top-l
{
	margin-top: 32px;
}

#myc .top-ll
{
	margin-top: 40px;
}

#myc .center
{
	text-align: center;
}



#myc .pagetop-show-position
{
	position: relative;
}

#myc .pagetop-parents
{
	position: relative;
}

#myc #myc-pagetop
{
	position: absolute;
	right: 0;
	bottom: 0;
	
	width: 1px;
	height: 1px;
	
	z-index: 20;
}

#myc #myc-pagetop
{
	position: absolute;
	right: 0;
	bottom: 0;
	
	width: 1px;
	height: 1px;
	
	z-index: 1;
}

html.remodal-is-locked #myc #myc-pagetop .pagetop
{
	display: none !important;
}
#myc.standby #myc-pagetop .pagetop
{
	opacity: 0;
	pointer-events: none;
	
	transition-duration: 0.4s;
	transition-timing-function: ease-in-out;
}
#myc #myc-pagetop .pagetop.show
{
	opacity: 1;
	pointer-events: inherit;
}

#myc #myc-pagetop .fix-area
{
	position: fixed;
	right: 0;
	bottom: 0;
	
	padding: 16px;
}
#myc #myc-pagetop.no-fix .fix-area
{
	position: inherit;
}

#myc .video
{
	margin: 0 auto;
	width: 640px;
	
	text-align: center;
}

#myc .gyao-player
{
	margin: 0 auto;
	text-align: center;
}

#myc .gyao-player .inner
{
	display: inline-block;
}



#myc #myc-loading
{
	display: none;
	
	font-size: 13px;
	color: #ccc;
}
#myc.loading #myc-loading
{
	display: inherit;
}
#myc.loading.loaded #myc-loading
{
	display: none;
}

#myc #myc-loading .inner
{
	display: table;
	width: 100%;
	height: 100vh;
}
#myc #myc-loading .inner .inner-sub
{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}



#myc.loading #myc-loaded
{
	display: none;
}
#myc.loading.loaded #myc-loaded
{
	display: inherit;
}









#myc .ez-row-ll
{
	margin-top: 48px;
}
#myc .ez-row-l
{
	margin-top: 32px;
}
#myc .ez-row-m
{
	margin-top: 16px;
}
#myc .ez-row-s
{
	margin-top: 8px;
}

#myc .ez-pad-l
{
	padding: 32px;
}
#myc .ez-pad-m
{
	padding: 16px;
}
#myc .ez-pad-s
{
	padding: 8px;
}

#myc .ez-inline
{
	display: inline-block;
}

#myc .ez-zerolist
{
	font-size: 0;
}

#myc .ez-left
{
	text-align: left;
}

#myc .ez-right
{
	text-align: right;
}

#myc .ez-center
{
	text-align: center;
}

#myc .ez-table
{
	display: table;
	
	width: 100%;
}

#myc .ez-tr
{
	display: table-row;
}

#myc .ez-th
{
	display: table-cell;
}

#myc .ez-td
{
	display: table-cell;
}

#myc .ez-wide
{
	width: 100%;
}

#myc .ez-half
{
	width: 50%;
}

#myc .ez-third
{
	width: 33.33%;
}

#myc .ez-flex
{
	display: flex;
}

#myc .ez-vmiddle
{
	vertical-align: middle;
}
#myc .ez-vtop
{
	vertical-align: top;
}

#myc .ez-small
{
	font-size: 85%;
}

#myc .ez-large
{
	font-size: 120%;
}
#myc .ez-large-2
{
	font-size: 140%;
}

#myc .ez-bold
{
	font-weight: bold;
}

#myc .ez-nowrap
{
	white-space: nowrap;
}

#myc .ez-relative
{
	position: relative;
}

#myc .ez-red
{
	color: #ff0000;
}

#myc .ez-white
{
	color: #fff;
}

#myc .ez-bg-white
{
	background-color: #ffffff;
}

#myc .ez-subsection
{
	padding: 32px 0;
}
#myc .ez-subsection:first-child
{
	padding-top: 0;
}
#myc .ez-subsection:last-child
{
	padding-bottom: 0;
}

#myc .ez-subsection-inner
{
	margin-top: 20px;
}

#myc .ez-mark
{
	position: relative;
	padding-left: 1em;
}
#myc .ez-mark:before
{
	position: absolute;
	left: 0;
	top: 0;
	
	content: '※';
}
#myc .ez-mark.type-aster:before
{
	position: absolute;
	left: 0;
	top: 0;
	
	content: '*';
}

#myc .ez-pcwidebox
{
	display: flex;
	justify-content: space-between;
}

#myc .ez-pcwidebox .item
{
	width: 100%;
}
#myc .ez-pcwidebox .item+.item
{
	margin-left: 24px;
}

#myc .ez-image-border
{
	box-sizing: border-box;
	border: 1px solid #c0c0c0;
}

#myc .ez-tabview .ez-tabview-header
{
	display: flex;
}

#myc .ez-tabview .ez-tabview-header .item
{
	flex-grow: 1;

	background-color: #ccc;
}
#myc .ez-tabview .ez-tabview-header .item.active
{
	background-color: #fff;
}

#myc .ez-tabview .ez-tabview-header .item a
{
	display: block;
}
#myc .ez-tabview .ez-tabview-header .item.active a
{
	color: inherit;
	text-decoration: none;
	pointer-events: none;
}

#myc .ez-tabview .ez-tabview-content .item
{
	display: none;
}
#myc .ez-tabview .ez-tabview-content .item.active
{
	display: inherit;
}










#myc .gnavi-list
{
	text-align: center;
	font-size: 0;
}
#myc #myc-mainvisual .gnavi-list
{
	margin-top: 52px;
}

#myc .gnavi-list .item
{
	display: inline-block;
}
#myc .gnavi-list .item+.item
{
    margin-left: 10px;
}










#myc .section
{
	padding: 64px 0;
}

#myc .section .section-title
{
	text-align: center;
}

#myc .section .section-inner
{
	margin-top: 64px;
}
#myc .section .subnavi-list+.section-inner
{
	margin-top: 48px;
}

#myc .section .subnavi-list
{
	margin-top: 48px;
	
	text-align: center;
	font-size: 0;
}

#myc .section .subnavi-list .item
{
	display: inline-block;
}
#myc .section .subnavi-list .item+.item
{
	margin-left: 56px;
}

#myc .section .subnavi-list .item a
{
	display: block;
	position: relative;
	height: 28px;
}

#myc .section .subnavi-list .item a:hover:after,
#myc .section .subnavi-list .item a.active:after
{
	content: '';
	
	display: block;
	position: absolute;
	left: 0;
	bottom: -12px;
	width: 100%;
	height: 2px;
	
	border: 2px solid #000;
	border-radius: 4px;
	background-color: #fbd32c;
}

#myc .section .subnavi-list .item a:hover img
{
	opacity: inherit;
}





#myc .section .content-row
{
	margin-top: 32px;
}

#myc .section .large-01
{
	font-size: 120%;
	font-weight: bold;
}

#myc .section .large-02
{
	font-size: 160%;
	font-weight: bold;
}

#myc .section .large-03
{
	font-size: 200%;
	font-weight: bold;
}

#myc .section .large-01+.text
{
	margin-top: 11px;
}

#myc .section .subsection+.subsection
{
	margin-top: 64px;
}





#myc #myc-top-logo
{
	position: absolute;
	left: 0;
	top: 8px;
	
	z-index: 10;
}





#myc #myc-subheader
{
	box-sizing: border-box;
	padding: 176px 0 28px;
	
	border-bottom: 3px solid #000;
}





#myc .border-box
{
	margin: 0 auto;
	padding-bottom: 77px;
	width: 1028px;
	
	background-image: url("../images/common/borderbox_bg_02.png");
	background-repeat: no-repeat;
	background-position: center bottom;
}
#myc .border-box.type-movie
{
	background-image: url("../images/common/borderbox_bg_02_movie.png");
}
#myc .border-box.type-live
{
	background-image: url("../images/common/borderbox_bg_02_live.png");
}
#myc .border-box.type-news
{
	background-image: url("../images/common/borderbox_bg_02_news.png");
}



#myc .border-box+.border-box
{
	margin-top: 48px;
}

#myc .border-box .border-box-bg
{
	min-height: 78px;
	padding: 100px 100px 22px;
	
	background-image: url("../images/common/borderbox_bg_01.png");
	background-repeat: no-repeat;
	background-position: left top;
}
#myc .border-box.type-movie .border-box-bg
{
	background-image: url("../images/common/borderbox_bg_01_movie.png");
}
#myc .border-box.type-live .border-box-bg
{
	background-image: url("../images/common/borderbox_bg_01_live.png");
}
#myc .border-box.type-news .border-box-bg
{
	background-image: url("../images/common/borderbox_bg_01_news.png?0813");
}





#myc .article-list
{
	background-image: url("../images/news/article_bg_01.png");
	background-repeat: no-repeat;
	background-position: left bottom;
}
#myc .type-live .article-list
{
	background-image: url("../images/live/article_bg_01.png");
}

#myc .article-list .article
{
	padding: 48px 0;
	
	background-image: url("../images/news/article_bg_01.png");
	background-repeat: no-repeat;
}
#myc .type-live .article-list .article
{
	background-image: url("../images/live/article_bg_01.png");
}

#myc .article-list .article .article-head
{
	position: relative;
}

#myc .article-list .article .article-head .genre
{
	margin-top: 4px;
	/*
	position: absolute;
	right: 0;
	top: 0;
	*/
	text-align: right;
}

#myc .article-list .article .article-body
{
	margin-top: 16px;
	padding-top: 24px;
	
	word-break: break-all;
	
	background-image: url("../images/news/article_bg_02.png");
	background-repeat: no-repeat;
}

#myc .article-list .article .article-body .row+.row
{
	margin-top: 1.6em;
}

#myc .article-list .article .article-head .date
{
	display: inline-block;
	padding: 2px 12px;
	
	color: #fff;
	
	background-color: #000;
}

#myc .article-list .article .article-head .title
{
	font-size: 160%;
	font-weight: bold;
}
#myc .article-list .article .article-head .date+.title
{
	margin-top: 4px;
}

#myc .article-list .article .article-head .title a
{
	color: #000;
	text-decoration: none;
}
#myc .article-list .article .article-head .title a:hover
{
	text-decoration: underline;
}

#myc .article-list .article .image-list
{
	margin-top: 24px;
	
	font-size: 0;
}

#myc .article-list .article .image-list .item
{
	display: inline-block;
	margin-right: 20px;
	margin-top: 20px;
}

#myc .article-list .article .image-list .item img
{
	max-width: 100%;
	width: auto;
	height: auto;
}

#myc .article-list .article .jacket-list
{
	overflow: hidden;
}

#myc .article-list .article .jacket-list .item
{
	float: left;
	
	width: 31%;
}
#myc .article-list .article .jacket-list .item+.item
{
	margin-left: 3.5%;
}

#myc .article-list .article .jacket-list .item .label
{
	margin-top: 4px;
	font-size: 80%;
}

#myc .article-list .article .jacket-list .item .photo img
{
	width: 100%;
}

#myc .article-list .article .soldout
{
	margin: 32px auto 0;
	width: 189px;
	height: 140px;
	
	font-size: 0;
	
	background-image: url(../images/live/soldout_icon.png);
	background-repeat: no-repeat;
}





#myc .visual h1
{
	margin-top: 0.8em;
	font-size: 240%;
	font-weight: bold;
}
#myc .visual h2
{
	margin-top: 0.8em;
	font-size: 200%;
	font-weight: bold;
}
#myc .visual h3
{
	margin-top: 1.2em;
	font-size: 160%;
	font-weight: bold;
}
#myc .visual h4
{
	margin-top: 2.4em;
	font-size: 100%;
	font-weight: bold;
}
#myc .visual h5
{
	margin-top: 2.4em;
	font-size: 90%;
	font-weight: bold;
}
#myc .visual h6
{
	margin-top: 2.4em;
	font-size: 80%;
	font-weight: bold;
}
#myc .visual p
{
	margin-top: 1.6em;
}
#myc .visual pre
{
	padding: 24px;
	
	color: #fff;
	
	background-color: #333;
	border-radius: 12px;
}
#myc .visual blockquote
{
	margin-left: 0;
	margin-right: 0;
	padding: 20px;
	border-left: 4px solid #333;
}
#myc .visual *:first-child
{
	margin-top: 0;
}





#myc .paging
{
	margin-top: 48px;
	
	text-align: center;
	font-size: 0;
}

#myc .paging .item
{
	box-sizing: border-box;
	display: inline-block;
	
	vertical-align: bottom;
}
#myc .paging .item.button+.item.button,
#myc .paging .item.button+.item.number,
#myc .paging .item.number+.item.button
{
	margin-left: 16px;
}

#myc .paging .item a,
#myc .paging .item span
{
	display: block;
}

#myc .paging .item.number a,
#myc .paging .item.number span
{
	padding: 12px 16px;
	
	font-size: 18px;
	line-height: 18px;
	color: #000;
}
#myc .paging .item.number span
{
	color: #fff;
}



#myc .archive-select
{
	margin-top: 48px;
	
	text-align: center;
}

#myc .archive-select select
{
	padding: 8px 16px;
	
	font-size: 18px;
	
	border: 1px solid #6990d7;
}





#myc .release-content .left img
{
	width: 100%;
	height: auto;
}

#myc .release-content .right
{
	box-sizing: border-box;
	padding-left: 32px;
}

#myc .three-box .item
{
	float: left;
	box-sizing: border-box;
	width: 30%;
	
	text-align: center;
}
#myc .three-box .item+.item
{
	margin-left: 5%;
}

#myc .three-box .item .photo+.label
{
	margin-top: 12px;
}

#myc .three-box .item .photo img
{
	width: 100%;
}

#myc .double-box
{
	margin-top: 8px;
}

#myc .double-box .item
{
	float: left;
	box-sizing: border-box;
	width: 47%;
}
#myc .double-box .item+.item
{
	margin-left: 6%;
}

#myc .double-box .item .photo img
{
	width: 100%;
}

#myc .double-box .item .link
{
	margin-top: 16px;
}

#myc .subjacket-list
{
	overflow: hidden;
	margin-top: 16px;
}

#myc .subjacket-list .item
{
	float: left;
	
	width: 48%;
}
#myc .subjacket-list .item+.item
{
	margin-left: 4%;
}

#myc .subjacket-list .item img
{
	width: 100%;
}


#myc .link-list
{
	margin-top: 12px;
	
	font-size: 0;
}

#myc .link-list .item
{
	display: inline-block;
}
#myc .link-list .item+.item
{
	margin-left: 12px;
}

#myc .link-list.four .item
{
	width: 198px;
}
#myc .link-list.four .item img
{
	width: 100%;
	height: auto;
}

#myc .text-list
{
	margin-top: 12px;
}

#myc .text-list .item
{
	display: inline-block;
}

#myc .text-list .item+.item
{
	margin-left: 8px;
}

#myc .new-icon
{
	display: inline-block;
	
	width: 61px;
	height: 36px;
	
	vertical-align: bottom;
	
	background-image: url("../images/common/new_icon.png");
	background-repeat: no-repeat;
}
#myc .date+.new-icon
{
	margin-left: 16px;
}

#myc .play-icon
{
	display: inline-block;
	margin-left: 12px;
	
	width: 36.75px;	/*24.5px;*/	/*49*/
	height: 23.25px;	/*15.5px;*/	/*31*/
	
	vertical-align: middle;
	
	background-image: url("../images/common/play_icon.png");
	background-repeat: no-repeat;
	background-size: contain;
}





#myc .about-content
{
	margin: 0 auto;
	width: 1092px;
	
	background-color: #fff;
}

#myc .about-content .main-read
{
	margin-top: 64px;
	
	text-align: center;
	font-size: 20px;
	font-weight: bold;
}

#myc .about-content .official-sns
{
	position: relative;
	margin-top: 32px;
	padding: 52px 47px 40px;
}

#myc .about-content .official-sns .bg
{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	
	background-image: url("../images/about/officialsns_bg.png");
	background-repeat: no-repeat;
	
	pointer-events: none;
}

#myc .about-content .official-sns .inner
{
	position: relative;
	padding: 0 32px 40px;
	
	background-color: #F0F1FA;
}

#myc .about-content .official-sns .title
{
	position: absolute;
	left: 0;
	top: -32px;
	width: 100%;
	
	text-align: center;
}

#myc .about-content .official-sns .author
{
	text-align: center;
}
#myc .about-content .official-sns .author.first
{
	padding-top: 56px;
}

#myc .about-content .official-sns .author .type
{
	display: inline-block;
	margin-top: 16px;
	padding: 2px 0;
	width: 120px;
	
	background-color: #f1f2fa;
}

#myc .about-content .official-sns .author .label
{
	margin-top: 8px;
	
	font-size: 18px;
	font-weight: bold;
}

#myc .about-content .official-sns .author .sns-list
{
	margin-top: 16px;
	font-size: 0;
}

#myc .about-content .official-sns .author .sns-list .item
{
	display: inline-block;
}
#myc .about-content .official-sns .author .sns-list .item+.item
{
	margin-left: 24px;
}

#myc .about-content .official-sns .list
{
	margin-top: 56px;
}

#myc .about-content .official-sns .list .author
{
	float: left;
	padding-bottom: 24px;
	width: 212px;
	
	background-color: #fff;
}
#myc .about-content .official-sns .list .author+.author
{
	margin-left: 28px;
}

#myc .about-content .official-sns .list .author .icon
{
	margin-top: -32px;
}





#myc .movie-content .video
{
	margin: inherit;
	width: inherit;
}

#myc .movie-content .left
{
	width: 426px;
}

#myc .movie-content iframe
{
	width: 426px;
	height: 239px;
}

#myc .movie-content .right
{
	box-sizing: border-box;
	padding-left: 40px;
	width: 402px;
}

#myc .movie-content .large-02 a
{
	color: #000;
	text-decoration: none;
}
#myc .movie-content .large-02 a:hover
{
	text-decoration: underline;
}





#myc .top-content .info-box
{
	margin: 0 auto;
	
	box-sizing: border-box;
	padding: 64px;
	width: 1000px;
	height: 456px;
	
	color: #007f8f;
	
	background-image: url("../images/top/infobox_bg.png");
}
#myc .top-content .info-box.long
{
	height: 523px;
	
	background-image: url("../images/top/infobox_bg_long.png");
}
#myc .top-content .info-box+.info-box
{
	margin-top: 72px;
}

#myc .top-content .info-box a
{
	color: #007f8f;
}

#myc .top-content .info-box .partition
{
	display: table;
	width: 100%;
}

#myc .top-content .info-box .partition .left
{
	width: 340px;
}

#myc .top-content .info-box .partition .left img
{
	width: 100%;
	height: auto;
}

#myc .top-content .info-box .partition .right
{
	float: inherit;
	box-sizing: border-box;
	display: table-cell;
	vertical-align: middle;
	
	width: 490px;
}

#myc .top-content .info-box .text
{
	margin-top: 24px;
	
	line-height: 2em;
}

#myc .top-content .news-area
{
	position: relative;
	margin-top: 128px;
}

#myc .top-content .news-area .title
{
	position: absolute;
	left: 0;
	top: 0;
}

#myc .top-content .news-area .list
{
	
}

#myc .top-content .news-area .box
{
	float: right;
	
	box-sizing: border-box;
	padding: 168px 128px 0 168px;
	width: 828px;
	height: 448px;
	
	color: #fff;
	
	background-image: url("../images/top/news_box_01_bg.png");
}
#myc .top-content .news-area .box+.box
{
	margin-top: -40px;
}
#myc .top-content .news-area .box:nth-child(2n)
{
	float: left;
	
	padding: 128px 168px 0 140px;
	width: 842px;
	height: 434px;
	
	background-image: url("../images/top/news_box_02_bg.png");
}

#myc .top-content .news-area .box .label
{
	font-size: 120%;
}

#myc .top-content .news-area .box .box-data
{
	margin-top: 12px;
	padding-top: 12px;
	
	border-top: 1px dashed #fff;
}

#myc .top-content .news-area .box .more
{
	margin-top: 20px;
}

#myc .top-content .twitter-box
{
	position: relative;
	margin: 96px auto 0;
	
	box-sizing: border-box;
	padding: 40px 140px 0 85px;
	width: 1079px;
	height: 649px;
	
	background-image: url("../images/top/twitter_bg.png");
	background-repeat: no-repeat;
}

#myc .top-content .twitter-box .icon
{
	position: absolute;
	right: 48px;
	top: 48px;
}





#myc .song-list .item
{
	position: relative;
}
#myc .song-list .item+.item
{
	margin-top: 12px;
}

#myc .song-list .item .number
{
	position: absolute;
	left: 0;
	top: 0;
}

#myc .song-list .item .data
{
	margin-left: 1.8em;
}

#myc .song-list .item .data p+p
{
	margin-top: 2px;
}






#myc #myc-contact
{
	margin-top: -180px;
	
	background-image: url("../images/top/contact_bg.svg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left 200px;
}

#myc #myc-contact .contact-box
{
	position: relative;
}

#myc #myc-contact .list
{
	margin: 48px auto 0;
	width: 1036px;
}

#myc #myc-contact .list .item+.item
{
	margin-top: 48px;
}

#myc #myc-contact .list .label
{
	display: inline-block;
	padding-bottom: 8px;
	
	font-weight: bold;
	font-size: 120%;
	
	border-bottom: 1px solid #000;
}

#myc #myc-contact .list .text
{
	margin-top: 16px;
	padding: 0 4px;
}

#myc #myc-contact .chara
{
	position: absolute;
    right: -56px;
    top: 88px;
}

#myc #myc-contact .official-banner
{
	margin-top: 160px;
	text-align: center;
}





#myc #myc-mainvisual
{
	padding-top: 48px;
}

#myc #myc-mainvisual .swiper-container
{
	margin: 0 45px;
	box-sizing: border-box;
	
	border: 3px solid #000;
	border-radius: 28px;
}

#myc #myc-mainvisual .swiper-container .swiper-slide img
{
	width: 100%;
	height: auto;
}

#myc #myc-mainvisual .main-area
{
	position: relative;
}

#myc #myc-mainvisual .main-area .button
{
	position: absolute;
	left: 4px;
	top: 50%;
	transform: translateY(-75px);
	
	cursor: pointer;
}
#myc #myc-mainvisual .main-area .button.next
{
	left: inherit;
	right: 4px;
}

#myc #myc-mainvisual .sns-list
{
	position: absolute;
	right: 9px;
	top: 56px;
	
	pointer-events: none;
}

#myc #myc-mainvisual .sns-list .item
{
	pointer-events: auto;
}
#myc #myc-mainvisual .sns-list .item+.item
{
	margin-top: 8px;
}
#myc #myc-mainvisual .sns-list .item:nth-child(4)
{
	margin-top: 203px;
}

#myc #myc-mainvisual .swiper-pagination
{
	position: absolute;
	left: 0;
	bottom: -28px;
	width: 100%;
}

#myc #myc-mainvisual .swiper-pagination-bullets
{
	box-sizing: border-box;
	padding: 0;
}

#myc #myc-mainvisual .swiper-pagination-bullet
{
	width: 8px;
	height: 8px;
	
	background: #000;
	border: 2px solid #000;
	opacity: 1;
}
#myc #myc-mainvisual .swiper-pagination-bullet:nth-child(n+1)
{
	margin-left: 8px;
}
#myc #myc-mainvisual .swiper-pagination-bullet-active
{
	opacity: 1;
	background: #fff;
}





#myc #myc-footer
{
	padding: 16px 0;
	
	color: #fff;
	background-color: #000;
}

#myc #myc-footer .text
{
	text-align: center;
	font-size: 13px;
}










#myc .modal
{
	vertical-align: top;
	box-sizing: border-box;
	margin: 0 auto;
	padding: 0;
	
	width: 1000px;
	
	text-align: left;
	
	pointer-events: none;
}

#myc .modal .firstview
{
	position: relative;
	
	pointer-events: auto;
}

#myc .remodal-overlay
{
	background-color: rgba(0,0,0,0.7);
}





/*
	remodal animation
*/
#myc .remodal-overlay.remodal-is-opening,
#myc .remodal-overlay.remodal-is-closing
{
	animation-duration: 0.3s;
	animation-fill-mode: forwards;
}
#myc .remodal-overlay.remodal-is-opening
{
	animation-name: remodal-overlay-opening-keyframes;
}
#myc .remodal-overlay.remodal-is-closing
{
	animation-name: remodal-overlay-closing-keyframes;
}
#myc .remodal.remodal-is-opening,
#myc .remodal.remodal-is-closing
{
	animation-duration: 0.4s;
	animation-fill-mode: forwards;
}
#myc .remodal.remodal-is-opening
{
	animation-name: remodal-opening-keyframes;
}
#myc .remodal.remodal-is-closing
{
	animation-name: remodal-closing-keyframes;
}
@keyframes remodal-opening-keyframes
{
	from
	{
		transform: translateY(-4px);
		opacity: 0;
	}
	to
	{
		transform: none;
		opacity: 1;
	}
}
@keyframes remodal-closing-keyframes
{
	from
	{
		transform: translateY(0px);
		opacity: 1;
	}
	to
	{
		transform: translateY(-4px);
		opacity: 0;
	}
}
@keyframes remodal-overlay-opening-keyframes
{
	from
	{
		opacity: 0;
	}
	to
	{
		opacity: 1;
	}
}
@keyframes remodal-overlay-closing-keyframes
{
	from
	{
		opacity: 1;
	}
	to
	{
		opacity: 0;
	}
}







/*
	scrollmagic
*/
#myc.standby .scrollmagic
{
	opacity: 0;
	transition-duration: 1.6s;
	transition-timing-function: ease-out;
	transform: translateY(-24px);
}

#myc.standby .scrollmagic.show
{
	opacity: 1 !important;
	transform: translateX(0) translateY(0) scale(1) !important;
}





/*
	transition
*/
#myc.standby.reset *
{
	transition-delay: 0s !important;
	transition-duration: 0s !important;
}





/*
	lightbox
*/
.lb-data
{
	margin-top: 8px;
}

.lb-data .lb-caption
{
	font-family: sans-serif;
}


.SandboxRoot.env-bp-970 .timeline-Tweet-text {
    font-size: 10.5pt !important;
    line-height: 14pt!important;
    }

.SandboxRoot.env-bp-820 .timeline-Tweet-text {
    font-size: 10.5pt !important;
    line-height: 14pt!important;
    }