@charset "utf-8";
h2 {
	background-image: url(img/header.jpg);
	color: rgba(255,255,255,1.00);
	text-shadow: 0 0 20px rgba(51,51,51,0.70);
}


/* searchbox */
#searchbox {
	padding: 1.5em 1em;
	font-size: 70%;
	border-radius: 0.5em;
	border: 1px solid #CCCCCC;
}
#searchbox .keyword form .txt {
	display: block;
	width: 100%;
	font-size: 120%;
	padding: 0.2em;
	margin-bottom: 0.5em;
}
#searchbox .keyword form .submit {
	background-color: rgba(0,58,136,1.00);
	color: rgba(255,255,255,1.00);
	font-weight: bold;
	border: none;
	padding: 0.5em 3em;
	float: right;
	cursor: pointer;
}
#searchbox .yearlist {
	clear: both;
}
#searchbox .yearlist ul {
	padding-top: 1em;
}
#searchbox .yearlist ul li {
	width: 100%;
	margin-top: 1em;
}
#searchbox .yearlist ul li {
	border-bottom: 1px dotted #CCCCCC;
	padding-bottom: 1em;
	padding-left: 0.5em;
	line-height: 100%;
	margin-bottom: 1em;
}
#searchbox .yearlist ul li:last-child {
	border: none;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
#searchbox .yearlist ul li a {
	position: relative;
	display: block;
	padding-right: 2em;
	line-height: 120%;
}
#searchbox .yearlist ul li a:before{
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	right: 0px;
	width: 10px;
	height: 10px;
	margin-top: -5px;
	background: #666;
}
#searchbox .yearlist ul li a:after{
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	right: 3px;
	width: 10px;
	height: 10px;
	margin-top: -5px;
	background: #FFF;
}
#searchbox .yearlist ul li a span {
	color: rgba(255,0,4,1.00);
	font-weight: bold;
	font-size: 70%;
	margin-left: 1em;
	display: inline-block;
}
#searchbox input::-webkit-input-placeholder {
	font-size: 70%;
}
#searchbox input:-moz-placeholder {
	font-size: 70%;
}
#searchbox input::-moz-placeholder {
	font-size: 70%;
}
#searchbox input:-ms-input-placeholder {
	font-size: 70%;
}

/* pickup */
#pickup {
	margin-bottom: 6em;
}
#pickup::after {
	content: "";
	display: block;
	clear: both;
	width: 100%;
}
#pickup  > div {
	width: 100%;
	display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-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;
}
#pickup > div::after {
	content: "";
	display: block;
	clear: both;
	width: 100%;
}
#pickup .youtube {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	margin-bottom: 1em;
}
#pickup .youtube iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}
#pickup .pickupbox {
	display: block;
	float: left;
	padding: 0.5em 0.5em 2.3em;
	border: 1px solid rgba(204,204,204,1.00);
	position: relative;
	margin-bottom: 1em;
}
#pickup .pickupbox p.title {
	background-color: rgba(51,51,51,1.00);
	color: rgba(255,255,255,1.00);
	font-size: 80%;
	padding: 0.5em 1em;
	line-height: 110%;
	margin-bottom: 0.5em;
}
#pickup .pickupbox img {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	display: block;
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.30);
	box-shadow: 0px 0px 5px rgba(0,0,0,0.30);
}
#pickup .pickupbox p.text  {
	padding-top: 1em;
	font-size: 80%;
}
#pickup .pickupbox .link {
	text-align: center;
	width: calc(100% - 1em);
	position: absolute;
	bottom: 0.5em;
	right: 0.5em;
}
#pickup .pickupbox .link a {
	display: block;
	background-color: rgba(0,58,136,1.00);
	color: rgba(255,255,255,1.00);
	font-weight: 200;
	text-align: right;
	font-size: 80%;
	padding: 0.1em 2em 0.1em 0;
}
#pickup .pickupbox .link a:hover {
	background-color: rgba(0,129,185,1.00);
}
#pickup .pickupbox .link a:before{
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	right: 0.8em;
	width: 8px;
	height: 8px;
	margin-top: -4px;
	background: rgba(255,255,255,1.00);
}
#pickup .pickupbox .link a:after{
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	right: 0.95em;
	width: 8px;
	height: 8px;
	margin-top: -4px;
	background: rgba(0,58,136,1.00);
}
#pickup .pickupbox .link a:hover:after{
	background: rgba(0,129,185,1.00);
}


