@charset "utf-8";

.title_main {
    /*font-size: 20px;*/
	font-size: 125.0%;
    border-bottom: 3px solid #050c8a;
    padding-bottom:6px;
    font-weight: normal;
    margin-bottom:10px;
}
.title_main.color1 {
    border-color:#006dd9;
}
.sub_title h3 {
    /*font-size: 16px;*/
	font-size: 100%;
    font-weight: normal;
}

/************************************************
 .news_area
************************************************/

.news_area .update_block {
}

.news_area .news_block {
}

.news_area .title {
    border-bottom: 3px solid #050c8a;
    padding-bottom:6px;
	position: relative;
}
.news_area .title h2 {
    /*font-size: 20px;*/
	font-size: 125.0%;
    font-weight: normal;
}
.update_block .title h2 img {
	width: 93px;
}
.news_block .title h2 img {
	width: 191px;
}

.update_block .list {
	padding: 15px 20px 0;
    background-color:#fff;
	border-top: none;
}
.update_block .list .day {
	border-bottom: 1px solid #d3d3e8;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.update_block .list li:last-child {
	border-bottom: none;
	padding-bottom: 15px;
	margin-bottom: 0;
}

.update_block .list .day .date {
	margin-bottom: 5px;
}
.update_block .list .day dl {
	position: relative;
	margin-bottom: 5px;
}
.update_block .list .day dl dt {
	position: absolute;
	top: 0;
	left: 0;
	width: 92px;
}
.update_block .list .day dl dd {
	padding-left: 103px;
}


.update_block .list .day dl dd a:before {
	content: "";
	background-image: url(../images/common/ico_arrow08.png);
	background-repeat: no-repeat;
	position: absolute;
	top: 7px;
	left: 0;
	width: 12px;
	height: 12px;
	display: block;
}
.update_block .list .day dl dd a {
	display: block;
	padding-left: 18px;
	line-height: 1.8em;
	position: relative;
}
.update_block .list .day dl dd .pict {
	float: right;
	margin: 0 0 10px 10px;
}

.news_block .list {
	padding: 15px;
    background-color:#fff;
	border-top: none;
}


.news_block .topics {
	margin: 0 5px 25px;
}
.news_block .weekly_pickup {
	margin: 0 5px 25px;
}
.news_block .event {
	margin: 0 5px 25px;
}

.news_block .sub_title {
	position: relative;
	border-bottom: 1px solid #d3d3e8;
	padding-bottom: 5px;
	margin-bottom: 12px;
}
.news_block .sub_title .link {
	position: absolute;
	top: 0;
	right: 0;
}
.news_block .date,
.ranking_area .date {
    font-size:90%;
}
.news_block ul {
	margin: 5px 0 0 5px;
}

.news_block ul li:before {
	content: "";
	background-image: url(../images/common/ico_arrow08.png);
	background-repeat: no-repeat;
	position: absolute;
	top: 7px;
	left: 0;
	width: 12px;
	height: 12px;
	display: block;
}
.news_block ul li {
	padding-left: 18px;
	margin-bottom: 3px;
	font-size: 100%;
	line-height: 1.8em;
	position: relative;
}

/* 768px以下の記述
------------------*/
@media screen and (max-width:767px){
	.news_area .update_block {
		margin: 0 15px 15px;
	}
	.news_area .news_block {
		margin: 0 15px 15px;
	}
	.update_block .title ul li:first-child {
		position: absolute;
		top: 5px;
		right: 70px;
	}
	.update_block .title ul li:last-child {
		position: absolute;
		top: 5px;
		right: 0;
	}

	.update_block .title ul li:first-child img {
		height: 20px;
	}
	.update_block .title ul li:last-child img {
		height: 18px;
	}


	.update_block .list .day dl {
		position: relative;
		margin: 10px 0 5px;
	}
	.update_block .list .day dl dt {
		position: relative;
		top: 0;
		left: 0;
		width: 92px;
	}
	.update_block .list .day dl dd {
		padding: 0 0 10px 0;
	}

	.update_block .list .day dl dd a:before {
		content: "";
		background-image: url(../images/common/ico_arrow08.png);
		background-repeat: no-repeat;
		position: absolute;
		top: 7px;
		left: 0;
		width: 12px;
		height: 12px;
		display: block;
	}
	.update_block .list .day dl dd a {
		display: block;
		padding-left: 14px;
		line-height: 1.6em;
		position: relative;
	}
	.update_block .list .day dl dd .pict {
		float:none;
		margin: 0 0 10px 10px;
	}

}

