@charset "shift_jis";
/* NEWS */


#newsbody .bdy .prm p,
#newsbody .bdy p.hon {
	line-height: 1.7;
	margin: 6px 0;
	font-size: 1.6em;
}
/* cap */

#newsbody .bdy p.cp1 {
	font-size: 1em !important;
	line-height: 1.3;
		margin: 6px 0px;
}
#newsbody .bdy p.cp2 {
	font-size: 1.2em !important;
	line-height: 1.5;
		margin: 6px 0px;
}

#newsbody .bdy .shp p {
	font-size: 13px;
	line-height: 1.4;
	margin: 4px 0 !important;
}

.kei {
	border: 1px solid #aaa;
	box-sizing: border-box;
}
#newsbody img {
	max-width: 100%;
}	


/* hed
-------------------------------------------------------- */
#newsbody .hed h4 {
	color: #fff;
	font-size: 11px;
	font-weight: normal;
	text-align: center;
}

#newsbody .hed h3 {
	clear: both;
	font-size: 18px;
	line-height: 1.3;
	font-weight: bold;
}

#newsbody .hed p.date {
	color: #333;
	font-size: 12.3px;
	line-height: 1.7;
}

/* h5 */
#newsbody .bdy h5 {
	font-size: 1.6em;
	line-height: 1.2;
	font-weight: bold;
}
#newsbody .bdy h5.tt1 {
	color: #000;
	text-align: center;
	margin: 3px 0px 10px 0px;
}
#newsbody .bdy h5.tt2 {
	color: #0050e0;
	margin: 16px 0px 8px 0px;
}
#newsbody .bdy h5.tt3 {
	color: #74C361;
	margin: 16px 0px 8px 0px;
	border-top: 1px solid  #74C361;
	padding-top: 12px;
}

#newsbody .bdy h6 {
	font-size: 1.4em;
	line-height: 1.2;
}
	
	

/* 書店リスト 20170105
-------------------------------------------------------- */
#newsbody .hed:nth-child(3),
#newsbody .hed:nth-child(5){
	margin-top: 30px;
	border-top: 8px solid #E7E7E7;
	padding-top:30px;
}


/* 書店リスト
-------------------------------------------------------- */
.shoplist ul,
.shoplist table {
	width: 100%;
	margin: 0 !important;
	border-collapse: collapse;
}
.shoplist li {
	display: inline-block;
	background: #000;
	width: calc( 100% / 6 );
	margin: 0 !important;
	border-right: 1px solid #fff;
	text-align: center;
	box-sizing: border-box;
	font-size: 1.4em;
}
.shoplist li a {
	color: #fff !important;
	text-decoration: none !important;
	width: 100%;
	display: block;
}
.shoplist td,
.shoplist th {
	border: 1px solid #C8C8C8;
	padding: 0 6px;
	box-sizing: border-box;
	border-collapse: collapse;
	font-size: 1.4em;
	font-weight: normal;
}
.shoplist tr:nth-child(2n) {
	background: #E9F7FF;
}
.shoplist tr:nth-child(2) {
}
.shoplist tr td:nth-child(3) {
}
.shoplist th {
	width: 8em;
}
.shoplist.stripe tr:nth-child(2n) {
	background:#CCEEFF;
}
.shoplist tr td:first-child {
	text-align: center;
	max-width: 6em;
}


#newsbody ul.multi {
	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;
	margin: 0 0 8px !important;
}
#newsbody ul.multi li {
	box-sizing: border-box;
	margin: 0;
}
#newsbody .sample .multi {
	text-align:center;
	justify-content: center;
}
#newsbody .bdy .pin {
	margin: 4px 0px;
}
#newsbody .bdy .pin p {
	font-size: 13px;
	line-height: 1.4;
	margin-bottom: 0px;
	padding: 4px 0;
}
#newsbody .pin img {
	max-width: 100%;
	height: auto;
}

#newsbody .bdy .kakomi {
	background: #cfdef9;
	padding: 10px 12px;
	margin-bottom: 10px;
}
	
#newsbody .multi h5 {
	margin-top: 3px !important;
}


@media print, screen and (max-width:641px){
	.shoplist li {
		width: calc( 100% / 3 );
		border-bottom: 1px solid #fff;
	}
	.shoplist td {
		padding: 0;
	}
	.shoplist li a {
		font-size: 10px;
		padding: 6px 0;
	}
	.shoplist tr td:first-child {
		white-space: nowrap;
	}
}

/* ページ内複数記事のときのヘッダー
-------------------------------------------------------- */
#newsbody .hed h6 {
	float: left;
	color: #fff;
	font-size: 11px;
	font-weight: normal;
	line-height: 1;
	text-align: center;
	margin: 0px 5px 4px 0px;
	padding-top: 4px;
	width: 88px;
	height: 14px;
}

