.cover{
	height: 560px;
	height: 400px;
}


.slider{
	display: none;
	/*min-height: 400px;*/
	margin-top: 0px;
	overflow: hidden;
	position: relative;
}
.slider .slides li{
	text-align: center;
}
.slider .slides li img{
	width: 100%;
}
.flex-control-paging{
	display: block;
	text-align: center;
	padding: 0px 0;
	position: absolute;
	bottom: 12px;
	left: 50%;
	-webkit-transform: translate(-50%,0%);
	-moz-transform: translate(-50%,0%);
	-ms-transform: translate(-50%,0%);
	-o-transform: translate(-50%,0%);
	transform: translate(-50%,0%);
	z-index: 100;
	}
	.flex-control-paging li{
		display: inline-block;
	}
	.flex-control-paging li a{
		display: block;
		width: 12px; height: 12px;
		margin: 0 4px;
		-webkit-border-radius: 10px;
		        border-radius: 10px;
		background: #fff;
		overflow: hidden; text-indent: 100%; white-space: nowrap;
		-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
	}
	.flex-control-paging li a:hover,
	.flex-control-paging li a.flex-active{
		background: #360F06;
		border: #fff 1px solid;
	}
.flex-direction-nav{
	position: static;
}
.flex-direction-nav li{
	margin-top: -25px;
	position: absolute;
	top: 50%;
}
.flex-direction-nav li.flex-nav-prev{
	left: 20px;
}
.flex-direction-nav li.flex-nav-next{
	right: 20px;
}
/*.flex-direction-nav li a{
	display: block;
	width: 40px; height: 40px;
	line-height: 33px;
	text-align: center;
	font-size: 28px;
	font-weight: bold;
	-webkit-border-radius: 50px;
	        border-radius: 50px;
	background: #FFF;
	color: #019FE8;
	-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
	box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.4);
}*/
.flex-direction-nav li a{
	display: block;
	width: 50px; height: 50px;
	-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
	background: url(../img/index/r.png) no-repeat;
	overflow: hidden; text-indent: 100%; white-space: nowrap;
}
.flex-direction-nav li.flex-nav-prev a{
	background: url(../img/index/l.png) no-repeat;
}
.flex-direction-nav li a:hover{
	/*color: #005CA9;*/
	opacity: 0.75;
}

@media screen and (max-width: 768px){
	.slider{
		margin-bottom: 0;
	}
}
@media screen and (max-width: 767px){
	.slider{
		margin-bottom: 0;
		height: 200px;
	}
	.flexslider,
	.flex-viewport,
	.slides,
	.slider li{
		height: 100%;
	}
	.slider img{
		object-fit: cover;
		width: 100%;
		height: 100%;
	}
}



/* .copy ________________________*/
.copy{
	text-align: center;
	margin-bottom: 100px;
}
.copy h1{
	font-size: 42px;
	color: #5A1A2E;
	/*margin-bottom: 0.3em;*/
}
.copy h2{
	font-size: 18px;
	color: #360F06;
	line-height: 2.16;
}
@media screen and (max-width: 767px){
	.copy{
		padding: 0 8px;
		margin-bottom: 60px;
	}
	.copy h1{
		font-size: 24px;
		color: #5A1A2E;
		/*margin-bottom: 0.3em;*/
	}
	.copy h2{
		font-size: 15px;
		color: #360F06;
		line-height: 2.16;
	}
}