/* 768px以上の記述
------------------*/
@media screen and (min-width:768px){

	.news_area {
		margin-bottom: 15px;
	}

	.news_area ul li {
		font-size: 90%;
	}

	.news_area .update_block {
		float: left;
	}

	.news_area .news_block {
		float: right;
	}

	.news_area .update_block {
		width: 592px;
	}

	.news_area .news_block {
		width: 592px;
	}

	.update_block .title ul li:first-child {
		position: absolute;
		top: 0;
		right: 88px;
	}
	.update_block .title ul li:last-child {
		position: absolute;
		top: 0;
		right: 0;
	}
}


/************************************************
 .ranking_area
************************************************/

.ranking_area {
}
.ranking_area .title {
    border-bottom: 3px solid #050c8a;
    padding-bottom:6px;
	position: relative;
}
.ranking_area .title h2 {
    /*font-size: 20px;*/
	font-size: 125.0%;
    font-weight: normal;
	position: relative;
}
.ranking_area .title h2:after {
	content: "";
	background-image: url(../images/common/ranking.png);
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	right: 0;
	width: 61px;
    height: 30px;
	display: block;
}
.ranking_area .list {
	padding: 15px;
    background-color:#fff;
	border-top: none;
}

.ranking_area .l_block .access_ranking .section.list .section.ranking h2,
.ranking_area .r_block .satisfy_ranking .section.list h2 {
	display:none;
}
.ranking_area ul {
	margin: 15px 10px 25px;
}
.ranking_area ul li {
	padding: 0 0 7px 27px;
	background-repeat: no-repeat;
	background-repeat: left top;
	font-size: 100%;
	margin-bottom: 5px;
}
.ranking_area ul li.rank01 {
	background-image: url(../images/common/ico_rank01.gif);
}
.ranking_area ul li.rank02 {
	background-image: url(../images/common/ico_rank02.gif);
}
.ranking_area ul li.rank03 {
	background-image: url(../images/common/ico_rank03.gif);
}
.ranking_area ul li.rank04 {
	background-image: url(../images/common/ico_rank04.gif);
    background-position:2px 0;
}
.ranking_area ul li.rank05 {
	background-image: url(../images/common/ico_rank05.gif);
    background-position:2px 0;
}
.ranking_area ul li.rank06 {
	background-image: url(../images/common/ico_rank06.gif);
    background-position:2px 0;
}
.ranking_area ul li.rank07 {
	background-image: url(../images/common/ico_rank07.gif);
    background-position:2px 0;
}
.ranking_area ul li.rank08 {
	background-image: url(../images/common/ico_rank08.gif);
    background-position:2px 0;
}
.ranking_area ul li.rank09 {
	background-image: url(../images/common/ico_rank09.gif);
    background-position:2px 0;
}
.ranking_area ul li.rank10 {
	background-image: url(../images/common/ico_rank10.gif);
    background-position:2px 0;
}

.ranking_area .access_ranking ul {
	margin: 15px 10px 0;
}

/* 768px以下の記述
------------------*/
@media screen and (max-width:767px){
	.ranking_area {
		margin: 0 15px 15px;
	}
	.access_ranking, .satisfy_ranking {
		margin: 0 0 15px;
	}

}