#newsbody .hed h5 {
	clear: both;
	font-size: 18px;
	line-height: 1.3;
	padding-top: 2px;
}
.news   .hed > h6 {background-color: #b0b0b0;}
.comics .hed > h6 {background-color: #46b97e;}
.anime  .hed > h6 {background-color: #e34153;}
.event  .hed > h6 {background-color: #7b7bdd;}
.goods  .hed > h6 {background-color: #4baffa;}
.other  .hed > h6 {background-color: #c0c0c0;}
	

/* tile
-------------------------------------------------------- */
#newsbody .tile {
}
#newsbody .tile li {
	vertical-align: top;
	display: inline-block;
	margin: 0 12px 12px 0px !important;
	padding: 10px !important;
	background: #b2e8fe;
	box-sizing:border-box;
}
#newsbody .tile li:nth-child(even) { margin: 0 0px 12px 0px !important; }
#newsbody .tile li img {
	max-width: 100%;
}
#newsbody .tile.n2 li {
	width : 48%;
	width : -webkit-calc(50% - 6px);
	width: calc(50% - 6px);
}
#newsbody .tile p {
	margin: 4px 0 !important;
}
	
/* newsrelate
-------------------------------------------------------- */
#newsrelate {
	border:1px solid #cdcdcd;
	margin-top: 20px;
}
#newsrelate h3 {
	margin: 8px 10px 0;
	font-size: 12px;
}
#newsrelate ul {
	padding: 4px;
}
#newsrelate li {
	list-style-type:none; 
	line-height: 24px;
	font-size: 12px;
	display: inline-block;
	width: 32%;
	background:#F0F0F0;
	margin-bottom: 4px;
}
#newsrelate li a {
	display: block;
	padding: 8px;
}
#newsrelate li img {
	margin-right: 4px;
	border: 1px solid #aaa;
	height: 24px;
	width: auto;
}
.btn a {
	display: block;
	width: 100% !important;
	border-radius: 50px;
	text-align: center;
	margin-top: 2px;
	padding: 8px 0;
	background: #52B3F9;
	color: #fff !important;
	text-decoration: none !important;
	font-weight: bold;
}
.btn {
	width: auto;
	font-size: 2em !important;
}


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

#newsbody .bdy .nomgn {
	margin: 0px !important;
}
	

/* comix
------------------------------------------------*/

#newsbody .bdy .comix {
	position: relative;
	background-color: #f09543;
	padding: 20px;
}
#newsbody .bdy .comix h5 {
	font-size: 14px;
	padding: 0 !important;
	margin: 0 !important;
}

#newsbody .bdy .comix > ul {
	list-style-type: none;
	margin-right: -13px;
}

#newsbody .bdy .comix > ul > li {
	float: left;
	margin: 0px 4px 8px 7px;
	width: 60px;
}

#newsbody .bdy .comix > ul li p {
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.3;
	text-align: center;
}

#newsbody .bdy .comix > ul li .cover img {
	border: 1px solid #fff;
}

/* ul ul */

#newsbody .bdy .comix ul ul {
	list-style-type: none;
	padding-top: 4px;
	min-height: 36px;
}
#newsbody .bdy .comix ul ul li {
	padding-top: 2px;
	margin-left: 0;
}

#newsbody .bdy .comix li a {
	display: block;
	border-radius: 20px;
	color: #fff;
	font-weight: bold;
	line-height: 1;
	text-align: center;
	padding-top: 3px;
	height: 13px;
}
#newsbody .bdy .comix li.shop a {
	font-size: 11px;
}
#newsbody .bdy .comix li.yomu a {
	font-size: 10px;
}

#newsbody .bdy .comix li.shop a:link,
#newsbody .bdy .comix li.shop a:active,
#newsbody .bdy .comix li.shop a:visited {
	background-color: #356def;
	text-decoration: none;
}
#newsbody .bdy .comix li.shop a:hover {
	background-color: #7199f4;
	text-decoration: none;
}

#newsbody .bdy .comix li.yomu a:link,
#newsbody .bdy .comix li.yomu a:active,
#newsbody .bdy .comix li.yomu a:visited {
	background-color: #49c15b;
	text-decoration: none;
}
#newsbody .bdy .comix li.yomu a:hover {
	background-color: #7fd38c;
	text-decoration: none;
}

/* サンプル内書店名
------------------------------------------------*/
#newsbody .sample h5 {
	color: #30b567;
	font-size: 11px !important;
	border-radius: 10px;
	border: 1px solid #30b567;
	background: #fff;
	text-align: center;
	padding: 2px 2px;
	margin: 0 auto 4px !important;
	position: relative;
	width: auto;
	max-width: 100%;
	z-index: 0;
	box-sizing: border-box;
}
#newsbody .sample h5:before {
	content: "";
	position: absolute;
	bottom: -5px; left: 50%;
	margin-left: -9px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 5px 5px 0 5px;
	border-color: #fff transparent transparent transparent;
	z-index: 0;
}
#newsbody .sample h5:after {
	content: "";
	position: absolute;
	bottom: -6px; left: 50%;
	margin-left: -10px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 6px 6px 0 6px;
	border-color: #30b567 transparent transparent transparent;
	z-index: -1;
}
	
