@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Fjalla+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Pen+Script&display=swap');

@font-face {
	font-family: YuGothicM;
	src: local("Yu Gothic Medium");
}

/* Reset Style */
/* line 8, ../sass/_reset.scss */
html {
	overflow-y: scroll;
	font-family: "YuGothic";
}

/* line 11, ../sass/_reset.scss */
body {
	line-height: 1;
	color: #FFF;
}

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


/* html5doctor.com Reset Stylesheet v1.6.1
Last Updated: 2010-09-17 Author: Richard Clark - http://richclarkdesign.com Twitter: @rich_clark */
/* line 20, ../sass/_reset.scss */
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

/* line 41, ../sass/_reset.scss */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

/* line 46, ../sass/_reset.scss */
nav ul {
	list-style: none;
}

/* line 50, ../sass/_reset.scss */
blockquote,
q {
	quotes: none;
}

/* line 54, ../sass/_reset.scss */
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

/* line 60, ../sass/_reset.scss */
a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

/* line 69, ../sass/_reset.scss */
ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none;
}

/* line 76, ../sass/_reset.scss */
mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold;
}

/* line 83, ../sass/_reset.scss */
del {
	text-decoration: line-through;
}

/* line 87, ../sass/_reset.scss */
abbr[title],
dfn[title] {
	border-bottom: 1px dotted;
	cursor: help;
}

/* line 92, ../sass/_reset.scss */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* line 98, ../sass/_reset.scss */
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
	margin: 1em 0;
	padding: 0;
}

/* line 107, ../sass/_reset.scss */
input,
select {
	vertical-align: middle;
}

/* YUI 3.4.1 (build 4118) Copyright 2011 Yahoo! Inc. All rights reserved.
Licensed under the BSD License. http://yuilibrary.com/license/ */
/* line 160, ../sass/_reset.scss */
select,
input,
button,
textarea {
	font: 99% arial, helvetica, clean, sans-serif;
}

/* line 165, ../sass/_reset.scss */
table {
	font-size: inherit;
	font: 100%;
}

/* line 171, ../sass/_reset.scss */
pre,
code,
kbd,
samp,
tt {
	font-family: monospace;
	*font-size: 108%;
	line-height: 100%;
}

/* 汎用クラス */
/* line 37, ../sass/_mixin.scss */
[class^="mark"] {
	padding-left: 15px;
	background: no-repeat left .5em;
}

/* line 49, ../sass/_mixin.scss */
.opacity {
	opacity: 0.55;
	-moz-opacity: 0.55;
	filter: alpha(opacity=55);
	-ms-filter: "alpha(opacity=55)";
}

/* line 58, ../sass/_mixin.scss */
.inline_block {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

/* line 65, ../sass/_mixin.scss */
.table_cell {
	display: table-cell;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
}

/* line 73, ../sass/_mixin.scss */
.fr,
.imgR {
	float: right;
	margin-left: 10px;
}

/* line 80, ../sass/_mixin.scss */
.fl,
.imgL {
	float: left;
	margin-right: 10px;
}

/* line 87, ../sass/_mixin.scss */
.imgC,
.tC,
.btn {
	text-align: center;
}
.movie-wrap {
	position: relative;
	padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
	height: 0;
	overflow: hidden;
	margin-bottom: 2rem;
}

.movie-wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* line 92, ../sass/_mixin.scss */
.indent-1 {
	text-indent: -1em;
	padding-left: 1em;
}

/* line 98, ../sass/_mixin.scss */
.imgC {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* line 105, ../sass/_mixin.scss */
.tR,
.sign {
	text-align: right;
}

/* line 111, ../sass/_mixin.scss */
.box_size {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

/* line 118, ../sass/_mixin.scss */
.ts_none {
	-webkit-text-shadow: none !important;
	-moz-text-shadow: none !important;
	-ms-text-shadow: none !important;
	-o-text-shadow: none !important;
	text-shadow: none !important;
}

/* line 125, ../sass/_mixin.scss */
.bs_none {
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	-ms-box-shadow: none !important;
	-o-box-shadow: none !important;
	box-shadow: none !important;
}

/* line 130, ../sass/_mixin.scss */
.cRed {
	color: #e60013 !important;
}

/* line 136, ../sass/_mixin.scss */
.mt0 {
	margin-top: 0px !important;
}

/* line 137, ../sass/_mixin.scss */
.mb0 {
	margin-bottom: 0px !important;
}

/* line 138, ../sass/_mixin.scss */
.pt0 {
	padding-top: 0px !important;
}

/* line 139, ../sass/_mixin.scss */
.pb0 {
	padding-bottom: 0px !important;
}

/* line 136, ../sass/_mixin.scss */
.mt5 {
	margin-top: 5px !important;
}

/* line 137, ../sass/_mixin.scss */
.mb5 {
	margin-bottom: 5px !important;
}

/* line 138, ../sass/_mixin.scss */
.pt5 {
	padding-top: 5px !important;
}

/* line 139, ../sass/_mixin.scss */
.pb5 {
	padding-bottom: 5px !important;
}

/* line 136, ../sass/_mixin.scss */
.mt10 {
	margin-top: 10px !important;
}

/* line 137, ../sass/_mixin.scss */
.mb10 {
	margin-bottom: 10px !important;
}

/* line 138, ../sass/_mixin.scss */
.pt10 {
	padding-top: 10px !important;
}

/* line 139, ../sass/_mixin.scss */
.pb10 {
	padding-bottom: 10px !important;
}

/* line 136, ../sass/_mixin.scss */
.mt15 {
	margin-top: 15px !important;
}

/* line 137, ../sass/_mixin.scss */
.mb15 {
	margin-bottom: 15px !important;
}

/* line 138, ../sass/_mixin.scss */
.pt15 {
	padding-top: 15px !important;
}

/* line 139, ../sass/_mixin.scss */
.pb15 {
	padding-bottom: 15px !important;
}

/* line 136, ../sass/_mixin.scss */
.mt20 {
	margin-top: 20px !important;
}

/* line 137, ../sass/_mixin.scss */
.mb20 {
	margin-bottom: 20px !important;
}

/* line 138, ../sass/_mixin.scss */
.pt20 {
	padding-top: 20px !important;
}

/* line 139, ../sass/_mixin.scss */
.pb20 {
	padding-bottom: 20px !important;
}

/* line 136, ../sass/_mixin.scss */
.mt25 {
	margin-top: 25px !important;
}

/* line 137, ../sass/_mixin.scss */
.mb25 {
	margin-bottom: 25px !important;
}

/* line 138, ../sass/_mixin.scss */
.pt25 {
	padding-top: 25px !important;
}

/* line 139, ../sass/_mixin.scss */
.pb25 {
	padding-bottom: 25px !important;
}

/* line 136, ../sass/_mixin.scss */
.mt30 {
	margin-top: 30px !important;
}

/* line 137, ../sass/_mixin.scss */
.mb30 {
	margin-bottom: 30px !important;
}

/* line 138, ../sass/_mixin.scss */
.pt30 {
	padding-top: 30px !important;
}

/* line 139, ../sass/_mixin.scss */
.pb30 {
	padding-bottom: 30px !important;
}

/* line 136, ../sass/_mixin.scss */
.mt35 {
	margin-top: 35px !important;
}

/* line 137, ../sass/_mixin.scss */
.mb35 {
	margin-bottom: 35px !important;
}

/* line 138, ../sass/_mixin.scss */
.pt35 {
	padding-top: 35px !important;
}

/* line 139, ../sass/_mixin.scss */
.pb35 {
	padding-bottom: 35px !important;
}

/* line 136, ../sass/_mixin.scss */
.mt40 {
	margin-top: 40px !important;
}

/* line 137, ../sass/_mixin.scss */
.mb40 {
	margin-bottom: 40px !important;
}

/* line 138, ../sass/_mixin.scss */
.pt40 {
	padding-top: 40px !important;
}

/* line 139, ../sass/_mixin.scss */
.pb40 {
	padding-bottom: 40px !important;
}

/* line 136, ../sass/_mixin.scss */
.mt45 {
	margin-top: 45px !important;
}

/* line 137, ../sass/_mixin.scss */
.mb45 {
	margin-bottom: 45px !important;
}

/* line 138, ../sass/_mixin.scss */
.pt45 {
	padding-top: 45px !important;
}

/* line 139, ../sass/_mixin.scss */
.pb45 {
	padding-bottom: 45px !important;
}

/* line 136, ../sass/_mixin.scss */
.mt50 {
	margin-top: 50px !important;
}

/* line 137, ../sass/_mixin.scss */
.mb50 {
	margin-bottom: 50px !important;
}

/* line 138, ../sass/_mixin.scss */
.pt50 {
	padding-top: 50px !important;
}

/* line 139, ../sass/_mixin.scss */
.pb50 {
	padding-bottom: 50px !important;
}

/* line 136, ../sass/_mixin.scss */
.mt55 {
	margin-top: 55px !important;
}

/* line 137, ../sass/_mixin.scss */
.mb55 {
	margin-bottom: 55px !important;
}

/* line 138, ../sass/_mixin.scss */
.pt55 {
	padding-top: 55px !important;
}

/* line 139, ../sass/_mixin.scss */
.pb55 {
	padding-bottom: 55px !important;
}

/* line 136, ../sass/_mixin.scss */
.mt60 {
	margin-top: 60px !important;
}

/* line 137, ../sass/_mixin.scss */
.mb60 {
	margin-bottom: 60px !important;
}

/* line 138, ../sass/_mixin.scss */
.pt60 {
	padding-top: 60px !important;
}

/* line 139, ../sass/_mixin.scss */
.pb60 {
	padding-bottom: 60px !important;
}

/* line 136, ../sass/_mixin.scss */
.mt65 {
	margin-top: 65px !important;
}

/* line 137, ../sass/_mixin.scss */
.mb65 {
	margin-bottom: 65px !important;
}

/* line 138, ../sass/_mixin.scss */
.pt65 {
	padding-top: 65px !important;
}

/* line 139, ../sass/_mixin.scss */
.pb65 {
	padding-bottom: 65px !important;
}

/* line 136, ../sass/_mixin.scss */
.mt70 {
	margin-top: 70px !important;
}

/* line 137, ../sass/_mixin.scss */
.mb70 {
	margin-bottom: 70px !important;
}

/* line 138, ../sass/_mixin.scss */
.pt70 {
	padding-top: 70px !important;
}

/* line 139, ../sass/_mixin.scss */
.pb70 {
	padding-bottom: 70px !important;
}

/* line 136, ../sass/_mixin.scss */
.mt75 {
	margin-top: 75px !important;
}

/* line 137, ../sass/_mixin.scss */
.mb75 {
	margin-bottom: 75px !important;
}

/* line 138, ../sass/_mixin.scss */
.pt75 {
	padding-top: 75px !important;
}

/* line 139, ../sass/_mixin.scss */
.pb75 {
	padding-bottom: 75px !important;
}

/* line 136, ../sass/_mixin.scss */
.mt80 {
	margin-top: 80px !important;
}

/* line 137, ../sass/_mixin.scss */
.mb80 {
	margin-bottom: 80px !important;
}

/* line 138, ../sass/_mixin.scss */
.pt80 {
	padding-top: 80px !important;
}

/* line 139, ../sass/_mixin.scss */
.pb80 {
	padding-bottom: 80px !important;
}

/* line 136, ../sass/_mixin.scss */
.mt85 {
	margin-top: 85px !important;
}

/* line 137, ../sass/_mixin.scss */
.mb85 {
	margin-bottom: 85px !important;
}

/* line 138, ../sass/_mixin.scss */
.pt85 {
	padding-top: 85px !important;
}

/* line 139, ../sass/_mixin.scss */
.pb85 {
	padding-bottom: 85px !important;
}

/* line 136, ../sass/_mixin.scss */
.mt90 {
	margin-top: 90px !important;
}

/* line 137, ../sass/_mixin.scss */
.mb90 {
	margin-bottom: 90px !important;
}

/* line 138, ../sass/_mixin.scss */
.pt90 {
	padding-top: 90px !important;
}

/* line 139, ../sass/_mixin.scss */
.pb90 {
	padding-bottom: 90px !important;
}

/* line 136, ../sass/_mixin.scss */
.mt95 {
	margin-top: 95px !important;
}

/* line 137, ../sass/_mixin.scss */
.mb95 {
	margin-bottom: 95px !important;
}

/* line 138, ../sass/_mixin.scss */
.pt95 {
	padding-top: 95px !important;
}

/* line 139, ../sass/_mixin.scss */
.pb95 {
	padding-bottom: 95px !important;
}

/* line 136, ../sass/_mixin.scss */
.mt100 {
	margin-top: 100px !important;
}

/* line 137, ../sass/_mixin.scss */
.mb100 {
	margin-bottom: 100px !important;
}

/* line 138, ../sass/_mixin.scss */
.pt100 {
	padding-top: 100px !important;
}

/* line 139, ../sass/_mixin.scss */
.pb100 {
	padding-bottom: 100px !important;
}

/* line 141, ../sass/_mixin.scss */
.fz10 {
	font-size: 1rem !important;
}

/* line 142, ../sass/_mixin.scss */
.fz12 {
	font-size: 1.2rem !important;
}

/* line 143, ../sass/_mixin.scss */
.fz14 {
	font-size: 1.4rem !important;
}

/* line 144, ../sass/_mixin.scss */
.fz16 {
	font-size: 1.6rem !important;
}

/* line 145, ../sass/_mixin.scss */
.fz18 {
	font-size: 1.8rem !important;
}

/* line 146, ../sass/_mixin.scss */
.fz20 {
	font-size: 2rem !important;
}

/* line 147, ../sass/_mixin.scss */
.fz22 {
	font-size: 2.2rem !important;
}

/* line 148, ../sass/_mixin.scss */
.fz24 {
	font-size: 2.4rem !important;
}

/* line 149, ../sass/_mixin.scss */
.fz26 {
	font-size: 2.6rem !important;
}

/* line 150, ../sass/_mixin.scss */
.fz28 {
	font-size: 2.8rem !important;
}

/* line 151, ../sass/_mixin.scss */
.fz30 {
	font-size: 3rem !important;
}

/* line 152, ../sass/_mixin.scss */
.fz32 {
	font-size: 3.2rem !important;
}

/* line 153, ../sass/_mixin.scss */
.fz34 {
	font-size: 3.4rem !important;
}

/* line 154, ../sass/_mixin.scss */
.fz36 {
	font-size: 3.6rem !important;
}

/* line 155, ../sass/_mixin.scss */
.fz38 {
	font-size: 3.8rem !important;
}

/* line 156, ../sass/_mixin.scss */
.fz40 {
	font-size: 4rem !important;
}

.fb {
	font-weight: 700;
}

.tC {
	text-align: center;
}

/* clearfix */
/* line 163, ../sass/_mixin.scss */
.clearfix {
	*zoom: 1;
}

/* line 165, ../sass/_mixin.scss */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

/* line 7, ../sass/_main.scss */
html {
	background: #06191F;
	background-size: cover;
	background-attachment: fixed;
	font-size: 10px;
	font-family: /* 'Noto Sans JP', -apple-system, BlinkMacSystemFont, "Helvetica Neue",  */"游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
}

/* line 13, ../sass/_main.scss */
body {
	font-size: 1.5rem;
	margin: 0;
	padding: 0;
	position: relative;
	color: #F8F8F8;
}

/* line 20, ../sass/_main.scss */
main {
	display: block;
}

/* line 23, ../sass/_main.scss */
.sp {
	display: none;
}

.xsp-only{
	display: none;
}

.sp-only{
	display: none;
}

.pc-only{
	display: block;
}

/* line 26, ../sass/_main.scss */
.pc {
	display: block;
}

/* line 29, ../sass/_main.scss */
.noscroll {
	overflow-y: hidden;
	position: fixed;
	width: 100%;
	height: 100;
}

/* line 35, ../sass/_main.scss */
.inner {
	max-width: 1060px;
	margin: 0 auto;
}

/* line 39, ../sass/_main.scss */
li {
	list-style: none;
}

/* line 40, ../sass/_main.scss */
a img {
	opacity: 1;
	transition: opacity .5s linear;
}

/* line 43, ../sass/_main.scss */
a img:hover {
	opacity: 0.6;
	transition: opacity .3s linear;
}

/* line 48, ../sass/_main.scss */
a {
	color: #333;
	text-decoration: none;
}

/* line 49, ../sass/_main.scss */
a:hover {
	/* color: #E8E15A; */
	text-decoration: none;
}

a.under {
	color: #FFF;
	text-decoration: underline;
}

/* ----------------------------------------------
MODULE
------------------------------------------------ */
/* line 53, ../sass/_main.scss */
[class^="column"] {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

/* line 57, ../sass/_main.scss */
[class^="column"]>div {
	box-sizing: border-box;
}

/* line 61, ../sass/_main.scss */
h1,
h2,
h3,
h4,
h5 {
	color: #000;
	line-height: 1.3;
}

/* line 62, ../sass/_main.scss */
.ttl-h2 {
	margin: 0 auto 3rem;
	font-size: 4.6rem;
	letter-spacing: 1px;
	color: #fff;
	text-align: center;
	font-family: 'Anton', sans-serif;
}

/* line 70, ../sass/_main.scss */
hr {
	margin-top: 3em;
	margin-bottom: 3em;
	border: none;
	border-bottom: 1px dotted #ccc;
}

/* line 76, ../sass/_main.scss */
.overhidden {
	overflow: hidden;
}

/* line 79, ../sass/_main.scss */
.icon-youtube {
	display: inline-block;
	width: 25px;
	height: 17px;
	margin-left: .5em;
	vertical-align: middle;
	background: url(/img/images/push_artist/common/icon-youtube.png) center no-repeat;
	background-size: contain;
}

/* line 88, ../sass/_main.scss */
.button {
	text-align: center;
	margin: 3em 0;
}

/* line 92, ../sass/_main.scss */
[class^="btn"] {
	display: inline-block;
	padding: 1em 2em;
	border: none;
	border-radius: 8px;
	line-height: 1;
	font-size: 1.6rem;
	color: #fff;
	background-color: #690505;
	-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25);
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25);
}

/* line 103, ../sass/_main.scss */
[class^="btn"]:hover {
	/* color: #fff; */
	text-decoration: none;
	cursor: pointer;
	opacity: 0.6;
	transition: opacity .3s linear;
}

/* line 111, ../sass/_main.scss */
.btn-tower {
	display: inline-block;
	line-height: 40px;
	box-sizing: border-box;
	padding: 0 1em 0;
	background-color: #E8BB89;
	border-radius: 8px;
	color: #333 !important;
	/* font-size: 1.8rem;
	font-weight: 700; */
	text-align: center;
	-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25);
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25);
}

