@charset "UTF-8";

/*220214修正
--------------------------------------------- */
.gray-out {
	-webkit-filter: grayscale(1);
	filter: gray;
	filter: grayscale(1);
}
/* オフにするときに838行目と1708行目のpaddingをコメントアウト */

.strikethrough {
	text-decoration: line-through 1px solid;
}



/*全体
--------------------------------------------- */

* {
	margin: 0;
	padding: 0;
}

* {
	min-width: 0;
	min-height: 0;
}

html {
	/*scroll-behavior: smooth;*/
	font-size: 62.5%;
}

body {
	margin: 0;
	font-family: 'メイリオ', Meiryo, '游ゴシック', '小塚ゴシック Pr6N', osaka, "MS Pゴシック", sans-serif;
	font-size: 1.6rem;
}

a {
	color: #000;
	text-decoration: none;
}
a:hover{
	color: #8f8f8f;
}

.txt_right{text-align: right;}
.txt_center{text-align: center;}

.wrapper-main {
	width: 1280px;
	margin: 0 auto;
}

#wrapper-top {
	background-image: url(../images/img_top_bg02.png);
}
#wrapper-body {
	background-image: url(../images/img_event_bg.png);
	background-position: center;
	background-repeat: repeat-y;
}
#inner-body {
	overflow: hidden;
}

ul {
	list-style: none;
}

/*文字色/サイズ
---------------------------------------------*/