#newsbody .sample .noimage {
	background: #ccc;
	height: 150px;
	position: relative;
}
#newsbody .sample .noimage p {
	padding: 0;
	margin: 0;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%); /* Safari用 */
  transform: translateY(-50%);
 }



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

/* renanime
------------------------------------------------*/

.bdy .renanime > h5 {
	color: #fff;
	font-size: 24px !important;
	padding-bottom: 10px !important;
}
.bdy .renanime {
	background-color: #89d0ba;
	padding: 16px !important;
}

/* schedule */

.bdy .renanime .schedule {
	float: right;
	border: 1px solid #fff;
	width: 203px;
}

.bdy .renanime .schedule dt {
	background-color: #89d0ba;
	font-size: 13px;
	line-height: 1;
	text-align: center;
	padding: 8px 0px 7px 0px;
}

.bdy .renanime .schedule dd {
	background-color: #fff;
	font-size: 12px;
	line-height: 1.8;
	padding: 8px 0px 8px 8px;
}
.bdy .renanime .schedule dd em {
	display: inline-block;
	text-align: right;
	width: 7em;
}

/* yokoku */

.bdy .renanime .yokoku {
	padding-right: 221px;
}

.bdy .renanime .yokoku dt {
	background-color: #000;
	color: #fff;
	font-size: 13px;
	line-height: 1;
	text-align: center;
	padding: 4px 0px 3px 0px;
}

.bdy .renanime .yokoku dd h5 {
	font-size: 16px;
	line-height: 1.2;
	padding: 8px 0px 4px 0px;
}

.bdy .renanime .yokoku dd p {
	font-size: 13px;
	line-height: 1.5;
	padding-bottom: 8px;
}

/* channel */

.bdy .renanime .channel {
	background-color: transparent;
	padding: 10px 0px 0px 0px;
}

