@charset "utf-8";
/* CSS Document */
body {
	background: #f3eeed;
}
/* type square
------------------------------------------------*/
.shin_go_heavy {
	font-family: "Shin Go Heavy";
}
.UD_Shin_Go_NT_Bold {
	font-family: "UD Shin Go NT Bold";
}
.TBCGothic_E {
	font-family: "TBCGothic E";
}
.DS-kirigirisu {
	font-family: "DS-kirigirisu";
}
.DS-highcollar {
	font-family: "DS-highcollar";
}
/* 
------------------------------------------------*/
.gf_form_box form {
	padding: 10px 10px 0 !important;
}


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

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

.c1 { color: #f00!important; }
.c2 { color: #49D150!important; }
.c3 { color: #0050e0!important; }


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

.buy a {
	display: block;
	border-radius: 16px;
	text-align: center;
	margin: auto;
	padding: 8px 0;
	text-decoration: none !important;
	max-width: 100%;
}
.buy a:link,
.buy a:active,
.buy a:visited {
	background-color: #d22323 !important;
	color: #fff !important;
	text-decoration: none !important;
}
.buy a:hover {
	background-color: #df6565 !important;
	color: #fff !important;
	text-decoration: none !important;
}
	
.buy a:link,
.buy a:active,
.buy a:visited {
	background-color: #d22323;
	color: #fff;
	text-decoration: none !important;
}
	
/* kei
------------------------------------------------*/
.kei {
	box-sizing: border-box;
	border: 1px solid #888;
}

/* header
------------------------------------------------*/
#WSheader h1 a {
	display: block;
	overflow: hidden;
	height: 0 !important;
	background-image: url(/eximages/global/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: 2.5em !important; }

/*----------------------------------------*/
/* aside */
/*----------------------------------------*/
#WSwrapper > aside .cover img {
	max-width: 100%;
	height: auto;
	border: 1px solid #d22323;
	box-sizing: border-box;
}
#WSwrapper > aside .bn {
	list-style-type: none;
	margin-top: 10px;
}
#WSwrapper > aside .bn img,
#WSwrapper > aside .bn2 img {
		border: 1px solid #d2d2d2;
		box-sizing: border-box;
}
#WSwrapper > aside .bn p,
#WSwrapper > aside .bn2 p {
	margin-top: 6px;
}
#WSwrapper > aside .bn p img,
#WSwrapper > aside .bn2 p img {
	max-width: 100%;
	height: auto;
}
#WSwrapper > aside .twitter {
	margin-top: 10px;
	border: 1px solid #d22323;
	background: #fff;
}
#WSwrapper > aside .twitter h2 {
	background: #d22323;
	color: #fff;
	padding: 4px 8px;
}

.channel {
	padding: 20px;
}
.channel h5 {
	font-size: 1.6em;
	margin-top: 10px;
}
.channel h5:first-child {
	margin-top: -4px;
}
.channel p {
	font-size: 1.4em;
}
.channel ul {
	margin-bottom: 12px;
}
.channel .mov {
	position: relative;
	width: 100%;
 	padding-top: 56.25%;
 }
.channel .mov iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: calc(100% - 2px) !important;
	height: 100% !important;
	border: 1px solid #fff;
 }

#abj {
	background-color: #fff;
	padding: 8px 0 0;
	color: #666;
	font-size: 1.4em;
}
#abj img {
	width: 80px;
	height: auto;
}
#abj div {
	text-align: center;
}
#abj p {
	padding: 10px 0;
}

.gf_footer {
	border-top: none;
}

/*----------------------------------------*/
#share {
	display: flex;
	font-size: 36px;
	list-style-type: none;
}
#share li {
	margin-right: 8px;
}
#share li a {
	text-decoration: none !important;
}
#share .fb a {}
#share .tw a {color: #1DA1F2;}
#share .line a {color: #1dcd00;}

#share li a::before {
    font-family: "Font Awesome 5 Brands", "Font Awesome 5 Free";
}
#share .fb a::before {
    content: "\f082";
	color: #3B5998;
}
#share .tw a::before {
    content: "\f081";
	color: #1DA1F2;
}
#share .line a::before {
    content: "\f3c0";
	color: #1dcd00;
}