/* 作品ニュース一覧(ページ内) */
#topics {
	margin-bottom: 6em;
}
#topics dl {
	border: thin solid #CCCCCC;
	padding: 1em;
}
#topics dl dt {
	background-color: rgba(204,204,204,0.50);
	padding: 0.2em 1em;
	position: relative;
	margin-bottom: 1em;
	clear: both;
}
#topics dl dt span {
	border-radius: 0.2em;
	background-color: rgba(255,255,255,1.00);
	font-size: 70%;
	position: absolute;
	right: 1em;
	bottom: 0px;
	display: block;
	top: 0px;
	margin-top: auto;
	margin-bottom: auto;
	height: 1.5em;
	line-height: 1.5em;
	padding-left: 1em;
	padding-right: 1em;
}
#topics dl .work {
	margin-left: 0em;
	font-size: 90%;
	border-bottom: 1px dotted rgba(204,204,204,1.00);
	padding-left: 1em;
	padding-bottom: 0.3em;
	margin-bottom: 0.3em;
	letter-spacing: -0.02em;
}
#topics dl .title {
	margin-left: 0em;
	padding-left: 1em;
	padding-bottom: 0px;
	margin-bottom: 3em;
}
#topics dl dd a img {
	float: left;
	width: 300px;
	max-width: 25%;
	margin-right: 2em;
	margin-bottom: 2em;
	position: relative;
	z-index: 70;
	-webkit-box-shadow: 0px 0px 0.3em rgba(0,0,0,0.25);
	box-shadow: 0px 0px 0.3em rgba(0,0,0,0.25);
	background-position: center center;
	background-repeat: no-repeat;
	background-color: rgba(255,255,255,1.00);
	background-size: contain;
}


/* 更新情報一覧(ページ内) */
#topics2 {
	margin-bottom: 6em;
}
#topics2 dl {
	border: thin solid #CCCCCC;
	padding: 1em;
}
#topics2 dl::after {
	clear: both;
	display: block;
	width: 100%;
	content: '';
}
#topics2 dl.topics {
	border: none;
	padding: 0;
}
#topics2 dl dt {
	background-color: rgba(204,204,204,0.50);
	padding: 0.2em 1em;
	position: relative;
	margin-bottom: 1em;
	clear: both; 
}
#topics2 dl dd {
	margin-left: 0em;
	font-size: 90%;
	padding-left: 1em;
	padding-bottom: 1em;
	letter-spacing: -0.03em;
}
#topics2 dl dd ul li {
	margin-top: 1em;
	clear: both;
}
#topics2 dl dd ul li:first-child {
	margin-top: 0;
}
#topics2 dl dd ul li::after {
	display: block;
	content: '';
	width: 100%;
	clear: both;
}
#topics2 dl dd ul li a {
	display: block;
	position: relative;
}
#topics2 dl dd ul li a::after {
	display: block;
	content: '';
	width: 100%;
	clear: both;
}
#topics2 dl dd ul li a img {
	float: left;
	width: 200px;
	max-width: 25%;
	margin-right: 2em;
	margin-bottom: 2em;
	position: relative;
	z-index: 70;
	-webkit-box-shadow: 0px 0px 0.3em rgba(0,0,0,0.25);
	box-shadow: 0px 0px 0.3em rgba(0,0,0,0.25);
	background-position: center center;
	background-repeat: no-repeat;
	background-color: rgba(255,255,255,1.00);
	background-size: contain;
}
#topics2 dl dd ul li a img::after {
	display: block;
	content: '';
	width: 100%;
	clear: both;
}
@media screen and (max-width:480px) {
	#topics2 dl dd {
		padding-right: .5em;
		padding-left: .5em;
		padding-bottom: 1em;
	}
	#topics2 dl dd ul li a {
		display: block;
	}
	#topics2 dl dd ul li a img {
		float: left;
		margin-right: 1em;
		margin-bottom: 1em;
	}
	#topics2 dl dd ul li a span {
		display: block;
		padding-left: calc(25% + 1.5em);
		margin-bottom: 1em;
	}
}