.purple {color: #9492a7;}
.pink {color: #d0acb8;}
.green {color: #a2b9a9;}
.large {font-size: 30px; font-weight: bold;}
.small {font-size: 14px;}
.mid-small {font-size: 16px;}
.price {font-size: 30px;}
.sensei-txt {font-size: 14px;}
.dvd-caption {font-size: 18px;}
.event-content .koen {font-size: 24px;}
.news-caption, .youtube-caption {font-size: 33px; color: #d2c2a8;}
.news-date {font-size: 13px; color: #d2c2a8;}
.news-text {font-size: 14px;}
#about p {font-size: 22px;}
.backnumber-text {font-size: 22px; color:#fff;}
.caption-text {font-size: 33px; color: #C5AE89; font-weight: normal;}
.event-content p {font-size: 21px; line-height:2em;}
.cast-position {font-size: 16px;}
.cast-name {font-size: 20px;}
h3 {font-size: 24px; font-weight: normal;}
.footnote-pc > p {font-size: 18px;}
.ticket-purchase-text {font-size: 22px; color: #fff;}
.ticket-content dt, dd {position: relative; font-size: 20px;text-align: center;}
/* .ticket-content dd {font-size: 20px;} */
.contact-text {font-size: 16px;}
.copyright {font-size: 13px;}
/* .event-date {font-size:43px; color:#C58989;} */
.event-date {font-size:38px; color:#C58989;}
/* .event-date span{font-size:35px; color:#C58989;} */
.event-date span{font-size:30px; color:#C58989;}
/* .minsp {letter-spacing: -0.5em} */

.red {color:#FF0000;} /*注意文言用*/


/*背景色
---------------------------------------------*/

.bg-pink {background-color: #d0acb8;}
.bg-yellow {background-color: #d2c2a8;}
.bg-green {background-color: #a2b9a9;}
.bg-blue {background-color: #8CA4C8;}
.bg-purple {background-color: #8d8aaf;}
.bg-light-green {background-color: #99c3c9;}
.bg-dark-blue {background-color: #a4b1c4;}
.bg-light-purple {background-color: #c49bc8;}
.bg-chill-purple {background-color: #a7a0af;}
.bg-biege {background-color: #c58989;}
.bg-sunken-purple {background-color: #BF9BC8;}
.bg-brown {background-color: #c5ae89;}


/*ヘッダー
---------------------------------------------*/

header {
	width: 100%;
	min-width: 1200px;
	height: 100px;
	background-color: #f9f9f9;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
}

#wrapper-nav {
	padding: 0 35px 0 40px;
	height: 100px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#header-tittle {
	width: 221px;
	height: 56px;
	/*margin-left: 30px;*/
	-webkit-transition: all 800ms 0s ease;
	transition: all 1000ms 0s ease;
}

.header-menu {
	margin: 0 0 0 30px;
}

.hamburger-menu {
	cursor: pointer;
}

.hamburger-menu-close {
	display: none;
	cursor: pointer;
}

.header-menu > ul {
	display: flex;
	justify-content: flex-end;
	height: 100px;
	align-items: center;
}

.header-menu > ul > li > a {
	padding: 17px;/*23*/
	font-size: 1.8rem;
}

.header-menu > ul > li > .contact-menu {
	padding-right: 0;
	/*margin-right: -17px;*/
}

.header-menu a {
	display: block;
	text-decoration: none;
	color: #000000;
	position: relative;
	z-index: 0;
}

/*hover_animation*/
.header-menu a::after {
	content: '';
	background-size: 72px;
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	opacity: 0;
	-webkit-transition: all 1200ms 0s ease;
	transition: all 1200ms 0s ease;
}

.title-menu::after {
	background-image: url(../images/menu_home.png);
}

.event-menu::after {
	background-image: url(../images/menu_event.png);
}

.cast-menu::after {
	background-image: url(../images/menu_cast.png);
}

.ticket-menu::after {
	background-image: url(../images/menu_ticket.png);
}

.goods-menu::after {
	background-image: url(../images/menu_goods.png);
}

.ondemand-menu::after {
	background-image: url(../images/menu_ondemand.png);
}

.contact-menu::after {
	background-image: url(../images/menu_contact.png);
}

.header-menu a:hover::after {
	opacity: 1;
}

/*.title-menu:hover {
	background-image: url(../images/menu_home.png);
	background-size: 72px;
	background-repeat: no-repeat;
	background-position: center;
}

.event-menu:hover {
	background-image: url(../images/menu_event.png);
	background-size: 72px;
	background-repeat: no-repeat;
	background-position: center;
}

.cast-menu:hover {
	background-image: url(../images/menu_cast.png);
	background-size: 72px;
	background-repeat: no-repeat;
	background-position: center;
}


.ticket-menu:hover {
	background-image: url(../images/menu_ticket.png);
	background-size: 72px;
	background-repeat: no-repeat;
	background-position: center;
}

.contact-menu:hover {
	background-image: url(../images/menu_contact.png);
	background-size: 72px;
	background-repeat: no-repeat;
	background-position: center;
}*/
/* 72px ≒ 3.75vw */

/*
.link-blank {
	position: relative;
	top: -100px;
	display: block;
}

.link-blank#event-link {
	position: relative;
	top: -50px;
	display: block;
}

.link-blank#ticket-link {
	position: relative;
	top: -20px;
	display: block;
}
*/
.btn_corona_notice{
	margin-top: 2em;
	text-align: center;
}
.btn_corona_notice a{
	background: #cc5555;
	padding: 0.5em 0.25em 0.5em 0.75em;
	color: #fff;
	display: inline-block;
	outline: none;
}

/*新メニュー
---------------------------------------------*/
.newmenu {
	display: flex;
	align-items: center;

	& a {
		margin-right: 30px;
		opacity: 1;
		transition: 0.5s;

		&:hover {
			opacity: 0.5;
			transition: 0.5s;

		}

		&:first-of-type {
			width: 48px;
		}

		&:last-of-type {
			width: 128px;
		}
	}
}

.header-menu {
	width: 375px;
	height: 100vh;
	margin: 0;
	position: absolute;
	top: 0;
	right: 0;
	transform: translateX(100vw);
	opacity: 0;
	-webkit-transition: all 400ms 100ms ease;
	transition: all 400ms 100ms ease;
}

.header-menu.anime_toggle {
	opacity: 1;
	transform: translateX(0);
}

.anime_toggle .hamburger-menu-close {
    width: 18px;
    height: 18px;
    position: absolute;
    right: 43px;
    top: 41px;
    z-index: 999;
    display: block;
}

.hamburger-menu {
	width: 25px;
    height: 18px;
	opacity: 1;
	transition: 0.5s;

	&:hover {
		opacity: 0.5;
	transition: 0.5s;
	}
}
	.anime_toggle + .hamburger-menu{
		opacity: 0.5;
		z-index: -1;
	}

.header-menu > ul {
    background: rgba(62, 62, 62, 0.95);
    width: 100%;
    height: 100vh;
    padding-top: 81px;
    flex-direction: column;
    justify-content: flex-start;
}

.header-menu > ul > li{
	width: 100%;
	height: 65px;
	position: relative;
}

.header-menu > ul > li:not(:last-of-type)::before{
    content: '';
    background: url(../images/sp/sp-menu-star.svg) no-repeat;
    background-size: cover;
    width: 9px;
    height: 8px;
    position: absolute;
    bottom: -3px;
    left: 51px;
}

.header-menu > ul > li:not(:last-of-type)::after{
    content: '';
    background: linear-gradient(to right, #fff, #fff 70%, transparent 70%, transparent 100%) repeat-x bottom left;
    background-size: 3% 1px;
    margin-left: 4vw;
    width: 250px;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 10px;
}

.header-menu > ul > li > a {
	width: 100%;
	height: 100%;
	padding: 3.892vh 0px;
	font-size: 2rem;
	line-height: 1;
	display: flex;
	justify-content: center;
	align-items: center;
}

.header-menu a.title-menu {color: #d1a1b1;}
.header-menu a.news-menu {color: #a7a0af;}
.header-menu a.event-menu {color: #c5ae89;}
.header-menu a.cast-menu {color: #a2b9a9;}
.header-menu a.ticket-menu {color: #8d8aaf;}
.header-menu a.goods-menu {color: #c58989;}
.header-menu a.ondemand-menu {color: #a4b1c4;}
.header-menu a.contact-menu {color: #b879ac;}
/*.header-menu > ul > li > .contact-menu {margin-right: 0;}*/
.title-menu, .news-menu,.event-menu, .cast-menu, .ticket-menu,.goods-menu, .ondemand-menu, .contact-menu {
	opacity: 1;
	transition: 0.5s;

	&:hover {
		opacity: 0.5;
		transition: 0.5s;
	}
}

.title-menu::after,
.event-menu::after,
.cast-menu::after,
.ticket-menu::after,
.goods-menu::after,
.ondemand-menu::after,
.contact-menu::after{background: none;}

/*タイトル
---------------------------------------------*/

/*タイトルロゴ
---------------------------------------------*/

#title {
	margin-top: 100px;
	padding: 0 70px;
	display: flex;
	justify-content: space-between;
	position: relative;
}

.logo-container {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.upper-star-container{
	width: 651px;
	height: 235px;
	position: relative;
}
.lower-star-container{
	width: 651px;
	height: 245px;
	position: relative;
}
.logo-box {
	width: 614px;
	position: absolute;
	top: 100px;
	z-index: 10;
}
.about-lead {
	margin: 0 auto;
	width: 446px;
}
.title-logo {
	margin: 0 auto;
	width: 462px;
}
.event-num {
	width :135px;
	margin: 11px auto;
	border: #8C5734 1px solid;
	font-size: 21px;
	color: #8C5734;
	text-align: center;
	font-weight: bold;
	vertical-align: middle;
}
.event-date {
	min-height: 1.5em;
	/* margin: 20px auto; */
	margin: 25px auto;
	text-align: center;
}
.event-photo {
	display: flex;
	justify-content: space-between;
}
.event-photo p {
	text-align: center;
	font-size: 18px;
}
.event-photo img + p{
	font-size: 14px;
}
.event-photo img {
	margin-bottom: 13px;
	max-width: 177px;
	width: 100%;
}
/*.logo-container .upper-star {
	margin-left: 85px;
	margin-bottom: 33px;
	width: 45%;
	height: auto;
}

.logo-container .lower-star {
	margin: 44px 0 0 300px;
	width: 45%;
	height: auto;
}*/

.ticket-purchase-text.top {
    width: 306px;
    height: 48px;
    margin: 22px auto 51px auto;
    padding: 10px 0;
}


/*タイトル ニュース
---------------------------------------------*/

.news-caption, .youtube-caption {
	width: 110px;
	height: 1.3em;
	margin: 49px 0 0 0;
	background-color: #fff;
	position: relative;
	font-weight: normal;
	top: -11px;
}

.youtube-container {
  width: 100%;
  aspect-ratio: 16 / 9;
}

.youtube-container iframe {
  width: 100%;
  height: 100%;
}

.news-container {
	width: 440px;
	height: 264px;
	margin: -20px 0 18px;
	padding: 9px 9px 8px 20px;
	border: solid 1px #d2c2a8;
}

.inner-news-container {
	height: 247px;
	overflow-y: scroll;
}

.news-content {
	border-bottom: dotted 1px #b5b5b5;
	padding: 18px 0;
	margin-right: 18px;
}

.news-content:last-child {
	border-bottom: none;
	padding-bottom: 0;
}
.news-text {
	display:flex;
	align-items:flex-start;
}
.news-text img {
	/*margin-top: 0.15em;*/
	vertical-align: -0.15em;
	display: inline;
	cursor:default;
}
.news-text a:hover{color: #8F8F8F;}

/*タイトル ツイッター
---------------------------------------------*/

.title-info {
	margin: 0 0 100px 0;/*mr30*/
}

/*アバウト
---------------------------------------------*/

#wrapper-about {
	width: 100%;
	min-width: 1200px;
	background-image: url(../images/img_upper_lines02.png), url(../images/img_lower_lines.png);
	background-repeat: no-repeat, no-repeat;
	background-position: left 14px, right bottom 14px;
	background-color: #fcf9f1;
	padding: 1px;
}

.about-moon {
	width: 100%;
	min-width: 1200px;
	background-image: url(../images/img_line_moon_fix02.png);
	background-repeat: no-repeat;
	background-position: center 0;
	margin-top: -88px;
}

#about {
	width: 100%;
	min-width: 1200px;
	margin: 0 auto;
	padding-top: 88px;
}



#about p {
	padding: 80px;
	text-align: center;
	line-height: 55px;
}

/*イントロダクション
---------------------------------------------*/
#introduction {
	padding: 80px 0;
}
.intro-box {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-content: flex-end;
}
.intro-log {
	min-width: 1280px;
	margin: 0 auto;
	text-align: center;
	position: absolute;
	right: 0;
	left: 0;
}
.intro-txt {
	width: 792px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.intro-txt p{
	text-align: center;
	font-size: 16px;
	line-height: 30px;
}
.intro-txt p span {
	display: block;
	font-size: 18px;
	color: #C5AE89;
	font-weight: 600;
}
.intro-log p{
	font-size: 20px;
	line-height: 2em;
	padding-bottom: 65px;
}
.intro-log span {
	font-size: 28px;
	font-weight: 600;
	color: #C58989;
	display: inline;
}
.intro-txt img{
	width: 23px;
	padding: 20px 0;
	margin: 0 auto;
}
.intro-box > :nth-child(2) {
	align-self: flex-end;
}
.intro-photo {
	width: 204px;
	height: 588px;
	overflow: hidden;
}
.intro-photo li {
	width: 204px;
	margin-bottom: 11px;
}
.intro-photo img {
	width: 100%;
}


/*バックナンバー
---------------------------------------------*/

#backnumber {
	padding: 20px 70px;
	margin-bottom: 30px;
}

#backnumber > ul {
	display: flex;
	flex-wrap: wrap;
}

#backnumber > ul > li {
	width: calc(20% - 20px);
	height: 44px;
	margin-right: 23px;
}

#backnumber > ul > li:nth-child(n+6) {
	margin-top: 26px;
}

#backnumber > ul > li:nth-child(5n+5) {
	margin-right: 0;
}

.backnumber-container {
	width: 100%;
	height: 100%;
	/*padding: 6px;*/
	border-radius: 23px;
	overflow: hidden;
}
.backnumber-container.bg-pink {
	border: solid 1px #d0acb8;
	background-color: #FFFFFF;
}
.backnumber-container.bg-pink:hover, .backnumber-container.bg-pink.onboard {
	background-color: #d0acb8;
	color: #fff;
}
.backnumber-container.bg-pink a {
	color: #d0acb8;
}
.backnumber-container.bg-blue {
	border: solid 1px #8CA4C8;
	background-color: #FFFFFF;
}
.backnumber-container.bg-blue:hover, .backnumber-container.bg-blue.onboard {
	background-color: #8CA4C8;
}
.backnumber-container.bg-blue a {
	color: #8CA4C8;
}

.backnumber-container.bg-green {
	border: solid 1px #a2b9a9;
	background-color: #FFFFFF;
}
.backnumber-container.bg-green:hover, .backnumber-container.bg-green.onboard {
	background-color: #a2b9a9;
}
.backnumber-container.bg-green a {
	color: #a2b9a9;
}
.backnumber-container.bg-sunken-purple {
	border: solid 1px #BF9BC8;
	background-color: #FFFFFF;
}
.backnumber-container.bg-sunken-purple:hover, .backnumber-container.bg-sunken-purple.onboard {
	background-color: #BF9BC8;
}
.backnumber-container.bg-sunken-purple a {
	color: #BF9BC8;
}
.backnumber-container.bg-brown {
	border: solid 1px #c5ae89;
	background-color: #FFFFFF;
}
.backnumber-container.bg-brown:hover, .backnumber-container.bg-brown.onboard {
	background-color: #c5ae89;
}
.backnumber-container.bg-brown a {
	color: #c5ae89;
}
.backnumber-container.bg-pink.onboard a, .backnumber-container.bg-blue.onboard a, .backnumber-container.bg-green.onboard a, .backnumber-container.bg-sunken-purple.onboard a, .backnumber-container.bg-brown.onboard a,
.backnumber-container.bg-pink a:hover, .backnumber-container.bg-blue a:hover, .backnumber-container.bg-green a:hover, .backnumber-container.bg-sunken-purple a:hover, .backnumber-container.bg-brown a:hover {
	color: #fff;
}

.backnumber-container a {
	width: 100%;
	height: 100%;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}

.backnumber-container a::before {
	content: "";
	background: #fff;
	width: 15px;
	height: 100%;
	display: block;
	position: absolute;
	top: -100px;
	left: 0;
	opacity: 0;
	-webkit-transition: cubic-bezier(0.32, 0, 0.67, 0);
	transition: cubic-bezier(0.32, 0, 0.67, 0);
}
.backnumber-container a:hover::before{
	animation: ele_blink 0.8s linear 1;
}

@keyframes ele_blink {
	0% {
		transform: scale(2) rotate(45deg);
		opacity: 0;
	}
	20% {
		transform: scale(20) rotate(45deg);
		opacity: 0.6;
	}
	40% {
		transform: scale(30) rotate(45deg);
		opacity: 0.4;
	}
	80% {
		transform: scale(45) rotate(45deg);
		opacity: 0.2;
	}
	100% {
		transform: scale(50) rotate(45deg);
		opacity: 0;
	}
}

/*各セクションタイトル
---------------------------------------------*/

.caption {
	display: flex;
	margin-bottom: 30px;
	justify-content: center;
	align-items: flex-start;
}

.caption-star {
	width: 38px;
}

.caption-text {
	height: 1em;
	padding: 0 5px;
	margin:0 10px;
}

/*公演
---------------------------------------------*/
#event-info01,
#event-info02,
#event-info03,
#event-info04 {
	display:none;
}
#event-info05 {
	background-color: rgba(197, 174, 137, 0.1);
	border-radius: 29px;
	padding: 80px 70px;
}
#event-info04 {
	background-color: rgba(191, 155, 200, 0.1);
	border-radius: 29px;
	padding: 80px 70px;
}

#event-info03 {
	background-color: rgba(146, 181, 157, 0.1);
	border-radius: 29px;
	padding: 80px 70px;
}

#event-info02 {
	background-color: rgba(140, 164, 200, 0.1);
	border-radius: 29px;
	padding: 80px 70px;
}
#event-info01 {
	background-color: rgba(209, 161, 177, 0.1);
	border-radius: 29px;
	padding: 80px 70px;
}
#event-info05 .event-title, #event-info04 h2{
	color :#C5AE89;
}
#event-info04 .event-title, #event-info04 h2{
	color :#BF9BC8;
}
#event-info03 .event-title, #event-info03 h2{
	color :#92B59D;
}
#event-info02 .event-title, #event-info02 h2{
	color :#8CA4C8;
}
#event-info01 .event-title, #event-info01 h2 {
	color :#D1A1B1;
}
#event-info01 .event-times {
	border-top: #D1A1B1 1px solid;
}
#event-info02 .event-times, #ticket .event-times, #goods .event-times {
	border-top: #8CA4C8 1px solid;
	color :#8CA4C8;
}
#event-info03 .event-times, #ticket .event-times, #goods .event-times {
	border-top: #92B59D 1px solid;
	color :#92B59D;
}
#event-info04 .event-times, #ticket .event-times, #goods .event-times {
	border-top: #BF9BC8 1px solid;
	color :#BF9BC8;
}
#event-info05 .event-times, #ticket .event-times, #goods .event-times {
	border-top: #C5AE89 1px solid;
	color :#C5AE89;
}
#event-info01 .map-container {
	border: solid 1px #d0acb8;
}
#event-info02 .map-container {
	border: solid 1px #8CA4C8;
}
#event-info03 .map-container {
	border: solid 1px #92B59D;
}
#event-info04 .map-container {
	border: solid 1px #BF9BC8;
}
#event-info05 .map-container {
	border: solid 1px #C5AE89;
}
.event {
	display: flex;
	justify-content: space-between;
}
.event-container{
	width: calc(100% - 668px);
}

.event-content {
}

.event-content dl{
	display: flex;
	flex-wrap: wrap;
	position: relative;
}

.event-content dl p{
	text-align: left;
}
.event-content dl .adress{
	margin-left: 0;
	text-align: left;
}
.event-content dl .event-detail{
	margin-left: 0;
}
.event-content dt{
	width: 4em;
    margin-right: 1.5em;
    font-size: 21px;
}

.event-content dt p{
	display: inline-block;
    width: 100%;
    text-align-last: justify;
}
.event-content dl:before{
	content: ":";
	font-size: 21px;
	position: absolute;
	top: 3px;
    right: 367px;
}

@media screen and (max-width: 767px) {
	.event-content dl:before{
		font-size: 3.7333vw;
        top: 0.6vw;
        left: 17vw;
		right: auto;
	}
}

.map-container.vol2, 
.map-container.vol3, 
.map-container.vol4 {
	max-width: 620px;
	height: 328px;
}
.map-container.vol2 iframe, 
.map-container.vol3 iframe, 
.map-container.vol4 iframe{
	width: 100%;
	height: 100%;
}

.event-detail {
	margin-left: 4.4em;
}
.event-times {
	padding-top: 10px;
	font-size: 20px;
	font-weight: 600;
	text-align: center;
	margin: 10px;
}

.adress {
	margin-left: 5em;
}

.map-container {
	width: 668px;
	height: 328px;
}

.google-map {
	width: 666px;
	height: 326px;
}

/*キャスト
---------------------------------------------*/

.cast {
	margin: 0 90px;
	margin-top: 80px;
}

.cast .caption {
	justify-content: center;
	
}
.cast-container ul {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
}

.cast-container > .cast-star > ul > li:last-child {
	margin-right: 127px;
}

/* .cast-star {
	position:absolute;
	top: 15px;
	left: 1250px;
} */

.cast-container .cast-content .cast-img{
	max-width: 210px;
	width: 100%;
}

.cast-container .sensei .cast-img{
	max-width: 220px;
	width: 100%;
}

.cast-position,
.cast-name {
	text-align: center;
}

.cast-text {
	margin-top: 11px;
}

.sensei {
	padding-bottom: 12px;
}

.cast-star {
	width: calc(100% + 60px);
	margin: 0 -30px;
	/*background-image: url(../images/img_cast_star_fix.png);
	background-repeat: no-repeat;
	background-position: top right;*/
	position: relative;
}
.cast-star-container {
	width: 203px;
	height: 227px;
	position: absolute;
	top: 0;
	right: 0;
}

/*チケット
---------------------------------------------*/

#ticket {
	margin: 0 70px;
	margin-top: 130px;
}
#ticket h2 {
	color :#C5AE89;
	/* color :#92B59D; */
	/* color :#8CA4C8; */
}
#ticket h3, #ticket h4, #goods h3, #goods h4 {
	margin-bottom: 0.25em;
	font-size: 20px;
	color: #C5AE89;
	/* color: #92B59D; */
	/* color: #8CA4C8; */
	font-weight: normal;
}

