@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100..700;1,100..700&family=Recursive:wght@300..1000&display=swap');
.engF {
	font-family: "Recursive", sans-serif;
	font-weight:800;
	font-style: normal;
}
.engF2 {
	font-family: "IBM Plex Sans", sans-serif;
	font-weight: 700;
	font-style: normal;
}
.jpnF {
	font-family: 'Noto Sans JP', sans-serif!important;
	font-weight: 500;
	font-optical-sizing: auto;
}
html {
	box-sizing: border-box;
	font-size: 62.5%;
	height: 100%;
}
*, *:before, *:after {
	box-sizing: inherit;
}
html {
	box-sizing: border-box;
}
body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	font-family:'Noto Sans JP', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'メイリオ', Meiryo, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 160%;
	color: #000;
	word-wrap:break-word;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	-webkit-text-size-adjust:none;
	background:url(../img/bg.png) repeat 50% 50%;
	background-size: 70%;
}
body#GUIDELINE {
}
a {
	color:#000;
}
a:hover {
	color:#000;
}
a:visited {
	color: #000;
}
a:active, a:focus {
	outline:0;
}
a:link, a:visited {
	text-decoration: none;
}
a:hover, a:active, a:focus {
	text-decoration: none;
}
p {
	margin: 0;
	padding: 0;
	word-break: break-all;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 500;
	font-optical-sizing: auto;
}
strong {
	font-style: normal;
}
img {
	border:0;
	vertical-align: middle;
	-ms-interpolation-mode: bicubic;
	-webkit-backface-visibility: hidden;
}
ol, ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
input, textarea {
	box-sizing: border-box;
	line-height: 1.8;
	border: 0;
	border-radius: 0;
	outline: none;
}
sup {
	font-size: 71.42857%;
	vertical-align: super;
}
em {
	font-weight: normal;
}
.clear {
	clear:both;
}
.cf:after {
	content:" ";
	display:block;
	clear:both;
}
section:after {
	content:" ";
	display:block;
	clear:both;
}
 html::-webkit-scrollbar {
width: 20px;
height: 20px;
}
html::-webkit-scrollbar-track {
 background: #ccc;
}
html::-webkit-scrollbar-thumb {
background: #fff;
}
.tac {
	text-align: center!important;
}
.tar {
	text-align: right!important;
}
.tale {
	text-align: left!important;
}
.spV {
	display: block!important;
}
.tabV {
	display: none!important;
}
.pcV {
	display: none!important;
}
.tabpcV {
	display: none!important;
}
.textFit {
	text-align: left;
	margin: 0 auto;
	width: fit-content;
}
.text_palt{
	 font-feature-settings: "palt";
}
.pcV12 {
	display: none!important;
}
.fontS {
	font-size:1.0rem!important;
}
.fontM {
	font-size:1.2rem!important;
}
.fontbase {
	font-size:1.6rem!important;
}
.fontL {
	font-size:1.8rem!important;
}
.fontLjB {
	font-size:1.8rem!important;
	font-weight: bold!important;
}
.fontB {
	font-weight: bold!important;
}
.fontRed {
	color: #E55225!important;
}
.fontW-base {
	margin: 0!important;
	font-weight: 400!important;
	line-height: 1.6!important;
}
.mt1 {
	margin-top: 1rem!important;
}
.mt2 {
	margin-top: 2rem!important;
}
.mt3 {
	margin-top: 3rem!important;
}
.mt5 {
	margin-top: 5rem!important;
}
.mb0 {
	margin-bottom: 0!important;
}
.mb1 {
	margin-bottom: 1rem!important;
}
.mb6 {
	margin-bottom: 6rem!important;
}
.mtb3 {
	margin: 3rem 0!important;
}
.pb3 {
	padding-bottom: 3rem!important;
}
.p1 {
	padding: 1rem!important;
}
.p20 {
	padding: 20px!important;
}
.sptxC {
	text-align:  center!important;
}
.sptxLpctxC {
	text-align:  left!important;
}
.sptxwB {
	font-weight: bold!important;
}
.fix {
	background: #BEC2C4;
	padding: 3vw;
	color: #666;
	opacity: 0.8;
}
.fix a {
	color: #666!important;
	pointer-events: none
}
.fix h4 {
	font-size: 1.4rem!important;
	margin: 0 0 2rem;
	text-align: left!important;
}
/*color*/
.tc_red {
	color: #FF66CC!important;
}
.tc_blue {
	color: #66CCCC!important;
}
.tc_greens{
		color: #00994E!important;
}
.tc_orange {
		color: #e55225!important;
}
html {
	box-sizing: border-box;
	scroll-behavior: smooth;
}
*, *:before, *:after {
	box-sizing: inherit;
}
section {
}
section.sub .static {
}
section.sub .colred {
	border: 2px solid #195FB2!important;
}
section.sub .colorg {
	border: 2px solid #FF6600!important;
}
.Spotifylist {
	margin:3rem auto;
	padding: 0;
	position: relative;
	text-align: center;
}
.Spotifylist iframe {
	width: 100%;
	background: #FF66CC;
	padding: 3px;
}
/*btn___*/
.btn_box {
	margin-top: 6rem;
}
.btn_ex a {
	display: block;
	padding: 10px;
	height: 100%;
	border: 2px solid #000;
	background: #fff;
	text-align: left;
	position: relative;
	font-weight: 700;
	color: #000;
	border-radius: 5px;
}
.btn_ex a:after {
	list-style-type: none;
	content: "\e900";
	font-family: 'RUSHBALL' !important;
	font-weight: 900;
	top: calc(50% - 1rem);
	position: absolute;
	right: 10px;
	color: #000;
}
.btn_ex a:hover {
	background-color: #FF6600;
	border: 2px solid #FF6600;
	color: #fff;
}
.btn_ex a:hover:after {
	color: #fff;
}
.btn_in a {
	display: block;
	padding: 15px;
	border-radius: 10px;
	height: 100%;
	background: #fff;
	text-align: left;
	position: relative;
	font-size: 2rem;
	color: #FF6600
}
.btn_in a:after {
	list-style-type: none;
	content: "\e904";
	font-family: 'RUSHBALL' !important;
	font-weight: 900;
	top:calc(50% - 1rem);
	position: absolute;
	right: 10px;
	color: #fff;
	transform: rotate(90deg);
}
.btn_in a:hover {
	background-color: #FF6600;
	color: #fff;
}
.btn_in a:hover:after {
	color: #fff;
}
.btn_pdf {
	margin: 3rem 0;
	border:2px solid #FF6600;
	background-color: #fff;
	text-align: center;
	border-radius: 10px;
}
.btn_pdf a {
	color: #FF6600;
	display: block;
	padding: 3rem;
	position: relative;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 700;
	font-size: 1.4rem;
	line-height: 1.3;
}
.btn_pdf a:after {
	content: "";
	display: inline-block;
	width: 4rem;
	height: 4rem;
	margin: 5px 0 0;
	background: url(../img/i_pdf.png) no-repeat;
	background-size: contain;
	vertical-align: middle;
	position: absolute;
	top: calc(50% - 2.5rem);
	right: 10px;
}
.btn_pdf a:hover {
	background: #FF6600;
	color: #fff
}
.btn_report {
	border:2px solid #FF6600!important;
}
.btn_report a {
	color:#FF6600!important;
}
.btn_report a:hover {
	background: #FF6600!important;
	color: #fff!important;
}
.btn a {
	color: #fff;
	display: block;
	padding: 3rem;
	position: relative;
}
.btn a:after {
	position: absolute;
	font-family: 'RUSHBALL' !important;
	font-weight: 900;
	content: "\f061";
	top: 50%;
	right: 20px;
	width: 30px;
	transform: translateY(-50%);
}
.btn_history {
	font-family: 'Roboto', sans-serif;
	font-size: 2rem;
	line-height: 1.2;
	max-width: 900px;
	background: #FF6600;
	margin: 2vw auto 0;
	text-align: center;
}
.btn_history a {
	font-family: "Recursive", sans-serif;
	font-weight: 600;
	font-style: normal;
	font-size: 1.6rem;
	line-height: 1.3;
	color: #fff!important;
	display: block;
	padding: 2rem;
	position: relative;
}
.btn_history a:after {
	position: absolute;
	font-family: 'RUSHBALL' !important;
	font-weight: 900;
	content: "\e903";
	top: 50%;
	right: 10px;
	width: 30px;
	font-size: 2rem;
	transform: translateY(-50%);
}
.btn_history a:hover {
	background: #FF6600;
	color: #fff!important;
}
.btn_greens {
	font-size: 2rem;
	line-height: 1.2;
	border: 2px solid #00994E;
	border-radius: 10px;
	background: #fff;
	margin: 40px auto 0;
	text-align: center;
}
.btn_greens a {
	color: #00994E;
}
.btn_greens a:after {
	content: "";
	display: block;
	width: 100px;
	height: 100px;
	background: transparent url(../img/greenschan_yeah.png) no-repeat right center;
	background-size: auto 60px;
	position: absolute;
	right: 10px!important;
	top: -20px;
}
.btn_greens a:hover {
	background: #00994E!important;
	color: #fff!important;
}
.btn_greens a:hover:after {
	top: -30%;
}
/*menu z_10*/
nav {
	margin:0;
	padding: 0;
}
input[type="checkbox"] {
	display: none;
}
.mainMenu {
	z-index: 10;
}
.mainMenu ul {
	background: none;
	text-align: center;
}
.mainMenu {
	box-sizing: border-box;
	position: fixed;
	top: 0;
	right: 0;
	width:100%;
	height:100vh;
	margin: 0;
	padding: 60px 6vw 0;
	opacity: 0;
	overflow-x: hidden;
	overflow-y: auto;
	display: none;
}
.mainMenu li {
	padding: 0;
	display: block;
	border-right: none;
	font-weight: 500;
	text-align: center;
}
.mainMenu li a {
	font-family:  "IBM Plex Sans", sans-serif;
	font-weight: 600;
	font-size: 2rem;
	color: #fff;
	display: inline-block;
	line-height: 40px;
	padding:0 3vw;
	width: 100%;
	text-shadow: 1px 1px 0 #000, -1px 1px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000;
	position: relative;
}
.mainMenu li a:hover {
	color: #FF6600;
	border: none;
}


