/********************** LEGENDS ***********/
div.legends{
}
div.topconts{
	display:table;
	margin:40px 0 40px 4%;
}
div.legends .topleft{
	width:265px;
	display:table-cell;
	vertical-align:top;
}
div.legends h2 img{
	width:265px;
}
div.legends .topright{
	display:table-cell;
	vertical-align:bottom;
	padding-left:30px;
}
div.legends h3.topmds{
	padding:25px 0;
	width:560px;
}
div.legends h4{
    font-size: 18px;
    padding-bottom: 5px;
}
div.legends p,
div.legends h4 {
    color: #fff;
    /*font: 200 15px/1.2em "dinlight",Helvetica,sans-serif;*/
}
div.legends a{
	color:#c0ae6a;
	text-decoration:none;
}
div.legends h4 {
	margin:50px 0 20px;
	margin-left:4%;
}

/******************** TOPページリスト ***/
.footlist{
	margin:0 auto 70px;
}
.footlist .item{
	width:183px;
	margin:5px;
}
.footlist .item img{
	width:100%;
}

.biglist{
	margin:0 auto;
	text-align:center;
	letter-spacing: -.40em; /* display:inline-block用CSS */
}
.biglist .item{
	width:18%;
	display:inline-block;
	letter-spacing: normal; /* display:inline-block用CSS */
	margin:0 1%;
}
.biglist .item img{
	width:100%;
}
.biglist .item img.on_img{
	width:auto;
}
/******************** TOPページリスト END ***/


/******************** 下層プレイヤーページ ***/
div.playerconts{
	display:table;
	margin:40px 0 40px 4%;
}
div.playerconts .topleft h3 span{
	font-weight:bold;
}
div.playerconts .topright{
	vertical-align:top;
	width:100%;
}
div.playerconts h3.topmds{
	padding:10px 0 25px;
	width:560px;
}
div.playerconts p.colortxt{
	color:#c0ae6a;
	width:560px;
	font-size:100%;
	line-height:18px;
}
div.playerconts p.colortxt span{
	font-weight:bold;
	display:block;
}

/****************** PLAYER BIG *******/
div.player01{
	background: url(../images/legends/legendsbg01.jpg) no-repeat top right;
	padding-bottom:100px;
}
div.player02{
	background: url(../images/legends/legendsbg02.jpg) no-repeat top right;
	padding-bottom:100px;
}
div.player03{
	background: url(../images/legends/legendsbg03.jpg) no-repeat top right;
	padding-bottom:100px;
}
div.player04{
	background: url(../images/legends/legendsbg04.jpg) no-repeat top right;
	padding-bottom:100px;
}
div.player05{
	background: url(../images/legends/legendsbg05.jpg) no-repeat top right;
	padding-bottom:100px;
}
div.playerconts02{
	display:block;
	margin:40px 0 40px 4%;
}
div.playerconts02 .topleft{
	display:inline-block;
}
div.playerconts02 .topright{
	display:inline-block;
	vertical-align:top;
	width:560px;
	padding-left:0;
}
div.playerconts02 .topleft h3 span{
	font-weight:bold;
}
div.playerconts02 h3.topmds{
	padding:10px 0 25px;
	width:560px;
}
div.playerconts02 p.colortxt{
	color:#c0ae6a;
	width:560px;
	font-size:100%;
	line-height:18px;
}
div.playerconts02 p.colortxt span{
	font-weight:bold;
	display:block;
}
div.playerconts02 p.foottxt{
	color:#c0ae6a;
	margin-top:80px;
}

