@charset "utf-8";

/* common
---------------------------------------------------- */
.wc img{ vertical-align:bottom;}
.wc_article_box br:first-child { display: none;} /* 最初の改行削除 */
.wc .wc_article_box img{ vertical-align: baseline;}

/* icon */
.wc .icon{ padding-left: 35px; background-position: left center; background-repeat: no-repeat; background-size: auto 100%;}
.wc .icon01{ background-image: url(https://s3.ap-northeast-1.amazonaws.com/test.t.file.v1.geki.jp/sp_data/special2026wc/img/ico_01.png); }
.wc .icon02{ background-image: url(https://s3.ap-northeast-1.amazonaws.com/test.t.file.v1.geki.jp/sp_data/special2026wc/img/ico_02.png); }
.wc .icon03{ background-image: url(https://s3.ap-northeast-1.amazonaws.com/test.t.file.v1.geki.jp/sp_data/special2026wc/img/ico_03.png); }
.wc .icon04{ background-image: url(https://s3.ap-northeast-1.amazonaws.com/test.t.file.v1.geki.jp/sp_data/special2026wc/img/ico_04.png); }
.wc .icon05{ background-image: url(https://s3.ap-northeast-1.amazonaws.com/test.t.file.v1.geki.jp/sp_data/special2026wc/img/ico_05.png); }
.wc .icon06{ background-image: url(https://s3.ap-northeast-1.amazonaws.com/test.t.file.v1.geki.jp/sp_data/special2026wc/img/ico_06.png); }
.wc .icon07{ background-image: url(https://s3.ap-northeast-1.amazonaws.com/test.t.file.v1.geki.jp/sp_data/special2026wc/img/ico_07.png); }

/* accordion */
.wc .or_accClose{ display:none;}

/* pc
---------------------------------------------------- */
@media screen and (min-width: 769px) {
	/* device */
	.wc_sp{ display:none;}

	/* hover */
	.wc a:hover,
	.wc_article .or_accordion h4:hover{
		filter: alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity:0.7;
	}

	/* tit-size */
	.wc_article h3{
		padding: 10px 14px 10px 45px;
		font-size: 17px;
		font-weight: bold;
		line-height: 1;
		font-style:italic;
	}

	/* main ---------------*/
	.wc_main{
		margin-bottom: 20px;
		width: 100%;
	}
		.wc_main img{ width: 100%;}

	.wc_main h2{
		margin-bottom: 1px;
	}

	.wc_main ul{
		width: 100%;
		overflow: hidden;
	}

	.wc_main ul li{
		float: left;
		width: 16.7088607595%;
	}
		.wc_main ul li.nav1,
		.wc_main ul li.nav6{ width: 16.582278481%;}
	
	.wc_main ul li a{
		display: block;
	}
	
	/* article ---------------*/
	.wc_article{
		width: 100%;
		max-width: 748px;
		margin: 0 auto 20px;
	}
			
	.wc_article_box{
		border: 1px solid #ddd;
	}
			
	/* tit */
	.wc_article h3{
		color: #ffffff;
		background: #000000 url(https://s3.ap-northeast-1.amazonaws.com/test.t.file.v1.geki.jp/sp_data/special2026wc/img/pc_titBg.jpg) no-repeat 0 0;
		background-size: 100% 100%;
	}

	/* news */
	.wc_article_box .odd-num-rows{}
	
	.wc_article_box .even-num-rows{
		background: #eee;
	}
	
	.wc_article_box .player-news{
		padding-left: 0;
	}
	
	.wc_article_box .player-news .post-title{
		padding: 10px;
		margin-bottom: 0;
	}
	
	.geki_contentitem .wc_article_box .player-news .next{
		float: none;
		width: 100%;
		margin: 0;
	}
	
	.geki_contentitem .wc_article_box .player-news .next a{
		display: block;
		padding: 10px 35px;
		color: #fff;
		text-align: right;
		line-height: 1em;
		font-weight: bold !important;
		font-style: italic;
		color: #ece4b5;
		background: #000 url(https://s3.ap-northeast-1.amazonaws.com/test.t.file.v1.geki.jp/sp_data/special2026wc/img/pc_more_arrow.png) no-repeat right center;
		background-size: auto;
		
		-webkit-border-radius: 0 !important;
		-moz-border-radius: 0 !important;
		-ms-border-radius: 0 !important;
		-o-border-radius: 0 !important;
		border-radius: 0 !important;
	}
	
	/* wc_block */
	.wc_article_box .wc_block{
		padding: 10px;
		font-size: 15px;
		border-bottom: 1px solid #ddd;
	}
		.wc_article_box .wc_block.last{ border: none;}
	
	.wc_article .or_accordion h4,
	.wc_article .wc_link a{
		display: block;
		color: #455986;
		font-size: 18px !important;
		background-position: right center;
		background-repeat: no-repeat;
		background-size: 18px 18px;
		cursor: pointer;
	}
		.wc_article .or_accordion h4{ background-image: url(https://s3.ap-northeast-1.amazonaws.com/test.t.file.v1.geki.jp/sp_data/special2026wc/img/arwT.png); }
		.wc_article .or_accordion h4.or_accOpen{ background-image: url(https://s3.ap-northeast-1.amazonaws.com/test.t.file.v1.geki.jp/sp_data/special2026wc/img/arwB.png); }
		.wc_article .wc_link a{ background-image: url(https://s3.ap-northeast-1.amazonaws.com/test.t.file.v1.geki.jp/sp_data/special2026wc/img/arwR.png); }
	
	.wc_article_box .wc_block_inner{
		padding-top: 10px;
	}
	
	.wc_article .wc_link a:hover{
		text-decoration: none;
	}

	/* bnr */
	.wc_bnr{
		text-align: center;
		margin-bottom: 24px;
	}
	
	.wc_bnr a.wc_pc{
		display: inline-block;
	}
}


/* tablet ～
---------------------------------------------------- */
@media screen and (max-width: 768px) {
	/* margin-size */
	.geki_contentitem,
	.geki_contentitem .player-news{ padding: 0 !important;}
	.geki_contentitem .player-news.cf{ overflow: inherit;}
	.wc{ padding-bottom: 4%;}
	
	/* device */
	.wc_pc{ display: none;}
	
	/* tit-size */
	.wc_article h3{
		padding: 3.4% 2.4%;
		font-size: 18px;
		font-weight: bold;
		line-height: 1;
	}
	
	/* main --------------- */
	.wc_main{
		margin-bottom: 2.8%;
	}
	
	.wc_main img{
		width: 100%;
	}
	
	.wc_main h2{
		margin: 0;
	}
	
	.wc_main ul{
		overflow: hidden;
		border-top: 1px solid #fff;
	}
	
	.wc_main ul li{
		float: left;
		width: 33.3333333334%;
	}
	
	.wc_main ul li a{
		display: block;
		border-bottom: 1px solid #fff;
	}
	
	/* article ---------------*/
	.wc_article{
		width: 100%;
		margin-bottom: 2.8%;
	}

	.wc_article_box{
		border-bottom: 1px solid #ddd;
	}
	
	/* tit */
	.wc_article h3{
		color: #ffffff;
		background: #000000 url(https://s3.ap-northeast-1.amazonaws.com/test.t.file.v1.geki.jp/sp_data/special2026wc/img/sp_titBg.jpg) no-repeat 0 0;
		background-size:100%;
		padding: 3.8% 2.4% 4% 11%;
	}
	
	/* news */
	.wc_article_box .odd-num-rows{}
	
	.wc_article_box .even-num-rows{
		background: #eee;
	}
	
	.wc_article_box .player-news{
		padding-left: 0;
	}
	
	.wc_article_box .player-news .post-title{
		padding: 10px;
		margin-bottom: 0;
	}
	
	.geki_contentitem .wc_article_box .player-news .next{
		float: none;
		width: 100%;
		margin: 0;
	}
	
	.geki_contentitem .wc_article_box .player-news .next a{
		display: block;
		background: url(https://s3.ap-northeast-1.amazonaws.com/test.t.file.v1.geki.jp/sp_data/special2026wc/img/sp_more_arrow.png) 58% no-repeat #000 !important;
		background-size: auto 60% !important;
		color: #ece4b5 !important;
		text-align: left;
		font-weight: bold !important;
		font-size: 12px !important;
		font-style: italic;
		padding: 2% 0% 2% 39% !important;
		-webkit-border-radius: 0 !important;
		-moz-border-radius: 0 !important;
		-ms-border-radius: 0 !important;
		-o-border-radius: 0 !important;
		border-radius: 0 !important;
	}
	
	/* wc_block */
	.wc_article_box .wc_block{
		padding: 10px;
		font-size: 15px;
		border-bottom: 1px solid #ddd;
	}
		.wc_article_box .wc_block.last{ border: none;}
	
	.wc_article .or_accordion h4,
	.wc_article .wc_link a{
		display: block;
		color: #455986;
		font-size: 18px !important;
		font-weight: bold !important;
		
		background-position: right center;
		background-repeat: no-repeat;
		
		background-size: auto 70%;
		cursor: pointer;
	}
		.wc_article .or_accordion h4{ background-image: url(https://s3.ap-northeast-1.amazonaws.com/test.t.file.v1.geki.jp/sp_data/special2026wc/img/arwT.png); }
		.wc_article .or_accordion h4.or_accOpen{ background-image: url(https://s3.ap-northeast-1.amazonaws.com/test.t.file.v1.geki.jp/sp_data/special2026wc/img/arwB.png); }
		.wc_article .wc_link a{ background-image: url(https://s3.ap-northeast-1.amazonaws.com/test.t.file.v1.geki.jp/sp_data/special2026wc/img/arwR.png); }
	
	.wc_article_box .wc_block_inner{
		padding-top: 10px;
	}
	
	.wc_article .wc_link a:hover{
		text-decoration: none;
	}

	/* bnr */
	.wc_bnr{
		padding: 0 2%;
		margin: 3% 0;
		text-align: center;
	}

	.wc_bnr a.wc_sp{
		display: inline-block;
	}
}


/* SmartPhone ～
---------------------------------------------------- */
@media screen and (max-width: 479px) {
	.wc .icon{ padding-left: 30px;}
	
	.wc_article h3{ font-size: 16px; }
	.wc_article_box .wc_block{ font-size: 14px; }
	.wc_article .or_accordion h4,
	.wc_article .wc_link a{ font-size: 16px !important; }
	
	.geki_contentitem .wc_article_box .player-news .next a{ background-size: auto 60% !important;}
}