.mainMenu li.icon a:after{
	position: absolute;
	content: "-";
	top: 0;
	left: 0;
	transform: none;
	margin: 0;
    padding:0 .5rem;
	width: 100%;
	color: #000;
	background: url(../img/test.png) no-repeat center center;
	z-index: -1;
}
.mainMenu li.cs a {
	color: #B3B3B3;
	pointer-events:none;
}
.mainMenu ul.menusns {
	margin-top: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.check {
	display: none;
}
.menu-btn {
	position: fixed;
	display: block;
	top:0;
	right: 0;
	display: block;
	width:56px;
	height:56px;
	text-align: center;
	cursor: pointer;
	z-index: 13;
	background: #000;
}
.bar {
	position: absolute;
	top: 20px;
	left: 17px;
	display: block;
	width: 21px;
	height: 3px;
	background: #fff;
 transition: all .5s;
	transform-origin: left top;
}
.bar.bottom {
	top: 30px;
	transform-origin: left bottom;
}
.menu-btn:hover {
	background: #FF6600;
	color: #fff;
}
.menu-btn:hover .bar {
	background: #000;
}/*
.close-menu {
	position: fixed;
	top: 0;
	right:100%;
	width: 100%;
	height: 100vh;
	background: rgba(0, 0, 0, 0);
	transition-property: all;
 transition-duration: .3s;
	transition-delay: 0s;
	visibility: hidden;
	opacity: 0;
}*/
.check:checked ~ .mainMenu {
 display: block;
 transition-delay: .3s;
 transform: none;
 opacity: .9;
 z-index: 12;
 background: #1461E6;
 transition-property: all;
 transition-duration: .5s;
 transition-delay: 0s;
 transform-origin: right center;
}
.check:checked ~ #header {
 transition-delay: 0s;;
 transform: translateX(-230px);
}
.check:checked ~ .menu-btn {
 margin-right: 0;
}
.check:checked ~ .menu-btn .bar.top {
 width: 30px;
 top: 	14px;
 left: 19px;
 transform: rotate(45deg);
 background: #FFF;
}
.check:checked ~ .menu-btn .bar.bottom {
 width: 30px;
 top: 34px;
 left: 19px;
 transform: rotate(-45deg);
 background: #FFF;
}/*
.check:checked ~ .close-menu {
 -webkit-transition-duration: 1s;
 transition-duration: 1s;
 -webkit-transition-delay: .3s;
 transition-delay: .3s;
 background: rgba(0, 0, 0, .5);
 visibility: visible;
 opacity: 1;
 z-index: 13;
}*/
/*sns*/