/* .recommend ________________________*/
.recommend{
	text-align: center;
}
.recommend > .txt{
	font-size: 18px;
	color: #360F06;
}
.ranking{
	width: 920px;
}
.ranking li p.crown{
	margin: 0;
}
.ranking li h3{
	border-bottom: 1px solid #5A1A2E;
	/*font-size: 22px;*/
	font-size: 16px;
	padding-bottom: 0.3em;
	margin-bottom: 10px;
}
.ranking li p.txt{
	/*font-size: 18px;*/
	font-size: 16px;
	line-height: 1.8;
	margin: 0;
}
.ranking li p.img{
	margin: 0;
}
.ranking li .img img{
	max-width: 100%;
}
@media screen and (min-width: 768px){
	.ranking{
		margin: 0 auto;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.ranking li{
		width: 250px;
	}
	.ranking li.no1{order:1;}
	.ranking li.no2{order:0;padding-top: 10px;}
	.ranking li.no3{order:2;padding-top: 19px;}
}
@media screen and (max-width: 768px){
	.ranking{
		width: 768px;
	}
}

@media screen and (max-width: 767px){
	.recommend{
		padding: 0 8px;
		margin-bottom: 50px;
	}
	.recommend > .txt{
		font-size: 15px;
	}
	.ranking{
		width: auto;
	}
	.ranking li{
		overflow: hidden;
	}
	.ranking li .crown img{
		width: 50px;
	}
	.ranking li h3{
		margin-bottom: 0;
		font-size: 18px;
	}
	.ranking li .wrap{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
	}
	.ranking li p.txt{
		order: 1;
		width: 77%;
		font-size: 15px;
		text-align: left;
	}
	.ranking li .img{
		width: 20%;
		order: 0;
	}
}


/* .pickup ________________________*/
.pickup{
	width: 920px;
	margin: 0 auto 50px;
}
.pickup h2{
	display: table;
	padding-left: 174px;
}
.pickup h2 img{
	display: table-cell;
}
.pickup h2 span{
	display: table-cell;
	vertical-align: top;
	padding-left: 18px;
	font-size: 20px;
	padding-top: 16px;
	color: #5A1A2E;
}

.pickup .bgColor{
	display: block;
    padding: 3px;
    margin: 0;
    background: #F8F2E8;
    box-shadow: 0px 0px 0px 4px #F8F2E8;
    border: 1px solid #5A1A2E;
}
.pickup .bgColor .img img{
	max-width: 100%;
}
.pickup .bgColor{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	}
	.pickup .bgColor .txt h3{
		border-bottom: 1px solid #5A1A2E;
		color: #5A1A2E;
	}
@media screen and (min-width: 768px){
	.pickup .bgColor{
		margin-top: -17px;
	    padding: 4px 50px 4px 30px;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
	}
	.pickup .bgColor .img{
		width: 196px;
	}
	.pickup .bgColor .txt{
		width: 600px;
		}
		.pickup .bgColor .txt h3{
			font-size: 20px;
			padding-bottom: 10px;
			margin-bottom: 10px;
		}
		.pickup .bgColor .txt p{
			margin: 0;
			letter-spacing: 0;
		}
}
@media screen and (max-width: 768px){
	.pickup{
		width: 710px;
	}
	.pickup .bgColor{
	    padding: 4px 10px 4px 10px;
	}
	.pickup .bgColor .txt{
		width: 490px;
		padding: 17px 0 10px;
		}
}
@media screen and (max-width: 767px){
	.pickup{
		width: auto;
		padding: 0 8px;
	}
	.pickup h2{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding-left: 0;
	}
	.pickup h2 img{
		width: 100px;
	}
	.pickup h2 span{
		padding-left: 8px;
		padding-top: 0;
	}
	.pickup .bgColor{
		margin-top: -0px;
		flex-direction: column;
		padding: 16px;
		text-align: center;
	}
	.pickup .bgColor .img{
		order:1;
		}
		.pickup .bgColor .img img{
			max-width: 50%;
		}
	.pickup .bgColor h3{
		padding-bottom: 8px;
		margin-bottom: 8px;
	}
	.pickup .bgColor .txt{
		width: auto;
		}
		.pickup .bgColor .txt p{
			text-align: left;
			margin: 0;
		}
}



/* #pickup ________________________*/
#pickup{
	width: 640px;
}

#pickup .left{
	width: 55%;
	position: relative;
	padding: 3px;
}

#pickup .frame{
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../img/frame.png) no-repeat center;
	background-size: 100% 100%;
	z-index: 500;
}

#pickup figure img{
	width: 100%;
	vertical-align: top;
	background: #F9F2E8;
}

#pickup .right{
	width: 45%;
	padding-left: 20px;
}


/* ranking ________________________*/
#ranking{
	width: 300px;
}

