/*
div,h1,h2,h3,ul,li{
border: 1px dashed rgba(242,129,255,0.38);
}
p{
border: 1px dashed rgba(0,0,0,0.2);
}
*/
/*
img{
border: 1px dashed rgba(0,110,255,0.3);
}
a{
border: 1px dashed rgba(255,0,0,0.10);
}
*/



/*--

	Index Ele

====================================================== --*/
.index{
	width: 100%;
	position:relative;
	padding:45px 0px 0px;
}


/*-- important --*/
/*-- ------------------------------------------------- --*/
#important dl {
	width:523px;
	margin:0px 0px 0px -374px;
	background:url(../../images/top/important_bg.png) no-repeat left top;
	height:62px;
	height:64px;/*★★★*/
	position:absolute;
	z-index:10;
	padding:9px 0px 0px 225px;
	padding-top: 14px;/*★★★*/
	left:50%;
	top:0px;
	top:-16px;/*★★★*/
	font-size: 12px;
}
#important dt {
	color:#342e11;
	font-weight:normal;
	width: 9em;
	margin: 0;
	padding: 0;
	float: left;
	line-height: 15px;
	line-height: 13px;/*★★★*/
}
#important dd {
	color:#342e11;
	margin: 0 80px 0px 9em;
	padding: 0;
	line-height: 15px;
	line-height: 13px;/*★★★*/
}
#important dd p {
	height: auto;
	margin: 0;
	overflow: hidden;
	display: inline-block;
	line-height: 15px;
}
#important dd p:before
#important dd p:after {
	display: none;
}
#important dd p a {
	text-decoration: underline;
}
#important dd p a:hover {
	opacity: 0.8;
}




/*----------------
#important dt {
	color:#342e11;
	font-weight:normal;
	width: em;
	margin: 0;
	padding: 0;
	line-height: 16px;
	float: none;
}
#important dd {
	color:#342e11;
	margin: -16px 80px 0px 9em;
	padding: 0;
	line-height:1.4em;
	z-index: 2;
}
#important dd p {
	height: 32px;
	margin: 0;
	overflow: hidden;
	position: relative;
}
#important dd p:before, #important dd p:after {
	position: absolute;
	background: #fff;
	z-index: 3;
}
#important dd p:before {
	content: "…" !important;
	bottom: 0;
	right: 0;
}
#important dd p:after {
	content: "";
	width: 100%;
	height: 100%;
}


#important dd p:hover {
	height: auto;
	overflow: visible;
}
#important dd p:hover:before, #important dd p:hover:after {
	content: "";
	background: none;
	width: 0;
	height: 0;
}
#important dd a {
	display: block;
	color:#000;
	line-height: 16px;
}

#important dd a:hover{
	color:#444;
	background: rgba(255,255,255,0.7);
}
---------/*


/*-- mainVisual --*/
/*-- ------------------------------------------------- --*/
.index .mainVisual{
	width:100%;
	background:url(../../images/top/mainvisual_bg.jpg) no-repeat 50% 56px;
	background:url(../../images/top/mainvisual_bg.jpg) no-repeat center top;/*★★★*/
	height:539px;
	position:relative;
	z-index:1;
	margin:0px 0px 40px;
}
.index .mainVisual .frame{
	background:url(../../images/top/mainvisual_frame.png) no-repeat center top;
	width:900px;
	height:506px;
	position:relative;
	z-index:1;
	padding:22px 35px;
	margin:0px auto;
}
.index .mainVisual .frame div{
	width:900px;
	height:506px;
	overflow:hidden;
}
.index .mainVisual .frame div ul{
	margin:0px 0px 0px;
	width:900px;
	height:506px;
	position:relative;
}
.index .mainVisual .frame div ul li{
	position:absolute;
	left:0px;
	top:0px;
	z-index:1;

}
.index .mainVisual .frame div ul a{
	display:block;
	width:900px;
	height:506px;
	position:relative;
}
.index .mainVisual .frame div ul li:first-child{
	z-index:10;
}
.index .mainVisual .thums{
	position:absolute;
	left:50%;
	bottom:0px;
	z-index:10;
	padding:13px 0px 0px 45px;
	margin:0px 0px 0px -306px;
	background:url(../../images/top/mainvisual_thum_bg.png) no-repeat left top;
	width:567px;
	height:81px;
}
.index .mainVisual .thums div.wrap{
	width:517px;
	height:66px;
	overflow:hidden;
}
.index .mainVisual .thums div.wrap ul{
	width:10000px;

}
.index .mainVisual .thums div.wrap ul li{
	float:left;
	width:133px;
	height:66px;
	background:url(../../images/top/mainvisual_thum_li_bg.gif) no-repeat 100% 30px;
}
.index .mainVisual .thums div.wrap ul li a{
	background:url(../../images/top/mainvisual_thum_li_bg.jpg) no-repeat left top;
	display:block;
	width:117px;
	height:60px;
	margin:0px auto 0px 0px;
	padding:4px 2px 2px 4px;
}