/* line 123, ../sass/_main.scss */
.btn-tower img {
	width: auto;
	height: 24px;
	vertical-align: middle;
	margin-right: 4px;
}

.btn-common{
	display: block;
	max-width: 457px;
  margin: 0 auto;
	text-align: center;
	font-size: 2.4rem;
	border-radius: 50px;
	color: #fff;
	font-weight: 700;
}

/* line 130, ../sass/_main.scss */
.btnMini {
	min-width: 13em;
	font-size: 1.4rem;
	padding: 1em 0;
}

/* line 135, ../sass/_main.scss */
.btn-black {
	background-color: #131313;
	background: #131313;
}

/* line 143, ../sass/_main.scss */
.btn-gray {
	background-color: #bdbdbd;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.btn-pink{
	background-color: #de618f;
}

.btn-ver1{
	width: 181px;
	height: 99.5px;
	line-height: 99.5px;
	font-size: 2.4rem;
	background-image: url(../../../../img/images/push_artist/hydelive2023/btn_base.png);
	background-repeat: no-repeat;
	background-size: 100%;
	background-color: transparent;
	box-shadow: none;
	padding: 0;
	font-family: 'Nanum Pen Script', cursive;
	/* background-color: #C69E61;
	box-shadow: 0px 1px 3px 0 #845B1D; */
}

.btn-green{
	background-color: #35573E;
	box-shadow: 0px 1px 3px 0 #15321D;
}

.btn-offcial {
	width: 24em;
}

.btn-setlist {
	width: 24em;
}

.btn-ver2{
	width: 216.5px;
	height: 158px;
	background-image: url(../../../../img/images/push_artist/hydelive2023/btn_base_2.png);
	background-repeat: no-repeat;
	background-size: 100%;
	background-color: transparent;
	box-shadow: none;
	padding: 0;
	line-height: 170px;
	font-size: 2.4rem;
	font-weight: 700;
}


/* line 148, ../sass/_main.scss */
.video,
.youtube {
	position: relative;
	display: block;
}

/* line 152, ../sass/_main.scss */
.video::after,
.youtube::after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(/img/images/push_artist/common/icon-youtube.svg) no-repeat center;
	background-size: 80px;
	opacity: 0.6;
}

/* line 163, ../sass/_main.scss */
.video img,
.youtube img {
	vertical-align: bottom;
}

/* line 167, ../sass/_main.scss */
.video::after {
	background-image: url(/img/images/push_artist/common/play-circle.svg);
}

/* ----------------------------------------------
HEADER
------------------------------------------------ */
/* line 173, ../sass/_main.scss */
#heroimage {
	position: relative;
	height: 61.6vw;
	background: #000 url(../../../../img/images/push_artist/hydelive2023/topimage.jpg) no-repeat center bottom;
	background-size: auto 101%;
}

/* line 178, ../sass/_main.scss */
#heroimage h1 {
	position: absolute;
	bottom: 15%;
	right: 0;
	left: 0;
	margin: auto;
	text-align: center;
	color: transparent;
	box-sizing: border-box;
	width: 21%;
}

@media only screen and (max-width: 768px){
	#heroimage {
		height: 120vh;
		max-height: 720px;
		background-image: url(../../../../img/images/push_artist/hydelive2023/topimage_sp.jpg);
		background-size: 100% auto;
		background-position: center top;
	}
}


@media only screen and (max-width: 880px){
	#heroimage h1{
		display: block;
	}
}

/* line 183, ../sass/_main.scss */
#heroimage h1 img {
	/* height: 470px; */
	width: 100%;
	max-width: 514px;
}

#heroimage .logo-sp{
	display: none;
}

/* line 188, ../sass/_main.scss */
#heroimage .minilogo {
	position: absolute;
	left: 2em;
	top: 2em;
}

/* line 194, ../sass/_main.scss */
#gnavi {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	background-color: #000;
}

/* line 199, ../sass/_main.scss */
#gnavi ul {
	text-transform: uppercase;
	max-width: 1060px;
	margin: 0 auto;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-align-content: stretch;
	-ms-flex-line-pack: stretch;
	align-content: stretch;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}

/* line 220, ../sass/_main.scss */
#gnavi ul li {
	width: 20%;
	text-align: center;
	font-size: 2.4rem;
	font-weight: bold;
	letter-spacing: 1px;
	font-family: 'Anton', sans-serif;
}

/* line 227, ../sass/_main.scss */
#gnavi ul li:hover {
	background-color: #690505;
}

/* line 230, ../sass/_main.scss */
#gnavi ul li a {
	display: block;
	padding: 20px 0;
	color: #fff;
}

.tokuten ul li span {
	width: 2em;
	height: 2em;
	line-height: 2em;
	text-align: center;
	border-radius: 50%;
	color: #fff;
	background-color: #0072a7;
	font-weight: 700;
	display: inline-block;
	vertical-align: middle;
}

.tokuten ul li {
	font-weight: 700;
	font-size: 2rem;
	line-height: 1.5;
	padding-left: 3.6rem;
	/* margin: 0 0 1rem 0; */
	color: #62331A;
}

.tokuten ul li.mb00 {
	margin-bottom: 0;
}

#tokutendiv .h3ttl span,
.tokuten h3 {
	/* color: #fff;
	width: 5em;
	background-color: #0072a7;
	margin-bottom: 1rem;
	margin-right: 2em;
	font-size: 2rem;
	border-radius: 50%;
	height: 5em;
	text-align: center;
	line-height: 1.2;
	padding: 1rem;
	display: flex;
	justify-content: center;
	vertical-align: inherit;
	align-items: center; */
}

.tokuten {
	/* display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: start;
	-webkit-align-content: stretch;
	-ms-flex-line-pack: stretch;
	align-content: stretch;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	min-height: 139px;
	line-height: 1.8;
	padding: 1.8rem 0 1.8rem 2.7rem;
	box-sizing: border-box;
	margin: 3rem auto 0;
	border-radius: 8px;
	background: linear-gradient(180deg, #C69E61 0%, rgba(198, 158, 97, 0) 173.38%);
	outline: 1px solid #FFFFFF;
	outline-offset: -1rem; */
	max-width: 484px;
	margin: 0 auto;
}

.tokuten img {
	max-width: 100%;
}

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

	.tokuten ul li {
		position: relative;
		padding-left: 2.5em;
	}

	.tokuten ul li span {
		position: absolute;
		left: 0;
		top: 50%;
		margin-top: -1em;
	}
}

.section-color2 {
	background: rgb(255 255 255 / 40%);
}

@media only screen and (max-width: 480px) {
	.tokuten h3 {
		margin: 0 auto 1rem;
	}

}

/* ----------------------------------------------
GALLERY
------------------------------------------------ */
#gallery {
	position: relative;
}
#gallery img {
	object-fit: contain;
}
.gallery-slider img {
	height: 500px;
	margin: 0 auto;
}
.gallery-slider li {
#	background-color: #333;
}
.gallery-thumb {
	width: 100%;
	margin: 1em auto;
}
.gallery-thumb img {
	height: 150px;
	margin: 0 auto;
}
#gallery-arrows {
	width: 99.5rem;
	position: absolute;
	top: 59.5rem;
}
#gallery-arrows.gallery-arrows-thumbonly {
	top: 7.5rem;
}
#gallery-arrows .slick-prev {
	left: 0;
}
#gallery-arrows .slick-next {
	left: 100%;
}



/* ----------------------------------------------
INFORMATION
------------------------------------------------ */
/* line 241, ../sass/_main.scss */
#information {
	margin-top: 3em;
}

/* line 243, ../sass/_main.scss */
#information ul {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-content: stretch;
	-ms-flex-line-pack: stretch;
	align-content: stretch;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	margin-bottom: 1em;
}

/* line 263, ../sass/_main.scss */
#information ul li {
	position: relative;
	max-width: 300px;
	margin: 0 1em;
	padding-bottom: 2.5em;
	background-color: #fff;
	-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
}

/* line 271, ../sass/_main.scss */
#information ul li a {
	display: block;
	overflow: hidden;
}

/* line 274, ../sass/_main.scss */
#information ul li a:hover {
	opacity: 0.6;
}

/* line 278, ../sass/_main.scss */
#information ul li .thumb {
	margin-bottom: .5em;
}

/* line 280, ../sass/_main.scss */
#information ul li .thumb img {
	vertical-align: bottom;
}

/* line 282, ../sass/_main.scss */
#information ul li .thumb img:hover {
	opacity: 1;
}

/* line 287, ../sass/_main.scss */
#information ul li .ttl {
	line-height: 1.4;
	padding: 0 1em;
	color: #333;
}

/* line 292, ../sass/_main.scss */
#information ul li time {
	display: block;
	margin: .5em 0;
	padding: 0 1em;
	text-align: left;
	font-size: 1.2rem;
	color: #888;
}

/* line 300, ../sass/_main.scss */
#information ul li .more {
	position: absolute;
	right: 0;
	bottom: 0;
	text-align: right;
	font-size: 1.2rem;
	padding: .7em 1em;
	background-color: #d6e0e4;
	color: #797979;
}

/* line 308, ../sass/_main.scss */
#information ul li .more:after {
	content: "";
	display: inline-block;
	width: 4px;
	height: 4px;
	vertical-align: middle;
	margin-left: 4px;
	border-top: 1px solid #797979;
	border-right: 1px solid #797979;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

/* line 324, ../sass/_main.scss */
#information ul.single li {
	max-width: 650px;
	padding-bottom: 0;
}

/* line 327, ../sass/_main.scss */
#information ul.single li .thumb {
	float: left;
	margin-right: 1em;
	margin-bottom: 0;
}

/* line 332, ../sass/_main.scss */
#information ul.single li time {
	margin-top: 0;
	padding: 1em;
}

