@charset "utf-8";

#gNavi {
	padding:0;
	background:none;
}

/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: #fff url("../images/loading.gif") center center no-repeat; }
.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-track { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block;background:url(../images/bg_content.png) repeat 0 0;}

.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
[dir="rtl"] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

/* Icons */
/* Arrows */
.slick-prev, .slick-next { position: absolute; z-index:20; display:none !important; height: 12px; width: 12px; line-height: 0; font-size: 0; cursor: pointer;  color: transparent; top:50%; margin:-6px 0 0; padding: 0; border: none; outline: none; }
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; color: transparent; }
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 0.75; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 1; }

.slick-prev { left: 5px; background:url(../images/btn_slide_prev_sp.png) no-repeat center center; background-size:12px 12px; }
[dir="rtl"] .slick-prev { left: auto; right: 0px; }
.slick-prev:before { content: "←"; }
[dir="rtl"] .slick-prev:before { content: "→"; }

.slick-next { right: 5px; background:url(../images/btn_slide_next_sp.png) no-repeat center center; background-size:12px 12px; }
[dir="rtl"] .slick-next { left: 0px; right: auto; }
.slick-next:before { content: "→"; }
[dir="rtl"] .slick-next:before { content: "←"; }


/* Dots */
.slick-dots { position: absolute; z-index:10; bottom: 5px; list-style: none; display:none !important; text-align: center; padding: 0; width: 100%; box-sizing:border-box; }
.slick-dots li { position: relative; display: inline-block; height: 5px; width: 5px; margin: 0 1px; padding: 0 !important; cursor: pointer; }
.slick-dots li button { border: 0; background:url(../images/btn_slide_dott.png) no-repeat right 0; background-size:10px auto; display: block; height: 5px; width: 5px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 0; cursor: pointer; }
.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; }
.slick-dots li button:before { position: absolute; top: 0; left: 0; content: "?"; width: 10px; height: 10px; opacity: 0.25; }
.slick-dots li.slick-active button { background-position:0 0; }


/************************************************************************************
CONTENT
*************************************************************************************/
/* MAIN SLIDE */
#mainImg {
	padding:0;
	margin:0;
	width:100%;
	position:relative;
	overflow:visible;
	clear:both;
	background:url(../images/bg_content.png) repeat;
}
#mainImg .mainImg {
	margin:0 auto;
	width:100%;
}

#mainImg .bnrimg {
	padding-bottom: 20px;
}

#topContent {
	padding:10px 0 0;
	margin:0 0 15px;
}

/*左サイド*/
#bigBanner {
	margin:0 5px 10px;
	padding:0;
}
#bigBanner img, #bigBannerArea img {
	width:100%;
	display:block;
}

/* 2カラム */
#bigBannerArea {
	width:100%;
	margin:0 0 10px;
	padding:0 5px;
	display:table;
	clear: both;
	box-sizing: border-box;
}
#bigBannerArea a {
	display:block;
}
#leftBigBanner {
	width:67%;
	padding:0 5px 0 0;
	display:table-cell;
	box-sizing:border-box;
	vertical-align:top;
}
#rightBigBanner {
	width:33%;
	padding:0 0 0 5px;
	display:table-cell;
	box-sizing:border-box;
	vertical-align:top;
}

.secBanner {
	width:100%;
	margin:0 0 10px;
	display:table;
	clear:both;
}
.secBanner li {
	width:50%;
	padding:0 5px;
	box-sizing:border-box;
	display:table-cell;
	vertical-align:top;
}
.secBanner li p {
	padding:2px 5px;
	border:solid 1px #e9e9e9;
	box-sizing:border-box;
	border-radius:3px;
}
.secBanner li p.bannerYellow {
	background:url(../images/bg_pat_y.png) repeat 0 0;
}
.secBanner li p.bannerGreen {
	background:url(../images/bg_pat_gr.png) repeat 0 0;
}
.secBanner li p.bannerPink {
	background:url(../images/bg_pat_pi.png) repeat 0 0;
}
.secBanner li p.bannerYellowGreen {
	background:url(../images/bg_pat_yg.png) repeat 0 0;
}