.index .mainVisual .thums .prev,
.index .mainVisual .thums .next{
	position:absolute;
	left:33px;
	display:none;
	width:12px;
	height:12px;
	bottom:40px;
	z-index:20;
}
.index .mainVisual .thums .next{
	left:auto;
	right:33px;
}
.index .mainVisual .thums .current{
	position:absolute;
	left:49px;
	width:117px;
	height:80px;
	top:-3px;
	z-index:20;
}
.index .infoList .newsttl {
	padding-left: 0;
	margin-bottom: 0;
}
.index .infoList .newsttl a {
    font-size: inherit;
    font-weight: normal;
}
.index .infoList dd a:before {
	display: none;
}
.index .infoImage dt a,
.index .infoList dd a {
	color: inherit;
	text-decoration: none;
}

/*-- bn --*/
/*-- ------------------------------------------------- --*/
.index div.bn{
	text-align:center;
	margin:0px 0px 9px;
}



/*-- contentsWrap --*/
/*-- ------------------------------------------------- --*/
.index .contentsWrap{
	background:url(../../images/top/contents_list_bg.png) repeat-x 0px 339px;
	height:521px;
	width:100%;
	margin:0px 0px 55px;
}
.index .contentsWrap ul{
	width:987px;
	margin:0px auto;
}
.index .contentsWrap ul li{
	float:left;
	position:relative;
	width:329px;
	height:521px;
	background:url(../../images/top/contents_list_li_bg.png) no-repeat 50% 11px;
	font-size:1px;
}
.index .contentsWrap ul li h2{
	text-align:center;
	margin:0px 0px 13px;
}
.index .contentsWrap ul li p{
	margin:0px 0px 11px;
	text-align:center;
}
.index .contentsWrap ul li .more{
	position:absolute;
	bottom:10px;
	left:50%;
	margin:0px 0px 0px -80px;
}

.index .contentsWrap ul li.attraction ul{
	width:250px;
	height:260px;
	overflow:hidden;
	margin:-10px auto;
	padding:13px 0px 0px 3px;
	/*background:url(../../images/top/attraction_bg.png) no-repeat left 10px;*/
	background:url(../../images/top/attraction_bg.png) no-repeat left 10px;
}


.index .contentsWrap ul li.attraction ul li{
	padding:0px;
	margin:0px 1px 1px 0px;
	width:61px;
	height:61px;
	background:none;
	position:static;
}
.index .contentsWrap ul li.attraction ul li:hover{
}
.index .contentsWrap ul li.attraction ul li a{
	display:block;
	width:61px;
	position:relative;
	height:61px;
	z-index:10;
}