.list-rank li{
	overflow: hidden;
	margin-bottom: 20px;
}

.list-rank li .thum{
	float: left;
	width: 90px;
}
.list-rank li .thum img{
	width: 100%;
	height: auto;
	border: 1px solid #cfaf83;
	border-radius: 7px;
	background: #F9F2E8;
}

.list-rank li h3{
	float: right;
	width: 190px;
	text-align: left;
	padding-top: 40px;
	font-size: 16px;
}

.list-rank li h3.prize-01{
	background: url(../img/rank-first.png) no-repeat left 10px;
}
.list-rank li h3.prize-02{
	background: url(../img/rank-second.png) no-repeat left 10px;
}
.list-rank li h3.prize-03{
	background: url(../img/rank-third.png) no-repeat left 10px;
}



/* lineup ________________________*/
#lineup{
	margin-bottom: 50px;
}
/*.list-lineup{
	font-size: 0;
	text-align: center;
}

.list-lineup li{
	width: 20%;
	display: inline-block;
	font-size: 16px;
	vertical-align: top;
	text-align: center;
}

.list-lineup li img{
	margin: 0 0 10px;
}*/
.lineupList{
	overflow: hidden;
}
.lineupList ul{
	width: 750px;
	text-align: center;
	margin: 0 auto;
}
.lineupList li{
	display: inline-block;
	vertical-align: top;
	line-height: 1.5;
	width: 22%;
	padding: 0 8px;
}
.lineupList li img{
	width: 100%;
	border-radius: 200px;
	border: 2px solid #B98C4E;
}
@media screen and (max-width: 767px){
	/* tab lineup ________________________*/
	.lineupList ul{
		width: auto;
		padding-left: 0;
	}
	.list-lineup li{
		width: 30%;
		padding: 0 10px;
		margin-bottom: 20px;
	}
	.list-lineup li img{
		width: 100%;
	}
	.lineupList li{
		float: none;
		text-align: left;
		width: 100% !important;
		padding: 8px 0 !important;
		margin-bottom: 0 !important;
		overflow: hidden;
		line-height: 1.2;
	}
	.lineupList li br{
		display: none;
	}
	.lineupList li a{
		display: table;
	}
	.lineupList li span.img{
		display: table-cell;
		width: 25%;
	}
	.lineupList li img{
		width: 100%;
		height: auto;
	}
	.lineupList li span.txt{
		display: table-cell;
		width: 75%;
		padding-left: 1em;
		vertical-align: middle;
	}
}



/* scene ________________________*/
#scene{
	text-align: center;
	margin-bottom: 50px;
}
#scene > .txt{
	font-size: 18px;
}
.list-scene{
	overflow: hidden;
	width: 720px;
	margin: 0 auto;
}

.list-scene li{
	float: left;
	text-align: center;
	margin-bottom: 20px;
}

.list-scene li:first-child,
.list-scene li:nth-child(3){
	margin-right: 20px;
}
@media screen and (max-width: 767px){
	#scene > .txt{
		font-size: 15px;
	}
}



/* mind ________________________*/
.bg01{
	background: url(../img/line03.png) repeat-x left top #f4ece0;
	padding-top: 20px;
	margin-bottom: 50px;
}

.bg01-bottom{
	background: url(../img/line03.png) repeat-x left bottom #f4ece0;
	padding-bottom: 20px;
}

#mind,
.passion{
	padding: 30px 0 30px;
}
.passion{
	width: 1000px;
	margin: 0 auto;
}

#mind .sec-title{
	width: 40%;
	text-align: center;
	background: url(../img/line01.png) no-repeat center bottom;
	padding: 70px 20px 20px;
}
#mind .sec-title span{
	background: none;
	padding: 0;
}
.passion .tit2 {
	text-align: center;
	background: url(../img/line01.png) no-repeat center bottom;
	padding: 0px 20px 30px;
	font-size: 24px;
	margin-bottom: 1em;
	}
	.passion .tit2 span {
		background: none;
		padding: 0;
	}
.passionList{
	padding-top: 10px;
	overflow: hidden;
}
.passionList li{
	float: left;
	width: 20%;
}
.passionList li img{
	width: 100%;
}