/* 768px以上の記述
------------------*/
@media screen and (min-width:768px){
	.ranking_area {
		margin: 0 0 15px;
	}
    .content_3col_left {
        width:793px;
        float:left;
    }
    .content_3col_right {
        width:386px;
        float: right;
    }

	.ranking_area ul li {
		font-size: 90%;
	}

	.ranking_area .l_block {
		float: left;
		width: 386px;
	}
	.ranking_area .r_block {
		float: right;
		width: 386px;
	}
}

/************************************************
 .gekkan_area
************************************************/
.gekkan_seifu {
    margin-bottom:15px;
}
.gekkan_seifu p,
.gekkan_seifu li {
    font-size:90%;
}
.gekkan_seifu .list ul li:before {
	content: "";
	background-image: url(../images/common/ico_arrow08.png);
	background-repeat: no-repeat;
	position: absolute;
	top: 7px;
	left: 0;
	width: 12px;
	height: 12px;
	display: block;
}
.gekkan_seifu .list ul li {
	padding-left: 18px;
	margin-bottom: 3px;
	font-size: 100%;
	line-height: 1.8em;
	position: relative;
}
.gekkan_area .link_text_right {
    text-align:right;
}
.gekkan_area .link_text_right a {
    background:url(../images/common/ico_arrow05.png) no-repeat left center;
    padding-left:10px;
}
.gekkan_seifu .title {
    border-bottom: 3px solid #050c8a;
    padding-bottom:6px;
	position: relative;
}
.gekkan_seifu .title h2 {
    /*font-size: 20px;*/
	font-size: 125.0%;
    font-weight: normal;
}
.gekkan_seifu .list {
	padding: 15px;
    background-color:#fff;
	border-top: none;
}
.gekkan_seifu .title ul li:last-child {
    position: absolute;
    top: 5px;
    right: 0;
}

/* 768px以下の記述
------------------*/
@media screen and (max-width:767px){
	.gekkan_seifu {
		margin: 0 15px 15px;
	}
	.gekkan_area, .seifu_area {
		margin: 0 0 15px;
	}

}

/* 768px以上の記述
------------------*/
@media screen and (min-width:768px){
	.gekkan_area {
		float: left;
		width: 386px;
	}
	.seifu_area {
		float: right;
		width: 386px;
	}
}

/************************************************
 .media_area
************************************************/
.media_area .list ul li:before {
	content: "";
	background-image: url(../images/common/ico_arrow08.png);
	background-repeat: no-repeat;
	position: absolute;
	top: 7px;
	left: 0;
	width: 12px;
	height: 12px;
	display: block;
}
.media_area .list ul li {
	padding-left: 18px;
	margin-bottom: 3px;
	font-size: 90%;
	line-height: 1.8em;
	position: relative;
}
.media_area .title {
    border-bottom: 3px solid #050c8a;
    padding-bottom:6px;
	position: relative;
}
.media_area .title h2 {
    /*font-size: 20px;*/
	font-size: 125.0%;
    font-weight: normal;
}
.media_area .list {
	padding: 15px;
    background-color:#fff;
	border-top: none;
}
.media_area .title ul li:last-child {
    position: absolute;
    top: 5px;
    right: 0;
}

/* 768px以下の記述
------------------*/
@media screen and (max-width:767px){
	.media_area {
		margin: 0 15px 15px;
	}
}

/* 768px以上の記述
------------------*/
@media screen and (min-width:768px){
}


/************************************************
 .banner_area
************************************************/

.banner_area {
    margin:30px 0;
}