.ticket-streaming {
	margin-top: 30px;
}
.inline {
	display: inline;
	padding-right: 1em;
}
.ticket-container {
	width: 100%;
	margin: 0 auto;
	margin-bottom: 14px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.ticket-content {
	background: #FFF;
	border: 1px solid #C5AE89;
	/* border: 1px solid #92B59D; */
	/* border: 1px solid #8CA4C8; */
	padding: 31px 0;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.ticket-content-a {
	flex-basis: 310px;
}
.ticket-content-b {
	flex-basis: 460px;
}
.ticket-content-c {
	flex-basis: 555px;
}
.ticket-content-d {
	flex-basis: 100%;
	margin-top: 30px;
}
/*	.ticket-container div:first-of-type{
		flex-basis: 298px;
	}
	.ticket-container div:nth-of-type(2n){
		flex-basis: 311px;
	}
	.ticket-container div:nth-of-type(3n){
		flex-basis: 459px;
	}
*/
p.txt_pl {
	padding-left: 52px;
}
.ls_minusv {
	letter-spacing: -0.01em;
}
.icon_area {
	height: 47px;
	margin-top: 4px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.icon_ticket {
	width: 72px;
	height: 27px;
	line-height: 0;
}
.icon_plus {
	/* width: 17px;
	height: 17px; */
	margin: 0 14px;
	line-height: 0;
}
.icon_dvd {
	width: 47px;
	height: 45px;
	line-height: 0;
}
.icon_2ticket {
	width: 68px;
	height: 37px;
	line-height: 0;
	align-self: flex-end;
}
.note {
	color: #C58989;
	font-size :16px;
}
.txt_discount {
	background: #C58989;
	padding: 7px 12px 4px 17px;
	color: #fff;
	font-size: 20px;
	line-height: 1;
	vertical-align: bottom;
	border-radius: 7px;
	position: relative;
	display: inline-block;
	overflow: hidden;
}
.txt_discount::before{
	content: "";
	background: #fff;
	width: 15px;
	height: 100%;
	display: block;
	position: absolute;
	top: -30px;
	left: 0;
	opacity: 0;
	animation: ele_blink02 2s linear 0.75s infinite;
}
@keyframes ele_blink02 {
	0% {
		transform: scale(2) rotate(45deg);
		opacity: 0;
	}
	15% {
		transform: scale(20) rotate(45deg);
		opacity: 0.6;
	}
	30% {
		transform: scale(30) rotate(45deg);
		opacity: 0.4;
	}
	45% {
		transform: scale(45) rotate(45deg);
		opacity: 0.2;
	}
	60% {
		transform: scale(50) rotate(45deg);
		opacity: 0;
	}
	100% {
		transform: scale(50) rotate(45deg);
		opacity: 0;
	}
}
/*.icon_star{
	position: absolute;
	right: 48px;
}
.icon_star img{
	display: inline;
}*/
.dvd-ticket {
	padding: 31px 36px 31px 43px;
}
.dvd-info {
	padding: 33px 27px;
	flex-grow: 1;
	background-color: #f6eef1;
}
.dvd-caption {
	text-align: center;
	padding: 4px;
	background-color: #c58989;
	color: #fff;
}
.dvd-text {
	margin-top: 19px;
	line-height: 1.65;
}
.schedule-detail {
	font-size: 20px;
}

dl.schedule-detail{
	display: flex;
	flex-wrap: wrap;
}

dl.schedule-detail dt{
	position: relative;
	margin-right: 0.4em;
	width: 6.5em;
	font-size: 20px;
}

dl.schedule-detail dt p span.ticket-type {
	display: block;
    text-align-last: justify;
}
dl.schedule-detail p{
	position: relative;
}
dl.schedule-detail dd:before{
	content: "：";
	display: block;
	position: absolute;
    top: -2px;
    left: -3px;
}

dl.schedule-detail dd p{
	text-align: left;
	margin-left: 20px;
}

.schedule-detail ticket-type {
	display:inline-block;
	width: 130px;
	text-align: justify;
	text-align-last:justify;
}
/*.schedule-detail:not(.se):not(:last-of-type){
	margin-bottom: 1em;
}
*/
.icon-star {
	padding: 0 0 0 22px;
	background-image: url(../images/star-5.svg);
	background-repeat: no-repeat;
	background-size: 18px;
	background-position: 0 5px;
}
.footnote-pc > p {
	margin-left: 52px;
}
.ticket-letterspace {
	letter-spacing: 8px;
}
.ticket-purchase {
	display: flex;
	justify-content: center;
	margin-top: 60px;
}
.ticket-purchase-text {
	border-radius: 28px;
	padding: 13px 43px;
	margin: 0 54px;
	text-align: center;
	overflow: hidden;
	background-color: #F8A0BE;
	min-width: 300px;
}
.ticket-purchase-text a{
	color: #fff;
	display: block;
	position: relative;
}
.ticket-purchase-text a::before{
	content: "";
	background: #fff;
	width: 15px;
	height: 100%;
	display: block;
	position: absolute;
	top: -100px;
	left: 0;
	opacity: 0;
	-webkit-transition: cubic-bezier(0.32, 0, 0.67, 0);
	transition: cubic-bezier(0.32, 0, 0.67, 0);
}
.ticket-purchase-text a:hover::before{
	animation: ele_blink 0.5s linear 1;
}
.ticket-content dt {
	width: 100%;
	margin-bottom: 0.1em;
}
.ticket-detail {
	margin: 0 auto;
}
.ondemand-ticket .ticket-detail {
	padding-right: 150px;
}
.ticket-note{
	background-color: rgba(197, 174, 137, 0.1);
	margin: 0 auto;
	margin-bottom: 30px;
	padding: 20px;
	width: 100%;
}
.ticket-note p{
	padding: 0 20px;
}
.ticket-note h4:nth-of-type(2), .ticket-schedule h4:nth-of-type(2) {
	margin-top: 14px;
}
/*追加*/
.box_inline-cont{
	background: #fff;
	padding: 45px 63px;
	font-size: 14px;
	line-height: 1.6;
	border: solid 5px #e6dac6;
	display: none;
}
.ttl_inline-cont {
	margin-bottom: 30px;
	margin-left: 0;
	font-size: 22px;
	line-height: 1;
	text-align: center;
	border-bottom: solid 1px #C5AE89;
	padding-bottom:30px;
}
.ttl_inline-heading {
	margin-bottom: 1em;
	margin-left: 0;
	font-size: 20px;
	line-height: 1;
	text-align: center;
}
.ttl_inline-heading:not(:first-of-type) {
	margin-top: 2.5em;
}
.box_overflow{
	overflow-y: auto;
}
.box_overflow.inline-cont{
	width: 100%;
	height: 294px;
	padding-right: 8px;
	/*padding-bottom: 2em;*/
}
.box_overflow.inline-cont.has_bg{
	background: #fff0f0;
	padding: 1em;
}
.lf{margin-bottom: 1.5em;}
.se{margin-bottom: 35px;}
.txt_indent{
	padding-left: 1em;
	text-indent: -1em;
}
.ticket-purchase-buttom {
	background: #3168C2;
	width: 294px;
	height: 68px;
	margin: 25px auto 0;
	font-size: 22px;
	text-align: center;
	border-radius: 34px;
}
.ticket-purchase-buttom a{
	width: 100%;
	height: 100%;
	padding-top: 3px;
	/*padding: 13px 0 ;*/
	color: #fff;
	font-weight: bold;
	line-height: 1.2;
	/*display: block;*/
	display: flex;
	justify-content: center;
	align-content: center;
	flex-wrap: wrap;
}
.ticket-purchase-buttom small{font-size: 14px;}
#ticket .upper-star-container{
	position: absolute;
	top: -70px;
	right: -106px;
	z-index: -1;
}

/*goods*/
#goods {
	margin: 0 70px;
	margin-top: 130px;
}
#goods h2 {
	color :#C5AE89;
	/* color :#92B59D; */
}
.goods-cont {
	margin: 0 auto 100px;
}
.goods_area {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 auto;
	width: 1140px;
}
.goods_box {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	background: #FFF;
	border: solid 1px #C5AE89;
	/* border: solid 1px #92B59D; */
	width: 552px;
	margin-bottom: 38px;
}