#snsBlock ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	justify-content: center;
	margin: 0 auto;
	width: auto;
	padding: 0 1%;
}
#snsBlock ul li {
	font-size:2rem;
 margin: 0 .5rem;
}
#snsBlock ul li a {
	color: #000;
}
#snsBlock ul li a:hover {
	color: #195FB2;
}
/*pagetop*/
#pagetop {
	position:fixed;
	bottom: -20px;
	right: 0;
	opacity: 0;
}
#pagetop.is-show {
	transition: margin-bottom 0.3s ease-in-out;
	animation: movetop 1s ease-out 0s 1 normal forwards;
	opacity: 1;
	z-index: 205;
}
#pagetop a {
	position: relative;
	text-decoration: none;
	display: block;
	width: 100px;
	height: 100px;
	margin-top: 0;
	margin-bottom: -20px;
	z-index: 5;
	background: transparent url(../img/rbs.png) no-repeat 0 bottom;
	background-size: 100% auto;
}
#pagetop a span {
	position: absolute;
	top: -3rem;
	left: 5px;
	font-family: "Recursive", sans-serif;
	font-weight: 700;
	font-family: 'Noto Sans JP', sans-serif!important;
	font-size: 11px;
	line-height: 1;
	 font-feature-settings: "palt";
	text-align: center;
	width: 9rem;
	color: #000;
}
#pagetop a:hover span {
	opacity: 1;
}
#pagetop a:hover {
	animation: movetopjump 0.1s infinite alternate ease-in-out;
}
@keyframes movetop {
 0% {
 bottom: -50px;
}
 100% {
 bottom: -20px;
}
}
@keyframes movetopjump {
 0% {
transform: translateY(-10px);
}
 100% {
transform: translateY(10px);
}
}
/*submenu*/
.submenu_box {
	box-sizing: border-box;
	color: #000;
	margin: 	0 auto;
	padding: 0;
	position: relative;
	text-align: center;
	max-width: 	1200px;
}
.submenu_box_tx {
	background: #fff;
	border: #000 1px solid;
	padding: calc(6vw - 3px) 6vw 6vw;
	box-sizing: border-box;
	color: #000;
	margin: 	0 auto;
	position: relative;
	text-align: center;
	max-width: 	1200px;
}
.submenusp ul {
 margin: 0 -.5vw;
	padding: 0;
	text-align: center;
	width: calc(100% + 1vw);
}
.submenusp ul li {
	color: #fff;
	margin: 10px 0;
	padding: 0 0.5vw;
	width: 100%;
	position: relative;
}
.submenusp ul li.cs:nth-of-type(2n) a, .submenusp ul li.cs a {
 background: #B3B3B3;
 color: #333;
 opacity: 0.8;
 pointer-events: none
}
.submenusp ul li.cs:nth-of-type(2n) a, .submenusp ul li.cs a:after,  .submenusp ul li.cs:nth-of-type(2n) a i,  .submenusp ul li.cs:nth-of-type(2n) a:after,  .submenusp ul li.cs i {
 color: #333;
 opacity: 0.8;
 pointer-events: none
}
.submenusp ul li:last-child {
	margin: 10px 0 0
}
.submenusp ul li i {
	font-size: 1.6rem;
	padding: 10px 0;
	color: #FF66CC;
}
.submenusp ul li i span {
	display: none
}
.submenusp ul li p {
	padding-right:  20px;
	font-size: 1.4rem;
	line-height: 1;
	display:  inline-block;
}
.submenusp ul li a {
	display: block;
	padding: 10px;
	border-radius: 5px;
	height: 100%;
	text-align: left;
	position: 	relative;
	background: #66CCCC;
	border: 1px solid #000;
}
.submenusp ul li a:after {
	list-style-type: none;
	content: "\e904";
	font-family: 'RUSHBALL' !important;
	font-weight: 900;
	top: calc(50% - 1rem);
	position: absolute;
	right: 10px;
	transform: rotate(180deg);
	color: #FF66CC;
}
.submenusp ul li:nth-of-type(2n) a {
 background: #FF66CC;
}
 .submenusp ul li:nth-of-type(2n) i, .submenusp ul li:nth-of-type(2n) a:after {
 color: #66CCCC;
}
.submenusp ul li a span {
	font-weight: 600;
	line-height: 1.2;
}
.submenusp ul li a span.engF {
	font-size: 1.6rem;
}
.submenusp ul li a span.engF i {
	font-size: 1.8rem;
	font-weight: normal;
	font-style: normal;
	padding: 0;
	display: inline;
}
.submenusp ul li a:hover {
	background: #FF6600;
}
.submenusp ul li a:hover, .submenusp ul li a:hover i, .submenusp ul li a:hover:after {
	color: #fff;
}
#sidesubmenu {
	position: fixed;
	width: 40px;
	right: -100px;
	bottom: 120px;
	height: 40vh;
	z-index: 210;
	display: flex;
	justify-content:center;
	align-items: flex-end;
	opacity: 0;
}
#sidesubmenu .submenusp {
	opacity: 0;
}
#sidesubmenu .submenusp ul {
	display: block;
}
#sidesubmenu .submenusp ul li {
	margin: 0 0 5px;
	padding: 0;
	width: 100%;
	display: flex;
	justify-content: center;
	flex-direction: column;
}
#sidesubmenu .submenusp ul li p {
	display: none;
}
#sidesubmenu .submenusp ul li i {
	padding:  0;
	font-size: 1.6rem;
	line-height: 1;
}
#sidesubmenu .submenusp ul li i span {
	padding: 0;
	font-size: 1rem;
	line-height: 1;
	font-weight: 700;
	display: 	block;
	text-align: center;
}
#sidesubmenu .submenusp ul li a {
	display: block;
	border-radius: 0;
	padding: 10px;
}
#sidesubmenu .submenusp ul li a:after {
	content: "";
}
#sidesubmenu .submenusp ul li a:hover {
	color: #fff
}
#sidesubmenu.is-show {
	opacity: 1;
	animation: submenufadeIn 0.3s ease-out 0.3s forwards;
}
#sidesubmenu.is-show .submenusp {
	opacity: 1;
}
@keyframes submenufadeIn {
 from {
 opacity: 0;
right:  -50px;
}
to {
	opacity: 1;
	right: -2px;
}
}
#sidesubmenu.is-show .submenusp ul li {
	margin: 0 0 7px;
}
#sidesubmenu.is-show .submenusp ul li a {
	border-radius: 25px 0 0 25px;
}
#sidesubmenu.is-show .submenusp ul li.cs a {
	background: #B3B3B3;
}
#sidesubmenu.is-show .submenusp ul li a i {
	color: #000;
}
body#NOTICE #Topsubmenu.fixed .submenusp {
	top: 20px;
}
section.sub {
	padding:  0 0 6vw;
	width: 100%;
	margin: 0 auto;
	position: relative;
	max-width: 1600px;
	scroll-margin-top: 20px!important;
}
section.sub .page_title {
	margin: 0;
	padding:  0 0;
	background: #fff;
	color:#000;
	text-align: center;
}
section.sub .page_title h2 {
	background: none;
	display: block;
	width: 100%;
	line-height: 120%;
	padding:  0;
	text-align: center;
	color: #66CCCC;
	text-shadow: none;
}
section.sub .page_title h2 i {
	display: 	block;
}
section.sub .page_title h3 {
	text-align: center;
	margin: 1rem 0 0;
	padding: 0 0;
	font-size: 2.2rem;
	margin-bottom: 2rem;
	color: #66CCCC;
	font-weight: 800;
}
section.sub .page_title h4 {
	text-align: center;
	margin: 0;
	padding: 0 ;
	font-size: 1.4rem;
	margin-bottom: 2rem;
	font-weight: 800;
}
section.sub .colred .page_title h2, section.sub .colred .page_title h3 {
	color: #FF66CC;
}
section.sub .page_title h3.engF {
	font-size: 3rem;
}
section.sub .page_title h3.engF span {
	font-size: 2.8rem;
}
section.sub .page_title_sub {
	text-align: center;
	color: #fff;
	margin: 0 auto;
	line-height: 1.8;
}
section.sub .page_title_sub div.busroute {
	display: 	inline-block;
	background:  #fff;
	color:#000;
	padding: 0.8rem 2rem;
	margin-top: 1.5rem;
	border: 2px solid #000;
	border-radius: 10px;
	margin-bottom: 2rem;
	font-weight: 700;
}
section.sub .page_title_sub h3 i {
	margin-right: 1rem;
}
section.sub .page_title_sub h5 {
	font-size: 2rem;
}
section.sub .page_title_sub h5 span {
	font-size: 1.6rem;
	background: #fff;
	color: #000;
	padding: 0;
	display:block;
}
section.sub .page_title_sub h5 span.wh {
	margin: 0;
	padding: 0 0.5rem 0 0;
}
section.sub .inner_box {
	width: 94%;
	padding: 0 3vw;
	margin: 0 auto;
	position: relative;
}
section.sub .inner_box h3 {
	text-align: center;
	color: #66CCCC;
	margin: 1rem 0;
	font-size: 2rem;
}
section.sub .inner_box h4 {
	font-size: 1.6rem;
	padding: 1rem;
}
section.sub .inner_box h4 span {
	background: #fff;
	padding: 10px;
	background: yellow;
	font-size: 1.6rem
}
section.sub .inner_box .details dl dt:before {
	content: "[";
	width: 100%;
}
section.sub .inner_box .details dl dt:after {
	content: "]";
	width: 100%;
}
.box_line {
	background: #fff;
	margin: 2rem 0;
	padding: 1rem;
	text-align: center;
	color: #000;
	border: 1px dashed #66CCCC;
}
.box_line .subtext p {
	font-weight: 500;
}
.box_line .subtext p a {
	font-weight: 500;
}
.box_greens {
	background: #fff;
	margin: 2rem 0;
	padding: 1rem;
	text-align: center;
	color: #000;
	border: 1px solid #00994E;
}
.box_greens .subtext p {
	font-weight: 500;
}
.box_greens .subtext p a {
	font-weight: 500;
	color: #00994E!important;
}
.greensspecial{
	background: #fff;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000;
}
.greensspecial h5{
	margin: 0 auto;
	padding: 0.5rem;
	text-align: center;
	color: #fff;
	background:  #00994E;
	/*border-radius: 20px;*/
	font-size: 1.2rem!important;
	font-weight: 700;
}
.greensspecial h5 span{
	font-size: 1.0rem;
	display: block;
}
.greensspecial .membership{
	background-color: rgba(0,153,78, 0.2);
	font-weight: 700	;
}
ul.greens {
    margin-left: 1.2rem;
    padding: 0 0 60px;
    background: url(../img/greenschan_yeah.png) no-repeat center bottom;
    background-size: 50px auto;
}
ul.greens li:before {
    content: "●";
    position: absolute;
    left: -1.2rem;
    width: 1.2rem;
    text-align: center;
    font-weight: 800;
    color:#00994E;
}

