<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

/* PC用 */
@media screen and (min-width:768px){
	body{
		min-width: 1200px;
		background: #e9e9e9;
	}
	
	.pcNone{display: none;}
	
	img{vertical-align: bottom;}

	/* メインビジュアル
	-------------------------------------------------- */
	#mainVisual{
		padding: 100px 0;
	}

	.mvTitle{
		display: flex;
		justify-content: center;
	}

	.mvTitle p:nth-child(2){
		margin: 0 30px;
	}

	.mvPhoto{
		display: -webkit-flex;
		display: flex;
		margin-top: 80px;
		overflow-x: hidden;
		justify-content: center;
	}

	.mvPhoto li{
		-webkit-flex-grow: 1;
		flex-grow: 1;
		height: 360px;
	}

	.mvPhoto img{
		height: 100%;
	}

	/* セクション
	-------------------------------------------------- */
	.secWrap{
		box-sizing: border-box;
		width: 1200px;
		margin: 20px auto 100px;
		background: #ffffff;
		padding: 0 50px 50px;
	}

	.secWrap h2{
		font-size: 50px;
		font-weight: bold;
		text-align: center;
		font-family: 'Oswald', 'Noto Sans JP', '游ゴシック', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
		letter-spacing: 0.1em;
		text-align: center;
		color: #333333;
		transform: translateY(-50%);
	}

	.playerList{
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	.playerList &gt; li{
		width: 30%;
		margin-bottom: 50px;
	}
	
	.playerList.col4{
		justify-content: flex-start;
	}
	
	.playerList.col4 &gt; li{
		width: 23%;
		margin: 0 1% 50px;
	}

	.playerThum{
		display: block;
		box-sizing: border-box;
		border: 1px solid #cccccc;
	}
	
	.playerThum a:hover{
		opacity: 0.8;
	}

	.playerThum img{
		width: 100%;
	}
	
	.playerThum.new{
		position: relative;
		z-index: 1;
	}
	
	.playerThum.new:after{
		content: "NEW";
		font-family: 'Oswald', 'Noto Sans JP', '游ゴシック', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
		color: #ffffff;
		background: #cc0000;
		font-size: 22px;
		line-height: 22px;
		text-align: center;
		position: absolute;
		padding: 12px 10px;
		top: 0;
		left: 0;
		z-index: 2;
	}

	.playerName{
		font-size: 18px;
		margin-top: 20px;
	}
	
	.playerName a{
		text-decoration: none;
		color: #000000;
	}
	.playerName a:hover{
		text-decoration: underline;
	}
	
	.playerSNS{
		margin-top: 20px;
		display: -webkit-flex;
		display: flex;
	}
	
	.playerSNS li{
		width: 36px;
		margin-right: 10px;
	}
	
	.playerSNS a{
		box-sizing: border-box;
		display: block;
		transition: all .3s;
	}
	
	.playerSNS a:hover{
		transform: translateY(-5px);
	}
	
	.playerSNS a img{
		width: 100%;
		image-rendering: crisp-edges;
	}
	
	.noDetail{
		box-sizing: border-box;
		display: block;
		background: #ffffff;
		margin-top: 20px;
		color: #5f5f60;
		border: 1px solid #5f5f60;
		text-align: center;
		padding: 19px 0;
		font-size: 16px;
		line-height: 16px;
		font-weight: bold;
		letter-spacing: 0.1em;
	}
	
	.detailLink{
		box-sizing: border-box;
		display: block;
		background: #5f5f60;
		margin-top: 20px;
		color: #ffffff;
		text-align: center;
		padding: 20px 0;
		font-size: 16px;
		line-height: 16px;
		font-weight: bold;
		text-decoration: none;
		letter-spacing: 0.1em;
		transition: all .3s;
		position: relative;
	}
	
	.detailLink:after{
		-webkit-transition: 0.3s;
		transition: 0.3s;
		content: "";
		position: absolute;
		display: block;
		width: 8px;
		height: 8px;
		border-top: 2px solid #ffffff;
		border-right: 2px solid #ffffff;
		top: 50%;
		right: 10%;
		-webkit-transform: rotate(45deg) translateY(-50%);
		transform: rotate(45deg) translateY(-50%);
	}
	
	.detailLink:hover{
		background: #cc0000;
	}
	
	.detailLink:hover:after{
		right: 8%;
	}
	
	.tyuui{
		text-align: right;
		font-size: 14px;
	}
}