#bnp > div {
	border: thin solid rgba(204,204,204,1.00);
	padding: 1em;
}
#bnp ul li {
	margin: 0.3em 0;
	padding-bottom: 0.3em;
	border-bottom: thin dotted rgba(204,204,204,1.00);
	padding-left: 0.5em;
}
#bnp ul li:first-child {
	border-top: thin dotted rgba(204,204,204,1.00);
	padding-top: 0.5em;
}
#bnp h4 span {
	display: block;
	font-size: 50%;
	font-weight: 400;
	letter-spacing: 0.01em;
}
#bnp p {
	font-size: 80%;
	text-align: right;
}


/* 作品ニュース一覧 */
#newstopics dl::after {
	clear: both;
	display: block;
	width: 100%;
	content: '';
}
#newstopics dl dt {
	background-color: rgba(240,240,240,1.00);
	padding: 0.2em 1em;
	position: relative;
	margin-bottom: 1em;
	clear: both;
}
#newstopics dl dt span {
	border-radius: 0.2em;
	background-color: rgba(255,255,255,1.00);
	font-size: 70%;
	position: absolute;
	right: 1em;
	bottom: 0px;
	display: block;
	top: 0px;
	margin-top: auto;
	margin-bottom: auto;
	height: 1.5em;
	line-height: 1.5em;
	padding-left: 1em;
	padding-right: 1em;
}
#newstopics dl .work {
	margin-left: 2em;
	font-size: 90%;
	border-bottom: 1px dotted rgba(204,204,204,1.00);
	padding-left: 1em;
	margin-bottom: 0.5em;
}
#newstopics dl .title {
	margin-left: 2em;
	padding-left: 1em;
	padding-bottom: 0px;
	margin-bottom: 3em;
}
#newstopics dl .title a {
	display: block;
}
#newstopics dl dd a img {
	float: left;
	width: 300px;
	max-width: 25%;
	margin-right: 2em;
	margin-bottom: 2em;
	position: relative;
	z-index: 70;
	-webkit-box-shadow: 0px 0px 0.3em rgba(0,0,0,0.25);
	box-shadow: 0px 0px 0.3em rgba(0,0,0,0.25);
	background-position: center center;
	background-repeat: no-repeat;
	background-color: rgba(255,255,255,1.00);
	background-size: contain;
}
@media screen and (max-width:480px) {
	#newstopics dl .work {
		margin-left: 0em;
		padding: 0 .5em;
		margin-bottom: 0.5em;
	}
	#newstopics dl .title {
		margin-left: 0;
		padding-left: 0;
		padding-bottom: 0;
		margin-bottom: 3em;
	}
	#newstopics dl .title a {
		display: block;
		padding-left: calc(25% + 1.5em);
	}
	#newstopics dl dd a img {
		float: left;
		margin-right: 1em;
		margin-bottom: 1em;
	}
}

#newstopics .reset {
	text-align: center;
}
#newstopics .reset a {
	border-width: thin;
	border-style: solid;
	padding: 0.5em 1em;
	display: inline-block;
}