@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(/eximages/global/pgtop.png);
		font-size: 8px;
	}
	
	/*----------------------------------------*/
	/* structure                              */
	/*----------------------------------------*/
	#gf_mediaconts {
		width: 100% !important;
	}
	#WSwrapper {
		padding-top: 84px;
		width: 1080px;
		margin: 0 auto;
	}
	#contentWrapper {
		position: relative;
	}
	#primary {
		float: left;
		width: 748px;
		background: #fff;
		padding: 16px;
		margin-bottom: 24px;
	}
	#WSwrapper > aside {
		width:280px;
		float:right;
		padding-bottom: 36px;
	}
	#abj section {
		width: 980px;
		margin: auto;
	}
	#abj div {
		float: left;
		width: 90px;
	}

	/*----------------------------------------*/
	#WSfixed {
		position: fixed;
		width: 100%;
		z-index: 10;
		height: 70px;
		background-image: url(/eximages/global/hd_bg.png);
		background-repeat: repeat-x;
		box-shadow: 0px 3px 6px rgba(0,0,0,0.2);
	}
	/*----------------------------------------*/
	#WSheader {
		height: 70px;
		width: 1080px;
		top: 0;
		margin: auto;
		background-color: #fff;
		background: url(/eximages/global/official.png) no-repeat;
		background-position: 160px 4px;
		margin: auto;
	}
	/*----------------------------------------*/
	#WSheader h1 {
		position: absolute;
		width: 156px;
		font-size: 8px;
		z-index: 20;
	}
	#WSheader h1 a {
		display: block;
		overflow: hidden;
		width: 156px;
		height: 0 !important;
		padding-top: 66px;
		background-size: 156px auto;
		background-image: url(/eximages/global/logo.png?201711);
		z-index: 502;
	}
	/*----------------------------------------*/
	#WSnavi {
		position: relative;
		width: 1080px;
		margin: auto;
	}
	#WSnavi .navs {
		position: absolute;
		top: -40px;
		padding-left: 180px;
		border-right:1px solid #fff;
	}
	#WSnavi .navs li {
		float:left;
		width: 111px;
		list-style-type:none;
		border-left:1px solid #fff;
		position:relative;
	}
	#WSnavi .navs > li > p,
	#WSnavi .navs > li > a {
		width: 104px;
		height:40px;
		display:block;
		text-indent:-9999px;
		background-image:url(/eximages/global/hd_nv.png?201811);
		background-repeat: no-repeat;
	}
	#WSnavi .nav1 > p { background-position: center 0;}
	#WSnavi .nav2 > p { background-position: center -40px;}
	#WSnavi .nav3 > p { background-position: center -80px;}
	#WSnavi .nav4 > p { background-position: center -120px;}
	#WSnavi .nav5 > p { background-position: center -160px;}
	#WSnavi .nav6 > p { background-position: center -200px;}
	#WSnavi .nav7 > p { background-position: center -240px;}
	#WSnavi .nav8 > a { background-position: center -280px; }
	
	
	#WSnavi .navs li > span {
		position:absolute;
		display:block;
		background-image:url(/eximages/global/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 .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:969px; margin-left: -338px; } 
	#WSnavi .nav3 div { width:230px; margin-left: -115px; } 
	#WSnavi .nav4 div { width:230px; margin-left: -115px; } 
	#WSnavi .nav5 div { width:180px; margin-left: -125px; } 
	#WSnavi .nav6 div { width:180px; margin-left: -90px; }
	#WSnavi .nav7 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 .ren div {
		width: 1070px !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 .ren ul { 
		margin: 16px 8px; 
		border-collapse: collapse;
		display:-webkit-box;
		display:-moz-box;
		display:-ms-box;
		display:-webkit-flexbox;
		display:-moz-flexbox;
		display:-ms-flexbox;
		display:-webkit-flex;
		display:-moz-flex;
		display:-ms-flex;
		display:flex;
		-webkit-box-lines:multiple;
		-moz-box-lines:multiple;
		-webkit-flex-wrap:wrap;
		-moz-flex-wrap:wrap;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap;
		vertical-align: top;
		width: 100%;
		list-style-type: none;
		justify-content: left;
	}
	#WSnavi .navs .ren li {
		width:168px;
		min-height:70px;
		border:none;
		background:none;
		text-align:left;
		line-height:1.2;
		margin: 0 4px;
	}
	#WSnavi .navs .ren li a,
	#WSnavi .navs .ren li a:hover {
		background:none;
	}
	#WSnavi .navs .ren li a img {
		border:1px solid #000;
		float:left;
		margin-right:4px;
	}
	#WSnavi .navs .nav2 a { color:#0046be; }
	#WSnavi .navs .ren em { font-size:11px;color:#000 !important; }
	#WSnavi .navs .ren 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; }
	/*----------------------------------------*/
	/* フッター
	----------------------------------------*/
	#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(/eximages/global/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(/eximages/global/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;
	}
	
	#primary .channel ul {
		list-style-type: none;
		margin-right: 16px !important;
		padding: 16px 0px 0px 474px !important;
	}
	#primary .channel li {
		background: url(/eximages/news/images/go.png) no-repeat;
		padding: 0px 0px 0px 20px;
	}
}

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