.goods_txt {
	/* flex-basis: 269px; */
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	max-width: 400px;
	width: 100%;
	height:240px;
	padding: 8px;
}
.goods_img {
	flex-basis: 280px;
	display: flex;
	justify-content: center;
	align-items:center;
	height:240px;
}
.goods_name{
	font-size: 20px;
	text-align: center;
	flex-grow: 2;
	justify-content: center;
	align-items: center; 
	display: flex;
}
.goods_detail {
	flex-basis: 100%;
	text-align: right;
	line-height: 1.1em;
	padding: 0 20px 5px 0;
}
.box_goods-notice {
	background-color: rgba(140, 164, 200, 0.1);
	width: 950px;
	margin: 0 auto 30px;
	padding: 1.5em;
	font-size: 16px;
}
.txt_goods-str{
	background-color: rgba(140, 164, 200, 0.1);
	margin-bottom: 0.1em;
	padding: 0.4em 1.2em 0.3em;
	font-size: 22px;
	font-weight: bold;
	line-height: 1;
	text-align: center;
}




.goods_box.goodsNote{
	width: 100%;
}
.goods_box.goodsNote .goods_txt,
.goods_box.goodsNote .goods_img{
	display: block;
}
.goods_box.goodsNote .goods_txt{
	display: flex;
	flex-direction: row;
	justify-content: center;
	padding: 20px;
	max-width: 430px;
	height: 100%;
}

.goods_box.goodsNote .goods_name{
	flex-grow: unset;
	margin-right: 20px;
}

.goods_box.goodsNote .goods_img{
	display: flex;
	flex-basis: unset;
	width: 150px;
	height: auto;
}
.goods_box.goodsNote .goods_img img{
	margin: 0 auto;
	max-width: none;
	width: 100%;
	height: auto;
}
.goods_box.goodsNote .ticket-note{
	margin-bottom: 0px;
	padding: 20px 50px;
	width: calc(100% - 430px);
	height: auto;
}

.goods_box.goodsNote .ticket-schedule{
	margin-bottom: 10px!important;
	background-color: #C5AE89;
	/* background-color: #8CA4C8; */
	text-align: center;
	color: #ffffff!important;
}
.goods_box.goodsNote .ticket-note p{
	padding: 0;
}






.notice_main {
	padding-left: 1em;
}
.note-text_more {
	/* margin-top: 1em; */
}

#goods .goods-pia-title {
	font-size: 1.375em;
	font-weight: 600;
}
/*.goods-pia .ticket-purchase {
	margin: 30px auto;
}*/

.goods-photoreco {
	margin-bottom: 30px;
}
.photoreco-notice {
	border: 1px solid #92B59D;
	margin-top: 20px;
}
.photoreco-notice .notice_main {
	padding: 20px;
}
.photoreco-notice .notice_main p:first-child {
	padding-bottom: 10px;
}
#goods .photoreco-notice h4{
	background-color: #92B59D;
	padding: 0.4em;
	color: #FFFFFF;
	font-weight: 500;
	text-align: center;
}
@media screen and (max-width: 767px) {
	.goods-pia .schedule-detail {
		margin-left: 0;
	}
	.goods-cont {
		margin: 0 auto 16vw;
	}
	/*.goods-pia .ticket-purchase {
		margin: 0 auto;
	}*/
	#ticket h3, #ticket h4, #goods h3, #goods h4 {
		font-size: 4.8vw;
	}
	#goods {
		margin: 16vw auto 0;
	}
	.goods_area {
		width: 100%;
	}
	.goods_box {
		flex-direction: column;
		flex-wrap : nowrap;
		width:100%;
		height: auto;
		padding:  4.266vw;
		margin-bottom: 4.266vw;
	}

	.goods_box.goodsNote{
		display: block;
	}
	.goods_box.goodsNote .ticket-note{
		padding: 20px;
		width: 100%;
		height: auto;
	}

	.goods_box.goodsNote .goods_txt{
		order: unset;
		margin-bottom: 20px;
		padding: 0;
		height: auto;
	}

	.goods_txt {
		width:100%;
		align-items: center;
		padding: 0;
		display: block;
		order: 2;
		height: auto;
		flex-shrink: 1;
		flex-basis: auto;
	}
	.goods_img {
		width:100%;
		align-items: center;
		order: 1;
		height: auto;
		flex-shrink: 2;
		flex-basis: auto;
	}
	.goods_name{
		font-size: 4.8vw;
	}
	.goods_detail {
		width:100%;
		text-align: left;
		padding: 5vw 0 0;
		order: 3;
		flex-basis: auto;
	}
	.goods_box img{
		width:60vw;
	}
	.goods_box p{
		width:100%;
	}
	.txt_goods-str{
		font-size: 4.8vw;
	}
	.box_goods-notice {
		width: 100%;
		margin: 0 auto 4.266vw;
		font-size: 4vw;
		padding: 3vw;
	}
	.txt_goods-str{
		padding: 1.2em;
	}
	.box_goods-notice strong{
		display: block;
		width: 100%;
		text-align: center;
		padding-top: 1em;
	}
	.notice_main {
		padding-left: 0;
	}
	.inline {
		display: block;
	}
	.goods-photoreco {
		margin-bottom: 4.266vw;
	}
	.photoreco-notice {
		margin-top: 2.666vw;
	}
	.photoreco-notice .notice_main {
		padding: 4.266vw;
		/* line-height:; */
	}
}

/*modal*/
.modaal-container{
	max-width: 700px;
	/* max-width: 1000px; */
	border: solid 5px #e6dac6;
	box-shadow: none;
}
.modaal-content-container{
	padding: 39px 76px;
	font-size: 14px;
	line-height: 1.6;
}
.modaal-close{
	position: absolute;
	top: 0;
	right: 0;
}
.modaal-close:before, .modaal-close:after{
	background: #000;
	width: 1px;
	height: 16px;
	border-radius: 0;
}
.modaal-close:focus:before, .modaal-close:focus:after, .modaal-close:hover:before, .modaal-close:hover:after{
	background: #000;
}

/*オンデマンド
---------------------------------------------*/
#ondemand {
	padding-top: 130px;/*130*/
	font-size: 2rem;
}
.note-text {
	margin-bottom: 30px;
	font-size: 2rem;
	line-height: 1;
	text-align: center;
}
.unit_ondemand {
	margin-bottom: 30px;
	text-align: center;
}
.unit_ondemand:last-of-type{margin-bottom: 40px;}
.ttl_outside {
	margin-bottom: 10px;
	color: #c5ae89;
	font-size: 2rem;
	line-height: 1;
	display: inline-block;
	position: relative;
}
	.ttl_outside.no_link{
		background: #fff;
		padding: 8px 22px 5px 44px;
		border: solid 1px #c5ae89;
		border-radius: 30px;
	}
	/* .ttl_outside::before,
	.ttl_outside a::before{
		content: '';
		background: url(../images/icon_ondemand_triangle.svg) no-repeat;
		width: 9px;
		height: 14px;
		display: block;
		position: absolute;
		top: 50%;
		left: 25px;
		transform: translateY(-50%);
		-webkit-transition: all 0.8s;
		transition: all 0.8s;
	} */

	.ttl_outside a span::before{
		content: '';
		display: block;
		position: absolute;
		top: 50%;
		left: -20px;
		width: 9px;
		height: 14px;
		background: url(../images/icon_ondemand_triangle.svg) no-repeat;
		transform: translateY(-50%);
		-webkit-transition: all 0.8s;
		transition: all 0.8s;
	}
/* .ttl_outside a{
	background: #fff;
	min-width: 208px;
	width: 100%;
	height: 100%;
	padding: 8px 22px 5px 44px;
	box-sizing: border-box;
	color: #c5ae89;
	border: solid 1px #c5ae89;
	border-radius: 30px;
	display: block;
	-webkit-transition: all 0.8s;
	transition: all 0.8s;
} */
.ttl_outside a{
	display: block;
	padding: 8px 0 8px 1.8rem;
	border: solid 1px #c5ae89;
	border-radius: 30px;
	box-sizing: border-box;
	min-width: 208px;
	width: 100%;
	height: 100%;
	background: #fff;
	-webkit-transition: all 0.8s;
	transition: all 0.8s;
}
.ttl_outside a span{
	display: inline-block;
	position: relative;
	line-height: 1;
	color: #c5ae89;
	-webkit-transition: all 0.8s;
	transition: all 0.8s;

}
	.ttl_outside a:hover{
		background: #c5ae89;
		color: #fff;
	}
	.ttl_outside a:hover span{
		color: #fff;
	}
	.ttl_outside a:hover span::before{
		background: url(../images/icon_ondemand_triangle_on.svg) no-repeat;
	}
