@charset "utf-8";
/* CSS Document */

.gf_form_box form {
	padding: 10px 10px 0 !important;
}


ruby {
  position: relative;
  line-height: 0;
}

ruby rt {
  position: relative;
  top: 1ex;
}

/* notax
------------------------------------------------*/
.notax {
	display: inline-block;
	border: 1px solid #888;
	font-size: 93%;
	line-height: 1;
	margin: 0px;
	padding: 2px 2px 1px 2px;
}
	
/* kei
------------------------------------------------*/
.kei {
	border: 1px solid #888;
}

/* header
------------------------------------------------*/
#WSheader h1 a {
	display: block;
	overflow: hidden;
	height: 0 !important;
	background-image: url(/shared/img/logo.png);
}
/*----------------------------------------*/
.pgtop {
	position: fixed;
}

/*----------------------------------------*/
.fL {
	float:left;
	margin-right: 8px;
}
.fR {
	float:right;
	margin-left: 8px;
}
.cpy {
	font-size:10px !important;
	line-height:1.2;
}
.cap {
	font-size:12px !important;
	line-height:1.2;
}
.fa {
	font-size: 90% !important;
}
.big1 { font-size: 150% !important; }
.big2 { font-size: 200% !important; }
.big3 { font-size: 250% !important; }