.bdy .renanime .channel ul {
	list-style-type: none;
	margin-right: 0;
	padding: 12px 0px 0px 320px;
}

	#newshead h2 {
		overflow: hidden;
		width: 400px;
		height: 0 !important;
		padding-top: 32px;
		background-image: url("/eximages/news/images/title.png");
	}
	
	.fL {
		float: left;
		margin: 0 10px 0 0 !important;
	}
	.fR {
		float: right;
	}
	
	/* sns */
	
	.sns {
		border-top: 1px solid #bfbfbf;
		margin-top: 16px;
		padding-top: 12px;
	}
	
	/* a */
	
	#primary .bdy a:link,
	#primary .bdy a:active,
	#primary .bdy a:visited,
	#newsrelate a,
	#newsrelate a:active,
	#newsrelate a:visited
	 {
		color: #0048d0;
		text-decoration: underline;
	}
	#primary .bdy a:hover,
	#newsrelate a:hover {
		color: #f00000;
		text-decoration: underline;
	}
	
	/* newshead
	-------------------------------------------------------- */
	
	#newshead {
	}
	
	#newshead nav {
		padding: 7px 0px 0px 0px;
	}
	
	#newshead ul {
		list-style-type: none;
		margin: 0 auto;
	}
	
	#newshead li {
		float: left;
		margin-right: 4px;
		width: calc((100% - 16px) / 5);
		height: 60px;
	}
	#newshead li.nav05 {
		margin-right: 0;
	}
	#newshead li.active {
		background: url(/eximages/news/images/ctgnav_bg.gif) no-repeat;
	}
	
	#newshead li p,
	#newshead li a {
		color: #fff;
		font-size: 12px;
		line-height: 1.2;
		font-weight: bold;
		padding: 6px 0px 4px 0px;
		text-align: center;
		width: 141px;
	}
	
	#newshead li p {
		border: 2px solid #c0c0c0;
		background-color: #dadada;
		cursor: default;
	}
	#newshead li a {
		display: block;
		border: 2px solid #000;
		text-decoration: none;
	}
	
	#newshead li:first-of-type p,
	#newshead li:first-of-type a {
		border-radius: 24px 0px 0px 0px;
	}
	#newshead li:last-of-type p,
	#newshead li:last-of-type a {
		border-radius: 0px 24px 0px 0px;
	}
	
	#newshead li a:link,
	#newshead li a:active,
	#newshead li a:visited {
		color: #fff;
	}
	#newshead li:not([class*="active"]) a:hover {
		background-color: #fff090 !important;
		color: #000;
	}
	
	#newshead .nav01 a:link,
	#newshead .nav01 a:active,
	#newshead .nav01 a:visited {
		background-color: #000;
	}
	#newshead .nav02 a:link,
	#newshead .nav02 a:active,
	#newshead .nav02 a:visited {
		background-color: #46b97e;
	}
	#newshead .nav03 a:link,
	#newshead .nav03 a:active,
	#newshead .nav03 a:visited {
		background-color: #e34153;
	}
	#newshead .nav04 a:link,
	#newshead .nav04 a:active,
	#newshead .nav04 a:visited {
		background-color: #7b7bdd;
	}
	#newshead .nav05 a:link,
	#newshead .nav05 a:active,
	#newshead .nav05 a:visited {
		background-color: #4baffa;
	}
	
	/* sp */
	
	#newsctg,
	.newstop {
		display: none;
	}
	
	/* headline
	-------------------------------------------------------- */
	
	#headline nav {
		margin-right: -3px;
	}
	
	/* new */
	
	#headline em {
		color: #fa9a00;
		font-size: 12px;
		font-weight: bold;
		margin-left: 4px;
	}
	
	/* article */
	
	#headline article {
		float: left;
		position: relative;
		margin: 0px 3px 3px 0px;
	}
	
	/* a */
	
	#headline article a {
		display: block;
		overflow: hidden;
		border: 1px solid #bfbfbf;
		padding: 16px 16px 8px 16px;
		width: 338px;
		height: 98px;
		text-decoration: none;
	}
	#headline article a:link,
	#headline article a:active,
	#headline article a:visited {
		background-color: #fff;
	}
	#headline article a:hover {
		background-color: #f8f8f8;
	}
	
	/* h */
	
	#headline article h3 {
		font-size: 14.2px;
		line-height: 1.2;
		padding-bottom: 2px;
	}
	
	#headline article h4 {
		position: absolute;
		right: 1px;
		top: 1px;
		color: #fff;
		font-size: 10px;
		font-weight: normal;
		line-height: 1;
		text-align: center;
		padding-top: 3px;
		width: 70px;
		height: 13px;
	}
	
	#headline .news   h3 {color: #555;}
	#headline .comics h3 {color: #46b97e;}
	#headline .anime  h3 {color: #e34153;}
	#headline .event  h3 {color: #7b7bdd;}
	#headline .goods  h3 {color: #4baffa;}
	#headline .other  h3 {color: #555;}
	.news   h4 {background-color: #b0b0b0;}
	.comics h4 {background-color: #46b97e;}
	.anime  h4 {background-color: #e34153;}
	.event  h4 {background-color: #7b7bdd;}
	.goods  h4 {background-color: #4baffa;}
	.other  h4 {background-color: #c0c0c0;}
	
	/* p */
	
	#headline article p {
		color: #000;
		font-size: 12px;
		line-height: 1.4;
	}
	
	#headline article p.date {
		color: #898989;
		font-size: 11px;
		line-height: 1.2;
		padding-bottom: 8px;
	}
	
	/* pin */
	
	#headline article .pin {
		float: left;
		position: relative;
		overflow: hidden;
		margin-right: 10px;
		width: 90px;
		height: 90px;
	}
	
	#headline article .pin span {
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		width: 90px;
		height: 90px;
	}
	#headline article .pin span.btm {background-image: url(/eximages/news/images/msk_btm.png);}
	#headline article .pin span.rit {background-image: url(/eximages/news/images/msk_rit.png);}
	
	/* list */
	
	#headline .list {
		clear: both;
		border: 1px solid #bfbfbf;
		margin-right: 3px;
		padding: 16px;
	}
	
	#headline .list ul {
		list-style-type: none;
	}
	#headline .list li {
		font-size: 13px;
		line-height: 1.2;
		padding: 2px 0px;
	}
	
	#headline .list h4 {
		position: absolute;
		color: #fff;
		font-size: 10px;
		font-weight: normal;
		line-height: 1;
		text-align: center;
		padding-top: 3px;
		width: 70px;
		height: 13px;
	}
	
	#headline .list a {
		display: inline-block;
		color: #333;
		padding: 2px 0px 0px 74px;
	}
	#headline .list a:link,
	#headline .list a:active,
	#headline .list a:visited {
		text-decoration: none;
	}
	#headline .list a:hover {
		text-decoration: underline;
	}
	
	/* newsbody
	-------------------------------------------------------- */
	
	#newsbody {
		position: relative;
		color: #000;
		line-height: 1.6;
	}
	
	#newsbody article {
		padding-top: 0px;
	}
	
	/* hed
	-------------------------------------------------------- */
	
	#newsbody .hed {
		border-bottom: 1px solid #bfbfbf;
		padding-bottom: 6px;
	}
	
	#newsbody .hed h4 {
		float: left;
		margin: 0px 5px 4px 0px;
		width: 88px;
		height: 14px;
	}
	
	#newsbody .hed h3 {
		padding-top: 2px;
	}
	
	/* bdy
	-------------------------------------------------------- */
	
	#newsbody .bdy {
		margin-top: 18px;
	}
	
	#newsbody .bdy .cnt {
		text-align: center;
		width: 100%;
	}
	#newsbody .bdy .lft {
		text-align: left;
	}
	#newsbody .bdy .rit {
		text-align: right;
	}
	
	/* prm sub pfL pfR */
	
	#newsbody .dbl .prm,
	#newsbody .pfL {
		float: left;
		width: 364px;
	}
	#newsbody .dbl .sub,
	#newsbody .pfR {
		float: right;
		width: 364px;
	}
	
	#newsbody .trp .prm {
		float: left;
		width: 324px;
	}
	#newsbody .trp .sub {
		float: right;
		width: 404px;
	}
	
	#newsbody .qad .prm {
		float: left;
		width: 430px;
	}
	#newsbody .qad .sub {
		float: right;
		width: 300px;
	}
	
	#newsbody .qin .prm {
		float: left;
		width: 510px;
	}
	#newsbody .qin .sub {
		float: right;
		width: 220px;
	}
	
	#newsbody .pfL2 {
		float: left;
		width: 540px;
	}
	#newsbody .pfR2 {
		float: right;
		width: 220px;
	}
	
	/* p */
	
	#newsbody .bdy p small {
		font-size: 11px;
	}
	
	/* pin shp */
	
	#newsbody .bdy .shp {
		margin: 6px 0px;
	}
	
	/* prs */
	
	#newsbody .bdy p.prs {
		font-size: 12px;
		line-height: 1.4;
		margin-top: 4px;
	}
	
	/* cpy */
	
	#newsbody .bdy p.cpy {
		font-size: 10px;
		line-height: 1.2;
		margin: 6px 0px;
	}
	
	/* midasi */
	
	#newsbody .bdy p.md1,
	#newsbody .bdy p.md2 {
		font-size: 14px;
		font-weight: bold;
		line-height: 1.3;
		margin: 16px 0px 8px 0px;
		padding: 10px 10px 8px 10px;
	}
	#newsbody .bdy p.md1 {
		background-color: #e0eaf8;
		color: #0050e0;
	}
	#newsbody .bdy p.md2 {
		background-color: #e0f4ea;
		color: #009050;
	}
	
	/* ul */
	
	#newsbody .bdy ul {
		/*font-size: 13.2px;*/
		line-height: 1.3;
		margin: 8px 0px 16px 0px;
	}
	#newsbody .bdy li {
		margin-left: 1.5em;
		padding: 2px 0px;
	}
	
	/* pinlist */
	
	#newsbody .pinlist {
		list-style-type: none;
		font-size: 12px;
		padding: 10px 0px;
	}
	#newsbody .pinlist li {
		float: left;
		margin-left: 0;
		width: 160px;
	}
	#newsbody .pin3 li p,
	#newsbody .pin4 li p {
		padding: 4px;
	}
	#newsbody .pin3 li {width: 245px;}
	
	#newsbody .pin4 li {width: 180px;}
	
	/* sample */
	
	#newsbody .sample {
		background-color: #ffdc4b;
		margin-top: 16px;
		padding: 16px 12px;
	}
	
	#newsbody .sample p {
		font-size: 13px;
		line-height: 1.4;
		margin-top: 8px;
	}
	
	#newsbody .sample .multi li {
		padding: 3px 4px;
		width: 120px;
	}
	#newsbody .sample .multi li.yoko {
		width: 160px;
	}
	#newsbody .sample li.yoko2 {
		width: 240px !important;
	}
	#newsbody .sample .np {
		text-align: center;
		width: 110px;
		padding: 60px 0;
		background: #F4F4F4;
		border: 1px solid #C6C6C6;
	}
	#newsbody .sample img {
		max-width: 100%;
		height: auto;
	}
	
	/*   */
	#newsbody .bdy .pins .fL {
		margin-right:10px;
		margin-bottom:10px;
	}
	/*   */
	#newsbody .bdy .tbl {
		border-collapse: collapse;
	}
	#newsbody .bdy .tbl .md th {
		font-weight: bold;
		background: #d2d2d2;
	}
	#newsbody .bdy .tbl tr.bg1 {
		background: #ffe1d4;
	}
	#newsbody .bdy .tbl th,
	#newsbody .bdy .tbl td {
		padding: 0 10px;
		border-bottom: 1px solid #D9D9D9;
		font-weight: normal;
		text-align: left;
	}
	
	/* 14091005 */
	#newsbody .tgl .pfR h5,
	#newsbody .tgl .pfL h5 {
		background: #fb86b2;
		text-align: center;
		color: #fff;
		margin-bottom: 2px;
		padding: 0 10px;
		border-radius: 10px;			/* CSS3草案 */  
		-webkit-border-radius: 10px; /* Safari,Google Chrome用 */  
		-moz-border-radius: 10px;	/* Firefox用 */  
	}
	#newsbody .tgl .pfR h5:hover,
	#newsbody .tgl .pfL h5:hover {
		background: #d22323;
	}
	#newsbody .tgl h5:hover {
		cursor: pointer;	
	}
	#newsbody .tgl .pfR div,
	#newsbody .tgl .pfL div {
		display:none;
	}
	#newsbody .tgl table td {
		padding: 0 10px;
		font-size: 13px;
	}
	
	.n2.multi li {
		width: calc((100% - 15px) / 2)!important;
		margin-right: 15px !important;
		padding: 20px 0 !important;
	}
	.n3.multi li {
		width: calc((100% - 30px) / 3)!important;
		margin-right: 15px !important;
	}
	.n4.multi li {
		width: calc((100% - 45px) / 4)!important;
		margin-right: 15px !important;
	}
	.n5.multi li {
		width: calc((100% - 60px) / 5)!important;
		margin-right: 15px !important;
	}
	.n2.multi li:nth-child(2n),
	.n3.multi li:nth-child(3n),
	.n4.multi li:nth-child(4n),
	.n5.multi li:nth-child(5n) {
		margin-right: 0px !important;
	}
	.n2.multi li img,
	.n3.multi li img,
	.n4.multi li img,
	.n5.multi li img {
		max-width: 100%;
		height: auto;
	}

}

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