.txt_justification {
	display: flex;
	justify-content: center;
}
	.txt_period {
		text-align: right;
		/*flex-basis: 46%;*/
	}
	.txt_data {
		text-align: left;
		/*flex-basis: calc(100% - 46%);*/
	}
.txt_center {text-align: center;}
br.pc_display{display: inline;}
br.sp_display{display: none;}
	@media screen and (max-width: 767px){
		br.pc_display{display: none;}
		br.sp_display{display: inline;}
	}

/*コンタクト
---------------------------------------------*/

.contact-text p{
	text-align: center;
}
.contact-text a:hover{
	color: #d0acb8;
}

#contact {
	margin: 0 30px;
	margin-top: 124px;
	position: relative;
}

#contact .upper-star-container{
	position: absolute;
	top: -103px;
	right: -109px;
	z-index: -1;
}
.contact-mail {
	width: 532px;
	margin: 10px auto;
	padding: 15px 0; 
	border: #C5AE89 1px solid;
	text-align : center;
}
.contact-mail a {
	color : #C5AE89;
	text-decoration : underline;
	line-height: 1.8em;
}

/*フッター
---------------------------------------------*/

footer {
	margin-top: 57px;
	width: 100%;
	min-width: 1200px;
}

.footer-container {
	width: 100%;
	min-width: 1200px;
	height: 66px;
	background-color: #e9e9e9;
	text-align: center;
	position: relative;
}

.copyright {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 80%;
	height: 1em;
}

footer img {
	margin: 0 auto;
}

/*レスポンシブ
---------------------------------------------*/

@media screen and (min-width: 767px){
	.sp-br { display: none; }
	.spout { display: none; }
}