/* ----------------------------------------------
BANNER
------------------------------------------------ */
/* line 342, ../sass/_main.scss */
#banner {
	margin: 3em 0;
}

/* line 344, ../sass/_main.scss */
#banner a {
	max-width: 650px;
	margin: 0 auto;
	display: block;
	-webkit-box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.15);
	box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.15);
}

/* line 350, ../sass/_main.scss */
#banner a:hover {
	opacity: 0.6;
	transition: opacity .3s linear;
}

/* line 353, ../sass/_main.scss */
#banner a:hover img {
	opacity: 1;
}

/* line 355, ../sass/_main.scss */
#banner a img {
	display: block;
}

/* line 357, ../sass/_main.scss */
#banner h2 {
	display: block;
	padding: 8px;
	background-color: #ff8c00;
	color: #fff;
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
}

/* ----------------------------------------------
COMMENT
------------------------------------------------ */
/* line 370, ../sass/_main.scss */
#comment {
	max-width: 960px;
	box-sizing: border-box;
	margin: 3em auto;
	padding: 3em;
	border-radius: 8px;
	background-color: #fff;
	border: 2px solid #eee;
}

/* line 377, ../sass/_main.scss */
#comment h2 {
	margin-bottom: .5em;
	color: #888;
	font-size: 1.8rem;
	font-weight: bold;
}

/* line 382, ../sass/_main.scss */
#comment h2 img {
	margin-right: .5em;
	vertical-align: bottom;
}

/* line 387, ../sass/_main.scss */
#comment p {
	line-height: 1.8;
}

/* ----------------------------------------------
 Banners
------------------------------------------------ */
/* line 394, ../sass/_main.scss */
#online-live .topbnr {
	margin-top: 2rem;
	text-align: center;
}


/* ----------------------------------------------
LIVE
------------------------------------------------ */
/* line 457, ../sass/_main.scss */
#live {
	padding: 8rem 0;
}

#live .ttl-h2 {
	font-size: 4.8rem;
	letter-spacing: 1px;
	margin-bottom: 3.2rem;
}

#live ul:nth-of-type(2){
	margin-bottom: 3.2rem;;
}

/* line 459, ../sass/_main.scss */
#live ul {
	max-width: 1060px;
	margin: 0 auto 3em;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-content: stretch;
	-ms-flex-line-pack: stretch;
	align-content: stretch;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}

/* line 480, ../sass/_main.scss */
#live ul li {
	position: relative;
	width: 25%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: .5em;
}

/* line 485, ../sass/_main.scss */
#live ul li a {
	display: block;
	padding: 1.2rem;
	color: #000;
	height: 100%;
	background-color: rgba(255,255,255,.8);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* line 489, ../sass/_main.scss */
#live ul li a:hover {
	opacity: 0.6;
	transition: opacity .3s linear;
}

.formarea #live ul li .liveinfo {
	display: block;
	padding: 1.2rem;
	color: #000;
	height: 100%;
	background-color: rgba(255,255,255,.8);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.formarea #live ul li .liveinfo .disable-layer {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,.7);
	opacity: 1;
	transition: opacity .3s linear;
}
.formarea #live ul li .liveinfo .disable-layer p {
	position: absolute;
	top: 45%;
	width: 100%;
	text-align: center;
	color: #A80606;
	font-weight: 700;
	font-size: 2.6rem;
}

/* line 504, ../sass/_main.scss */
#live ul li .area {
	display: inline-block;
	background-color: #A80606;
	padding: 4px 5px;
	color: #fff;
	font-weight: 700;
	font-size: 1rem;
	margin-left: 8px;
}

/* line 512, ../sass/_main.scss */
#live ul li .date {
	margin-bottom: 0;
	line-height: 1.3;
	font-size: 2.6rem;
	font-weight: 700;
	margin-bottom: 6px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
}

#live ul li .date .year {
	font-size: 1.6rem;
}

#live ul li .date .wday {
	font-size: 2rem;
}

#live ul li h3 {
	margin-bottom: 0;
	font-size: 1.6rem;
	line-height: 1.3;
}

/* line 519, ../sass/_main.scss */
#live ul li ul {
	display: block;
	padding: 1.2rem 0 0;
	margin-bottom: 0;
}

/* line 524, ../sass/_main.scss */
#live ul li ul li {
	width: 100%;
	padding: 0;
	margin-bottom: .5em;
	text-align: left;
	margin-left: 0;
	padding-bottom: 0;
	background: none;
	line-height: 1.2;
	font-size: 1.2rem;
}

/* line 532, ../sass/_main.scss */
/*
#live ul li ul li.guest {
	font-size: .8rem;
	color: #888;
}
*/
#live ul li ul li.notes {
	font-size: .8rem;
	color: #888;
}

/* line 536, ../sass/_main.scss */
#live ul li ul li.ticket {
	width: auto;
	position: absolute;
	right: 1em;
	bottom: 1em;
	margin-bottom: 0;
	text-align: right;
}

/* line 543, ../sass/_main.scss */
#live ul li ul li.ticket span {
	display: inline-block;
	padding: 0 8px;
	border-radius: 4px;
	background-color: #1867bf;
	color: #fff;
	line-height: 2em;
}

/* line 558, ../sass/_main.scss */
#live .more,
#goods .more,
#release .more,
#newrelease .more {
	text-align: center;
}

/* line 560, ../sass/_main.scss */
#live .more .btn-black,
#goods .more .btn-black {
	display: inline-block;
	background: -moz-linear-gradient(top, #525252 0%, #000000 100%);
	background: -webkit-linear-gradient(top, #525252 0%, #000000 100%);
	background: linear-gradient(to bottom, #525252 0%, #000000 100%);
	font-size: 1.8rem;
}

@media only screen and (max-width: 880px) {
	#live {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	
	#live .ttl-h2{
		font-size: 3.6rem;
	}
	
	#live ul{
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	#live ul li{
		width: 100%;
		padding: 0;
		margin-bottom: 3px;
	}
	
}


/* ----------------------------------------------
movie
------------------------------------------------ */
#movie {
	background-color: #06191F;
}
#movie .inner {
	padding-top: 60px;
	padding-bottom: 60px;
}
#movie .movie {
	text-align: center;
}
#movie .movie a {
	display: inline-block;
	position: relative;
}

#movie .movie-more{
	text-align: right;
	margin-top: 3.4rem;
}


#movie .movie-more a{
	position: relative;
	font-size: 2.4rem;
	color: #fff;
	display: -webkit-inline-flex;
	display: -moz-inline-flex;
	display: -ms-inline-flex;
	display: -o-inline-flex;
	display: inline-flex;
	-ms-align-items: center;
	align-items: center;
	justify-content: flex-start;
}

#movie .movie-more a img{
	margin-left: .5em;
	display: inline-block;
	transform: rotate(-90deg)
}


@media only screen and (max-width: 880px) {
	/* line 267, ../sass/_sp.scss */
	#movie .inner {
		padding-left: 20px;
		padding-right: 20px;
	}

	/* line 269, ../sass/_sp.scss */
	#movie .ttl-h2 {
		margin-bottom: 1em;
	}
}

/* ----------------------------------------------
fanclub
------------------------------------------------ */
#fanclub{
	padding: 10rem 0;
	background: #690505;
}

#fanclub .ttl{
	max-width: 755px;
	line-height: 1;
	margin-bottom: 0;
}

#fanclub .column2{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: center;
}


#fanclub .column2 .col{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	justify-content: space-between;
	max-width: 450px;
}

#fanclub .column2 .col:first-child{
	margin-right: 100px;
}

#fanclub .column2 .col img {
	max-width: 290px;
	margin: 0 auto 20px;
}


#fanclub .col .description{
	margin: 0 auto 4rem;
	font-size: 1.6rem;
	line-height: 1.4;
}

#fanclub .col p{
	text-align: center;
}
#fanclub .col .btn-black{
	background: #000 !important;
	border-radius: 0;
	position: relative;
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
}


#fanclub .col .btn-black::before,
#fanclub .col .btn-black::after{
	content: '';
	display: block;
	width: 20px;
	position: absolute;
	border-top: 27px solid transparent;
  border-bottom: 27px solid transparent;
  border-left: 27px solid #000;
	top: 0;
}

#fanclub .col .btn-black::before{
	right: 100%;
	transform: scale(-1,1)
}
#fanclub .col .btn-black::after{
	left: 100%;
}



#fanclub .btn-brown{
	font-size: 2.4rem;
	line-height: 99.5px;
}

@media only screen and (min-width: 880px) {
	#fanclub .column2{
		padding-left: 20px;
		padding-right: 20px;
	}
	#fanclub .column2 .col{
		width: calc(50% - 50px);
	}
}

@media only screen and (max-width: 880px) {
	
	#fanclub .inner{
		padding-left: 2rem;
		padding-right: 2rem;
	}
	#fanclub .ttl{
	min-height: 60px;
	}
	#fanclub .column2{
		justify-content: center;
	}
	#fanclub .column2 .col img {
		max-width: 265px;
	}
	
	#fanclub .column2 .col:first-child {
		margin-bottom: 6rem;
		margin-right: 0;
	}
	
	#fanclub .column2 .col .description {
		margin-bottom: 4rem;
	}

}


/* ----------------------------------------------
INTERVIEW
------------------------------------------------ */
/* line 760, ../sass/_main.scss */
#interview {
	padding: 3em 0;
	color: #333;
}

.soon {
	margin: 5rem 0 0;
	font-size: 3rem;
	text-align: center;
}


/* line 762, ../sass/_main.scss */
#interview ul {
	max-width: 960px;
	margin: 0 auto;
	padding: 4em 2em 2em;
	box-sizing: border-box;
	background-color: #fff;
	-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25);
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25);
}

/* line 770, ../sass/_main.scss */
#interview ul li {
	margin-bottom: 2em;
}

/* line 772, ../sass/_main.scss */
#interview ul li h3 {
	position: relative;
	margin-bottom: 1em;
	padding-left: 4em;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.2;
	color: #333;
}

/* line 780, ../sass/_main.scss */
#interview ul li h3 span {
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -.7em;
	display: inline-block;
	vertical-align: middle;
	letter-spacing: 1px;
	font-size: 3.5rem;
	font-family: 'Fjalla One', sans-serif;
}

/* line 792, ../sass/_main.scss */
#interview ul li .answer {
	position: relative;
	background-color: #efefef;
	padding: 1.5em 2em;
	padding-left: 4em;
	border-radius: 8px;
	line-height: 1.8;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-align-content: stretch;
	-ms-flex-line-pack: stretch;
	align-content: stretch;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

/* line 815, ../sass/_main.scss */
#interview ul li .answer::before {
	content: "A.";
	position: absolute;
	left: 16px;
	top: 50%;
	margin-top: -1em;
	display: inline-block;
	vertical-align: middle;
	letter-spacing: 1px;
	color: #cc8484;
	font-size: 3.5rem;
	font-family: 'Fjalla One', sans-serif;
}

#interview ul li .answer .icon {
	width: 75px;
}

/* line 817, ../sass/_main.scss */
#interview ul li .answer .icon img {
	display: block;
}

/* line 825, ../sass/_main.scss */
#interview.long {
	padding: 3em 0;
}

/* line 827, ../sass/_main.scss */
#interview.long p {
	line-height: 1.8;
	font-size: 1.6rem;
	margin-bottom: 1.5em;
}

/* line 832, ../sass/_main.scss */
#interview.long .inner {
	background-color: rgba(255,255,255,.8);
	padding: 3em 4em;
	box-sizing: border-box;
	-webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25);
	box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25);
}

/* line 839, ../sass/_main.scss */
#interview.long .head {
	margin-bottom: 1em;
}

/* line 837, ../sass/_main.scss */
#interview.long .head h3 {
	margin: 1em 0;
	padding-bottom: 1em;
	border-bottom: 1px solid #b2c7d0;
	color: #333;
	text-align: center;
	font-size: 3rem;
	font-weight: 300;
}

/* line 846, ../sass/_main.scss */
#interview.long .head .editor {
	text-align: right;
	color: #888;
	font-size: 1.2rem;
}

/* line 846, ../sass/_main.scss */
#interview.long .head .heroimage {
	background: #000 url(../../../../img/images/push_artist/hydelive2023/livereport/heroimage.jpg?v=0623) no-repeat center top;
	background-size: 100%;
	/* padding-top: 66vh; */
	padding-top: 600px;
	margin-bottom: 2em;
}

/* line 851, ../sass/_main.scss */
#interview.long .head .heroimage h3 {
	padding: 1em 0;
	background-color: rgba(0, 0, 0, 0.8);
	border-bottom: none;
	color: #fff;
	text-align: center;
	font-size: 2.8rem;
	font-weight: 300;
}

/* line 853, ../sass/_main.scss */
#interview.long .body .intro {
	margin-bottom: 2em;
}

#interview.long .body .intro h4 {
	background-color: transparent;
	margin: 0 0 1em;
	color: #333;
	text-align: center;
	font-size: 2.6rem;
	line-height: 1.5;
	font-weight: 700;
}

#interview.long .body .intro .members {
	padding: 1rem 0;
}

#interview.long .body .intro .members h3 {
	font-weight: 700;
	font-size: 2.4rem;
}

#interview.long .body .intro .members	ul {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-around;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	-webkit-align-content: center;
	-ms-flex-line-pack: center;
	align-content: center;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	background-color: initial;
	box-shadow: none;
	-webkit-box-shadow: none;
	padding: 1rem 0;
	justify-content: space-between;
}

#interview.long .body .intro .members ul li {
	width: calc(100% / 4 - 4rem);
	padding: 1em 0;
	margin-bottom: 0;
	position: relative;
}

#interview.long .body .intro .members ul li img {
	width: 100%;
}

#interview.long .body .intro .members ul li p {
	text-align: center;
	font-size: 1.6rem;
	margin: 0 0 -1px 0;
}

#interview.long .body .intro .members ul li p.part {
	color: #3293C1;
	font-size: 1.6rem;
}

#interview.long .body .intro .members ul li p.name {
	font-weight: 700;
	font-size: 1.8rem;
}

#interview.long .body .intro .members ul li p.band {
	font-size: 1.2rem;
}