/*右サイド*/
#rightSide {
}
#bannerArea {
	width:100%;
	display:table;
	clear:both;
}
#bannerArea li {
	float: left;
	width:50%;
	padding:0 5px;
	display:table-cell;
	vertical-align:top;
	box-sizing:border-box;
}
#bannerArea li p {
	border-radius:3px;
}
#bannerArea p.bannerLink {
	padding:0;
	margin:0 0 10px;
	background:#fff;
	border:solid 1px #e9e9e9;
}
#bannerArea .bannerLink a {
	padding:7px 8px 3px 4px;
	display:block;
	background:#fff;
	box-sizing:border-box;
}
#bannerArea .bannerLink a img {
	height:25px;
}

/*ticketBnr*/
#bannerArea #ticketBnr {
	width:50%;
}
#bannerArea #ticketBnr p {
	padding:14px 4px 4px;
	margin:0 0 12px;
	box-sizing:border-box;
	background:url(../images/bg_bnr_ticket.png) no-repeat right 0;
	background-size:100% 100%;
}
#bannerArea #ticketBnr p a {
	display:block;
	box-sizing:border-box;
}
#bannerArea #ticketBnr p a img {
	height:18px;
}

/*ticketBnr 25周年*/
/*
#bannerArea #ticketBnr #thanks25th {
	padding:14px 4px 4px;
	box-sizing:border-box;
	background:url(../images/bg_bnr_thanks25th.png) no-repeat right 0;
	background-size:cover;
}
*/
#bannerArea #ticketBnr p.thanks25th {
	box-sizing:border-box;
	background:url(../images/bg_bnr_thanks25th.png) no-repeat right 0;
	background-size:100% 100%;;
}


/*キャンペーン*/
#campaignArea {
	margin:20px 0;
	position:relative;
}
#campaignArea h2 {
	text-align:left;
	padding:6px 4px 1px 3px;
	margin:0 5px 5px;
	background:#fff;
	border:solid 2px #009944;
	border-radius:3px;
	cursor: pointer;
	box-sizing: border-box;
}
#campaignArea h2 img {
	width:auto;
	height:22px;
}
#campaignArea ul li {
	margin:0 5px 10px;
	box-sizing:border-box;
}
#campaignArea ul li a {
	padding:5px;
	background:#fff;
	border:solid 1px #e9e9e9;
	border-radius:3px;
	display:block;
	box-sizing:border-box;
	position:relative;
}
#campaignArea ul li a .image {
	width:110px;
	height:60px;
	padding:0 8px 0 0;
	float:left;
}
#campaignArea ul li a h3 {
	color:#444;
	font-size:12px;
	line-height:18px;
	height:60px;
	padding:0;
	margin:0;
	letter-spacing:-0.03em;
	display:table-cell;
	vertical-align:middle;
}
#campaignArea ul li a h3 .br {
	display:inline-block;
}
#campaignArea ul li a p {
	color:#999;
	font-size:9px;
	line-height:1;
	position:absolute;
	right:5px;
	bottom:5px;
}

#campaignArea p.ichiranBtn {
  margin: 0;
  position: absolute;
  top: 10px;
  right: 12px;
}


/* INFORMATION */
#informationArea {
	padding:0;
	margin:0 5px 10px;
	overflow:hidden;
	position:relative;
	cursor: pointer;
}
#infoHeader {
	padding:8px 6px 2px;
	background:url(../images/bg_dia.png) repeat 0 0;
	border-radius:3px;
	box-sizing:border-box;
}
#infoHeader.active {
	border-radius:3px 3px 0 0;
}
#infoHeader h2 {
	margin:0;
	padding:0;
}
#infoHeader h2 img {
	height:20px;
	width:auto;
}
#infoHeader h2 .opener {
	display:block;
	background:url(/common/images/ico_plus_w.png) no-repeat right 0;
	background-size:20px auto;
}
#infoHeader.active h2 .opener {
	background:url(/common/images/ico_minus_w.png) no-repeat right 0;
	background-size:20px auto;
}

#infoList {
	padding:0 5px 10px;
	border:solid 1px #e9e9e9;
	border-top:0;
	border-radius:0 0 3px 3px;
	box-sizing:border-box;
	background:#fff;
	display:none;
}
#infoList section {
	padding:10px 0 5px;
}
#infoList section a {
	width:100%;
	display:block;
}
#infoList section a h3 {
	color:#86ba1f;
	font-size:12px;
	font-weight:bold;
	line-height:18px;
	padding:0;
	margin:0;
}
#infoList section a p {
	color:#444;
	font-size:12px;
	line-height:18px;
	padding:0;
	margin:0;
}
#infoList section a:hover p, #infoList section a:hover h3 {
	text-decoration:underline;
}

