/*
 Theme Name:   pandadragon
 Description:  welcart_default-child
 Template:     welcart_default
 Author:       pandadragon
 Author URI:   https://pandadragon.jp/
 Version:      1.0.0
 License:      --
 License URI:  https://pandadragon.jp/
*/

/* =Common
-------------------------------------------------------------- */
/*

67.5em(67.438em) 48em(47.938em)
@media screen and (max-width:67.438em) {
}
@media screen and (max-width:47.938em) {
}
@media screen and (max-width:23.375em) {
}

*/
html {
	font-size: 62.5%;
}
body {
	font-size: 1.6em;
    font-family:'Noto Sans JP',"游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
a {
	display: inline-block;
}
a img {
    transition:all 0.5s ease;
}
a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}
hr {
	background-color: #000;
	border: none;
	height: 0.2rem;
}

.inner {
	margin: 0 auto;
	max-width: calc(100% - 2.0rem);
	padding: 0;
	width: 108.0rem;
}

.aligncenter {
	text-align: center;
}

/* =Common Header
-------------------------------------------------------------- */

.common-header {
	background-image: url(./assets/img/header-line.svg), url(./assets/img/common-header-background.svg);
	background-position: center top, center top;
	background-repeat: repeat-x, no-repeat;
	background-size: 16.5rem 1.5rem, 192.0rem;
}
@media screen and (max-width:47.938em) {
	.common-header {
		background-image: url(./assets/img/header-line.svg), url(./assets/img/common-header-background-sp.svg);
		background-size: 16.5rem 1.5rem, 110vw auto;
	}
}
@media screen and (max-width:30.0em) {
	.common-header {
		background-image: url(./assets/img/header-line.svg), url(./assets/img/common-header-background-sp.svg);
		background-size: 16.5rem 1.5rem, auto 100%;
	}
}

.common-inner {
	margin: 0 auto;
    padding: 3.5rem 0 0 0;
	width: 108.0rem;
	max-width: calc(100% - 2.0rem);
}

.common-title-box {
	padding: 0 0 5.0rem 0;
	position: relative;
}
@media screen and (max-width:47.938em) {
	.common-title-box {
		padding: 0 0 4.0vw 0;
	}
}
@media screen and (max-width:23.375em) {
	.common-title-box {
		padding: 0 0 4.4vw 0;
	}
}

.common-title {
	margin: 0;
	text-align: center;
}

.common-title img {
	height: 5.3rem;
	width: 30.0rem;
}
@media screen and (max-width:47.938em) {
	.common-title img {
		width: 75%;
	}
}
@media screen and (max-width:30.0em) {
	.common-title img {
		height: auto;
		width: 75%;
	}
}

.common-title .sub-title {
	display: block;
	font-family: 'Luckiest Guy', cursive;
	font-size: 1.7rem;
	letter-spacing: 0.2rem;
	margin: 0.5rem 0 0 0;
}
@media screen and (max-width:30.0em) {
	.common-title .sub-title {
		font-size: 3.5vw;
		margin: 0.5vw 0 0 0;
	}
}

.page-title-box {
	padding: 0 0 4.0rem 0;
	position: relative;
}
@media screen and (max-width:47.938em) {
	.page-title-box {
		padding: 0 0 5.0vw 0;
	}
}
@media screen and (max-width:23.375em) {
	.page-title-box {
		padding: 0 0 4.4vw 0;
	}
}

.page-title {
	margin: 0;
	text-align: center;
}

.page-title h1 {
	margin: 0;
}

.page-title img {
	margin: 0 0 0.5rem 0;
}
@media screen and (max-width:47.938em) {
	.page-title img {
		height: 3.6rem;
		max-width: calc(100% - 2.0rem);
		width: auto;
	}
}

.page-title .sub-title {
	display: block;
	font-size: 1.8rem;
	font-weight: 900;
}

#breadcrumbs {
	font-size: 1.4rem;
	letter-spacing: 0.1rem;
	margin: 0 auto;
	padding: 1.2rem 0;
	text-align: center;
	border-bottom: 0.1rem solid #3cb371;
}
@media screen and (max-width:67.438em) {
	#breadcrumbs {
		overflow-x: auto;
	}
}

#breadcrumbs .inner {
	align-items: center;
	display: flex;
	justify-content: center;
}

@media screen and (max-width:67.438em) {
	#breadcrumbs .inner {
		display: flex;
		justify-content: right;
	}
}

#breadcrumbs a {
    text-decoration: none;
}

#breadcrumbs a:visited, #breadcrumbs a:link {
    color: #000;
}

#breadcrumbs span[property="itemListElement"] {
    padding: 0 1.8rem;
    position: relative;
}
@media screen and (max-width:67.438em) {
	#breadcrumbs span[property="itemListElement"] {
		display: table-cell;
		position: relative;
		white-space: nowrap;
	}
}
#breadcrumbs span[property="itemListElement"]:first-child {
    padding: 0 1.5rem 0 0;
}
#breadcrumbs span[property="itemListElement"]:last-child {
    color: #3cb371;
    padding: 0 0 0 1.5rem;
}
#breadcrumbs span[property="itemListElement"]:not(:last-child):after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -0.2rem;
    width: 0.5rem;
    height: 0.5rem;
    border-top: 0.1rem solid #000;
    border-right: 0.1rem solid #000;
	transform: rotate(45deg);
}

/* =Front Header
-------------------------------------------------------------- */
.site-header {
	background-image: url(./assets/img/header-line.svg), url(./assets/img/header-background.png);
	background-position: center top, center top;
	background-repeat: repeat-x, no-repeat;
	background-size: 16.5rem 1.5rem, 192.0rem 89.0rem;
}
@media screen and (max-width:67.438em) {
	.site-header {
		background-image: url(./assets/img/header-line.svg), url(./assets/img/header-background-sp.png);
		background-size: 16.5rem 1.5rem, 100vw auto;
	}
}

.header-inner {
	margin: 0 auto;
    padding: 3.5rem 0 5.5rem;
	width: 108.0rem;
	max-width: calc(100% - 2.0rem);
}
@media screen and (max-width:67.438em) {
	.header-inner {
		padding: 7% 0 20%;
		width: 100%;
	}
}

.site-title-box {
	padding: 0 0 5.0rem 0;
	position: relative;
}
@media screen and (max-width:67.438em) {
	.site-title-box {
		padding: 0 0 9.5vw 0;
	}
}
@media screen and (max-width:47.938em) {
	.site-title-box {
		padding: 0 0 6.5vw 0;
	}
}
@media screen and (max-width:23.375em) {
	.site-title-box {
		padding: 0 0 6.3vw 0;
	}
}

.site-title {
	margin: 0;
	text-align: center;
}
@media screen and (max-width:67.438em) {
	.site-title img {
		height: auto;
		width: 50%;
	}
}
@media screen and (max-width:47.938em) {
	.site-title img {
		width: 70%;
	}
}

.site-title .sub-title {
	display: block;
	font-family: 'Luckiest Guy', cursive;
	font-size: 3.0rem;
	letter-spacing: 0.4rem;
	margin: 0.5rem 0 0 0;
}
@media screen and (max-width:67.438em) {
	.site-title .sub-title {
		font-size: 3vw;
		margin: 0;
	}
}

.official-sns-box {
	display: flex;
	position: absolute;
	right: 0;
	top: 0;
}
@media screen and (max-width:67.438em) {
	.official-sns-box {
		display: none;
	}
}

