/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
@import 'https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900';
@import 'https://fonts.googleapis.com/css?family=Noto+Sans+JP:100,300,400,500,700,900&subset=japanese';
@import 'https://fonts.googleapis.com/css2?family=Cherry+Bomb+One&family=RocknRoll+One&display=swap';

@font-face {
	font-family: 'kirugo';
	font-style: normal;
	font-weight: 400;
	src: url('font/kirugo.woff2') format('woff2'), url('font/kirugo.woff') format('woff'), url('font/kirugo.ttf') format('truetype');
}

@font-face {
	font-family: 'CP_font';
	font-style: normal;
	font-weight: 400;
	src: url('font/CP_font.woff2') format('woff2'), url('font/CP_font.woff') format('woff'), url('font/CP_font.ttf') format('truetype');
}

html,
body,
div,
span,
applet,
object,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	width: 100%;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

body {
	line-height: 1;
}

ol,
ul {
	list-style: none;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}


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

.button2 {
	background-color: #000;
	text-align: center;
	box-sizing: border-box;
	margin-bottom: calc(80 / 560 * 100%);
}

.button2 a {
	box-sizing: border-box;
	text-decoration: none;
	padding: 0.5em 1em;
	display: block;
	color: #FFF;
}

/* ---------メインここから------------ */
body {
	background: #ffffff;
	margin: 0 auto;
	width: 100%;
	display: block;
}

@media screen and (min-width: 770px) {
	body {
		min-width: 1150px;
	}
}

h1 {
	color: #ff05e5;
	font-size: 24px;
	text-align: center;
	font-weight: bold;
	font-family: "RocknRoll One", sans-serif;
}


.header-container {
	margin: 0 auto;
	width: 100%;
}

@media screen and (max-width: 769px) {
	body {
		width: 100%;
		min-width: none;
		/* overflow-x: hidden;
		overflow:hidden; */
	}
}


.header-container {
	margin: 0 auto;
	width: 100%;
	position: relative;
	background: #1e1e1e;
	padding-bottom: 30px;
	/* background: #b0ffb1; */
}

.header-container {
	background-image: url(img/k-logo.png);
	background-size: 11%;
	background-color:rgba(2, 2, 2, 0.8);
	background-blend-mode: darken;
	background-size: 20%;
}
@media screen and (max-width: 769px) {
	.header-container {
		background-image: url(img/k-logo.png);
		background-size: 11%;
		background-color:rgba(2, 2, 2, 0.8);
		background-blend-mode: darken;
		background-size: 40%;
	}
}

.header-container2 {
	margin: 0 auto;
	width: 100%;
	position: relative;
	background: #1e1e1e;
	padding-bottom: 30px;
	/* background: #b0ffb1; */
}

.main-box {
	margin: 0 auto;
	width: fit-content;
	display: block;
}

.main-box02 {
	text-align: center;
	margin: 0 auto;
	/* width: fit-content; */
	width: 1040px;
	width: 100vw;
	height: auto;
	display: block;
	max-width: 1650px;
	padding-top: 50px;
}

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

	.main-box02 {
		width: 100vw;
		display: block;
	}
	.slick-next {
		display: none;
	}
		
}
#nav-container {
	background: #ffea00;
	border-bottom: solid 2px #ff0078;
}


.g-nav ul {
	font-family: 'kirugo', sans-serif;
    letter-spacing: 0.1em;
    display: flex;
    width: 90%;
    height: 60px;
    align-items: center;
    margin: 0 auto;
    /* width: fit-content; */
    /* margin: 0 auto; */
    text-align: right;
    justify-content: flex-end;
	margin-right: 50px;
}

.g-nav ul li {
    /* margin-left: -40px;
    padding-left: -50px; */
    width: 12vw;
    height: -41vh;
    padding: 0;
    /* margin: 0 20px; */
    text-align: left;
}

.g-nav ul li img {
	height: 80%;
}

@media screen and (max-width: 769px) {
	.g-nav ul li img {
		height: 70%;
	}
}

.container {
	max-width: 1080px;
	min-width: 350px;
	width: 100%;
	margin: 0 auto !important;
}

body.container div {
	margin: 0 auto;
}

/*修正分*/
.main-box,
header {
	background: #ff0078;
}




#info-box img,
#event-box img,
#cast-box img,
#schedule-box img,
#ticket-box img,
#goods-box img,
#dvd-box img,
#youtube-box img {
	width: 100%;
	max-width: 1080px;
	text-align: center;
	display: block;
	margin: 0 auto;
	padding: 20px 0;
}

#schedule-box img {
	padding: 0;
}

#youtube-box {
	background: #000000;
	position: relative;
	overflow: hidden;
	padding-bottom: 60px;
}

#youtube-box img {
	padding: 0;
	width: 100%;
}

.tv {
	position: absolute;
	top: 5%;
	left: 45%;
	width: 34% !important;
	z-index: 2000;
	opacity: 0;
}

.tv2 {
	position: absolute;
	top: 5%;
	left: 45%;
	width: 34% !important;
	z-index: 2;
}

.up-layer {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 2;
}

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

	.tv,
	.tv2 {
		width: 50% !important;
	}
}



.info-wrap {
	position: relative;
	overflow: hidden;
}

.info-sp {
	position: absolute;
    top: 19vh;
    left: 230px;
}

#info-sp {
    /* position: absolute;
    top: -40vh;
    left: 37vw; */
    width: 302px !important;
}

img#info-sp  {
	position: absolute;
    top: 0vh;
    left: 42vw;
    max-width: 300px;
    display: inline-block;
}

.info-twitter {
	position: absolute;
    top: 11vh;
    left: 43.5vw;
    z-index: 7;
}
/* .info-twitter {
	position: absolute;
	top: -441px;
	left: 653px;
	z-index: 2;
} */

.info-parts {
    display: flex;
    max-width: 1000px;
    margin: 0 auto;
    /* position: relative; */
    /* overflow-x: hidden; */
    align-items: center;
}

/* .info-parts {
	max-width: 1000px;
	margin: 0 auto;
	position: relative;
	overflow-x: hidden;
} */

.info-tv {
	position: absolute;
	top: 26vh;
    left: 22%;
    width: 400px;
    height: 377px;
	background: #ffffff;
	padding: 20px 10px;
	text-align: center;
	overflow-y: scroll;
	border: 7px solid #000000;
	border-radius: 1em;
	line-height: 1.5em;
	font-family: -apple-system, BlinkMacSystemFont, "Roboto", Helvetica, Arial, sans-serif, system-ui;
}

.info-tv h2 {
	margin: 10px auto 10px;
}

.info-tv h3 {
	font-weight: bold;
}

.info-tv .each-news {
	text-align: left;
	border-bottom: 1px solid #000;
	padding-top: 20px;
}

/* TVページのお知らせ欄 */

.info2-tv {
    position: static;
    width: 400px;
    height: 310px;
    background: #ffffff;
    padding: 20px 20px;
    text-align: center;
    overflow-y: scroll;
    border: 7px solid #000000;
    line-height: 1.5em;
    margin-left: auto;
    margin-right: auto;
}

.info2-tv h2 {
	margin: 10px auto 30px;
}

.info2-tv h3 {
	font-weight: bold;
}

.info2-tv .each-news {
	text-align: left;
	border-bottom: 1px solid #000;
	padding-top: 20px;
}

/* TVページのお知らせ欄 終わり*/



.bold {
	font-weight: bold !important;
}

.red {
	color: #ff0000 !important;
}

.blue {
	color: #0010b1 !important;
}

.f-l {
	font-size: 2.2rem;
}

.f-m {
	font-size: 1.5rem;
}

.f-s {
	font-size: 1.2rem;
}

@media screen and (max-width: 769px) {
	.info-tv {
		position: static;
		margin: 0 auto 20px;
		width: 87% !important;
		border-radius: 7px;
	}
	
.f-l {
	font-size: 1.6rem;
}
	
.f-m {
	font-size: 1.2rem;
}
	
.f-s {
	font-size: 0.8rem;
}
	.info2-tv {
		position: static;
		margin: 0 auto 20px;
		width: 80% !important;

	}

	body #info-pc {
		display: none;
	}
}



#i-ueda {
	position: absolute;
	top: -617px;
	left: 79px;
	width: 94px !important;
	z-index: 100;
}

#i-tori {
	position: absolute;
	top: -649px;
	left: 835px;
	width: 75px !important;
	z-index: 100;
}

#info-pc {
	position: absolute;
	top: -439px;
	left: 81px;
	width: 400px !important;
	display: none;
}

#info-box {
	background-image: url(img/bg-ichigo.jpg);
	background-color: rgba(255, 255, 255, 0.8);
	background-blend-mode: lighten;
	background-size: 5%;
}


@media screen and (min-width: 770px) {
	#info-box {
		/* min-width:1800px; */
	}
}

.backtotop {
	font-size: 16px;
    position: fixed;
    bottom: 40px;
    right: 20px;
    background-color: #ff05e5e8;
    color: #ffffff;
    border: 2px solid #ffffff;
    border-radius: 50%;
    display: block;
    z-index: 2;
}

.backtotop a {
	display: block;
	padding: 30px 12px;
	color: #ffffff;
	text-decoration: none;
	font-family: 'CP_font';
}


@media screen and (max-width: 769px) {
	body {
		overflow-x: hidden;
		background: #000;
	}

	#imfo-box {
		min-width: none;
	}

	.g-nav ul {
		/* display: flex;
		flex-wrap: wrap;
		width: fit-content;
		margin: 0 auto;
		justify-content: center; */
	}

	.g-nav ul {
		padding: 0;
        list-style: none;
	}

	.g-nav ul li {
		/* padding: 0 !important;
		margin: 0 !important;
		width: 25%; */
	}

	.g-nav ul li {
        text-align: center;
		padding: 16px;
        width: auto;
        /* margin: 5px 10px 5px 0px; */
	}

	.g-nav ul li img {
		width: 100%;
		margin: 0 auto;
		padding: 0;
	}


	#i-ueda,
	#i-tori,
	#info-pc,
	#info-sp {
		position: static;
	}

	#i-ueda,
	#i-tori,
	#info-sp {
		display: none !important;
	}

	body #info-pc {
		width: 90% !important;
	}

	.g-1 {
		width: 30% !important;
		height: 70% !important;
	}

	.g-2 {
		width: 22% !important;
		height: 85% !important;
		right: -11% !important;
	}

	/* 商品ラインナップ4つまでの時 */



	#info-box {
		width: 100%;
		/* position: relative !important; */
		overflow: hidden;
	}

	.info-twitter {
		display: none;
	}

	.info-twitter2 {
		display: block !important;
		margin: 0 auto;
		width: fit-content;
		height: 500px;
		border-radius: 10px;
		border: 7px solid #000000;
		margin-bottom: 20px;
	}

	.info-parts {
		padding-bottom: 40px;
		display: block;
	}

	.backtotop {
        text-align: center;
        font-size: 17px;
        padding: 20px 19px;
        right: 0px;
        bottom: 30px;
	}

	.backtotop a {
		text-decoration: none;
		padding: 0px;
		font-family: 'CP_font';
	}

	h2 {
		font-size: 20px;
		font-weight: bold;
	}

	.info-inner p {
		text-align: center;
	}
}
#imfo-box {
	overflow-y: hidden;
}