#interview.long .body h5 {
	margin: 2em 0;
	color: #333;
	font-weight: 700;
	font-size: 2.4rem;
	text-align: center;
}

#interview.long .body h4 {
	margin: 2em 0;
	padding: 1em;
	background-color: #f7f7f7;
	text-align: center;
	font-size: 2.8rem;
	font-weight: 300;
	color: #333;
}

/* line 870, ../sass/_main.scss */
#interview.long .body h4:first-child {
	margin-top: 0;
}

/* line 874, ../sass/_main.scss */
#interview.long .body .imgL,
#interview.long .body .imgR {
	max-width: 350px;
	margin-right: 2em;
	margin-bottom: 2em;
}

#interview.long .body .Wide {
	max-width: 450px;
}

/* line 879, ../sass/_main.scss */
#interview.long .body .imgL img,
#interview.long .body .imgR img {
	max-width: 100%;
	height: auto;
}

/* line 884, ../sass/_main.scss */
#interview.long .body .imgR {
	margin-right: 0;
	margin-left: 2em;
}

.imgC {
	margin-left: 10px;
	margin-right: 10px;
}

#interview.long .body .imgC {
	margin-right: 2em;
	margin-bottom: 2em;
}

/* line 879, ../sass/_main.scss */
#interview.long .body .imgC img {
	max-width: 100%;
	height: auto;
}

/* line 884, ../sass/_main.scss */
#interview.long .body .imgC {
	margin-right: 2em;
	margin-left: 2em;
}

/* line 889, ../sass/_main.scss */
#interview.long .pager {
	margin-top: 5em;
	text-align: center;
}

/* line 892, ../sass/_main.scss */
#interview.long .pager .num {
	color: #888;
	margin-bottom: 1em;
}

/* line 896, ../sass/_main.scss */
#interview.long .pager .button {
	margin: 0;
	padding: 0;
	background-color: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
}

/* line 902, ../sass/_main.scss */
#interview.long .pager .button li {
	display: inline-block;
	margin: 0 .5em;
}

/* line 905, ../sass/_main.scss */
#interview.long .pager .button li span:hover {
	opacity: 1;
	cursor: default;
}

/* line 909, ../sass/_main.scss */
#interview.long .pager .button li .next::after,
#interview.long .pager .button li .prev::before {
	content: "";
	display: inline-block;
	width: 8px;
	height: 8px;
	vertical-align: middle;
	margin: -1px 4px 0;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
}

/* line 913, ../sass/_main.scss */
#interview.long .pager .button li .btn-gray,
#interview.long .pager .button li .btn-black {
	padding: 1em;
	margin-bottom: 1em;
}

#interview.long .pager .button li .next::after {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

/* line 929, ../sass/_main.scss */
#interview.long .interviewer {
	margin-bottom: .5em;
	color: #A80606;
}

/* line 932, ../sass/_main.scss */
#interview.long .interviewer::before {
	content: "――";
}

#interview-contents .link-section p {
	line-height: 1.5;
	font-size: 1.4rem;
	margin: 1em 0;
}
#interview-contents .link-section a {
	color: #3293c1;
	text-decoration: underline;
}
#interview-contents .link-section a:hover {
	text-decoration: none;
}
#interview-contents p a {
	text-decoration: underline;
	color: #3293c1;
}


/* line 937, ../sass/_main.scss */
#loader {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.85) url(/img/images/push_artist/common/spinner.gif) no-repeat center;
	background-size: 140px;
	z-index: 1000;
}

/* ----------------------------------------------
RESULT
------------------------------------------------ */
/* line 951, ../sass/_main.scss */
#invitation {
	padding: 7rem 0 3rem;
}
#invitation .inner{
	margin-bottom: 0;
}

/* line 981, ../sass/_main.scss */
#invitation h2 {
	max-width: 500px;
	margin: 0 auto 4rem;
	font-family: 'Nanum Pen Script', cursive;
	color: #4D5B9C;
	line-height: .8;
	font-weight: 300;
}

#invitation .catch-title{
	font-size: 10.6rem;

}

#invitation .catch-title-lead{
	font-size: 6.3rem;
}

#invitation h2 img{
	max-width: 100%;
}

#invitation .catch-text{
	font-size: 1.8rem;
	line-height: 1.5;
	margin-bottom: 8rem;
	font-weight: 500;
}

#invitation .catch-text strong{
	color: #C88001;
	font-size: 2.4rem;
}

#invitation .catch-bnr{
	margin-bottom: 80px;
}
#invitation .catch-bnr-text{
	font-size: 2.6rem;
	font-weight: bold;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	justify-content: center;
	margin-bottom: 2rem;
}

#invitation .catch-bnr-text p{
	margin-left: 6px;
	margin-right: 6px;
}

#invitation .catch-bnr a{
	max-width: 500px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#invitation .catch-bnr a img{
	width: 100%;
}

#invitation .inner.catch p a{
	color: #3e4549;
	text-decoration: underline;
}
#invitation .inner.catch p a:hover{
	text-decoration: none;
}

#invitation .catch-application{
	background-color: #690505;
	padding-bottom: 60px;
	padding-top: 60px;
	margin-left: -1.5rem;
	margin-right: -1.5rem;
}

#invitation .catch-application-inner{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
}

#invitation .catch-application-inner .btn-black{
	background: #000 !important;
	color: #C88001;
	border-radius: 0;
	position: relative;
	display: inline-block;
	margin-right: 51px;
	margin-left: 51px;
	font-size: 2.6rem;
}


#invitation .catch-application-inner .btn-black::before,
#invitation .catch-application-inner .btn-black::after{
	content: '';
	display: block;
	width: 20px;
	position: absolute;
	border-top: 33px solid transparent;
  border-bottom: 33px solid transparent;
  border-left: 33px solid #000;
	top: 0;
}


#invitation .catch-application-inner .btn-black::before{
	right: 100%;
	transform: scale(-1,1)
}
#invitation .catch-application-inner .btn-black::after{
	left: 100%;
}

@media only screen and (max-width: 768px) {
	#invitation{
		padding-bottom: 3rem;
	}
	#invitation .inner.catch{
		margin-bottom: 3rem;
		text-align: left;
	}

	#invitation h2 {
		font-size: 2.2rem;
		margin-bottom: 3.5rem;
	}

	#invitation .catch-text{
		font-size: 1.8rem;
		margin-bottom: 4rem;
	}
	
	#invitation .catch-bnr-text{
		font-size: 1.6rem;
	}
	#invitation .catch-application{
		padding-top: 30px;
		padding-bottom: 30px;
	}
	#invitation .catch-application-inner .btn-black{
		font-size: 1.6rem;
		padding-left: 1em;
		padding-right: 1em;
		margin-right: 41px;
		margin-left: 41px;
	}
	
	#invitation .catch-application-inner .btn-black::before,
	#invitation .catch-application-inner .btn-black::after{
		border-width: 27px;
	}
}

/*画面幅がかなり小さい場合*/
@media only screen and (max-width: 350px) {
	#invitation .catch-application-inner .btn-black{
		padding-left: 0;
		padding-right: 0;
	}
	#invitation .catch-application-inner img{
		display: none;
	}
}

@media only screen and (min-width: 768px) {
	#invitation .catch-application-inner .btn-black{
		padding-top: 1.6rem;
		padding-bottom: 1.6rem;
	}
}



#liveinformation.bg-wrap, #livereview.bg-wrap {
	background-image: url(../../../../img/images/push_artist/hydelive2023/background.jpg);
	background-size: cover;
	background-position: center top;
}

/* line 1145, ../sass/_main.scss */
#livereview {
	position: relative;
	padding: 7rem 0 10rem;
}

/* line 1149, ../sass/_main.scss */
#livereview h2 {
	text-align: center;
}

#livereview h2 img{
	width: 100%;
	height: auto;
}

#livereview h3 {
}

#livereview.presentarea .recommendation{
	margin: 0 auto 4rem;
}

#livereview .recommendation span{
	display: block;
	font-size: 3.6rem;
	font-weight: 700;
	line-height: 1.5;
	color: #F8F8F8;
}

#livereview h3 {
	font-size: 2.8rem;
	color: #C69E61;
	line-height: 1.5;
}

#livereview h3 span{
	font-size: 2rem;
}

#livereview .pc{
	position: relative;
}

#livereview .application_period{
	max-width: 635px;
	text-align: left;
	color: #C88001;
	padding: 6px;
	margin: 0 auto 5px;
}

#livereview .application_period.nagoya{
	margin-bottom: 1.8rem;
}

#livereview .application_period span{
	background-color: #690505;
	color: #fff;
	padding: 1rem 1rem;
	margin: 0 auto 3rem;
	font-weight: normal;
}

#livereview .application_period small{
	font-size: 2rem;
}

#livereview #tokutendiv h3 span{
	font-size: 3.6rem;;
}

#livereview ol{
	margin-bottom: 60px;
}


#livereview ol li{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	font-size: 2.2rem;
	font-weight: bold;
	max-width: 880px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 	10px;
}

#livereview ol li img{
	display: block;
	margin-right: 10px;
}

.pickup {
	max-width: 1160px;
	margin: 0 auto;
}

/* line 1154, ../sass/_main.scss */
#livereview #result .box,
#livereview .pickup .box {
	position: relative;
	max-width: 280px;
	margin: 0 .5em .5em;
	border-radius: 8px;
	background-color: #fff;
	-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25);
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25);
}
#livereview #result .pc .box {
	min-width: 280px;
}
#livereview #result .sp .box {
	min-width: 300px;
}

/* line 1161, ../sass/_main.scss */
#livereview #result .box:hover,
#livereview .pickup .box:hover {
	opacity: 0.6;
}

/* line 1164, ../sass/_main.scss */
#livereview #result .box a,
#livereview .pickup .box a {
	display: block;
	color: #333;
}

/* line 1168, ../sass/_main.scss */
#livereview #result .box .accordion,
#livereview .pickup .box .accordion {
	margin-bottom: 1em;
	overflow: hidden;
}

/* line 1177, ../sass/_main.scss */
#livereview #result .box .accordion,
#livereview .pickup .box .accordion {
	font-size: 14px;
	font-weight: 700;
	height: 126px;
	line-height: 1.8;
	position: relative;
}
#livereview .pickup .box .accordion {
	height: 250px;
}
.request {
	color: #043C78;
	padding-bottom: 10px;
	font-weight: 700;
	font-size: 1.2em;
}

/* line 1182, ../sass/_main.scss */
#livereview #result .box .accordion:before,
#livereview #result .box .accordion:after,
#livereview .pickup .box .accordion:before,
#livereview .pickup .box .accordion:after {
	background: #fff;
	position: absolute;
	padding: 0 2px;
}

/* line 1188, ../sass/_main.scss */
#livereview #result .box .accordion:before,
#livereview .pickup .box .accordion:before {
		content: "...";
	top: 100.8px;
	right: 0;
}

/* line 1193, ../sass/_main.scss */
#livereview #result .box .accordion:after,
#livereview .pickup .box .accordion:after {
	content: "";
	height: 100%;
	width: 100%;
}

/* line 1199, ../sass/_main.scss */
#livereview #result .box .head,
#livereview .pickup .box .head {
	background-color: #f5fcff;
	padding: 1em;
	border-bottom: 1px solid #d5eded;
	border-radius: 8px 8px 0 0;
}

/* line 1202, ../sass/_main.scss */
#livereview #result .box .head .label,
#livereview .pickup .box .head .label {
		position: absolute;
	right: 0;
	top: 0;
	padding: .5em;
	background-color: #c60096;
	text-align: center;
	font-size: 1.2rem;
	color: #fff;
}

/* line 1211, ../sass/_main.scss */
#livereview #result .box .head h3,
#livereview .pickup .box .head h3 {
	width: 18em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-bottom: .5em;
	line-height: 1.8;
}

/* line 1219, ../sass/_main.scss */
#livereview #result .box .head .username,
#livereview .pickup .box .head .username {

	text-align: right;
}

/* line 1223, ../sass/_main.scss */
#livereview #result .box .body,
#livereview .pickup .box .body {

	padding: 1em;
	line-height: 1.8;
}


@media only screen and (max-width: 880px){
	
	#livereview h3 {
		font-size: 2rem;
	}
	
	#livereview.presentarea h2:not(.mt30){
		width: 60%;
		margin-bottom: 4rem;
	}

	#livereview .application_period span {
		display: inline-block;
		margin-bottom: 10px;
		padding: .2em .4em;
		margin-bottom: 10px;
	}
	
	
	#livereview ol {
		margin-bottom: 90px;
	}
	
	#livereview ol li{
		font-size: 2rem;
		margin-bottom: 2rem;
	}
	#livereview ol li small{
		font-size: 1.6rem;
	}
	
	
}

#livereview .message-title{
	text-align: center;
	margin-bottom: 4rem;
	min-height: 88px;
	color: #4D5B9C;
}

#livereview .message-title p{
	font-size: 6rem;
	line-height: 40px;
	font-family: 'Nanum Pen Script', cursive;
}

#livereview .message-title span{
	font-size: 3.6rem;
	line-height: 40px;
}

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

	#livereview .message-title{
		min-height: 0;
		margin-bottom: 5rem;
	}

	#livereview .message-title p{
		font-size: 4.9rem;
		line-height: 56px;
	}

	#livereview .message-title span{
		font-size: 2.5rem;
		line-height: 1;
	}
}

.box .likesView {
	display: block;
	position: absolute;
	top: 20px;
	right: 50px;
}
.box .likesView .icon-heart {
	color: #f88fb1;
	font-size: 1em;
	vertical-align: middle;
}
.box .likesView .gray {
	color: #bdbdbd;
}

.box .likesView .likesNum {
	margin-left: 4px;
	font-size: 14px;
}




/* line 1226, ../sass/_main.scss */
#livereview #result .box .body .btn-more,
#livereview .pickup .box .body .btn-more {

	display: block;
	margin: 0 auto;
	text-align: center;
	font-size: 1.4rem;
	background-color: #C69E61;
	border-radius: 50px;
	color: #333;
	font-weight: bold;
}

/* line 1240, ../sass/_main.scss */
#livereview #arrows2 {
	width: 1080px;
	position: absolute;
	top: 49%;
	left: 50%;
	margin-left: -574px;
}