ul.greens li {
    font-size: 1.2rem;
    line-height: 1.4;
    margin-top: 0.5rem;
    font-weight: 500;
    position: relative;
    text-align: left;
}
.line {
	margin-top: 40px;
	text-align: center;
	padding-top: 20px;
	border-top: 1px dashed #66CCCC;
}
.colred .line {
	border-top: 1px dashed #FF66CC;
}
.line i {
	font-size: 2rem
}
.page_title + .static {
	margin-bottom: 8vw;
}
/*head*/
header {
	z-index: 200;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
}
header#TopHead.fixed {
	position: fixed;
	height: 56px;
}
header + section.container {
	margin-top:56px;
}
#logo2025 {
	position: absolute;
	top:0;
	left: 0;
	z-index: 10;
	width: 56px;
	height: 56px;
	transition: all 0.5s ease;
}
#logo2025 h1 {
	position: relative;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	margin: 0 5px 0;
	height: calc(56px + 5px);
	width: calc(82px + 5px);
	transition: all 0.5s ease;
}
#logo2025 h1:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent url(../img/logo2025.png) no-repeat center 5px;
	margin: 0;
	padding: 0;
	background-size: auto 95%;
}
body#index #logo2025 h1 {
	display: none
}
.container {
	margin: 0;
	padding: 0;
}
.inner {
	width: 94%;
	padding:0 3vw 3vw;
	width: 100%;
	padding: 0 5vw 3vw;
	margin: 0 auto;
	position: relative;
	max-width: 1200px;
}
.page_title {
	margin:  0;
	padding: 0 3vw;
	text-align: center;
}
.page_title h2 {
	text-align: center;
	padding: 0;
	background: none;
	color: #fff;
	font-family: "Recursive", sans-serif;
	font-weight: 800;
	font-style: normal;
	font-size: 2.6rem;
	line-height: 56px;
	margin-bottom: 6vw;
	text-shadow: 1px 1px 0 #000, -1px 1px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000;
}
/*static_page*/
.static {
	background-color: #fff;
	border: #000 1px solid;
	box-sizing: border-box;
	color: #000;
	padding: calc(6vw - 3px) 6vw 6vw;
	position: relative;
	text-align: center;
}
/*TOP*/


#snsBlock {
	position: relative;
	margin: 40px 0 0;
	height: 60px;
	padding: 0;
	z-index: 30;
}
#snsBlock ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	justify-content: center;
	margin: 0 auto;
	width: auto;
	padding: 0 1%;
}
#snsBlock ul li {
	font-family: 'RUSHBALL' !important;
	font-size: 1.6rem;
 margin: 0 .8rem;
}
#snsBlock ul li a {
	background: #fff;
	padding: 10px;
	border-radius: 50%;
}
#snsBlock ul li a:hover {
	color: #FF6600;
}
#footer {
	position: relative;
	clear:both;
	width: 100%;
	font-size: 1.2rem;
	line-height: 1.4;
	padding: 20px 0;
	z-index: -1;
}
#footer .inner {
	background: none;
}
#footer p {
	font-family: "Recursive", sans-serif;
	font-weight: 700;
	text-align: center;
}
#PARTNERS {
	position: relative;
	padding: 0 3vw;
	text-align: center;
	z-index: 29;
	margin: 3vw 0 0;
}
#PARTNERS .inner {
	padding: 3vw;
	background: #fff;
	border: 1px solid #000;
}
#PARTNERS .inner_box {
	width: 94%;
	margin: 0 auto;
	padding: 3vw 0;
}
#PARTNERS h3 {
	font-size: 3rem;
	font-family: "Recursive", sans-serif;
	font-weight: 600;
	font-weight: 700;
	margin: 20px 0 10px;
}
#PARTNERS p {
	font-size: 1.0rem;
	margin: 0 0 10px;
	font-weight: 600;
	color: #000
}
#PARTNERS ul {
	text-align: center;
	background: #fff;
	border-radius: 50px;
	margin: -1rem auto 0;
	padding: 0;
	width: 80%;
	max-width: 400px;
}
#PARTNERS ul li {
	width: 33%;
	height: auto;
	display: inline-block;
	padding:10px;
	margin:0 10px 0;
}
#PARTNERS .org ul {
	margin: 0 auto;
	width: 100%;
	border-radius: 0;
	background: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
#PARTNERS .org ul li {
	width: 	auto;
	padding: 0;
	margin: 0;
}
#PARTNERS .org ul li a img {
	max-height: 50px;
}
#PARTNERS .sponsorship {
	margin: 20px 0 0;
	padding: 0;
}
#PARTNERS .sponsorship ul {
	margin: 0 auto;
	width: 100%;
	border-radius: 0;
	background: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 90%;
}
#PARTNERS .sponsorship ul li {
	width: 33.333%;
	height: auto;
	padding: 10px 5px;
	margin: 0;
}
#PARTNERS .sponsorship ul li a img {
	max-height: 50px;
	width: 100%;
	max-height: none;
	max-width: 125px;
}
#PARTNERS .sponsorship ul.top li a img, #PARTNERS .sponsorship ul.top li img {
/* max-height: 50px; */
}
#PARTNERS .sponsorship ul.second li a img, #PARTNERS .sponsorship ul.second li img {
	max-height: 46px;
}
#PARTNERS .sponsorship ul.second {
	width: 84%;
}
/*NEWS*/
#TopNewsBlock {
	position: relative;
	padding: 0;
	width: 100%;
	z-index: 5;
}
body#index #TopNewsBlock {
	padding: 0 3vw;
}
#TopNewsBlock .inner {
	background-color: transparent;
	position: relative;
	padding: 5vw;
	background: #fff;
	border: 1px solid #000;
}
#TopNewsBlock h3 {
	margin: 0;
	padding: 0 0 2vw;
	font-family: "Recursive", sans-serif;
	font-weight: 800;
	color: #fff;
	font-size: 2.6rem;
	line-height: 1;
	text-align: left;
	text-shadow: 1px 1px 0 #000,  -1px 1px 0 #000,  -1px -1px 0 #000,  1px -1px 0 #000;
}
#TopNewsBlock .morebtn a {
	display: block;
	margin: 20px 0 0;
	padding: 1rem 0;
	font-family: "Recursive", sans-serif;
	font-weight: 800;
	color: #B3B3B3;
	font-size: 1.4rem;
	line-height: 1;
	text-align: right;
}
#TopNewsBlock .morebtn a:hover {
	color:#FF6600;
}
#TopNewsBlock ul {
	width: 100%;
	margin: 0 auto;
	border-top: 1px solid #000;
}
#TopNewsBlock ul li {
	margin: 0;
	padding: 10px 0;
	border-bottom: 1px solid #000;
	position: relative;
}
#TopNewsBlock ul li p {
	line-height: 1.6;
	text-align: left;
	padding: 0;
}
#TopNewsBlock summary {
	list-style: none;
	cursor: pointer;
	position: relative;
	text-align: left;
}
#TopNewsBlock ul li summary span.date {
	font-size: 1.2rem;
	font-family: "Recursive", sans-serif;
	font-weight: 600;
	display: block;
	color: #195FB2;
	padding: 0;
	margin-right: 20px;
}
 #TopNewsBlock summary::-webkit-details-marker {
 display: none;
}
#TopNewsBlock ul li summary span.title {
	display: inline-block;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 500;
	font-size: 1.4rem;
	text-align: left;
}
#TopNewsBlock summary:hover {
	color: #FF6600;
}
#TopNewsBlock .entry {
	margin: 10px 0;
	padding: 10px 0 0;
	border-top: #000 dashed 1px;
}
#TopNewsBlock .entry p {
	font-weight: 400;
}
#TopNewsBlock .entry a {
	color: #FF6600;
	text-decoration: underline;
}
#TopNewsBlock .entry p {
	padding: 0;
}
/*PAGE NAV*/
.page_inner {
	margin-top: calc(20px + 3vw);
	padding:3vw;
}
.page_nav {
	margin: 0;
	padding-bottom: 20px;
}
.page_nav ul {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.page_nav .list a {
	font-family: "Recursive", sans-serif;
	font-weight: 600;
}
.page_nav .prev, .page_nav .list, .page_nav .next {
	display: flex;
	width: 100%;
	margin: 1%;
	text-align: center;
	background: #66CCCC;
}
.page_nav .prev a {
}
.page_nav .list a {
	background: #000;
}
.page_nav .next a {
	background: #FF66CC;
}
.page_nav .prev a, .page_nav .list a, .page_nav .next a {
	display: block;
 padding: .5rem;
	width: 100%;
	text-align: center;
	color: #fff
}
.page_nav .prev a:hover, .page_nav .list a:hover, .page_nav .next a:hover {
	background: #FF6600;
	color: #fff;
}
.pager {
	display: flex;
	justify-content: center;
	padding:0
}
.pager li {
	list-style-type: none;
	background: transparent;
}
.pager li a {
	display: flex;
	align-items: center;
	justify-content: center;
	align-items: center;
	color: #000;
	background: #fff;
	height: 40px;
	width: 40px;
	margin: 5px;
}
.pager li a:hover {
	background: #FF6600;
	color:#fff;
}
.pager li.active a {
	color: #FF6600;
}
/*GUIDELINE*/
#GUIDELINE .static {

	margin: 0 auto;
}
#GUIDELINE .static .note {
	margin: 0 auto;
		max-width: 800px;
}
#GUIDELINE .static h3{
	font-size: 1.8rem;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 700; 
}
#GUIDELINE .static p {
	font-size: 1.4rem;
	font-family: 'Noto Sans JP', sans-serif;
	line-height: 2;
	text-align: left;
	
	font-feature-settings: "palt";
}
#GUIDELINE .static img {
	width: 100%;
	max-width: 500px;
	height:  auto;
}
/*historyBox*/