.info-inner {
	position: absolute;
	top: 255px;
	left: -221px;
	z-index: 200;
	text-align: center;
	line-height: 2em;
}

h2 {
	font-size: 34px;
	font-weight: bold;
}

@media screen and (max-width: 769px) {
	h2 {
		font-size: 23px;
        letter-spacing: -0.08em;
        font-weight: bold;
	}
}

.info-twitter2 {
	display: none;
	z-index: 100;
	top: 633px;
}

.backtotop {
	width: auto !important;
}


#event-box {
	background: #fed200;
	background-image: url(img/03-back.png);
}


#cast-box {
	background-image: url(img/b-cherry2.png);
	background-size: 11%;
	background-color: #5E33FE;
	background-blend-mode: lighten;
	background-size: 20%;
}

#schedule-box {
	background: #f6c696;
	position: relative;
	overflow: hidden;
	background-image: url(img/schedule-back.png);
	background-position: bottom right 10%;
	background-repeat: no-repeat;
	background-size: 36%;
	position: relative;
}
.access-link {

}
.access-link a {
    position: absolute;
    left: 50%;
    bottom: 10%;
    width: 110px;
    background: #FFF;
    color: #000;
    transform: translateX(-50%);
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    border-radius: 10px;
	padding: 20px 30px;
}
.access-link a:hover {
	background: #000;
	color: #fff;
}
@media screen and (max-width: 779px) {
	#schedule-box {
		background-size: 50%;
	}
	.access-link a {
		width: 70px;
		padding: 10px 15px;
		font-size: 10px;
		bottom: 6%;
	}
}

#schedule-click {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 40%;
	width: 60%;
	margin: auto;
}



#ticket-box,
#dvd-box {
	padding: 30px 0 40px;
	background-color: #4d2489;
}

@media screen and (max-width: 779px) {
#ticket-box {
	padding: 10px 0 40px;
	background-color: #4d2489;
}
}

.goods-wrap {
	background: #c600ff;
	background-image: url(img/goods-back.jpg);
	background-size: 50%;
	position: relative;
	overflow: hidden;
}

#goods-box {
	position: relative;
	overflow: hidden;
}

#goods-box img {
	padding: 0 !important;
}

.goods-logo {
	z-index: 2;
	width: 30% !important;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
}

.goods-details {
	width: 70%;
	margin: 0 auto;
	padding-left: 10%;

}

.goods-details li {
	display: inline-block;
	width: 18%;
	margin: 20px 10px;
	padding: 10px;
	background: #ffffff;
	text-align: left;
	color: #000;
}

.goods-details li h3 {
	padding: 20px 0;
	font-weight: bold;
	height: 2em;
	color: #0010b1;
}

.goods-details li em {
	font-size: 14px;
	font-weight: bold;
}

.goods-details li p {
	color: #ffffdd;
	font-size: 1.2em;
}

.goods-details li .goods-price {
	text-align: right;
}

.goods-details .sold-out {
	pointer-events: none;
}

.goods-logo {
	max-width: 400px !important;
	top: 10px;
}

.goods-caution {
	color: #ffffff;
	text-align: center;
	line-height: 1.5em;
	padding: 20px;
	padding-bottom: 2em;
	background-color: rgba(0, 0, 0, 0.5);
	border: 2px solid #ffffff;
	overflow: hidden;
	width: auto;
}

.goods-caution h2 {
	padding: 30px;
}

.goods_lineup_all {
	width: 90%;
	margin: 0 auto;
}

.g-2,
.g-1 {
	display: none !important;
}

.goods_sales_info {
	text-align: center;
	background: #FFF;
	width: 70%;
	margin: 30px auto;
	padding: 40px 0;
	line-height: 1.4;
	font-size: 30px;
}

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

	.g-2,
	.g-1 {
		display: none !important;
	}

	.goods-details {
		width: 95%;
		padding: 0;
	}

	.goods-details li {
		display: inline-block;
		width: 45%;
		box-sizing: border-box;
		margin: 10px 5px;
	}

	.g-1,
	.g-2 {
		height: 7% !important;
		position: fixed;
		bottom: 0;
	}

	.g-1 {
		left: -12% !important;
	}

	.g-2 {
		width: 31% !important;
		height: 8% !important;
		right: -16% !important;
	}

	/* 商品ラインナップ4追加の時 */
	.g-2 {
		width: 22% !important;
	}

	.goods_lineup_all {
		width: 100%;
	}

	.goods_sales_info {
		text-align: center;
		background: #FFF;
		width: 90%;
		margin: 30px auto;
		padding: 40px 0;
		line-height: 1.4;
		font-size: 17px;
	}

}


/* 
#dvd-box, */
#dvd-box img,
#goods-box img {
	padding-top: 0 !important;
}

#schedule-box img,
#cast-box img {
	padding-bottom: 0 !important;
}


/* 修正分ここまで */
.container div img {
	margin: 0 auto;
	width: 100%;
	display: block;
}

footer {
	height: auto;
	background: #000;
	color: #ff05e5;
	width: 100%;
	position: relative;
	overflow: hidden;
	padding-top: 20px;
}

footer a {
	color: #ff05e5;
}

footer nav {
	margin: 0 auto;
}

footer p {
	margin: 0 auto;
	width: fit-content;
	/* position: absolute;
	bottom: 20px;
	left: 0;
	right: 0; */
	margin-top: 20px;
	font-size: 1rem;
	text-align: center;
	line-height: 1.5;
	font-family: "RocknRoll One", sans-serif;
}

@media screen and (max-width: 779px) {
	footer {
		height: 300px;
	}

	header,
	body #main-box img {
		width: 100%;
		margin: 0 auto;
		display: block;
	}

	.g-nav ul {
		/* height: 75%; */
		/* display: flex; */
		/* flex-wrap: wrap; */
		/* width: fit-content; */
		margin: 0 auto;
		/* justify-content: center; */
	}

	.g-nav ul {
        /* display: ruby-text; */
		display: block;
	}

	.info-inner {
		position: absolute;
		top: 180px;
		left: 0;
		right: 0;
		line-height: 2em;
		text-align: center;
		z-index: 100;
	}

	#event-box {
		background-size: 80%;
	}


	.pc-info {
		display: none !important;
	}

	.sp-info {
		display: block !important;
		max-width: 70% !important;
	}

	footer p {
		margin: 0 auto;
		margin-left: 20px;
		width: fit-content;
		margin-top: 20px;
		font-size: 14px;
		line-height: 1.5;
		text-align: left;
	}

}

@media screen and (min-width: 780px) {


	.sp-info {
		display: none !important;
	}
}

.g-1 {
	position: absolute;
	bottom: 0;
	left: -5%;
	width: auto !important;
}

.g-2 {
	position: absolute;
	bottom: 0;
	right: -7%;
	width: auto;
}


/* フッター */
footer {
	margin: 0 auto;
}

footer ul {
	width: fit-content;
	display: flex;
	margin: 0 auto;
}

footer ul li {
	padding: 10px;
	width: 33.3%;
	margin: 0 1%;
}

.footer_logo img {
	display: block;
	max-width: 25%;
	padding: 30px;
	margin: 0 auto;
}

@media screen and (max-width: 779px) {
	footer {
		height: auto;
		/* height: 350px; */
	}

	.footer_logo img {
		max-width: 65%;
		padding: 30px;
		margin: 0 auto;
	}
}

/* チケット注意点 */
.ticket-wrap {
	position: relative;
	overflow: hidden;
}

.ticket-caution {
	position: absolute;
	color: #ffffff;
	top: 50%;
	left: -9%;
	text-align: center;
	font-size: 14px;
}

.yubi {
	position: absolute;
	bottom: -9%;
	left: 30%;
	width: 200px !important;
	/* display: none; */
}

.virus {
	border: 1px solid #ffffff;
	display: inline;
	margin: 50px 0;
	padding: 10px;
	top: 65%;
}

.yubi2 {
	display: none;
}

@media screen and (max-width: 769px) {
	.ticket-caution {
		font-size: 10px !important;
		text-align: left !important;
	}

	.yubi {
		display: none;
	}

	.yubi2 {
		display: block;
		position: absolute;
		top: 6%;
		left: 20%;
		width: 177px !important;
	}

	.yubi2 img {
		padding: 0 !important;
	}

	#ticket-box {
		height: 500px;
	}

	.ticket-caution p {
		width: fit-content;
		padding: 20px;
	}

	#button {
		width: 370px !important;
	}

	.ticket-caution {
		padding: 0 30px;
	}




}

/* クリックしてねの動き */
.fluffy {
	width: 100px;
	height: 100px;
	margin: 100px;
	animation: fluffy1 3s ease infinite;
}

@keyframes fluffy1 {
	0% {
		transform: translateY(0)
	}

	5% {
		transform: translateY(0)
	}

	10% {
		transform: translateY(0)
	}

	20% {
		transform: translateY(-15px)
	}

	25% {
		transform: translateY(0)
	}

	30% {
		transform: translateY(-15px)
	}

	50% {
		transform: translateY(0)
	}

	100% {
		transform: translateY(0)
	}
}

@keyframes squash {
	0% {
		transform: scale(1) translate(0, 0);
	}

	50% {
		transform: scale(10, .5) translate(0, 300px);
	}

	100% {
		transform: scale(1) translate(0, 0);
	}
}


/* ポップアップ */
#button {
	font-size: 13px;
	font-weight: 400;
	color: #fff;
	text-align: center;
	background: #333;
	padding: 15px 0;
	margin: 15px auto;
	width: 500px;
	cursor: pointer;
}

#pop_up {
	text-align: left;
	position: fixed;
	top: 10%;
	left: 0;
	right: 0;
	overflow-y: scroll;
	z-index: 9999;
	background: #fff;
	color: #333333;
	padding: 60px 20px;
	margin: 0 auto;
	width: 80%;
	height: 60vh;
	border: 4px double #ccc;
	box-shadow: 2px 2px 5px 1px #999;
}

#pop_up h3 {
	font-weight: bold;
	padding: 20px 0;
}



/*--震えるギミック--*/
.g-nav ul li a {
	/* cursor: pointer;
	display: inline-block;
	text-decoration: none; */
}



/*ポップアップここから*/
.popup_wrap input {
	display: none;
}