.official-sns-box .official-icons {
    border-radius: 0.4rem;
    line-height: 0.5;
    margin: 0 0.2rem;
}

.offer-box {
	bottom: 0;
	position: absolute;
	right: 0;
}

.offer-box img:hover {
	transform:scale(1.1, 1.1);
	transition:0.5s all;
}

.offer-box a:hover {
	opacity: 1;
}

@media screen and (max-width:67.438em) {
	.offer-box img {
		width: 18.5vw;
		height: auto;
	}
}
@media screen and (max-width:47.938em) {
	.offer-box img {
		display: none;
	}
}
    
/********** hamburger menu **********/

.sp-menu {
    display: none;
}
@media screen and (max-width:67.438em) {
	.sp-menu {
		display: inline-block;
		max-width: 60.0rem;
		position: absolute;
		/* position: relative; */
	}
	.sp-menu a {
		color: #00b3ec;
		display: block;
		font-family: 'Luckiest Guy', cursive;
		font-size: 1.6rem;
		letter-spacing: 0.1rem;
		padding: 1.6rem 0;
		text-decoration: none;
	}
	.sp-menu li:nth-child(n+10) {
		color: #fff;
		font-size: 0.75rem;
		font-weight: 700;
		height: 0;
		text-align: left;
		/* padding: 1rem 0 1rem 2.5rem; */
	}
	.sp-menu li:nth-child(n+10) a {
		color: #fff;
		font-size: 1.0rem;
		font-family: 'Luckiest Guy', cursive;
		text-align: left;
		padding: 1.2rem 0 1.0rem 4.5rem;
	}
	.sp-menu label {
		background-color: #17060f;
		border-radius: 0.5rem;
		color :#fff;
		cursor :pointer;
		display: block;
		line-height: 1;
		padding : 2.0rem;
	}
	.sp-menu,
	.sp-menu label span {
		display: inline-block;
		transition: all .4s;
		box-sizing: border-box;
	}
	.sp-menu {
		height: 4.0rem;
		/* position: relative; */
		position: absolute;
		right: 3%;
		top: 0;
		width: 4.0rem;
	}
	.sp-menu label span {
		position: absolute;
		left: 1.1rem;
		width: 45%;
		height: 0.3rem;
		background-color: #fff;
		border-radius: 0.4rem;
	}
	.sp-menu label span:nth-of-type(1) {
		top: 1.2rem;
	}
	.sp-menu label span:nth-of-type(2) {
		top: 1.9rem;
	}
	.sp-menu label span:nth-of-type(3) {
		bottom: 1.1rem;
	}
	
	.sp-menu input {
		display: none;
	}
	.sp-menu ul {
		background-color: rgba(23, 6, 15, 0.95);
		display: flex;
		flex-wrap: wrap;
		left: -26.4rem;
		justify-content: space-between;
		margin: 0;
		padding: 0 0.7rem;
		position: absolute;
		transition: all 0.5s;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-ms-transition: all 0.5s;
		-o-transition: all 0.5s;
		z-index: 3;
	}
	.sp-menu li {
		border-radius: 0.8rem;
		color: #3f210f;
		font-weight: 900;
		height: 0;
		overflow: hidden;
		position: relative;
		text-align: center;
		transition: all 0.5s;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-ms-transition: all 0.5s;
		-o-transition: all 0.5s;
		width: 48%;
	}
	.sp-menu li:first-child {
		border-radius: 0;
		width: 100%;
	}
	.sp-menu li:first-child a {
		font-family: 'Luckiest Guy', cursive;
		padding: 1.6rem 0 1.6rem 9.5rem;
	}
	.sp-menu li:first-child::before {
		bottom: 50%;
		content: url(./assets/img/site-logo.svg);
		height: 0;
		left: 1.0rem;
		overflow: hidden;
		position: absolute;
		width: 9.5rem;
		transform: translateY(50%);
		transition: all 0.5s ease;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		opacity: 0;
	}
	.sp-menu li:nth-child(n+10)::before {
		height: 0;
		transition: all 0.5s ease;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		opacity: 0;
	}
	.sp-menu-youtube::before {
		bottom: 50%;
		content: url(./assets/img/official-youtube-button.svg);
		height: 3.5rem;
		position: absolute;
		transform: translateY(50%);
		width: 3.5rem;
	}
	.sp-menu-instagram::before {
		bottom: 50%;
		content: url(./assets/img/official-insta-button.svg);
		height: 3.5rem;
		position: absolute;
		transform: translateY(50%);
		width: 3.5rem;
	}
	.sp-menu-twitter::before {
		bottom: 50%;
		content: url(./assets/img/official-twitter-button.svg);
		height: 3.5rem;
		position: absolute;
		transform: translateY(50%);
		width: 3.5rem;
	}
	.sp-menu-line::before {
		bottom: 50%;
		content: url(./assets/img/official-lineblog-button.svg);
		height: 3.5rem;
		position: absolute;
		transform: translateY(50%);
		width: 3.5rem;
	}
	.sp-menu-tiktok::before {
		bottom: 50%;
		content: url(./assets/img/official-tiktok-button.svg);
		height: 3.5rem;
		position: absolute;
		transform: translateY(50%);
		width: 3.5rem;
	}
	.sp-menu-tiktok::before {
		bottom: 50%;
		content: url(./assets/img/official-tiktok-button.svg);
		height: 3.5rem;
		position: absolute;
		transform: translateY(50%);
		width: 3.5rem;
	}
	/* .sp-menu li:last-child {
		display: none;
		width: 100%;
	} */
	
	#menu_bar01:checked ~ #links01 {
		padding: 0.7rem;
		opacity: 1;
	}
	#menu_bar01:checked ~ #links01 li {
		background-color: #fff;
		height: 5.0rem;
		margin: 0 0 0.7rem 0;
		position: relative;
	}
	/* #menu_bar01:checked ~ #links01 li:nth-child(7) {
		background-color: #efe535;
	} */
	#menu_bar01:checked ~ #links01 li:nth-child(n+10):not(:last-child) {
		background-color: rgba(237, 46, 78, 0);
		border-radius: 0;
		height: 5.0rem;
		line-height: 1.2;
		text-align: left;
		margin: 0;
	}
	#menu_bar01:checked ~ #links01 li:nth-child(n+10)::before {
		bottom: 50%;
		height: 3.5rem;
		opacity: 1;
		position: absolute;
		transform: translateY(50%);
		width: 3.5rem;
	}
	/* #menu_bar01:checked ~ #links01 li:nth-child(7) a {
		color: #17060f;
	} */
	#menu_bar01:checked ~ #links01 li:nth-child(n+10) a {
		color: #fff;
	}
	#menu_bar01:checked ~ #links01 li:first-child::before {
		height: 1.6rem;
		opacity: 1;
	}
	#menu_bar01:checked ~ #links01 li:last-child {
		background-color: transparent;
		display: block;
		height: auto;
		margin: 0;
	}
	/* #menu_bar01:checked ~ #links01 li:last-child label {
		background-color: transparent;
		border-radius: 0;
		display: block;
		line-height: 1;
		padding: 0.5rem;
	}
	#menu_bar01:checked ~ #links01 li:last-child input {
		display: block;
		border: none;
	}
	#menu_bar01:checked ~ #links01 li:last-child .fc-login-form-container div {
		margin: 0 0 0.5rem 0;
	}
	#menu_bar01:checked ~ #links01 li:last-child .fc-login-form-container div:last-child {
		margin: 0;
	}
	
	#links01 #login_userid ul {
		background-color: transparent;
		left: 0;
		position: static;
	}
	
	#links01 #login_userid li {
		font-size: 0.75rem;
		font-weight: 700;
	}
	#links01 #login_userid li a {
		color: #fff;
		padding: 0.5rem 0 0.5rem 0;
		text-align: left;
	}
	#menu_bar01:checked ~ #links01 #login_userid li {
		background-color: transparent;
		padding: 0;
		display: block;
		height: auto;
		text-align: left;
	}
	#menu_bar01:checked ~ #links01 #login_userid li:first-child::before {
		content: '';
	} */
}