/* 作品ニュース */
#news .newsbox .hd h4 {
	font-size: 160%;
	text-align: left;
	margin-bottom: 0.5em;
	padding-bottom: 0px;
	line-height: 120%;
	letter-spacing: -0.02em;
}
#news .newsbox .hd h5 {
	text-align: left;
	font-size: 100%;
	letter-spacing: 0;
	font-weight: normal;
	background-color: rgba(239,239,239,1.00);
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 1em;
	margin-bottom: 1em;
	position: relative;
}
#news .newsbox .hd h5 span {
	border-radius: 0.2em;
	background-color: rgba(255,255,255,1.00);
	font-size: 70%;
	position: absolute;
	right: 1em;
	bottom: 0px;
	display: block;
	top: 0px;
	margin-top: auto;
	margin-bottom: auto;
	height: 1.6em;
	line-height: 1.6em;
	padding: 0px 1em;
}
#news .newsbox .hd h6 {
	font-size: 90%;
}
#news .newsbox .hd h6 a,
#news .newsbox .hd h6 span {
	display: inline-block;
	border: 1px solid rgba(204,204,204,1.00);
	padding: 0.3em 1em;
	margin-bottom: 0.5em;
	margin-left: 0.5em;
	margin-right: 0.5em;
	border-radius: 0.3em;
}
#news .newsbox .main {
	padding: 3em 1em;
}
#news .newsbox .main .txt table {
	margin-left: auto;
	margin-right: auto;
}
#news .newsbox .main .txt .youtube {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	margin-bottom: 1em;
}
#news .newsbox .main .txt .youtube iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}
#news .newsbox .ft {
	padding: 0 1em;
}
#news .newsbox .ft ul:after {
	content: "";
	display: block;
	clear: both;
}
#news .newsbox .ft ul li {
	margin-bottom: 0.3em;
}
#news .newsbox .ft ul li a {
	background-color: rgba(192,226,237,1.00);
	display: block;
	border-radius: 0.3em;
	text-align: center;
	font-size: 80%;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
}

.navi {
	position: relative;
	text-align: center;
	padding: 2em 0;
}
.navi .prev {
	top: 2em;
	left: 0px;
	position: absolute;
}
.navi .home {
	margin-left: auto;
	margin-right: auto;
	display: inline-block;
}
.navi .next {
	position: absolute;
	right: 0px;
	top: 2em;
}
.navi li a {
	padding: 0.5em 1em;
	border-width: 1px;
	border-style: solid;
	border-color: rgba(102,102,102,1.00);
}
.navi li span {
	padding: 0.5em 1em;
	border-width: 1px;
	border-style: solid;
	border-color: rgba(153,153,153,0.50);
	color: rgba(153,153,153,0.50);
}


/*  */
/*
#searchbox-work {
	background-color: rgba(239,239,239,1.00);
	padding: 2em;
}
#searchbox-work form dl dt {
	width: 7em;
	float: left;
	padding-top: 1.1em;
	clear: left;
}
#searchbox-work form dl dd {
	padding-left: 8em;
	padding-top: 1em;
	padding-bottom: 0px;
}
#searchbox-work form dl dd select {
	width: 100%;
	padding: 0.4em;
	border: 1px solid #999;
	background: #eee;
	background: url(arrow01.png) right 50% no-repeat, -webkit-linear-gradient(top, #fff 0%,#efebe1 100%);
	background: url(arrow01.png) right 50% no-repeat, linear-gradient(to bottom, #fff 0%,#efebe1 100%);
	background-size: 20px, 100%;	
}
*/

/* result */
#result h5 {
	font-size: 140%;
	font-weight: bold;
	border-bottom: 1px solid rgba(102,102,102,1.00);
	margin-bottom: 1em;
	margin-top: 1em;
	padding-left: 1em;
}
#result ul {
	padding-bottom: 3em;
}
#result ul li {
	border: 1px solid rgba(204,204,204,1.00);
	border-radius: 0.5em;
	margin-bottom: 1em;
	margin-left: 2em;
	margin-right: 1em;
}
#result ul li a {
	display: block;
	padding: 0.5em 1em;
}
#result ul li a:hover {
	background-color: #F0F0F0;
}
#result ul li div a span {
	float: left;
	display: block;
	width: 6em;
}
#result ul li div a p {
	padding-left: 8em;
}
#result .result_txt {
	text-align: right;
	margin-right: 1em;
}


/* card */
#card {
	float: right;
	padding-left: 1em;
	padding-right: 1em;
}
#card #spec {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