.popup_overlay {
	display: flex;
	justify-content: center;
	overflow: auto;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.7);
	opacity: 0;
	transition: opacity 0.5s, transform 0s 0.5s;
	transform: scale(0);
}

.popup_trigger {
	position: absolute;
	width: 100%;
	height: 100%;
}

.popup_content {
	position: relative;
	overflow: hidden;
	align-self: center;
	width: 90%;
	max-width: 800px;
	padding: 30px 30px 15px;
	box-sizing: border-box;
	background: #fff;
	line-height: 1.4em;
	transition: 0.5s;
}

.close_btn {
	position: absolute;
	top: 8px;
	right: -45%;
	font-size: 30px;
	cursor: pointer;
}

.popup_wrap input:checked~.popup_overlay {
	opacity: 1;
	transform: scale(1);
	transition: opacity 0.5s;
}

#youtube-box {
	position: relative;
	overflow: hidden;
}

.open_btn {
	position: absolute;
	top: 115%;
	right: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 200px;
	height: 30px;
	margin: 10px auto;
	padding: 8px 16px;
	color: #fff;
	background: #ff0054;
	border: 1px solid #ffffff;
	font-weight: bold;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
	border-radius: 3px;
	cursor: pointer;
	transition: .3s ease;

}

.open_btn:hover {
	background: #c3d93a;
	color: #4d3d16;
	transition: .3s ease;
}

/*ポップアップココまで*/

.info-inner p {
	font-size: 10px;
	line-height: 1.5em;
}

.popup_content p {
	font-size: 18px !important;
	line-height: 2em !important;
	font-weight: bold;
	padding: 20px;
	width: 90%;
}

.popup_content h3 {
	background-color: #1e00b7 !important;
	color: #ffffff !important;
}

@media screen and (max-width: 769px) {
	.popup_content p {
		font-size: 14px !important;

	}
}

/* お知らせポップアップ用ポップアップ */


/* アーカイブ */

.achive-wrap {
	background: #000000;
}

#achive-box {
	margin: 0 auto;
	width: 80%;
}

#achive-box img {
	max-width: 300px;
	text-align: center;
	display: block;
	margin: 0 auto;
	padding-top: 20px;
}

.y-back {
	padding-bottom: 20px;
}

#achive-douga-flex {
	display: flex;
	margin: 0px auto;

}

.achive-douga {
	width: 45%;
	padding: 5%;
}

@media screen and (max-width: 769px) {
	#achive-douga-flex {
		display: block;
	}

	#achive-box {
		margin: 0 auto;
		width: 100%;
	}

	.achive-douga {
		width: 90%;
		padding: 5%;
	}


}


/* グッズのカミングスーン状態の時だけ */
/* @media screen and (max-width: 769px){
	.g-1,.g-2{
		display: none !important;
	}
} */
/* グッズのカミングスーン状態の時だけ */

/* アーカイブのスライダー */
.autoplay-slider {
	display: flex;
	width: 100%;
}

.slide {
	height: 315px;
	width: 567px;
	background: #3486eb;
	border: 1px solid #000;
	margin: 20px;
	position: relative;
	overflow: hidden;
}

.slide a {
	z-index: 100;
}

.autoplay-slider {
	display: flex;
	min-width: 100%;
	width: min-content;
	animation: 20s linear infinite sliderAnimation;
	overflow-x: hidden;
}

@keyframes sliderAnimation {
	100% {
		transform: translateX(-50%);
	}
}

.row {
	display: -ms-grid;
	-ms-grid-columns: min-content;
	overflow-x: hidden;
}

.s-pc {
	display: block;
}

.s-sp {
	display: none;
}

@media screen and (max-width: 769px) {
	.slide {
		height: 180px;
		width: 320px;
	}

	.s-sp {
		display: block;
	}

	.s-pc {
		display: none;
	}
}

/* アーカイブのスライダー */

.slider img {
	padding-bottom: 20px;
}

.slick-prev {
	left: 0;
	z-index: 1;
}

.slick-next {
	right: 0;
}

.slide-box {
	border-top: dashed 15px #ffffff;
	border-bottom: dashed 15px #ffffff;
}

@media screen and (max-width: 769px) {
	.slide-box {
		border-top: dashed 5px #ffffff;
		border-bottom: dashed 5px #ffffff;
	}
}

.slide-wrap {
	padding-bottom: 60px;
	overflow-x: hidden;
}

.slider_item {
	padding: 0 10px;
}


/* ▼▼▼ 緊急対応 ▼▼▼ */
.main-box,
.main-box02,
header {
	background: #1e1e1e;
}

.main-box img,
.main-box02 img
 {
	/* height: 86vh; */
	/* max-height: 100vh; */
	margin-top: 40px;
}

.main-box img
 {
	margin-top: 120px;
	margin-bottom: 50px;
	border-radius: 1em;
}

.news-corona {
	color: #FFF;
    font-size: 24px;
    text-align: center;
    background: #1e1e1e;
    display: flex;
    padding-top: 30px;
    justify-content: center;
    font-family: "RocknRoll One", sans-serif;
    text-align: left;
    line-height: 1.3;
    max-width: 980px;
    margin: 0 auto;
}

.news-corona a {
	text-decoration: none;
    width: 48%;
    max-width: 500px;
    color: #FFF;
    padding: 16px;
    margin: 10px;
    background: #1e1e1e;
	border: 2px solid #ffffff;
    border-radius: 10px;
	display: flex;
    justify-content: space-between;
    align-items: center;
}
.news-corona a::after {
	content: '';
	width: 8px;
	height: 8px;
	border-top: 3px solid #2285b1;
	border-right: 3px solid #2285b1;
	transform: rotate(45deg);
}

.news-corona a:hover {
	color: #fff;
	text-decoration: none;
	background-color: #ff05e5;
  }
  
  .news-corona a:hover::after {
	border-top: 3px solid #fff;
	border-right: 3px solid #fff;
  }

  .news-corona a.no-btn {
	border: none;
	background:none;
  } 

  .news-corona a.no-btn::after {
	border: none;
  } 

  .news-corona a.no-btn:hover {
	border: none;
	color: #ff05e5;
	background:none;
  } 

.news-corona h4 {
    font-size: 2.2rem;
    color: #fc88ff;
    text-shadow: 2px 2px 0px #111111, -2px 2px 0px #111111, 2px -2px 0px #111111, -2px -2px 0px #111111, 2px 0px 0px #111111, 0px 2px 0px #111111, -2px 0px 0px #111111, 0px -2px 0px #111111;	
}


.news-corona dt {
	color: #ccff01;
}

.news-corona dd {
	padding-left: 1.5rem;
	margin-bottom: 6px;
}
@media screen and (max-width: 769px) {
	.news-corona h4 {
		font-size: 1.3rem;
		letter-spacing: -0.15rem;
	}
	
.news-corona dl,
.news-corona dd,
.news-corona dt
 {
	box-sizing: border-box;
}
}
.news-corona a span {
	font-size: 25px;
}

#nenmathu-box {
    font-family: "RocknRoll One", sans-serif;	
}

.news-haishin {
    color: #FFF;
	text-shadow: 3px 3px 4px #ff05e5, -3px 3px 4px #ff05e5, 3px -3px 4px #ff05e5, -3px -3px 4px #ff05e5, 3px 0px 4px #ff05e5, 0px 3px 4px #ff05e5, -3px 0px 4px #ff05e5, 0px -3px 4px #ff05e5;
    font-size: 2.2rem;
	line-height: 1.2;
    text-align: left;
    background: #1e1e1e;
    padding-top: 10px;
	display: flex;
	justify-content: center;
	font-family: "Cherry Bomb One", system-ui;
}

@media screen and (max-width: 769px) {
	.news-haishin {
		font-size: 1.2rem;
		/* margin-left: 1rem; */
		color: #fff;
		text-shadow: 3px 3px 4px #ff05e5, -3px 3px 4px #ff05e5, 3px -3px 4px #ff05e5, -3px -3px 4px #ff05e5, 3px 0px 4px #ff05e5, 0px 3px 4px #ff05e5, -3px 0px 4px #ff05e5, 0px -3px 4px #ff05e5;
		margin-left: 16px;
		width: fit-content;
		text-align: center;
		margin: 0 auto;
		display: block;
	}
}
#info-box {
	padding-top: 30px;
	padding-bottom: 80px;
}
@media screen and (max-width: 769px) {
	#info-box {
		padding-bottom: 0px;
	}
}


#news-corona-box {
	text-align: center;
	padding: 20px;
	margin: 20px auto;
	line-height: 1.5;
	border: 3px solid #F00;
	width: 90%;
	background: #FFF;
}

.corona-s {
	display: inline-block;
}

span.news-corona-title {
	display: block;
	font-size: 25px;
	font-weight: bold;
}

@media screen and (max-width: 769px) {
	.main-box img {
		margin-top: 54px;
		height: 100%;
		margin-bottom: 30px;
	}
	.main-box02 img {
		margin-top: 0;
		height: auto;
        width: 100vw;
	}

	.news-corona {
		font-size: 18px;
		padding-top: 15px;
		width: 90vw;
		margin: 0 auto;
		line-height: 1.3;
		text-align: left;
		display: block;
	}

	.news-corona a {
        width: 96%;
        text-align: center;
        margin: 12px auto;
        height: 55px;
	}

	.news-corona a {
		padding: 6px;
	}

	.news-corona a span {
		font-size: 15px;
	}

	#news-corona-box {
		padding: 20px 5px;
		text-align: left;

	}

	span.news-corona-title {
		font-size: 18px;
		text-align: center;
	}
}

/* ▲▲▲ 緊急対応 ▲▲▲ */

.news-corona a span.bbold {
	font-weight: bold;
	font-size: 28px !important;
	font-size: 1.1rem !important;
}

.news-corona a span.bbold span.small {
	font-size: 0.9rem !important;
}

.br-sp {
	display: none;
}
.br-pc {
	display: block;
}

.sp {
	display: none;
}
.pc {
	display: block;
}

.green {
	color: #80FF80;
}

.pink {
    color: #FFF;
    text-shadow: 3px 3px 4px #ff05e5, -3px 3px 4px #ff05e5, 3px -3px 4px #ff05e5, -3px -3px 4px #ff05e5, 3px 0px 4px #ff05e5, 0px 3px 4px #ff05e5, -3px 0px 4px #ff05e5, 0px -3px 4px #ff05e5;
}

.border {
	border-bottom: 2px solid #80FF80;
	padding-bottom: 6px;
	margin-bottom: 10px;
}

h3.border:first-letter{
	font-size:1.5em;
	color:#ccff01;
   }