.historyBoxSet {
	position: relative;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	background: #fff;
}
.historyBoxSet .box {
	border: 1px solid #000;
	margin-bottom: 3rem;
	padding: 0 0 20px;
	position: relative;
}
.historyBox {
	clear: both;
	width: 80%;
	margin: 0 auto;
	background: #fff;
	padding: 3vw;
	border-top: 1px solid #000;
}
.subtitle {
	text-align: center;
	margin: 0;
	padding: 0;
}
.subtitle h2 {
	background: #000;
	display: inline-block;
	margin: 0;
	color: #fff;
	font-size: 2.4rem;
	padding: 10px 16px 4px;
}
.year {
	margin: 2rem auto 0;
	padding: 0;
	text-align: center;
	width: 100px;
	height: 60px;
	border-top-color: #66CCCC;
	border-right-color: #FF66CC;
	border-bottom-color: #FF66CC;
	border-left-color: #66CCCC;
	border-width: 2px;
	border-style: solid;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 2rem;
	text-shadow: 1px 1px 0 #000, -1px 1px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000;
}
a .year {
	color: #fff;
	font-family: "Recursive", sans-serif;
	font-weight: 800;
	font-size: 2.0rem;
	position: 	relative;
	pointer-events: auto;
}
a:hover .year {
	background: #FF6600;
	color: #fff;
}
.historyBox .logo {
	text-align: center;
	padding: 0;
	margin: 0 0 10px;
}
.historyBox .artist {
	padding: 20px 0 0;
}
.historyBox .artist ul {
	float: none;
	width: 100%;
	text-align: center;
	letter-spacing: .0;
	line-height: 1.8em;
}
.historyBox .artist ul li {
	font-size: 1.4rem;
	font-weight: 800
}
.historyBox .artist ul.r {
	width: 100%;
}
.historyBox h3 {
	margin: 0;
	padding: 0 0 5px;
	font-weight: 700;
	font-size: 1.8rem;
	letter-spacing: 0;
	text-align: center;
}
.historyBox h4 {
	background: none;
	margin: 0 0 10px;
	text-align: center;
	font-weight: 700;
}
.historyBox h5 {
	text-align: center;
	font-family: "Recursive", sans-serif;
	font-weight: 700;
	font-size: 1.6rem;
	color: #66CCCC;
}
.box .repo {
	margin: 0 auto 2rem;
	padding: 0;
	text-align: center;
	font-size: 2.0rem;
	font-family: "Recursive", sans-serif;
	font-weight: 700;
	text-align: center;
}
.box .repo a {
	padding: 5px 30px 5px 10px;
	text-align: center;
	font-size: 1.4rem;
	font-family: "Recursive", sans-serif;
	font-weight: 700;
	background: #000;
	display: inline-block;
	color: #fff;
	position: relative;
	border: 1px solid #000;
	width: 80%;
	max-width: 600px;
}
.historyBox .repo a{
	width: 100%;
}
.box .repo_sensa a {
	background: #fff;
	color: #000;
	border: 1px solid #58AAAA;
}
.box .repo a:after {
	list-style-type: none;
	content: "\e900";
	font-family: 'RUSHBALL' !important;
	font-size:1.2rem;
	top:calc(50% - 1.2rem);
	position: absolute;
	right: 10px;
	color: #fff
}
.box .repo_sensa a:after {
	color: #58AAAA !important;
}
.box .repo a img {
	height: 20px;
	width: auto;
	padding: 5px;
	display: block;
	margin: 0 auto;
}
.box .repo a:hover {
	background: #FF6600
}
#GUIDELINE h3.title {
	font-size: 2.8rem;
	font-family: "Recursive", sans-serif;
	font-weight: 600;
	margin: 6vw 0;
	color: #000;
}
#GUIDELINE .comment {
	text-align: center;
	padding: 0 0 50px;
}
#GUIDELINE .comment p {
	font-size: 2.3vw;
	font-weight: 600;
	line-height:1.5;
	-webkit-font-smoothing: antialiased;
	letter-spacing: -0.05rem;
	margin-bottom: 3rem;
}
#GUIDELINE .comment p.stf {
	margin: 2rem 0 1rem;
	font-size: 1.4rem;
}
.Eng p {
	word-break: keep-all;
}
.c_rbr {
	color: #f18d00
}
.details dl.rbr dt:before {
	color: #f18d00
}
.artist_name p {
	display: inline;
	font-family: "Recursive", sans-serif;
	font-weight: 600;
	font-size: 1.8rem;
	line-height: 1.2;
	white-space: nowrap;
}
.artist_name p.jpnF {
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 800;
	font-size: 1.6rem;
}
/*List_____________*/
a.telno {
	color: #fff;
	padding: 10px 0 0;
	display: block;
}
a.telno i {
	padding-right: 5px;
}
a.telno:hover {
	text-decoration: none;
	color: #000!important;
}
.fin h3 span {
	background: #333642!important
}
.fin a {
	pointer-events: none;
	color: #BEC2C4!important;
}
.details p.red {
	color: #66CCCC;
	margin: 0;
}
.details p.underline span {
	border-bottom :4px solid #66CCCC;
}
  .ticketbox {
    text-align: left;
    margin: 1rem 0 0;
    padding: 0;
    border: 1px solid #35baba;
}
  .details .ticketbox h4 {
    text-align: left;
    font-size: 1.4rem;
    font-weight: 700;
    margin: 0 0 1rem;
    padding: 1rem 0.5rem;
    background: #35baba;
    color: #fff;
}
.ticketbox h4 span {
        background: #FF66CC;
    color: #fff;
    padding: 0 5px 0 10px;
    border-radius: 20px;
    font-weight: 600 !important;
    font-feature-settings: "palt";
    font-size: 1.4rem;

}
.fixblock h4 span {
	  background: #727476 !important;
	  color:#ddd;
}

.ticketbox_detail a{
	color: #35baba!important;
  }
.ticketbox_detail {
	padding: 0 2vw 2vw;
}
.ticketbox p {
	text-align: left;
	padding: 1rem;
	margin-bottom: 2rem;
	line-height: 1.4;
}