/* line 1257, ../sass/_main.scss */
#livereview .button .btn-black strong {
	font-size: 3rem;
}

/* line 1260, ../sass/_main.scss */
#livereview .button .btn-black span {
	display: inline-block;
	background-color: #ccc;
	margin-top: -4px;
	padding: 8px;
	border-radius: 4px;
	margin-left: 1em;
	font-size: 1.2rem;
	color: #222;
	vertical-align: middle;
}

/* line 1270, ../sass/_main.scss */
#livereview .button .btn-black span::after {
	display: inline-block;
	content: "";
	margin-left: .5em;
	margin-bottom: 1px;
	width: 6px;
	height: 6px;
	border-top: 2px solid #888;
	border-right: 2px solid #888;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

/* ----------------------------------------------
PROFILE
------------------------------------------------ */
/* line 1288, ../sass/_main.scss */
#profile {
	padding: 10rem 0;
	color: #F8F8F8;
	position: relative;
}
#profile::before,
#profile::after {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: .5;
	z-index: -1;
}

#profile:after {
	background-color: #000;
}

#profile::before {
	background-image: url(../../../../img/images/push_artist/hydelive2023/background_profile.jpg);
	-webkit-background-size: contain;
	background-size: contain;
	opacity: 1;
}

#profile .ttl-h2{
	color: #fff;
}

/* line 1291, ../sass/_main.scss */
#profile dl {
	max-width: 1060px;
	margin: 0 auto;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	justify-content: center;
	/* -webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between; */
	/* -webkit-align-content: center;
	-ms-flex-line-pack: center;
	align-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center; */
	gap: 3rem;
}

/* line 1312, ../sass/_main.scss */
#profile dl dt {
	max-width: 388px;
	/* box-sizing: border-box; */
	text-align: center;
	align-self: flex-start;;
}

/* line 1317, ../sass/_main.scss */
#profile dl dt img {
	max-width: 100%;
	height: auto;
}

/* line 1322, ../sass/_main.scss */
#profile dl dd {
	/* width: 60%; */
	line-height: 1.8;
}

#profile dl dd p {
	max-width: 465px;
	max-height: 290px;
	font-weight: 300;
	font-size: 1.3rem
}

#profile div {
	margin-bottom: 3.5rem;
}

/* line 1325, ../sass/_main.scss */
#profile dl dd .linklist {
	margin-bottom: 2.5rem;
}

/* line 1327, ../sass/_main.scss */
#profile dl dd .linklist li {
	display: inline-block;
	font-weight: 700;
}

/* line 1329, ../sass/_main.scss */
#profile dl dd .linklist li a {
	position: relative;
	display: block;
	width: 10em;
	padding: 4px 8px;
	background-color: #690505;
	color: #fff;
	font-size: 1.3rem;
}

#profile h3 {
	color: #FFF;
	margin-bottom: 1.8rem;
	font-weight: 300;
}

/* line 1336, ../sass/_main.scss */
#profile dl dd .linklist li a::after {
	position: absolute;
	right: 8px;
	top: 50%;
	margin-top: -3px;
	content: "";
	display: block;
	width: 4px;
	height: 4px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

/* line 1349, ../sass/_main.scss */
#profile dl dd .linklist li a:hover {
	opacity: 0.6;
	transition: opacity .5s linear;
}

/* line 1357, ../sass/_main.scss */
#profile dl dd .sns {
	/* margin-top: 1em; */
	text-align: left;
}

/* line 1360, ../sass/_main.scss */
#profile dl dd .sns li {
	display: inline-block;
}

/* line 1362, ../sass/_main.scss */
#profile dl dd .sns li img {
	width: 45px;
	height: auto;
}

/* line 1370, ../sass/_main.scss */
#profile .spotify {
	margin-top: 1em;
}

/* line 1372, ../sass/_main.scss */
#profile .spotify iframe {
	width: 100%;
}

#profile .shoplink {
	line-height: 20px;
	box-sizing: border-box;
	padding: .5em 1em;
	margin: 1em 0;
	background-color: #de618f;
	border-radius: 8px;
	width: 200px;
	box-shadow: 0 1px 3px 0 rgb(0 0 0 / 25%);
}
#profile .shoplink a {
	color: #fff !important;
	font-size: 1.2rem;
	font-weight: 700;
	text-align: center;
}
#profile .shoplink:hover {
	opacity: .6;
	transition: .3s ease opacity;
}


/* line 1377, ../sass/_main.scss */
footer {
	background-color: #3E3E3E;
	padding: 2em;
	text-align: center;
}

/* line 1381, ../sass/_main.scss */
footer small {
	display: block;
	margin-top: 1em;
	text-align: center;
	color: #CCCCCC;
	font-size: 1rem;
}

#pagetop {
	position: fixed;
	z-index: 100;
	right: 1em;
	bottom: 1em;
	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

#pagetop a {
	color: rgba(255, 255, 255, 0.45);
	font-size: 1rem;
	font-family: 'slick';
	font-size: 75px;
}

@media only screen and (max-width: 880px) {
	#pagetop{
		width: 45px;
	}
	#pagetop svg{
		width: 100%;
		height: auto;
	}
}



/* line 1406, ../sass/_main.scss */
.white-popup {
	max-width: 960px;
	margin: 2em auto 5em;
	background-color: #fff;
	padding: 2em;
	box-sizing: border-box;
	line-height: 1.5;
}

/* line 1413, ../sass/_main.scss */
.white-popup h3 {
	margin-bottom: .5em;
}

/* line 1416, ../sass/_main.scss */
.white-popup hr {
	margin-top: 1em;
	margin-bottom: 1em;
}

/* line 1420, ../sass/_main.scss */
.white-popup .pager {
	position: absolute;
	left: 0;
	bottom: 2em;
	z-index: 1;
	color: #fff;
	text-align: center;
	width: 100%;
}

/* line 1430, ../sass/_main.scss */
.slick-prev,
.slick-next {
	z-index: 100;
	width: 60px;
	height: 60px;
}

img {
	vertical-align: bottom;
}

.btn-ticket {
	display: block;
	padding: 1em;
	font-size: 2rem;
	font-weight: 700;
	line-height: 1;
	color: #333;
	background: #E8E15A;
	border: 3px solid #BEBEBE;
	margin-bottom: 3.5rem;
}

.btn-ticket:hover {
	color: #333;
}

.btn-ticket img {
	height: 40px;
	width: auto;
	vertical-align: text-bottom;
}


.btn-ticket.disable, .btn-black.disable, .btn-red.disable {
	opacity: .5;
	pointer-events: none;
}
.btn-ticket.disable:hover, .btn-black.disable:hover, .btn-red.disable:hover {
	cursor: default;
	opacity: 1.0;
}

.btn-news {
	display: block;
	font-size: 1.4rem;
	line-height: 1.5;
	color: #333;
	background-color: #44CEF4;
	padding: 1em 18px;
	font-weight: 700;
}
.btn-news.active {
	background-color: rgb(198 217 71);
}
.btn-news.active:hover {
	opacity: 1.0;
	cursor: default;
}

.info-table {
	/* padding: 1em; */
	background-color: #fff;
	margin-bottom: 1.5rem;
}

.info-table table {
	width: 100%;
}

.info-table table th,
.info-table table td {
	padding: 10px;
	font-size: 1.4rem;
	vertical-align: middle;
	border: 1px solid #ccc;
	line-height: 1.5;
}

.info-table table th {
	width: 7em;
	text-align: left;
	color: #fff;
	background-color: #4D5B9C;
}

.info-table table td {
	font-weight: 500;
}

#tokutendiv .movie a,
/* #newrelease .movie a, */
#invitation .movie a {
	display: block;
	position: relative;
}

#tokutendiv .movie a:after,
/* #newrelease .movie a:after, */
#invitation .movie a:after {
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -50px 0 0 -50px;
	content: "";
	width: 100px;
	height: 100px;
	background: url(../../../../img/images/push_artist/hydelive2023/play.svg) no-repeat center;
}

#tokutendiv .movie,
/* #newrelease .movie, */
#invitation .movie {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

#invitation .movie h3 {
	color: #fff;
	padding: 0 0 1rem;

}