@media screen and (max-width:47.938em) {
	.sp-menu {
		height: 3.4rem;
		/* position: relative; */
		position: absolute;
		right: 3%;
		top: 0;
		width: 3.4rem;
	}
	.sp-menu label {
		background-color: #17060f;
		border-radius: 0.5rem;
		color :#fff;
		cursor :pointer;
		display: block;
		line-height: 1;
		padding : 1.7rem;
	}
	.sp-menu label span {
		position: absolute;
		left: 0.9rem;
		width: 46%;
		height: 0.3rem;
		background-color: #fff;
		border-radius: 0.4rem;
	}
	.sp-menu label span:nth-of-type(1) {
		top: 0.9rem;
	}
	.sp-menu label span:nth-of-type(2) {
		top: 1.6rem;
	}
	.sp-menu label span:nth-of-type(3) {
		bottom: 0.8rem;
	}
}

.main-visual {
	margin: 0 0 6.0rem 0;
}
@media screen and (max-width:67.438em) {
	.main-visual {
		margin: 0;
	}
}

.main-visual-box {
    height: 37.0rem;
	margin: 0 auto;
	max-width: 100%;
	overflow: hidden;
	position: relative;
	width: 100.0rem;
}
@media screen and (max-width:67.438em) {
	.main-visual-box {
		height: auto;
		width: 90%;
	}
}

.main-visual-box img {
    left: 50%;
    height: auto;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: auto;
}
@supports ( object-fit: cover ) {
	.main-visual-box img {
        height: 100%;
        left: 0;
        object-fit: cover;
        -o-object-fit: cover;
        position: static;
        top: 0;
        transform: none;
        -ms-transform: none;
        -moz-transform: none;
        -webkit-transform: none;
        width: 100%;
    }
}
@media screen and (max-width:67.438em) {
	.main-visual-box img {
		/*height: 100%;
		left: 0;
		object-fit: cover;
		-o-object-fit: cover;
		position: static;
		top: 0;
		transform: none;
		-ms-transform: none;
		-moz-transform: none;
		-webkit-transform: none;
		width: 100%;*/
	}
}

@media screen and (max-width:67.438em) {
	#site-navigation {
		display: none;
	}
}

.header-nav-container {
	background-color: #000;
	display: flex;
	justify-content: center;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.header-nav-container li {
	background-color: #000;
}

.header-nav-container a {
    color: #00b3ec;
    display: inline-block;
    font-family: 'Luckiest Guy', cursive;
    font-size: 2.1rem;
    letter-spacing: 0.2rem;
	padding: 1.1rem 2.5rem;
	position: relative;
    text-decoration: none;
}

.header-nav-container li a:hover{
	color: #fef252;
	opacity: 1;
}

.header-nav-container li a:hover:after{
    content: url(./assets/img/navi-anime.svg);
    height: 2.5rem;
    position: absolute;
    left: 50%;
    top: -1.8rem;
    transform: translateX(-50%);
    width: 3.0rem;
}

/* =Front Main
-------------------------------------------------------------- */

section#newinfo {
    background-image: linear-gradient(90deg, #E63692 0, #E63692 4.2rem, #e84a9d 4.2rem, #e84a9d 7.2rem);
    background-position: center;
	background-size: 7.2rem;
	margin: -0.1rem 0 0 0;
}

.inner-black {
	background-color: #000;
	border-top: 0.9rem solid #000;
	clip-path: ellipse(103rem 11rem at 50% 100%);
}
@media screen and (max-width:47.938em) {
	.inner-black {
		border-top: 0.6rem solid #000;
	}
}

.inner-pink {
    background-image: linear-gradient(90deg, #E63692 0, #E63692 4.2rem, #e84a9d 4.2rem, #e84a9d 7.2rem);
    background-position: center;
    background-size: 7.2rem;
    clip-path: ellipse(100rem 10rem at 50% 100%);
    height: 10.0rem;
}
@media screen and (max-width:47.938em) {
	.inner-pink {
		height: 5.0rem;
	}
}

.newinfo-inner {
	margin: 0 auto;
    width: 108.0rem;
    max-width: calc(100% - 2.0rem);
}
@media screen and (max-width:67.438em) {
	.newinfo-inner {
		max-width: 74.7rem;
	}
}
@media screen and (max-width:47.938em) {
	.newinfo-inner {
		max-width: calc(100% - 2.0rem);
	}
}

.newinfo-box {
	display: block;
	justify-content: space-between;
	margin: 0 0 10.0rem 0;
}
@media screen and (max-width:67.438em) {
	.newinfo-box {
		display: block;
		margin: 0 0 8.0rem 0;
	}
}

#newinfo .news, #newinfo .liveevent {
	width: 100%;
	margin-bottom: 70px;
}
@media screen and (max-width:67.438em) {
	#newinfo .news, #newinfo .liveevent {
		width: 100%;
	}
}

#newinfo h2 {
	text-align: center;
	margin: 0 0 6.0rem 0;
}
@media screen and (max-width:47.938em) {
	#newinfo h2 {
		margin: 0 0 4.0rem 0;
	}
}

.newinfo-title {
    align-items: center;
    display: flex;
	font-family: 'Luckiest Guy', cursive;
    font-size: 4.6rem;
    justify-content: center;
    letter-spacing: 0.6rem;
}
@media screen and (max-width:30.0em) {
	.newinfo-title {
		font-size: 3.5rem;
		letter-spacing: 0.2rem;
	}
}

.newinfo-title::before {
	background-image: url(./assets/img/h2before.svg);
	background-repeat: no-repeat;
	content: '';
	display: inline-block;
	height: 4.1rem;
	flex-shrink: 0;
	margin: 0 1.5rem 0 0;
	width: 3.7rem;
}
@media screen and (max-width:30.0em) {
	.newinfo-title::before {
		height: 3.5rem;
		margin: 0 0.6rem 0 0;
	}
}

.newinfo-title::after {
	background-image: url(./assets/img/h2after.svg);
	background-repeat: no-repeat;
	content: '';
	display: inline-block;
	flex-shrink: 0;
	height: 4.1rem;
	margin: 0 0 0 0.9rem;
	width: 3.7rem;
}
@media screen and (max-width:30.0em) {
	.newinfo-title::after {
		height: 3.5rem;
		margin: 0 0 0 0.4rem;
	}
}

#newinfo .sub-image {
	display: block;
	margin: 0;
	font-size: 1.6rem;
}

@media screen and (max-width:67.438em) {
	.news {
		margin: 0 0 8.0rem 0;
	}
}

.news .sub-image {
	line-height: 2.6rem;
}

