@charset "utf-8";
/* リセット
------------------------------------- */
* {
	margin:0;
	padding:0;
}

table {border-spacing:0; border-collapse:collapse;}
* html table {border-collapse:collapse;}
*:first-child+html table {border-collapse:collapse;}
caption,th {text-align:left; font-weight:normal;}
table,th,td,img {border:0;}
img,input {vertical-align:middle;}
q:before,q:after {content:'';}
ul {list-style: none;}

hr,
legend,
caption {display:none;}

img {border:0; vertical-align:top;}

a:focus { outline:none;}

/* アルファボタン設定 タグ設定
------------------------------------- */
a:hover .alpha,
input.alpha:hover {
	opacity:0.80;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	zoom:1;
}

/* 基本設定
------------------------------------- */
html { font-size: 62.5%; } 
body {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:1.7;
	color:#000;
	background:#cbbcad;
}
#wrapper {
	min-width:980px;
}
.layout {
	width:980px;
	margin:0 auto;
	position:relative;
	top:0;
	left:0;
}
#header {
	height:634px;
	position:relative;
}
#slideBox {
	width: 100%;
	height: 634px;
	overflow: hidden;
	position: absolute;
}
#slideBox .slideList {
	width:100000px;
}
#slideBox .slideList li {
	float:left;
	width:1700px;/*windowサイズ*/
	height:634px;
}
#header .slideList .item01 {
	background:url(../img/slide14.jpg) center 0 no-repeat #cbbcad;
}
#header .slideList .item02 {
	background:url(../img/slide15.jpg) center 0 no-repeat #cbbcad;
}
#header .slideList .item03 {
	background:url(../img/slide03.jpg) center 0 no-repeat #cbbcad;
}
#slideBox .slideList li,
#slideBox .slideList li a {
	display:block;
	height:634px;
}
#header .layout {
	line-height:1;
	width:100%;
	min-width:980px;
	position:absolute;
}
.social {
	position:absolute;
	top:20px;
	left:10px;
}
.social li {
	float:left;
	margin-left:10px;
}
.slideNav {
	width:100%;
	margin:0 auto;
	position:absolute;
	text-align:center;
	top:610px;
	pointer-events:none;
	display: block;
}
.slideNav img {
	padding:0 5px;
	cursor:pointer;
	pointer-events:auto;
}
#gNav {
	background:url(../img/bg_gnav.jpg) center 0 repeat-y;
	font-size:0;
	padding-top:18px;
	height:72px;
}
#gNav li {
	float:left;
	margin-right:16px;
}
#gNav li.item04 {
	margin-right:0;
}
#banMovie {
	background:url(../img/bg_movie.gif) center 0 repeat-y;
	text-align:center;
	padding:19px 0 33px;
}
#about {
	background:url(../img/bg05.jpg) center 0 no-repeat;
	height:1507px;
	position:relative;
	overflow:hidden;
}
#about .animBox {
	position:relative;
}
#about .animBoxItem {
	position:absolute;
}
#about .txtItem01 {
	width:100%;
	text-align:center;
	padding-top:44px;
}
#about .txtItem02 {
	width:100%;
	text-align:center;
	margin-top: -37px;
}
#about .txtItem03 {
	top:350px;
	left:290px;
}
#about .txtItem04 {
	top:420px;
	left:324px;
}
#about .txtItem05 {
	top:494px;
	left:341px;
}
#about .txtItem06 {
	top:568px;
	left:334px;
}
#about .txtItem07 {
	top:633px;
	left:349px;
}
#about .txtItem08 {
	top:597px;
	left:579px;
}
#about .txtItem09 {
	top:1191px;
	left:709px;
}
#about .txtItem10 {
	top:1418px;
	left:161px;
}
#about .txtItem11 {
	top:1681px;
	left:132px;
}
#about .txtItem12 {
	top:1888px;
	left:472px;
}
#lineup {
	padding:100px 0 74px;
	background:url(../img/bg_lineup_c.jpg) center 0 no-repeat;
}
#about .item01 {
	position:absolute;
	top:813px;
	left:115px;
	z-index: 2;
}
#about .item02 {
	position:absolute;
	top:813px;
	left:515px;
	z-index: 2;
}
#about .item03 {
	position:absolute;
	top:1435px;
	left:633px;
}
#about .item04 {
	position:absolute;
	top:1516px;
	left:734px;
}
.bitterTtl {
	height: 768px;
	width: 940px;
	background: url(../img/bitter_bg.png) 0 bottom no-repeat;
	margin: 163px auto;
	padding-left: 176px;
	box-sizing: border-box;
}
#lineup .item03,
#lineup .item04 {
	float:left;
}
#lineup .price {
	position:absolute;
	top:10px;
	right:-3px;
}
#ancCoupon {
	text-align:center;
	background:url(../img/bg_red.gif) center 0 repeat-y;
	width:100%;
	padding:50px 0 50px 0;
}
.brownBg {
	background:url(../img/bg_brown.gif) center 0 repeat-y;
	height:18px;
}
#movieArea {
	background:url(../img/bg_movie02.gif) center 0 repeat-y;
	padding:97px 0 94px;
}
#movieArea .movieBox {
	width:880px;
	margin:0 auto;
	padding-bottom:93px;
	background:#fff;
	text-align:center;
}
#movieArea .txt {
	font-size:18px;
	color:#380f04;
	margin:20px 0 36px;
}
#movieArea .movieCover {
	position:relative;
	border:10px solid #380f04;
	width:680px;
	height:383px;
	margin:0 auto 0;
}
#movieArea .movieCover .fukidashi {
	position:absolute;
	top:-38px;
	right:-58px;
}
#movieArea .credit {
	width:700px;
	margin:0 auto;
	text-align:left;
	color:#aea5a4;
	font-size:9px;
	line-height:1.2;
}
#coupon {
	background:url(../img/bg_slant.gif) 0 0 repeat;
	text-align:center;
}
#coupon .bgTop {
	background:url(../img/bg_sankaku01.png) 0 0 repeat-x;
	height:12px;
	width:100%;
	border-top:33px solid #ba1628;
}
#coupon .bgBottom {
	background:url(../img/bg_sankaku02.png) 0 0 repeat-x;
	height:12px;
	width:100%;
}
#coupon .ttl01 {
	padding:54px 0 33px 0;
}
#coupon .txt01 {
	padding:29px 0 14px 0;
}
#submitBox {
	background:url(../img/bg_dotto.png) 0 0 repeat-x;
	margin-top:39px;
	padding:44px 0 54px;
}
.mailForm,
.mailTxt {
	text-align:left;
	padding-left:50px;
}
.mailForm {
	margin:36px 0 10px 0;
}
.mailForm input.mailAddress {
	border:3px solid #ba1628;
	border-radius:10px;
	font-size:29px;
	height:67px;
	width:735px;
	padding:0 20px;
	margin-right:9px;
	box-shadow:0 0 3px rgba(0,0,0,0.1) inset;
	outline:none;
}
.mailTxt {
	font-size:11px;
}
#couponExplanation {
	background:#ba1628;
	color:#fff;
	font-size:14px;
	padding:38px 0;
}
#couponExplanation li {
	text-indent:-1em;
	margin-left:1em;
}
#couponExplanation .leftList {
	float:left;
	padding-left:50px;
	padding-right:5px;
	width:435px;
}
#couponExplanation .rightList {
	float:left;
	width:470px;
}
#searchShop {
	background:url(../img/bg_bar.gif) 0 bottom repeat-x #e3d1c3;
	text-align:center;
	padding:50px 0 70px;
}
#appli {
	padding:92px 0 0;
	background:#fff;
}
#appli .inBox {
	padding:0 0 38px 73px;
	/*background:url(../img/app_img01.jpg) right 0 no-repeat;*/
	position:relative;
}
#appli .txt {
	padding:54px 0 27px;
}
#appli ul {
	font-size:0;
	margin-left:86px;
}
#appli ul li {
	float:left;
	text-align:left;
}
#appli ul li.item01 {
	width:188px;
}
#appli ul li.item02 {
	width:174px;
}
#appli .moreAppli {
	padding-top:49px;
}
#appli .appImg {
	position:absolute;
	top:-42px;
	right:0;
}
#pageTop {
	text-align:right;
	background:url(../img/bg_bar.gif) 0 bottom repeat-x #fff;
}
#fNav {
	background:#422d1c;
	font-size:11px;
	color:#9a8d81;
	padding:30px 0 34px;
}
#fNav a {
	color:#9a8d81;
}
#fNav a:hover {
	text-decoration:none;
}
#fNav ul li {
	float:left;
	margin-right:20px;
	margin-top:18px;
}
#fNav ul li.item01 {
	float:left;
	margin-right:19px;
}
#fNav ul li.item04 {
	float:left;
	margin-right:0;
}
#footer {
	font-size:11px;
	color:#fff;
	line-height:1;
	background:#ba1628;
	padding:10px 0;
	text-align:center;
}
/* summer2017
------------------------------------- */
#banArea {
	background:url(../img/bg_danceban.jpg) center 0 no-repeat;
	height:231px;
	text-align:center;
}
#banArea p {
	padding:35px 0 0 10px;
	margin:0 auto;
}
#summer2017 {
	background:url(../img/bg_campaign.jpg) 0 0 no-repeat;
	height:2203px;
	padding-top:100px;
}
#summer2017 .summerBox {
	background:url(../img/bg_campaign_shadow.png) 20px 20px no-repeat;
	padding:0 20px 20px 0;
	width:980px;
	margin:0 auto 60px;
	position:relative;
	left:10px;
}
#summer2017 .summerArrow {
	position:absolute;
	top:-150px;
	left:176px;
}
#summer2017 .summerBox .bodyBox {
	background:#fff;
	width:980px;
}
#summer2017 .summerBox.box01 .bodyBox {
	padding-bottom:42px;
}
#summer2017 .summerBox.box01 ul {
	width:913px;
	margin:-7px auto 0;
}
#summer2017 .summerBox.box01 ul li {
	float:left;
	width:295px;
	margin-right:14px;
}
#summer2017 .summerBox.box01 ul li:last-child {
	margin-right:0;
}
#summer2017 .summerBox.box01 ul li .body {
	width:275px;
	background:#fff600;
	height:496px;
	padding:0 10px 10px;
	position:relative;
}
#summer2017 .summerBox.box01 ul li .btnObj {
	background:#fff;
	padding:21px 0 0 20px;
}
#summer2017 .summerBox.box01 ul li.item02 .body {
	height:513px;
}
#summer2017 .summerBox.box01 ul li.item03 .img {
	position:absolute;
	bottom:11px;
	right:-31px;
}
#summer2017 .summerBox.box02 .lead {
	margin-bottom:42px;
	text-align:center;
}
#summer2017 .summerBox.box02 ul {
	margin:0 0 48px 34px;
}
#summer2017 .summerBox.box02 ul li {
	float:left;
	width:292px;
	margin-right:17px;
	text-align:center;
}
#summer2017 .letsDanceArea {
	background:#fff600;
	text-align:center;
}
#summer2017 .letsDanceArea .btnObj {
	padding:17px 0 26px;
}
.modal {
	background:url(../img/summer_float_bg.png) 0 0 repeat;
	height:100vh;
	width:100%;
	position:fixed;
	top:0;
	left:0;
	display:none;
}
.modal .modalBody {
	width:980px;
	margin:0 auto;
	position:relative;
	top:50%;
	transform:translateY(-50%);
}
.modal .txt {
	color:#fff;
	font-size:26px;
	font-style:italic;
	font-weight:bold;
	font-family:YuGothic,'Yu Gothic',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin-bottom:12px;
	margin-left:81px;
	padding-right:40px;
	line-height:1.4;
}
.modal .movieBox {
	text-align:center;
}
.modal .controller {
	font-size:0;
	margin:20px 0 0 155px;
}
#modal01.modal .controller {
	margin:40px 0 0 0;
	text-align:center;
}
.modal .controller ul,
.modal .controller li,
.modal .controller p {
	display:inline-block;
}
.modal .controller li {
	margin-right:30px;
}
.modal .controller li:last-child {
	margin-right:39px;
	padding-right:41px;
	background:url(../img/summer_float_line.gif) right center no-repeat;
}
.modal .controller p {
	margin-top:1px;
}


.modal .modlaClose {
	position:absolute;
	top:0;
	right:0;
}

.summerBox ul:after {
	content : '';
	display : block;
	clear : both;
	height: 0;
}

/* clearfix
------------------------------------- */
.clearfix:after,
#gNav ul:after,
#about:after,
#lineup:after,
.layout:after,
.social:after,
#appli ul:after {
	content : '';
	display : block;
	clear : both;
	height: 0;
}
.clearfix,
#gNav ul,
#about,
#lineup,
.layout,
.social,
#appli ul {
	*zoom: 1;
}


.zoomdisp{
	opacity:0;
}