@charset "utf-8";

/*////////////////////////////////////////////////////
	suita　大阪吹田　1日利用
////////////////////////////////////////////////////*/

.bgG {background: #EFEFEF; }
.whiteBox{
	background: #fff;
    border-top: 0;
    border-right: 2px solid #D3D3D3;
    border-bottom: 2px solid #D3D3D3;
    border-left: 0;
    border-radius: 8px;
    padding: 60px 60px;
/*	overflow: hidden;*/
}
@media screen and (max-width: 991.98px){
.whiteBox{padding: 20px 15px;}
}

/* 	アニメーション　----------------------------- */
.ani {  transition: ease;  opacity: 0;}
.ani.on {  transition: ease;  opacity: 1;}
.fadeIn.on {animation-name: fadeInAnime;animation-duration: 1s;animation-fill-mode: forwards;opacity: 0;}
@keyframes fadeInAnime {
  from { opacity: 0;  }
  to { opacity: 1; }
}
.zoom-in.on {-webkit-animation: zoom-in 0.4s forwards;animation: zoom-in 0.4s forwards;animation-delay: 1s;display: block;opacity: 0;}
@-webkit-keyframes zoom-in {
0% {transform: scale(1.5);opacity: 0;}
100% {transform: scale(1);opacity: 1;}
}
@keyframes zoom-in {
0% {transform: scale(1.5);opacity: 0;}
100% {transform: scale(1);opacity: 1;}
}
.delay1s.on { animation-delay: 1s;}
.delay2s.on { animation-delay: 2s;}
.delay3s.on { animation-delay: 3s;}
.delay4s.on { animation-delay: 4s;}
.delay5s.on { animation-delay: 5s;}


/*-----------------------------------------------------------------------------
  .topMainVisual メインビジュアル
-----------------------------------------------------------------------------*/
@media screen and  (min-width: 992px) {
body{padding-top: 0;}
.site-header{background: none; } 
/* .site-header{background: #fff; } */
body.fixed-header{ padding-top: 120px;}
}
/*header 調整　---------------------------*/
.site-header .site-branding .site-logo{ display: none;} 
/* .site-header .site-branding .site-logo{ display: block;} */

@media screen and  (max-width: 991.98px) {
body { padding-top: 0px;}
.site-header .site-branding{background: none;}
.site-nav-toggle-button{background: none;background: url(../img/header/nav-open-btn.svg) center center no-repeat;background-size: 25px auto;}
body.fixed-header{ padding-top: 60px;}
}
@media screen and  (min-width: 992px) {
.site-header .site-branding .container {width: 90%;margin:0 auto 0;max-width: 1200px;}
.site-header .headerSubNav,.site-header .headerNav{display: none;} 
/* .site-header .headerSubNav,.site-header .headerNav{display: block;} */
.site-header .site-login-buttons { position: absolute;    right: 0px;    top: 35px;}
.site-header .site-branding{border-bottom: none;}
}

/*ロゴ白に変更*/
.site-header .site-login-buttons .btn{color: #222;filter: drop-shadow(1px 1px 0px #999); }
.site-header .site-login-buttons .btn:after{background: linear-gradient(90deg, #BF0310, #BF0310 50%, #fff 50%);}

.site-nav-toggle-button {background: url(../img/header/nav-open-btn_w.svg) center center no-repeat; background-size: 45px auto;filter: drop-shadow(1px 1px 0px #999); }
body.nav-opened .site-nav-toggle-button{filter: drop-shadow(0px 0px 0px #000); }
.fixed-w .site-nav-toggle-button{background: #efefef url(../img/header/nav-open-btn.svg) center center no-repeat; background-size: 45px auto; filter: drop-shadow(0px 0px 0px #000); }

@media screen and  (min-width: 991.98px) {
.site-header.fixed-w .site-login-buttons{display: none;}
.site-header.fixed-w .site-login-buttons .btn{color: #fff; filter: none; }
.site-header.fixed-w .site-login-buttons .btn:after{background: linear-gradient(90deg, #BF0310, #BF0310 50%, #222 50%);}

/* ヘッダー　画面固定に変更 */
/*.site-header.fixed-w{position: fixed;top: 0;left: 0; background: #fff; }
.site-header.fixed-w .site-branding .site-logo{ display: block;}
.site-header.fixed-w .site-branding { display: block;border-bottom: 1px solid #eee;}
.site-header.fixed-w .headerSubNav,
.site-header.fixed-w .headerNav{display: block;}
.site-header.fixed-w .site-login-buttons .btn:after{background: linear-gradient(90deg, #BF0310, #BF0310 50%, #fff 50%);}
.site-header.fixed-w .site-login-buttons{position: inherit; right: auto;top: auto; }
.site-header.fixed-w .site-login-buttons .btn{color: #fff; filter: none; }
.site-header.fixed-w .site-login-buttons .btn:after{background: linear-gradient(90deg, #BF0310, #BF0310 50%, #222 50%);}
.site-header.fixed-w .site-branding .container{width: auto; margin: 0 auto; max-width: 1200px ;}*/
}

@media screen and (min-width:1301px) and ( max-width:1400px) {
.site-header.fixed-w .site-branding .container{padding-right: 50px; max-width: 1150px;}
}
@media screen and (min-width:992px) and ( max-width:1300px) {
.site-header.fixed-w .site-branding .container{padding-right: 110px; max-width: 850px;}
}
@media screen and  (max-width: 991.98px) {
.site-nav-toggle-button {background: url(../img/header/nav-open-btn_w.svg) center center no-repeat; background-size: 25px auto;filter: drop-shadow(1px 1px 0px #999); }
.fixed-w .site-nav-toggle-button{background: #fff url(../img/header/nav-open-btn.svg) center center no-repeat; background-size: 25px auto; filter: none; }
.site-header.fixed-w .site-branding{background: #fff;}
.site-header.fixed-w .site-branding .site-logo{ display: block;}
.site-header.fixed-w .site-login-buttons .btn{color: #fff; filter: none; }
.site-header.fixed-w .site-login-buttons .btn:after{background: linear-gradient(90deg, #BF0310, #BF0310 50%, #222 50%);}
}

/*.topMainVisual --------------------------------------------------*/
.topMainVisual{position: relative;width: 100%;min-height: 100vh;overflow: hidden;padding: 0;background: #222;}
.topMainVisual .site-logo {position: absolute;max-width: 200px;top: 30px;left: 30px;height: 52px;z-index: 99;}
.topMainVisual .site-logo img{filter: drop-shadow(1px 1px 0px #999);}
.topMainVisual .site-logo span{display: block;position: absolute;top: 20px;left: 230px;font-weight: 700;transform: rotate(0.03deg);font-size: 1.8rem;letter-spacing: 1px;color: #fff;white-space: nowrap;}
@media screen and  (max-width: 991.98px) {
.topMainVisual .site-logo {max-width: 140px;  margin: 0; height: auto;top: 10px;left: 8px;}
.topMainVisual .site-logo img {  max-width:120px;}
.topMainVisual .site-logo span{top: 10px; left: 130px; font-size: 10px; letter-spacing: 0px;}
}

/* video --------------------------------------------------*/
.topMainVisual .movie {position: relative;width: 100%;height: 100vh;z-index: 1;}
.topMainVisual .movie::before {position: absolute;content: '';background-image: url(../img/home/video/bg_dot.png);z-index: 10;width: 100%;height: 100%;transition: 0.2s;opacity: 0.3;}
.topMainVisual .movie .video {
position: absolute;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
/*height: 115vh;*/
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}

@media screen and  (max-height: 900px) {
.topMainVisual .movie .video {top: 50%;left: 50%;height: auto; /*height: 122vh;*/}
}

@media screen and (max-width: 768px){
.topMainVisual{  min-height: 90vh;}
.topMainVisual .movie { height: 90vh;}
.topMainVisual .movie .video {  position: absolute;  top: 40%;  left: 50%;  min-width: 100%;  min-height: 90%;  /*height: 118vh;*/ }
}

@media screen and (max-width: 768px){
.topMainVisual{  min-height: 90vh;}
.topMainVisual .movie { height: 90vh;}
.topMainVisual .movie .video {  position: absolute;  top: 40%;  left: 50%;  min-width: 100%;  min-height: 90%;  /*height: 118vh;*/ }
}

@media screen and (max-width: 400px){
.topMainVisual .movie .video {  top: 50%; /*height: 100vh;*/}
}

/*.txtBox---------------------------------*/
.topMainVisual .txtBox{position: absolute;top: 50%;left: 50%;width: 50%;max-width: 600px;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);transform: translate(-50%, -50%);z-index: 2;text-align: center;}
.topMainVisual .txtBox .txt .copy {margin-bottom: 10px;}
.topMainVisual .txtBox .txt .copy img{height: 250px; filter: drop-shadow(1px 1px 0px #999);}
.topMainVisual .txtBox .txt .icon{ display: flex;  margin: 0 0 0 50px;}
.topMainVisual .txtBox .txt .icon span{ width: 33.3%; text-align: center;  margin: 0 0 0 -20px;}
.topMainVisual .txtBox .txt .icon img{width: 100%; filter: drop-shadow(1px 1px 0px #999);}
	
@media screen and (max-width: 991.98px){

.topMainVisual .txtBox .txt .copy img{height: 200px;}
.topMainVisual .txtBox .txt .icon{ margin: 0 0 0 25px;}
.topMainVisual .txtBox .txt .icon span{ margin: 0 0 0 -10px;}

}

@media screen and (max-width: 767px){
.topMainVisual{  min-height: 90vh;}
.topMainVisual .txtBox .txt .copy {margin-bottom: 0px;}
.topMainVisual .txtBox .txt .copy img{height: auto; width: 95%; }
.topMainVisual .txtBox .txt .icon{ display: flex;  margin: 0 0 0 25px; }
.topMainVisual .txtBox .txt .icon span{  text-align: center;  margin: 0 0 0 -10px;}

}

@media screen and (max-width: 450px){
.topMainVisual .body.nav-opened .site-nav-toggle-button .txt img{ height: auto;	width: 100%;}
.topMainVisual .txtBox{width: 85%;}
}
@media screen and (max-width: 350px){
.topMainVisual .txtBox .txt .copy img{height: auto; }
}

/*.topScroll  ---------------------------------------------*/
.topScroll {
display: inline-block;
padding-top: 70px;
position: absolute;
bottom: 25px;
z-index: 4;
color: #fff;
font-size: 1.2rem;
width: 100%;
text-align: center;
font-family: "Poppins", "M PLUS 1p", "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
font-weight: 900;
transform: rotate(0.03deg);
}
.topScroll ::before {
animation: scroll 3.5s infinite;
border: solid #fff;
border-width: 0 0 3px 3px;
content: "";
display: inline-block;
margin: auto;
position: absolute;
top: 0;
right: 0;
left: 0;
transform: rotate(-45deg);
width: 20px;
height: 20px;
}
@keyframes scroll {
0% { transform: rotate(-45deg) translate(0, 0);}
80% { transform: rotate(-45deg) translate(-30px, 30px);}
0%, 80%, 100% {opacity: 0;}
40% { opacity: 1;}
}


/*-----------------------------------------------------------------------------
 .intro-section 紹介
-----------------------------------------------------------------------------*/
.intro-section{ padding: 40px 0 20px ;}
.intro-section .introTxt{
	margin: 0 auto 3em;
	font-size: 1.8rem; 
	line-height: 1.6;
	text-align: center;
}
.intro-section p{transform: rotate(0.03deg); margin-bottom: 1em;}
.intro-section p.catchCopy span{ 
	position: relative;
    padding: 5px 5px;
    display: inline-block;
	font-size: 3.0rem; 
	font-weight: 900;
}

.intro-section p.catchCopy span::before {
    content: '';
    width: 100%;
    height: 4px;
    background: #d7000f;
    position: absolute;
    bottom: 0;
    left: 0;
}
.intro-section p.catchCopyBottom{ font-size: 3.0rem; font-weight: 900; line-height: 1.4; margin-top: 40px; }

@media (max-width: 991.98px) {
.intro-section p.catchCopy span{font-size: 1.7rem; line-height: 1.4; }
.intro-section p.catchCopyBottom{ font-size: 1.7rem;}
.intro-section .introTxt{font-size: 1.4rem; line-height: 1.6;text-align: left;}
}


/*.movie 動画　-------------------------------------------------------*/
#intro .movie{ max-width: 700px; margin:  0 auto 80px ;}
#intro .movie .youtube{position: relative;width: 100%;padding-top: 56.25%;margin-bottom: 20px;}
#intro .movie .youtube iframe {position: absolute;top: 0;right: 0;width: 100%;height: 100%;}

@media (max-width: 991.98px) {
#intro .movie{ margin:  0 auto 40px ;}	
}


/*-------------------------------------------------------------
#msMainvisual 　流れる画像
---------------------------------------------------------------*/
#suitaVisual{
	background: url(../img/suita/pho_mv_suita.jpg) repeat-x 0 center;
	background-size: auto 220px;
	animation: bg-slider 40s linear infinite;
	height: 220px;
}
@keyframes bg-slider {
	from { background-position: 0 center; }
    to { background-position: -1916px center; } 
}
@media (max-width: 991.98px) {
#suitaVisual{
	background: url(../img/suita/pho_mv_suita.jpg) repeat-x 0 center;
	background-size: auto 110px;
	animation: bg-slider 40s linear infinite;
	height: 110px;
}	
}





/*-------------------------------------------------------------
.site-notification 　重要なお知らせ
---------------------------------------------------------------*/
.site-notification {  padding: 0;  background: #EFEFEF;}
.site-notification .notification {
	margin-bottom: 0px;
  padding: 10px 6px;
  display: flex;
}
.site-notification .notification-title {
  padding: 10px 50px;
  font-size: 1.8rem;
  font-weight: bold;
  transform: rotate(0.03deg);
	line-height: 3.0;
  cursor : pointer;
}
.site-notification .notification-title span{
	padding: 20px 30px 20px 0;
}
.site-notification .notification-title .icon{
	padding-left:40px; 
	background: url("../img/common/ic_notice.svg") no-repeat 0 center;
	background-size: 30px auto;
}
.site-notification .notification-title .title{	color: #222; padding-right: 30px;}
.site-notification .notification-title .time {  color: #222; font-size: 1.5rem;}

.site-notification dl{	position: relative;}
.site-notification dl dt{background: #f5f5f5; border-radius: 8px;}
.site-notification dl dt:hover {background: #f9f9f9; border-radius: 8px;}


.site-notification dl dt::before{
position: absolute;
top:28px;
bottom: 0;
right :15px;
margin: auto;
content: "";
vertical-align: middle;
width: 30px;
height: 30px;
border-top: 3px solid #c9151d;
}

.site-notification dl dt::after{
position: absolute;
top: 0px;
bottom: 0;
right :0px;
margin: auto;
content: "";
vertical-align: middle;
width: 30px;
height: 30px;
border-top: 3px solid #c9151d;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}

.site-notification dl dt.active::after {display: none;}

.site-notification .notification-body {
  display: none;
  background: #FFF;
  flex: 1 1 auto;
  border-radius: 8px;
  margin-bottom: 0px;
  padding: 40px 50px;
  font-size: 1.8rem;
  transform: rotate(0.03deg);
}
.site-notification .notification-body .date {  color: #969696;}
.site-notification .notification.important .notification-title {  color: #BF0310;}

.site-notification .notification + .notification {  margin-top: 20px;}

@media (max-width: 991.98px) {
  .site-notification {    padding:15px 0 0;  }
  .site-notification .notification {
    flex-direction: column;
    align-items: stretch;
    padding: 0px;
    border-radius: 5px;
  }
  .site-notification .notification-title {
    padding: 10px;
    text-align: center;
    font-size: 1.4rem;
  }
  .site-notification .notification-body { padding: 10px !important; font-size: 1.3rem;  }
  .site-notification .notification-body .btn-large{font-size: 1.5rem;max-width: 340px !important;}

	

.site-notification .notification-title span{	padding: 0;}
.site-notification .notification-title .icon{
    display: block;
    padding-left: 25px;
    background: url(../img/common/ic_notice.svg) no-repeat 0 center;
    background-size: 20px auto;
    text-align: left;
	line-height: 2.0;
}
.site-notification .notification-title .title{
	color: #222;
    display: block;
    padding-right: 30px;
    line-height: 1.3;
    text-align: left;
	}
.site-notification .notification-title .time {  
	color: #222;
    font-size: 1.2rem;
    display: block;
    text-align: left;
	line-height: 1.3;
	margin-bottom: 10px;
	}
	
.site-notification dl dt::before{
width: 20px;
    height: 20px;
    right: 8px;
    top: 20px;
}

.site-notification dl dt::after{
width: 20px;
height: 20px;
right: -2px;
}

.site-notification .container{  margin: 0 10px;}
.site-notification dl dt{background: #f6f6f6; border-radius: 8px;}
}
@media (min-width: 992px) {
  .site-notification .notification.large { flex-direction: column;  align-items: stretch;  }
}


/*-------------------------------------------------------------
#reserving　貸切カレンダー
---------------------------------------------------------------*/

#reserving {  padding: 0 0 10px;  background: #EFEFEF;}
#reserving #calendar .congestionText p{ text-align: left; margin-bottom: 5px;  display: flex; }
#reserving #calendar .congestionText img{ width: 18px;vertical-align: bottom;}

@media (max-width: 991.98px) {
#reserving #calendar .congestionText p{ font-size: 1.3rem;}
#reserving #calendar .congestionText img{ width: 14px;}
}

#reserving .acd-check{  display: none;}
#reserving .acd-label{  display: block;  margin-bottom: 1px;  }
#reserving .acd-content{  height: 0;  opacity: 0;  padding: 0;  transition: .5s;  visibility: hidden;}
#reserving .acd-check:checked + .acd-label + .acd-content{  height: 1500px;  opacity: 1;    visibility: visible;}


#reserving .reserving-title {
padding: 10px 50px;
font-size: 1.8rem;
font-weight: bold;
transform: rotate(0.03deg);
line-height: 3.0;
cursor : pointer;
border-radius: 8px;
border-right: 2px solid #D3D3D3;
border-bottom: 2px solid #D3D3D3;
}
#reserving .reserving-title span{	padding: 20px 30px 20px 0;}
#reserving .reserving-title .icon{
	padding-left:40px; 
    background: url(../img/common/ic_notice.svg) no-repeat 0 center;
	background-size: 30px auto;
}
#reserving .reserving-title .title{	color: #222; padding-right: 30px;}
#reserving .reserving-title{position: relative; background: #fff;}
#reserving .reserving-title:hover {background: #f9f9f9; border-radius: 8px;}

#reserving .reserving-title::before{
position: absolute;
top:28px;
bottom: 0;
right :15px;
margin: auto;
content: "";
vertical-align: middle;
width: 30px;
height: 30px;
border-top: 3px solid #c9151d;
}

#reserving .reserving-title::after{
position: absolute;
top: 0px;
bottom: 0;
right :0px;
margin: auto;
content: "";
vertical-align: middle;
width: 30px;
height: 30px;
border-top: 3px solid #c9151d;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}

#reserving .acd-check:checked + .acd-label:after {display: none;}
#reserving .reserving-body {
background: #FFF;
flex: 1 1 auto;
border-radius: 8px;
margin-bottom: 0;
padding: 0px 50px;
font-size: 1.8rem;
transform: rotate(0.03deg);
border-right: 2px solid #D3D3D3;
border-bottom: 2px solid #D3D3D3;
}
#reserving .reserving-title {  color: #BF0310;}
#reserving #calendar{max-width: 800px; margin: 0 auto ; text-align: center; padding: 20px 0 50px;}
#reserving ul li{ transform: rotate(0.03deg); text-align: left; font-size: 1.6rem; }


@media (max-width: 991.98px) {
#reserving { padding: 0px 0; margin-bottom: 0; }
#reserving .reserving-title {padding: 10px 15px !important; text-align: center; font-size: 1.3rem; border-radius: 8px; }
#reserving .reserving-body { padding: 10px !important; font-size: 1.3rem;  }
#reserving .reserving-body .btn-large{font-size: 1.5rem;max-width: 340px !important;}

#reserving .reserving-title span{	padding: 0;}
#reserving .reserving-title .icon{
    display: block;
    padding-left: 16px;
    background: url(../img/common/ic_notice.svg) no-repeat 0 center;
    background-size: 13px auto;
    text-align: left;
	line-height: 2.0;
}
#reserving .reserving-title .title{
	color: #222;
    display: block;
    padding-right: 30px;
    line-height: 1.3;
    text-align: left;
	margin: 0 0 10px;
	font-size: 1.8rem; 
	}
#reserving .reserving-title::before{width: 20px;height: 20px; right: 14px;  top: 20px;}
#reserving .reserving-title::after{width: 20px;height: 20px;right: 4px;}
#reserving .container{  margin: 0 10px;}
#reserving .reserving-title:hover {border-radius: 8px;}

#reserving #calendar{padding: 0px 0 30px;}
#reserving ul li{font-size: 1.3rem; }
}


#reserving .eo-fullcalendar{max-width: 780px; margin: 30px auto 30px;}
#reserving .fc-content-skeleton table tbody{ padding: 0.5em 0;}
#reserving .eo-fullcalendar-reset .fc-content-skeleton td,
#reserving .eo-fullcalendar-reset .fc-content-skeleton th{ padding: 0 0.8em !important; transform: rotate(0.03deg);}
#reserving .fc-listWeek-view.fc-display-date-above .fc-row .fc-content-skeleton tbody:before {display: none;}
#reserving .fc-listWeek-view.fc-display-date-above .fc-row .fc-content-skeleton tbody:after {display: none;}

#reserving .eo-fullcalendar-reset .fc-content-skeleton thead th{ padding: 0.3 0.8em !important;}

#reserving .fc-content-skeleton table span.noplan{ display: block; font-size: 1.3rem; color: #999; margin:0px 0px 10px;}
#reserving .fc-content-skeleton table tbody td.fc-event-container{background: #f4f4f4 !important; margin-bottom: 15px; padding: 0 5px;}
#reserving .fc-content-skeleton table tbody tr:last-child td.fc-event-container{padding-bottom: 15px;}
#reserving .fc-listWeek-view.fc-display-date-above .fc-row .fc-content-skeleton tbody:before,
#reserving .fc-listWeek-view.fc-display-date-above .fc-row .fc-content-skeleton tbody:after{ line-height: 0 !important;}

#reserving .fc-event-container .fc-content{background: #fff; border-radius: 6px; border-right: 1px solid #D3D3D3; border-bottom: 1px solid #D3D3D3; margin-top: 15px;}
#reserving .fc-event-container .fc-content span{display: block;}

#reserving .fc-toolbar h2{ font-size: 2.0rem; transform: rotate(0.03deg); font-weight: bold;}
#reserving .fc-listWeek-view .fc-row .fc-content-skeleton .fc-day-number{ font-size: 1.8rem; line-height: 1.8; padding: 6px 0.8em 6px !important;}
#reserving .fc-listWeek-view .fc-row .fc-content-skeleton .fc-day-number .fc-list-header-left{padding-left:0px; }
#reserving .fc-event-container .fc-content .fc_titleBox{ 	display: flex;	padding: 5px;	font-size: 1.8rem;	font-weight: bold;	align-items: center;	line-height: 1.5;}
#reserving .fc-event-container .fc-content .fc-text{ font-size: 1.4rem;  border-top: 1px solid #ddd;  padding: 10px;}

#reserving .fc-time{ width: 25%; font-size: 1.5rem; white-space: nowrap; padding-left: 10px;}
#reserving .fc-category{width: 8%; min-width: 50px; font-size: 1.4rem; margin-right: 1%;  display: inline-block; border-radius: 30px; background: #fff; border: 2px solid #ddd;  text-align: center;  line-height: 1.3; padding: 0; }
/*.ca-1f{background: #BC1E21;color: #fff;}
.ca-2f{background: #2B6DB5; color: #fff;}
.ca-all{background: #569f33; color: #fff;}*/


/*混雑状況*/
#reserving .fc-congestion{width: 15%; display: flex; align-items: center; border-radius: 30px; padding: 0 20px;    line-height: 1.4; justify-content: center; font-weight: 500;font-size: 1.6rem;  }
#reserving .fc-congestion em{font-size: 1.3rem; margin-right: 10px;}
#reserving .fc-congestion .cross::before{ content: '×'; font-size: 2.0rem; font-weight: 500;line-height: 1.0; }
#reserving .fc-congestion .triangle::before{content: '△'; font-size: 1.6rem;font-weight: 500; }

#reserving .iconcross{ background: #BC1E21;color: #fff; }
#reserving .icontriangle{ background: #f38503; color: #fff;}

#reserving .fc-title{ width:50%;}
#reserving .fc-listWeek-view .fc-row .fc-content-skeleton .fc-day-number{	border-bottom: none !important;}
#reserving .eo-fullcalendar .fc-text{font-size: 1.6rem;}
#reserving .eo-fullcalendar .fc-text:empty{ display: none;}
#reserving .eo-fullcalendar .fc-text a{color: #BF0310; text-decoration: underline;}
#reserving .eo-fullcalendar-reset.fc-unthemed .fc-today{ background: #fff;}/*本日*/


@media (max-width: 991.98px) {
#reserving .eo-fullcalendar{margin: 5px auto 30px;}
#reserving .fc-listWeek-view .fc-row .fc-content-skeleton .fc-day-number{ font-size: 1.6rem;}
#reserving .fc-event-container .fc-content .fc_titleBox{  flex-wrap: wrap; padding: 5px 10px;}
#reserving .fc-time{ width: 100%; text-align: left; font-size: 1.3rem; margin-bottom: 3px;padding-left: 0px;}
#reserving .fc-category{ width: 20%;font-size: 1.2rem; min-width: auto; line-height: 1.2;}
	
#reserving .fc-congestion{width: 28%; white-space: nowrap;}
#reserving table .fc-congestion{width: 28%; margin-top: 3px; white-space: nowrap;font-size: 1.4rem; }
#reserving .fc-congestion em{font-size: 1.2rem;  margin-top:1px;  }
#reserving .fc-congestion .icon{}
#reserving .fc-congestion .cross::before{  font-size: 1.6rem; line-height: 1.0 !important;}
#reserving .fc-congestion .triangle::before{font-size: 1.4rem;line-height: 1.0 !important; }
	
#reserving .fc-title{ width: 77%; font-size: 1.5rem;}
#reserving .fc-event-container .fc-content .fc-text{font-size: 1.3rem; line-height: 1.3;}
}

#reserving td.fc-today{ background:#fee4e7 !important; color: #BF0310;  border-top: 1px solid #fff;}

#reserving .scroll{
	overflow-y: auto;
	overflow-x: hidden;
	height: 1200px;
	-webkit-overflow-scrolling: touch;
	max-width: 860px;
}
/* スクロールの幅の設定 */
#reserving .scroll::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

/* スクロールの背景の設定 */
#reserving .scroll::-webkit-scrollbar-track {
  border-radius: 5px;
  box-shadow: 0 0 4px #333 inset;
}

/* スクロールのつまみ部分の設定 */
#reserving .scroll::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #333;
}

/*-------------------------------------------------------------
.home-floormap-section　フロアマップ
---------------------------------------------------------------*/
.home-floormap-section{	margin-top: 0px; }

.redeecampBnr {margin: 60px 0;}
.redeecampBnr {
overflow: hidden;
border-radius: 8px;
border-right: 2px solid #D3D3D3;
border-bottom: 2px solid #D3D3D3;
line-height: 0;
}
.redeecampBnr  img:hover{ opacity: 0.85;}

@media (max-width: 991.98px) {
.redeecampBnr {margin: 40px 0;}
.home-floormap-section{margin-bottom: 0; }
}

.redeecampBnr  .forSP{ display: none;}
@media (max-width: 767px) {
.redeecampBnr .forPC{display: none;}
.redeecampBnr .forSP{ display: block;}
}


/*-------------------------------------------------------------
  #howto　REDEEの使い方
---------------------------------------------------------------*/
#howto {background: #222 url(../img/attend/bg_dot.png) repeat 3px 0;}
#howto .section-header{color: #fff;}

#howto .section-body .whiteBox{margin-bottom: 3em; position: relative;}
#howto .section-body h3{ font-size: 3.0rem; font-weight: 900;}
#howto .section-body h4{ font-size: 2.4rem; font-weight: 900;}
#howto .section-body p{ font-size: 1.8rem; transform: rotate(0.03deg); margin-bottom: 1em;}

@media (max-width: 991.98px) {
#howto .section-body h3{ font-size: 2.0rem;}
#howto .section-body h4{ font-size: 1.6rem; }
#howto .section-body p{ font-size: 1.3rem; }
}


/* .mv -------------------------------------------*/
#howto .mv{display: flex; min-height: 340px; margin: 0 0 60px;}
#howto #step03 .mv{ margin: 0;}

#howto #step01{	background: #fff url(/wp-content/uploads/2023/09/redee_image.png) no-repeat left 0; background-size: auto 400px;}
#howto #step02{	background: #fff url(../img/suita/howto/bg_step_02.jpg) no-repeat left 0; background-size: auto 400px;}
#howto #step03{	background: #fff url(../img/suita/howto/bg_step_03.jpg) no-repeat left 0; background-size: auto 400px;}

#howto .mv .ConL{width: 50%;}
#howto .mv .ConR{width: 50%;}

#howto .mv .ConL .number{ 
	position: absolute; 
	top:15px; 
	left: -15px; 
	font-style: italic; 
	font-family: "Poppins", "M PLUS 1p";
	font-weight: 900; 
	line-height: 1.0; 
	background: #D7000F;
	color: #fff;
	width: 90px;
	padding: 15px 30px 10px 30px;
	text-align: right;
}
#howto .mv .ConL .number .txtS{font-size: 2.4rem; display: block;white-space: nowrap;}
#howto .mv .ConL .number .txtB{font-size:7.0rem; display: block;white-space: nowrap;}

#howto .mv .ConR h3{ font-size: 3.6rem; font-weight: 900;}
#howto #step01 .mv .ConR h3{ margin: 0 0 30px;}
#howto #step02 .mv .ConR h3{ margin: 30px 0 30px;}
#howto #step03 .mv .ConR h3{ margin: 30px 0 30px;}

#howto .mv .ConR h3 span{display: inline-block; background: #D7000F; color: #fff;padding: 5px 20px; margin-bottom: 2px;}
#howto .mv .ConR h3 span.bottom{margin-left: 50px;}
#howto .mv .ConR p{	margin-left: 40px; background: #fff; padding: 10px 10px;}



#howto h4.catchCopy{text-align: center; margin-bottom: 30px;}
#howto h4.catchCopy span{ 
	position: relative;
    padding: 5px 5px;
    display: inline-block;
	font-size: 3.0rem; 
	font-weight: 900;
}

#howto h4.catchCopy span::before {
    content: '';
    width: 100%;
    height: 4px;
    background: #d7000f;
    position: absolute;
    bottom: 0;
    left: 0;
}
@media (max-width: 991.98px) {
#howto #step01 .mv .ConR h3{ max-width: 300px;}
#howto h4.catchCopy{margin-bottom: 15px;}
#howto h4.catchCopy span{font-size: 1.7rem; line-height: 1.4; }

}

/* .projectBox  ------------------------------------*/
#howto .projectBox ul.projectList{ display: flex;}
#howto .projectBox ul.projectList > li{ 
	width: 33.3%;
	position: relative;
}
#howto .projectBox ul.projectList > li:nth-child(2){ background: #f4f4f4; }

#howto .projectBox .logo{ width: 100%;   padding: 20px 0;  text-align: center; }
#howto .projectBox .logo img{ height: 80px;  text-align: center;}
#howto .projectBox .logo h4{ font-size: 2.2rem;font-weight: 900; line-height: 1.1; margin-top: 15px;}
#howto .projectBox .logo h4 span{ font-size: 1.6rem; display: block; font-family: "Poppins", "M PLUS 1p", "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;padding: 0;}

#howto .projectBox .txt{padding:0 6%;}
#howto .projectBox .txt p{ 
	font-size: 1.6rem; 
}
#howto .projectBox .txt .copy{margin-top: -60px;}
#howto .projectBox ul li:first-child .txt .copy{ margin-top: -60px; }
#howto .projectBox .txt .copy span{ font-size: 1.8rem; display: inline-block; background: #231815; color: #EFCA35; padding:0 5px; font-weight: 700; margin-bottom: 2px;}

#howto .projectBox .description{min-height: 120px; margin-bottom: 0;}

/* ul.sponser ----------------------------------*/
#howto .projectBox .sponser{ display: flex; background: #fff; margin-bottom: 15px;}
#howto .projectBox .sponser li{ width: 29.5%; padding: 2%; }
#howto .projectBox .sponser li:last-child{ margin-right: 0%;}

@media (max-width: 991.98px) {
#howto .projectBox ul.projectList{ display:inherit;}
#howto .projectBox ul.projectList > li{ width: 100%; }

#howto .projectBox .logo{ width: 100%;  padding: 15px 0;  text-align: center; display: flex;justify-content: center;}
#howto .projectBox .logo img{ height: 50px; margin-right: 20px;}
#howto .projectBox .logo h4{ font-size: 1.8rem; margin-top: 3px; text-align: left; white-space: nowrap;}
#howto .projectBox .logo h4 span{ font-size: 1.3rem; margin-top: 5px; }

#howto .projectBox p.photo img{width: 100%;}
#howto .projectBox .txt p{ font-size: 1.3rem; }
#howto .projectBox .txt .copy{max-width: 300px;}
#howto .projectBox .txt .copy span{font-size: 1.6rem; white-space: nowrap;}
#howto .projectBox .description{ font-size: 1.3rem;min-height: auto; }
#howto .projectBox ul.projectList > li:nth-child(2){    padding-bottom: 5px;}

#howto .mv ul.badge{margin: 0 0 30px 0px !important;}

}

/* ul.badge ----------------------------------*/
#howto .mv ul.badge{display: flex; margin:0 0 30px 80px;}
#howto .mv ul.badge li{ width: 30%; margin-right: 5%;}
#howto .mv ul.badge li:last-child{ margin-right: 0;}


@media (max-width: 991.98px) {
#howto .mv{display: inherit; min-height: 180px; margin: 0 0 30px;}
#howto .mv .ConL{width: 100%; min-height: 180px;}
#howto .mv .ConR{width: 100%;}
	
#howto .mv .ConL .number{width: 40px;padding: 5px 20px 5px 10px;}

#howto .mv .ConL .number .txtS{font-size: 1.0rem; }
#howto .mv .ConL .number .txtB{font-size:4.0rem; }

#howto .mv .ConR h3{ font-size: 2.0rem;margin: 10px 0 !important;}
#howto .mv .ConR p{	margin-left: 0px; padding: 0;}

#howto #step01{	background: #fff url(/wp-content/uploads/2023/09/redee_外観-scaled.jpg) no-repeat center 0; background-size: 100% auto;}
#howto #step02{	background: #fff url(../img/suita/howto/bg_step_02_sp.jpg) no-repeat center 0; background-size: 100% auto;}
#howto #step03{	background: #fff url(../img/suita/howto/bg_step_03_sp.jpg) no-repeat center 0; background-size: 100% auto;}

}
@media (max-width: 500px) {
#howto .mv{display: inherit; min-height: 100px; margin: 0 0 30px;}
#howto .mv .ConL{width: 100%; min-height: 100px;}
}

/*---------------------------------------*/
#howto .art .girl5 {
  position: absolute;
  top: -50px;
  right: 50%;
  margin-right: 250px;
  width: 270px;
  height: 320px;
  background: url(../img/home/art/girl5.png) center center no-repeat;
  background-size: contain;
}
@media (max-width: 991.98px) {
#howto .art .girl5 {
  top: -150px;
    margin-right: 130px;
    width: 45px;
  }
}

#howto .art .boy3 {
  position: absolute;
  top: -60px;
  left: 50%;
  margin-left: 250px;
  width: 320px;
  height: 350px;
  background: url(../img/home/art/boy3.png) center center no-repeat;
  background-size: contain;
}
@media (max-width: 991.98px) {
#howto .art .boy3 { 
margin-left: 115px;
width: 80px;
top: -170px;
}
}


/*-------------------------------------------------------------
  #otherContents 　その他のコンテンツ
---------------------------------------------------------------*/
#otherContents .section-body .box{margin:0 auto 4em; max-width: 1000px;}
#otherContents .section-body h3{ font-size: 3.0rem; font-weight: 900; text-align: center;  margin-bottom: 20px;}
#otherContents .section-body p{ margin:0 auto 1em;  font-size: 1.8rem; transform: rotate(0.03deg);}

@media (max-width: 991.98px) {
#otherContents .section-body h3{ font-size: 2.0rem;}
#otherContents .section-body p{ font-size: 1.3rem; }
}

#otherContents h3.catchCopy span{ 
	position: relative;
    padding: 5px 5px;
    display: inline-block;
	font-size: 3.0rem; 
	font-weight: 900;
}

#otherContents h3.catchCopy span::before {
    content: '';
    width: 100%;
    height: 4px;
    background: #d7000f;
    position: absolute;
    bottom: 0;
    left: 0;
}
@media (max-width: 991.98px) {
#otherContents h3.catchCopy span{font-size: 1.7rem; line-height: 1.4; }
}


#otherContents .detail{display: flex;}
#otherContents .detail .ConL{ width: 37%; margin-right: 3%;}
#otherContents .detail .ConR{ width: 60%;}
#otherContents .detail .ConL img{border-radius: 6px;}

@media (max-width: 991.98px) {
#otherContents .detail{display: inherit;}
#otherContents .detail .ConL{ width: 100%; margin-right: 0%; margin-bottom: 20px;}
#otherContents .detail .ConR{ width: 100%;}
}

/*---------------------------------------*/
#otherContents .art .soccer {
  position: absolute;
  top: -120px;
  right: 50%;
  margin-right: 290px;
  width: 300px;
  height: 320px;
  background: url(../img/home/art/soccer.png) center center no-repeat;
  background-size: contain;
}
@media (max-width: 991.98px) {
#otherContents .art .soccer {
    top: 25px;
    margin-right:90px;
    width: 100px;
    height: 62px;
  }
}

#otherContents .art .game3 {
  position: absolute;
  top: -130px;
  left: 50%;
  margin-left: 250px;
  width: 360px;
  height: 350px;
  background: url(../img/home/art/game3.png) center center no-repeat;
  background-size: contain;
}
@media (max-width: 991.98px) {
#otherContents .art .game3 { 
margin-left: 80px;
width: 100px;
top: -100px;
}
}



/*------------------------------------------------------------
  #news 　ニュース
--------------------------------------------------------------*/
#news .c-article-list > ol{  justify-content: center;}
/* .art ----------------------------*/
#news .art .neko3 {
position: absolute;
top: -50px;
right: 50%;
margin-right: 470px;
width: 220px;
height: 280px;
background: url(../img/home/art/neko3.png) center center no-repeat;
background-size: contain;
}
#news .art .lightning {
position: absolute;
top: 90px;
right: calc(50% - 222px);
width: 450px;
height: 101px;
background: url(../img/home/art/lightning2.png) center center no-repeat;
background-size: contain;
}
#news .art .power {
position: absolute;
top: -80px;
left: 50%;
margin-left: 450px;
width: 300px;
height: 320px;
background: url(../img/home/art/power.png) center center no-repeat;
background-size: contain;
}

@media (max-width: 991.98px) {
#news .art .neko3 {	display: none; }
#news .art .power {	display: none;}
#news .art .lightning {
top: 45px;
right: calc(50% - 80px);
width: 160px;
height: 41.4359px;
}
}



/*-------------------------------------------------------------
.home-ticket-section　チケット
---------------------------------------------------------------*/
.home-ticket-section .ticket-article {
  position: relative;
  background: #FFF;
  border-top: 0;
  border-right: 2px solid #D3D3D3;
  border-bottom: 2px solid #D3D3D3;
  border-left: 0;
  border-radius: 8px;
  padding: 40px 100px;
}
.event-discount {
  position: relative;
  background: #FFF;
  border-top: 0;
  border-right: 2px solid #BF0310;
  border-bottom: 2px solid #BF0310;
  border-left: 0;
  border-radius: 8px;
  padding: 40px 100px;
	text-align: center;
}
.event-discount h4{
	font-size: 3.0rem;
    font-weight: 900;
	color: #BF0310;
}

@media (max-width: 991.98px) {  .home-ticket-section .ticket-article {    padding: 12px 20px 20px;  }}
.home-ticket-section .ticket-article .article-header {  margin-bottom: 24px;}
@media (max-width: 991.98px) {  .home-ticket-section .ticket-article .article-header {    margin-bottom: 12px;  }}
.home-ticket-section .ticket-article .article-title {
  padding: 20px 0;
  font-size: 3.0rem;
  font-weight: 500;
  text-align: center;
  border-bottom: 4px solid #D7000F;
  transform: rotate(0.03deg);
}

@media (max-width: 991.98px) { .event-discount h4{font-size: 1.9rem; font-weight: 900; color: #BF0310;}}
@media (max-width: 991.98px) {
  .home-ticket-section .ticket-article .article-title {
    padding: 10px 0;
    font-size: 2rem;
    border-bottom-width: 3px;
  }
}
.home-ticket-section .ticket-article .article-body ul {
  list-style: initial;
  margin: initial;
  font-size: 1.8rem;
  line-height: 1.8;
  padding: 0 0 0 1.5em;
  transform: rotate(0.03deg);
}
@media (max-width: 991.98px) {
  .home-ticket-section .ticket-article .article-body ul {    font-size: 1.3rem;  }
}
.home-ticket-section .ticket-article .ticket-price-table-wrapper {  overflow-x: auto;}
.home-ticket-section .ticket-article .ticket-price-table {  margin-bottom: 20px;  width: 100%;
}
.home-ticket-section .ticket-article .ticket-price-table th, .home-ticket-section .ticket-article .ticket-price-table td, .home-ticket-section .ticket-article .ticket-price-table span, .home-ticket-section .ticket-article .ticket-price-table small {
  transform: rotate(0.03deg);
}
.home-ticket-section .ticket-article .ticket-price-table thead th, .home-ticket-section .ticket-article .ticket-price-table thead td {  border-bottom: 2px solid #E2E2E2;}
.home-ticket-section .ticket-article .ticket-price-table thead th {  padding: 0 0 0 8px;  vertical-align: bottom;}
@media (max-width: 991.98px) {
  .home-ticket-section .ticket-article .ticket-price-table thead th {    padding: 0 0 0 4px;  }
}
@media (max-width: 360px) {
  .home-ticket-section .ticket-article .ticket-price-table thead th {    padding: 0 0 0 2px;  }
}
.home-ticket-section .ticket-article .ticket-price-table thead span {
  display: block;
  height: 100%;
  background: #E2E2E2;
  border-radius: 8px 8px 0 0;
  font-size: 2.4rem;
  padding: 16px 8px;
  white-space: nowrap;
}
.home-ticket-section .ticket-article .ticket-price-table thead span small {  display: inline-block;  font-size: 1.8rem;}
@media (max-width: 991.98px) {
  .home-ticket-section .ticket-article .ticket-price-table thead span {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 4px;
    font-size: 1.0rem;
  }
  .home-ticket-section .ticket-article .ticket-price-table thead span small {    font-size: 0.8rem;  }
}
@media (max-width: 360px) {
  .home-ticket-section .ticket-article .ticket-price-table thead span {    padding: 6px 2px;  }
}
.home-ticket-section .ticket-article .ticket-price-table tbody th, .home-ticket-section .ticket-article .ticket-price-table tbody td {
  border-bottom: 2px solid #E2E2E2;
  padding: 16px 8px;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
}
@media (max-width: 991.98px) {
  .home-ticket-section .ticket-article .ticket-price-table tbody th, .home-ticket-section .ticket-article .ticket-price-table tbody td {    padding: 12px 4px;  }
}
@media (max-width: 360px) {
  .home-ticket-section .ticket-article .ticket-price-table tbody th, .home-ticket-section .ticket-article .ticket-price-table tbody td {    padding: 12px 2px;  }
}
.home-ticket-section .ticket-article .ticket-price-table tbody th {  font-size: 2.4rem;}
.home-ticket-section .ticket-article .ticket-price-table tbody th small {  display: inline-block;  font-size: 1.8rem;}
@media (max-width: 991.98px) {
  .home-ticket-section .ticket-article .ticket-price-table tbody th {    font-size: 1.0rem;  }
  .home-ticket-section .ticket-article .ticket-price-table tbody th small {    font-size: 0.8rem;  }
}
@media (max-width: 360px) {  .home-ticket-section .ticket-article .ticket-price-table tbody th {    letter-spacing: -0.05em;  }}

.home-ticket-section .ticket-article .ticket-price-table tbody td {  font-size: 2.8rem;  font-weight: bold;}
@media (max-width: 991.98px) {  .home-ticket-section .ticket-article .ticket-price-table tbody td {    font-size: 1.2rem;  }}
@media (max-width: 360px) {  .home-ticket-section .ticket-article .ticket-price-table tbody td {    font-size: 1.0rem;  }}

.home-ticket-section .ticket-article .ticket-detail {  position: relative;  margin: 50px 0 0 0;  border: 2px solid #EDB220;  border-radius: 8px;  padding: 2.5em 8%;}
.home-ticket-section .ticket-article .ticket-detail h4 {  text-align: center;  font-size: 2.6rem;  font-weight: bold;  transform: rotate(0.03deg);}
.home-ticket-section .ticket-article .ticket-detail h4 + p {  margin-top: 1.3em; }
.home-ticket-section .ticket-article .ticket-detail p {  line-height: 1.8;  text-align: justify;  transform: rotate(0.03deg);}
.home-ticket-section .ticket-article .ticket-detail em {  color: #BF0310;}
.home-ticket-section .ticket-article .ticket-notes {  margin: 3em 3em 1.5em;}
.home-ticket-section .ticket-article + .ticket-article {  margin-top: 100px;}
.event-discount{  position: relative;  margin: 50px 0;  border: 2px solid #BF0310;  border-radius: 8px;  padding: 2.5em 8%;}

@media (max-width: 991.98px) {
.home-ticket-section .ticket-article .ticket-detail {    margin: 25px 0 0 0;    padding: 1.2em;  }
.home-ticket-section .ticket-article .ticket-detail h4 {    margin-top: 0.2em;    font-size: 1.6rem;  }
.home-ticket-section .ticket-article .ticket-detail h4 + p {    margin-top: 1em; line-height: 1.5;  }
.home-ticket-section .ticket-article .ticket-detail p {    font-size: 1.3rem;  }
.home-ticket-section .ticket-article .ticket-notes {    margin: 1.5em 0 0;  }
.home-ticket-section .ticket-article + .ticket-article {    margin-top: 30px;  }
}



/* .ticket_lnkbox  ---------------------------------------*/
.ticket_lnkbox {  margin: 0 auto;  justify-content: center;}
.ticket_lnkbox p.title{margin: 50px 0 0 0; text-align: center;font-size: 2.6rem;font-weight: bold;transform: rotate(0.03deg);}
@media (max-width: 640px) {
.ticket_lnkbox { display: unset; }
.ticket_lnkbox .btn-large { max-width: 100%;}
.ticket_lnkbox p.title{margin: 30px 0 0 0; font-size: 1.6rem;}
}

.ticket-purchase {max-width: 600px; margin: 0px 0 20px 0;  text-align: center;}
.ticket-purchase ul{ margin: 0;  padding: 0 !important; display: flex; flex-wrap: wrap;}
.ticket-purchase ul li{padding: 0;	margin: 0 0 10px ; list-style: none;}
.ticket-purchase ul li a.btn-large{ min-width: 100%; width: 100%;} 

.ticket-purchase li.webket { width: 100%;}
.ticket-purchase li img { border-radius: 380px;}
.ticket-purchase li.actjp ,.ticket-purchase li.lawson,.ticket-purchase li.rakuten {border: 3px solid #D3D3D3; box-sizing: border-box; border-radius: 270px; background: #fff;}
.ticket-purchase li.lawson{ width: 48%; margin-right: 4%; }
.ticket-purchase li.rakuten{ width: 48%; }
.ticket-purchase .txt{ font-size: 1.2rem;}
.ticket-purchase img {max-width: 80%;}

@media (max-width: 991.98px) {
.ticket-purchase { margin: 0 0 10px;  }
.ticket-purchase li.lawson{ width: 49%; margin-right: 2%; }
.ticket-purchase li.rakuten{ width:49%; }
.ticket-purchase li.lawson a.btn{ padding: 12px 0;  font-size: 1.2rem; white-space: nowrap;}
.ticket-purchase li.rakuten a.btn{ padding: 12px 0;  font-size: 1.2rem; white-space: nowrap; }
.ticket-purchase .txt{ text-align: left;}	
}

#ticket .ticket-purchase{ margin: 30px auto 10px;}

/*---------------------------------------*/
.home-ticket-section .art .penguin {
  position: absolute;
  top: 76px;
  right: 50%;
  margin-right: 145px;
  width: 69px;
  height: 91px;
  background: url(../img/home/art/penguin.png) center center no-repeat;
  background-size: contain;
}
@media (max-width: 991.98px) {
  .home-ticket-section .art .penguin {
    top: 44px;
    right: 50%;
    margin-right: 64px;
    width: 27px;
    height: 36px;
    background-position: right center;
  }
}
.home-ticket-section .art .slayer {
  position: absolute;
  top: -86px;
  right: 50%;
  margin-right: 240px;
  width: 480px;
  height: 412px;
  background: url(../img/home/art/slayer.png) center center no-repeat;
  background-size: contain;
}
@media (max-width: 991.98px) {
  .home-ticket-section .art .slayer {
    top: 76px;
    right: auto;
    left: -10px;
    margin-right: 0;
    width: 145px;
    height: 102px;
    background-position: left center;
  }
}
.home-ticket-section .art .droid {
  position: absolute;
  top: -120px;
  left: 50%;
  margin-left: 400px;
  width: 300px;
  height: 405px;
  background: url(../img/home/art/droid.png) center center no-repeat;
  background-size: contain;
}
@media (max-width: 991.98px) {
  .home-ticket-section .art .droid {
    top: -60px;
    left: auto;
    right: -60px;
    margin-left: 0;
    width: 86px;
    height: 113px;
    background-position: right center;
  }
}
.home-ticket-section .art .sports {
  position: absolute;
  top: -360px;
  right: 50%;
  margin-right: 420px;
  width: 376px;
  height: 741px;
  background: url(../img/home/art/sports.png) center center no-repeat;
  background-size: contain;
}
@media (max-width: 991.98px) {
  .home-ticket-section .art .sports {
    top: 200px;
    right: auto;
    left: -70px;
    z-index: 10;
    margin-right: 0;
    width: 105px;
    height: 207px;
    background-position: left center;
  }
}

.home-ticket-section .ticket-article .art .ship {
	position: absolute;
	top: -170px;
	left: 50%;
	margin-left: 380px;
	width: 300px;
	height: 236px;
	background: url(/assets/img/home/art/ship.png) center center no-repeat;
	background-size: contain; 
}

@media (max-width: 991.98px) {
.home-ticket-section .ticket-article .art .ship {
	top: -70px;
	left: auto;
	right: -30px;
	margin-left: 0;
	width: 115px;
	height: 82px;
	background-position: left center; } 
}



/* .site-footer --------------------------------------------------------------------*/
.site-footer {margin-top:0; }

/*  */
.dejitankyu_logo{
	display:none;
}

.site-nav .degitankyu a {
    background: url("https://redee-kitakyushu.jp/wp-content/uploads/2024/07/dejgitankyu.png") no-repeat 8px center;
    background-size: 22px auto;
}

.site-nav .degitankyu a:hover {
    background: url("https://redee-kitakyushu.jp/wp-content/uploads/2024/07/dejgitankyu_red.png") no-repeat 8px center;
    background-size: 22px auto;
}