.newinfo-box ul {
	list-style-type: none;
	margin: 0 0 3.0rem 0;
	padding: 0;
}
@media screen and (max-width:67.438em) {
	.newinfo-box ul {
		margin: 0 0 4.5rem 0;
	}
}

.newinfo-box li {
	background-color: #000;
	margin: 0 0 2.0rem 0;
}

.newinfo-box li a {
	display: flex;
	justify-content: flex-start;
	padding: 1.3rem 1.5rem;
	text-decoration: none;
}

.article-date {
	color: #fef252;
	font-family: 'Luckiest Guy', cursive;
    font-size: 2.1rem;
    letter-spacing: 0.2rem;
    width: 12.5rem;
}
@media screen and (max-width:47.938em) {
	.article-data {
		font-size: 1.9rem;
		line-height: 2.2rem;
		width: 12.0rem;
	}
}

.article-title {
	color: #fff;
    line-height: 2.2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: calc(100% - 13.5rem);
}
@media screen and (max-width:47.938em) {
	.article-title {
		font-size: 1.4rem;
	}
}

.viewmore-button {
	text-align: center;
}

.viewmore-button img {
	max-width: 100%;
}

.banner-box {
	padding: 0 0 10.0rem 0;
}
@media screen and (max-width:47.938em) {
	.banner-box {
		padding: 0 0 5.0rem 0;
	}
}

.banner-box ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.banner-box li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
@media screen and (max-width:30.0em) {
	.banner-box li {
		display: none;
	}
}

.banner-box li:nth-child(n+4) {
	display: none;
}
@media screen and (max-width:30.0em) {
	.banner-box li:nth-child(n+4) {
		display: block;
	}
}

.banner-box img {
	height: auto;
	max-width: 100%;
	width: 108.0rem;
}

.banner-box li:nth-child(1) {
	clip-path: polygon(0 0, 100% 0, 100% 87%, 0 100%);
}

.banner-box li:nth-child(2) {
	clip-path: polygon(0 12%, 90% 0, 100% 0, 100% 100%, 0 86%);
	margin: -3.5% 0 0 0;
}

.banner-box li:nth-child(3) {
	clip-path: polygon(0 0, 10% 0, 100% 13%, 100% 100%, 0 100%);
	margin: -3.5% 0 0 0;
}

.banner-box li:nth-child(4) {
	clip-path: polygon(0 0, 100% 0, 100% 87%, 0 100%);
}

.banner-box li:nth-child(5) {
	clip-path: polygon(0 12%, 90% 0, 100% 0, 100% 100%, 0 86%);
	margin: -3.5% 0 0 0;
}

.banner-box li:nth-child(6) {
	clip-path: polygon(0 0, 10% 0, 100% 13%, 100% 100%, 0 100%);
	margin: -3.5% 0 0 0;
}

@media all and (-ms-high-contrast: none) {
	*::-ms-backdrop, .banner-box li:nth-child(n) {
		margin: 0;
	}
}

#movie {
}

.movie-top {
	background-image: url(./assets/img/movie-background-top.png), linear-gradient(90deg, #E63692 0, #E63692 4.2rem, #e84a9d 4.2rem, #e84a9d 7.2rem);
	background-position: bottom, center;
	background-repeat: no-repeat, repeat-x;
	background-size: 192.0rem 36.5rem, 7.2rem 100%;
	position: relative;
}
@media screen and (max-width:47.938em) {
	.movie-top {
		background-size: 100%, 7.2rem 100%;
		height: calc(100vw * (365 / 1920));
	}
}

.movie-top h2 {
	margin: 0;
	position: relative;
	text-align: center;
}
@media screen and (max-width:47.938em) {
	.movie-top h2 {
		display: none;
	}
}

.movie-top .movie-title {
    align-items: center;
    display: flex;
    font-family: 'Luckiest Guy', cursive;
    font-size: 4.6rem;
    justify-content: center;
    letter-spacing: 0.6rem;
    position: absolute;
    right: 50%;
    top: 30%;
    transform: translateX(50%);
}
.movie-title::before {
	background-image: url(./assets/img/h2before.svg);
	background-repeat: no-repeat;
	content: '';
	display: inline-block;
	height: 4.1rem;
	margin: 0 1.5rem 0 0;
	width: 3.7rem;
}
.movie-title::after {
	background-image: url(./assets/img/h2after.svg);
	background-repeat: no-repeat;
	content: '';
	display: inline-block;
	height: 4.1rem;
	margin: 0 0 0 0.9rem;
	width: 3.7rem;
}

.movie-top .sub-image {
    position: absolute;
    right: 50%;
    top: 43%;
    transform: translateX(50%);
}
.movie-content {
	background-image: url(./assets/img/movie-background-middle.gif);
	background-position: top center;
	background-repeat: repeat;
	background-size: cover;
	padding: 4.0rem 0 0 0;
}
@media screen and (max-width:47.938em) {
	.movie-content {
		padding: 4.0rem 0;
	}
}

.movie-embed-main {
    margin: 0 auto;
    max-height: 56.0rem;
    max-width: 108.0rem;
    padding-top: 56.297%;
    position: relative;
    width: 100%;
}

.movie-embed-main iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
	height: 100% !important;
}

.movie-embed-sub {
	margin: 5.0rem 0 0 0;
}
@media screen and (max-width:67.438em) {
	.movie-embed-sub {
		display: none;
	}
}

.movie-embed-sub ul {	
    display: flex;
    justify-content: space-between;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.movie-embed-sub li {
    margin: 0;
    max-height: 18.0rem;
    max-width: 32.0rem;
    padding-top: 16.667%;
    position: relative;
    width: 100%;
}

.movie-embed-sub iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
	height: 100% !important;
}

#discography {
	background-image: url(./assets/img/movie-background-bottom.png), url(./assets/img/discography-background.svg);
    background-position: center top, center;
    background-repeat: no-repeat, no-repeat;
	background-size: 192.0rem 30.0rem, 280rem 100%;
	border-bottom: 0.2rem solid #000;
}
@media screen and (max-width:47.938em) {
	#discography {
		background-size: 100%, 240rem 100%;
	}
}

.discography-inner {
    margin: 0 auto;
	padding: 37.0rem 0 7.5rem 0;
	width: 108.0rem;
	max-width: calc(100% - 2.0rem);
}
@media screen and (max-width:47.938em) {
	.discography-inner {
		padding: 25% 0 7.5rem;
	}
}
@media screen and (max-width:30.0em) {
	.discography-inner {
		padding: 25% 0 7.0rem;
	}
}

#discography h2 {
	text-align: center;
	margin: 0 0 6.0rem 0;
}
.discography-title {
    align-items: center;
    display: flex;
	font-family: 'Luckiest Guy', cursive;
    font-size: 4.6rem;
    justify-content: center;
    letter-spacing: 0.6rem;
}
@media screen and (max-width:30.0em) {
	.discography-title {
		font-size: 9.5vw;
		letter-spacing: 0.2rem;
	}
}

.discography-title::before {
	background-image: url(./assets/img/h2before.svg);
	background-repeat: no-repeat;
	content: '';
	display: inline-block;
	flex-shrink: 0;
	height: 4.1rem;
	margin: 0 1.5rem 0 0;
	width: 3.7rem;
}
@media screen and (max-width:30.0em) {
	.discography-title::before {
		height: 3.5rem;
		margin: 0 0.6rem 0 0;
		width: 3.7rem;
	}
}