.index .contentsWrap ul li.attraction ul li a:hover{
	z-index:50;
}
.index .contentsWrap ul li.attraction .detail{
	position:absolute;
	z-index:100;
	left:50%;
	top:50%;
	width:544px;
	padding:22px;
	height:369px;
	display:none;
	margin:-207px 0px 0px -294px;
	background:url(../../images/top/attraction_detail_bg.png) no-repeat left top;
}
.index .contentsWrap ul li.attraction .detail p{
	background:url(../../images/top/attraction_text.png) repeat left top;
	color:#fff;
	font-size:12px;
	line-height:20px;
	display:block;
	position:absolute;
	left:22px;
	padding:13px 0px 0px 15px;
	bottom:22px;
	text-align:left;
	margin:0px;
	width:529px;
	height:54px;
	z-index:1;
}
.index .contentsWrap ul li.attraction .detail p strong{
	font-weight:bold;
	font-size:15px;
	color:#FDD100;
}
.index .contentsWrap ul li.attraction .detail p span{
	display:inline-block;
	border:1px solid #fdd100;
	color:#FDD100;
	border-radius:3px;
	font-size:12px;
	font-weight:normal;
	vertical-align:2px;
	margin:0px 10px 5px 0px;
	line-height:16px;
	padding:2px 10px 0px;

}
.index .contentsWrap ul li.attraction .detail .close{
	display:block;
	position:absolute;
	right:4px;
	top:3px;
	z-index:10;
}
.index .contentsWrap ul li.attraction .detail .close a{
	display:block;
	width:34px;
	height:34px;
	position:static;
}
.index .contentsWrap ul li.attraction .detail a{
	display:block;
	position:absolute;
	right:30px;
	bottom:40px;
	width:120px;
	height:30px;
	z-index:10;
}
.index .contentsWrap ul li.attraction .detail .time{
	background:url(../../images/top/attraction_time.png) no-repeat right top;
	position:absolute;
	padding:10px 0px 0px;
	left:32px;
	top:19px;
	width:104px;
	height:46px;
	line-height:20px;
	text-align:center;
	color:#FDD100;
	font-size:12px;
	z-index:10;
}
.index .contentsWrap ul li.attraction .detail .time span{
	font-size:15px;
}

.index .contentsWrap ul li ul{
	width:auto;
}
.index .contentsWrap ul li.food ul,
.index .contentsWrap ul li.event ul{
	overflow:hidden;
}
.index .contentsWrap ul li.food li,
.index .contentsWrap ul li.event li{
	float:none;
	padding:6px;
	margin:0px auto 10px;
	width:244px;
	height:70px;
	background:url(../../images/top/event_bn_bg.png) no-repeat left top;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.index .contentsWrap ul li li{
	overflow:hidden;
}
}
.index .contentsWrap ul li.food li a,
.index .contentsWrap ul li.event li a{
	display:block;
	width:244px;
	position:relative;
	height:70px;
	background:#aaa;
}
.index .contentsWrap ul li.attraction li a img,
.index .contentsWrap ul li.food li a img,
.index .contentsWrap ul li.event li a img{
	display:block;
	-webkit-transform-style:preserve-3d;
	transform-style:preserve-3d;
	position:absolute;
	top:0px;
	left:0px;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
        -webkit-transition: all 300ms ease;
	-webkit-transform:rotateX(0deg) translateZ(30px);
        transition: all 300ms ease;
	transform:rotateX(0deg) translateZ(30px);
	z-index:5;
}
.index .contentsWrap ul li.attraction li a:hover img,
.index .contentsWrap ul li.food li a:hover img,
.index .contentsWrap ul li.event li a:hover img{
	-webkit-transform:rotateX(180deg) translateZ(30px);
	transform:rotateX(180deg) translateZ(30px);
}