.details .fix h4 {
	color: #666;
	background: #B3B3B3;
}
.details .fix {
	border: 3px solid #B3B3B3!important;
}
.details {
	padding: 0 0 4vw;
	font-size: 1.2rem;
}
.details h3 {
	text-align: center;
	margin-top: 2rem;
	padding: .5em .5em 0;
}
.details h3 span {
	background: #f4f4f4;
	color: #1e1f26;
	margin: 0 auto;
	text-align: left;
	padding: 1vw 3vw 0;
	font-family: "Recursive", sans-serif;
	font-weight: 600;
	font-size: 1.8rem;
}
.details h4 {
	font-size: 1.8rem;
	margin: 2rem 0;
}
.details h5 {
	font-size: 1.4rem;
	margin: 2rem 0;
}
.details dl {
	overflow: hidden;
	zoom: 1;
	margin: 0;
	text-align: center;
}
.details dl dt {
	line-height: 1.4;
 letter-spacing: .2rem;
	clear: both;
 margin:2rem 0 .5rem;
	display: block;
	font-family: 'Noto Sans JP', sans-serif !important;
	font-weight: 700;
	background: #66CCCC;
	display: inline-block;
 padding: 0 calc(10px - .2rem) 0 10px;
	border-radius: 10px;
	color: #fff;
}
.details dl dt:before {
	content: "";
	font-family: 'RUSHBALL' !important;
	width: 50px;
}
.details dl dd, .details p {
	line-height: 1.4;
}
.details dl dd.fontB {
	font-size: 1.4rem;
}
.details dl dd.fontB .engF {
	font-size: 1.6rem;
	font-weight: 700;
}
.details dl dd ul.disc {
}
.details dl dd ul.disc li {
	text-align: left;
	padding-left: 1.2rem;
	margin: 0 0 1rem 1.2rem;
}
.details dl dd ul.disc li:before {
	content: "\e909";
	font-family: 'RUSHBALL' !important;
	font-size: 1.0rem;
 padding-right: .4rem;
	margin-left: -1.2rem
}
.details dl dd {
	padding: 0;
	margin: 0 0 2em;
	font-family: 'Noto Sans JP', sans-serif !important;
	font-weight: 700;
}
.details dl dd:last-child {
	margin: 0 0 0;
}
.details dl dd div.map {
	margin:1rem;
	display:block;
}
.details dl dd div.map a {
	border: 1px solid #f4f4f4;
	color: #f4f4f4;
	display: inline-block;
	padding: 1rem;
}
.details dl dd div.map a:before {
	content: "\f35d";
	font-family: 'RUSHBALL' !important;
	font-weight: 900;
	color: #f4f4f4;
	margin-right: 5px;
}
.details dl dd div.map a:hover {
	background:#66CCCC;
	color:#fff;
	border: 1px solid #66CCCC;
}
.details dl dd div.map a:hover:before {
	color:#fff;
}
.details dl dd h4 {
	font-size: 2.0rem;
	text-align: center;
}
.details dl dd h4 span {
	/* font-size: 1.8rem; */
	font-weight: 900;
}
.details dl dd p {
	margin: 0 0 1em;
	padding: 0;
	line-height: 1.6;
	text-align: left;
	font-size: 1.2rem;
	font-weight: 700;
	font-feature-settings: "palt";
}
.details dl dd p.price {
	margin: 0 0 0.5em;
}
.details dl dd p.price span {
	font-size: 1.2rem;
}
.details dl dd p.tboxind {
	text-indent: -6rem;
	padding-left: 6rem;
	line-height: 1.6;
	margin-bottom: 0.5rem;
}
.details dl dd p span.txS {
	font-size: 1.2rem;
	font-weight: 500;
}
.details dl dd p a {
	line-height: 1.8rem;
	color: #fff
}
.details dl dd em {
	font-style: normal;
	position: relative;
	color: #1e1f26;
	background: #fff;
	padding: 4px 8px 4px 4px;
	margin: 0 0 1rem;
	border-radius: 2px;
	display: block;
	line-height: 2
}
.details dl dd em:after {
}
.details dl dd p s{
	font-weight: 700;
}
.details dl dd p span.soldout{
	font-weight: 700;
}
.details dl dd a:hover em {
	background: #66CCCC;
}
.details dl dd a:hover {
	color: #66CCCC;
}
.details dl dd strong.y {
	color: #000;
	padding: 4px;
	margin-right: 5px;
	border-radius: 2px;
}
.details ul.dList {
	list-style: none;
 margin: 0 0 .5rem 1rem;
	padding: 0;
	text-align: left;
	font-feature-settings: "palt";
}
.details ul.dList li {
	font-size: 1.2rem;
	line-height: 1.4;
	margin-top: 0.5rem;
	font-weight: 500;
	position: relative;
}
.details ul.dList li::before {
 content: "・";
 position: absolute;
 left: -2rem;
 width: 2rem;
 text-align: center;
 font-weight: 800;
}

.details .subtext ul.dList li {
line-height: 1.4;
	margin-top: 0.5rem;
	font-weight: 500;
	position: relative;
	font-size: 1.2rem;
}
.details .subtext ul.dList li::before {
 content: "・";
 position: absolute;
 left: -1rem;
 width: 1rem;
 text-align: center;
 font-weight: 800;
}
.details ul.square {
	list-style-type: none;
 margin: 0 0 .5rem 0;
	padding: 0;
	text-align: left;
}
.details ul.square li:before {
	list-style-type: none;
	content: "■";
	padding: 0 0.2rem 0 0;
}
.details ul.square li {
	padding: 0 0 0 1.2rem;
	text-indent: -1.2rem;
	font-size: 1.2rem;
	color: #000;
	text-align: left;
}
.details dl dd.fontB ul.square li {
	padding: 0 0 0 1.6rem;
	text-indent: -1.6rem;
	font-size: 1.6rem
}
.details p.indent {
	padding: 0 0 0 1.2rem;
	text-indent: -1.2rem;
}
.subtext {
	padding: 1rem;
}
.subtext p {
	font-size: 1.2rem!important;
 	margin-bottom: .2rem!important;
	text-align: left;
	font-weight: normal;
	line-height: 1.4;
}
span.subbox {
	border: 1px solid #000;
	padding: 0 10px;
	/* margin-right: 5px; */
	display: inline-block;
	font-weight: 700;
}
.plecheck a {
	color: #66CCCC;
	text-decoration: underline;
}
.details a:hover {
	text-decoration: none;
}
/*indent1*/
p.indent1 {
	margin: 0 0 0 !important;
	padding-left:1em!important;
	text-indent:-1em!important;
}
ul.dList {
	list-style-type: disc;
	margin: 0 0 .5em 1em;
	padding: 0 0 0 .5em;
	text-align: left;
}
ul.indent1 li {
	margin: 0 0 0 !important;
	padding-left:1em!important;
	text-indent:-1em!important;
}
/*photos*/
.grid {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0 auto;
	width: 100%;
}
.grid li {
	width: 33%;
	position: relative;
	height: auto;
	box-sizing: border-box;
	font-size: 2rem;
	padding: 0 1px 2px;
}
.grid li:nth-child(even) {
 margin-top: 3vw;
}
.grid li p {
	margin-top: 10px;
}
.grid li img:hover {
	filter: brightness(120%)saturate(170%);
}
#TICKETS .icon-arr-up {
    display: inline-block;
    transform: rotate(180deg);
}