.discography-title::after {
	background-image: url(./assets/img/h2after.svg);
	background-repeat: no-repeat;
	content: '';
	display: inline-block;
	flex-shrink: 0;
	height: 4.1rem;
	margin: 0 0 0 0.9rem;
	width: 3.7rem;
}
@media screen and (max-width:30.0em) {
	.discography-title::after {
		height: 3.5rem;
		margin: 0 0 0 0.4rem;
		width: 3.7rem;
	}
}

.discography-box {
    margin: 0 0 6rem 0;
}

.release-list {
	display: flex;
	justify-content: space-between;
	margin: 0;
	padding: 0;
}
@media screen and (max-width:67.438em) {
	.release-list {
		justify-content: space-evenly;
	}
}
@media screen and (max-width:47.938em) {
	.release-list {
		justify-content: space-between;
	}
}

.release-box {
    display: flex;
    width: calc(100% / 3);
}
@media screen and (max-width:67.438em) {
	.release-box {
		flex-wrap: wrap;
		justify-content: center;
		width: 25rem;
	}
}
@media screen and (max-width:47.938em) {
	.release-box {
		flex-wrap: nowrap;
		width: 100%;
	}
	.release-box:nth-child(n+2) {
		display: none;
	}
}

.release-jacket {
    border: 0.2rem solid #fff;
    height: 15.0rem;
	margin: 0;
	overflow: hidden;
	position: relative;
    width: 15.0rem;
}
@media screen and (max-width:67.438em) {
	.release-jacket {
		margin: 0 0 1.0rem 0;
	}
}

.release-jacket img {
    left: 50%;
    height: auto;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: auto;
}
@supports ( object-fit: cover ) {
	.release-jacket img {
        height: 100%;
        left: 0;
        object-fit: cover;
        -o-object-fit: cover;
        position: static;
        top: 0;
        transform: none;
        -ms-transform: none;
        -moz-transform: none;
        -webkit-transform: none;
        width: 100%;
    }
}

.release-description {
	margin: auto 0 0 1.5rem;
}

.release-no {
	display: block;
    font-size: 2.0rem;
    font-weight: bold;
    line-height: 2.5rem;
}

.release-title {
	display: block;
    font-size: 2.0rem;
    font-weight: bold;
    line-height: 2.5rem;
}

.release-date {
	display: block;
	line-height: 2.2rem;
}

.release-price {
	display: block;
	line-height: 2.2rem;
}

.release-desc {
	display: block;
	line-height: 2.2rem;
}

#member {
	background-image: url(./assets/img/footer-line.svg), linear-gradient(90deg, #00b3ec 0, #00b3ec 4.2rem, #19baed 4.2rem, #19baed 7.2rem);
	background-position: center bottom, center;
	background-repeat: repeat-x, repeat;
	background-size: 16.5rem 1.5rem, 7.2rem;
}

.member-inner {
	margin: 0 auto;
	max-width: calc(100% - 2.0rem);
	padding: 6.0rem 0 8.0rem 0;
	width: 96.0rem;
}

.member-box {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0 0 5.5rem 0;
}
@media screen and (max-width:47.938em) {
	.member-box {
		justify-content: space-evenly;
	}
}

.member-card {
	width: 20.0rem;
	padding: 3.0rem 2.0rem;
	text-align: center;
}
@media screen and (max-width:47.938em) {
	.member-card {
		padding: 3.0rem 1.0rem;
	}
}
@media screen and (max-width:30.0em) {
	.member-card {
		width: 50%;
		padding: 0;
		margin: 0 0 5.0rem 0;
	}
}

.member-name {
	font-weight: 900;
	margin: 0;
	padding: 0 0 0.5rem 0;
}

.member-name img {
	height: auto;
	width: 13.5rem;
}

.sns-box {
	padding: 0 0 0.5rem 0;
}

.sns-box ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: center;
}

.sns-box li {
	display: inline-block;
	margin: 0 0.3rem;
}

.member-photo img {
	border-radius: 50%;
	height: 20.0rem;
	width: 20.0rem;
}
@media screen and (max-width:30.0em) {
	.member-photo img {
		height: 85%;
		width: 85%;
	}
}

/* =Member
-------------------------------------------------------------- */

#member-area {
	overflow: hidden;
}

.member-page-box {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

.member-page-card {
	width: 50.0rem;
	margin: 0 0 5.0rem 0;
}
@media screen and (max-width:67.438em) {
	.member-page-card {
		width: 48%;
	}
}
@media screen and (max-width:47.938em) {
	.member-page-card {
		width: 100%;
	}
}

.member-page-name {
	text-align: center;
	margin: 0 0 16.0rem 0;
}
@media screen and (max-width:47.938em) {
	.member-page-name {
		margin: 0 0 14.0rem 0;
	}
}

.member-page-name img {
	height: auto;
	width: 22.0rem;
}

.member-page-desc-box {
    background-color: #e6e6e6;
    border-radius: 2.0rem;
	padding: 18.0rem 8.0rem 2rem;
	position: relative;
}
@media screen and (max-width:67.438em) {
	.member-page-desc-box {
		padding: 18.0rem 4.0vw 2rem;
	}
}
@media screen and (max-width:47.938em) {
	.member-page-desc-box {
		padding: 15.0rem calc(18vw - 4rem) 2rem;
	}
}

.member-page-photo {
	position: absolute;
	text-align: center;
	top: -15.0rem;
	right: 50%;
	transform: translateX(50%);
}
@media screen and (max-width:47.938em) {
	.member-page-photo {
		top: -13.0rem;
	}
}

.entry-content .member-page-photo .member-bustup {
    border-radius: 50%;
	height: 30.0rem;
	max-width: none;
	width: 30.0rem;
}
@media screen and (max-width:47.938em) {
	.entry-content .member-page-photo .member-bustup {
		height: 25.0rem;
		width: 25.0rem;
	}
}

.entry-content .member-page-photo .member-effect {
    height: 16.9rem;
    position: absolute;
    right: -9rem;
    top: 3rem;
    width: 22.4rem;
    z-index: -1;
}
@media screen and (max-width:47.938em) {
	.entry-content .member-page-photo .member-effect {
		right: -9rem;
		top: 1rem;
	}
}

.entry-content .member-page-desc {
    margin: 0 0 1.0rem 0;
}

.entry-content .member-page-sns-box ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.entry-content .member-page-sns-box li {
	display: inline-block;
	line-height: 1;
	margin: 0 0.5rem 0 0;
}

.entry-content .member-page-sns-box a {
	background-image: none;
	display: inline;
	padding: 0;
	text-decoration: none;
	transition: .2s ease;
	word-break: break-all;
}

#banner {
	background-image: linear-gradient(90deg, #E63692 0, #E63692 4.2rem, #e84a9d 4.2rem, #e84a9d 7.2rem);
    background-position: center;
    background-size: 7.2rem;
	margin: -0.1rem 0 0 0;
	padding: 10.0rem 0 5.0rem 0;
}

/* =Common Footer
-------------------------------------------------------------- */

#colophon {
	background-color: #000;
}

footer {
    background-color: #000;
}

#footer-sub {
	border-bottom: 0.2rem solid #fff;
	margin: 0 0 1.0rem 0;
	position: relative;
}