#infoList #ichiran, #campaignArea .ichiran {
	font-size:10px;
	line-height:16px;
	padding:10px 0 0;
	margin:0;
	text-align:right;
}
#campaignArea .ichiran {
	padding:0;
	position:absolute;
	top:7px;
	right:10px;
}
#infoList #ichiran a, #campaignArea .ichiran a {
	color:#444;
	text-decoration:none;
	padding:0 0 0 13px;
	background:url(../images/ico_link_g_next.png) no-repeat 0 center;
	background-size:8px auto;
	display:inline-block;
}
#infoList #ichiran a:hover, #campaignArea .ichiran a:hover {
	color:#86ba1f;
}


/* 予約フォーム */
#yoyakuForm {
	margin:0;
	padding:20px 5px 10px;
	position:relative;
	background:url(../images/bg_content.png) repeat 0 0;
}
#yoyakuForm .box {
  padding:12px 10px 6px;
  margin: 0;
  background: #fff;
  border: solid 4px #86ba1f;
	border-top:0;
  border-radius:0 0 3px 3px;
  clear: both;
  position: relative;
	z-index: 0;
}
#yoyakuForm h2 {
	color:#fff;
  font-size:20px;
  font-weight: bold;
	text-align: center;
  line-height: 26px;
  padding:6px 0;
  margin:0;
  border:0;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25);
	background:#86ba1f;
	border-radius:3px 3px 0 0;
}
#yoyakuForm .store {
  margin:0 0 6px;
}
#yoyakuForm #dept {
  margin:0 0 10px;
}
#yoyakuForm .cal {
	width:100%;
	clear:both;
}
#yoyakuForm .cal .leftInput,
#yoyakuForm .cal .rightInput {
	width:50%;
	padding:0 5px 0 0;
	box-sizing: border-box;
	border:0;
	float: left;
}
#yoyakuForm .cal .rightInput {
	padding:0 0 0 5px;
	float: right;
}
#yoyakuForm .cal select{
	line-height: 22px;
}
#yoyakuForm .submitBtn {
	padding:10px 0;
	clear: both;
}
#yoyakuForm .noBtn {
	padding:10px 0;
	clear: both;
}#yoyakuForm .noBtn {
	padding:10px 0;
	clear: both;
}
#yoyakuForm .submitBtn button {
	width:100%;
	display:block;
	color:#fff;
	font-size:20px;
	font-weight: bold;
	text-align: center;
	line-height: 26px;
	padding:6px 0;
	margin:0;
 	border:0;
 	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25);
	background:#99c423;
	border-radius:3px;
	border-bottom:solid 2px #4e8a05;
	cursor: pointer;
}
#yoyakuForm .submitBtn button .ico_submit {
	padding:0 0 0 23px;
	display:inline-block;
	background:url(/common/images/ico_check.png) no-repeat 0 0;
	background-size:17px auto;
}
#yoyakuForm #noBtn .ico_submit {
	padding:0 0 0 23px;
	display:inline-block;
	background:url(/common/images/ico_check.png) no-repeat 0 0;
	background-size:17px auto;
}

#yoyakuForm #submitBtn.on {
	display:none;
}
#yoyakuForm .submitBtn.on {
	display:none;
}
#yoyakuForm #noBtn.on {
	display:none;
}
#yoyakuForm .noBtn.on {
	display:none;
}
#yoyakuForm #houjinBtn button .ico_submit {
	padding:0 0 0 23px;
	display:inline-block;
	background:url(/common/images/ico_check_o.png) no-repeat 0 0;
	background-size:17px auto;
}
#yoyakuForm #noBtn .ico_submit_houjin {
	padding:0 0 0 23px;
	display:inline-block;
	background:url(/common/images/ico_check_o.png) no-repeat 0 0;
	background-size:17px auto;
}
#yoyakuForm #houjinBtn button {
	background:#eb9413;
	border-bottom:solid 2px #b66d01 ;
}

.hissu {
	display:inline-block;
	margin:3px 0 0 15px;
}

.yoyakuEntry #optionBox .checkBox {
  padding-right:0;
}