#invitation .movie iframe {
	width: 100%;
	height: 360px;
}

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

	/* line 9, ../sass/_sp.scss */
	#livereview #arrows2 {
		/* width: auto; */
		max-width: 100%;
		/* position: static; */
		margin-left: -525px;
	}

	/* line 13, ../sass/_sp.scss */
	#livereview #arrows2 .slick-prev {
		left: 2%;
	}

	/* line 16, ../sass/_sp.scss */
	#livereview #arrows2 .slick-next {
		left: 90%;
	}

	#invitation .column2 .col {
		width: 100% !important;
		margin-bottom: 2rem;
	}
}

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

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

	/* line 22, ../sass/_sp.scss */
	.tokuten {
		margin-top: 0;
	}

	/* #tokutendiv, */
	#live,
	#goods,
	#release,
	#newrelease,
	#profile,
	#invitation .inner {
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}

	/* line 29, ../sass/_sp.scss */
	img {
		max-width: 100%;
		height: auto;
	}

	#invitation .column3 {
		justify-content: center;
		gap: 0.8rem;
	}

	#invitation .column3 .col {
		width: auto;
	}

	/* line 30, ../sass/_sp.scss */
	#invitation .column2 .col .youtube {
		width: 320px;
	}

	/* line 33, ../sass/_sp.scss */
	#invitation .column2 .col .button {
		position: static;
	}

	.info-table table th, .info-table table td {
    padding: 5px;
}

	/* line 39, ../sass/_sp.scss */
	#invitation .imgL {
		float: none;
		margin-right: 0;
	}

	/* line 43, ../sass/_sp.scss */
	#invitation #app {
		padding: 2em 0;
		margin: 0 auto;
	}

	/* line 47, ../sass/_sp.scss */
	#invitation .column2 .col .body {
		position: static;
		width: auto;
	}

	/* line 51, ../sass/_sp.scss */
	#invitation .column2 .col .button .btn-tower {
		margin-left: 0;
	}

	/* line 54, ../sass/_sp.scss */
	#invitation .column2 .col .youtube,
	#invitation .column2 .col .youtube img {
		width: 100%;
	}

	/* line 59, ../sass/_sp.scss */
	#invitation .column2 .col .button .btn-black {
		padding: 1em;
	}

	.btn-ticket img {
		height: 30px;
	}
}

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

	/* line 64, ../sass/_sp.scss */
	body {
		overflow: hidden;
	}

	#interview.long .inner {
		padding: 2em;
	}

	.catch .fz24 {
		font-size: 1.8rem !important;
	}

	/* line 70, ../sass/_sp.scss */
	#heroimage h1 {
		/* bottom: 80px;
		text-align: left;
		transform: none; */
		/* background-color: #ffffffb0; */
		/* width: auto; */
		/* padding: 30px; */
		/* margin-left: 30px; */
	}

	.info-table {
		/* padding: 0; */
	}

	/* line 68, ../sass/_sp.scss */
	#gnavi ul li a:hover {
		background-color: transparent;
	}

	/* line 69, ../sass/_sp.scss */
	#comment {
		margin: 3em 2em;
	}

	#invitation .movie iframe {
		width: 100%;
		height: 190px;
	}

	.gallery-slider img {
		height: 230px;
		margin: 0 auto;
	}
	.gallery-thumb {
		width: 100%;
	}
	.gallery-thumb img {
		height: 100px;
		margin: 0 auto;
	}
	#gallery {
		position: relative;
	}
	#gallery-arrows {
		width: 90%;
		position: absolute;
		top: 29.5rem;
	}
	#gallery-arrows.gallery-arrows-thumbonly {
		top: 11rem;
	}
	#gallery-arrows .slick-prev:before,
	#gallery-arrows .slick-next:before {
		font-size: 35px;
		color: #fff;
	}
	#gallery-arrows .slick-prev {
		left: -30px;
	}
	#gallery-arrows .slick-next {
		left: 90%;
	}

	/* slider */
	/* line 74, ../sass/_sp.scss */
	#movie .slick-prev,
	#movie .slick-next {
		width: 20%;
	}

	/* line 77, ../sass/_sp.scss */
	#movie .slick-active {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}

	/* line 84, ../sass/_sp.scss */
	#movie .slick-slider {
		margin-left: 0;
		padding: 2em 0 3em;
	}

	/* profile */
	/* line 90, ../sass/_sp.scss */
	#profile dl dd {
		/* padding-left: 2em; */
	}

	/* line 93, ../sass/_sp.scss */
	#profile dl dd .linklist li {
		/* margin-bottom: .5em; */
	}

	/* line 97, ../sass/_sp.scss */
	#app .badge {
		text-align: center;
	}

	/* line 99, ../sass/_sp.scss */
	#app .badge img {
		width: auto;
		height: 60px !important;
	}

	/* line 106, ../sass/_sp.scss */
	#livereview #result .box:hover {
		opacity: 1;
	}

	/* line 107, ../sass/_sp.scss */
	#goods .release-small ul li dl dd {
		padding-bottom: 0;
	}

	#goods .release-big dl dd {
		padding: 1em;
	}

	#goods .release-big dl dd .buy.btn-tower,
	#goods .release-small .buy.btn-tower {
		float: none;
		text-align: center;
		position: static;
		display: block;
		width: 90%;
		margin: 1em auto 0;
		min-width: inherit;
		box-sizing: border-box;
		padding: 5px 0 0;
	}

	#release .release-small ul li dl dd {
		padding-bottom: 0;
	}

	#release .release-big dl dd {
		padding: 1em 1em 80px;
	}
	#release .buy.btn-tower {
		/* padding: 0 2em; */
		text-align: center;
	}


	/* line 116, ../sass/_sp.scss */
	#invitation .column2 .col,
	#invitation .column2 .col:last-child,
	#invitation .column2 .col:first-child {
		width: auto;
	}

	#invitation .column2 .col:last-child{
		margin-bottom: 0;
	}

	/* line 119, ../sass/_sp.scss */
	#invitation .column2 .col.pc {
		float: left;
		width: 40%;
		margin-right: 2em;
		margin-bottom: 2em;
	}

	/* line 125, ../sass/_sp.scss */
	#invitation .column2 .column2.tokuten {
		width: 40%;
		box-sizing: border-box;
		float: left;
		clear: left;
		margin-top: 0;
		margin-right: 2em;
		font-size: 1.4rem;
	}

	/* line 133, ../sass/_sp.scss */
	#invitation .column2 .column2.tokuten img {
		display: block;
		width: 150px;
		margin: 0 auto .5em;
	}

	/* line 138, ../sass/_sp.scss */
	#invitation .column2 .column2.tokuten p {
		margin-bottom: .5em;
	}

	/* line 138, ../sass/_sp.scss */
	#invitation .column2 .column2.tokuten p:last-child {
		margin-bottom: 0;
	}

	/* line 141, ../sass/_sp.scss */
	#invitation .column2.tokuten h3 {
		left: 0;
		width: 100%;
		padding: .2em 0;
		box-sizing: border-box;
		border-radius: 4px 4px 0 0;
	}

	/* line 148, ../sass/_sp.scss */
	#invitation .column2 .col .button .btn-black {
		margin-left: 0;
	}

	#interview.long .body .imgL,
	#interview.long .body .imgR {
		max-width: 100%;
	}

	.btn-offcial {
		width: 15em;
	}

	.btn-setlist {
		width: 15em;
	}


}

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

	/* line 154, ../sass/_sp.scss */
	html {
		font-size: 10px;
		background-image: none;
	}

	html::before {
		content: "";
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		z-index: -1;
		width: 100%;
		height: 100vh;
		background-repeat: no-repeat;
		background-position: center;
		/*background-image: url(../../../../img/images/push_artist/hydelive2023/background.jpg?v=20211014);*/
		background-size: cover;
	}

	/* line 161, ../sass/_sp.scss */
	.sp {
		display: block;
	}

	/* line 164, ../sass/_sp.scss */
	.pc {
		display: none;
	}

	/* line 168, ../sass/_sp.scss */
	#live,
	#goods,
	#release,
	#profile,
	#newrelease {
		padding-left: 1em;
		padding-right: 1em;
		padding-top: 5rem;
		padding-bottom: 5rem;
	}
	#live {
		padding-top: 0;
	}
	
	/* line 174, ../sass/_sp.scss */
	#heroimage .minilogo {
		height: 50px;
		width: 60px;
	}

	/* line 181, ../sass/_sp.scss */
	#heroimage h1 {
		/* bottom: 130px; */
		/* margin: 0 auto; */
		/* width: 100%; */
		/* max-width: 346px; */
		text-align: center;
	}

	/* line 199, ../sass/_sp.scss */
	#gnavi ul li:nth-child(2n) {
		border-right: none;
	}

	/* line 202, ../sass/_sp.scss */
	#gnavi ul li:last-child {
		/* width: 100%; */
		/* border-right: none; */
		border-bottom: none;
	}

	#gnavi ul li:nth-last-child(2) {
		/* width: 100%; */
		/* border-right: none; */
		border-bottom: none;
	}

	/* line 214, ../sass/_sp.scss */
	#banner {
		margin: 1em;
	}

	/* line 216, ../sass/_sp.scss */
	#banner h2 {
		line-height: 1.2;
	}

	/* line 220, ../sass/_sp.scss */
	#information {
		margin-top: 2em;
	}

	/* line 222, ../sass/_sp.scss */
	#information ul.single,
	#information ul {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	/* line 227, ../sass/_sp.scss */
	#information ul.single li,
	#information ul li {
		max-width: none;
		width: 100%;
		margin-bottom: 1em;
		padding-bottom: 0;
	}

	/* line 232, ../sass/_sp.scss */
	#information ul.single li .thumb,
	#information ul li .thumb {
		width: 40%;
		float: left;
		margin: 0 1em 0 0;
	}

	/* line 237, ../sass/_sp.scss */
	#information ul.single li .ttl,
	#information ul li .ttl {
		padding: 0 1em 0 0;
		overflow: hidden;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
		font-size: 1.4rem;
	}

	/* line 245, ../sass/_sp.scss */
	#information ul.single li time,
	#information ul li time {
		margin: 0 0 .5em;
		padding: 1em 0 0;
	}

	/* line 249, ../sass/_sp.scss */
	#information ul.single li .more,
	#information ul li .more {
		padding: .5em 1em;
	}

	/* line 255, ../sass/_sp.scss */
	#comment {
		margin: 2em 1em;
		padding: 1.5em;
	}

	/* line 258, ../sass/_sp.scss */
	#comment h2 {
		line-height: 1.8;
		font-size: 1.4rem;
	}

	/* line 261, ../sass/_sp.scss */
	#comment h2 img {
		width: 70vw;
		vertical-align: sub;
	}

	.gallery-slider img {
		height: 230px;
		margin: 0 auto;
	}
	.gallery-thumb {
		width: 100%;
		margin: -1.5em auto 0;
	}
	.gallery-thumb img {
		height: 100px;
		margin: 0 auto;
	}
	#gallery {
		position: relative;
	}
	#gallery-arrows {
		width: 100%;
		position: absolute;
		top: 26rem;
	}
	#gallery-arrows.gallery-arrows-thumbonly {
		top: 11rem;
	}
	#gallery-arrows .slick-prev:before,
	#gallery-arrows .slick-next:before {
		font-size: 35px;
		color: #fff;
	}
	#gallery-arrows .slick-prev {
		left: -30px;
	}
	#gallery-arrows .slick-next {
		left: 90%;
	}

	#release {
		padding: 2em 1em 1em;
	}

	#release .release-big dl {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	#release .release-big dl dt {
		width: 100%;
	}

	#release .release-big dl dt img {
		width: 100%;
		height: auto;
	}

	#release .release-big dl dd {
		overflow: hidden;
		padding: 1em;
	}

	#release .release-big dl dd p.desc {
		margin-top: 1em;
	}

	#release .release-big dl dd .buy.btn-tower {
		margin-top: 1.5rem;
	}

	#release .release-big dl dd .buy,
	#release .release-big dl dd .btn-black {
		float: right;
		position: static;
		text-align: right;
		margin: 1em 0 1.5em;
	}

	#release .release-small ul {
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-align-content: stretch;
		-ms-flex-line-pack: stretch;
		align-content: stretch;
		-webkit-align-items: stretch;
		-ms-flex-align: stretch;
		align-items: stretch;
	}

	#release .release-big dl dd h3 {
		font-size: 2rem;
	}

	#release .release-small ul li dl dd h3 {
		font-size: 1.6rem;
		line-height: 1.5;
	}

	#release .release-small ul li dl dd .buy {
		position: unset;
	}

	/* line 351, ../sass/_sp.scss */
	#interview {
		padding: 2em 0 0;
	}

	/* line 353, ../sass/_sp.scss */
	#interview ul {
		padding: 2em 1em;
	}

	/* line 356, ../sass/_sp.scss */
	#interview ul li .answer {
		padding: 1.5em 1em;
	}

	/* line 358, ../sass/_sp.scss */
	#interview ul li .answer .icon {
		margin-right: 1em;
	}

	/* line 362, ../sass/_sp.scss */
	#interview ul li h3 {
		padding-left: 3em;
	}

	/* line 364, ../sass/_sp.scss */
	#interview ul li h3 span {
		font-size: 2.4rem;
	}

	#interview ul li .answer {
		padding-left: 3.5em;
	}


	#interview.long .body .intro .members ul li {
		width: calc(100% / 2 - 1rem);
	}

	/* line 372, ../sass/_sp.scss */
	#profile dl {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	/* line 376, ../sass/_sp.scss */
	#profile dl dt,
	#profile dl dd {
		width: 100%;
		max-width: 500px;
		padding: 0;
	}

	/* line 380, ../sass/_sp.scss */
	#profile dl dd {
		/* margin-top: 1em; */
		padding-left: 0;
	}

	/* line 387, ../sass/_sp.scss */
	.btn-tower img {
		height: 21px;
	}

	/* line 391, ../sass/_sp.scss */
	.white-popup {
		max-width: 95%;
		margin: 1em auto 3em;
	}

	/* line 395, ../sass/_sp.scss */
	button.mfp-close,
	button.mfp-arrow {
		position: fixed;
		width: 44px;
		background-color: rgba(0, 0, 0, 0.6);
	}

	/* line 400, ../sass/_sp.scss */
	.mfp-arrow:before,
	.mfp-arrow:after {
		left: -19px;
		margin-top: 4px;
	}
	/* line 404, ../sass/_sp.scss */
	#invitation .column2 {
		padding: 0 1.5rem;
		/* margin-bottom: 2em; */
	}

	/* line 408, ../sass/_sp.scss */
	#invitation .column2 .col {
		width: 100% !important;
		box-sizing: border-box;
		margin-bottom: 4rem;
	}

	/* line 411, ../sass/_sp.scss */
	#invitation h2.inner {
		padding-left: .5rem;
		padding-right: .5rem;
	}

	/* line 414, ../sass/_sp.scss */
	#invitation .column2 .col .imgL {
		float: none;
		margin: 0;
		text-align: center;
	}

	/* line 418, ../sass/_sp.scss */
	#invitation .column2 .col .imgL .youtube img {
		width: 100%;
		margin: 0;
		float: none;
	}

	/* line 424, ../sass/_sp.scss */
	#invitation .column2 .col .youtube {
		width: auto;
		margin: 0 auto;
	}

	/* line 428, ../sass/_sp.scss */
	#invitation .column2 .col .sp {
		overflow: hidden;
	}

	/* line 430, ../sass/_sp.scss */
	#invitation .column2 .col .sp a {
		float: left;
		width: 49%;
	}

	/* line 433, ../sass/_sp.scss */
	#invitation .column2 .col .sp a:first-child {
		margin-right: 6px;
	}

	/* line 437, ../sass/_sp.scss */
	#invitation .column2 .col .sp.bgBlack a {
		float: none;
		width: 100%;
	}

	/* line 442, ../sass/_sp.scss */
	#invitation .column2 .col .button {
		position: static;
		text-align: center;
	}

	/* line 445, ../sass/_sp.scss */
	#invitation .column2 .col .button p {
		margin-left: 0;
	}

	/* line 448, ../sass/_sp.scss */
	#invitation .column2 .col .button .btn-tower {
		margin: 0 auto 1em;
	}

	/* line 455, ../sass/_sp.scss */
	#livereview #result .box {
		max-width: 280px;
	}

	/* line 458, ../sass/_sp.scss */
	#livereview .button {
		margin: 1em auto 6rem;
	}

	/* line 462, ../sass/_sp.scss */
	#livereview #dot2 .slick-dots {
		position: static;
		text-align: center;
	}

	/* line 467, ../sass/_sp.scss */
	#livereview .slick-dots li button:before {
		color: #4e687d;
	}

	/* line 470, ../sass/_sp.scss */
	#livereview .button .btn-black {
		padding: 1em 2em;
	}

	/* line 472, ../sass/_sp.scss */
	#livereview .button .btn-black span {
		display: block;
		margin: .5em 0 0;
	}

	#invitation .column2 {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	#invitation .column2 .column2 {
		padding-left: 0;
		padding-right: 0;
		margin-bottom: 2em !important;
	}

	#invitation .column2 .column2 a {
		width: 50%;
	}

	/* line 481, ../sass/_sp.scss */
	#invitation #app {
		margin-top: 0;
	}

	/* line 483, ../sass/_sp.scss */
	#invitation #app h3 {
		line-height: 1.3;
		font-size: 2rem;
	}

	/* line 487, ../sass/_sp.scss */
	#invitation #app p {
		font-size: 1.4rem;
	}

	/* line 488, ../sass/_sp.scss */
	#invitation #app .bg {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		padding: 1em;
	}

	/* line 494, ../sass/_sp.scss */
	#invitation #app .imgL {
		width: 100%;
		text-align: center;
		padding-top: 0;
	}

	/* line 498, ../sass/_sp.scss */
	#invitation #app .imgL img {
		height: 250px;
		width: auto;
	}

	/* line 503, ../sass/_sp.scss */
	#invitation #app .overflow {
		overflow: inherit;
		width: 100%;
		padding-right: 0;
	}

	/* line 509, ../sass/_sp.scss */
	#invitation .column2 .column2.tokuten {
		width: auto;
		display: block;
		margin: 3em 0 2em;
		float: none;
	}

	/* line 514, ../sass/_sp.scss */
	#invitation .column2 .column2.tokuten .col {
		font-size: 1.4rem;
	}

	/* line 516, ../sass/_sp.scss */
	#invitation .column2 .column2.tokuten .col img {
		display: block;
		width: 150px;
		margin: 0 auto 1em;
	}

	/* line 519, ../sass/_sp.scss */
	#livereview #result .box .head h3 {
		width: 14em;
	}

	/* line 522, ../sass/_sp.scss */
	.mfp-gallery .mfp-content {
		vertical-align: top !important;
	}

	/* line 525, ../sass/_sp.scss */
	.white-popup .pager {
		position: fixed;
		left: 50%;
		bottom: 0;
		text-align: center;
		width: 6em;
		padding: 8px 0;
		margin-left: -3em;
		background-color: rgba(0, 0, 0, 0.5);
	}

	/* line 535, ../sass/_sp.scss */
	button.mfp-arrow {
		top: 55%;
		height: 50px;
	}


	/* line 539, ../sass/_sp.scss */
	#interview.long .head {
		margin-bottom: 3em;
	}

	/* line 542, ../sass/_sp.scss */
	#interview.long .head h3,
	#interview.long .body h4 {
		font-weight: bold;
		font-size: 2rem;
		line-height: 1.6;
	}

	/* line 548, ../sass/_sp.scss */
	#interview.long .body h4 {
		padding: 1em .5em;
		margin-bottom: 1em;
		font-size: 1.8rem;
	}

	/* line 553, ../sass/_sp.scss */
	#interview.long .inner {
		padding: 1em 1.5em;
	}

	/* line 556, ../sass/_sp.scss */
	#interview.long .body .imgL,
	#interview.long .body .imgR {
		margin-right: 0;
		margin-left: 0;
	}

	/* line 560, ../sass/_sp.scss */
	#interview.long .head .heroimage {
		margin: -1em -2em 2em;
		background-size: contain;
		padding-top: 32vh;
	}

	/* line 564, ../sass/_sp.scss */
	#interview.long .head .heroimage h3 {
		padding: 1em .5em .5em;
		font-size: 1.6rem;
		line-height: 1.4;
	}

	/* line 571, ../sass/_sp.scss */
	#interview.long .pager .button {
		text-align: center;
	}

	/* line 573, ../sass/_sp.scss */
	#interview.long .pager .button li {
		display: inline-block;
		width: 49%;
	}

	/* line 576, ../sass/_sp.scss */
	#interview.long .pager .button li a,
	#interview.long .pager .button li span {
		display: block;
		padding-left: 0;
		padding-right: 0;
	}

	/* line 581, ../sass/_sp.scss */
	#interview.long .pager .button li:first-child,
	#interview.long .pager .button li .prev {
		display: none;
	}

	/* line 587, ../sass/_sp.scss */
	#interview.long .pager .button li .next::after,
	#interview.long .pager .button li .prev::before {
		display: none;
	}

	/* line 590, ../sass/_sp.scss */
	#loader {
		display: none;
		position: static;
		width: 100%;
		height: 80px;
		margin: 1em auto;
		background-size: 80px;
		background-color: transparent;
	}


	#interview ul li .answer {
		padding-left: 3.5em;
	}

	#interview ul li .answer::before {
		font-size: 2.4rem;
	}

	.btn-offcial {
		width: 14em;
	}

	.btn-setlist {
		width: 14em;
	}

	#goods .release-small .buy.btn-tower {
		line-height: 1.2;
		padding: 8px;
		width: 100%;
	}

	#livereview {
    padding-top: 4rem;
	}

	#profile dl dd p{
		max-height: none;
	}

}

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

	/* line 602, ../sass/_sp.scss */
	#gnavi ul li a {}

	/* line 603, ../sass/_sp.scss */
	#heroimage h1 {}

	/* line 606, ../sass/_sp.scss */
	#heroimage h1 img {}

	/* line 610, ../sass/_sp.scss */
	#movie .slick-slide h3 {
		width: 75%;
		left: 13%;
		font-size: 12px;
	}

	/* line 616, ../sass/_sp.scss */
	.btn-tower img {
		height: 17px;
	}

	/* line 620, ../sass/_sp.scss */
	#invitation .column2 .col .sp a {
		width: 48.5%;
	}

	/* line 623, ../sass/_sp.scss */
	#goods .tokuten .imgL {
		float: none;
		text-align: center;
	}

	/* line 627, ../sass/_sp.scss */
	#goods .tokuten h4 {
		width: 200px;
		margin-left: -100px;
	}
	#livereview #result .sp .box {
		width: 220px;
	}
}