.index .contentsWrap ul li.attraction li a img.bnBack,
.index .contentsWrap ul li.food li a img.bnBack,
.index .contentsWrap ul li.event li a img.bnBack{
	-webkit-transform:rotateX(-180deg) translateZ(30px);
	transform:rotateX(-180deg) translateZ(30px);
	z-index:1;
}
.index .contentsWrap ul li.attraction li a img.bnBack,
.index .contentsWrap ul li.food li a img.bnBack,
.index .contentsWrap ul li.event li a img.bnBack{
}
.index .contentsWrap ul li.attraction li a:hover img.bnBack,
.index .contentsWrap ul li.food li a:hover img.bnBack,
.index .contentsWrap ul li.event li a:hover img.bnBack{
	-webkit-transform:rotateX(0deg) translateZ(30px);
	transform:rotateX(0deg) translateZ(30px);
	z-index:6;
}
.index .contentsWrap ul li.attraction li a img.bnSide,
.index .contentsWrap ul li.food li a img.bnSide,
.index .contentsWrap ul li.event li a img.bnSide{
	-webkit-transform:rotateX(-90deg) translateZ(30px);
	transform:rotateX(-90deg) translateZ(30px);
}
.index .contentsWrap ul li.attraction li a:hover img.bnSide,
.index .contentsWrap ul li.food li a:hover img.bnSide,
.index .contentsWrap ul li.event li a:hover img.bnSide{
	-webkit-transform:rotateX(90deg) translateZ(30px);
	transform:rotateX(90deg) translateZ(30px);
}


/*-- news --*/
/*-- ------------------------------------------------- --*/
.index .newsWrap{
	width:980px;
	height:326px;
	margin:0px auto 37px;
}
.index .newsWrap .news{
	width:741px;
	height:326px;
	background:url(../../images/top/news_bg.jpg) no-repeat left top;
	float:left;
}
.index .newsWrap .news h2{
	text-align:center;
	margin:0px 0px 5px;
	padding:20px 0px 0px;
}
.index .newsWrap .news .newsList{
	width:705px;
	margin:0px 0px 0px 24px;
	height:230px;
	overflow:auto;
}
.index .newsWrap .news .newsList li{
	line-height:1.6em;
	line-height:20px;
	position:relative;
	padding:15px 5px 13px 146px;
	background:url(../../images/top/news_line.gif) repeat-x left top;
}
.index .newsWrap .news .newsList li a{
	display:block;
	line-height:20px;
	position:relative;
	border-radius:3px;
	padding:3px 5px 3px 146px;
	margin:-3px -5px -3px -146px;
	color:#333;
	text-decoration:none;
}
.index .newsWrap .news .newsList li span{
	position:absolute;
	top:15px;
	left:5px;
}
.index .newsWrap .news .newsList li a span{
	top:3px;
}
.index .newsWrap .news .newsList li img{
	position:absolute;
	top:16px;
	left:86px;
}
.index .newsWrap .news .newsList li a img{
	top:4px;
}

.index .newsWrap .news .newsList li {
}
.index .newsWrap .news .newsList li a:hover{
	background:#F0E7C2;
}
.index .newsWrap .news .newsList li.food a:hover{
	background:#E7D6D2;
}
.index .newsWrap .news .newsList li.event a:hover{
	background:#DDD9D8;
}


.index .newsWrap .bn{
	float:right;
	width:219px;
	margin:1px 0px 0px;
}
.index .newsWrap .bn li{
	margin:0px 0px 12px;

}


/*-- sns --*/
/*-- ------------------------------------------------- --*/
.index .sns {
	width: 100%;
	display: table;
	margin-top: 30px;
}
.index .sns #twitter,
/*.index .sns #facebook, .index .sns #banner*/
.index .sns #instagram {
	display: table-cell;
	width: 50%;