@media print, screen and (min-width:641px) {
	
	.sp {
		display: none;
	}

	/* pgtop */
	/*----------------------------------------*/
	.pgtop {
		bottom: 80px;
		right: -40px;
		border-radius: 20px 0px 0px 20px;
		background-color: #4bb0ff;
	}
	
	.pgtop a {
		display: block;
		overflow: hidden;
		width: 40px;
		height: 0 !important;
		padding-top: 40px;
		background-image: url(/shared/img/pgtop.png);
		font-size: 8px;
	}
	
	/*----------------------------------------*/
	/* structure                              */
	/*----------------------------------------*/
	#gf_mediaconts { width: 981px !important;}
	#WEBSUNDAY {
		width: 981px;
		margin: 0 auto;
		border-right: 1px solid #b4b4b4;
		border-left: 1px solid #b4b4b4;
	}
	#contentWrapper {
		position: relative;
	}
	#primary {
		float: right;
		width: 778px;
		border-left: 3px solid #7d7d7d;
		margin-left: -3px;
		padding: 0 15px ;
	}
	#secondary {
		width:170px;
		float:left;
		border-top: 3px solid #7d7d7d;
		border-right: 3px solid #7d7d7d;
	}

	/*----------------------------------------*/
	#WSheader {
		height: 94px;
		position: relative;
		background: url(/shared/img/hd_bg.png) repeat-x;
		background-size: auto 80px; 
		background-position: left 14px;
	}
	#WSfixed {
		z-index: 1000;
		position: fixed;
		width: 981px;
		top: 0;
		background: #fff;
	}
	#WSfixed.fixed #WSheader {
		height: auto;
	}
	#WSwrapper {
		padding-top: 104px;
	}

	/*----------------------------------------*/

	#WSheader h1 {
		width: 221px;
		font-size: 8px;
	}
	#WSheader h1 a {
		display: block;
		overflow: hidden;
		width: 221px;
		height: 0 !important;
		padding-top: 94px;
		background-image: url(/shared/img/logo.png);
	}
	/*----------------------------------------*/
	#WSnavi {
		position:absolute;
		height:106px;
		z-index:50;
		top: 0px;
	}
	#WSnavi .navs {
		position:absolute;
		width:716px;
		height:39px;
		left:264px;
		top:55px;
	}
	#WSnavi .navs li {
		float:left;
		width:100px;
		list-style-type:none;
		border-left:1px solid #fff;
		position:relative;
	}
	#WSnavi .navs li > p {
		width:100px;
		height:39px;
		display:block;
		text-indent:-9999px;
		background-image:url(/shared/img/hd_nav.png);
	}
	.nav1 > p { background-position: 0 0;}
	.nav2 > p { background-position: -100px 0;}
	.nav3 > p { background-position: -200px 0;}
	.nav4 > p { background-position: -300px 0;}
	.nav5 > p { background-position: -400px 0;}
	.nav6 > p { background-position: -500px 0;}
	
	#WSnavi .navs li > span {
		position:absolute;
		display:block;
		background-image:url(/shared/img/hd_arr.png);
		background-position: 0 0;
		top:-3px;
		right:6px;
		width:12px;
		height:12px;
		text-indent:-9999px;
		overflow:hidden;
	}
	#WSnavi .navs li.open > span {
		background-position: 0 -12px;
		top:39px;
		z-index: 10;
	}
	#WSnavi .navs li.open,
	#WSnavi .navs li:hover {
		background:#000;
	}
	
	/* バックステージ */
	#WSnavi .nav7 {
		position:absolute;
		top:-52px;
		right:0px;
		width:109px;
		background-image:none;
	}
	#WSnavi .nav7 a {
		display: block;
		overflow: hidden;
		width: 109px;
		height: 0 !important;
		padding-top: 91px;
		background-image: url(/shared/img/hd_nav7.png);
		font-size: 8px;
	}
	#WSnavi li.nav7:hover { background: none; }
	#WSnavi .nav7 a:hover {background-position: 0 -91px ;}
	
	/* 入れ子ナビ */
	#WSnavi .navs li div {
		display:none;
		position:absolute;
		top:39px;
		background:#fff;
		font-size:12px;
		text-align:center;
		left: 50%;
	
		
		border:1px solid #d22323;
		box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
		border-radius: 0 0 30px 30px / 0 0 30px 30px;        /* CSS3草案 */  
		-webkit-border-radius: 0 0 30px 30px / 0 0 30px 30px;    /* Safari,Google Chrome用 */  
		-moz-border-radius: 0 0 30px 30px / 0 0 30px 30px;   /* Firefox用 */  
	}
	#WSnavi .navs li div ul { margin:10px 10px 20px;} 
	#WSnavi .nav1 div { width:140px; margin-left: -70px; } 
	#WSnavi .nav2 div { width:968px; margin-left: -416px; } 
	#WSnavi .nav3 div { width:230px; margin-left: -115px; } 
	#WSnavi .nav4 div { width:230px; margin-left: -115px; } 
	#WSnavi .nav5 div { width:180px; margin-left: -90px; } 
	#WSnavi .nav6 div { width:180px; margin-left: -90px; }
	
	#WSnavi .navs li li {
		float:none;
		width:100%;
	}
	#WSnavi .navs div a {
		color:#fff;
		display:block;
		background:#d22323;
		padding: 2px 0px;
		margin-bottom:2px;
		border:none;
		text-decoration:none;
		text-wrap:none;
	}
	#WSnavi .navs div a:hover {
		background: #000;
	}
	/* rennsai */
	#WSnavi .navs .nav2 div {
		width:968px !important;
		border-width:1px 6px 6px 6px;
		background: #fff;
		box-shadow: 0px 2px 2px rgba(0,0,0,0.3);
		
		border-radius: 0;        /* CSS3草案 */  
		-webkit-border-radius: 0;    /* Safari,Google Chrome用 */  
		-moz-border-radius: 0;   /* Firefox用 */  
	}
	#WSnavi .navs .nav2 ul { margin: 20px 12px; }
	#WSnavi .navs .nav2 li {
		width:180px;
		min-height:70px;
		border:none;
		float:left;
		background:none;
		text-align:left;
		line-height:1.2;
		margin: 0 4px;
	}
	#WSnavi .navs .nav2 li a,
	#WSnavi .navs .nav2 li a:hover {
		background:none;
	}
	#WSnavi .navs .nav2 li a img {
		border:1px solid #000;
		float:left;
		margin-right:4px;
	}
	#WSnavi .navs .nav2 a { color:#0046be; }
	#WSnavi .navs .nav2 li em { font-size:11px;color:#000 !important; }
	#WSnavi .navs .nav2 li em small { 
		font-size:10.5px;
		line-height:0 !important;
	}
	#WSnavi .navs .nav2 .close { 
		position:absolute;
		bottom:10px;
		right:10px;
		z-index:100;
	}
	#WSnavi .navs .nav2 .close:hover { cursor:pointer; }
	/*----------------------------------------*/
	#secondary .cover,
	#secondary .banner {
		padding:10px;
	}
	#secondary .banner li {
		list-style-type:none;
		margin-bottom:4px;
	}
	
	#secondary .nav li {
		list-style-type: none;
		height:38px;
		margin-bottom:1px;
		font-size: 8px;
	}
	#secondary .nav li a {
		display: block;
		overflow: hidden;
		width: 170px;
		height: 0 !important;
		padding-top: 38px;
		background-image: url(/shared/img/scd_nav.png);
		background-color:#4bb0ff;
	}
	#secondary .nav .nav1 a {
	}
	#secondary .nav .nav2 a {
		background-position: 0 -39px;
	}
	#secondary .nav .nav3 a {
		background-position: 0 -78px;
	}
	#secondary .nav .nav4 a {
		background-color:#ffa500;
		background-position: 0 -117px;
	}
	#secondary .nav .nav5 a {
		background-color:#5fcc9e;
		background-position: 0 -156px;
	}
	#secondary a:hover {
		filter: alpha(opacity=60);
		-moz-opacity: 0.6;
		opacity: 0.6;
	}

	/* フッター
	----------------------------------------*/
	#WSfooter {
		position: relative;
		clear: both;
		background: #d22323;
		height: 28px;
	}
	
	#WSfooter .top {
		position: absolute;
		top: -32px;
		right: 10px;
		width: 175px;
	}
	#WSfooter .top a {
		display: block;
		overflow: hidden;
		width: 100%;
		height: 0 !important;
		padding-top: 56px;
		background-image: url(/shared/img/ft_sunday.png);
	}
	
	#WSfooter .cpy {
		display: none;
	}

	/*----------------------------------------*/
	#snsbox {
		margin:20px 0;
	}
	#snsbox > div {
		float:left;
		margin-right:6px;
	}
	#snsbox a {
		display: block;
		overflow: hidden;
		width: 30px;
		height: 0 !important;
		padding-top: 30px;
		background-image: url(/shared/img/sns.png);
		font-size: 8px;
	}
	#snsbox .twt a { background-position: 0 -30px; }
	#snsbox .line {display:none; }
	#snsbox a:hover {
		filter: alpha(opacity=60);
		-moz-opacity: 0.6;
		opacity: 0.6;
	}
	/* channel */
	
	#primary .channel {
		background-color: #b2d4d2;
		margin: 16px 0px 12px 0px;
		padding: 24px 0px 12px 0px;
	}
	
	#primary .channel .mov {
		margin: 0px auto;
		width: 610px;
	}
	
	#primary .channel ul {
		list-style-type: none;
		margin-right: 16px !important;
		padding: 16px 0px 0px 474px !important;
	}
	#primary .channel li {
		background: url(/news/images/go.png) no-repeat;
		padding: 0px 0px 0px 20px;
	}
}

