@charset "utf-8";
@import "../css/common.css";

/*-----------------------------------------------
	index.html
-----------------------------------------------*/
/* main */
#main .secGrid{
	font-size:0;
	padding-bottom:60px;
}
@media only screen and (max-width:767px){
	#main .secGrid{
		padding-bottom:30px;
	}
}

/* secSlider */
/*.secSlider{
	width:900px;
	height:550px;
	box-sizing:border-box;
	padding:5px;
	background:#fff;
	margin:0 20px 20px 0;
	float:left;
}*/
.boxTop{
	width:900px;
	height:550px;
	box-sizing:border-box;
	/*padding:5px;*/
	background:url(../img/index/bgMain.jpg) left top no-repeat;
	margin:0 20px 20px 0;
	float:left;
}
.boxTop iframe{
	display:block;
	max-width:600px;
	height:338px;
	margin:0 auto;
	padding:180px 0 0 0;
}
.secSlider button.slick-prev{
	background-color:transparent;
	border:none;
	cursor:pointer;
	outline:none;
	padding:0;
	appearance:none;
	font-size:0;
	width:25px;
	height:50px;
	background:url(../img/index/btnPrev.png) left top no-repeat;
	background-size:25px 50px;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	margin:auto 0;
	z-index:10;
}
.secSlider button.slick-next{
	background-color:transparent;
	border:none;
	cursor:pointer;
	outline:none;
	padding:0;
	appearance:none;
	font-size:0;
	width:25px;
	height:50px;
	background:url(../img/index/btnNext.png) left top no-repeat;
	background-size:25px 50px;
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	margin:auto 0;
	z-index:10;
}
.secSlider .slick-dots{
	font-size:0;
	position:absolute;
	bottom:10px;
	left:10px;
	z-index:10;
}
.secSlider .slick-dots li{
	display:inline-block;
	vertical-align:top;
	width:10px;
	margin:0 10px 0 0;
}
.secSlider .slick-dots button{
	background-color:transparent;
	border:none;
	cursor:pointer;
	outline:none;
	padding:0;
	appearance:none;
	font-size:0;
	display:block;
	width:10px;
	height:10px;
	background:#fff;
	border-radius:50%;
}
.secSlider .slick-dots .slick-active button{
	background:#FFFF00;
}
@media only screen and (max-width:767px){
	/*.secSlider{
		width:100%;
		height:auto;
		padding:0;
		margin:0;
		float:none;
	}*/
	.boxTop{
		width:100%;
		height:auto;
		/*padding:5px;*/
		background:none;
		float:none;
	}
	.boxTop img{ width:100%; height:auto; }
	.boxTop iframe{
		display:block;
		width:100%;
		height:auto;
		margin:0 auto;
		padding:0 0 0 0;
	}

	.secSlider .slide img{
		width:100%;
		height:auto;
	}
}

/* secTwitter */
.secTwitter{
	width:320px;
	height:550px;
	margin:0 20px 20px 0;
	float:left;
}
.secTwitter iframe{
	width:100% !important;
	height:550px !important;
	vertical-align:bottom;
}
.secTwitter.secTwitterSp{
	display:none;
}
@media only screen and (max-width:1570px){
	.secTwitter{
		width:440px;
	}
}
@media only screen and (max-width:767px){
	.secTwitter.secTwitterPc{
		display:none;
	}
	.secTwitter.secTwitterSp{
		display:block;
		width:93.75%;
		height:300px;
		margin:0 auto 10px;
		float:none;
	}
	.secTwitter iframe{
		height:300px !important;
	}
}