/* 768px以下の記述
------------------*/
@media screen and (max-width:767px){
	.banner_area {
		margin: 0 15px 3px;
	}
	.banner_area .r_block {
		float: left;
		width:100%;
	}
	
	.banner_area .l_box {
		float: left;
		width: calc( 50% - 6px );
		margin-bottom: 0;
	}
	.banner_area .r_box {
		float: right;
		width: calc( 50% - 6px );
		margin-bottom: 0;
	}
	.banner_area ul li a {
		display: block;
	}
	.banner_area ul li:first-child a {
		border-bottom: none;
	}
	.banner_area li img {
		padding: 0 0 12px;
		width: 100%;
	}
}

/* 768px以上の記述
------------------*/
@media screen and (min-width:768px){
	.banner_area .l_block {
		float: left;
	}
	.banner_area .r_block {
		float: right;
	}

	.banner_area .l_block {
		width: 594px;
	}
	.banner_area .r_block {
		width: 594px;
	}

	.banner_area .l_box {
		float: left;
		margin-bottom: 12px;
		width: 291px;
	}
	.banner_area .r_box {
		float: right;
		margin-bottom: 12px;
		width: 291px;
	}

	.banner_area ul li a {
		display: block;
		margin-bottom: 12px;
	}
	.banner_area ul li:first-child a {
		border-bottom: none;
	}
	.banner_area li img {
		width: 100%;
	}
}



/************************************************
 .link_area
************************************************/


/* 768px以下の記述
------------------*/
@media screen and (max-width:767px){
	.link_area {
		margin: 0 15px 3px;
	}
	.link_area .l_box {
		float: left;
		width: calc( 50% - 6px );
		margin-bottom: 12px;
	}
	.link_area .r_box {
		float: right;
		width: calc( 50% - 6px );
		margin-bottom: 12px;
	}
	.link_area img {
		width: 100%;
	}
}

/* 768px以上の記述
------------------*/
@media screen and (min-width:768px){
	.link_area {
		margin: 0 0 15px;
	}

	.link_area .l_block {
		float: left;
	}
	.link_area .r_block {
		float: right;
	}

	.link_area .l_block {
		width: 594px;
	}
	.link_area .r_block {
		width: 594px;
	}

	.link_area .l_box {
		float: left;
	}
	.link_area .r_box {
		float: right;
	}
	.link_area img {
		width: 291px;
	}
}

/************************************************
 上部バナー軍
************************************************/
.header_area {
    margin:0 0 7px;
}
.big_area .icon_a {
    float:left;
}
.big_area .btn_list {
    float:right;
}
.small_area .small_area_a {
    margin-bottom:7px;
}

/* 768px以下の記述
------------------*/
@media screen and (max-width:767px){
.bn_contents {
    padding:15px;
}
.bn_contents_area .big_area {
    margin:15px 0;
}
.small_area {
    margin-bottom:8px;
}
.small_area_a, .small_area_b {
    width:48%;
    display: inline-block;
}
.small_area_b {
    float:right;
}
.etc_area_a, .etc_area_b {
    width:48%;
    display: inline-block;
}
.etc_area_b {
    float:right;
}
.etc_area .base_box p {
    margin-bottom:7px;
}
.bangumi_area {
    margin:10px 0;
}
.bangumi_tv, .bangumi_radio {
    width:48%;
    display: inline-block;
}
.bangumi_radio {
    float:right;
}

}

/* 768px以上の記述
------------------*/
@media screen and (min-width:768px){
.bn_contents_area {
    width: 958px;
    float:left;
}
.bn_contents_area .big_area {
    width: 474px;
    float:left;
    margin-right:11px;
}
.bn_contents_area .small_area {
    width: 231px;
    float:left;
}
.bn_contents_area .etc_area {
    width: 231px;
    float: right;
}
.bangumi_area {
    width: 231px;
    float:right;
}
.etc_area .base_box {
    background-color:#fff;
    padding:35px 0 0 21px;
    height:184px;
}
.etc_area .base_box p {
    margin-bottom: 20px;
}
.etc_area .etc_area_a {
    margin-bottom: 7px;
}
.bangumi_area .bangumi_tv {
    margin-bottom: 7px;
}
}