#site-attention {
	padding: 3.5rem;
	position: relative;
}
@media screen and (max-width:67.438em) {
	#site-attention {
		padding: 3.0rem 0;
	}
}
@media screen and (max-width:30.0em) {
	#site-attention {
		padding: 2.0rem 0;
	}
}

#site-attention ul {
    display: flex;
    margin: 0;
    padding: 0;
    list-style-type: none;
	justify-content: center;
}
@media screen and (max-width:67.438em) {
	#site-attention ul {
		flex-wrap: wrap;
	}
}
@media screen and (max-width:30.0em) {
	#site-attention ul {
		display: block;
	}
}

#site-attention li:first-child {
    border-left: 0.1rem solid #fff;
}

#site-attention li {
    padding: 0 3rem;
    border-right: 0.1rem solid #fff;
}
@media screen and (max-width:67.438em) {
	#site-attention li {
		border-left: 0.1rem solid #fff;
		border-right: 0.1rem solid #fff;
		margin: 1.0rem;
		padding: 0;
		text-align: center;
		width: 40%;
	}
}
@media screen and (max-width:30.0em) {
	#site-attention li {
		margin: 2.0rem;
		width: auto;
	}
}

#site-attention li a {
    color: #fff;
    text-decoration: none;
    font-size: 1.4rem;
    display: block;
}
@media screen and (max-width:30.0em) {
	#site-attention li a {
		display: inline-block;
	}
}

#toTop {
	position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}
@media screen and (max-width:47.938em) {
	#toTop {
		top: -10%;
		transform: none;
	}
}

#toTop i {
    background-color: #3cb371;
	border-radius: 50%;
	content: '';
    height: 6.0rem;
    right: 0;
    position: absolute;
    top: 50%;
    width: 6.0rem;
    transform: translateY(-50%);
}

.fa-angle-up::before {
    color: #000;
    font-size: 4rem;
    position: absolute;
    right: 50%;
    top: 50%;
    transform: translate(50%, -50%);
}

#footer-main {
    background-image: radial-gradient(circle farthest-side, #fff 15%, transparent 30%, transparent 100%);
    background-position: top;
    background-repeat: repeat-x;
    background-size: 1.5rem 0.3rem;
}

.footer-main-box {
	align-items: center;
	display: flex;
	justify-content: space-between;
	padding: 4.0rem 0;
}
@media screen and (max-width:47.938em) {
	.footer-main-box {
		display: block;
	}
}

@media screen and (max-width:47.938em) {
	#site-info {
		margin: 0 0 5.0rem 0;
	}
}

#site-info ul {
	list-style-type: none;
	display: flex;
	flex-wrap: wrap;
    justify-content: space-between;
	margin: 0;
	padding: 0;
    width: 27.5rem;
}
@media screen and (max-width:47.938em) {
	#site-info ul {
		width: 100%;
		justify-content: space-evenly;
	}
}

#site-info li {
	border-bottom: 0.2rem solid #fff;
	height: 1.5rem;
	padding: 1.5rem 0 0 0;
	width: 13.0rem;
}
@media screen and (max-width:47.938em) {
	#site-info li {
		margin: 0 1.0rem;
	}
}

#site-info li a {
	color: #fff;
	display: block;
	font-family: 'Luckiest Guy', cursive;
	letter-spacing: 0.2rem;
	text-decoration: none;
}

.copyright-box {
	text-align: right;
}
@media screen and (max-width:47.938em) {
	.copyright-box {
		text-align: center;
	}
}

.copyright {
	color: #fff;
	font-size: 1.4rem;
	letter-spacing: 0.1rem;
	margin: 2rem 0 0 0;
}

/* =Single
-------------------------------------------------------------- */

.entry-meta {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: left;
}

.entry-meta .date {
    margin: 0 1.0rem 0 0;
}