.list-mind{
	overflow: hidden;
	width: 60%;
	text-align: center;
}

.list-mind li{
	display: inline-block;
	padding: 0 10px;
	vertical-align: top;
	font-weight: bold;
}

.list-mind li img{
	display: block;
	margin-bottom: 10px;
}

.mind-list02{
	overflow: hidden;
	text-align: center;
	margin: 50px 0 30px;
}

.mind-list02 li{
	display: inline-block;
	text-align: center;
	vertical-align: top;
	font-weight: bold;
}

.mind-list02 li:first-child{
	margin-right: 40px;
}

.mind-list02 li img{
	display: block;
	border: 1px solid #cfaf83;
	border-radius: 7px;
	margin-bottom: 10px;
}
@media screen and (max-width: 768px){
	.passion{
		width: auto;
	}
}
@media screen and (max-width: 767px){
	/* tab mind ________________________*/
	#mind{
		padding: 50px 0;
	}

	#mind .sec-title{
		width: 100%;
		padding: 20px;
	}

	.list-mind{
		width: 100%;
	}

	.list-mind li{
		width: 32%;
	}

	.list-mind li img{
		width: 100%;
	}

	.mind-list02{
		text-align: center;
		margin: 50px 0 30px;
	}

	.mind-list02 li{
		width: 49%;
		padding: 0 10px;
	}

	.mind-list02 li:first-child{
		margin-right: 0px;
	}

	.mind-list02 li img{
		width: 100%;
	}

	.passion{
		width: auto;
		margin: 0 auto;
		padding: 20px 16px;
		text-align: center;
	}
	.passionList{
		padding-top: 0px;
	}
	.passionList li{
		display: inline-block;
		float: none;
		width: 49%;
	}
	.passionList li img{
		width: 100%;
		vertical-align: top;
	}
}

/* interview ________________________*/
.list-interview{
	text-align: center;
}

.list-interview li{
	width: 40%;
	display: inline-block;
	padding: 0 10px;
}

.list-interview li img{
	width: 100%;
}


/* jirei ________________________*/
#jirei{
	margin-bottom: 50px !important;
}



/* news ________________________*/
.list-news{
	margin-bottom: 30px;
}

.list-news li{
	overflow: hidden;
	margin-bottom: 20px;
}

.list-news li span,
.list-news li .onlyTitle,
.list-news li .onlyBody,
.list-news li > a{
	display: inline-block;
	float: left;
	vertical-align: middle;
}

.list-news li .date{
	margin-right: 30px;
	padding: 7px;
	letter-spacing: 1px;
}

.list-news li .cat-label{
	width: 160px;
	padding: 7px 10px;
	margin-right: 30px;
	background: #611a30;
	font-size: 14px;
	letter-spacing: 1px;
	text-align: center;
	color: #fff;
	border-radius: 7px;
}

.list-news li .onlyTitle,
.list-news li .onlyBody,
.list-news li > a{
	width: 65%;
	line-height: 150%;
}

@media screen and (max-width: 768px){
	.list-news li .onlyTitle,
	.list-news li .onlyBody,
	.list-news li > a{
		width: 100%;
		line-height: 150%;
	}
}

/* to contact ________________________*/
.bg02{
 background: #f4ece0;
}
#to-contact{
	padding: 50px 0;
}
#to-contact .wing{
	text-align: center;
	font-size: 18px;
	font-weight: bold;
}

#to-contact .wing::before,
#to-contact .wing::after{
	content: url(../img/line01.png);
}

#to-contact .wing::before{
	display: inline-block;
	margin-right: 20px;
}
#to-contact .wing::after{
	display: inline-block;
	margin-left: 20px;
}

#to-contact .btn1{
	font-size: 20px;
	display: inline-block;
	width: 400px;
	padding: 10px;
	border-radius: 7px;
}