@media screen and (max-width:640px) {
	/* SP GLOBAL */
	body {
		background: #fff;
	}
	
	.pc,
	#gf_footer_b {
		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(../../eximages/global/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(/eximages/global/sp/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(../../eximages/global/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; }
	
	/* channel
	----------------------------------------*/
	.channel h5,
	.channel p {
		margin: 0px;
	}
	.channel h5 {
		font-size: 1.6em;
		margin-top: 10px;
	}
	.channel h5:first-child {
		margin-top: 6px;
	}
	/* Wrapper
	----------------------------------------*/
	#contentWrapper {
		padding-top: 64px;
	}
	#abj {
		font-size: 1.2em;
	}
	#abj section {
		width: 100%;
		padding: 10px;
	}

	/* header
	----------------------------------------*/
	header#WSheader {
		background: url(/eximages/global/hd_bg.png) repeat-x;
		background-size: 320px 64px;
		-webkit-background-size: 320px 64px;
		height: 64px;
		position: fixed;
		top: 0;
		right: 0;
		left: 0;
		z-index:10;
	}
	#WSheader h1 {
		width:320px;
		height:64px;
		background: url(/eximages/global/sp/hd_bg.png) no-repeat;
		background-size: 320px 64px;
		-webkit-background-size: 320px 64px;
	}
	#WSheader h1 a {
		position:absolute;
		right:0px;
		width: 140px;
		padding-top: 58px;
		background-size: 140px 58px;
		-webkit-background-size: 140px 58px;
	}
	
	/* nav
	----------------------------------------*/
	nav#WSnavi{
		width: 260px;
		background:#d22323;
		font-size: 15px;
		line-height: 1.2;
		display: none;
	}
	
	#WSnavi ul {
		background:#d22323;
	}
	#WSnavi .navs {
		position:relative;
		list-style-type:none;
		padding-bottom: 50px;
	}
	#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: 10px 8px;
		color:#fff;
		font-size: 1em;
		border-bottom: 1px solid #fff;
	}
	#WSnavi .navs li > span { 
		display:none;
	}
	#WSnavi .nav2 .btn,
	#WSnavi .navs li a {
		display:block;
		color:#fff;
		text-decoration:none;
	}
	
	#WSnavi .nav1 > p {
		border-top: 1px solid #fff !important;
	}
	#WSnavi .nav2 > p,
	#WSnavi .nav8 {
		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(/global/img/rensai_arr2.png);
	}
	#WSnavi .nav2.open .btn {
		background-image:url(/global/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 {
		text-align:right;
		color: #fff;
		font-size: 1.2em;
		padding: 10px;
	}
	#WSnavi .nav2 .close:after  {
		content: "▲";
	}
	#WSnavi .nav2 .close img  {
		display: none;
	}
	#WSnavi .bs {
		position:absolute !important;
		top:10px;
		left:10px;
		width: 200px !important;
		height: 52px !important;
	}
	#WSnavi .navs .bs a {
		display: block;
		overflow: hidden;
		width: 200px;
		height: 0 !important;
		padding: 52px 0 0 0;
		background-image: url(/eximages/global/sp/backstage.png);
		background-size: 200px auto;
		-webkit-background-size: 200px auto;
	}
	
	#WSnavi .navs li {
		position: relative;
	}
	#WSnavi li span.arr {
		display: block;
		position: absolute;
		right: 10px;
		width: 10px;
		height: 10px;
		margin: auto;
		top: 12px;
		color: #fff;
		font-size: 8px;
	}
	#WSnavi li span.arr:before {
		content: "▼";
	}
	#WSnavi li span.arr.open:before {
		content: "▲";
	}

	/* footer
	----------------------------------------*/
	#WSfooter {
		clear: both;
		position: relative;
		background-color: #d22323;
		margin-top: 30px;
		padding: 28px 8px 8px 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(/eximages/global/sp/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;
	}
	/*----------------------------------------*/
	#share {
		margin: 10px 0 10px 10px; 
	}
	#share li {
		margin: 0px;
		font-size: 30px;
		line-height: 1.2;
		width: calc(100vw/3);
		text-align: center;
		margin-right: 10px;
	}
	#share li a {
		display: block;
		padding: 2px 0 0;
		color: #fff;
	}
	#share li a::before {
		color: #fff !important;
	}
	#share .fb  {
		background-color: #3B5998;
	}
	#share .tw {
		background-color: #1DA1F2;
	}
	#share .line {
		background-color: #1dcd00;
	}
	
	/*----------------------------------------*/
	#WSwrapper > aside {
		padding: 15px;
		background: #f3eeed;
		width: 100%;
		max-width: 370px;
		margin: 0 auto 40px;
	}
	#WSwrapper aside .cover {
		max-width: 240px;
		margin: auto;
	}
	/* 公式ウィジェットのstyle属性の width:100%; は固定サイズ指定で上書きされますが、
	 親要素の表示幅を超えているので採用されず、max-width: 100%; が採用され、結果的にコンテンツ領域の幅100%で表示*/
	#WSwrapper .twitter iframe { width: 740px !important; }
}