/************************************************************************************
smaller than 480
*************************************************************************************/
@media screen and (min-width: 480px), print {
/* Arrows */
.slick-prev, .slick-next {height: 18px; width: 18px; margin:-9px 0 0;}
.slick-prev { left: -35px; background-size:18px 18px;}
.slick-next { right: -35px;  background-size:18px 18px;}

/* Dots */
.slick-dots li {height: 10px; width: 10px; margin: 0 2px;}
.slick-dots li button {background-size:20px auto; display: block; height: 10px; width: 10px;}

#bannerArea p.bannerLink a {
	padding:7px 9px 3px 4px;
}
#bannerArea .bannerLink a img {
	height:48px;
}

/*ticketBnr*/
#bannerArea #ticketBnr p {
	background-size: 100% 100%;
	padding:11px 4px 9px;
}
#bannerArea #ticketBnr p a img {
	height:40px;
}

#bannerArea li.bnr p img {
	width:100%;
}

}

/************************************************************************************
smaller than 640
*************************************************************************************/
@media screen and (min-width: 640px), print {
/* Arrows */
.slick-prev, .slick-next {height: 24px; width: 24px; margin:-12px 0 0;}
.slick-prev {background-size:24px 24px;}
.slick-next {background-size:24px 24px;}
.slick-list {overflow:visible !important;}

/* MAIN SLIDE */
#mainImg {
	width:100% !important;
	overflow:visible;
}
#mainSlide {
	width:640px !important;
	margin:0 auto;
}
#mainImg .mainImg {
	width:640px !important;
}
#mainImg img {
	width:640px !important;
}

#mainImg .bnrimgwid {
	width:100% !important;
}

/*左サイド*/
#bigBanner {
	margin:0 10px 20px;
}

.secBanner {
	margin:0 0 20px;
}
.secBanner li {
	padding:0 10px;
}
.secBanner li p {
	padding:4px 9px;
}

/* 2カラム */
#bigBannerArea {
	padding:0 10px;
}
#leftBigBanner {
	padding:0 10px 0 0;
}
#rightBigBanner {
	padding:0 0 0 10px;
}

#bannerArea li {
	padding:0 10px;
}
#bannerArea .bannerLink a img {
	height:54px;
}
#bannerArea p.bannerLink {
	margin:0 0 20px;
}
#bannerArea p.bannerLink a {
	padding:10px 18px 8px 5px;
}

#bannerArea #ticketBnr p {
	margin:0 0 22px;
	padding:16px 8px 17px;
	background-size: 100% 100%;
}
#bannerArea #ticketBnr p a img {
	height:40px;
}


/*キャンペーン*/
#campaignArea {
	margin:20px 10px 30px;
}
#campaignArea h2 {
	padding:9px 8px 4px 6px;
	margin:0 0 20px;
}
#campaignArea h2 img {
	width:auto;
	height:40px;
}
#campaignArea ul li {
	margin:0 0 20px;
}
#campaignArea ul li a {
	padding:10px;
}
#campaignArea ul li a .image {
	width:220px;
	height:120px;
	padding:0 15px 0 0;
}
#campaignArea ul li a h3 {
	font-size:22px;
	line-height:32px;
	height:120px;
	letter-spacing:0;
}
#campaignArea ul li a p {
	font-size:16px;
	position:absolute;
	right:10px;
	bottom:10px;
}


/* INFORMATION */
#informationArea {
	margin:0 10px 20px;
}
#infoHeader {
	padding:12px 10px 4px;
}
#infoHeader h2 img {
	height:36px;
}
#infoHeader h2 .opener {
	background:url(/common/images/ico_plus_w.png) no-repeat right 0;
	background-size:34px auto;
}
#infoHeader.active h2 .opener {
	background:url(/common/images/ico_minus_w.png) no-repeat right 0;
	background-size:34px auto;
}


#infoList {
	padding:0 10px 20px;
}
#infoList section {
	padding:20px 0 10px;
}
#infoList section a h3 {
	font-size:20px;
	line-height:28px;
}
#infoList section a p {
	font-size:20px;
	line-height:28px;
}

#infoList #ichiran, #campaignArea .ichiran {
	font-size:18px;
	line-height:22px;
	padding:10px 0 0;
}
#infoList #ichiran a, #campaignArea .ichiran a {
	padding:0 0 0 26px;
	background-size:16px auto;
}


}