#newrelease {
	padding-top: 10rem;
	padding-bottom: 10rem;
	background-image: url(../../../../img/images/push_artist/hydelive2023/background.jpg);
	background-size: cover;
}

#newrelease .column2 {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	-ms-flex-pack: distribute;
	justify-content: space-between;
	/* -webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between; */
	-webkit-align-content: stretch;
	-ms-flex-line-pack: stretch;
	align-content: stretch;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	margin-bottom: 6rem;
}

/* @media only screen and (max-width: 1070px) {
	#newrelease .column2 {
		flex-direction: column;
		align-items: center;
	}
} */

#newrelease .column2 .cdimage p {
	margin-bottom: 4rem;
}

#newrelease .column2 .col {
	/* width: calc(100% / 2 - 4rem); */
	max-width: 519px;
}

#newrelease .column2 .col.cdinfo{
	/* width: calc(100% / 2 - 4rem); */
	max-width: 520px;
	line-height: 1.5;
}

#newrelease .info-title{
	font-size: 2.6rem;
	line-height: 1.3;
	margin-bottom: 1.5rem;
}

#newrelease .column2 .col.cdinfo p{
	font-size: 1.5rem;
	font-weight: 500;
	margin-bottom: 2.25rem;
}

#newrelease .column2 .col .cdinfo-sub{
	margin-bottom: 5rem;
}

#newrelease .column2 .col .cdinfo-sub,
#newrelease .column2 .col .cdinfo-btn{
	margin-bottom: 2.4rem;
}

.cdinfo-btn .btn-ticket{
	border: none;
	box-shadow: none;
	margin-bottom: 3rem;
	font-size: 2.4rem;
	background: #FCED4F;
}

#newrelease .column2 .col .track ul{
	margin-bottom: 2.1rem;
}

@media only screen and (max-width: 768px) {
	#newrelease .column2 .col {
		width: 100%;
	}
}

.price{
	margin: .8rem auto 2.4rem;
	text-align: center;
}

#newrelease .type {
	color: #333;
	background: #F8F8F8;
	border: 1px solid #ccc;
	padding: 1rem 1rem;
	min-height: 150px;
	box-sizing: border-box;
}

#newrelease .type h3 {
	color: #333;
	font-size: 1.8rem;
	padding-bottom: .8rem;
	border-bottom: 1px solid #27ADD0;
}

#newrelease .track {
	max-width: 414px;
	font-size: 1.4rem;
	font-weight: 700;
	padding: 1rem 1.3rem;
	box-sizing: border-box;
}
#newrelease .btn-black {
	/* background: #56AB2F; */
	/* background: -moz-linear-gradient(top, #7ac7fd 0%, #3293c1 100%);
	background: -webkit-linear-gradient(top, #7ac7fd 0%, #3293c1 100%);
	background: linear-gradient(to bottom, #7ac7fd 0%, #3293c1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#A8E063', endColorstr='#56AB2F', GradientType=0); */
	display: inline-block;
    background: -moz-linear-gradient(top, #525252 0%, #000000 100%);
    background: -webkit-linear-gradient(top, #525252 0%, #000000 100%);
    background: linear-gradient(to bottom, #525252 0%, #000000 100%);
    font-size: 1.8rem;
}

#newrelease .btn-tower {
	display: block;
	max-width: 18em;
	font-size: 2.4rem;
	font-weight: 700;
	margin: 1rem 0 0 auto;
}

#newrelease .btn-tower:hover {
	opacity: .6;
	transition: .3s ease opacity;
}

.catch {
	margin-bottom: 5rem;
	text-align: center;
}

#newrelease .movie-title{
	line-height: 1.5;
	margin-bottom: 3rem;
	font-size: 4rem;
}

#newrelease .movie {
	margin-bottom: 5rem;
}

#newrelease .movie a{
	text-align: center;
}

/* ----------------------------------------------
TOKUTEN
------------------------------------------------ */
#tokutendiv {
	/* max-width: 1060px; */
	margin: 0 auto;
}

#tokutendiv .inner {
	padding-left: 1rem;
	padding-right: 1rem;
}

#tokutendiv .btn-black.green {
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1.3;
	background-color: #4aa7e973;
	color: #000;
}
.btn-pink, .btn-black.big, .btn-post.big, .btn-yellow.big,
#tokutendiv .btn-black.big {
	font-size: 2.4rem;
}
form .btn-yellow.big {
	line-height: 1.3;
	font-weight: bold;
	height: 80px;
}

.btn-black {
	/* font-size: 1.8rem;
	font-weight: 700; */
	line-height: 1.3;
	background-color: #131313;
	color: #fff;
	font-weight: bold;
	margin-left: .5em;
}

#tokutendiv .btn-post, #livereview .btn-post {
	/* font-size: 1.8rem;
	font-weight: 700; */
	line-height: 1.3;
			background-color: #4FD9BF;
		color: #fff;
		font-weight: bold;
		margin-left: .5em;
}

#tokutendiv .btn-ticket img {
	height: 28px;
}

#livereview #tokutendiv .ttl-h3b {
	text-align: center;
	color: #F8F8F8;
	margin: 8rem 0 5rem;
}

#tokutendiv .ttl-h3b span {
	/* border-bottom: 4px dotted #0072a7; */
	/* margin-bottom: 3.6rem; */
	/* padding-bottom: 1rem; */
}

#tokutendiv .btn-ticket {
	font-size: 1.6rem;
	text-align: center;
}
#tokutendiv .column2{
	margin-bottom: 4rem;
	background-color: rgba(217,217,217,.3);
	max-width: 1080px;
	width: 100%;
	justify-content: center;
	position: relative;
	padding: 65px 103px 40px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#tokutendiv .column2 .ttl-h3b{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto !important;
	transform: translateY(-50%);
}
#tokutendiv .column2 .col .btn-black.green {
	display: block;
}

#tokutendiv .column2 .col {
	display: flex;
	flex-direction: column;
	padding-bottom: 34px;
	max-width: 401px;
	width: 100%;
	line-height: 1.5;
	text-align: center;
	position: relative;
}

#tokutendiv .column2 .col:nth-child(2) {
	border-right: 1px solid #fff;
}

#tokutendiv .column2 .col div {
	margin-top: auto;
}

#tokutendiv .column2 .description {
	text-align: center;
	line-height: 1.4;
}

#tokutendiv .notes{
	border: 1px solid #fff;
	padding: 20px 40px 20px 20px;
	line-height: 1.4;
	position: relative;
}

#tokutendiv .notes .notes-inner{
	overflow: hidden;
	height: 4.5em;
	transition: all .3s;
}

#tokutendiv .notes .icon-notes-more{
	position: absolute;
	right: 0;
	top: 30px;
	padding: 12px;
	transition: transform .3s;
	cursor: pointer;
}

#tokutendiv .notes.active .notes-inner{
	height: auto;
}

#tokutendiv .notes.active .icon-notes-more{
	transform: rotate(180deg)
}

#tokutendiv .notes .notes-inner h3{
	color: #FFF;
	font-size: 1.8rem;
}
#tokutendiv .notes .notes-inner ul li{
	list-style: disc;
	margin-left: 1em;
}

#livereview.presentarea h2:not(.mt30) {
	margin: 0 auto 4.5rem;
}

.livereview-title{
	max-width: 350px;
}

#livereview.presentarea > .inner > p{
	color: #F8F8F8;
	line-height: 23px;
	font-size: 1.5rem;
	font-weight: 500;
	margin-bottom: 8rem;
	text-align: center;
}
#livereview.presentarea > .inner > p.description{
	color: #FFF;
	font-weight: 700;
}

@media only screen and (max-width: 880px){
	#tokutendiv .column2{
		padding-left: 10px;
		padding-right: 10px;
	}
	#tokutendiv .column2 .col{
		max-width: 100%;
	}
	#tokutendiv .column2 .col:nth-child(2){
		border-right: none;
	}
	#tokutendiv .column2 .col:nth-child(3){
		padding-bottom: 0;
	}
	#tokutendiv .column2 .col h4{
		line-height: 1.5;
		margin-bottom: 1.5rem;
	}
	#tokutendiv .column2 {
		flex-direction: column;
		align-content: center;
	}
	
	#livereview #tokutendiv .ttl-h3b{
		margin-bottom: 3rem;
	}
}



.presentarea.form{
	margin-bottom: 10rem;
}
.presentarea.form h2{
	color: #C88001;
	font-weight: 700;
	text-align: center;
	font-size: 5rem;
}
.presentarea.form .desc{
	background-color: rgba(217,217,217,.3);
	border-radius: 4px;
	padding: 3rem;
	line-height: 1.5;
}
.presentarea.form .desc h3{
	margin-bottom: 1rem;
	font-size: 1.8rem;
}
.presentarea.form .desc ul{
	margin-bottom: 1rem;
}
.presentarea.form .desc ul li{
	list-style: disc;
	margin-left: 1.5em;
	line-height: 1.5;
}
.presentarea.form .desc ol li {
	list-style: decimal;
	margin-left: 1em;
	line-height: 1.5;
}
#livereview.presentarea.form .desc h3,
#livereview.presentarea.form .caption h3{
	font-size: 2.2rem;
}
#livereview.presentarea.form .desc p {
	color: #FFF;
	font-size: 1.6rem;
	margin-bottom: 1rem;
}
.formarea{
	border-radius: 4px;
	border: 1px solid #fff;
	padding: 3rem;
	margin: 4rem 0;
}
.formarea table{
	width: 100%;
	word-break: break-all;
}
.formarea table th span{
	font-size: 1.2rem;
	color: gold;
	margin-left: 1rem;
	display: inline-block;
	font-weight: normal;
}
.formarea table td,
.formarea table th {
	font-size: 1.8rem;
	text-align: left;
	color: #fff;
	padding: 8px;
	vertical-align: middle;
}
.formarea table th {
	width: 30%;
}
.formarea input,
.formarea textarea,
.formarea select {
	width: 100%;
	padding: 8px;
	border-radius: 4px;
	border: none;
}
.formarea input[type="text"]:disabled{
	border: none;
	background-color: transparent;
	color: #fff;
}
.formarea .error{
	color: #fff;
	background-color: #e83014;
	padding: 4px 8px;
	margin-top: 1rem;
	margin-bottom: 0!important;
}
.formarea .caption a{
#	color: #ccc;
	text-decoration: underline;
}
.formarea .caption a:hover{
	text-decoration: none;
}
.formarea .caption{
	color: #ccc;
	background-color: rgb(51 62 83 / 60%);
	border-radius: 4px;
	margin-top: 3rem;
	padding: 2rem;
}
.formarea .caption h3{
	color: #ccc;
	margin-bottom: 1rem;
}
.formarea .caption ul li{
	line-height: 1.5;
	margin-bottom: 1rem;
	margin-left: 1em;
	list-style: disc;
}
.presentlist.column{
	justify-content: flex-start;
}
.presentlist .box{
	width: calc(100% / 3 - 2rem);
	margin-bottom: 2rem!important;
}
.presentarea .btn-black.more {
	display: block;
	max-width: 20em;
	margin: 4rem auto 10rem;
	font-size: 1.8rem;
	text-align: center;
}
#result.mb40{
	margin-bottom: 10rem!important;
}

a.textLink {
	color: #C69E61;
	text-decoration: underline;
}
a.textLink:hover{
	opacity: 0.6;
	text-decoration: none;
}