/*width: 33%;*/
	text-align: center;
	vertical-align: top;
	padding: 30px;
}
.index .sns #twitter{
background: #3296ba; /* Old browsers */
/*★★★グラデ削除*/
background: #79c8f0;/*★★★*/
}
.index .sns #facebook{
background: #4c5e86; /* Old browsers */
background: -moz-linear-gradient(top,  #4c5e86 0%, #4b5d81 90%, #3b4966 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #4c5e86 0%,#4b5d81 90%,#3b4966 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #4c5e86 0%,#4b5d81 90%,#3b4966 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c5e86', endColorstr='#3b4966',GradientType=0 ); /* IE6-9 */
}
.index .sns .fb_iframe_widget{
background: transparent !important;
}
.index .sns #banner {
	background-color: #284096;
	background: #cfa7cd;/*★★★*/
}
/* xyz追記ここから 20231019 */
.index .sns #banner li + li {
	margin-top: 10px;
}
/* SNSエリア */
.sns #twitter > div {
	margin: auto !important;
}
.sns #instagram {
	background-color: #284096;
	background: #cfa7cd;/*★★★*/
}
.sns #instagram {
	background-color: #284096;
	background: #cfa7cd;/*★★★*/
}
.sns #instagram  a:hover {
	opacity: .8;
}
/* バナーエリア */
.index #banner {
	background-color: #364364;
	padding: 20px;
	text-align: center;
}
.index #banner .imgPC,
.index #banner .imgSP {
	margin: 0 auto;
}
.index #banner .imgPC {
	display: block;
}
.index #banner .imgSP {
	display: none;
}
.index #banner {
	background-color: #364364;
	padding: 30px 20px;
	text-align: center;
}
.index #banner .bnr-parks {
	align-items: center;
	background-color: #fff;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	margin: 0 auto 20px;
	max-width: 1000px;
	padding: 20px 40px;
}
.index #banner .bnr-parks p, ul,
.index #banner .bnr-parks * + ul {
	margin: 0;
}
.index #banner .bnr-parks ul {
	display: flex;
}    
.index #banner .bnr-parks li {
	font-size: 18px;
	font-weight: bold;
}
.index #banner .bnr-parks li a {
	border: 1px solid #4e4e4e;
	border-radius: 10px;
	color: #4e4e4e;
	display: flex;
	padding: .4em .6em .2em;
	text-decoration: none;
	white-space: nowrap;
}
.index #banner .bnr-parks li a::before {
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	display: block;
	height: 20px;
	margin: 2px 10px 0 0;
	width: 20px;
}
.index #banner .bnr-parks li a[href*="/about"]::before {
  background-image: url(/nj_assets_parks/images/ico_about_b.png);
}
.index #banner .bnr-parks li a[href*="login.html"]::before {
	background-image: url(/nj_assets_parks/images/ico_login_b.svg);
}
.index #banner .bnr-parks li + li {
	margin-left: 15px;
}
.index #banner .bnr-parks a:hover {
	opacity: .6;
}
@media only screen and (max-width: 600px) {
	.index #banner .imgPC {
		display: none;
	}
	.index #banner .imgSP {
		display: block;
	}
	.index #banner .bnr-parks {
		flex-direction: column;
	}
	.index #banner .bnr-parks ul {
		flex-direction: column;
		width: 90%;
	}
	.index #banner .bnr-parks li {
		margin-top: 15px;
	}
	.index #banner .bnr-parks li + li {
		margin-left: 0;
	}
	.index #banner .bnr-parks li a {
		justify-content: center;
	}
	.index #banner .bnr-parks li a[href*="login.html"]::before {
	  margin: 0 2.6em 0 -3em;
	}
}
/* xyz追記ここまで 20231019 */

/* event news*/
.bgSilver {
    margin: 0;
    padding: 20px 20px 30px;
}
.bgSilver>.clearfix {
    max-width: 980px;
    margin: 0 auto;
}
#eventInfo,
#topicsInfo {
    position: relative;
}
#Index .sideL,
#Index .sideR {
    max-width: 590px;
}
#Index .sideL {
    float: left;
}
#Index .sideR {
    float: right;
}
#Index .sideL,
#Index .sideR {
    width: 49%;
}