@media screen and (min-width: 768px) {
body {
 background-size: 50% auto;
}
.sptxC {
 text-align: left!important;
}
.sptxLpctxC {
 text-align:  center!important;
}
.spV {
 display: none!important;
}
.tabV {
 display: block!important;
}
.tabpcV {
 display: block!important;
}
.pcV {
 display: none!important;
}
.ml1 {
 margin-left: 1rem
}
.Spotifylist iframe {
}
section.sub .page_title h4{
	font-size: 1.6rem;
}
/*menu*/
.menu-btn {
 width: 70px;
 height: 70px;
}
.bar {
 position: absolute;
 top: 24px;
 left: 16px;
 width: 37px;
 height: 5px;
}
.bar.bottom {
 top: 43px;
}
 .check:checked ~ .menu-btn .bar.top {
 width: 38px;
 top: 20px;
 left: 24px;
}
 .check:checked ~ .menu-btn .bar.bottom {
 width: 38px;
 top: 46px;
 left: 24px;
}
/*submenu*/
.submenu_box {
 padding: 0;
}
.submenu_box_tx {
 padding: 40px;
}
 .submenusp ul {
 display: flex;
 margin: 	0;
 padding: 0;
 width: 100%;
}
 .submenusp ul li i {
 display: 	block;
}
 .submenusp ul li:first-child {
 padding: 0 0.5vw 0 0;
}
.submenusp ul li:last-child {
 padding: 0 0 0 0.5vw;
 margin: 10px 0
}
 .submenusp ul li a {
 text-align: center;
 padding: 0;
 text-indent:0;
}
.submenusp ul li p {
 padding-right: 0;
 font-size: 1.5vw;
}
 .submenusp ul li a:after {
 display: block;
 position: relative;
 top: auto;
 right: auto;
}
.submenusp ul li a span.engF {
 font-size: 2vw;
}
.submenusp ul li a span.engF i {
 font-size: 2.4vw;
}
#logo2025, #logo2025 h1 {
 height: 80px;
 width: 120px;
}
.page_title h2 {
 margin-bottom: 30px;
}
/*top*/
#TopNewsBlock .inner {
 padding: 3vw;
}
#TopNewsBlock summary {
 display: flex;
}
#TopNewsBlock ul li span {
 display: inline-block;
}
 #TopNewsBlock ul li p {
 font-size: 1.4rem;
 padding: 0;
}
#TopNewsBlock ul li summary span.title {
 font-size: 1.6rem;
 padding: 0;
}
#TopNewsBlock .entry {
 padding: 5px 0 0;
 border-top: #000 dashed 1px;
}
 .btn_pdf a {
 padding: 2rem;
 font-size: 1.6rem
}
 #TopNewsBlock {
 padding: 0;
}
 #TopNewsBlock h3 {
 font-size: 3.6rem;
 padding: 1rem 0 3rem;
}
 #News #TopNewsBlock ul.pager {
 display: flex;
 justify-content: center;
 padding: 0;
}
 #PARTNERS {
 text-align: center;
 margin: 2vw 0;
}
 #PARTNERS .inner_box {
 width: 90%;
 max-width: 1400px;
 padding: 30px 0;
}
 #PARTNERS h3 {
 font-size: 2rem;
}
 #PARTNERS p {
 font-size: 1.4rem;
}
 #PARTNERS ul li img {
width: auto;
 height:auto;
}
 #PARTNERS .sponsorship ul {
width: 100%;
max-width: none;
}
#PARTNERS .sponsorship ul li {
 width: 25%;
 height: auto;
 padding: 10px 5px;
 margin: 0;
}
/*layout_____________*/
.container {
 margin: 0 auto;
 padding: 0;
 position: relative;
}
 .static {
 padding: 50px;
}
 .grid li {
 width: 20%;
}
.details {
 padding: 0;
 font-size: 1.4rem;
}
 .notice {
 padding: 0 0 0;
}
 .details dl {
 padding: 0 1rem;
 text-align: left;
}
 .details dl dt {
 letter-spacing: .2rem;
 /* width: 13rem; */
 float: left;
 clear: both;
 margin: 0;
 margin-bottom: .5em;
 text-indent: -1.2rem;
 margin-left: 1.2rem;
 background: none;
}
.details dl dd.fontB .engF {
 font-size: 1.6rem;
 font-weight: 700;
}
 .details dl dd p {
 font-size: 1.4rem;
}
 .details dl dd ul.disc li {
 padding-left: 1.4rem;
 margin: 0 0 1rem 0;
}
.details dl dd ul.disc li:before {
 margin-left: -1.4rem
}
 .details .ticketbox h4 {
 padding: 1rem;
 font-size: 1.6rem;
}
.ticketbox p {
 font-weight: normal;
}
 .details dl dt.indent {
 padding-left: 1.4rem;
 text-indent: -1.4em;
}
 .details dl dt:before {
 content: "■";
 color: #66CCCC;
}
.colred .details dl dt:before {
 color: #FF66CC;
}
 .details dl dd {
 padding: 0 0 0 14rem;
margin: 0 0 1rem;
}
.details dl dd div.map {
 display: inline-block;
 margin: 0;
}
 .details dl dd div.map a {
 padding: 0 1rem;
}
 .details ul.dList li {
 font-size: 1.4rem;
}

.details ul.square li {
 padding: 0 0 0 1.4rem;
 text-indent: -1.4rem;
 font-size: 1.4rem;
}
 .details dl dt:before {
 display: inline;
}
 .details dl dd em {
 margin: 0 10px 0 0;
 display: inline;
}
 .details dl dd em:after {
 top: 50%;
 left: 100%;
 border: solid transparent;
 content: " ";
 height: 0;
 width: 0;
 position: absolute;
 pointer-events: none;
 border-color: rgba(230, 68, 40, 0);
 border-left-color: #fff;
 border-width: 6px;
 margin-top: -6px;
}

/*2nd*/
 #GUIDELINE .static {
/* padding: 3rem 6rem; */
}
 #GUIDELINE .static img {
 width: 60%;
 max-width: none;
 text-align: center;
}
 a.telno {
 display: inline;
}
 .artist_name p {
 font-size: 2.8rem;
 line-height: 1.6
}
 .artist_name p.jpnF {
 font-size: 2.6rem;
}
.notice ul {
 padding: 0 .5rem;
}
.greensspecial h5 span{
	display: inline;
}
ul.greens {
    margin-left: 0;
    padding: 0 0 0 60px;
    background: url(../img/greenschan_yeah.png) no-repeat 0 bottom;
    background-size: 50px auto;
}
#TICKETS .details dl dd em{
	display: block!important;
	margin: 0!important;
}
}
@media screen and (min-width: 1024px) {
body {
 background-size: 35% auto;
}
 .spV {
 display: none!important;
}
.tabV {
 display: none!important;
}
.tabpcV {
 display: block!important;
}
.pcV {
 display: block!important;
}
section.sub {
 padding:  0 0 30px;
}
.inner {
 padding: 0;
 width: 90%;
}
#TopHead .inner {
 width:100%;
}
section.sub .inner {
 padding: 40px 0 0;
 width: 90%;
}
header + section.container {
 margin-top: 150px!important;
}
.page_title + .static {
 margin-bottom: 50px;
}

/*sub*/
#Topsubmenu {
 padding: 0;
}
 #Topsubmenu.fixed .submenusp {
 position: fixed;
 z-index: 10;
 width: 100%;
 top: 48px;
 left: 50%;
 padding: 5px 15vw;
 transform: translate(-50%, 0);
 max-width: 1600px;
}
 #Topsubmenu.fixed .submenusp ul {
 width: 100%;
 margin: 0;
}
 #Topsubmenu.fixed .submenusp ul li {
 border-bottom: none;
}
 #Topsubmenu.fixed .submenusp ul li a:hover {
 border: none;
}
 .submenusp ul li p {
 display: block;
 padding-right:0;
 font-size: 1.4rem;
}
.submenusp ul li a span.engF {
 font-size: 1.6rem;
}
.submenusp ul li a span.engF i {
 font-size: 1.8rem;
 font-style: normal;
}
.submenusp ul li i {
 font-size: 3rem;
 padding: 10px 0;
}
 #Topsubmenu.fixed {
 padding: 0 0;
}
 #Topsubmenu.fixed .submenusp ul li a {
 height: 30px;
border-radius: 5px;
}
/*photos*/
.grid li {
 width: 33%;
 height: 10vw;
 max-height: 200px;
 overflow: hidden;
}
 section.sub .inner_box {
 width: 94%;
 padding: 0;
 margin: 0 auto;
 position: relative;
}
 section.sub .page_title_sub {
 margin: 0 0 3rem;
}
 section.sub .page_title_sub h3 span {
 display: inline;
}
 section.sub .page_title_sub h3 span.wh {
 margin: 0 0 0 1rem;
 padding: 0 1rem;
 border: 1px solid #fff;
}
 .rap {
 padding: 0 3vw
}