#card #spec .imgbox {
	display: block;
	width: 50%;
	float: left;
	font-size: 70%;
}
#card #spec .imgbox img {
	width: 100%;
	-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.30);
	box-shadow: 0px 0px 10px rgba(0,0,0,0.30);
}
#card #spec .spec {
	float: left;
	width: 50%;
	padding-left: 2em;
	padding-top: 1em;
}
#card #spec .spec dt {
	padding-left: 1em;
	font-size: 70%;
	margin-bottom: 0.5em;
	background-color: rgba(238,238,238,1.00);
}
#card #spec .spec dd {
	text-align: right;
	padding-right: 1em;
	border-bottom: 1px solid rgba(204,204,204,1.00);
	margin-bottom: 1em;
	padding-bottom: 0.5em;
}
#card #txt {
	margin-left: auto;
	margin-right: auto;
	clear: both;
	padding-top: 2em;
}
#card #txt dl dt {
	padding-left: 1em;
	font-size: 70%;
	margin-bottom: 0.5em;
	background-color: rgba(238,238,238,1.00);
}
#card #txt dl dd {
	padding: 1em 1em 2em;
}
#card #txt dl dd #subtitle_link dt {
	font-size: 100%;
	background: none;
	border: thin solid rgba(188,188,188,1.00);
	border-radius: 0.2em;
	cursor: pointer;
}
#card #txt dl dd #subtitle_link dt::before {
	content: "▲";
}
#card #txt dl dd #subtitle_link dt.open::before {
	content: "▼";
}
#card #txt dl dd #subtitle_link dd {
	display: none;
	padding: 1em 1em 0em;
}
#card .embed .str {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
#card .embed .str iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}


/* broadcast */
#broadcast .attention {
	text-align: right;
	font-size: 80%;
	margin-bottom: 2em;
}
#broadcast .info {
	margin-bottom: 2em;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	border-radius: 0.5em;
	padding: 1.5em;
	border: thin solid rgba(204,204,204,1.00);
}
#broadcast .info:after {
	content: "";
	clear: both;
	display: block;
}
#broadcast .info h5 {
	display: block;
	font-size: 100%;
	font-weight: bold;
	width: 100%;
	max-width: 400px;
	text-align: center;
	float: left;
	margin: 0 2em 0em;
	padding: 0;
}
#broadcast .info h5 A {
	text-decoration: none;
}
#broadcast .info img {
	width: 100%;
	max-width: 400px;
}
#broadcast .info .title {
	background-color: rgba(0,0,0,1.00);
	display: block;
	float: left;
	padding: 0.5em 1em;
	margin-bottom: 1em;
	color: rgba(255,255,255,1.00);
	font-weight: bold;
}
#broadcast .info .title a {
	color: rgba(255,255,255,1.00);
}
#broadcast .info .schedule {
	display: block;
	float: left;
	padding-top: 1em;
}
#broadcast .info .schedule li {
	padding-left: 1em;
	line-height: 150%;
	padding-bottom: 0.5em;
}


/* 地上波放送情報 */
#cast_g .area h5 {
	font-weight: 600;
	color: rgba(51,51,51,1.00);
	font-size: 140%;
	border-left: 0.3em solid rgba(51,51,51,1.00);
	line-height: 100%;
	padding-left: 1em;
	padding-bottom: 0px;
	text-align: left;
	padding-top: 0px;
}
#cast_g .area dl {
	margin-left: 1em;
	margin-bottom: 3em;
	line-height: 150%;
}
#cast_g .area dl dt {
	display: block;
	width: 100%;
	padding-left: 15px;
	padding-bottom: 5px;
	background-color: #EEE;
	clear: both;
	margin-bottom: 5px;
	margin-top: 15px;
	padding-top: 5px;
}
#cast_g .area dl dd {
	width: 100%;
}
#cast_g .area dl dd ul {
	width: 100%;
	display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-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;
	padding-left: 3em;
}
#cast_g .area dl dd ul li {
	padding: 0.5em 1em;
	border-bottom: dotted 1px #CCC;
}
#cast_g .area dl dd ul li.title {
	width: 60%;
	font-weight: bold;
}
#cast_g .area dl dd ul li.schedule {
	width: 40%;
}