.entry-meta .cat {
    display: flex;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.post-categories {
	display: flex;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.post-categories li {
	font-size: 1.4rem;
	margin: 0 0.5rem 0 0;
}

.post-categories a {
    background-color: #3cb371;
    border-radius: 0.2rem;
    color: #fff;
	padding: 0.3rem 0.8rem;
	text-decoration: none;
}

.entry-meta .cat a:visited, .entry-meta .cat a:link {
    color: #fff;
}

.entry-meta .tag {
    display: flex;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.post-tags {
	display: flex;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.post-tags li {
	font-size: 1.4rem;
	margin: 0 0.5rem 0 0;
}

.post-tags a {
    background-color: #00b3ec;
    border-radius: 0.2rem;
    color: #fff;
	padding: 0.3rem 0.8rem;
	text-decoration: none;
}
.post-tags a::before {
    content: '#';
}

.entry-meta .tag a:visited, .entry-meta .tag a:link {
    color: #fff;
}

.entry-title {
    background-image: radial-gradient(circle farthest-side, #3cb371 30%, transparent 30%, transparent 100%);
    background-position: bottom;
    background-repeat: repeat-x;
    background-size: 1.2rem 0.4rem;
    color: #000;
    font-size: 4.8rem;
    font-weight: 900;
    letter-spacing: 0.1rem;
    padding: 0 0 1.5rem 0;
	margin: 0 0 2.5rem 0;
	word-break: break-all;
}
@media screen and (max-width:67.438em) {
	.entry-title {
		font-size: 4.0rem;
	}
}
@media screen and (max-width:47.938em) {
	.entry-title {
		font-size: 3.0rem;
	}
}

#content {
	background-image: url(./assets/img/footer-line.svg);
	background-position: center bottom;
	background-repeat: repeat-x;
	background-size: 16.5rem 1.5rem;
}

.single-inner {
	margin: 0 auto;
	max-width: calc(100% - 2.0rem);
	padding: 5.0rem 0 7.0rem;
	width: 108.0rem;
}

/* =Page
-------------------------------------------------------------- */

.page-inner {
	margin: 0 auto;
	max-width: calc(100% - 2.0rem);
	padding: 5.0rem 0 8.0rem;
	width: 108.0rem;
}

/* =Common Archive
-------------------------------------------------------------- */

.archive-list {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.archive-list li {
	background-color: #000;
	margin: 0 0 2.0rem 0;
}

.archive-list li:last-child {
	margin: 0;
}

.archive-list li a {
	display: flex;
	justify-content: flex-start;
	padding: 1.3rem 1.5rem;
	text-decoration: none;
}
@media screen and (max-width:67.438em) {
	.archive-list li a {
		flex-wrap: wrap;
	}
}

.archive-date {
	color: #fef252;
	font-family: 'Luckiest Guy', cursive;
    font-size: 2.1rem;
    letter-spacing: 0.2rem;
    width: 14.5rem;
}
@media screen and (max-width:67.438em) {
	.archive-data {
		display: block;
		font-size: 1.9rem;
		line-height: 2.2rem;
		width: 12.0rem;
	}
}

.archive-title {
	color: #fff;
    line-height: 2.2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: calc(100% - 13.5rem);
}
@media screen and (max-width:67.438em) {
	.archive-title {
		display: block;
		font-size: 1.4rem;
		width: 100%;
	}
}

.wp-pagenavi {
	margin: 3.0rem 0 0 0;
	text-align: center;
}

.wp-pagenavi span.current {
    background-color: #000;
    color: #fef252;
    font-weight: bold;
	font-family: 'Luckiest Guy', cursive;
    padding: 0.9rem 1.1rem;
    margin: 0 0.3rem;
}

.wp-pagenavi a, .wp-pagenavi span {
	border: 0.1rem solid #000;
	color: #000;
    font-weight: bold;
	font-family: 'Luckiest Guy', cursive;
    padding: 1.0rem;
    margin: 0 0.3rem;
}

wp-pagenavi a:link, .wp-pagenavi a:visited {
	color: #000;
}

/* =Common Content
-------------------------------------------------------------- */

.entry-content p {
	line-height: 1.7;
	margin: 0 0 2.0rem 0;
	word-break: break-all;
}

.entry-content ul, .entry-content li, .entry-content table, .entry-content blockquote {
	line-height: 1.7;
	margin: 0 0 4.0rem 0;
	word-break: break-all;
}

.entry-content p:last-child, .entry-content div:last-child {
	margin: 0;
}

.entry-content br.spbr {
	display: none;
}
@media screen and (max-width:47.938em) {
	.entry-content br.spbr {
		display: inline;
	}
}

.entry-content img {
	height: auto;
	max-width: 100%;
}

.entry-content iframe {
	max-width: 100%;
}

.entry-content a {
    background-image: radial-gradient(circle farthest-side, #e63692 20%, transparent 20%, transparent 100%);
    background-position: bottom;
    background-repeat: repeat-x;
    background-size: 0.8rem 0.2rem;
    color: #e63692;
    cursor: pointer;
	display: inline;
    padding: 0 0 0.2rem 0;
    text-decoration: none;
	transition: .2s ease;
	word-break: break-all;
}
.entry-content a:visited, .entry-content a:link {
    color: #e63692;
}

.entry-content h2 {
    align-items: center;
    background-image: url(./assets/img/h2-background.svg);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 5rem 0.6rem;
    display: flex;
	font-size: 3.0rem;
	font-weight: 900;
    justify-content: center;
	letter-spacing: 0.2rem;
	margin: 0 0 3.5rem 0;
	padding: 0 0 2.0rem 0;
	text-align: center;
}
@media screen and (max-width:47.938em) {
	.entry-content h2 {
		font-size: 2.5rem;
		padding: 0 0 1.5rem 0;
	}
}

.entry-content h2::before {
	background-image: url(./assets/img/h2before.svg);
	background-repeat: no-repeat;
	content: '';
	display: inline-block;
	flex-shrink: 0;
	height: 4.1rem;
	margin: 0 2.0rem 0 0;
	width: 3.7rem;
}
@media screen and (max-width:47.938em) {
	.entry-content h2::before {
		height: 3.5rem;
		width: 3.2rem;
		margin: 0 1.5rem 0 0;
	}
}

.entry-content h2::after {
	background-image: url(./assets/img/h2after.svg);
	background-repeat: no-repeat;
	content: '';
	display: inline-block;
	flex-shrink: 0;
	height: 4.1rem;
	margin: 0 0 0 1.8rem;
	width: 3.7rem;
}
@media screen and (max-width:47.938em) {
	.entry-content h2::after {
		height: 3.5rem;
		width: 3.2rem;
		margin: 0 0 0 1.3rem;
	}
}

.entry-content h3 {
    background-color: #e6e6e6;
    border-radius: 3.0rem;
	font-size: 2.0rem;
	margin: 0 0 3.5rem 0;
    padding: 1.5rem;
    text-align: center;
}

.entry-content h4 {
	background-image: radial-gradient(circle farthest-side, #e63692 30%, transparent 30%, transparent 100%);
	background-position: left;
	background-repeat: repeat-y;
	background-size: 1.4rem 0.8rem;
	color: #3cb371;
	padding: 0 0 0.2rem 2.0rem;
	margin: 0 0 1.5rem 0;
	word-break: break-all;
	font-size: 1.8rem;
}

.entry-content table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
	font-size: 1.6rem;
	line-height: 1.5;
	margin: 0 auto 4.0rem;
}

.entry-content thead {
	background-color: #3cb371;
	color: #fff;
}

@media screen and (max-width:47.938em) {
	.entry-content table {
		font-size: 1.4rem;
	}
}
.entry-content table th,table td{
    padding: 0.75rem 0;
    text-align: center;
}
.entry-content table th{
	background-color: #3cb371;
	color: #fff;
}
.entry-content table tr:nth-child(odd){
    background-color: #f6f6f6;
}
.entry-content table tr:nth-child(even){
    background-color: #ebf5ec;
}

.entry-content blockquote {
	background: #f6f6f6;
	box-sizing: border-box;
	color: #555;
	font-style: italic;
	padding: 4.0rem 1.0rem 1.0rem 1.0rem;
	position: relative;
}

.entry-content blockquote::before {
    color: #cfcfcf;
    content: "❝";
    display: inline-block;
    font-family: FontAwesome;
    font-size: 5.0rem;
    font-weight: 900;
    left: 1.0rem;
    line-height: 1;
    position: absolute;
    top: 1.0rem;
}

.entry-content dl {
    display: flex;
    flex-wrap: nowrap;
    margin: 0 0 2.0rem 0;
}

.entry-content dt {
    max-width: 20rem;
    width: 30%;
}

.entry-content dd {
	line-height: 1.5;
    margin: 0 0 0 1.0rem;
    max-width: calc(70% - 1.0rem);
    word-break: break-word;
}

.entry-content div.greybox {
	background: #f6f6f6;
	box-sizing: border-box;
	margin: 0 0 4.0rem 0;
	padding: 2.0rem;
}

.entry-content .discobox {
	margin:0 0 6.0rem 0;
}

.entry-content .flexbox {
	align-items: flex-start;
    display: flex;
	justify-content: space-evenly;
	margin: 0 0 2.0rem 0;
}
@media screen and (max-width:47.938em) {
	.entry-content .flexbox {
		display: block;
	}
}

.entry-content .flexbox div {
    margin: 0 0.5rem 2.0rem;
}

.entry-content .flexbox figure {
    margin: 0 0.5rem 2.0rem;
}

.entry-content div.purchase-button {
    background-color: #3cb371;
    margin: 0 auto 2.0rem auto;
    max-width: 20rem;
    position: relative;
    text-align: center;
}

.entry-content .purchase-button a {
	background-image: none;
    color: #fff;
    display: block;
    font-weight: 700;
    padding: 1.5rem;
	text-decoration: none;
}

.purchase-button::after {
    bottom: 50%;
    color: #fff;
    content: '\f105';
    font-family: 'FontAwesome';
    font-size: 1.5rem;
    line-height: 1.7;
    position: absolute;
    right: .5rem;
    transform: translateY(50%);
    -webkit-animation-name: purchase-allow;
    -webkit-animation-duration: .8s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease;
    -moz-animation-name: purchase-allow;
    -moz-animation-duration: 1s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: ease;
}

.purchase-button a:hover::after {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

/* =FAQ
-------------------------------------------------------------- */

.entry-content .faq-box {
	margin: 0 0 6.0rem 0;
}

.entry-content h3.question {
	line-height: 1.4;
	margin: 5.0rem 0 2.0rem;
	padding: 1.5rem 9.0rem;
	position: relative;
}
@media screen and (max-width:47.938em) {
	.entry-content h3.question {
		padding: 1.5rem 1.5rem 1.5rem 6rem;
		text-align: left;
	}
}

.entry-content h3.question::before {
    background-image: url(./assets/img/question.svg);
    background-repeat: no-repeat;
    background-size: auto 100%;
    content: '';
    height: 7.6rem;
    left: 0;
    position: absolute;
    top: -1.5rem;
    width: 7rem;
}
@media screen and (max-width:47.938em) {
	.entry-content h3.question::before {
		background-size: auto 80%;
		left: -0.5rem;
		top: -3rem;
		width: 5.5rem;
	}
}

.entry-content .answer {
	margin: 5.0rem 0 2.0rem;
	min-height: 8.5rem;
	padding: 1.5rem 0 0 10.0rem;
	position: relative;
}
@media screen and (max-width:47.938em) {
	.entry-content .answer {
		min-height: 6.0rem;
		padding: 1.5rem 0rem 0rem 6.5rem;
		text-align: left;
	}
}

.entry-content .answer::before {
    background-image: url(./assets/img/answer.svg);
    background-repeat: no-repeat;
    background-size: auto 100%;
    content: '';
    height: 7.6rem;
    left: 2.0rem;
    position: absolute;
    top: 2.0rem;
    width: 7rem;
}
@media screen and (max-width:47.938em) {
	.entry-content .answer::before {
		background-size: auto 80%;
		left: 0.5rem;
		top: 1.0rem;
		width: 5.5rem;
	}
}

/* =Contact
-------------------------------------------------------------- */

.contact-inner {
	margin: 0 auto;
	max-width: calc(100% - 2.0rem);
	padding: 5rem 0 8.0rem;
	width: 90.0rem;
}

.wpcf7 {
	margin: 0 0 5.0rem 0;
}

.wpcf7 dl {
	display: block;
}

.wpcf7 dt {
	font-size: 1.8rem;
	font-weight: 900;
	margin-left: 7.0rem;
	max-width: none;
	padding: 1.5rem 0;
	width: auto;
}
@media screen and (max-width:47.938em) {
	.wpcf7 dt {
		margin-left: 2.0rem;
	}
}

.wpcf7 dt span {
	color: #e63692;
	font-weight: 400;
	margin: 0 0 0 1.0rem;
}

.wpcf7 dd {
	margin: 0;
	max-width: none;
	width: auto;
}

.wpcf7 dd input {
    background-color: #e6e6e6;
    border: none;
    border-radius: 3.0rem;
    padding: 2rem 3rem;
	width: calc(100% - 6rem);
}
@media screen and (max-width:47.938em) {
	.wpcf7 dd input {
		padding: 1.5rem 3rem;
	}
}

.wpcf7 dd textarea {
    background-color: #e6e6e6;
    border: none;
	border-radius: 3.0rem;
	line-height: 1.5;
    padding: 2rem 3rem;
	width: calc(100% - 6rem);
}

.wpcf7 .form-buttons {
	text-align: center;
}

.wpcf7 input[type="submit"], .wpcf7 input[type="button"] {
    background-color: transparent;
	background-image: url(./assets/img/form-button.svg);
    background-repeat: no-repeat;
	border: none;
    cursor: pointer;
    font-weight: 900;
	height: 5.7rem;
	max-width: 100%;
	padding: 0 0 0.7rem 0;
	position: relative;
    width: 30.0rem;
}

.wpcf7 .edit-button {
	margin: 0 0 2.0rem 0;
}

.wpcf7 input[type="submit"]:hover, .wpcf7 input[type="button"]:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

.wpcf7 .ajax-loader, div.wpcf7 .ajax-loader {
	display: block;
	margin: 1rem auto;
}

/* =FC Login
-------------------------------------------------------------- */

.entry-content div.ty-login {
	width: 40.0rem;
	margin: 0 auto;
	max-width: calc(100% - 2.0rem);
}

.input-id {
    display: flex;
    justify-content: center;
	margin: 0 0 2.0rem;
}

.input-id label {
    width: 6.0rem;
}

.input-id input {
	width: calc(100% - 6.0rem);
}

.input-pw {
    display: flex;
    justify-content: center;
	margin: 0 0 2.0rem;
}

.input-pw label {
	width: 6.0rem;
}

.input-pw input {
	width: calc(100% - 6.0rem);
}

.login-button {
    border: none;
    font-weight: 700;
	margin: 0 0 2.0rem;
	text-align: center;
    padding: 1.0rem 2.0rem;
}

#loginerr {
	margin: 0 0 2.0rem;
}

.cm-notification-close {
	border: none;
}

.fc-banner-area {
    margin: 0 0 2rem 0;
}

.fc-banner-area ul {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    padding: 0;
}

.fc-banner-area li {
    align-items: center;
    background-color: #3cb371;
    display: flex;
    height: 5.0rem;
    margin: 0 0.5rem 1.0rem 0.5rem;
    position: relative;
    width: calc((100% / 4) - 1.0rem);
}
@media screen and (max-width:47.938em) {
	.fc-banner-area li {
		width: calc((100% / 2) - 1.0rem);
	}
}
@media screen and (max-width:23.375em) {
	.fc-banner-area li {
		width: 100%;
	}
}

.fc-banner-area li::before {
    content: '';
    border-bottom: 0.6rem solid transparent;
    border-left: 1.0rem solid #fff;
    border-right: 0 solid transparent;
    border-top: 0.6rem solid transparent;
    bottom: 50%;
    left: 1rem;
    position: absolute;
    transform: translateY(50%);
}

.fc-banner-area li:hover::before {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

.entry-content .fc-banner-area a {
    background-image: none;
    color: #fff;
    display: block;
    padding: 1.5rem 1rem 1.5rem 3.0rem;
    width: 100%;
}

.entry-content .fc-banner-area a:link, .entry-content .fc-banner-area a:visited {
    color: #fff;
}

/* =FC Events
-------------------------------------------------------------- */

.css-box-eplus {
	margin: 0 0 2.0rem 0;
}

/* =FC item
-------------------------------------------------------------- */

#itempage .field {
	margin: 0 0 2.0rem 0;
}

#fanclub-iframe textarea {
	width: 100%;
	height: 20.0rem;
}

/* =FC cart
-------------------------------------------------------------- */

div.usccart_navi ol.ucart {
    display: flex;
    height: 3rem;
    font-size: 1.5rem;
}

div.usccart_navi li.ucart {
    float: none;
}

@media screen and (max-width:47.938em) {
	.entry-content #cart table#cart-page {
		display: block;
//		overflow-x: scroll;
//		white-space: nowrap;
		-webkit-overflow-scrolling: touch;
	}
}

@media screen and (max-width:47.938em) {
	.entry-content table#eplus_tickets {
		display: block;
//		overflow-x: scroll;
//		white-space: nowrap;
		-webkit-overflow-scrolling: touch;
	}
}

.entry-content #cart table th, .entry-content #cart table td {
	background-color: #f3f3f3;
	color: #000;
}

.entry-content #confirm_table th, .entry-content #confirm_table td {
	background-color: #f3f3f3;
	color: #000;
}

/* =FC login
-------------------------------------------------------------- */

#loginmail {
	max-width: 100%;
}

#wc_lostmemberpassword .error_message {
	color: #ff0000;
	margin: 0 0 2.0rem 0;
}
div.wpcf7-mail-sent-ok {
background-color: #56b379;
color:#ffffff;
font-weight:bold;
font-size:120%;
padding:10px;
}
/* eventlive */
.archive-title .date{
	color: #32B3EC;
	font-size: medium;
	display: block;
	width: 100%;
	line-height: 1.2em;
	margin: 0.5em 0 0 0;
	padding: 0;
	text-align: left;
}