@media screen and (max-width: 767px) {

	/*220214調整
	---------------------------------------------*/
	.strikethrough {
		text-decoration: line-through;
	}

	/*全体
	---------------------------------------------*/

	.pcout { display: none; }
	.sp-br { display: inline; }

	#wrapper-nav, section {
		width: 91.25vw;
		margin: 0 auto;
	}

	.wrapper-main {
		width: 100vw;
	}

	#wrapper-top {
		background-image: none;
		/* background-repeat: no-repeat;
		background-size: 100vw; */
		margin-bottom: 8vw;
		padding-bottom: 24vw;
	}

	#wrapper-body {
		background-image: none;
		/* background-repeat: no-repeat;
		background-size: 100vw;*/
		font-size: 3.733vw;
	}

	/*SP背景
	---------------------------------------------*/

	.logo-container {
		background-image: url(../images/sp/img_logo_divided_bg.png);
		background-repeat: no-repeat;
		background-size: 91.25vw;
	}

	#backnumber {
		background-image: url(../images/sp/img_backnumber_divided_bg.png);
		background-repeat: no-repeat;
		background-size: 110%;
		background-position: center 0;
	}

	.event {
		background-image: url(../images/sp/img_event_divided_bg02.png);
		background-repeat: no-repeat;
		background-size: 110%;
		background-position: center 0;
	}

	.cast {
		background-image: url(../images/sp/img_cast_divided_bg.png);
		background-repeat: no-repeat;
		background-size: 110%;
		background-position: center 4.8vw;
	}

	#ticket {
		background-image: url(../images/sp/img_ticket_divided_bg02.png);
		background-repeat: no-repeat;
		background-size: 110%;
		background-position: center 4.8vw;
	}

	#ondemand {
		background-image: url(../images/sp/img_ondemand_divided_bg.png);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center top;
	}

	#contact {
		background-image: url(../images/sp/img_footer_divided_bg.png);
		background-repeat: no-repeat;
		background-size: 110%;
		background-position: center 12.8vw;
	}

	/*文字サイズ
	---------------------------------------------*/

	.large {font-size: 5.6vw; font-weight: bold;}
	.small {font-size: 3.7333vw;}
	.mid-small {font-size: 4.2666vw;}
	.price {font-size: 8vw;}
	.sensei-txt {font-size: 3.2vw;}
	.event-date {
		font-size:8vw;
		font-feature-settings: "palt" 1;}
	/* .event-date span {font-size:6.66vw} */
	.event-date span {font-size:5.8vw}
	.event-content .koen {font-size: 4.2666vw;}
	.text-space {letter-spacing: -0.2666vw;}
	.news-caption, .youtube-caption {font-size: 6.6666vw;}
	.news-date {font-size: 3.2vw; color: #d2c2a8;}
	.news-text {font-size: 3.7333vw;}
	#about p {font-size:4vw;}
	.backnumber-text {font-size: 4.2666vw;}
	.caption-text {font-size: 6.9333vw;}
	.event-content p {font-size: 3.7333vw;}
	.cast-position {font-size: 3.4666vw;}
	.cast-name {font-size: 4.5333vw;}
	h3 {font-size: 5.3333vw;} 
	.ticket-content-b > dt {font-size: 4.8vw;}
	.ticket-purchase-text {font-size: 5.3333vw;}
	.dvd-ticket > dt {font-size: 4.8vw;}
	.dvd-ticket > dd {font-size: 6.4vw;}
	.dvd-caption {font-size: 4.5333vw;}
	.dvd-text {font-size: 3.69vw;}
	.footnote-sp > p {font-size: 4.5333vw;}
	.ticket-content > dt {font-size: 4.8vw;}
	.ticket-content > dd {font-size: 6.4vw;}
	.footnote-sp > p{font-size: 4.5333vw;}
	.contact-text > p {font-size: 4vw;}

	/*ヘッダー
	---------------------------------------------*/

	header {
		width: 100vw;
		min-width: auto;
		height: 16vw;
	}

	#wrapper-nav {
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 0;
		position: relative;
		padding: 0 8.7999vw 0 4.2666vw;
	}

	#header-tittle {
		width: 39.8346vw;
        height: 10.1333vw;
		/* margin-top: 2.0667vw; */
		display: inline-block;
	}

	.header-menu {
		width: 100%;
		height: 100vh;
		margin: 0;
		position: absolute;
		top: 0;
		left: 0;
		transform: translateX(100vw);
		opacity: 0;
		-webkit-transition: all 400ms 100ms ease;
		transition: all 400ms 100ms ease;
	}

	.header-menu.anime_toggle {
		opacity: 1;
		transform: translateX(0);
	}

	.anime_toggle .hamburger-menu-close {
		width: 4.8vw;
		height: 4.8vw;
		position: absolute;
		right: 8.5333vw;
		top: 5.3333vw;
		z-index: 999;
		display: block;
	}

	.hamburger-menu {
		width: 6.6666vw;
		right: 8.5333vw;
		top: 5.2333vw;
	}
		.anime_toggle + .hamburger-menu{
			opacity: 0.5;
			z-index: -1;
		}

	.header-menu > ul {
		background: rgba(62, 62, 62, 0.95);
		width: 100%;
		height: 100vh;
		padding-top: 14.9333vw;
		flex-direction: column;
		justify-content: flex-start;

	}

		.header-menu > ul > li{
			width: 100%;
			height: 21.0667vw;
			padding: 0 13.3333vw;
			position: relative;
		}

		.header-menu > ul > li:not(:last-of-type)::before{
			content: '';
			background: url(../images/sp/sp-menu-star.svg) no-repeat;
			background-size: cover;
			width: 2.4vw;
			height: 2.1333vw;
			position: absolute;
			bottom: -1vw;
			left: 13.3333vw;
		}

		.header-menu > ul > li:not(:last-of-type)::after{
			content: '';
			background: linear-gradient(to right, #fff,#fff 70%,transparent 70%,transparent 100%) repeat-x bottom left;
			background-size: 3% 1px;
			margin-left: 5vw;
			width: calc(100% - (13.3333vw * 2) - 5vw);
			height: 2px;
			position: absolute;
			bottom: 0;
			left: 13.3333vw;
		}

	.header-menu > ul > li > a {
		width: 100%;
		height: 100%;
		padding: 3.892vh 0px;
		font-size: 2rem;
		line-height: 1;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.header-menu a.title-menu {color: #d1a1b1;}
	.header-menu a.news-menu {color: #a7a0af;}
	.header-menu a.event-menu {color: #c5ae89;}
	.header-menu a.cast-menu {color: #a2b9a9;}
	.header-menu a.ticket-menu {color: #8d8aaf;}
	.header-menu a.goods-menu {color: #c58989;}
	.header-menu a.ondemand-menu {color: #a4b1c4;}
	.header-menu a.contact-menu {color: #b879ac;}
	/*.header-menu > ul > li > .contact-menu {margin-right: 0;}*/
	.header-menu a::after {transition: none;}
	.header-menu a:hover {opacity: 1;}

	.title-menu::after,
	.event-menu::after,
	.cast-menu::after,
	.ticket-menu::after,
	.goods-menu::after,
	.ondemand-menu::after,
	.contact-menu::after{background: none;}


	.btn_corona_notice {margin-top: 2em;}
	.btn_corona_notice a{
		background: #cc5555;
		padding: 0.5em 0.75em;
	}

	/*新メニュー
	---------------------------------------------*/
	.newmenu {
		& a {
			margin-right: 2.6666vw;

			&:first-of-type {
				width: 10.1333vw;
			}

			&:last-of-type {
				width: 19.2vw;
			}
		}
	}

	/*タイトル
	---------------------------------------------*/

	#title {
		display: block;
		margin-top: 16vw;
		padding: 0;
	}

	h1 {
		/*position: relative;
		right: 2.6666vw;*/
	}

	.logo-container {
		margin: 0;
		padding-top: 0;
	}
	.event-num {
		font-size: 3.733vw;
		margin: 2.4vw auto;
		padding: 0 4.533vw;
	}
	.logo-box {
		position: static;
		width: 100%;
	}
	.event-photo div {
		flex-basis: 29.06vw;
	}
	.event-photo div p{
		font-size: 3.733vw;
	}
	.event-photo > div > img + p {
		font-size: 2.933vw;
	}
	.title-info {
		margin: 0;
	}

	.title-lead {
		/* width: 72.8vw; */
		margin: 0 auto;
		margin-bottom: 0.6157vw;
	}

	.title-news {
		margin: 0;
	}

	.news-caption, .youtube-caption {
		width: 3.3em;
		height: 1.7em;
		margin: 0;
		line-height: 1.7em;
		top: -1.3333vw;
	}

	.news-container {
		width: 91.25vw;
		height: 57.6vw;
		padding: 4.0666vw 4vw 3.2vw 4vw;
		margin: -5.3333vw 0 8vw 0;
	}

	.inner-news-container {
		height: 51.1333vw;
	}

	.news-content {
		padding: 3.2vw 0;
	}


	.upper-star-container,
	.lower-star-container{
		width: 100%;
		height: 29.6vw;
		overflow: hidden;
	}

	/*.upper-star-container {
		height: 21.6vw;
		width: auto;
		padding-top: 4.2666vw;
		margin-bottom: 4vw;
	}

	.lower-star-container {
		height: 22.6666vw;
		width: auto;
		margin-top: 6.9333vw;
		margin-bottom: 0.5333vw;
	}*/

	.ticket-purchase-text.top {
		width: 81.6vw;
		height: 12.8vw;
		margin: 6.1333vw auto 0 auto;
		padding: 2.6666vw 0;
	}

	.lower-star-container {
		margin-top: -19.2vw;
	}

	/*アバウト
	---------------------------------------------*/

	#about {
		width: auto;
		min-width: auto;
		/*height: 110.4vw; aboutのheightここ*/
		position: relative;
		top: 8.5vw;
	}

	#wrapper-about {
		min-width: auto;
		min-height: 110.4vw;
		background-image: url(../images/sp/img_lower_lines.png);
		background-repeat: no-repeat;
		background-position: right bottom 3.7333vw;
		background-size: 100vw;
	}

	#about p {
		line-height: 9.0666vw;
		padding: 8vw;
	}

	.about-moon {
		width: 100%;
		min-width: auto;
		background-image: url(../images/sp/sp_moon.png);
		background-repeat: no-repeat;
		background-size: 83.7333vw;
	}

	/*イントロダクション
	---------------------------------------------*/
	#introduction {
		padding: 16vw 0 0 0;
		width:100vw;
	}
	.intro-log {
		width: 91.25vw;
		min-width: auto;
		position: static;
	}
	.intro-box {
		display: block;
		width: 100vw;
		overflow: hidden;
	}
	.intro-photo {
		width: 108.8vw;
		height: 23.46vw;;
		display: flex;
		margin-bottom: 8vw;
	}
	.intro-photo li {
		width: 36.8vw;
		padding-right: 1.6vw;
		margin-bottom: 0;
	}
	.intro-txt {
		width: 100%;
		padding-bottom: 8vw;
	}
	.intro-log p{
		font-size: 4.26vw;
		padding-bottom: 8vw;
	}
	.intro-log p span{
		font-size: 4.8vw;
	}
	/*.intro-photo img {
		width: 35.2vw;
		padding-bottom: 8vw;
	}*/
	/*バックナンバー
	---------------------------------------------*/

	#backnumber {
		padding: 8vw 0;
		margin: 0 auto;
	}
	.backnumber-container {
		border-radius: 6.1333vw;
	}
	#backnumber > ul {
		width: 100%;
	}
	#backnumber > ul > li {
		width: calc(50% - 2.1333vw);
		height: 8.8vw;
		margin-right: 4vw;
	}
	#backnumber > ul > li:nth-child(even) {
		margin-right: 0;
	}

	#backnumber > ul > li:nth-child(n+3) {
		margin-top: 3.2vw;
	}

	/*各セクションタイトル
	---------------------------------------------*/

	.caption {
		margin-bottom: 4.2666vw;
	}
	.caption-star {
		width: 8vw;
	}

	/*公演
	---------------------------------------------*/

	#event-info01, #event-info02, #event-info03, #event-info04, #event-info05 {
		width: 100vw;
		border-radius: 0;
		padding: 16vw 4.375vw;
	}

	.event {
		display: block;
	}
	.event-content {
		margin: 0 0 4vw 0;
	}
	.event-content dl dt{
		font-size: 3.7333vw;
	}
	.event-container {
    width: 100%;
}
.map-container.vol1, 
.map-container.vol2, 
.map-container.vol3, 
.map-container.vol4,
.map-container.vol5 {
		width: 91.25vw;
		height: 64.5333vw;
		max-width: none;
	}
	.google-map {
		/* width: calc(91.25vw - 2.5px);
		height: calc(14em - 0.5333vw); */
		width: 100%;
		height: 100%;
	}

	/*キャスト
	---------------------------------------------*/

	.cast {
		margin: 0;
		padding-top: 16vw;
	}
	.cast-container ul {
		justify-content: center;
		flex-wrap: wrap;
	}
	.cast-container ul li{
		flex-basis: 43.7333vw;
	}
	.cast-container ul li:first-child{
		margin: 0 4.2vw;
	}
	.cast-container ul li:nth-child(2){
		margin: 0 3.6vw 0 0;
	}
	.cast-container > .cast-star > ul {
		flex-wrap: wrap;
		margin: 0;
		align-items: normal;
	}

	.cast-container > .cast-star > ul > li:first-child {
		width: 100%;
	}

	.cast-container > .cast-star > ul > li:last-child {
		width: 100%;
		margin: 0;
	}

	.cast-container > .cast-star > ul > li:nth-child(n+3) .cast-text {
		margin-bottom: 0;
	}

	.cast-content > img {
		width: 43.7333vw;
		margin: 0 auto;
	}

	.cast-text {
		margin-top: 2.1333vw;
		margin-bottom: 5.3333vw;
	}

	.cast-star {
		width: 100%;
		background-image: none;
		margin: 0;
	}

	.cast-name {
		line-height: 5.8666vw;
	}

	.sensei {
		padding-bottom: 0;
	}

	.cast-star-container {
		width: 34.4vw;
		height: 24.5333vw;
		position: absolute;
		top: auto;
		right: 5vw;
		bottom: -22.8667vw;
	}

	/*チケット
	---------------------------------------------*/
	#ticket {
		margin: 0 auto;
		padding-top: 16vw;
	}
	h3 {
		margin: 0;
		margin-bottom: 0.8vw;
	}
	.ticket-container {
		width: 100%;
		display: block;
		margin: 0;
	}
	.ticket-container > div{
		margin-bottom: 4.2666vw;
	}
	.ticket-content {
		margin: 0;
		padding: 4.2666vw 4.2666vw;
		width: 100%;
		height: auto;
	}
	.ticket-content-c {
		margin-left: 0;
		padding: 4.2666vw;
	}
	.ticket-content-c:first-of-type{
		flex-basis: 100%;
		margin-left: 0;
	}
	.ticket-content-c:nth-of-type(2n), .ticket-content-c:nth-of-type(3n) {
		flex-basis: 100%;
	}
	.ticket-content-c:nth-of-type(2n) {
		margin: 4vw 0px;
	}
	.ticket-content-c:nth-of-type(3n) {
		margin-bottom: 4vw;
	}
	.ticket-content dt {
		margin-bottom: 1.6666vw;
	}
	.ticket-content dd {
		line-height: 5.3333vw;
	}
	.ticket-content-b {
		margin-top: 4vw;
		margin-bottom: 4vw;
	}
	.icon_area{
		height: 12.5333vw;
		margin-top: 1.5vw;
	}
	.icon_ticket,.icon_ticket img {
		width: 19.2vw;
		height: 7.2vw;
	}
	.icon_plus,.icon_plus img {
		width: 4.5333vw;
		height: 4.5333vw;
	}
	.icon_plus {
		margin: 0 3.7333vw;
	}
	.icon_dvd,.icon_dvd img {
		width: 12.5333vw;
		height: 12vw;
	}
	.icon_2ticket {
		width: 18.1333vw;
		height: 9.8667vw;
	}
	.txt_discount {
		margin-bottom: 0.15em;
		padding: 1.5vw 1vw 1vw 3vw;
		font-size: 4.8vw;
		vertical-align: text-bottom;
	}
	.se {
		margin-bottom: 6.5vw;
	}
	.icon_star{
		width: 7.46667vw;
		height: 8.5333vw;
		display: inline-block;
		position: relative;
		right: auto;
	}
	.icon_star img{
		width: 7.46667vw;
		height: 8.5333vw;
		position: absolute;
		top: 2vw;
		left: 2vw;
	}
	.dvd-ticket {
		margin: 0;
		padding: 4.2666vw 4.2666vw;
		width: 100%;
		height: auto;
	}
	.dvd-info {
		padding: 4.2666vw;
	}
	.dvd-caption {
		padding: 1.0666vw;
	}
	.dvd-text {
		margin-top: 4.2666vw;
	}
	p.txt_p l{
		padding-left: 0;
	}
	#ticket h3, #ticket h4 {
		font-size: 4.8vw;
	}
	.schedule-detail {
		font-size: 4.8vw;
		margin-left: 8vw;
	}

	dl.schedule-detail{
		display: none;
		margin-left: 0vw;
	}
	
	dl.schedule-detail dt p,
	dl.schedule-detail dd p{
		margin-left: 0vw;
		font-size: 4.8vw;
	}

	/*.ticket-content.ticket-content-b {
		padding: 0;
	}*/
	.ondemand-ticket .ticket-detail {
		padding-right: 0;
	}
	.schedule-detail > ul {
		list-style: disc;
	}
	.schedule-detail li {
		margin-bottom: 2.666vw;
	}
	.ticket-purchase-text {
		border-radius: 7.4666vw;
		padding: 2.6666vw 6.1333vw;
		margin: 0 2.6666vw;
	}
	.ticket-purchase-text a{
	}
	.ticket-purchase-text a::before{
		background: transparent;
		width: auto;
		height: auto;
		position: static;
	}
	.ticket-purchase-text a:hover::before{
		animation: none;
	}
	/* .ticket-content > dd:last-child {
		line-height: 5.8666vw;
	} */
	.ticket-detail {
		margin: 0;
		line-height: 5.8666vw;
		margin-top: 2.1333vw;
	}
	.footnote-sp > p:first-child {
		margin-top: -2.6666vw;
	}
	.footnote-sp > p:last-child {
		margin-top: 4.8vw;
	}
	.ticket-purchase {
		margin-top: 4.2666vw;
		display: block;
		margin-left: 0;
	}
	.purchase-star-left {
		background-image: url(../images/sp/img_ticket_star_left02.png);
		background-repeat: no-repeat;
		background-position: left;
		background-size: 7.4666vw;
		width: 7.4666vw;
		height: 7.4666vw;
		margin: 0 auto 0 0;
		position: relative;
		top: 3.7333vw;
		right: 1.3333vw;
		animation: anime_flashing 2s ease 0.5s infinite;
	}
	.purchase-star-right {
		background-image: url(../images/sp/img_ticket_star_right02.png);
		background-repeat: no-repeat;
		background-position: right;
		background-size: 7.4666vw;
		width: 7.4666vw;
		height: 7.4666vw;
		margin: 0 0 0 auto;
		position: relative;
		top: -3.7333vw;
		right: -1.3333vw;
		animation: anime_flashing 2s ease infinite;
	}
	.ticket-note {
		width: 100%;
		margin-bottom: 4.266vw;
		padding: 4.266vw;
	}
	.ticket-note p{
		padding: 0;
	}
	/*modal*/
	.modaal-inner-wrapper{
		padding: 5.6vw;
	}
	/*.modaal-container{
		width: 88.8vw;
	}*/
	.modaal-content-container{
		padding: 8.5333vw 3.2vw;
		font-size: 12px;
		line-height: 1.4;
	}
	.ttl_inline-cont {
		margin-bottom: 4.8vw;
		font-size: 18px;
		line-height: 1.2;
		text-align: left;
	}
	.box_overflow.inline-cont{
		height: 58.1333vw;
		padding-right: 2vw;
	}
	.ttl_inline-heading {
		text-align: left;
		font-size: 12px;
	}
	.ticket-purchase-buttom {
		width: 64.4267vw;
		height: 14.6667vw;
		margin-top: 4.2667vw;
		font-size: 18px;
		border-radius: 28px;
	}
	.ticket-purchase-buttom small {
		font-size: 12px;
	}
	.modaal-wrapper .modaal-close{
		background: #e6dac6;
		width: 8vw;
		min-width: 34px;
		height: 8vw;
		min-height: 34px;
	}
	.modaal-close{
		top: -5vw;
		right: -4.5vw;
	}
	.modaal-close:before, .modaal-close:after{
		width: 2px;
		height: 20px;
		top: 1.6vw;
		left: 4.53vw;
	}

	#ticket .upper-star-container{display: none;}