/* 衛星波放送情報 */
#sideBar dl dt.bs {
	background-color: rgba(223,230,242,1.00);
	margin-bottom: 0.5em;
	border-radius: 0.3em;
	padding-left: 1em;
	color: rgba(0,51,153,1.00);
}
#sideBar dl dt.cs {
	background-color: rgba(248,237,237,1.00);
	margin-top: 1em;
	margin-bottom: 0.5em;
	border-radius: 0.3em;
	padding-left: 1em;
	color: rgba(153,0,0,1.00);
}
#cast_s .area h4#bs {
	font-weight: 600;
	color: rgba(51,51,51,1.00);
	font-size: 140%;
	border-left: 0.3em solid rgba(0,51,153,1.00);
	line-height: 100%;
	padding-left: 1em;
	padding-bottom: 0px;
	text-align: left;
	padding-top: 0px;
}
#cast_s .area h4#cs {
	font-weight: 600;
	color: rgba(51,51,51,1.00);
	font-size: 140%;
	border-left: 0.3em solid rgba(153,0,0,1.00);
	line-height: 100%;
	padding-left: 1em;
	padding-bottom: 0px;
	text-align: left;
	padding-top: 0px;
}
#cast_s .area H5 {
	padding-left: 1em;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	text-align: left;
}
#cast_s .area H5.bs {
	border-left: 5px solid #039;
	background-color: #DFE6F2;
}
#cast_s .area H5.cs {
	border-left: 5px solid #900;
	background-color: #F8EDED;
}
#cast_s .area H6 {
	text-align: right;
	font-size: 80%;
	padding-right: 1em;
	margin-top: -2em;
	margin-bottom: 1em;
}
#cast_s .area dl {
	margin-left: 1em;
	margin-bottom: 3em;
	line-height: 150%;
}
#cast_s .area dl dt {
	display: block;
	width: 100%;
	clear: both;
	margin-bottom: 5px;
	margin-top: 15px;
}
#cast_s .area dl dd {
	width: 100%;
}
#cast_s .area dl dd ul {
	width: 100%;
	padding-left: 3em;
}
#cast_s .area dl dd ul li {
	padding: 0.5em 1em;
}
#cast_s .area dl dd ul li.title {
	padding-bottom: 0;
	font-weight: bold;
}
#cast_s .area dl dd ul li.schedule {
	border-bottom: dotted 1px #CCC;
	padding-top: 0;
	padding-left: 3em;
}


/* str */
#str .area .str_attention {
	font-size: 80%;
	text-align: right;
	line-height: 120%;
	margin-bottom: 0.5em;
}
#str .area h5 {
	padding-left: 1em;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	border-left: 0.3em solid #039;
	background-color: #DFE6F2;
	margin-bottom: 0.5em;
	text-align: left;
}
#str .area h6 {
	text-align: right;
	font-size: 80%;
	padding-right: 1em;
	margin-bottom: 1em;
}
#str .area dl {
	margin-left: 2em;
	margin-right: 1em;
	padding-bottom: 0.5em;
	padding-right: 0.5em;
	padding-left: 0;
	border-bottom: 1px dotted #666;
	margin-bottom: 30px;
}
#str .area dl dt {
	font-weight: bold;
	margin-top: 0.5em;
	padding-top: 0.5em;
	padding-left: 15px;
	border-top: 1px dotted #666;
}
#str .area dl dt.normal {
	font-weight: normal;
	font-size: 90%;
}
#str .area dl dd {
	padding-left: 3em;
	padding-top: 0.3em;
	font-size: 90%;
}
#str .area .info {
	background-color: #EEE;
	margin-top: 5px;
	font-size: 10px;
	line-height: 12px;
	padding: 5px 10px;
	text-align: right;
}