/************************************************************************************
smaller than 780
*************************************************************************************/
@media screen and (min-width: 780px), print {
/* MAIN SLIDE */
.slick-prev, .slick-next {display:block !important;}
#mainImg {
	width:100% !important;
	margin:0;
	overflow:visible;
}
#mainSlide {
	width:707px !important;
	height:380px !important;
	overflow:visible;
}
#mainImg .mainImg img {
	width:697px !important;
	height:380px !important;
	display:inline-block;
}
#mainImg .mainImg {
	width:707px !important;
	height:380px !important;
	padding:0 !important;
	margin:0;
	position:relative;
	text-align:center;
	opacity:0.5;
}
#mainImg .mainImg.slick-active {
	opacity:1.0;
}
#mainImg .mainImg a {
/*	width:697px;*/
	height:380px;
	margin:0 auto;
	display:block;
}

#topContent {
	width:750px;
	padding:20px 0 0;
	margin:0 auto 15px;
}
#bottContent {
	width:750px;
	margin:0 auto;
}


/*左サイド*/
#bigBanner {
	margin:0 10px 15px;
	padding:0 0 5px;
	background:url(../images/bg_head_shadow.png) no-repeat center bottom;
	background-size:730px 5px;
}
#bigBannerArea {margin:0 0 15px;}
#bigBanner a img, #bigBannerArea a img {
	opacity:1;
	transition:all 0.3s ease;
}
#bigBanner a:hover img, #bigBannerArea a:hover img {
	opacity:0.7;
}

/* 2カラム */
#leftBigBanner a {
	padding:0 0 5px;
	background: url(../images/bg_head_shadow.png) no-repeat center bottom;
  background-size: 100% 5px;
  opacity: 1;
  transition: all 0.3s ease;
}
#rightBigBanner a {
	padding:0 0 5px;
	background: url(../images/bg_head_shadow.png) no-repeat center bottom;
  background-size: 100% 5px;
  opacity: 1;
  transition: all 0.3s ease;
}

.secBanner {
	margin:0 0 18px;
}
.secBanner li {
	width:50%;
	padding:0 10px 2px;
	background:url(../images/bg_head_shadow.png) no-repeat center bottom;
	background-size:100% 5px;
	opacity:1;
	transition:all 0.3s ease;
}
.secBanner li:hover {
	opacity:0.7;
}


/*右サイド*/
#bannerArea li {
	padding:0 10px 2px;
	margin:0 0 18px;
	background:url(../images/bg_head_shadow.png) no-repeat center bottom;
	background-size:100% 5px;
	opacity:1;
	transition:all 0.3s ease;
}
#bannerArea li:hover {
	opacity:0.7;
}
#bannerArea p.bannerLink {
	margin:0;
}
#bannerArea p.bannerLink a {
	padding:12px 20px 8px 5px;
}
#bannerArea .bannerLink a img {
	height:50px;
}
#bannerArea li p img {
  display:block;
}


/*ticketBnr*/
#bannerArea #ticketBnr p a img {
	height:36px;
}
#bannerArea #ticketBnr p {
	padding:18px 8px;
	margin:0;
	background-size: 100% 100%;
}

/* 予約フォーム */
#yoyakuForm {
	padding:20px 10px 0;
	box-sizing: border-box;
}
#yoyakuForm h2 {
	width:730px;
	margin:0 auto;
}
#yoyakuForm .bgBoxShadow {
	width:730px;
	padding:0;
	margin:0 auto;
}
#stken_cd, #stken_cd_disp, #edken_cd,
#steigyo_cd, #steigyo_cd_disp, #edeigyo_cd,
.calendarBtn, #sttime, #edtime {
  width: 100%;
  float: none;
}