/* ---------------------------------------------------------------------------------- */

@media screen and (max-width:640px) {
	/* SP GLOBAL */
	
	
	.pc {
		display: none;
	}
	
	/* pgtop */
	
	.pgtop {
		position: fixed;
		bottom: 40px;
		right: -48px;
		border-radius: 6px;
		background-color: #999;
		margin-right: 8px;
		filter: alpha(opacity=80);
		-moz-opacity: 0.8;
		opacity: 0.8;
		z-index: 1000;
		-webkit-transform: translate3d(0px, 0px, 0px);
		-webkit-transition: .2s -webkit-transform ease-in-out;
	}
	
	.pgtop a {
		display: block;
		overflow: hidden;
		width: 40px;
		height: 0 !important;
		padding-top: 40px;
		background-image: url(../img/pgtop.png);
		background-size: 40px 40px;
		-webkit-background-size: 40px 40px;
		font-size: 8px;
	}
	.pgtop.show {
		-webkit-transform: translate3d(-48px, 0px, 2px);
		-webkit-transition: .2s -webkit-transform ease-in-out;
	}
	
	/* notax
	------------------------------------------------*/
	
	.notax {
		display: inline-block;
		border: 1px solid #888;
		font-size: 93%;
		line-height: 1;
		margin: 0px;
		padding: 2px 2px 1px 2px;
	}
	
	/* notax
	------------------------------------------------*/
	
	.goto a {
		display:block;
		background-color:#d22323;
		background-image:url(/shared/sp/img/goto.png);
		background-repeat:no-repeat;
		background-position: right center;
		background-size: 20px auto;
		-webkit-background-size: 20px auto;
		color:#fff;
		text-decoration:none;
		padding: 8px 20px 8px 8px;
	}
	
	/* sns
	------------------------------------------------*/
	#snsbox {
		margin:20px 10px 10px;
		padding-bottom:10px;
	}
	#snsbox > div {
		float:left;
		margin-right:10px;
		width:30px;
		height:30px;
	}
	#snsbox a {
		display: block;
		overflow: hidden;
		width: 30px;
		height: 0 !important;
		padding-top: 30px;
		background-image: url(../img/sns.png);
		background-size: 30px auto;
		-webkit-background-size: 30px auto;
		font-size: 8px;
	}
	#snsbox div:nth-child(2) a { background-position: 0 -30px; }
	#snsbox div:nth-child(3) a { background-position: 0 -60px; }
	
	/* header
	------------------------------------------------*/
	
	#WSheader {
		position: relative;
		background: url(/shared/img/hd_bg.png) repeat-x;
		height: 64px;
		background-size: 320px 64px;
		-webkit-background-size: 320px 64px;
		z-index: 10;
	}
	
	#WSheader h1 {
		width:320px;
		height:64px;
		background: url(/shared/sp/img/hd_bg.png) no-repeat;
		background-size: 320px 64px;
		-webkit-background-size: 320px 64px;
		z-index:100;
	}
	#WSheader h1 a {
		position:absolute;
		right:0px;
		width: 140px;
		padding-top: 58px;
		background-size: 140px 58px;
		-webkit-background-size: 140px 58px;
	}
	
	#SPmenu {
		position: absolute;
		left: 10px;
		top: 10px;
		background: url(/shared/sp/img/menu.png) no-repeat;
		width: 40px;
		height: 40px;
		background-size: 40px auto;
		-webkit-background-size: 40px auto;
		text-indent:-9999px;
		z-index:5;
		border: 1px solid #8f8e8e;
		border-radius: 3px;			/* CSS3草案 */  
		-webkit-border-radius: 3px;	/* Safari,Google Chrome用 */  
		-moz-border-radius: 3px;	/* Firefox用 */  
	}
	/* #WSwrapper
	------------------------------------------------*/
	#WSwrapper { /*メインコンテンツ要素へ変更*/
		position:relative;
		background: #FFFFFF;
		-webkit-transform: translate3d(0px, 0px, 0px);
		-webkit-transition: .2s -webkit-transform ease-in-out;
		z-index: 1;
	}
	 
	#WSwrapper.show { /*メインコンテンツ要素へ変更*/
		transform: translate3d(260px, 0px, 0px);
		-webkit-transform: translate3d(260px, 0px, 0px);
		min-width: 320px;
	}
	 
	#WSnavi.show { /*ドロワーメニュー大枠要素へ変更*/
		height: 100%;
		visibility: visible;
		/*display:block;*/
		z-index: 1;
		transition: z-index 0s linear .2s;
		-webkit-transition: z-index 0s linear .2s;
	}
	 
	#WSnaviContent { /*ドロワーメニュー中枠要素へ変更*/
		display: none;
		height: 100%;
		position: relative;
		width: 260px;
	}
	 
	#WSnavi { /*ドロワーメニュー大枠要素へ変更*/
		top: 64px;
		position: fixed;
		visibility: hidden;
		/*display:none;*/
		z-index: -1;
		transition: visibility 0s linear .2s;
		-webkit-transition: visibility 0s linear .2s;
	}
	/**/#WSnavi.show a,
	#WSwrapper a {
		pointer-events : auto !important;
	}
	#WSnavi a,
	#WSwrapper.show a {
		pointer-events : none !important;
	}
	
	/* nav
	------------------------------------------------*/
	#WSnavi {
		width:260px;
		background:#d22323;
		font-size: 15px;
		line-height: 1.2;
	}
	#WSnavi .navs {
		position:relative;
		padding-top:72px;
		list-style-type:none;
	}
	#WSnavi .navs ul {
		background:#d22323;
	}
	#WSnavi .navs li li {
		list-style-type:none;
		border-bottom:1px solid #fff;
		padding-left: 0.5em;
		padding:0px 0;
	}
	#WSnavi .navs li > p {
		background:#000;
		padding: 6px 8px;
		color:#fff;
	}
	#WSnavi .navs li > span { 
		display:none;
	}
	#WSnavi .nav2 .btn,
	#WSnavi .navs li a {
		display:block;
		padding: 16px 8px;
		color:#fff;
		text-decoration:none;
	}
	
	#WSnavi .nav2 .btn {
		padding: 20px 8px;
	}
	#WSnavi .nav1 > p {
		border-top: 1px solid #fff !important;
	}
	#WSnavi .nav2 > p {
		border-bottom: 1px solid #fff !important;
	}
	#WSnavi .nav2 li {
		background-color: #db4f4f;
	}
	
	#WSnavi .nav2 {
		position:relative;
	}
	#WSnavi .nav2.open {
	}
	#WSnavi .nav2 .btn {
		border-bottom:none;
		background-color:#981919 !important;
		background-repeat:no-repeat;
		background-position:220px center;
		-webkit-background-size: 12px auto;
	}
	#WSnavi .nav2 .btn  {
		background-image:url(/shared/img/rensai_arr2.png);
	}
	#WSnavi .nav2.open .btn {
		background-image:url(/shared/img/rensai_arr1.png);
	}
	#WSnavi .nav2 div,
	#WSnavi .nav2 li em,
	#WSnavi .nav2 br { 
		display:none;
	}
	#WSnavi .nav2 li:last-child,
	#WSnavi .nav6 li:last-child {
		border-bottom:1px solid #fff;
	}
	#WSnavi .nav2 img {
		width: 30px;
		margin-right: 3px;
		vertical-align: middle;
	}
	#WSnavi .navs li a {
		padding: 10px 8px;
		color:#fff;
	}
	
	#WSnavi .nav2 .close {
		display:none;
		color:#fff;
		padding:10px;
		text-align:right;
	}
	#WSnavi .nav2 .close img { display:none; }
	#WSnavi .nav2 .close:before { content:'▲閉じる';}
	
	#WSnavi .nav7 {
		position:absolute;
		top:10px;
		left:10px;
		width: 200px !important;
		height: 52px !important;
	}
	#WSnavi .navs .nav7 a {
		display: block;
		overflow: hidden;
		width: 200px;
		height: 0 !important;
		padding: 52px 0 0 0;
		background-image: url(/shared/sp/img/backstage.png);
		background-size: 200px auto;
		-webkit-background-size: 200px auto;
	}
	
	
	/* footer
	----------------------------------------*/
	
	#WSfooter {
		clear: both;
		position: relative;
		background-color: #d22323;
		margin-top: 30px;
		padding: 28px 8px 0px 8px;
		min-height: 16px;
	}
	
	#WSfooter .top {
		position: absolute;
		left: 0px;
		top: -30px;
		width: 165px;
	}
	#WSfooter .top a {
		display: block;
		overflow: hidden;
		width: 100%;
		height: 0 !important;
		padding-top: 53px;
		background: url(/shared/sp/img/ft_sunday.png) no-repeat;
		background-size: 165px 53px;
		-webkit-background-size: 165px 53px;
	}
	
	#WSfooter .cpy {
		color: #fff;
		font-size: 11px;
		line-height: 1.2;
		padding-bottom: 10px;
	}
	
	.fL, .fR {
		float:none;
		text-align: center;
		margin: auto;
	}

	/* channel */
	
	#primary .channel {
		background-color: #b2d4d2;
		margin: 20px 0px 12px 0px;
		padding: 10px;
	}
	
	#primary .channel .mov {
	}
	
	#primary .channel iframe {
		border: 1px solid #000;;
		width: 100%;
		height: auto;
	}
	
	#primary .channel .fL {
		float: left;
	}
	#primary .channel .fR {
		float: right;
	}
	
	#primary .channel ul {
		list-style-type: none;
		padding: 8px 0px 0px 0px;
	}
	#primary .channel li {
		background: url(go.png) no-repeat;
		-webkit-background-size: 16px 28px;
		padding: 0px 0px 0px 20px;
	}

}