@media screen and (max-width: 767px){

	.cover{
		height: 460px;
	}


	/* tab pickup ________________________*/
	#pickup{
		width: 100%;
		padding: 0;
	}


	/* tab ranking ________________________*/
	#ranking{
		width: 100%;
		padding: 0;
	}
	
	.list-rank li{
		display: inline-block;
		width: 30%;
		float: none;
		margin: 0 0 0 3%;
		vertical-align: top;
	}

	.list-rank li:first-child{
		margin: 0 0 0 0;
	}

	.list-rank li .thum{
		width: 100%;
	}

	.list-rank li h3{
		float: right;
		width: 100%;
		text-align: left;
		padding: 40px 0 0 0;
		font-size: 16px;
	}

	.list-rank li h3.prize-01{
		background: url(../img/rank-first.png) no-repeat left 10px;
	}

	.list-rank li h3.prize-02{
		background: url(../img/rank-second.png) no-repeat left 10px;
	}

	.list-rank li h3.prize-03{
		background: url(../img/rank-third.png) no-repeat left 10px;
	}




	/* tab scene ________________________*/
	#scene{
		margin-bottom: 20px;
	}
	.list-scene{
		overflow: hidden;
		width: 100%;
		margin: 0 auto;
	}

	.list-scene li{
		float: left;
		width: 47%;
		text-align: center;
		margin-bottom: 20px;
	}

	.list-scene li:first-child,
	.list-scene li:nth-child(3){
		margin-right: 5%;
	}

	.list-scene li img{
		width: 100%;
	}




	/* tab jirei ________________________*/
	#jirei{
		margin-top: 20px;
	}



	/* tab news ________________________*/
	.list-news li span,
	.list-news li a{
		float: none;
	}

	.list-news li .date{
		margin-right: 10px;
	}

	.list-news li .cat-label{
		margin-right: 0;
		font-size: 12px;
		padding: 7px 3px;
	}

	.list-news li a{
		margin-top: 10px;
		width: 100%;
		line-height: 150%;
	}


}





@media screen and (max-width: 640px){

	/* sp pickup ________________________*/
	#pickup .left{
		width: 100%;
		margin-bottom: 20px;
	}

	#pickup .right{
		width: 100%;
		padding-left: 0;
	}

	#pickup .right{
		text-align: center;
	}


	/* sp ranking ________________________*/
	.list-rank li{
		width: 100%;
		padding: 0;
		margin: 0 0 10px;
	}

	.list-rank li:first-child{
		margin: 0 0 10px;
	}

	.list-rank li .thum{
		width: 25%;
	}

	.list-rank li h3{
		float: right;
		width: 75%;
		text-align: left;
		padding: 40px 10px 10px 20px;
		font-size: 16px;
	}

	.list-rank li h3.prize-01{
		background: url(../img/rank-first.png) no-repeat 20px 10px;
	}

	.list-rank li h3.prize-02{
		background: url(../img/rank-second.png) no-repeat 20px 10px;
	}

	.list-rank li h3.prize-03{
		background: url(../img/rank-third.png) no-repeat 20px 10px;
	}


	/* sp lineup ________________________*/
	.list-lineup li{
		width: 50%;
	}


	/* sp scene ________________________*/
	.list-scene{
		overflow: hidden;
		width: 100%;
		margin: 0 auto;
	}

	.list-scene li{
		float: none;
		width: 100%;
		text-align: center;
		margin-bottom: 10px;
	}

	.list-scene li:first-child,
	.list-scene li:nth-child(3){
		margin-right: 0;
	}

	/* sp mind ________________________*/
	.list-mind li{
		width: 32%;
	}

	.list-mind li img{
		width: 100%;
	}

	.mind-list02{
		text-align: center;
		margin: 50px 0 30px;
	}

	.mind-list02 li{
		width: 100%;
		padding: 0 10px 20px;
	}


	/* sp interview ________________________*/
	.list-interview li{
		width: 100%;
		margin-bottom: 10px;
	}

	/* sp to contact ________________________*/
	#to-contact{
		padding: 20px;
	}

	#to-contact .wing{
		font-size: 14px;
	}

	#to-contact .wing::before{
		content: none;
		margin-right: 0px;
	}

	#to-contact .wing::after{
		display: block;
		margin-left: 0px;
		margin-top: 5px;
	}

	#to-contact .btn1{
		width: 100%;
	}

}