/*オンデマンド
---------------------------------------------*/
#ondemand {
	padding-top: 0;/*16vw*/
	font-size: 1.6rem;
}
.note-text {
	margin-bottom: 8vw;
	font-size: 1.8rem;
	line-height: 1.6;
}
.unit_ondemand {
	margin-bottom: 8vw;
}
.unit_ondemand:last-of-type{margin-bottom: 8vw;}
.ttl_outside {
	margin-bottom: 2.6667vw;
	font-size: 1.7rem;
}
	.ttl_outside.no_link{
		padding: 2.1333vw 9.3333vw 1.3333vw 13.6vw;
	}
	.ttl_outside::before,
	.ttl_outside a::before{
		left: 9.3333vw;
		-webkit-transition: unset;
		transition: unset;
	}
.ttl_outside a{
	padding: 2.1333vw 9.3333vw 2.3333vw 13.6vw;
	/* padding: 2.1333vw 9.3333vw 1.3333vw 13.6vw; */
	-webkit-transition: unset;
	transition: unset;
}
	.ttl_outside a:hover{
		background: #fff;
		color: #c5ae89;
	}
	.ttl_outside a:hover::before{
		background: url(../images/icon_ondemand_triangle.svg) no-repeat;
	}
.txt_justification {
	font-size: 1.6rem;
}
	.txt_period {
		letter-spacing: -0.03em;
		/*flex-basis: 46%;*/
	}
	.txt_data {
		letter-spacing: -0.05em;
		/*flex-basis: calc(100% - 46%);*/
	}

	/*コンタクト
	---------------------------------------------*/

	#contact {
		margin: 0 auto;
		margin-top: 17.3333vw;/*9.3333vw*/
	}

	.contact-text {
		margin-left: 0;
		padding-bottom: 16vw;
	}

	#contact > img {
		width: 69.0666vw;
		margin: 0 auto;
		margin-bottom: -0.2666vw;
	}

	#contact .upper-star-container{
		width: 50%;
		top: -17vw;
		right: 0;
	}
	.contact-mail {
		width: 100%;
	}
	.contact-text p.alignstart {
		text-align: start;
	}
	/*フッター
	---------------------------------------------*/

	footer {
		min-width: auto;
		margin: 0;
	}

	.footer-container {
		height: 15.2vw;
		min-width: auto;
	}

}

/*アニメーション関係
---------------------------------------------*/
/*--titlefade----------------------*/
.display_opa0 {
	opacity: 0
}

/*--flash(blinking)----------------*/
@keyframes anime_blinking {
	0% {
		opacity: 1;
		transform: scale(1);
	}

	50% {
		opacity: 0;
		transform: scale(0.8);
	}

	100% {
		opacity: 1;
		transform: scale(1);
	}
}

.anime_blinking {
	animation: anime_blinking 1.3s ease infinite;
}

.anime_blinking.shift01 {
	animation: anime_blinking 1.3s ease 0.5s infinite;
}

.anime_blinking.shift02 {
	animation: anime_blinking 1.3s ease 0.2s infinite;
}

.anime_blinking.shift03 {
	animation: anime_blinking 1.3s ease 0.8s infinite;
}

@keyframes anime_flashing {
	0% {
		opacity: 1;
	}

	50% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

.anime_flashing {
	animation: anime_flashing 2s ease infinite;
}
.anime_flashing.shift02 {
	animation: anime_flashing 2s ease 0.5s infinite;
}

/*--shootingstar-------------------*/
#box_upper-star{
	width: 100%;
	height: 100%;
}
.el_shootingstar {
	position: absolute;
	transform: translate3d(0, 0, 0) rotate(-45deg);
	transform-origin: top center;
	-webkit-transition: transform 0.9s ease-in-out;
	transition: transform 0.9s ease-in-out;
}
	/*shootingstar_body-top*/
	.el_shootingstar.upper-star_ss{
		top: 28%;
		left: 20.9%;
	}
	.el_shootingstar.upper-star_l{
		left: 16.5%;
		bottom: 16.5%;
	}
	.el_shootingstar.upper-star_m{
		top: 48%;
		left: 40.4%;
	}
	.el_shootingstar.upper-star_s{
		bottom: 25%;
		right: 22.6%;
	}
	/*shootingstar_body-bottom*/
	.el_shootingstar.lower-star_ss{
		top: 42.5%;
		left: 54.8%;
	}
	.el_shootingstar.lower-star_l{
		left: 49.9%;
		bottom: -0.5%;
	}
	.el_shootingstar.lower-star_m{
		top: 64%;
		right: 21.9%;
	}
	.el_shootingstar.lower-star_s{
		bottom: 38.2%;
		left: 11.6%;
	}
	/*shootingstar_body-cast*/
	.el_shootingstar.cast-star_l{
		left: -3.1%;
		bottom: -1.5%;
	}
	.el_shootingstar.cast-star_m{
		top: 88%;
		right: 54.9%;
	}
	.el_shootingstar.cast-star_s{
		top: 24.2%;
		left: 20.6%;
	}

.el_shootingstar span {
	display: block;
}

.el_shootingstar .parts_ss-tail {
	position: absolute;
	display: block;
}
	.el_shootingstar.upper-star_ss .parts_ss-tail,
	.el_shootingstar.lower-star_ss .parts_ss-tail {
		width: 70px;
		height: 70px;
	}

	.el_shootingstar.upper-star_l .parts_ss-tail,
	.el_shootingstar.lower-star_l .parts_ss-tail{
		width: 248px;
		height: 248px;
	}
	.el_shootingstar.upper-star_m .parts_ss-tail,
	.el_shootingstar.lower-star_m .parts_ss-tail{
		width: 160px;
		height: 160px;
	}
	.el_shootingstar.upper-star_s .parts_ss-tail,
	.el_shootingstar.lower-star_s .parts_ss-tail{
		width: 131px;
		height: 129px;
	}

	/*shootingstar_tail-top*/
	.el_shootingstar.upper-star_ss .parts_ss-tail {
		bottom: -194%;
		left: 132%;
	}
	.el_shootingstar.upper-star_l .parts_ss-tail {
		bottom: -773%;
		left: 120%;
	}
	.el_shootingstar.upper-star_m .parts_ss-tail {
		bottom: -495%;
		left: 102%;
	}
	.el_shootingstar.upper-star_s .parts_ss-tail {
		bottom: -444%;
		left: 110%;
	}
	/*bottom*/
	.el_shootingstar.lower-star_ss .parts_ss-tail {
		bottom: -194%;
		left: 132%;
	}
	.el_shootingstar.lower-star_l .parts_ss-tail {
		bottom: -773%;
		left: 120%;
	}
	.el_shootingstar.lower-star_m .parts_ss-tail {
		bottom: -495%;
		left: 102%;
	}
	.el_shootingstar.lower-star_s .parts_ss-tail {
		bottom: -444%;
		left: 110%;
	}
	/*shootingstar_tail-cast*/
	.el_shootingstar.cast-star_l .parts_ss-tail {
		width: 260px;
		height: 260px;
		bottom: -762%;
		left: 121%;
	}
	.el_shootingstar.cast-star_m .parts_ss-tail {
		width: 142px;
		height: 140px;
		bottom: -442%;
		left: 104%;
	}
	.el_shootingstar.cast-star_s .parts_ss-tail {
		width: 74px;
		height: 74px;
		bottom: -190%;
		left: 110%;
	}

	.el_shootingstar .parts_ss-tail::before {
		content: "";
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		transform: scaleX(0);
		transform-origin: center left;
	}
	.el_shootingstar.upper-star_ss .parts_ss-tail::before,
	.el_shootingstar.lower-star_ss .parts_ss-tail::before{
		background: url(../images/shootingstar/img_top-shootingstar-tail_ss.svg) no-repeat;
		background-size: cover;
	}
	.el_shootingstar.upper-star_l .parts_ss-tail::before,
	.el_shootingstar.lower-star_l .parts_ss-tail::before{
		background: url(../images/shootingstar/img_top-shootingstar-tail_l.svg) no-repeat;
		background-size: cover;
	}
	.el_shootingstar.upper-star_m .parts_ss-tail::before,
	.el_shootingstar.lower-star_m .parts_ss-tail::before{
		background: url(../images/shootingstar/img_top-shootingstar-tail_m.svg) no-repeat;
		background-size: cover;
	}
	.el_shootingstar.upper-star_s .parts_ss-tail::before,
	.el_shootingstar.lower-star_s .parts_ss-tail::before{
		background: url(../images/shootingstar/img_top-shootingstar-tail_s.svg) no-repeat;
		background-size: cover;
	}
	/*cast*/
	.el_shootingstar.cast-star_l .parts_ss-tail::before{
		background: url(../images/shootingstar/img_cast-shootingstar-tail_l.svg) no-repeat;
		background-size: cover;
	}
	.el_shootingstar.cast-star_m .parts_ss-tail::before{
		background: url(../images/shootingstar/img_cast-shootingstar-tail_m.svg) no-repeat;
		background-size: cover;
	}
	.el_shootingstar.cast-star_s .parts_ss-tail::before{
		background: url(../images/shootingstar/img_cast-shootingstar-tail_s.svg) no-repeat;
		background-size: cover;
	}