@media only screen and (max-width: 1200px) {
	.presentlist .box {
		width: 100%;
		max-width: inherit!important;
		margin-bottom: 2rem !important;
	}
	#livereview.presentarea>.inner{
		padding-left: 2rem;
		padding-right: 2rem;
	}


	#livereview.presentarea > .inner > p{
		line-height: 1.5;
		font-size: 1.5rem;
	}
	.formarea{
		padding: 1rem;
	}
	.formarea input,
	.formarea textarea,
	.formarea select {
		width: calc(100% - 2rem);
	}
	.formarea table tr,
	.formarea table td,
	.formarea table th {
		display: block;
	}
	.formarea table th {
		width: 100%;
	}
	#tokutendiv .column2 .col {
		width: 100%;
	}

	.message .column2 .col:nth-child(2) {
    margin-right: 0;
}

#newrelease .column2{
	flex-direction: column;
	align-content: center;
	gap: 3rem;
}
}

.btn-red {
	display: block;
	font-size: 2rem;
	font-weight: 700;
	text-align: center;
	vertical-align: middle;
	background: #690505;
	border-radius: 100px;
	padding: 0;
	width: 180px;
	height: 180px;
	color: #fff;
	position: relative;
	z-index: 10;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	justify-content: center;
	margin-left: auto;
	margin-right: auto;
}

#tokutendiv .column2 .col .fan-link{
	display: block;
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 1.5;
	padding: 0;
	color: #fff;
	background: none;
	box-shadow: none;
	text-decoration: underline;
}

#tokutendiv .column2 .col h4 {
	font-size: 2.6rem;
	margin-bottom: 1rem;
	color: #F8F8F8;
	line-height: 1.5;
}

#tokutendiv .column2 .col p {
	width: 100%;
	font-size: 1.6rem;
	font-weight: 500;
	color: #F8F8F8;
	margin: 0 auto 3rem;
	line-height: 1.5;
}

.formarea .col h4 {
	font-size: 2.6rem;
	margin-bottom: 1rem;
	color: #F8F8F8;
	line-height: 1.5;
	text-align: center;
}

.formarea .col p {
	width: 100%;
	font-size: 1.6rem;
	font-weight: 500;
	color: #F8F8F8;
	margin: 0 auto 3rem;
	line-height: 1.5;
	text-align: center;
}

.formarea #live {
	padding: 0;
}


#tokutendiv .h3ttl {
	display: flex;
	flex-wrap: nowrap;
	margin-bottom: 2rem;
	color: #fff;
	font-size: 2rem;
	font-weight: 700;
	align-self: center;
	align-items: center;
}

#tokutendiv .h3ttl span {
	border: none;
	font-size: 1.8rem;
	width: 3em;
	height: 3em;
	margin-right: 2rem;
}

#tokutendiv .h3ttl em {
	font-style: inherit;
	width: calc(100% - 4em);
}

.login{
	font-size: 1.6rem;
	font-weight: 500;
	color: #fff;
	text-align: center;
	margin-bottom: 8rem;
}

.login a{
	color: #fff;
	text-decoration: underline;
}


#tokutendiv .movie {
	margin-bottom: 2rem;
	text-align: center;
}

#tokutendiv .present {
	padding: 3rem 0;
	font-size: 3rem;
}
.tweet{
	display: block;
	width: 30px; height: 30px;
	position: absolute;
	right: 10px; top: 10px;
}
.white-popup .head,
.white-popup .header {
	position: relative;
	/* padding-right: 50px; */
	border-bottom: 1px dotted #ccc;
	margin-bottom: 1em;
	padding-bottom: 1em;

}
.white-popup .header .button {
	margin: 0;
	display: flex;
	justify-content: right;
}
.box.tw-share,
.header .tw-share {
	display: block;
	right: 10px;
	top: 0;
	padding: 0 1em;
	text-align: center;
	background-color: #50ABF1;
	border-radius: 50px;
	color: #fff;
	font-weight: bold;
}
.box.tw-share a,
.header .tw-share a {
	color: #FFF;
}
.box.tw-share img,
.header .tw-share img {
	vertical-align: -webkit-baseline-middle;
	width: 30px;
}
.header .tw-share span {
	vertical-align: -webkit-baseline-middle;
	font-size: 1.2rem;
}
.header .tw-share a:hover {
	opacity: 0.6;
	transition: opacity .5s linear;
	text-decoration: none;
	color: #FFF;
}
.tweetbutton{
	display: block;
	padding: 1em 0;
	text-align: center;
	font-size: 1.8rem;
	font-weight: 700;
	color: #fff!important;
	border-radius: 8px;
	background-color: #51abf1;
}
.tweet img{
	border-radius: 50%;
}
.tweetbutton img{
	margin-right: .5em;
}
.presentarea.form .desc.comp{
	max-width: 50em;
	margin-left: auto;
	margin-right: auto;
}

.presentarea.form #tokutendiv {
	margin-bottom: 3rem;
}
.presentarea.form #tokutendiv .h3ttl {
	padding: 0;
}



.ticket-help {
	text-decoration: underline;
	color: #FFF;
	font-size: .9em;
}
.ticket-help:hover {
	color: rgb(154 175 16);
	text-decoration: none;
}
#tokutendiv .column3 .col .ticket-help {
	margin-top: 1em;
}
#online-live .col .button .ticket-help {
	margin: 1em 0 2em;
}

#infscr-loading {
	padding-top: 32px;
	text-align: center;
	color: #888;
	font-size: 1.2em;
}
#infscr-loading img {
	margin: 1rem;
}

.grayback-frame {
	/* background: rgb(3 113 196 / 61%);
	padding: 1em; */
}

.box .likesView {
	display: block;
	position: absolute;
	top: 20px;
	right: 50px;
}
.box .likesView .icon-heart {
	color: #f88fb1;
	font-size: 1em;
	vertical-align: middle;
}
.box .likesView .gray {
	color: #bdbdbd;
}

.box .likesView .likesNum {
	margin-left: 4px;
	font-size: 14px;
}

.white-popup .buttonBox {
	width: 220px;
	margin: 2em auto 1em;
}
#modalWrap .white-popup .buttonBox {
	position: static;
	margin: 0 auto;
}
.white-popup .buttonBox .btnAddLikes {
	position: relative;
	display: block;
	padding: 12px 0;
	border-radius: 4px;
	background-color: #bdbdbd;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	overflow: hidden;
	background: #e1e1e1;
	-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
	color: #fff;
	text-decoration: none;
	text-align: center;
	font-size: 1.6rem;
}

.white-popup .likesView {
	display: inline-block;
	margin-right: 2em;
	margin-top: .2em;
}
.white-popup .likesView .icon-heart {
	margin-right: 4px;
	vertical-align: middle;
	color: #f88fb1;
	font-size: 1.3em;
}

.white-popup .likesView .gray {
	color: #bdbdbd;
}

.white-popup .buttonBox .btnAddLikes .icon-heart {
	display: inline-block;
	width: 16px;
}

.white-popup .buttonBox .btnAddLikes .icon-heart:before {
	font-size: 2.0rem;
	position: absolute;
	left: 16px;
	top: 10px;
}
.white-popup .likesView .likesNum {
	margin-left: 4px;
	font-size: 14px;
}

.white-popup .buttonBox .hvr-radial-out {
	background-color: #bdbdbd;
}

.white-popup .buttonBox .hvr-radial-out:before {
	background-color: #f88fb1;
}

.white-popup .buttonBox .imloveit {
	background-color: #f88fb1;
}

/* Radial Out */

.hvr-radial-out {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	overflow: hidden;
	background-color: #e1e1e1;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.hvr-radial-out:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #2098D1;
	border-radius: 100%;
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.hvr-radial-out:hover,
.hvr-radial-out:focus,
.hvr-radial-out:active {
	color: white;
}

.hvr-radial-out:hover:before,
.hvr-radial-out:focus:before,
.hvr-radial-out:active:before {
	-webkit-transform: scale(2);
	transform: scale(2);
}

/* fonts */

@font-face {
	font-family: 'icomoon';
	src: url('/fonts/common/oem/vivala/icomoon.eot?xw9wqd');
	src: url('/fonts/common/oem/vivala/icomoon.eot?xw9wqd#iefix') format('embedded-opentype'),
	url('/fonts/common/oem/vivala/icomoon.ttf?xw9wqd') format('truetype'),
	url('/fonts/common/oem/vivala/icomoon.woff?xw9wqd') format('woff'),
	url('/fonts/common/oem/vivala/icomoon.svg?xw9wqd#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"],
[class*=" icon-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-heart:before {
	content: "\e907";
}


/* radio checkbox */
/* line 786, ../sass/_main.scss */
input[type=radio] {
	display: none;
}
.label {
	display: block;
}
input[type="radio"]:checked + label {
	background: #31A9EE;
	color: #ffffff;
}

@media only screen and (max-width: 768px) {
	.sp-only{
		display: block;
	}
	.pc-only{
		display: none;
	}

	.btn-common{
		font-size: 2rem;
	}

	.ttl-h2{
		font-size: 3.6rem;
	}

	#heroimage h1{
		max-width: 323px;
		bottom: 26%;
	}

	#heroimage h1 img{
		max-width: 322px;
	} 

	#gnavi ul {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	#gnavi ul li {
		width: 50%;
		box-sizing: border-box;
		border-right: 1px solid #F8F8F8;
		border-bottom: 1px solid #F8F8F8;
	}

		#gnavi ul li a {
		font-size: 2.4rem;
		padding: 12px 0;
	}

	#invitation .catch-title{
		font-size: 6.7rem;
		margin-bottom: 1.5rem;
	}

	#invitation .catch-title-lead{
		font-size: 3rem;
	}

	.info-table{
		margin-bottom: 3rem;
	}

	.presentlist .box {
		width: 100%;
		max-width: inherit!important;
		margin-bottom: 2rem !important;
	}

	.btn-pink {
		width: 100%;
		display: block;
		font-size: 2rem;
		padding-left: 0;
		padding-right: 0;
		text-align: center;
	}

	#livereview.presentarea>.inner{
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}


	#livereview .application_period{
		margin-bottom: 2rem;
	}

	#livereview.presentarea .recommendation{
		margin-bottom: 2rem;
	}

	#newrelease .movie{
		margin-bottom: 4rem;
	}

	.formarea{
		padding: 1rem;
	}
	.formarea input,
	.formarea textarea,
	.formarea select {
		width: calc(100% - 2rem);
	}
	.formarea table tr,
	.formarea table td,
	.formarea table th {
		/* display: block; */
	}
	#tokutendiv .column3 .col {
		width: 100%;
		margin-bottom: 2rem;
	}

	#tokutendiv .button .big {
		font-size: 1em;
	}
	#tokutendiv .present h4 img {
		width: 90%;
	}

	#livereview .recommendation span{
	font-size: 2.4rem;
	}

	#livereview.presentarea > .inner > p{
		/* text-align: left; */
		margin-bottom: 6rem;
	}
	#livereview.presentarea > .inner > p.tC {
		text-align: center;
	}
	#livereview #tokutendiv .tokuten {
		min-height: 223px;
		/* padding: 2.5rem 0; */
		flex-direction: column;
		justify-content: space-between;
	}
	#livereview #tokutendiv .tokuten ul {
		padding: 0 1em;
	}
	#livereview #tokutendiv .tokuten li {
		padding-left: 0;
	}

	#tokutendiv .ttl-h3b{
		font-size: 2.4rem;
		line-height: 1.5;
		margin-top: 6rem;
	}

	.tokuten ul li{
		font-size: 1.8rem;
	}

	#tokutendiv .column2 {
		margin-bottom: 3rem;
	}

	#tokutendiv .column2 .col{
		/* padding: 2rem; */
		margin-bottom: 0;
	}

	

	#tokutendiv .column2 .col:nth-child(1) p{
		margin-bottom: 3.5rem;
	}

	.login{
		margin-bottom: 5rem
	}

	.white-popup .header p {
		margin-bottom: 1em;
	}

	.white-popup .buttonBox {
		width: 89%;
	}

	#invitation .column3 .col{
	background-image: url(../../../../img/images/push_artist/hydelive2023/card-box-sp.png);
	background-size: 335px;
	padding: 4.5rem 4.5rem;
	}

	#invitation .column3 .col .col-text{
	width: 245px;
	}

	#invitation .column3 h3{
		font-size: 2rem;
	}

	#invitation .column3 h4{
		font-size: 1.6rem;
	}

	#invitation .column3 p{
		font-size: 1.4rem;
	}
/*
	#goods .release-small ul li:nth-last-child(1),
	#goods .release-small ul li:nth-last-child(2){
		margin-bottom: 4rem;
	} */

	#goods .release-small ul li dl dt img{
		height: auto;
	}

	#goods .buy.btn-tower{
		font-size: 1rem;
	}

	#goods .release-small .buy.btn-tower{
		line-height: 3;
	}

	#goods .release-small .buy.btn-tower{
		padding: .25rem .375rem;
	}

	#fanclub{
		padding: 5rem 0;
	}

	#fanclub .ttl-sub-text{
		font-size: 1.8rem;
	}

	#fanclub .ttl{
		margin-bottom: 2rem;
	}

	#fanclub .ttl-text{
		font-size: 8rem;
	}


	#newrelease{
		padding-top: 5rem;
		padding-bottom: 5rem;
	}

	.price{
		font-size: 1.5rem;
		text-align: left;
		margin-bottom: 0;
	}

	#newrelease .info-title{
		font-size: 2.4rem;
		margin-bottom: 2rem;
	}

	#newrelease .column2{
		margin-bottom: 5rem;
	}

	#newrelease .column2 .col .cdinfo-main{
		margin-bottom: 0;
	}

	#newrelease .column2 .col .cdinfo-sub{
		margin-bottom: 3rem;
	}

	#newrelease .column2 .col .cdinfo-btn{
		margin-bottom: 2.8rem;
	}

	.movie-wrapper{
		padding: .8rem;
	}

	#live ul:nth-of-type(2){
		margin-bottom: 2.4rem;
	}

	#profile div{
		margin-bottom: 2.4rem;
	}

	#profile h3{
		margin-bottom: 1rem;
	}
	.formarea .col h4 {
		font-size: 2.2rem;
	}
	
}

@media only screen and (max-width: 480px){
	.xsp-only{
	display: block;
	}

	#heroimage {
		height: 113vw;
	}

	#heroimage h1{
    bottom: 38%;
	}

	.info-table td{
		max-width: 205px;
	}

	#invitation .btn-ticket{
		margin-bottom: 2.5rem;
	}

	#pagetop a {
		font-size: 60px;
	}
}