@media screen and (max-width: 769px) {
	.sp-space {
		height: 20px;
		width: 100%;
		background-color: #000000;
		display: none;
	}

	.news-corona a span.bbold {
		font-size: 1.2rem !important;
		line-height: 1.2;
	}

	.news-corona a span.bbold span.small {
		font-size: 0.8rem !important;
		line-height: 2;
	}

	.br-sp {
		display: block;
	}
	.br-pc {
		display: none;
	}

	.sp {
		display: block;
	}
	.pc {
		display: none;
	}
}

/* チケットのスマホ高さ調整 */
@media screen and (max-width: 769px) {
	#ticket-box {
		height: auto;
	}
}

.ticket-wrap {
	position: relative;
	overflow: hidden;
    background-color: #4d2489;
}

.pia,
.lawson,
.e-plus,
.haisin {
	position: absolute;
	height: 82px;
	width: 50%;
	color: #ffffff;
	border: 2px #ffffff solid;
	display: block;
	opacity: 0;
	overflow-x: hidden;
}

.pia a,
.lawson a,
.e-plus a,
.haisin a {
	overflow: hidden;
}

.pia {
	top: 320px;
	left: 12%;
}

.lawson {
	top: 400px;
	left: 12%;
}

.e-plus {
	top: 480px;
	left: 12%;
}

.haisin {
	top: 1410px;
	height: 100px;
	left: 12%
}

.t-ttl {
	max-width: 300px;
	margin: 0 auto;
}

.t-ttls {
	max-width: 750px;
	/* width: fit-content; */
	margin: 0 auto;
	color: #ffffff;
	text-align: center;
	line-height: 1.5em;
	font-size: 22px;
}

.t-ttls:not(.t-osaka, .t-5500) {
	margin: 50px auto 0px;
}

@media screen and (max-width: 769px) {
.t-ttls:not(.t-osaka, .t-5500) {
	margin: 0px auto 0px;
}
}

.t-ttlss {
	max-width: 300px;
	width: fit-content;
	margin: 0 auto;
	color: #ffffff;
	text-align: center;
}

.t-ttlss-li {
	max-width: 750px;
	/* width: fit-content; */
	margin: 0 auto;
	color: #ffffff;
	line-height: 1.5em;
	font-size: 22px;
}


.t-saihaisin {
	max-width: 420px;
	width: fit-content;
	margin: 0 auto;
	text-align: center;
	width: 52%;
}

.s-wrap:before,
.s-wrap:after,
.o-wrap:before,
.o-wrap:after {
	content: "";
	height: 3px;
	flex-grow: 1;
	background-color: #ffff00;
}

.o-wrap,
.s-wrap {
	display: flex;
	align-items: center;
	width: 80%;
	margin: 0 auto;
}

.s-wrap:before,
.o-wrap:before {
	margin-right: 10px;
}

.s-wrap:after,
.o-wrap:after {
	margin-left: 10px;
}


.t-flex {
	display: flex;
	padding: 20px 0;
	margin: 0 auto;
	width: fit-content;
	flex-direction: column;
}

.flex-items p {
	padding: 20px 0;
	font-size: 1em;
	font-weight: bold;
	/* border: 3px solid ; */
	background-color: #ffffff;
	color: #000000;
	margin: 0 20px;
	text-align: center;
	width: 250px;
	border-radius: 10px;
}

.flex-items p.no-set {
	pointer-events: none;
  	color: #fff;
	background: #a3a3a3;
}

.flex-items a {
	padding: 20px;
	font-size: 1.2em;
	margin: 0 auto;
	color: #ffffff;
	text-decoration: none;
}

.saihaisin-btn {
	margin: 0 auto;
	display: block;
	width: auto;
}

.saihaisin-btn p {
	padding: 20px 0;
	font-size: 1.2em;
	border: 1px solid #ffffff;
	background-color: #ffffff;
	margin: 0 20px;
	text-align: center;
	width: 300px;
	border-radius: 10px;
	margin: 0 auto;
}

.saihaisin-btn a {
	padding: 20px;
	font-size: 1.2em;
	margin: 0 auto;
	color: #000000;
	text-decoration: none;
}

.t-p {
	font-size: 2.3em;
	color: #fff;
	font-family: 'kirugo', sans-serif;
	/* color: #dbb051; */
    text-shadow: none;
	background: #4d2489;
	margin-bottom: 20px;
	font-weight: 100;
	/* text-shadow: 2px 2px 2px rgba(0, 0, 0, 1), -2px -2px 2px rgba(0, 0, 0, 1), -2px 2px 0px rgba(0, 0, 0, 1), 2px -2px 0px rgba(0, 0, 0, 1), 6px 6px 0px rgba(6, 0, 253, 1); */
    text-shadow: 2px 2px 0px #000, -2px 2px 0px #000, 2px -2px 0px #000, -2px -2px 0px #000, 2px 0px 0px #000, 0px 2px 0px #000, -2px 0px 0px #000, 0px -2px 0px #020;
}

.t-p2 {
	font-size: 3em;
	color: #fbfe00;
	font-family: 'kirugo', sans-serif;
	/* color: #dbb051; */
    text-shadow: none;
	background: #4d2489;
	margin-bottom: 50px;
	font-weight: 100;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 1), -2px -2px 2px rgba(0, 0, 0, 1), -2px 2px 0px rgba(0, 0, 0, 1), 2px -2px 0px rgba(0, 0, 0, 1), 6px 6px 0px rgba(6, 0, 253, 1);
    /* text-shadow: 2px 2px 0px #000, -2px 2px 0px #000, 2px -2px 0px #000, -2px -2px 0px #000, 2px 0px 0px #000, 0px 2px 0px #000, -2px 0px 0px #000, 0px -2px 0px #020; */
}

.t-osaka {
	font-size: 30px;
	color: #46ffff;
	font-weight: bold;
	line-height: 1.2em;
	max-width: 790px;
	width: 90%;
}

.t-5500 {
	font-size: 20px;
}

.p-font {
	font-size: 36px;
	margin-left: 1em;
}

.white {
	color: #ffffff;
}

.red {
	color: #ff0000;
}

.center {
	text-align: center;
	margin: 0 auto;
}

.ib {
	display: inline-block;
}

.padding {
	padding: 30px 0;
	line-height: 1.5;
}

.pad-t {
	padding: 10px 0 5px;
	font-size: 2.6em;
}

.font30 {
	font-size: 30px;
}

.rotate span {
	display: inline-block;
	transform: rotate(90deg);
	color: #ffffff;
	position: absolute;
	width: 1em;
	right: 0;
	left: 0;
	margin: auto;
	margin-top: -13px;
}

.font24 {
	font-size: 24px;
}

.p-b {
	padding-bottom: 20px;
}

.rotate,
.p-b {
	font-size: 2em;
}

@media screen and (max-width: 769px) {
	.pad-t {
		padding: 7px 0px 0px;
	}
	.pad-t,
	.rotate,
	.p-b {
		font-size: 1.3em;
	}
}

.zessan {
	padding: 30px 0;
}



@media screen and (max-width: 769px) {
	.t-flex {
		display: block;
	}

	.t-p2 {
		font-size: 1.7em;
		width: 85%;
		margin: 0 auto;
	}

	.t-p {
		font-size: 1.5em;
		width: 85%;
		margin: 0 auto;
	}

	.t-5500 {
		font-size: 1em;
		line-height: 2em;
	}

	.pia,
	.lawson,
	.e-plus {
		height: 4%;
	}

	.flex-items p {
		padding: 10px 0;
		width: 180px;
        font-size: 1rem;
    
	}

	.flex-items p.no-set {
		pointer-events: none;
		color: #fff;
		background: #a3a3a3;
	}

	.pia {
		top: 22%;
		left: 10%;
	}

	.lawson {
		top: 27%;
		left: 10%;

	}

	.e-plus {
		top: 32%;
		left: 10%;
	}

	.haisin {
		height: 6%;
		top: 86%;
		left: 10%;
	}

	.p-font {
		font-size: 1.4em;
		margin-left: 0;
		line-height: 0.8em;
	}

	.flex-items a {
		padding: 0;
	}

	.saihaisin-btn p {
		font-size: .8em;
		padding: 10px;
		width: 70%;
	}

	.flex-items {
		margin-bottom: 10px;
	}

	.zessan {
		padding-bottom: 20px;
	}

	.l-low {
		line-height: 1.2em;
	}
}


/* TV */
.twitter-box {
	text-align: center;
	margin: 0 auto 50px;
	display: flex;
	justify-content: center;
}

#tv-area {
	background: #000;
	padding-top: 10px;
}

#tv-area, #dvd-box {
	background: #fed200;
	background-image: url(img/03-back.jpg);
}

#tv-area .title, #dvd-box .dvd-title {
	width: 300px;
	margin: 40px auto;
}

@media screen and (max-width: 769px) {
	#tv-area .title img, #dvd-box .dvd-title img {
		width: 170px;
		padding-bottom: 0;
	}
	.t-ttl {
		max-width: 200px;
	}
}

#tv-area .title02 {
	width: 550px;
	margin: 40px auto;
}

.tv-next-movie {
	margin: 20px auto;
	width: 680px;
}

.tv-pr-movie {
	margin: 0 auto;
	width: 680px;
}

.tv-pr-movie-box {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}

.tv-next-movie iframe,
.tv-pr-movie iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.intro {
	width: 55vw;
	max-width: 750px;
	background: rgba(255, 255, 255, 0.7);
	position: relative;
	padding: 30px 25px 5px;
	margin: 0 auto;
	margin-bottom: 65px;
	/* margin-top: 65px; */
	box-sizing: border-box;
	font-family:  "RocknRoll One", sans-serif,
		roboto,
		noto sans jp,
		游ゴシック medium,
		yu gothic medium,
		yugothic medium,
		メイリオ,
		meiryo,
		sans-serif;
	border-radius: 10px;
	position: relative;
	z-index: 1;
}

/* .intro::after {
	content: "";
    position: absolute;
    box-sizing: inherit;
    width: 35vw;
    height: 100%;
    top: -50px;
    right: -30px;
    background-image: url(./img/hiroshima-tokuten.png);
    background-repeat: no-repeat;
    background-size: 100%;
	z-index: -1;
	transform: rotate( 5deg );
} */

@media screen and (max-width: 769px) {
	.intro::after {
		display: none;
	}

}

.intro p,
.intro h3 {
	font-feature-settings: "palt";
	font-size: 1.7rem;
	font-weight: 900;
	line-height: 1.5 !important;
	/* padding: 10px 30px 0px; */
	color: #fff;
	box-sizing: border-box;
	text-shadow: 4px 4px 0px #111111, -2px 2px 0px #111111, 2px -2px 0px #111111, -2px -2px 0px #111111, 2px 0px 0px #111111, 0px 2px 0px #111111, -2px 0px 0px #111111, 0px -2px 0px #111111;
}
.intro h3 {
	text-align: center;
}