.yoyakuEntry .subTxt {
  margin:5px 0px 0 -8px;
  position: relative;
  top:0;
}
#opTitle.pc, #clTitle.pc {
	display:none !important;
}


}
/*キャンペーン
#campaignArea {
	width:500px;
	margin:0;
	float:left;
}
#campaignArea h2 {
	margin:0 10px 20px 10px;
}
#campaignArea h2 img {
	width:auto;
	height:40px;
}
#campaignArea ul li {
	width:230px;
	padding:0 0 5px;
	margin:0 10px 15px;
	float:left;
	background:url(../images/bg_head_shadow.png) no-repeat center bottom;
	background-size:230px 5px;
	opacity:1;
	transition:all 0.3s ease;
}
#campaignArea ul li:hover {
	opacity:0.7;
}
#campaignArea ul li a {
	height:200px;
	padding:20px 0 10px;
}
#campaignArea ul li a .image {
	width:220px;
	height:120px;
	padding:0 5px 10px;
	float:none;
	clear:both;
}
#campaignArea ul li a h3 {
	font-size:14px;
	line-height:20px;
	padding:0 8px;
	height:auto;
	display:block;
	vertical-align:top;
}
#campaignArea ul li a h3 .br {
	display:inline;
}
#campaignArea ul li a p {
	font-size:10px;
	right:5px;
	bottom:auto;
	top:5px;
}

#campaignArea .ichiran {
	top:16px;
	right:5px;
}

/* INFORMATION
#informationArea {
	width:230px;
	padding:0 0 5px;
	margin:0 10px 20px 0;
	float:right;
	background:url(../images/bg_head_shadow.png) no-repeat center bottom;
	background-size:230px 5px;
}
#infoHeader {
	padding:8px 8px 6px;
}
#infoHeader h2 img {
	height:22px;
}

#infoList {
	padding:5px 5px 16px;
}
#infoList section {
	padding:9px 5px 10px;
	border-top:dotted 1px #86ba1f;
}
#infoList section:first-child {
	border:0;
}
#infoList section a h3 {
	font-size:14px;
	line-height:20px;
	margin:0 0 2px;
}
#infoList section a p {
	font-size:14px;
	line-height:20px;
}

#infoList #ichiran, #campaignArea .ichiran {
	font-size:12px;
	line-height:18px;
	padding:5px 5px 0 0;
}
#infoList #ichiran a, #campaignArea .ichiran a {
	padding:0 0 0 16px;
	background:url(../images/ico_link_g_next.png) no-repeat 0 center;
	background-size:12px auto;
}

}
*/

/************************************************************************************
smaller than 980
*************************************************************************************/
@media screen and (min-width: 980px), print {
/* Arrows */
.slick-prev, .slick-next {height: 44px; width: 44px; top:50%; margin:-22px 0 0;}

.slick-prev { left:10px; background:url(../images/btn_slide_prev_pc.png) no-repeat center center; background-size:44px 44px; }
[dir="rtl"] .slick-prev { left: auto; right:10px; }

.slick-next { right:10px; background:url(../images/btn_slide_next_pc.png) no-repeat center center; background-size:44px 44px; }
[dir="rtl"] .slick-next { left:10px; right: auto; }

/* Dots */
.slick-dots { display:none !important;}

#mainImg {
	width:696px !important;
	height:520px !important;
	max-height:520px !important;
	margin:0 auto;
	padding:0 0 0;
	overflow:hidden;
	float:right;
}
#mainImg .mainImg {
  width:696px !important;
  height: 380px !important;
  opacity:1;
}

#mainImg .bnrimg {
	padding-bottom: 40px;
}

#mainSlide {
  width: 696px !important;
  height: 380px !important;
  overflow: hidden;

}

#newMain {
	margin:0;
  padding:20px 0;
  background: url(../images/bg_content.png) repeat 0 0;
}
#newMain .newInner {
	width:980px !important;
	margin:0 auto;
	position:relative;
}
.newInner:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.newInner { display: block; zoom: 1; }

/* 2019.01.11更新 */
.yoyakuEntry #optionBox, .yoyakuEntry #classBox {
	position:static;
	margin:10px 0 0;
}
.yoyakuEntry #optionBox .boxArrow, .yoyakuEntry #classBox .boxArrow {
	position:absolute;
	top:0;
	right:-23px;
	display: none;
	opacity:0;
	transition: all ease 0.5s;
}
.yoyakuEntry #optionBox.open .boxArrow, .yoyakuEntry #classBox.open .boxArrow {
	display: block;
	opacity:1;
}
.yoyakuEntry .optionArea, .yoyakuEntry .classArea {
	width:697px;
	position: absolute;
	top:-28px;
	left:254px;
	padding:0 0 0 25px;
	z-index:9999;
	overflow: visible !important;
}
.yoyakuEntry .optionArea {
	max-height:636px;
}
.yoyakuEntry .classArea {
	max-height:910px;
	width:697px;
	position: absolute;
	top:-28px;
	left:254px;
	padding:0 0 0 25px;
	z-index:9999;
}

.yoyakuEntry .optionArea .inner, .yoyakuEntry .classArea .inner {
	width:697px !important;
	padding:16px 11px;
	background:#fff;
	border:solid 1px #99c423;
	border-radius:6px;
	opacity:0;
	transition: all ease 0.5s;
	box-sizing: border-box;
}
.yoyakuEntry #optionBox.open .optionArea .inner, .yoyakuEntry #classBox.open .classArea .inner {
	opacity:1;
}