.infoHead {
    position: relative;
}
#eventInfo h2,
#topicsInfo h2 {
    position: relative;
    padding: .2em .2em .2em 48px;
    line-height: 1.6em;
}
#eventInfo h2:before,
#topicsInfo h2:before {
    position: absolute;
    top: 1em;
    left: 0;
    content: '';
    display: block;
    width: 40px;
    height: 40px;
    margin: -20px 0;
    vertical-align: top;
    background-image: url(../../../../shared/images/icon_type_a.png);
    background-repeat: no-repeat;
}
#eventInfo h2:before {
    background-position: 0 -150px;
}
#topicsInfo h2:before {
    background-position: -50px -150px;
}
#eventInfo .infoNav,
#topicsInfo .infoNav {
    top: auto;
    right: 0;
    bottom: 0;
    margin-top: -10px;
    position: absolute;
}
.infoNav li {
    float: left;
    margin: 0;
}
.infoNav li a {
	color: #333;
	font-size: 113%;
    float: left;
    margin-left: 20px;
    text-decoration: none;
}
.infoNav a[href*='feed.xml'],
.infoNav a[href*='rss.xml'] {
	position: relative;
	bottom: 0.3em;
	width: 20px;
	height: 20px;
	display: block;
	white-space: nowrap;
	text-indent: 100%;
	overflow: hidden;
	background: url(../../../../shared/images/icon_type_a.png) -210px -120px no-repeat;
}

#eventInfo .infoList,
#topicsInfo .infoList {
    margin-top: 10px;
    background-color: #fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.infoList dt {
    position: relative;
    float: left;
    line-height: 1.6em;
    padding: 20px 10px 0 20px;
    z-index: 1;
}
.infoList dd {
    position: relative;
    padding: 20px;
    z-index: 0;
}
.infoList .newsttl {
	padding-left: 20px;
	margin-bottom: 10px;
}
.infoList .newsttl a {
    position: relative;
    font-size: 14px;
	color: inherit;
}
.infoList dd a:before {
	position: absolute;
	left: -20px;
	content: "";
	display: block;
	width: 15px;
	height: 16px;
    background: url(../../images/press/mark.png) no-repeat left top;
}
.infoList *+dt,
.infoList *+dt+dd {
    margin-top: 0 !important;
}
#eventInfo .infoList dd:nth-child(4n+4),
#topicsInfo .infoList dd:nth-child(4n+4) {
    background-color: #f1e5f0;/*★★★#ebebeb ＞ #f1e5f0*/
}
#eventInfo .infoList dd,
#topicsInfo .infoList dd{background-color: #f8f2f7;}/*★★★新規追加*/
.infoImage dt,
.infoImage dd {
    padding-left: 158px;
    padding-right: 20px;
}
.infoImage dt {
	width: 100%;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box
}
.infoImage dt a {
	color: #333;
}
.infoImage dd {
    min-height: 72px;
    border-style: none;
}
.infoImage figure {
	clear: left;
    position: absolute;
    margin-top: 0;
    overflow: hidden;
    left: 20px;
    top: 20px;
    width: 126px;
    height: 72px;
}
.infoImage figure img {
    position: absolute;
    top: -100%;
    bottom: -100%;
    left: -1px;
    right: -1px;
    margin: auto;
}
.infoImage figure img {
    display: block;
}
.infoImage .categoryList a {
	font-weight: normal;
}
#Event .infoImage dd {
    min-height: 120px;
}
#Event .infoImage dt,
#Event .infoImage dd {
    padding-left: 242px;
}
#Event .infoImage figure {
    width: 210px;
    height: 120px;
}

.categoryList {
    display: inline-block;
    margin-top: -5px;
}
.categoryList li {
    display: block;
    float: left;
    margin: 5px 5px 0 0;
 /* font-size: 0.86em;*/
    line-height: 1.6em;
}
.categoryList a {
    position: relative;
    display: block;
    padding: 0 .5em;
    color: #fff !important;
    text-decoration: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #00b2bb;/*★★★#ff960a*/
}
.categoryList a[href$='/game_center'],
.categoryList a[href$='/tp'],
.categoryList a[href$='/chara_shop'],
.categoryList a[href$='/cafe_and_bar'],
.categoryList a[href$='/kids'],
.categoryList a[href$='/others'],
.categoryList a[href$='/game_center/'],
.categoryList a[href$='/tp/'],
.categoryList a[href$='/chara_shop/'],
.categoryList a[href$='/cafe_and_bar/'],
.categoryList a[href$='/kids/'],
.categoryList a[href$='/others/'] {
    background-color: #b91e23;
}
.infoList dd .categoryList a:before {
    display: none;
}
article .infoList p,
section .infoList p {
    clear: both;
    margin: 0;
}