.intro p span.tx-none,
ul.tx-none {
	text-shadow: none;
	color: #000;
	font-weight: 100;
}

.intro p span {
	letter-spacing: -0.05rem;
	font-size: 1.45rem;
}

ul.tx-none {
	padding-left: 1rem;
	width: 80vw;
	line-height: 1.3;
}

.intro p .tx-black {
	font-size: 2.2rem;
	color: #111;
	text-shadow: 2px 2px 0px #ffffff, -2px 2px 0px #ffffff, 2px -2px 0px #ffffff, -2px -2px 0px #ffffff, 2px 0px 0px #ffffff, 0px 2px 0px #ffffff, -2px 0px 0px #ffffff, 0px -2px 0px #ffffff;
}

.intro p .tx-red1,
.intro h3 .tx-red1 {
	color: #fff;
	font-size: 2.2rem;
	padding: 5px;
	line-height: 1.5rem;
	background: linear-gradient(transparent 50%, #ff0000 0%);
}
.intro p .tx-red3 {
	color: #deff00;
	font-size: 2.2rem;
	padding: 5px;
	line-height: 1.5rem;
	background: linear-gradient(transparent 50%, #ff0000 0%);
}
.intro p .tx-yellow02 {
	color: #fff;
	font-size: 2.2rem;
	padding: 5px;
	line-height: 1.5rem;
	background: linear-gradient(transparent 50%, #ffcc00 0%);
}
.intro p .tx-red1-2 {
	color: #fff;
	font-size: 1.7rem;
	padding: 3px 5px;
	line-height: 1rem;
	background: linear-gradient(transparent 0%, #ff00ba 0%);
}

.intro p .tx-red2 {
	color: #ff0000;
	font-size: 2rem;
}

.intro p .tx-yellow {
	color: #ffcc00;
}

.intro p .tx-green {
	color: #deff00;
	font-size: 2rem;
}

.intro p .tx-green-b {
	color: #deff00;
	font-size: 1.8rem;
}

.intro p .tx-purple {
	/* color: #fff; */
	font-size: 1.8rem;
	padding: 5px;
	background: linear-gradient(transparent 50%, #9000ff 0%);
}

.tx-red1 {

}
.archive_area {
	list-style: none;
	text-align: center;
	padding-bottom: 65px;
	width: 77%;
	margin: 0 auto;
}

.archive_area li {
	text-align: center;
	width: 25%;
	display: inline-block;
	margin: 0 30px;
	margin-bottom: 20px;
	border: 5px solid #000;
}

.archive_area li a {
	width: 100%;
	display: block;
	padding: 0px 0px 10px;
	background: #FFF;
	text-decoration: none;
	color: #000;
}

.archive_area li a img {
	margin-bottom: 10px;
}

.archive_area li a span {
	font-size: 13px;
	background: #62018b;
	border-radius: 5px;
	padding: 0 5px;
	color: #FFF;
}

.archive_area li a span.pink {
	font-size: 13px;
	background: #ff0d89;
	border-radius: 5px;
	padding: 0 5px;
	color: #FFF;
}

.next-area {
	background: #FFF;
	width: 878px;
	margin: 50px auto;
	padding: 30px;
	box-sizing: border-box;
	line-height: 2em;
}

.next-area span {
	font-size: 1.5rem;
	font-weight: bold;
}

.next-area .next-title {
	font-size: 2.2rem;
	text-align: center;
	margin-bottom: 20px;
	font-weight: bold;
}

.next-tv-img-1 {
	width: 500px;
	margin: 30px auto 0;
	text-align: center;
}

.next-tv-img {
	width: 800px;
	margin: 30px auto 0;
	display: flex;
	justify-content: space-between;
}

.next-tv-img img {
	width: 48%;
}

#cboxLoadedContent {
	margin-bottom: 0px;
	padding: 20px;
	box-sizing: border-box;
	line-height: 1.7em;
}

@media screen and (max-width: 769px) {
	#cboxLoadedContent {
		padding: 10px;
	}
}

#cboxContent #cboxClose {
	display: none;
}

.archive-title {
	font-size: 2.2rem;
	text-align: center;
	margin-bottom: 20px;
	font-weight: bold;
}

.archive-tv-img {
	width: 800px;
	margin: 0 auto;
	text-align: center;
}

.archive-tv-img img {
	width: 100%;
}

@media screen and (max-width: 769px) {
	#tv-area .title {
		width: 190px;
	}
	#tv-area .title02 {
		width: 300px;
	}

	.intro {
		width: 90%;
		/* margin: 20px auto; */
		padding: 30px 8px 20px;
	}

	.intro p {
		font-size: 1.5rem;
		padding: 10px 8px;
		line-height: 1!important;
	}

	.intro p span {
		font-size: 1.5rem !important;
		line-height: 1!important;
	}

	.intro p span.f-s {
		font-size: 1rem !important;
	}
	.intro p span.tx-none {
		font-size: 1.1rem!important;
	}
	p.indentback {
		text-indent: -1em;
		padding-left: 1em;
	}

	.next-area {
		width: 95%;
		padding: 30px 10px;
	}

	.next-tv-img {
		width: 100%;
		margin: 10px 0;
		flex-direction: column;
		align-items: center;
	}

	.next-tv-img img {
		width: 100%;
		margin: 10px 0;
	}

	.tv-next-movie {
		width: 100%;
	}

	.tv-pr-movie {
		width: 95%;
	}

	.archive_area {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}

	.archive_area li {
		width: 40%;
		margin: 10px 5px;
		background: #FFF;
	}

	.archive_area li a {
		padding: 0px 0px 20px;
	}

	.archive_area li a span {
		font-size: 11px;
		display: block;
		width: 50%;
		padding: 5px 0;
		margin: 5px auto;
	}
	.archive_area li a span.pink {
		font-size: 11px;
		display: block;
		width: 50%;
		padding: 5px 0;
		margin: 5px auto;
	}
	.archive_area li a span {
		font-size: 11px;
		display: block;
		width: 50%;
		padding: 5px 0;
		margin: 5px auto;
	}

	.archive-title {
		font-size: 1.2rem;
	}

	.archive-tv-img {
		width: 100%;
	}

	.twitter-box {
		width: 90%;
	}

	.t-ttls {
	font-size: 1.2rem;
	}
}

.banner-tv {
	width: 500px;
	position: absolute;
	left: 10px;
	bottom: 9px;
	/* transform: translate(-50%, 0%); */
}

@media screen and (max-width: 769px) {
	.banner-tv {
		width: 150px;
	}
}

ins.adsbygoogle {
	text-align: center;
	padding-bottom: 30px !important;
}

.close-text {
	font-size: 36px;
	margin: 40px auto;
	text-align: center;
}

@media screen and (max-width: 769px) {
	.close-text {
		font-size: 30px;
	}
}

#shop-close {
	background-color: #eee;
	color: #000;
}

.shop-close-test {
	font-size: 24px;
	color: #555;
	line-height: 1.6;
	letter-spacing: 0.05em;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 176px 0px 72px;
}

@media screen and (max-width: 769px) {
	.shop-close-test {
		width: 90%;
		font-size: 20px;
		margin: 96px 16px 80px;
	}
}

.font-dela {
	font-family: 'Dela Gothic One', cursive;
}

.font-roboto {
	font-family: roboto, noto sans jp, 游ゴシック medium, yu gothic medium, yugothic medium, メイリオ, meiryo, sans-serif;
}

.rocknroll-one-regular {
	font-family: "RocknRoll One", sans-serif;
	font-weight: 400;
	font-style: normal;
	text-align: center;
  }

.ticket-text {
	color: #FFF;
	line-height: 1.5;
	font-size: 40px;
	text-align: center;
	margin: 10px 0 0;
	font-weight: bold;
}

.ticket-text-l {
	color: #FFF;
	line-height: 1.5;
	font-size: 30px;
	text-align: left;
	padding-left:50px;
	margin: 10px 0 0;
	font-weight: bold;
}


.kome {
	font-size: 20px;
}
.ticket-text.comingsoon {
	margin: 80px 0;
}

.ticket-text-sub {
	font-size: 40px;
}

.f_small,.f_small-2 {
	font-size: 25px;
}

@media screen and (max-width: 769px) {
	.ticket-text {
		line-height: 1.4;
		font-size: 23px;
		margin: 10px 0px;
	}

	.ticket-text-l {
		line-height: 1.4;
		font-size: 20px;
		margin: 10px 0px;
	}


	.ticket-text-sub {
		font-size: 19px;
	}

	.f_small {
		font-size: 15px;
	}

	.f_small-2 {
		font-size: 12px;
	}

	.pg-name {
		margin-bottom: 15px;
	}
	.kome {
		font-size: 12px;
	}
}

/*---▼▼▼ tv dvd ▼▼▼---*/

/* .tv_dvd_area {
	list-style: none;
	text-align: center;
	padding-bottom: 65px;
	width: 70%;
	margin: 0 auto;
} */

.tv_dvd_area {
	display: flex;
    list-style: none;
    text-align: center;
    padding-bottom: 65px;
    width: 60%;
    margin: 0 auto;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

.tv_dvd_area li {
	text-align: center;
	width: 25%;
	display: inline-block;
	margin: 0 10px;
	margin-bottom: 20px;
	border: 5px solid #ff0d89;
}

.tv_dvd_area li a {
	width: 100%;
	display: block;
	padding: 0px 0px 10px;
	background: #FFF;
	text-decoration: none;
	color: #000;
	box-sizing: border-box;
	padding: 20px;
}

.tv_dvd_area li a img {
	margin-bottom: 10px;
}

.tv_dvd_area li a span {
	font-size: 13px;
	color: #62018b;
	display: block;
	font-weight: bolder;
	margin-top: 10px;
}

.tv_dvd_data {
	display: flex;
}

.tv_dvd_data .tv_dvd-text {
	width: 45%;
}

.tv_dvd_data .tv_dvd-text .info {
	margin-top: 10px;
}

.tv_dvd-title {
	font-size: 2.2rem;
	text-align: center;
	margin-bottom: 50px;
	font-weight: bold;
}

.tv_dvd-img {
	width: 45%;
	margin: 0 auto;
	text-align: right;
}

.tv_dvd-img img {
	width: 50%;
}

.tv-dvd-eachbox .button2 {
	width: 50%;
	margin: auto;
	margin-top: 20px;
}

.privilege {
	color: #F00;
	font-weight: bold;
}

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

	.tv_dvd_area {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}

	.tv_dvd_area li {
		width: 40%;
		margin: 10px 5px;
		background: #FFF;
	}

	.tv_dvd_area li a {
		padding: 10px;
	}

	.tv_dvd_area li a span {
		font-size: 11px;
		display: block;
		padding: 5px 0;
		margin: 5px auto;
	}

	.tv_dvd-title {
		font-size: 1.2rem;
		margin-bottom: 10px;
	}

	.tv_dvd_data {
		flex-direction: column;
	}

	.tv_dvd-img {
		width: 100%;
		text-align: center;
	}

	.tv_dvd-img img {
		width: 70%;
		margin-bottom: 30px;
	}

	.tv_dvd_data p {
		width: 100%;
	}
	.tv_dvd_data .tv_dvd-text {
		width: 100%;
	}
	.tv-dvd-eachbox .button2 {
		width: 80%;
		margin: auto;
		margin-top: 20px;
	}

}