.el_shootingstar .parts_ss-star {
	position: relative;
	display: block;
	transform: scale(0) rotate(45deg);
}
	.el_shootingstar.upper-star_ss .parts_ss-star,
	.el_shootingstar.upper-star_l .parts_ss-star,
	.el_shootingstar.upper-star_m .parts_ss-star,
	.el_shootingstar.lower-star_ss .parts_ss-star,
	.el_shootingstar.lower-star_l .parts_ss-star,
	.el_shootingstar.lower-star_m .parts_ss-star{
		width: 17px;
		height: 15px;
	}
	.el_shootingstar.upper-star_s .parts_ss-star,
	.el_shootingstar.lower-star_s .parts_ss-star {
		width: 14px;
		height: 13px;
	}
	.el_shootingstar.cast-star_l .parts_ss-star,
	.el_shootingstar.cast-star_s .parts_ss-star{
		width: 18px;
		height: 16px;
	}
	.el_shootingstar.cast-star_m .parts_ss-star{
		width: 15px;
		height: 14px;
	}
	.el_shootingstar .parts_ss-star::before {
		content: "";
		background: url(../images/shootingstar/img_top-shootingstar-star.svg) no-repeat;
		background-size: cover;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		pointer-events: none;
	}
/*shootingstar_active*/
.el_shootingstar.is-active {
	transform: translate3d(-50px, 50px, 0) rotate(-45deg);
	-webkit-transition: transform 1.2s ease-in-out;
	transition: transform 1.2s ease-in-out;
}

.el_shootingstar.is-active .parts_ss-tail {
	-webkit-transition:  width 0.5s 0.3s cubic-bezier(0.33, 1, 0.68, 1);
	transition: width 0.5s 0.3s cubic-bezier(0.33, 1, 0.68, 1);
	width: 0;
}

	.el_shootingstar.is-active .parts_ss-tail::before {
		transform: scaleX(1);
		transform-origin: right center;
		-webkit-transition: transform 0.4s cubic-bezier(0.33, 1, 0.68, 1);
		transition: transform 0.4s cubic-bezier(0.33, 1, 0.68, 1);
	}

.el_shootingstar.is-active .parts_ss-star {
	animation: shining_1 1s;
}
@keyframes shining_1 {
	0% {
		transform: scale(0);
	}
	50% {
		transform: scale(1);
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
@media screen and (max-width: 767px) {
	/*shootingstar_body-top*/
	.el_shootingstar.upper-star_ss{
		display: none;
	}
	.el_shootingstar.upper-star_l{
		left: 12.2%;
		bottom: 11.5%;
	}
	.el_shootingstar.upper-star_m{
		top: 49.5%;
		left: 52.1%;
	}
	.el_shootingstar.upper-star_s{
		bottom: 36.7%;
		right: 18.1%;
	}
	/*shootingstar_body-bottom*/
	.el_shootingstar.lower-star_ss{
		display: none;
	}
	.el_shootingstar.lower-star_l{
		left: 32.1%;
		bottom: 0;
	}
	.el_shootingstar.lower-star_m{
		top: 49.5%;
		right: auto;
		left: 6%;
	}
	.el_shootingstar.lower-star_s{
		bottom: auto;
		left: auto;
		top: 47.8%;
		right: 34.6%;
	}
	/*shootingstar_body-cast*/
	.el_shootingstar.cast-star_l{
		left: -2.1%;
		bottom: 10.5%;
	}
	.el_shootingstar.cast-star_m{
		top: 52%;
		right: 47.5%;
	}
	.el_shootingstar.cast-star_s{
		top: 31.2%;
		left: 7%;
	}

	.el_shootingstar.upper-star_ss .parts_ss-tail,
	.el_shootingstar.lower-star_ss .parts_ss-tail {
		width: 70px;
		height: 70px;
	}

	.el_shootingstar.upper-star_l .parts_ss-tail,
	.el_shootingstar.lower-star_l .parts_ss-tail{
		width: 26vw;
		height: 26vw;
	}
	.el_shootingstar.upper-star_m .parts_ss-tail,
	.el_shootingstar.lower-star_m .parts_ss-tail{
		width: 8.2vw;
		height: 8.2vw;
	}
	.el_shootingstar.upper-star_s .parts_ss-tail,
	.el_shootingstar.lower-star_s .parts_ss-tail{
		width: 6.4vw;
		height: 5.4vw;
	}

	/*shootingstar_tail-top*/
	.el_shootingstar.upper-star_ss .parts_ss-tail {
		display: none;
	}
	.el_shootingstar.upper-star_l .parts_ss-tail {
		bottom: -505%;
		left: 190%;
	}
	.el_shootingstar.upper-star_m .parts_ss-tail {
		bottom: -125%;
		left: 207%;
	}
	.el_shootingstar.upper-star_s .parts_ss-tail {
		bottom: -52%;
		left: 98%;
	}
	/*shootingstar_tail-bottom*/
	.el_shootingstar.lower-star_ss .parts_ss-tail {
		display: none;
	}
	.el_shootingstar.lower-star_l .parts_ss-tail {
		bottom: -504%;
		left: 180%;
	}
	.el_shootingstar.lower-star_m .parts_ss-tail {
		bottom: -110%;
		left: 200%;
	}
	.el_shootingstar.lower-star_s .parts_ss-tail {
		bottom: -60%;
		left: 99%;
	}
	/*shootingstar_tail-cast*/
	.el_shootingstar.cast-star_l .parts_ss-tail {
		width: 27vw;
		height: 27vw;
		bottom: -682%;
		left: 141%;
	}
	.el_shootingstar.cast-star_m .parts_ss-tail {
		width: 16.5vw;
		height: 16.5vw;
		bottom: -388%;
		left: 104%;
	}
	.el_shootingstar.cast-star_s .parts_ss-tail {
		width: 5.4vw;
		height: 5.4vw;
		bottom: -100%;
		left: 212%;
	}
	.el_shootingstar.upper-star_ss .parts_ss-tail::before,
	.el_shootingstar.lower-star_ss .parts_ss-tail::before{
		display: none;
	}
	.el_shootingstar.upper-star_l .parts_ss-tail::before,
	.el_shootingstar.lower-star_l .parts_ss-tail::before{
		background: url(../images/sp/shootingstar/img_top-shootingstar-tail_l.svg) no-repeat;
		background-size: cover;
	}
	.el_shootingstar.upper-star_m .parts_ss-tail::before,
	.el_shootingstar.lower-star_m .parts_ss-tail::before{
		background: url(../images/sp/shootingstar/img_top-shootingstar-tail_m.svg) no-repeat;
		background-size: cover;
	}
	.el_shootingstar.upper-star_s .parts_ss-tail::before,
	.el_shootingstar.lower-star_s .parts_ss-tail::before{
		background: url(../images/sp/shootingstar/img_top-shootingstar-tail_s.svg) no-repeat;
		background-size: cover;
	}
	/*cast*/
	.el_shootingstar.cast-star_l .parts_ss-tail::before{
		background: url(../images/sp/shootingstar/img_cast-shootingstar-tail_l.svg) no-repeat;
		background-size: cover;
	}
	.el_shootingstar.cast-star_m .parts_ss-tail::before{
		background: url(../images/sp/shootingstar/img_cast-shootingstar-tail_m.svg) no-repeat;
		background-size: cover;
	}
	.el_shootingstar.cast-star_s .parts_ss-tail::before{
		background: url(../images/sp/shootingstar/img_top-shootingstar-tail_s.svg) no-repeat;
		background-size: cover;
	}
	.el_shootingstar.upper-star_ss .parts_ss-star,
	.el_shootingstar.lower-star_ss .parts_ss-star{
		display: none;
	}

	.el_shootingstar.upper-star_l .parts_ss-star,
	.el_shootingstar.upper-star_m .parts_ss-star,
	.el_shootingstar.upper-star_s .parts_ss-star,
	.el_shootingstar.lower-star_l .parts_ss-star,
	.el_shootingstar.lower-star_m .parts_ss-star,
	.el_shootingstar.lower-star_s .parts_ss-star {
		width: 2.6667vw;
		height: 2.4vw;
	}
	.el_shootingstar.cast-star_l .parts_ss-star,
	.el_shootingstar.cast-star_s .parts_ss-star,
	.el_shootingstar.cast-star_m .parts_ss-star{
		width: 2.1333vw;
		height: 1.8667vw;
	}
/*shootingstar_active*/
.el_shootingstar.is-active {
	transform: translate3d(-50px, 50px, 0) rotate(-45deg);
	-webkit-transition: transform 1.2s ease-in-out;
	transition: transform 1.2s ease-in-out;
}

.el_shootingstar.is-active .parts_ss-tail {
	-webkit-transition: width 0.5s 0.3s cubic-bezier(0.33, 1, 0.68, 1);
	transition: width 0.5s 0.3s cubic-bezier(0.33, 1, 0.68, 1);
	width: 0;
}

	.el_shootingstar.is-active .parts_ss-tail::before {
		transform: scaleX(1);
		transform-origin: right center;
		-webkit-transition: transform 0.4s cubic-bezier(0.33, 1, 0.68, 1);
		transition: transform 0.4s cubic-bezier(0.33, 1, 0.68, 1);
	}
}