#attrSlide {
	position: relative;
	padding: 0 5px;
	overflow: hidden;
	text-align: center;
}
#attrSlide h2 {
	margin: 0;
}
#attrSlide h2+* {
	margin-top: 0;
}
#attrSlide p {
	font-size: 113%;
	font-weight: bold;
}
#attrSlide ul {
	display: table;
	margin-top: 0;
	padding-left: 0;
	table-layout: fixed;
}
#attrSlide ul:after {
	content: '';
	display: block;
	clear: both;
}
#attrSlide li {
	float: left;
	width: 222px;
	height: 100%;
	padding: 0 10px;
	text-align: center;
}
#attrSlide li a {
color: #333;
font-size: 113%;
font-weight: bold;
text-decoration: none;
display: block;
background-color: #fddb5d;
border: 5px solid #fddb5d;
min-height: 200px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
#attrSlide img {
	display: block;
}
#attrSlide .inner {
	margin: 0 auto;
	padding: 0;
	max-width: 980px;
	overflow: hidden;
}
/* button */
#attrSlide .btnPrev,
#attrSlide .btnNext {
	position: absolute;
	display: block;
	cursor: pointer;
	white-space: nowrap;
	text-indent: 100%;
	overflow: hidden;
	top: 50%;
	width: 50px;
	height: 50px;
	background: url(../img/mark_attrslide.png) center no-repeat;
}
#attrSlide .btnPrev {
	position:absolute;
	right: 100px;
}
#attrSlide .btnNext {
	position:absolute;
	left: 100px;
    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
#attrSlide:after{
	content: '';
	display: block;
	clear: both;
}

/* foods */
#foods {
	position: relative;
	padding: 0 5px;
	overflow: hidden;
	text-align: center;
}
#foods h2 {
	margin: 0;
}
#foods h2+* {
	margin-top: 0;
}
#foods p {
	font-size: 113%;
	font-weight: bold;
}
#foods a {
color: #333;
font-size: 113%;
font-weight: bold;
text-decoration: none;
display: block;
background-color: #fddb5d;
border: 5px solid #fddb5d;
min-height: 200px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
#foods ul {
	margin-top: 0;
	padding-left: 0;
	margin: 0 auto;
}
#foods ul:after {
	content: '';
	display: block;
	clear: both;
}
#foods li {
	display: inline-block;
	padding: 0 10px;
	text-align: center;
	max-width: 222px;
}
#foods img {
	display: block;
}
#foods .inner {
	margin: 0 auto;
	padding: 0;
	max-width: 1200px;
	overflow: hidden;
	text-align: center;
}
#foods:after{
	content: '';
	display: block;
	clear: both;
}

@media only screen and (max-width: 1280px) {
	#attrSlide .clip {
		margin: 0 15px;
	}
	#bnrArea img {
		width: 100%;
	}
}
#spmainVisual {
	width:489px;
	overflow:hidden;
	position:relative;
}

#spmainVisual ul {
	width:20000px;
	position:absolute;
}

#spmainVisual ul li{
	display: block;
	float:left;
	
}
#slidePosition {
	margin-top: 5px;
	text-align: center;
}
#slidePosition li,
#spSlideNav li {
	color: #bfb49e;
	display: inline-block;
	font-size: 150%;
	cursor: pointer;
}
#slidePosition .cur,
#spSlideNav .cur {
	color: #ed352d;
}
#spSlideNav li {
	margin: 0 4px;
}
#spmainVisual ul li img{
	max-width:none;
}
#spSlideNav {
	display: none;
}
#spSlideNav {
	text-align: center;
}
#attrSlide .inner{
	overflow:hidden;
	position:relative;
	height:230px;
	width:975px;
}

#attrSlide ul{
	position:absolute;
	width:10000px;
}