/* SP用 */
@media screen and (max-width:767px){
	body{
		background: #e9e9e9;
	}
	
	.spNone{display: none;}
	
	img{vertical-align: bottom;}

	/* メインビジュアル
	-------------------------------------------------- */
	#mainVisual{
		padding: 20px 0;
	}

	.mvTitle{
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}
	
	.mvTitle p{
		margin: 15px 0 0;
		text-align: center;
	}
	
	.mvTitle p img{
		width: 80%;
	}

	.mvPhoto{
		display: -webkit-flex;
		display: flex;
		margin-top: 30px;
	}

	.mvPhoto li{
		-webkit-flex-grow: 1;
		flex-grow: 1;
	}
	
	.mvPhoto li:nth-child(1),
	.mvPhoto li:nth-child(4){
		display: none;
	}

	.mvPhoto img{
		width: 100%;
	}


	/* セクション
	-------------------------------------------------- */
	.secWrap{
		box-sizing: border-box;
		width: 94%;
		margin: 20px auto 60px;
		background: #ffffff;
		padding: 20px 15px;
	}

	.secWrap h2{
		font-size: 30px;
		line-height: 1.2em;
		font-weight: bold;
		text-align: center;
		font-family: 'Oswald', 'Noto Sans JP', '游ゴシック', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
		letter-spacing: 0.1em;
		color: #333333;
	}

	.playerList{
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	.playerList &gt; li{
		width: 46%;
		margin: 20px 0;
	}

	.playerThum{
		display: block;
		box-sizing: border-box;
		border: 1px solid #cccccc;
	}
	
	.playerThum a{
		display: block;
	}

	.playerThum img{
		width: 100%;
	}
	
	.playerThum.new{
		position: relative;
		z-index: 1;
	}
	
	.playerThum.new:after{
		content: "NEW";
		font-family: 'Oswald', 'Noto Sans JP', '游ゴシック', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
		color: #ffffff;
		background: #cc0000;
		font-size: 14px;
		line-height: 14px;
		text-align: center;
		position: absolute;
		padding: 8px 5px;
		top: 0;
		left: 0;
		z-index: 2;
	}

	.playerName{
		font-size: 16px;
		margin-top: 15px;
	}
	
	.playerSNS{
		margin-top: 15px;
		display: -webkit-flex;
		display: flex;
	}
	
	.playerSNS li{
		width: 30px;
		margin-right: 8px;
	}
	
	.playerSNS a{
		box-sizing: border-box;
		display: block;
		transition: all .3s;
	}
	
	.playerSNS a:hover{
		transform: translateY(-5px);
	}
	
	.playerSNS a img{
		width: 100%;
	}
	
	.noDetail{
		box-sizing: border-box;
		display: block;
		background: #ffffff;
		margin-top: 20px;
		color: #5f5f60;
		border: 1px solid #5f5f60;
		text-align: center;
		padding: 9px 0;
		font-size: 14px;
		line-height: 14px;
		font-weight: bold;
	}
	
	.detailLink{
		box-sizing: border-box;
		display: block;
		background: #5f5f60;
		margin-top: 20px;
		color: #ffffff;
		text-align: center;
		padding: 10px 0;
		font-size: 14px;
		line-height: 14px;
		font-weight: bold;
		text-decoration: none;
		letter-spacing: 0.1em;
		transition: all .3s;
		position: relative;
	}
	
	.detailLink:hover{
		background: #cc0000;
	}
}</pre></body></html>