/* secSnsSp */
.secSnsSp{
	text-align:center;
	font-size:0;
	padding:10px 0;
}
.secSnsSp ul{
	display:inline-block;
	vertical-align:top;
}
.secSnsSp li{
	display:inline-block;
	vertical-align:top;
	margin-right:3px;
}
.secSnsSp li:last-child{
	margin-right:0;
}
.secSnsSp .facebook a,
.secSnsSp .instagram a{
	display:block;
	padding:10px 0;
	box-sizing:border-box;
	text-align:center;
	width:89px;
	border-radius:3px;
}
.secSnsSp .facebook img,
.secSnsSp .instagram img{
	width:auto;
	height:16px;
}
.secSnsSp .facebook a{background:#324D84;}
.secSnsSp .instagram a{background:#391D00;}

/* secCount */
.secCount{
	width:400px;
	height:270px;
	box-sizing:border-box;
	background:url(../img/index/bgCount.gif) #3399CC repeat;
	background-size:83px 72px;
	margin:0 20px 20px 0;
	text-align:center;
	float:left;
}
.secCount .wrapper{
	width:400px;
	margin:0 auto;
	position:relative;
}
.secCount .wrapper::before{
	content:"";
	display:block;
	width:100px;
	height:89px;
	background:url(../img/index/imgCountR.png) left top no-repeat;
	background-size:100px 89px;
	position:absolute;
	top:12px;
	right:10px;
}
.secCount .wrapper::after{
	content:"";
	display:block;
	width:101px;
	height:97px;
	background:url(../img/index/imgCountL.png) left top no-repeat;
	background-size:101px 97px;
	position:absolute;
	top:45px;
	left:19px;
}
.secCount .boxDays{
	text-align:center;
	padding:30px 0 23px;
}
.secCount .boxDays .num{
	display:inline-block;
	vertical-align:top;
	font-size:12px;
	padding:0 3px;
}
.secCount .boxDays .txt{
	padding:20px 0 0;
}
.secCount .boxWrap{
	text-align:center;
}
.secCount .boxItem{
	display:inline-block;
	vertical-align:top;
	padding:0 10px;
}
.secCount .boxItem .num{
	display:inline-block;
	vertical-align:top;
	font-size:12px;
	padding:0 2px;
}
.secCount .boxItem .txt{
	padding:8px 0 0;
}
.secCount .boxFb{
	display:inline-block;
	vertical-align:top;
	margin-top:13px;
}
@media only screen and (max-width:1570px){
	.secCount{
		width:440px;
		margin-bottom:10px;
	}
}
@media only screen and (max-width:767px){
	.secCount{
		width:93.75%;
		margin:0 auto 10px;
		height:auto;
		background:#3399CC;
		float:none;
	}
	.secCount .wrapper{
		width:100%;
	}
	.secCount .wrapper::before{
		width:60px;
		height:54px;
		background-size:60px 54px;
		top:10px;
		right:14px;
	}
	.secCount .wrapper::after{
		width:61px;
		height:58px;
		background-size:61px 58px;
		top:51px;
		left:18px;
	}
	.secCount .boxDays{
		padding:24px 0 12px;
	}
	.secCount .boxDays .num{
		width:auto;
		height:56px;
	}
	.secCount .boxDays .txt{
		padding:11px 0 0;
	}
	.secCount .boxFb{
		padding-bottom:10px;
	}
}

/* secYoutube */
.secYoutube{
	width:400px;
	height:270px;
	box-sizing:border-box;
	margin:0 20px 20px 0;
	float:left;
}
.secYoutube .wrapper{
	width:100%;
	height:270px;
	position:relative;
}
.secYoutube iframe{
	width:100% !important;
	height:100% !important;
	position:absolute;
	top:0;
	left:0;
}
@media only screen and (max-width:1570px){
	.secYoutube{
		width:440px;
	}
}
@media only screen and (max-width:767px){
	.secYoutube{
		width:93.75%;
		height:auto;
		margin:0 auto 10px;
		float:none;
	}
	.secYoutube .wrapper{
		height:0;
		padding-top:67.77%;
	}
}

/* secTower */
.secTower{
	width:400px;
	height:270px;
	text-align:center;
	margin:0 20px 20px 0;
	float:left;
}
/*.secTower a{
	display:block;
	background:#FDD100;
}*/
.secTower{
	display:block;
	background:#FDD100;
}
@media only screen and (max-width:1570px){
	.secTower{
		width:440px;
	}
}
@media only screen and (max-width:767px){
	.secTower{
		width:93.75%;
		height:auto;
		margin:0 auto 10px;
		float:none;
	}
	/*.secTower a{
		padding:0 10px;
	}*/
	.secTower img{
		max-width:320px;
	}
}

/* secBnr */
.secBnr{
	width:400px;
	height:270px;
	text-align:center;
	margin:0 20px 20px 0;
	box-sizing:border-box;
	float:left;
	background:#fff;
}
.secBnr a{
	display:block;
}
.secBnr img{
	max-width:400px;
	height:auto;
}

/* secFukko */
.secFukko{
	background:#000;
	position:relative;
}
.secFukko a{
	display:block;
	position:absolute;
}
a.btnFukko01{
	top:60px;
	left:18px;
}
a.btnFukko02{
	top:60px;
	left:140px;
}
a.btnFukko03{
	top:60px;
	right:18px;
}
a.btnFukko04{
	bottom:15px;
	left:79px;
}
a.btnFukko05{
	bottom:15px;
	right:79px;
}

@media only screen and (max-width:767px){
	.secFukko div img{
		width:100%;
	}
	.secFukko a{
		display:block;
		width:30% !important;
		height:auto;
	}
	a.btnFukko01{
		top:23%;
		left:4%;
	}
	a.btnFukko02{
		top:60px;
		left:160px;
	}
	
	a.btnFukko03{
		top:23%;
		right:4%;
	}
	a.btnFukko04{
		bottom:4%;
		left:19%;
	}
	a.btnFukko05{
		bottom:4%;
		right:19%;
	}

}
@media only screen and (max-width:1570px){
	a.btnFukko02{
		top:23%;
		left:35%;
	}
}

.secApparel{
	background:#00B73C;
}
.secFood02{
	background:#F23C93;
}
.secsecDiversity{
	background:#E5390C;
}

.secBus01{
	background:#27BDF5;
}
.secBus02{
	background:#669900;
}

.secDj{
	background:#1C63B0;
	position:relative;
}
.secDj a{
	display:block;
	position:absolute;
}
a.btnDj01{
	left:20px;
	bottom:16px;
}
a.btnDj02{
	right:20px;
	bottom:16px;
}
@media only screen and (max-width:767px){
	.secDj a{
		width:45%;
	}
	a.btnDj01{
		left:18%;
		bottom:5%;
	}
	a.btnDj02{
		right:18%;
		bottom:5%;
	}
}
@media only screen and (max-width:1570px){
	.secDj a{
		width:45%;
	}
	a.btnDj01{
		left:4%;
		bottom:5%;
	}
	a.btnDj02{
		right:4%;
		bottom:5%;
	}
	
}
@media only screen and (max-width:1570px){
	.secBnr{
		width:440px;
	}
}
@media only screen and (max-width:767px){
	.secBnr{
		width:93.75%;
		height:auto;
		margin:0 auto 10px;
		float:none;
		background:none;
	}
}

/* secMoney */
.secMoney{
	background:#FF3399;
}

/* secJtb */
.secJtb{
	background:#76BA05;
}

/* secRadio */
.secRadio{
	background:#00A8E9;
}

/* secSpa */
.secSpa{
	background:#fff;
}
.secSpa a{
	background:url(../img/index/bnrSpaBg.gif) #7A3007 left top repeat-x;
	border-right:solid 5px #7A3007;
	border-left:solid 5px #7A3007;
	box-sizing:border-box;
	background-size:contain;
}
.secSpa.secBnr img{
	max-width:390px;
}

/* secTv */
.secTv{
	background:#F7BD00;
	height:270px;
}
.secTv .txtTv{
	text-align:center;
	font-size:14px;
	font-weight:bold;
	color:#FF3300;
	letter-spacing:0.5px;
	line-height:150%;
	padding:7px 0;
}
@media only screen and (max-width:767px){
	.secTv{
		height:auto;
	}
}

/* secKids */
.secKids.secBnr img{
	max-width:100%;
	height:auto;
}
.secKids.secBnr .bnr02{
	display:none;
}
@media only screen and (max-width:1570px){
	.secKids.secBnr .bnr02{
		display:block;
	}
	.secKids.secBnr .bnr01{
		display:none;
	}
}

/* secCafe */
.secCafe{
	background:#330000;
}

/* secCoupon */
.secCoupon{
	background:#CC3399;
}
.secCoupon .img{
	text-align:center;
}
.secCoupon .boxBtn{
	width:380px;
	margin:0 auto;
}
.secCoupon .boxBtn .btn{
	display:block;
	width:180px;
	float:left;
	background:#fff;
}
.secCoupon .boxBtn .btn:last-child{
	float:right;
}
@media only screen and (max-width:767px){
	.secCoupon .boxBtn{
		width:95%;
		max-width:380px;
		padding-bottom:10px;
	}
	.secCoupon .boxBtn .btn{
		display:block;
		width:48%;
		background:none;
	}
}

/* secFood */
.secFood{
	width:400px;
	height:270px;
	text-align:center;
	margin:0 20px 20px 0;
	box-sizing:border-box;
	float:left;
}
.secFood a{
	display:block;
	padding:140px 0 0;
	background:url(../img/index/bnrFoodImg.jpg) #4D2600 center top no-repeat;
	background-size:430px 140px;
	border:solid 5px #4D2600;
	border-bottom:none;
}
@media only screen and (max-width:1570px){
	.secFood{
		width:440px;
	}
}
@media only screen and (max-width:767px){
	.secFood{
		width:93.75%;
		height:auto;
		margin:0 auto 10px;
		float:none;
	}
	.secFood a{
		padding:32.55% 0 0;
		background-size:contain;
	}
	.secFood img{
		max-width:390px;
	}
}

.secBnrWide{
	width:820px;
	height:270px;
	text-align:center;
	margin:0 20px 20px 0;
	box-sizing:border-box;
	float:left;
	background:#fff;
}
.bnrReadyUp{
	display:none;
}

/*----------------*/
.bnrZenyasai{
	position:relative;
}
.btnZenyasai01{
	display:block;
	position:absolute;
	width:155px;
	bottom:13px;
	right:175px;
}
.btnZenyasai02{
	display:block;
	position:absolute;
	width:155px;
	bottom:13px;
	right:10px;
}
.bnrZenyasaiSp{ display:none; }

@media only screen and (max-width:1570px){
	.secBnrWide{
		width:900px;
		height:auto;
		background:none;
	}
	.bnrReadyUp{
		display:block;
	}
	.bnrReadyLow{
		display:none;
	}
	.btnZenyasai01{
		bottom:13px;
		right:200px;
	}
	.btnZenyasai02{
		bottom:13px;
		right:35px;
	}
}
@media only screen and (max-width:767px){
	.secBnrWide{
		width:93.75%;
		height:auto;
		margin:0 auto 10px;
		float:none;
	}
	.bnrReadyUp{
		display:none;
	}
	.bnrReadyLow{
		display:block;
	}
	.bnrZenyasai{
		display:none;
	}
	.bnrZenyasaiSp{
		display:block;
		width:100%;
		margin:0 auto;
		background:#000;
	}
	.bnrZenyasaiSp img{ width:100%; height:auto; }
}

/* secSns */
.secSns{
	padding-bottom:60px;
}
.secSns .titTop{
	padding:0 0 84px;
}
.secSns li{
	width:400px;
	float:left;
	margin:0 20px 20px 0;
	background:#fff;
}
.secSns li a{
	display:block;
	padding:55px 0;
	box-sizing:border-box;
	text-align:center;
}
.secSns .twitter a{background:#1DA1F2;}
.secSns .facebook a{background:#324D84;}
.secSns .line a{background:#5ED813;}
.secSns .instagram a{background:#391D00;}
@media only screen and (max-width:1570px){
	.secSns li{
		width:440px;
	}
}
@media only screen and (max-width:767px){
	.secSns{
		padding-bottom:35px;
		width:84.375%;
		margin:0 auto;
	}
	.secSns .titTop{
		padding:0 0 40px;
		text-align:center;
	}
	.secSns .titTop img{
		width:auto;
		height:20px;
	}
	.secSns li{
		width:100%;
		float:none;
		margin:0 0 5px;
	}
	.secSns li a{
		padding:17px 11px;
		text-align:left;
	}
	.secSns li img{
		width:auto;
		height:26px;
	}
}

/* secSponsor */
.secSponsor{
	width:1265px;
	padding-bottom:30px;
}
.secSponsor .titTop{
	padding:0 0 84px;
}
.secSponsor .imgSponsor{
	display:block;
	width:208px;
	float:left;
	margin:0 45px 20px 0;
}
@media only screen and (max-width:1570px){
	.secSponsor{
		width:100%;
	}
	.secSponsor .imgSponsor{
		margin-right:22px;
	}
}
@media only screen and (max-width:767px){
	.secSponsor{
		width:300px;
		margin:0 auto;
		padding-bottom:20px;
	}
	.secSponsor .titTop{
		padding:0 0 40px;
		text-align:center;
	}
	.secSponsor .titTop img{
		width:auto;
		height:20px;
	}
	.secSponsor .imgSponsor{
		width:145px;
		margin:0 10px 10px 0;
	}
	.secSponsor .imgSponsor:nth-child(even){
		margin-right:0;
	}
}

/* btnAttention */
.btnAttention{
	display:block;
	background:#f00;
	text-align:center;
	color:#fff;
	text-decoration:none;
	margin-top:16px;
	margin-right:20px;
}
.btnAttention:hover{
	background:#F33;
}
.txtAttention{
	font-size:15px;
	font-weight:bold;
	text-decoration:underline;
	padding:18px 0 8px;
}
.txtAttention02{
	padding:0 0 17px;
	line-height:1.5;
}
@media only screen and (max-width:767px){
	.btnAttention{
		width:93.75%;
		margin:0 auto 30px;
		box-sizing:border-box;
		padding:0 10px;
	}
}

/* btnStaff */
.btnStaff{
	display:block;
	background:#00A8E9;
	text-align:center;
	color:#fff;
	text-decoration:none;
	margin-top:16px;
	margin-bottom:110px;
	margin-right:20px;
	line-height:76px;
	font-size:15px;
	font-weight:bold;
	text-decoration:underline;
}
.btnStaff:hover{
	background:#33B9ED;
}
@media only screen and (max-width:767px){
	.btnStaff{
		width:93.75%;
		margin:0 auto 30px;
		box-sizing:border-box;
		padding:0 10px;
	}
}