/*---▲▲▲ tv dvd ▲▲▲---*/
/*---▼▼▼ banner-area ▼▼▼---*/
.banner-area {
	padding: 20px;
	text-align: center;
	background: #1e1e1e;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

@media screen and (max-width: 769px) {
	.banner-area {
		flex-direction: column;
	}
}

.banner-area a {
	display: block;
	width: 34%;
    margin: 0px 7px;
}

.banner-area img {
	width: 100%;
}

@media screen and (max-width: 769px) {
	.banner-area {
		padding: 10px;
		flex-direction: column;
	}

	.banner-area a {
		width: 100%;
		margin: 5px 0;
	}

}

/*---▲▲▲ banner-area ▲▲▲---*/

/*---▼▼▼ nenmathu-area ▼▼▼---*/
#nenmathu-box {
	background: #ce1bff;
	background-image: url(img/03-back.png);
	font-family: "RocknRoll One", sans-serif;	
}

.nenmathu-title,
.sakuhin-title {
	text-align: center;
	width: 70%;
	margin: 0 auto;
}

.nenmathu-title img,
.sakuhin-title img {
	display: block;
	padding: 70px 0px;
}

.nenmathu_haishinlist,
.nenmathu_haishinlist2 {
	list-style: none;
	text-align: center;
	padding-bottom: 65px;
	width: 100%;
	max-width: 1150px;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: center;
}
@media (min-width: 768px) {
	.nenmathu_haishinlist2 {
		max-width: 720px;
	}
}

@media (min-width: 992px) {
	.nenmathu_haishinlist2 {
		max-width: 960px;
	}
}

@media (min-width: 1400px) {
	.nenmathu_haishinlist2 {
		max-width: 1350px;
	}
}

.nenmathu_haishinlist .each-event,
.nenmathu_haishinlist .each-event2,
.nenmathu_haishinlist2 .each-event2 {
	text-align:left;
	width: 32%;
	/* display: inline-block; */
	margin: 0px 5px;
	margin-bottom: 20px;
	border: 5px solid #000;
	background: #FFF;
	padding: 10px;
	padding-bottom: 30px;
	box-sizing: border-box;
	/* min-height: 520px; */
}

.nenmathu_haishinlist2 .each-event2 {
	width: 24.3333%;
	flex-grow: 1;
    display: flex;
    flex-direction: column;
	max-width: 440px;
}

.nenmathu_haishinlist .each-event .each-event-title,
.nenmathu_haishinlist2 .each-event2 .each-event-title {
    font-size: 24px;
    font-weight: bold;
    color: #ff0d89;
    margin: 20px 0;
    letter-spacing: -0.03em;
}
@media screen and (max-width: 500px) {
	.nenmathu_haishinlist .each-event .each-event-title,
	.nenmathu_haishinlist2 .each-event2 .each-event-title {
		letter-spacing: -0.03rem;
		font-size: 1.45rem;
	}
}

.nenmathu_haishinlist .each-event .each-event-title span,
.nenmathu_haishinlist2 .each-event2 .each-event-title span {
	font-size: 20px;
    line-height: 1;
    padding: 4px;
    color: #fff;
    border-radius: 5px;
    background: #000;
}

.nenmathu_haishinlist2 .each-event2 .each-event-title span.small {
	font-size: 1.3rem;
	color: #ff0d89;
	background: none;
}

.each-event .gest,
.each-event2 .gest {
	color: #c300ff;
	font-weight: bold;
}

.each-event .tx-none,
.each-event2 .tx-none {
	font-size: 1.2rem;
	display: inline-block;
	/* font-weight: bold; */
}

#nenmathu-box .intro span.gest {
	font-size: 21px;
}

#nenmathu-box .font-big {
	font-size: 38px;
}

.intro .button2 {
	width: 45%;
	margin: 0 auto;
}

.intro .button2 a {
	font-size: 20px;
	padding: 10px 20px;
	border: 2px solid #000;
	transition: .3s ease;
}

.intro .button2 a:hover {
	color: #000;
	background: #FFF;
}

.intro .t-flex {
	width: 90%;
	padding: 5px 0 30px 0;
}

@media screen and (max-width: 769px) {
	.nenmathu-title {
		width: 95%;
	}

	.nenmathu-title img {
		padding: 30px 0px;
	}
	.sakuhin-title {
		width: 100%;
	}

	.sakuhin-title img {
		padding: 0px;
	}

	.nenmathu_haishinlist,
	.nenmathu_haishinlist2 {
		width: 100%;
		margin-top: 10px;
		padding-bottom: 0px;
		justify-content: center;
	}

	.nenmathu_haishinlist .each-event,
	.nenmathu_haishinlist2 .each-event2,
	.nenmathu_haishinlist2 .each-event {
		width: 95%;
		min-width: 95%;
		min-height: auto;
		padding-bottom: 20px;
		padding-top: 6px;
	}

	#nenmathu-box .intro span.gest {
		font-size: 13px !important;
	}

	#nenmathu-box .font-big {
		font-size: 26px !important;
		line-height: 1;
	}

	.intro .button2 {
		width: 95%;
		margin-bottom: 20px;
	}
}


#ticket-box img.sold-out-button {
	max-width: 200px;
}

/* #ticket-box img.sold-out {
	max-width: 370px;
    margin-top: 9em;
    margin-bottom: -17em;
    z-index: 1000;
    position: relative;
    transform: rotate(-22deg);
} */
#ticket-box img.sold-out {
    max-width: 370px;
    margin-top: 19em;
    margin-bottom: -27em;
    z-index: 2;
    position: relative;
    transform: rotate(-22deg);
}
#ticket-box img.sold-out2 {
    max-width: 370px;
    margin-top: 19em;
    margin-bottom: -27em;
    z-index: 2;
    position: relative;
    transform: rotate(-22deg);
}

/* #ticket-box img.sold-out2 {
	max-width: 370px;
    margin-top: 9em;
    margin-bottom: -17em;
    z-index: 1000;
    position: relative;
    transform: rotate(-22deg);
} */

@media screen and (max-width: 769px) {
	#ticket-box img.sold-out {
		max-width: 212px;
		margin-top: 6em;
		margin-bottom: -11em;
		z-index: 2;
		position: relative;
		transform: rotate(-22deg);
	}
	#ticket-box img.sold-out2 {
		max-width: 212px;
		margin-top: 3em;
		margin-bottom: -8em;
		z-index: 1000;
		position: relative;
		transform: rotate(-22deg);
	}
}

.grey {
	color: #bbb;
}
/*---▲▲▲ nenmathu-area ▲▲▲---*/