@media screen and (max-width:640px) {

	
	/* renanime
	------------------------------------------------*/
	
	.bdy .renanime > h5 {
		color: #fff;
		font-size: 20px;
		padding: 10px 0;
	}
	.bdy .renanime {
		background-color: #89d0ba;
	}
	
	/* schedule */
	
	.bdy .renanime .schedule {
		border: 1px solid #fff;
	}
	
	.bdy .renanime .schedule dt {
		background-color: #89d0ba;
		font-size: 16px;
		line-height: 1;
		text-align: center;
		padding: 8px 0px;
	}
	
	.bdy .renanime .schedule dd {
		background-color: #fff;
		font-size: 13px;
		line-height: 1.6;
		margin: 0;
		padding: 8px 0px 8px 8px;
	}
	.bdy .renanime .schedule dd em {
		display: inline-block;
		font-style: normal;
		text-align: right;
		width: 9em;
	}
	
	/* yokoku */
	
	.bdy .renanime .yokoku {
	}
	
	.bdy .renanime .yokoku dt {
		background-color: #000;
		color: #fff;
		font-size: 14px;
		line-height: 1;
		text-align: center;
		margin: 2px 0px;
		padding: 4px 0px;
	}
	
	.bdy .renanime .yokoku dd {
		margin: 0;
	}
	
	.bdy .renanime .yokoku dd h5 {
		font-size: 18px;
		font-weight: bold;
		line-height: 1.2;
		padding: 8px 0px 4px 0px;
	}
	
	.bdy .renanime .yokoku dd p {
		font-size: 15px;
		line-height: 1.5;
		padding-bottom: 8px;
	}
	
	/* channel */
	
	.bdy .renanime .channel iframe {
		width: 100%;
		height: auto;
	}
	
	.bdy .renanime .channel .fL {
		float: left;
	}
	.bdy .renanime .channel .fR {
		float: right;
	}
	
	.bdy .renanime .channel ul {
		list-style-type: none;
		margin-right: 0;
		padding: 10px 0px 6px 0px;
	}
	.bdy .renanime .channel li {
		background: url(../../../news/images/sp/news/images/sp/go.png) no-repeat;
		background-size: 16px 28px;
		-webkit-background-size: 16px 28px;
		padding: 0px 0px 0px 20px;
	}
	
	/* buy */
	
	/* a */
	
	a:link,
	a:active,
	a:visited {
		color: #0038c0;
		text-decoration: none;
	}
	/*
	a:hover {
		background-color: #eee;
	}
	*/
	
	.btn {
		font-size: 1.6em !important;
	}
	/* newstop */
	
	.newstop {
		clear: both;
		padding: 8px;
	}
	.newstop a {
		display: block;
		border: 1px solid #d22323;
		border-radius: 6px;
		color: #d22323;
		font-size: 16px;
		line-height: 1;
		text-align: center;
		padding: 6px 0px;
	}
	
	/* sns */
	
	.sns {
		border-top: 1px solid #aaa;
		margin: 8px;
		padding: 8px 0px 30px 0px;
	}
	
	.bdy .pin img {
		display: block;
		text-align: center;
		margin: 10px auto 0;
	}
	
	/* newshead
	-------------------------------------------------------- */
	
	#newshead {
	}
	
	#newshead h2 {
		position: relative;
		background-color: #d22323;
		color: #fff;
		font-size: 22px;
		font-weight: bold;
		line-height: 1;
		padding: 0px 0px 6px 6px;
		z-index: 100;
	}
	
	#newshead h2 a:link,
	#newshead h2 a:active,
	#newshead h2 a:visited {
		color: #fff;
		text-decoration: none;
	}
	
	/* nav */
	
	#newshead nav {
		line-height: 1;
		padding: 8px;
	}
	
	/* newsctg */
	
	#newsctg {
		padding-top: 12px;
	}
	
	#newsctg h5 {
		color: #fff;
		font-size: 17px;
		font-weight: bold;
		text-align: center;
		margin-right: 70px;
		padding: 4px 0;
		height: 26px;
	}
	
	#newsctg p {
		float: right;
		border: 1px solid #000;
		background-color: #ffe050;
		font-size: 24px;
		text-align: center;
		padding-top: 2px;
		width: 66px;
		height: 26px;
	}
	
	/* newsctglst */
	
	#newsctglst {
		list-style-type: none;
		border-left: 0px solid #000;
		border-right: 0px solid #000;
		margin-right: 70px;
	}
	
	#newsctglst li {
	}
	
	#newsctglst li a {
		display: block;
		border-bottom: 1px solid #000;
		color: #fff;
		font-size: 18px;
		font-weight: bold;
		text-align: center;
		padding: 4px 0;
		height: 26px;
	}
	
	#newsctg .nav00 {background-color: #ffe050; color: #000;}
	#newsctg .nav01, #newsctglst .nav01 a {background-color: #000;}
	#newsctg .nav02, #newsctglst .nav02 a {background-color: #46b57e;}
	#newsctg .nav03, #newsctglst .nav03 a {background-color: #e34153;}
	#newsctg .nav04, #newsctglst .nav04 a {background-color: #7b7bdd;}
	#newsctg .nav05, #newsctglst .nav05 a {background-color: #4baffa;}
	
	#newsctglst,
	#newsctglst li p {
		display: none;
	}
	
	/* headline
	-------------------------------------------------------- */
	
	#headline article {
		padding: 12px 8px 0px 8px;
	}
	
	#headline article a {
		display: block;
		padding: 0px 0px 16px 0px;
	}
	
	/* new */
	
	#headline em {
		color: #fa9a00;
		font-size: 13px;
		font-style: normal;
		font-weight: bold;
		margin-left: 5px;
	}
	
	/* h */
	
	#headline article h3 {
		font-size: 16px;
		font-weight: bold;
		line-height: 1.3;
	}
	
	#headline article h4 {
		color: #fff;
		font-size: 12px;
		line-height: 1;
		margin: 0px 0px 10px 0px;
		padding: 2px 6px 3px 6px;
	}
	
	#headline .news h3 {color: #666;}
	.comics h3 {color: #46b57e;}
	.anime  h3 {color: #e34153;}
	.event  h3 {color: #7b7bdd;}
	.goods  h3 {color: #40a5f5;}
	#headline .other  h3 {color: #666;}
	.news   h4 {background-color: #aaaaaa;}
	.comics h4 {background-color: #46b57e;}
	.anime  h4 {background-color: #e34153;}
	.event  h4 {background-color: #7b7bdd;}
	.goods  h4 {background-color: #40a5f5;}
	.other  h4 {background-color: #aaaaaa;}
	
	/* pin */
	
	#headline article .pin {
		float: left;
		position: relative;
		overflow: hidden;
		margin-right: 10px;
		width: 90px;
		height: 90px;
	}
	#headline article .pin img {
		max-width: none;
	}
	
	#headline article .pin span {
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		width: 90px;
		height: 90px;
		-webkit-background-size: 90px 90px;
	}
	#headline article .pin span.btm {background-image: url(/eximages/news/images/msk_btm.png);}
	#headline article .pin span.rit {background-image: url(/eximages/news/images/msk_rit.png);}
	
	/* p */
	
	#headline article p {
		display: none;
	}
	#headline article p.date {
		display: block;
		color: #777;
		font-size: 13px;
		line-height: 1;
		padding-bottom: 8px;
	}
	
	/* list */
	
	#headline .list {
		border-top: 1px solid #777;
		font-size: 15px;
		line-height: 1.5;
		margin: 8px;
		padding: 8px 0px 20px 0px;
	}
	
	#headline .list li {
		border-bottom: 1px solid #eee;
		padding: 10px 0px;
	}
	#headline .list li:last-of-type {border-bottom: 1px solid #777;}
	
	#headline .list h4 {
		display: inline-block;
		color: #fff;
		font-size: 12px;
		text-align: center;
		margin-right: 4px;
		width: 90px;
		height: 1.4em;
	}
	
	#headline .list a:link,
	#headline .list a:active,
	#headline .list a:visited {
		color: #000;
		text-decoration: none;
	}
	
	/* newsbody
	-------------------------------------------------------- */
	
	#newsbody {
		position: relative;
		padding-top: 6px;
	} 
	
	/* article */
	
	#newsbody article {
		padding: 0px 8px 8px 8px;
	}
	
	/* hed
	-------------------------------------------------------- */
	
	#newsbody .hed {
		border-bottom: 1px solid #aaa;
		margin-bottom: 16px;
		padding-bottom: 6px;
	}
	
	#newsbody .hed h4 {
		float: left;
		margin-right: 4px;
		min-width: 90px;
		height: 1.4em;
	}
	
	#newsbody .hed p.date {
		padding-top: 2px;
	}
	
	#newsbody .hed h3 {
		padding: 8px 0px 0px 0px;
	}
	
	/* bdy
	-------------------------------------------------------- */
	
	#newsbody .bdy {
		margin-top: 18px;
	}
	
	#newsbody .bdy .cnt {
		text-align: center;
		width: 100%;
	}
	#newsbody .bdy .lft {
		text-align: left;
	}
	#newsbody .bdy .rit {
		text-align: right;
	}
	
	/* h5 */
	
	#newsbody .bdy h5 {
		margin: 16px 0px 8px 0px;
	}
	#newsbody .bdy h5.tt1 {
		margin: 3px 0px 10px 0px;
	}
	#newsbody .bdy h5.tt2 {
		margin: 16px 0px 8px 0px;
	}
	
	/* pin shp */
	
	#newsbody .bdy .pin {
		margin: 8px 0px;
	}
	
	#newsbody .bdy .shp {
		margin: 6px 0px 20px 0px;
	}
	
	/* prs */
	
	#newsbody .bdy p.prs {
		font-size: 13px;
		line-height: 1.4;
		margin-top: 4px;
	}
	
	/* cpy */
	
	#newsbody .bdy p.cpy {
		font-size: 11px;
		line-height: 1.2;
		margin: 4px 0px;
	}
	
	/* midasi */
	
	#newsbody .bdy p.md1,
	#newsbody .bdy p.md2 {
		font-size: 15px;
		font-weight: bold;
		line-height: 1.3;
		margin: 16px 0px 8px 0px;
		padding: 10px 10px 8px 10px;
	}
	#newsbody .bdy p.md1 {
		background-color: #e0eaf8;
		color: #0050e0;
	}
	#newsbody .bdy p.md2 {
		background-color: #e0f4ea;
		color: #009050;
	}
	
	/* ul */
	
	#newsbody .bdy ul {
		line-height: 1.3;
		margin: 8px 0px 16px 0px;
	}
	#newsbody .bdy li {
		margin-left: 1.5em;
		padding: 2px 0px;
	}
	
	/* pinlist */
	
	#newsbody .pinlist {
		list-style-type: none;
		font-size: 12px;
		margin: 10px 0px;
	}
	#newsbody .pinlist p {
		padding: 3px 0px;
	}
	
	/* a */
	
	#newsbody .bdy p a:link,
	#newsbody .bdy p a:active,
	#newsbody .bdy p a:visited {
		text-decoration: underline;
	}
	
	/* sample */
	
	#newsbody .sample {
		background-color: #ffdc4b;
		margin: 16px 0px;
		padding: 10px;
	}
	
	#newsbody .sample p {
		font-size: 15px;
		line-height: 1.4;
		margin-top: 8px;
	}
	
	
	#newsbody .sample .multi li {
		width:120px;
		margin: 0 6px;  
	}
	#newsbody .sample li.yoko {
		width: 160px;
	}
	#newsbody .sample li.yoko2 {
		width: 240px !important;
	}
	
	#newsbody .multi.n2 li,
	#newsbody .multi.n3 li,
	#newsbody .multi.n4 li,
	#newsbody .multi.n5 li { 
		width: 50%;
		padding-right: 8px;
	}
	.multi li:nth-child(2n) {
		padding-right: 0 !important;
	}
	.multi li:nth-child(2n-1) {
		padding-left: 0 !important;
	}
	
	
	#newsbody .bdy .tbl {
		display: block;
	}
	#newsbody .bdy .tbl tr{
		display: block;
		margin-bottom: 10px;
	}
	#newsbody .bdy .tbl th {
		display: block;
		background: #d2d2d2;
	}
	#newsbody .bdy .tbl th,
	#newsbody .bdy .tbl td  {
		display: list-item;
		border: none;
		list-style-type: none;
		width:280px;
	}
	#newsbody .bdy .tbl .md  {
		display: none;
	}
	#newsbody .bdy .tbl tr.bg1 {
		background: #ffe1d4;
	}
	#newsbody .bdy .tbl td,
	#newsbody .bdy .tbl th {
		padding: 0 10px;
	}
	
	/* 14091005 */
	#newsbody .tgl .pfR h5,
	#newsbody .tgl .pfL h5 {
		background: #fb86b2;
		text-align: center;
		color: #fff;
		margin-bottom: 0px;
		padding: 7px 10px;
		border-radius: 10px;			/* CSS3草案 */  
		-webkit-border-radius: 10px; /* Safari,Google Chrome用 */  
		-moz-border-radius: 10px;	/* Firefox用 */  
	}
	#newsbody .tgl .pfR div,
	#newsbody .tgl .pfL div {
		display:none;
	}
	#newsbody .tgl table td {
		padding: 0 5px;
		font-size: 12px;
	}
	#newsbody .tgl table td:nth-child(odd) {
		width: 3em;
	}

	/* newsrelate
	-------------------------------------------------------- */
	#newsrelate {
		border:1px solid #cdcdcd;
		margin: 20px 8px;
	}
	#newsrelate ul {
		width: 100%;
	}

	#newsrelate li {
		display: block;
		width: 100%;
		margin: 4px 0;
	}

}

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

@media screen and (max-width:480px) {
	#newsbody .multi.n2 li,
	#newsbody .multi.n3 li,
	#newsbody .multi.n4 li
	#newsbody .tile.n2 li,
	#newsbody .tile.n3 li { width: 100%; }
	
	.multi.n2 li,
	.multi.n3 li {
		padding: 0 !important;
	}
}