@charset "utf-8";
/* CSS INFORMATION -====================================================
File name : fashion.css
Description : 下層：私服選手権ページCSS
===================================================================== */


#fashion .cont_wrap{
	text-align: center;
}
	#fashion .cont_wrap #fashion_pics{
		padding: 4% 0;
	}
		#fashion .cont_wrap #fashion_pics img{
			width: 100%;
			height: auto;
		}

	.txt_fashion{
		margin: 0 0 1.2em 0;
	}
	
	
	#member li{
		float: left;
		width: 48%;
		margin: 0 1% 5% 1%;
		text-align: center;
	}

			.figure{
				display: block;
				position: relative;
				padding-top: 144%;
				background-image: url(../images/fashion/player_bg.png);
				background-repeat: no-repeat;
				background-size: 100%;	
			}

			.figure:hover{
				background-image: url(../images/fashion/player_bg_over.png);
			}

			.figure.ajax{
				display: none;
			}

				.figure img{
					position: absolute;
					left: 0;
					top: 0;
					right: 0;
					bottom: 0;
					width: 73%;
					margin: auto;
				}


			.team{
				display: table;
				width: 92%;
				height: 2em;
				margin-top: 5%;
				padding: .5em 4%;
				font-size: .7em;
				letter-spacing: -.1em;
			}
				.team span{
					display: table-cell;
					width: 100%;
					height: 2em;
					vertical-align: middle;
					text-align: center;
				}

			.name{
				padding: 8px;
				font-weight: bold;
			}

			/* 各選手ページ */

			h1.fashion_name{
				width: auto !important;
				height: auto !important;
				padding: 2% 4% 10% 4% !important;
				font-size: 1.8em !important;
				font-weight: bold !important;
				background: none !important;
				text-align: left !important;
				border: none !important;
			}

			.buffalow{
				display: block;
				margin: 0 0 .5em 0;
				padding-left: 2%;
				font-weight: bold;
				color: #133aa8;
				border-left: solid 5px #133aa8;
			}

			#fullshot{
				position: relative;
				background: url(../images/fashion/player_bg.png) no-repeat;
				background-size: 100%;
				box-shadow: 0px 0px 5px rgba(0,0,0,.6);
			}
			#fullshot img{
				width: 100%;
				height: auto;
			}

			.returnTop{
				display: block;
				padding: 2%;
				background: #d7261c;
				text-align: center;
				color: #fff;
			}


@media screen and (min-device-width: 641px) {

	#fashion .cont_wrap{
		padding-top: 60px;
	}
		#fashion .cont_wrap #fashion_pics img{
			width: auto;
			height: auto;
		}
		.txt_fashion{
			margin: 0 0 10px 0;
		}

		#member{
			padding: 30px 0;
		}

		#member li{
			float: left;
			width: 205px;
			margin: 0 5px 45px 5px;
			text-align: center;
		}
		
		.figure{
			display: block;
			position: relative;
			height: 294px;
			padding-top: 0;
		}
			.figure img{
				width: 100% !important;
				height: auto;
			}
			
			.figure.ajax{
				display: block;
			}

			.figure.link{
				display: none;
			}

				.figure img{
					position: absolute;
					left: 0;
					top: 0;
					right: 0;
					bottom: 0;
					width: 72%;
					margin: auto;
					vertical-align: middle;
				}


			.team{
				font-size: 1.2rem;
			}

			.name{
				padding: 8px;
				font-size: 1.6rem;
				font-weight: bold;
			}



			/* 各選手ページ */

			#popup{
				position: relative;
			}

			h1.fashion_name{
				padding: 30px 40px !important;
				height: auto !important;
				font-size: 1.6em !important;
				font-weight: bold !important;
				background: none !important;
			}

			.buffalow{
				padding: 0 10px;
				font-weight: bold;
				color: #133aa8;
				border-left: solid 5px #133aa8;
			}

			#fullshot{
				position: relative;
				width: 420px;
				height: 600px;
				margin: 0 auto 100px auto;
				background: url(../images/fashion/player_bg.png) no-repeat;
			}

				.frame{
					position: relative;
					width: 420px;
					height: 600px;
					margin: 0 auto;
				}

					.frame img{
						position: absolute;
						left: 0;
						top: 0;
						right: 0;
						bottom: 0;
						margin: auto;
					}
}