/* SNS */
#sns > div {
	width: 100%;
	display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-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;
}
#sns .AcBox {
	border: 1px solid rgba(204,204,204,1.00);
	border-radius: 0.3em;
	width: calc(50% - 1em);
	padding: 1em 1em 3em;
	position: relative;
	margin: 0 0.5em 1em;
}
#sns .AcBox .AcLinkBox .AcFollow {
	float: right;
	position: absolute;
	top: 1em;
	right: 1em;
}
#sns .AcBox .AcIcon {
	float: left;
	margin-right: 1em;
}
#sns .AcBox .AcIcon a img {
	display: block;
	width: 120px;
	border-radius: 60px;
}
#sns .AcBox .AcName {
	font-size: 120%;
	padding-top: 2em;
	line-height: 100%;
}
#sns .AcBox .AcName a span {
	font-size: 60%;
}
#sns .AcBox .AcInfo {
	clear: left;
	font-size: 80%;
	padding: 1em;
}
#sns .AcBox .AcLinkBox .AcLink {
	display: block;
	background-color: rgba(239,239,239,1.00);
	position: absolute;
	bottom: 1em;
	width: calc(100% - 2em);
	padding: 0.2em 1em;
	text-align: right;
}
#sns .AcBox .AcLinkBox .AcLink a {
	padding: 0 1em;
}
#sns .AcBox .AcLinkBox .AcLink a:before{
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	right: 10px;
	width: 10px;
	height: 10px;
	margin-top: -5px;
	background: #666;
}
#sns .AcBox .AcLinkBox .AcLink a:after{
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	right: 13px;
	width: 10px;
	height: 10px;
	margin-top: -5px;
	background: rgba(239,239,239,1.00);
}




@media screen and (max-width:480px){
	.right {
		float: none;
		width: 100%;
		padding-left: 0em;
		padding-right: 0em;
	}
	#sideBar {
		float: none;
		width: 100%;
		padding-left: 0em;
		padding-right: 0em;
	}
	#pickup .pickupbox {
		width: calc((100% - 0.5em)/2);
		margin-left: 0;
		margin-right: 0.5em;
		margin-bottom: 0.5em;
		padding-bottom: 2.4em;
	}
	#pickup .pickupbox:nth-child(odd) {
		margin-left: 0;
		margin-right: 0.5em;
	}
	#pickup .pickupbox:nth-child(even) {
		margin-left: 0;
		margin-right: 0;
	}
	#pickup .pickupbox p.title {
		padding: 0.3em 1em;
	}
	#bnp .attention {
		text-align: left;
	}
	#card #spec .imgbox {
		width: 100%;
		float: none;
	}
	#card #spec .imgbox {
		text-align: right;
	}
	#card #spec .spec {
		float: none;
		width: 100%;
		padding-left: 0;
	}
	#card #spec .spec dd {
		text-align: left;
		padding: 1em;
		border: none;
	}
	#card #txt {
		width: 100%;
		padding-top: 0;
	}
	#cast_s .area H5,
	#cast_g .area H5 {
		border-bottom: none;
	}
	#cast_g .area dl dd ul {
		padding-left: 1em;
	}
	#cast_g .area dl dd ul li.title {
		width: 100%;
		border: none;
		padding-bottom: 0;
	}
	#cast_g .area dl dd ul li.schedule {
		width: 100%;
		padding-left: 3em;
	}
	#cast_s .area dl dd ul {
		padding-left: 1em;
	}
	#cast_s .area dl dd ul li.schedule {
		padding-left: 2em;
		font-size: 85%;
		line-height: 140%;
	}
	#str .area dl {
		margin-left: 0;
		margin-right: 0;
		padding-bottom: 0.2em;
		padding-right: 0em;
		padding-left: 0;
	}
	#str .area dl dt {
		margin-top: 0.2em;
		padding: 0.2em 1em 0;
	}
	#str .area dl dd {
		padding-left: 2em;
		padding-top: 0em;
		font-size: 80%;
	}
	#sns .AcBox {
		width: 100%;
		margin: 0 0 1em;
		position: relative;
	}
	#sns .AcBox .AcName {
		padding-top: 3em;
	}
	#news .newsbox .hd h6 {
		text-align: center;
	}
	#result .result_txt {
		text-align: center;
		margin-right: 0;
	}
	#broadcast .info h5 {
		margin: 0;
		padding: 0;
		float: none;
		border-bottom: none;
	}
	#broadcast .info .title {
		float: none;
		font-weight: 300;
		font-size: 90%;
	}

}