p.indentback {
	text-indent: -1em;
	padding-left: 2em;
  }

 @media screen and (max-width: 769px) {
  p.indentback {
	text-indent: -1em;
	padding-left: 1em;
}
 }

  span.btn-gradient {
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.2;
	padding: 0.2rem;
	color: #4d2489;
	border: 2px solid #fff;
	border-radius: 10px;
	background-image: -webkit-gradient(linear, left top, right top, from(#fa709a), to(#fee140));
	background-image: -webkit-linear-gradient(left, #fa709a 0%, #fee140 100%);
	background-image: linear-gradient(to right, #fa709a 0%, #fee140 100%);
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
	box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
  }

@media screen and (max-width: 769px) {
    span.btn-gradient {
		font-size: 1.1rem;
		font-weight: 600;
		line-height: 0.8;
		padding: 0.1rem;
		color: #4d2489;
		border: 1px solid #fff;
		border-radius: 0;
		background-image: -webkit-gradient(linear, left top, right top, from(#fa709a), to(#fee140));
		background-image: -webkit-linear-gradient(left, #fa709a 0%, #fee140 100%);
		background-image: linear-gradient(to right, #fa709a 0%, #fee140 100%);
		-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
		box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
	  }
}

span.font-border {
		color: #deff00;
		box-sizing: border-box;
		text-shadow: 2px 2px 0px #111111, -2px 2px 0px #111111, 2px -2px 0px #111111, -2px -2px 0px #111111, 2px 0px 0px #111111, 0px 2px 0px #111111, -2px 0px 0px #111111, 0px -2px 0px #111111;
}

/*---TVコンテンツ内---*/

.innerWrap {
	position: relative;
    display: block;
    box-sizing: border-box;
    width: auto;
    min-width: calc( 100% - 273px );
    padding: 25px 100px 40px 90px;
	background: #5e33ff;
    background-image: repeating-linear-gradient(-45deg,#8657ff, #8657ff 5px,transparent 0, transparent 10px);
}

.innerWrap::before {
	position: absolute;
	background-image: url(img/green-color.png);
	background-repeat: no-repeat;
    background-position: bottom;
}

.innerWrap h2 {
	color: #fff !important;
	text-shadow    : 
		  2px  2px 0px #111111,
		 -2px  2px 0px #111111,
		  2px -2px 0px #111111,
		 -2px -2px 0px #111111,
		  2px  0px 0px #111111,
		  0px  2px 0px #111111,
		 -2px  0px 0px #111111,
		  0px -2px 0px #111111; 
	box-sizing: border-box;
    width: 100%;
    padding: 35px 0 45px 5px;
    text-align: left;
    font-size: 30px;
    font-weight: bold;
    line-height: 1.2;
    letter-spacing: .1em;
   }
   
   .cast {
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 1.5em;
   }
   .cast figure {
	width: 20%;
	margin: 0 !important;
   }
   .cast .cast-text {
	width: 78%;
	text-align:justify;
	word-break:break-all; 
	text-justify:inter-ideograph;
	text-justify:inter-character;
	word-wrap:break-word;
   }
   .cast-text p {
	line-height: 1.85;
    margin-bottom: 1.6em;
    font-feature-settings: "palt";
    font-size: 1.4rem;
    font-weight: bold;
    color: #fff;
	text-shadow    : 
		  2px  2px 0px #111111,
		 -2px  2px 0px #111111,
		  2px -2px 0px #111111,
		 -2px -2px 0px #111111,
		  2px  0px 0px #111111,
		  0px  2px 0px #111111,
		 -2px  0px 0px #111111,
		  0px -2px 0px #111111; 

   }
   .cast-text .name {
	color: #111 !important;
	font-size: 2rem;
	font-weight: 1000;
	text-shadow    : 
		  2px  2px 0px #ffffff,
		 -2px  2px 0px #ffffff,
		  2px -2px 0px #ffffff,
		 -2px -2px 0px #ffffff,
		  2px  0px 0px #ffffff,
		  0px  2px 0px #ffffff,
		 -2px  0px 0px #ffffff,
		  0px -2px 0px #ffffff;
   }
   .cast-text span + span {
	font-size: 1.0rem;
	font-weight: 500;
   }
   .cast-comment {
	background: rgba(255,255,255,0.8);
	padding: 15px 10px;
	color: #333 !important;
	text-shadow: none !important;
   }
   .cast-comment span {
	font-size: 1.0rem;
	font-weight: 500;
   }
   
   .intro-content {
	/* display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap; */
	/* margin-bottom: 1.5em; */
   }
   .intro-content figure {
	width: 63%;
    margin: 0 auto!important;
    padding: 0 20px 0 30px;
	/* transform: rotate( -3deg ); */
   }
   .intro-content .intro-content-text {
	/* width: 60%;
	text-align:justify;
	word-break:break-all; 
	text-justify:inter-ideograph;
	text-justify:inter-character;
	word-wrap:break-word; */
	margin: 0 auto;
    text-align: center;
   }
   .intro-content-text p {
	line-height: 1.85;
    margin-bottom: 1.6em;
    font-feature-settings: "palt";
    font-size: 1.4rem;
    font-weight: bold;
    color: #fff;
	text-shadow    : 
		  2px  2px 0px #111111,
		 -2px  2px 0px #111111,
		  2px -2px 0px #111111,
		 -2px -2px 0px #111111,
		  2px  0px 0px #111111,
		  0px  2px 0px #111111,
		 -2px  0px 0px #111111,
		  0px -2px 0px #111111; 
	/* padding-left: 0; */
	/* padding-top: 26px; */
	line-height: 1.2 !important;
   }
   .intro-content-text .name {
	color: #111 !important;
	font-size: 2rem;
	font-weight: 1000;
	text-shadow    : 
		  2px  2px 0px #ffffff,
		 -2px  2px 0px #ffffff,
		  2px -2px 0px #ffffff,
		 -2px -2px 0px #ffffff,
		  2px  0px 0px #ffffff,
		  0px  2px 0px #ffffff,
		 -2px  0px 0px #ffffff,
		  0px -2px 0px #ffffff;
   }
   .intro-content-text span + span {
	font-size: 1.0rem;
	font-weight: 500;
   }
   .intro-content-comment {
	background: rgba(255,255,255,0.8);
	padding: 15px 10px;
	color: #333 !important;
	text-shadow: none !important;
   }
   .intro-content-comment span {
	font-size: 1.0rem;
	font-weight: 500;
   }
   
   
   @media screen and (max-width: 480px){

	br.onlyPC {
		display: none;
	}
	.innerWrap h2 {
		text-align: center;
	}
	.cast-text p {
		margin-top: 16px;
		font-size: 1.2rem;
		line-height: 1.3;
	}
   .cast {
	margin-bottom: 3em;
	text-align: center;
   }
   .cast figure {
	width: 100%;
	text-align: center;
   }
   .cast .cast-text {
	width: 100%;
   }

   .intro-content {
	margin-bottom: 1em;
	text-align: center;
   }
   .intro-content figure {
	width: 90%;
	text-align: center;
	padding: 0;
	margin: 0 auto;
   }
   .intro-content figure img {
		margin-top: -20px!important;
   }
   .intro-content .intro-content-text {
	width: 100%;
   }
   .intro-content-text p {
	padding: 0 20px;
	margin-bottom: 0;
	font-size: 1rem;
   }

   .intro-content-text p span.name{
	font-size: 1.5rem !important;
   }
   .intro p .tx-red1,
   .intro h3 .tx-red1 {
	font-size: 1.8rem !important;
	line-height: 1.2;
   }
   hr {
	margin-bottom: 20px;
   }
   }

   hr {
	height: 0;
	margin: 0;
	padding: 0;
	border: 0;
  }   

   .hr2 {
	border-top: 2px solid #ffd8fb;
	margin-bottom: 6px;
  }

   .hr3 {
	border-top: 2px solid #a890ff;
	margin-bottom: 6px;
  }

p.tx-yellow {
	color: #ffcc00;
}

#ticket-box img.img540 {
width:200px;
margin-bottom: -37px;
/* margin-left: 46px; */
}

#ticket-box img.img305,
#info-box img.img305 {
width:305px;
margin-bottom: 40px;
/* margin-left: 46px; */
}

.info-box img.img305 {
width:305px;
margin-bottom: 40px;
/* margin-left: 46px; */
max-width: 1080px;
text-align: center;
display: block;
margin: 0 auto;
padding: 20px 0;
}

@media screen and (max-width: 480px){
	#ticket-box img.img305,
	#info-box img.img305 {
		width:230px;
		margin-bottom: -120px;
		/* margin-left: 46px; */
		}
	}

p.indentback a {
	margin: 20px auto;
	text-shadow: none;
}

p.indentback a:hover {
	margin-top: 23px;
}

.btn01,
a.btn01,
button.btn {
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 0.8rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #fff;
  border-radius: 0.5rem;
  width: 73%;
  /* margin: 20px auto; */
}

a.btn--yellow {
font-weight: 800;
  color: #000;
  background-color: #deff00;
  border-bottom: 5px solid #b1a802;
}

a.btn--yellow:hover {
  margin-top: 3px;
  color: #704ada;
  background: #deff00;
  border-bottom: 2px solid #b1a802;
}

@media screen and (max-width: 480px) {
	.btn01,
	a.btn01,
	button.btn {
		width: 65%;
		font-size: 1rem;
		padding: 0.5rem 3rem;
	}

	.intro p .tx-red1-2 {
		padding: 0;
		font-size: 1.2rem !important;
	}
	
}

.mb10 {
	margin-bottom: 10px !important;
}
.mb20 {
	margin-bottom: 20px !important;
}
.mb30 {
	margin-bottom: 30px !important;
}
.mb40 {
	margin-bottom: 40px !important;
}
.mt0 {
	margin-top: 0px !important;
}
.mt10 {
	margin-top: 10px !important;
}
.mt20 {
	margin-top: 20px;
}
.mt30 {
	margin-top: 30px;
}
.mt40 {
	margin-top: 40px;
}

span.inline {
	display: inline-block;
}

.intro .wid80 {
	text-align: center;
	margin-bottom: 40px;
}

.intro .wid80 img {
	width: 85%;
}

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

	.intro .wid80 img {
		width: 98%;
	}
}

.outline {
	color          : #fff;            /* 文字の色 */
	text-shadow    : 
	3px  3px 4px #ff05e5,
	-3px  3px 4px #ff05e5,
	 3px -3px 4px #ff05e5,
	-3px -3px 4px #ff05e5,
	 3px  0px 4px #ff05e5,
	 0px  3px 4px #ff05e5,
	-3px  0px 4px #ff05e5,
	 0px -3px 4px #ff05e5;    
	 /* margin-left: 16px; */
  }

  
/* 新ナビ開発用　↓↓↓↓ */

.header{
	float: left;
    text-align: left;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 90px;
	z-index: 10;
	background-color: #000c;
  }
  .header_inner {
	position: relative;
	/* padding: 15px; */
  }
  .logo{
	position: absolute;
	top: 0;
	left: 0;
	padding: 6px 15px
  }
  h1.title{
	font-size: 2rem;
	font-weight: 600;
	float: left;
    text-align: left;
  }

  h1.title img {
	width: 200px;
  }
  
  /* header固定のため余白をつける。メニューのCSSには関係ない */
  .main{  
	margin-top: 60px;
  }
  
  @media only screen and (max-width: 768px) {

	.header {
		height: 54px;
	}
	
	h1.title img {
		width: 90px;
	  }

	.nav {
	  position: fixed;
	  right: -320px; /* 右から出てくる */
	  top: 0;
	  width: 300px; /* スマホに収まるサイズ */
	  height: 100vh;
	  padding-top: 60px;
	  background-color: #000c;
	  transition: all .6s;
	  z-index: 200;
	  /* overflow-y: auto; メニューが多くなったらスクロールできるように */
	}
	.hamburger {
	  position: absolute;
	  right: 15px;
	  top: 8px;
	  width: 40px; /* クリックしやすい幅 */
	  height: 40px; /* クリックしやすい高さ */
	  cursor: pointer;
	  z-index: 300;
	}
	.nav_list {
	  margin: 0;
	  padding: 0;
	  list-style: none;
	}
	.nav_item {
	  text-align: center;
	  padding: 0 14px;
	}
	.nav_item a {
	  display: block;  
	  padding: 2px 0 14px;
	  border-bottom: 1px solid #eee;
	  text-decoration: none;
	  color: #fff;
	}
	.nav_item a:hover {
	  background-color: #e004e7;
	}
	.hamburger_border {
	  position: absolute;
	  left: 11px;
	  width: 18px;
	  height: 2px;
	  background-color: #fff;
	  transition: all .6s;
	}
	.hamburger_border_top {
	  top: 14px;
	}
	.hamburger_border_center {
	  top: 20px;
	}
	.hamburger_border_bottom {
	  top: 26px;
	}
	.black_bg {
	  position: fixed;
	  left: 0;
	  top: 0;
	  width: 100vw;
	  height: 100vh;
	  z-index: 100;
	  background-color: #333;
	  opacity: 0;
	  visibility: hidden;
	  transition: all .6s;
	  cursor: pointer;
	}
  
	/* 表示された時用のCSS */
	.nav-open .nav {
	  right: 0;
	}
	.nav-open .black_bg {
	  opacity: .8;
	  visibility: visible;
	}
	.nav-open .hamburger_border_top {
	  transform: rotate(45deg);
	  top: 20px;
	}
	.nav-open .hamburger_border_center {
	  width: 0;
	  left: 50%;
	}
	.nav-open .hamburger_border_bottom {
	  transform: rotate(-45deg);
	  top: 20px;
	}
  }/* sp */
  
  @media only screen and (min-width: 769px) {
	.header_inner{
		/* max-width: 1140px; */
        width: 100%;
        padding: 15px 0;
        /* padding: 15px 30px 0; */
        margin-left: auto;
        margin-right: auto;
	}
	.logo{
		width: 200px;
	  	padding: 6px 30px
	}
	.nav_list{
	  text-align: right;
	}
	.nav_list li{
	  display: inline-block;
	  text-align: right;
	  padding-left: 20px;
	}
	.nav_list li a{
	  color: #fff;
	  font-weight: 600;
	  text-decoration: none;
	  outline: none;
	  font-size: 1.2rem;
	}
  }/* pc */

/* 新ナビ開発用　↑↑↑↑ */

.info-box {
	position: relative;
}

h2.ttl {
    font-size: 28px;
    font-weight: bold;
    text-align: center;
    position: absolute;
    top: 70px;
    font-family: 'kirugo', sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    color: #ffffff;
    font-size: 50px;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 1), -2px -2px 2px rgba(0, 0, 0, 1), -2px 2px 0px rgba(0, 0, 0, 1), 2px -2px 0px rgba(0, 0, 0, 1), 6px 6px 0px rgba(6, 0, 253, 1);
    font-weight: 500;
    letter-spacing: 0.08em;
}

/* sp */
  
@media only screen and (max-width: 769px) {
	h2.ttl {
		font-size: 2.5rem;
		top: 40px;
		/* position: unset; */
		margin: 40px auto;
	}

	.info-box img.img305 {
		width: 245px;
		padding: 36px 0;
	}
	
}

.inner{
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
 }
 .bg{
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background-size: cover;
	background-position: center;
	z-index: -1;
	background-image: url(img/b-cherry2.png);
    background-size: 11%;
    background-color: #5E33FE;
    background-blend-mode: lighten;
    background-size: 20%;
 }

 /* * {
  outline: 2px solid blue;
} */

/* .slick01 {
	margin: 0 auto; コンテナを中央寄せにする
	max-width: 100%; コンテナの最大幅を100%にする
  }

  .main-box02 {
	margin: 0 auto; コンテナを中央寄せにする
	max-width: 100%; コンテナの最大幅を100%にする
  }
  
  .slick-slide {
	text-align: center; スライド内のコンテンツを中央寄せにする
  }
  .main-box02 {
	max-width: 100%;
	width: 100vw;
	height: auto;
	overflow: hidden;
  }
  .slick01 {
	margin: 0 auto; スライダー全体を中央寄せ
  }
  .slick-slide img {
	display: block;
	margin: 0 auto; 画像を中央寄せ
  } */

/* 点滅 */
.blinking{
	/* letter-spacing: -0.15rem; */
	display: block;
	-webkit-animation:blink 1.5s ease-in-out infinite alternate;
    -moz-animation:blink 1.5s ease-in-out infinite alternate;
    animation:blink 1.5s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}

ul.box {
	/* color: #84abff;  */
	color: #ffa2f5; 
	/* border: double 5px #668ad8;二重線 太さ 色 */
	/* background: #f1f8ff;  */
	padding: 0em 0.5em 0.5em 1.3em;
	width: 90%;
}

ul.box li {
	line-height: 1.3;
	padding: 0.5em 0;
	padding-left: 40px;
	/* list-style: disc;
	list-style-position: inside;
	list-style-image: url(images/lip.png) inside; */
	background: url(images/lip.png) left 0px top 11px no-repeat;
	background-size: 35px auto;
}
.c-button._shiny {
    display: block;
    position: relative;
    padding: 1em 1.5em;
    background-color: #ff05e5;
    box-shadow: 0 3px 0 0 #ae069d;
	border: 2px solid #fff;
    border-radius: 10px;
  margin:20px 10px 0;
    font-weight: bold;
    font-size: 16px;
  /* max-width:350px; */
    color: #fff;
    text-align: center;
    text-decoration: none;
    overflow: hidden;
  transition: 300ms;
}
@media only screen and (max-width: 769px) {
	.c-button._shiny {
		/* margin: 16px auto; */
	}
ul.box{
	padding: 0em 0.5em 0.5em 0.3em;
}
	
ul.box li {
	padding-left: 26px;
	/* list-style: disc;
	list-style-position: inside;
	list-style-image: url(images/lip.png) inside; */
	background: url(images/lip.png) left 0px top 8px no-repeat;
	background-size: 25px auto;
}
}

.c-button._shiny::before {
    position: absolute;
    content: '';
    display: inline-block;
    top: -180px;
    left: 0;
    width: 30px;
    height: 100%;
    background-color: #b5e7ff;
    transition: 300ms;
    animation: shinyshiny 2.5s ease-in-out infinite;
}

.c-button._shiny:hover {
    text-decoration: none;
    color: #fff;
    box-shadow: none;
    -webkit-transform: translateY(3px);
}

@-webkit-keyframes shinyshiny {
    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}

@media screen and (max-width: 769px) {
	.c-button._shiny {
		display: block;
		width: 70vw;
	  max-width:300px;
	}
}
.flex-items2 {
	display: flex;
	/* width: fit-content; */
}
@media screen and (max-width: 769px) {
	.flex-items2 {
		display: flex;
		flex-direction: column;
	}
}

/* 要素をふわふわ */

.fuwafuwa {
	-webkit-animation:fuwafuwa 3s infinite linear alternate;
	animation:fuwafuwa 3s infinite linear alternate;
	}
	
	@-webkit-keyframes fuwafuwa {
	0% {-webkit-transform:translate(0, 0) rotate(-5deg);}
	50% {-webkit-transform:translate(0, -5px) rotate(0deg);}
	100% {-webkit-transform:translate(0, 0)rotate(5deg);}
	}
	
	@keyframes fuwafuwa {
	0% {transform:translate(0, 0) rotate(-5deg);}
	50% {transform:translate(0, -5px) rotate(0deg);}
	100% {transform:translate(0, 0)rotate(5deg);}
	}
	
/* グローバルナビゲーション */

.nav_list {
    display: flex;
}
.gnavi__list {
    width: 50%;
    height: 60px;
    /* background-color: #E5F0F8; */
    position: relative;
    transition: all .3s;
}
.gnavi__list:hover {
    background-color: #e004e7;
}
.gnavi__list:not(:first-child)::before {
    content: "";
    width: 1px;
    height: 100%;
    /* background-color: #fff; */
    position: absolute;
    top: 0;
    left: 0;
    transition: all .3s;
}
.gnavi__list:hover::before {
    background-color: #e004e7;
}
.gnavi__list a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: #fff;
    font-size: 15px;
    letter-spacing: 0.05em;
    font-weight: 600;
    transition: all .3s;
}
.gnavi__list:hover a {
    color: #fff;
}

.dropdown__lists {
    display: none;/*デフォルトでは非表示の状態にしておく*/
    width: 100%;
    position: absolute;
    top: 60px;
    left: 0;
}
.gnavi__list:hover .dropdown__lists {
    display: block;/*Gナビメニューにホバーしたら表示*/
}
.dropdown__list {
    background-color: #f058f6;
    height: 60px !important;
    transition: all .3s;
    position: relative;
}
.dropdown__list:not(:first-child)::before{
    content: "";
    width: 100%;
    height: 1px;
    background-color: #f219fa;
    position: absolute;
    top: 0;
    left: 0;
}
.dropdown__list:hover {
    background-color: #a90fd7;
}
.dropdown__list a {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #fff;
    text-decoration: none;
    position: relative;
    font-size: 0.95rem !important;
    letter-spacing: -0.01rem;
    flex-wrap: nowrap;
    padding-left: 1rem;
}
.dropdown__list a::before {
	content: '';
    display: block;
    width: 6px;
    height: 6px;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    transform: rotate(135deg);
    position: absolute;
    right: 28px;
    top: calc(50% - 5px);
}
.dropdown__lists {
    visibility: hidden;/*デフォルトでは非表示の状態にしておく*/
    opacity: 0;/*不透明度0*/
    transition: all .3s;/*表示の変化を0.3秒に指定*/
    width: 100%;
    position: absolute;
    top: 60px;
    left: 0;
}
.gnavi__list:hover .dropdown__lists {
    visibility: visible;/*Gナビメニューにホバーしたら表示*/
    opacity: 1;/*不透明度1*/
}
@media screen and (max-width: 769px) {
		
	.nav_list {
		display: block;
	}
	.gnavi__list {
		width: 50%;
		height: 45px;
		/* background-color: #E5F0F8; */
		position: relative;
		transition: all .3s;
	}
	.gnavi__list:hover {
		background-color: #e004e7;
	}
	.gnavi__list:not(:first-child)::before {
		content: "";
		width: 1px;
		height: 100%;
		/* background-color: #fff; */
		position: absolute;
		top: 0;
		left: 0;
		transition: all .3s;
	}
	.gnavi__list:hover::before {
		background-color: #e004e7;
	}
	.gnavi__list a {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 100%;
		text-decoration: none;
		color: #fff;
		font-size: 1.2rem;
		letter-spacing: 0.05em;
		font-weight: 600;
		transition: all .3s;
	}
	.gnavi__list:hover a {
		color: #fff;
	}

	.dropdown__lists {
		display: none;/*デフォルトでは非表示の状態にしておく*/
		width: 100%;
		position: absolute;
		top: 90px;
		left: 0;
	}
	.gnavi__list:hover .dropdown__lists {
		display: block;/*Gナビメニューにホバーしたら表示*/
	}
	.dropdown__list {
		background-color: #f058f6;
		height: 30px !important;
		transition: all .3s;
		position: relative;
		z-index: 200;
	}
	.dropdown__list:not(:first-child)::before{
		content: "";
		width: 100%;
		height: 1px;
		background-color: #a90fd7 ;
		position: absolute;
		top: 0;
		left: 0;
	}
	.dropdown__list:hover {
		background-color: #a90fd7;
		height: 30px !important;
		transition: all .3s;
	}
	.dropdown__list a {
		display: flex;
		justify-content: center;
		align-items: center;
		color: #fff;
		text-decoration: none;
		position: relative;
		font-size: 1.1rem;
		letter-spacing: -0.01em;
		padding-left: 0;
	}
	.dropdown__list a::before {
		content: '';
		display: block;
		width: 6px;
		height: 6px;
		border-top: 2px solid #fff;
		border-left: 2px solid #fff;
		transform: rotate(135deg);
		position: absolute;
        right: 10px;
        top: calc(50% - 10px);
	}
	.dropdown__lists {
		visibility: hidden;/*デフォルトでは非表示の状態にしておく*/
		opacity: 0;/*不透明度0*/
		transition: all .3s;/*表示の変化を0.3秒に指定*/
		width: 100%;
		position: absolute;
		top: 90px;
		left: 0;
	}
	.gnavi__list:hover .dropdown__lists {
		visibility: visible;/*Gナビメニューにホバーしたら表示*/
		opacity: 1;/*不透明度1*/
		width: 100%;
	}
}

*br {
	line-height: initial;
}

img.bnr {
	width: 650px;
}
@media screen and (max-width: 769px) {
	img.bnr {
		width: 80%;
	}
}

/* .slick01 img {
	opacity: 0;
	transition: opacity 0.5s ease-in-out;
  }
  
  .slick-initialized .slick01 img {
	opacity: 1;
  } */

  
a.no-set {
    pointer-events: none;
    background-color: #6c6c6c;
    color: #fff;
}

/* * {
  outline: 1px solid red;
} */