/*top*/
 header#TopHead {
 position: fixed;
 width: 100%;
 height: auto;
 background: none;
 margin: 20px auto 0;
}
 #logo2025 {
 position: relative;
 top: 0;
 left: 0;
}
#logo2025, #logo2025 h1 {
 width: 100%;
 height: 80px;
 /* margin: 0 10px 0; */
}
#logo2025 h1:after {
 background-size: auto 100%;
 background-position: center;
}
#TopNewsBlock .inner {
 padding: 24px 80px 40px;
}
#TopNewsBlock ul {
 margin: 	0 auto;
}
 #PARTNERS .acagj div img {
 max-width: 76px;
}
 #PARTNERS .inner {
 padding: 40px;
 background: #fff;
 border: 1px solid #000;
}
 #PARTNERS .sponsorship {
 max-width: none
}
#PARTNERS .sponsorship ul li {
 width: auto;
 margin: 5px;
 padding: 5px 10px;
}
 #PARTNERS .sponsorship ul.second {
 width:100%;
}
#PARTNERS .sponsorship ul li a img {
	/* max-height: none; */
	/* max-width: 125px; */
}
/*2nd*/
 body#NOTICE #Topsubmenu.fixed .submenusp {
 top: 90px;
}
 .link_gmap {
 margin: 1rem 0.5vw;
}
 #TopNewsBlock {
/* margin: 0; */
}
#News .entry h4 {
 font-size: 2.4rem;
}
 #News .entry h4, #News .entry p.date {
 text-align: center;
}
 #snsBlock ul li {
 margin: 0 5px;
}
 .page_inner {
 margin-top: 60px;
 padding: 0;
}
 .historyBoxSet .box {
 margin-bottom:  60px;
}
 .btn_greens a {
 padding: 20px !important
}
.btn_greens a:after {
 content: "";
 display: block;
 width: 80px;
 height: 80px;
 background: transparent url(../img/greenschan_yeah.png) no-repeat right center;
 background-size: auto 60px;
 position: absolute;
 right: 10px!important;
 top: -5%;
}
/*menu*/
input[type="checkbox"] {
 display: none;
}
nav {
 margin: 10px 0 0;
 padding: 0;
 display: block
}
.menu-btn {
 display: none;
}
.mainMenu {
 display: block;
 opacity: 1;
 width: 100%;
 height: auto;
 max-height:100px;
 padding: 0;
 overflow: visible;
 text-align: right;
 margin: 0 auto 0;
 position: relative;
 background: transparent;
}
.mainMenu ul {
 margin:0;
 padding-top:0;
transition: all 0.5s ease;
}
 .mainMenu li {
 display: inline-block;
 margin: 0;
 padding:0;
 line-height: 1;
 position: relative;
 transition-duration: .5s;
 border: none;
}
.mainMenu li a {
 font-size: 1.75vw;
 padding:0.3vw .8vw;
 display: inline-block;
 width: auto;
 color: #fff;
 white-space: nowrap;
 text-shadow: 1px 1px 0 #000, -1px 1px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000;
}
body#index #logo2025 {
 display: none;
}
body#index .mainMenu {
 justify-content:center;
}
body#index .mainMenu li a, body#index #TopHead.fixed .mainMenu li a {
 font-size: 1.8vw;
}
.mainMenu ul.menusns {
 margin-top: 0;
 margin-right: .5rem;
 position: absolute;
 top: -90px;
 right: 0;
}
.mainMenu ul.menusns li a {
 padding: 0 0.7rem;
 font-size: 1.5vw;
}
 .mainMenu li a:hover {
 color: #FF6600;
}
.mainMenu li ul {
 display: none;
}
	/*#TopHead.fixed*/
#TopHead.fixed .inner {
 width: 100%;
 display: flex;
 justify-content: center;
}
#TopHead.fixed #logo2025, #TopHead.fixed #logo2025 h1 {
 width: 80px;
}
#TopHead.fixed {
 position: fixed;
 background: rgba(0, 0, 0, .5);
 margin-top: 0;
}
 #TopHead.fixed #logo2025, #TopHead.fixed #logo2025 h1 {
height: 50px;
padding:  0;
}
#TopHead.fixed #logo2025 {
 width: 108px;
}
#TopHead.fixed .mainMenu {
 display: flex;
}
 #TopHead.fixed .mainMenu li a {
 padding: 0 0.5vw;
height: 50px;
 line-height: 50px;
 background: none;
 font-size: 1.5vw;
}
#TopHead.fixed .mainMenu ul.menusns {
position: static;
}
/*layout_____________*/
.container {
 margin: 55px auto 0;
}
.static {
 padding: 50px 100px 50px;
}
.page_title {
 padding: 2rem 0 1rem;
}
.page_title h2 {
 font-size: 3.4rem;
margin-bottom: 2rem;
}
.historyBox .artist ul li {
 font-size: 1.8rem;
}
.ticketbox_detail {
 padding: 0 20px 20px;
}
#TICKETS .details dl dd em {
  display: inline-block!important;
  width: auto!important;
  margin: 1rem 10px 0 0!important;
  }
}
 @media screen and (min-width: 1280px) {
 .pcV12 {
 display: block;
}
 header + section.container {
 margin-top: 80px!important;
}
header#TopHead {
 margin: 0 auto;
}
#TopHead .inner {
 display: flex;
 max-width: none;
 width: 96%;
 justify-content: center;
}
#logo2025, #logo2025 h1 {
 padding: 5px 0 0;
 width: 108px;
 margin: 0 10px 0;
}
.mainMenu {
 position: static;
 opacity: 1;
 width: auto;
 height: auto;
 max-height: 100px;
 margin: 0;
 padding: 0;
 text-align: right;
 background: transparent;
 display: flex;
 align-items: center;
}
.mainMenu ul {
 display: inline-block;
 display: flex;
}
.mainMenu ul.menusns {
 position: static;
 margin-top: 0;
 display: inline-block;
 display: flex;
}
body#index .mainMenu li a, body#index #TopHead.fixed .mainMenu li a {
 font-size: 2.2rem;
}
body#index .mainMenu ul.menusns li a {
 font-size: 2rem;
}
 .mainMenu li a {
 padding: 0.3vw 0.5vw;
 font-size: 1.8rem;
}
 #footer .inner {
 padding:  20px 0 0;
}
 #top-snsBlock ul li, #top-snsBlock ul li a {
 font-size: 1.6rem;
 height:28px;
 width:28px;
 line-height:28px;
}
 #GUIDELINE .static p {
 font-size: 1.6rem;
 line-height: 2;
}
 #GUIDELINE .static p.top:first-letter {
 font-size:7rem;
 float: left;
 margin: 0 .2em 0 0;
 padding: .1em 0;
}
 #GUIDELINE .static p.t1 {
 margin-top: 3rem;
}
 #GUIDELINE .static .btn_box {
 max-width: 900px;
 margin: 0 auto;
}
 #TopNewsBlock ul li span {
 font-size:1.2rem;
 display: inline;
}
 #TopNewsBlock ul li a p {
 font-size: 1.6rem;
 line-height: 1.4;
}
 #TopNewsBlock .entry {
 padding: 5px 0 0 90px;
 border-top: #000 dashed 1px;
}
}
 @media screen and (min-width: 1360px) {
body#index .mainMenu li a, body#index #TopHead.fixed .mainMenu li a {
 font-size: 2.2rem;
}
 .mainMenu li a, #TopHead.fixed .mainMenu li a {
 font-size: 2rem;
}
 .mainMenu ul.menusns li a, #TopHead.fixed .mainMenu ul.menusns li a {
 font-size: 1.8rem;
}
 #logo2025, #logo2025 h1 {
}
}


.BNtop{
    position: absolute;
    right: 0;
    top: 0;
    width: 40vw;
    text-align: right;
    max-width: 260px;
}
.BNtop a:hover{
    position: absolute;
    right: 0;
    top: 0;
}
.BNtop img{
    max-width: 260px;
    width: 100%;
  }
   .blinking,.blinking.day1,.blinking.day2,.blinking.soon,.blinking.archive {
      font-size: 10px;
      line-height: 1;
      color: #000;
      text-align: center;
      font-family: 'Noto Sans JP', sans-serif;
      font-weight: 600;
     
    }
    .blinking.day1 {
       animation: blink1   1.1s step-start infinite;
    }
    .blinking.day2 {
       animation: blink2   1.1s step-start infinite;
    }
    .blinking.soon {
       animation: none;
    }
    .blinking.archive {
       animation: none;
    }
     @keyframes blink1 {
      50% {
        color:#66CCCC;
      }
    }
     @keyframes blink2 {
      50% {
        color:#FF66CC;
      }
    }
    @keyframes blink {
      50% {
        color:#FF6600;
      }
    }