#yoyakuForm {
	width:270px;
	padding:0 0 3px;
	background:url(../images/bg_head_shadow.png) no-repeat center bottom;
	background-size:256px 5px;
	position:relative;
	float:left;
}
#yoyakuForm h2 {
	width:270px;
}
#yoyakuForm .bgBoxShadow {
	width:270px;
}
#yoyakuForm .box {
  padding: 8px 5px 0px;
	z-index: auto;
}
#yoyakuForm select {
	padding: 4px 9px;
  margin: 0 0 5px;
}
#yoyakuForm h2 {
  font-size: 16px;
  line-height: 20px;
  padding:4px 0;
}
#yoyakuForm .box h4, #optionBox h4#topOptionTitle, #classBox h4#topClassTitle {
  font-size: 14px;
	line-height: 20px;
	font-weight:normal;
	margin: 0 0 10px;
  padding: 0 0 0 26px;
	background-size: 20px auto;
}
#optionBox h4#topOptionTitle {
	margin:10px 0 0;
}
h4#topOptionTitle .opBtnText, h4#topClassTitle .opBtnText {
	display: none;
}
#yoyakuForm .box h4 {
	margin: 0 0 5px;
}

#optionBox h4#topOptionTitle, #optionBox.open h4#topOptionTitle {
	margin: 0;
	position: relative;
  background: url(../images/ico_op_check.png) no-repeat 0 0;
	background-size: 20px auto;
	z-index:99999;
}

#classBox h4#topClassTitle, #classBox.open h4#topClassTitle {
	position: relative;
  background: url(../images/ico_car_g.png) no-repeat 0 0;
	background-size: 20px auto;
	z-index:99999;
}
#optionBox h4#opTitle, #classBox h4#clTitle {
	font-size:20px;
	line-height:34px;
	padding:0 0 3px 42px;
  margin: 0 0 15px;
}
#optionBox h4#opTitle {
	margin-right:10px;
	background: url(../images/ico_op_check.png) no-repeat 0 0;
  background-size:34px auto;
	float: left;
}
#classBox h4#clTitle {
  background: url(../images/ico_car_g.png) no-repeat 0 0;
  background-size:34px auto;
	float:left;
}
.opBtn {
	position: relative;
	top:0;
	right:0;
	float: right;
	cursor: pointer;
}
.open .opBtn {
	display: block;
}
#optionClose.closeBtn {
	display: block;
}
#classClose.closeBtn {
	position: absolute;
	bottom:16px;
	right:11px;
	float: none;
	display: block;
}
.yoyakuEntry .typeLine {
	clear:both;
}
.yoyakuEntry .typebox {
	width:326px;
}
.yoyakuEntry p.classDetail {
	top:26px;
	display:none;
	opacity:0;
	transition: all ease 1s;
	min-width:230px;
	margin-top:10px;
	position: relative;
	top:0;
	right:0;
	float:right;
}
.yoyakuEntry #classBox.open p.classDetail {
	display:block;
	opacity:1;
}
#opTitle.pc, #clTitle.pc {
	display:block !important;
}


#yoyakuForm #dept {
  margin: 0 0 5px;
}
#yoyakuForm .cal .calendarBtn, #yoyakuForm .cal select {
  margin: 0 0 5px;
}
#yoyakuForm .submitBtn {
  padding: 10px 0;
}
#yoyakuForm .noBtn {
  padding: 10px 0;
}#yoyakuForm .noBtn {
  padding: 10px 0;
}#yoyakuForm .submitBtn button {
	font-size:16px;
	font-weight: normal;
	line-height:20px;
	padding:4px 0;
	transition: all ease 0.3s;
}
#yoyakuForm .submitBtn button:hover {
	opacity: 0.7;
}


#yoyakuForm .submitBtn button .ico_submit {
  padding: 0 0 0 18px;
  background: url(/common/images/ico_check.png) no-repeat 0 0;
  background-size: 13px auto;
}
#yoyakuForm #noBtn .ico_submit {
  padding: 0 0 0 18px;
  background: url(/common/images/ico_check.png) no-repeat 0 0;
  background-size: 13px auto;
}
#yoyakuForm #noBtn .ico_submit_houjin {
  background: url(/common/images/ico_check_o.png) no-repeat 0 0;
  background-size: 13px auto;
}
#yoyakuForm #houjinBtn button .ico_submit {
  background: url(/common/images/ico_check_o.png) no-repeat 0 0;
  background-size: 13px auto;
}
#yoyakuForm .cal .leftInput {
	width:60%;
}
#yoyakuForm .cal .rightInput {
	width:40%;
}