@media screen and (min-width:481px) and (max-width:800px){
	.right {
		float: none;
		width: 100%;
		padding-left: 0em;
		padding-right: 0em;
	}
	#sideBar {
		float: none;
		width: 100%;
		padding-left: 0em;
		padding-right: 0em;
	}
	#pickup .pickupbox {
		width: calc((100% - 1em)/2);
		padding-bottom: 2.4em;
	}
	#pickup .pickupbox:nth-child(odd) {
		margin-left: 0;
		margin-right: 1em;
	}
	#pickup .pickupbox:nth-child(even) {
		margin-left: 0;
		margin-right: 0;
	}
	#card #spec .imgbox {
		width: 100%;
		float: none;
	}
	#card #spec .imgbox {
		text-align: right;
	}
	#card #spec .spec {
		float: none;
		width: 100%;
		padding-left: 0;
	}
	#card #spec .spec dd {
		text-align: left;
		padding: 1em;
		border: none;
	}
	#card #txt {
		width: 100%;
		padding-top: 0;
	}
	#broadcast .info h5 {
	float: none;
	margin: 0 auto 0.5em;
	text-align: center;
		border-bottom: none;
	}
	#broadcast .info img {
		display: block;
		margin: 1em auto;
	}
	#broadcast .info .title {
	width: 90%;
	float: none;
	margin: 1em auto 0;
	text-align: center;
	}
	#broadcast .info .schedule {
		width: 90%;
		float: none;
		margin: 1em auto 0;
		padding-top: 0.5em;
	}
	#broadcast .info .schedule li {
		text-align: center;
		padding-right: 1em;
	}
	#sns .AcBox {
		width: calc(100% - 1em);
		position: relative;
	}
	#sns .AcBox .AcName {
		padding-top: 3em;
	}
	#news .newsbox .ft ul li{
		margin-bottom: 0.5em;
	}
	#news .newsbox .ft ul li a {
		padding: 1em;
	}
	#result .result_txt {
		text-align: center;
		margin-right: 0;
	}
}

@media screen and (min-width:801px) and (max-width:1024px){
	#pickup .pickupbox {
		width: calc((100% - 1em)/2);
		padding-bottom: 2.5em;
	}
	#pickup .pickupbox:nth-child(odd) {
		margin-right: 0.5em;
	}
	#pickup .pickupbox:nth-child(even) {
		margin-left: 0.5em;
	}
	#pickup .pickupbox p.title {
		font-size: 90%;
	}
	#pickup .pickupbox .link a {
		font-size: 90%;
	}
	#broadcast .info h5 {
	float: none;
	margin: 0 auto 0.5em;
	}
	#broadcast .info img {
		display: block;
		margin: 1em auto;
	}
	#broadcast .info .title {
	width: 90%;
	float: none;
	margin: 1em auto 0;
	text-align: center;
	}
	#broadcast .info .schedule {
		width: 90%;
		float: none;
		margin: 1em auto 0;
		padding-top: 1em;
		padding-top: 0.5em;
	}
	#broadcast .info .schedule li {
		text-align: center;
		padding-right: 1em;
	}
}

@media screen and (min-width:1025px) and (max-width:1280px){
	#pickup .pickupbox {
		width: calc((100% - 2em)/3);
		padding-bottom: 2.2em;
	}
	#pickup .pickupbox p.title {
		font-size: 80%;
	}
	#pickup .pickupbox .link a {
		font-size: 80%;
	}
	#pickup .pickupbox:nth-child(3n-1) {
		margin-left: 1em;
		margin-right: 1em;
	}
	#broadcast .info .title {
		width: calc(100% - (410px + 4em));
	}
	#broadcast .info .schedule {
		width: calc(100% - (410px + 4em));
		padding-top: 0.5em;
	}
}

@media screen and (min-width:1281px){
	#pickup {
		padding-left: 1px;
	}
	#pickup .pickupbox {
		width: calc((100% - 2em)/3);
	}
	#pickup .pickupbox:nth-child(3n-1) {
		margin-left: 1em;
		margin-right: 1em;
	}
	#broadcast .info .title {
		width: calc(100% - (410px + 4em));
	}
	#broadcast .info .schedule {
		width: calc(100% - (410px + 4em));
		padding-top: 0.5em;
	}
	#sns .AcBox {
		width: calc(33.3% - 1em);
		position: relative;
	}
}