div.slideouter{
	width:100%;
	padding:60px 0 0 0;
	display:none;
}
.slider{
	width:100%;
	margin:0px auto 0;
	display:block;
}
.slideouter p{
	width:80% !important;
	margin:0 auto 10px !important;
	color:#CCC !important;
}
.slider-for{
	margin-bottom:50px;
}
.slider-for .slick-slide img{
	display:block;
	margin:0 auto;
	max-width:80%;
	max-height:350px;
	-webkit-clip-path: inset(0 0 0 0 round 10px);
    clip-path: inset(0 0 0 0 round 10px);
    -webkit-box-shadow: 0px 0px 15px 5px rgba(192,174,106,0.5);
    -moz-box-shadow: 0px 0px 15px 5px rgba(192,174,106,0.5);
    box-shadow: 0px 0px 15px 5px rgba(192,174,106,0.5);
    border: 2px solid #d9bb64;
    -moz-border-radius: 15px!important;
    -webkit-border-radius: 15px !important;
    -ms-border-radius: 15px !important;
    -o-border-radius: 15px !important;
    border-radius: 15px !important;
    overflow: hidden;
}
.slider-for .slick-slide p{
	padding-top:20px;
	text-align:center;
}
.slider-for .slick-slide iframe{
	display:block;
	margin:0 auto;
	max-width:80%;
    overflow: hidden;
}
.slider-nav{
	width:80%;
}
.slider-nav .slick-slide{
	margin:0 7px;
	overflow:hidden;
	height:65px;
	-webkit-box-shadow: 0px 0px 15px 5px rgba(192,174,106,0.5);
    -moz-box-shadow: 0px 0px 15px 5px rgba(192,174,106,0.5);
    box-shadow: 0px 0px 15px 5px rgba(192,174,106,0.5);
    border: 1px solid #d9bb64;
	border-radius: 10px;
	outline:none;
	opacity:0.5;
}
.slider-nav .slick-center{
	opacity:1;
}
.slider-nav div img{
	height:100%;
	width:100%;
	margin:0 auto;
}
.slick-dots {
    top: 75px;
}
@media screen and (max-width:1230px) {
div.player01,
div.player02,
div.player03,
div.player04{
	padding-bottom:100px !important;
}
}
@media screen and (max-width:1200px) {
.slider-nav .slick-slide{
	height:65px;
}
}
@media screen and (max-width:1150px) {
div.player01 .topleft,
div.player02 .topleft,
div.player03 .topleft,
div.player04 .topleft{
	width:200px;
}
div.player01 .topleft img,
div.player02 .topleft img,
div.player03 .topleft img,
div.player04 .topleft img{
	width:100%;
}
div.player01 .topright,
div.player02 .topright,
div.player03 .topright,
div.player04 .topright{
	vertical-align:top;
}
div.player01 .topright h3.topmds,
div.player02 .topright h3.topmds,
div.player03 .topright h3.topmds,
div.player04 .topright h3.topmds{
	padding:0;
	width:70%;
}
div.playerconts02 .topright{
	width:60%;
}
div.player01,
div.player02,
div.player03,
div.player04{
	background-size:28%;
}
}
@media screen and (max-width:1100px) {
.slider-nav .slick-slide{
	height:65px;
}
}
@media screen and (max-width:1000px) {
.slick-dots {
    top: 100px;
}
.slider-nav .slick-slide{
	height:90px;
}
.slider-for .slick-slide img{
	max-width:80%;
}
}
@media screen and (max-width:900px) {
.slider-nav .slick-slide{
	height:80px;
}
.slick-dots {
    top: 85px;
}
}
@media screen and (max-width:850px) {
.slider-nav .slick-slide{
	height:70px;
}
.slick-dots {
    top: 80px;
}
}
/****************** PLAYER BIG END *******/
/******************** 下層プレイヤーページ END ***/


@media screen and (max-width:1230px) {
div.legends{
	padding:0 3%;
}
.footlist{
	margin:0 0 70px 0;
}
.footlist .item{
	width:173px;
	margin:5px;
}
div.legends h4 {
	margin-left:1%;
}
div.topconts,
div.playerconts,
div.playerconts02{
	margin:40px 0 40px 1%;
}
.biglist{
	margin:0 0 0 -3%;
}
}
@media screen and (max-width:950px) {
div.legends h3.topmds{
	width:100%;
}
div.playerconts h3.topmds{
	padding:10px 0 25px;
	width:100%;
}
div.playerconts p.colortxt{
	color:#c0ae6a;
	width:100%;
	font-size:100%;
	line-height:18px;
}
.biglist .item{
	width:24%;
	display:inline-block;
	letter-spacing: normal; /* display:inline-block用CSS */
	margin:0 0.5%;
}
.biglist{
	margin:0 0 0 -0.5%;
}
}

@media screen and (max-width:760px) {
div.legends{
	padding:0 0;
}
div.topconts{
	display:block;
	margin:0px 0 40px 0;
}
div.legends .topleft{
	width:100%;
	display:block;
}
div.legends h2 img{
	width:100%;
}
div.legends .topright{
	display:block;
	padding-left:0px;
}
div.legends h3.topmds{
	padding:0 0;
	width:100%;
	margin-bottom:15px;
}
div.legends h4 {
	margin:30px 0 10px;
	margin-left:0%;
}
/******************** トップページリスト END ***/
.biglist{
	margin:0 auto;
}
.biglist .item{
	width:48%;
	margin:0 1%;
}
.spfootlist{
	margin:0 auto 50px;
	text-align:center;
	letter-spacing: -.40em; /* display:inline-block用CSS */
}
.spfootlist .item{
	width:48%;
	display:inline-block;
	letter-spacing: normal; /* display:inline-block用CSS */
	margin:0 1%;
}
.spfootlist .item img{
	width:100%;
}
.spfootlist .item img.on_img{
	width:auto;
}
/******************** トップページリスト END ***/


/******************** 下層プレイヤーページ ***/
div.playerconts{
	margin:40px 0 20px 1%;
}
div.playerconts h2 img{
	width:90%;
	display:block;
	margin:0 auto 10px;
}
div.playerconts02 h2 img{
	width:90%;
	display:block;
	margin:0 auto 10px;
}
div.playerconts02 .topright{
	width:100%;
}
.slider-for{
	margin-bottom:20px;
}
.slider-nav .slick-slide{
	margin:0 5px;
}
.slider-for .slick-slide img{
	max-height:250px;
}
.slick-dots{
	display:none !important;
}
div.playerconts02 p.foottxt{
	color:#c0ae6a;
	margin-top:40px;
}
/******************** 下層プレイヤーページ END ***/

}
@media screen and (max-width:700px) {
.slider-nav .slick-slide{
	height:80px;
}
}
@media screen and (max-width:600px) {
.slider-nav .slick-slide{
	height:60px;
}
.slider-for .slick-slide img{
	max-width:98%;
}
.slider-for{
	margin-bottom:5px;
}
.slider-for .slick-slide iframe{
	width:100%;
	max-width:100%;
	height:auto;
}
}