/************************************************************************************
CONTENT
*************************************************************************************/
#topContent {
	width:980px;
	padding:20px 0 5px;
}
#bottContent {
	width:980px;
	margin:0 auto;
}


/*左サイド*/
#leftSide {
	width:730px;
	float:left;
	clear:none;
}

#bigBanner {
	width:730px;
	margin:0 0 15px;
}

/* 2カラム */
#bigBannerArea {
	padding:0;
}

.secBanner {
	width:730px;
	margin:0 0 15px;
}
.secBanner li {
	width:355px;
	padding:0 0 2px;
}
.secBanner li:first-child {
	padding:0 20px 2px 0;
	box-sizing:content-box;
}


/*右サイド*/
#rightSide {
	width:230px;
	float:right;
	clear:none;
}
#bannerArea {
	width:100%;
	display:block;
}
#bannerArea li {
	width:230px;
	padding:0 0 3px;
	margin:0 0 17px;
	display:block;
}


/*ticketBnr*/
#bannerArea #ticketBnr {
	width:230px;
	background-size:230px 5px !important;
}
#bannerArea #ticketBnr p {
	width:230px;
	padding:15px 4px;
}
#bannerArea #ticketBnr p a img {
	height:38px;
}

/*キャンペーン*/
#cmpBlock {
	height:auto !important;
  display:block !important;
}
#campaignArea {
	width:750px;
	margin:32px 0 10px;
	float:left;
}
#campaignArea h2 {
	margin:0 20px 20px 0;
	cursor: default;
}
#campaignArea h2 .opener {
  background:none !important;
}
#campaignArea h2 img {
	width:auto;
	height:50px;
}
#campaignArea ul li {
	width:230px;
	margin:0 20px 18px 0;
	padding:0 0 2px;
	float:left;
	background:url(../images/bg_head_shadow.png) no-repeat center bottom;
	background-size:230px 5px;
	opacity:1;
	transition:all 0.3s ease;
}
#campaignArea ul li:hover {
	opacity:0.7;
}
#campaignArea ul li a {
	height:200px;
	padding:20px 0 10px;
}
#campaignArea ul li a .image {
	width:220px;
	height:120px;
	padding:0 5px 10px;
	float:none;
	clear:both;
}
#campaignArea ul li a h3 {
	font-size:14px;
	line-height:20px;
	padding:0 8px;
	height:auto;
	display:block;
	vertical-align:top;
}
#campaignArea ul li a h3 .br {
	display:inline;
}
#campaignArea ul li a p {
	font-size:10px;
	right:5px;
	bottom:auto;
	top:5px;
}

/*#campaignArea .ichiran {
	top:18px;
	right:15px;
}*/

/* INFORMATION */
#informationArea {
	padding:0 0 2px;
	margin:0 0 10px;
	clear:both;
	background:url(../images/bg_head_shadow.png) no-repeat center bottom;
	background-size:230px 5px;
}
#infoHeader {
	cursor:default;
	border-radius:3px 3px 0 0;
}
#infoHeader h2 .opener {
	background:none !important;
}
#infoHeader h2 img {
  height: 28px;
}
#infoList {
	height:auto !important;
  display:block !important;
	padding:10px 10px 10px;
}
#infoList section {
	padding:9px 5px 10px;
}
#infoList section a {
	padding:0 0 0 158px;
	position: relative;
}
#infoList section a h3 {
	width:11em;
	font-size:14px;
	line-height:20px;
	margin:0 0 2px;
	position: absolute;
	left:0;
}
#infoList section a p {
	font-size:14px;
	line-height:20px;
	margin:0;
}

#infoList #ichiran, #campaignArea .ichiran {
	font-size:12px;
	line-height:18px;
	padding:5px 5px 0 0;
}
#infoList #ichiran a, #campaignArea .ichiran a {
	padding:0 0 0 16px;
	background:url(../images/ico_link_g_next.png) no-repeat 0 center;
	background-size:12px auto;
}


#campaignArea p.ichiranBtn {
  margin:0;
  position: absolute;
  top: 22px;
  right: 35px;
}



}