@charset "utf-8";
h2#area_title{
	position: static;
	width:730px;
	height:70px;
}
#search{
	padding-left:20px;	
}

#search input[type=text]{
height:28px;
}

.articles li,.ranking li,#area_news li,#area_news_text li{
	width:730px;
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
}

#area_news li p,
#area_news_text li p{
	padding-bottom: 10px;		
}

#area_news li p.jheadline,
#area_news_text li p.jheadline,#area_news_text li p.eheadline{
	font-size:130%;
	font-weight:bold;
}

#area_news li p.lastupdate,
#area_news li p.source{
	font-size:80%;
}

.paging {
	margin: 10px 0;
	text-align:left;
	color: #777;
}

.paging .pcurrent,
.paging a{
	color: #000;
}

.paging_top{
	text-align:left;
}

#area_news_text p{
	line-height:1.5;	
}

/* Attention for Prime site */
.prime-attention {
	margin: 0px 0px 20px 0px;
	color: #d7083b;
	border: 1px solid #d7083b;
	padding: 10px;	
}

.prime-attention .header {
	margin-bottom: 5px;
}

.pageNaviWrap {
	width:730px;
	margin-top: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	margin-bottom: 10px;
}

.pageNaviWrap .paging {
	float: left;
}

.pageNaviWrap .feedback {
	float: right;
}

.pageNaviWrap .feedback .feedbackThanks,
#area_news_text li.feedback .feedbackThanks {
	padding: 10px 0;	
	font-weight: bold;
}

#area_news_text li.feedback {
	text-align: right;
}

/* smart device
------------------------------------------------------------------------------*/

#mobile-header,
#sidr-right {
    display: none;
}

/* Maximum width of 950 pixels. */
@media screen and (max-width: 1100px) {
	body {
		min-width: 100%;
	}
}

@media screen and (max-width: 990px) {
	#header .headerWrap {
		width: 100%;
	}
	#header .headerWrap img{
		max-width: 100%;
		height: auto;
	}
	#contents,
	#sub {
		width: auto;
	}
	#sub .inner {
		padding-right: 0;
		padding-left: 2%;
	}
	#main {
		margin-right: .5%;
	}
}

/* Maximum width of 950 pixels. */
@media screen and (max-width: 950px) {
	body {
		-webkit-text-size-adjust: 100%;
	}
	a:hover {
		text-decoration: none !important;
	}
	img {
		max-width: 100%;
		height: auto;
	}
	#menu-overlay {
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 1000;
		width: 100%;
		height: 100%;
		background-color: #222;
		opacity: 0.5;
	}
	#mobile-header,
	#page {
		min-width: 320px;
	}
	#header,
    #sub {
        display: none;
    }
	#mobile-header,
	#sidr-right {
		display: block;
	}
	#mobile-header {
		border-bottom: 3px solid #d80a3a;
		position: fixed;
		width: 100%;
		background-color: #fff;
		height: 45px;
		z-index: 1001;
	}
	#mobile-header h1 {
		float: left;
		text-align: center;
		width: 90%;
	}
	#mobile-header .headerWrap {
		width: 100% !important;
	}
	#right-menu {
		background-color:#d80a3a;
		float: right;
		cursor: pointer;
	}
	#main {
		margin-right: 0;
	}
	.headerWrap h1 img,
	h2#ranking img {
		max-width: 100%;
		height: auto;
	}
	#contents {
		padding-top: 48px;
	}
	#header .headerWrap, 
	#header .headerWrap h1,
	#header .headerWrap .logo,
	#contents,
	h2,
	h2#area_title,
	#main,
	.articles li,
	.ranking li,
	.ranking li div,
	.pageTop,
	.paging_top,
	.pageNaviWrap,
	#news_copyright,
	#area_news li,
	#area_news_text li{
		width: auto;
		height: auto;
	}
	#news_copyright {
		margin-left: 3%;
		margin-right: 3%;
	}
	#search {
 		margin: 20px 0;
		padding-left: 0;
		text-align: center;
	}
	#search input[type=text] {
 		width: 56%;
	}
	.articles li:first-child,
	#area_news li:first-child,
	.ranking li:first-child {
		border-top-width: 1px;
		border-top-style: solid;
		border-top-color: #ddd;
	}
	.articles li, .ranking li, #area_news li, #area_news_text li {
		border-bottom-color: #ddd;
		padding: 20px;
	}
	#area_news li,
	.ranking li {
		padding: 10px 40px 10px 15px;
		position: relative;
		overflow: auto;
	}
	.rankno {
		margin-top: 5px;
	}
	.ranking li div {
		margin-left: 70px;
		float: none;
		padding: 0;
	}
	.date {
		font-size: 0.7rem;
		font-weight: normal;
		top: 5px;	
	}
	#news img,
	#ranking img,
	#area_title img {
		width: 100%;
		min-width: 100%;
	}
	.separator {
		display: none;
	}
	.summary {
		display: block;
		margin-top: 20px;
	}
	#area_news_text li {
		padding: 10px 15px 10px 15px;
	}
	.pageTop {
		font-weight: bold;
	}
	.notice,
	.paging {
		margin: 15px 0;
		padding-right: 20px;
		padding-left: 20px;
	}
	.paging {
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #ddd;
		margin: 10px 0;
		padding-bottom: 20px;
	}
	.paging .prev {
		float: left;
		padding-top: 0;
	}
	.paging .next {
		float: right;
		margin-bottom: -5px;
	}
	.paging .arrow {
		font-size: 160%;
	}
	.paging .prev .arrow {
		padding-right: 20px;
	}
	.paging .next .arrow {
		padding-left: 20px;
	}
	.pageNaviWrap {
		border: none;
	}
	.pageNaviWrap .paging,
	.pageNaviWrap .feedback {
		float: none;
	}
	.pageNaviWrap .feedback {
		text-align: center;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #ddd;
		margin: 10px 0;
		padding-bottom: 10px;
	}
	#area_news_text li.feedback {
		text-align: center;
	}
	.prime-attention {
		margin: 10px;
	}

	/* Sidr - overwrite */
	.sidr {
		background: #fff !important;
		box-shadow: none !important;
		width: 220px !important;
	}
	.sidr .header {
		background-color:#d80a3a;
		position: fixed;
		width: 100%;
		height: 48px;
		text-indent: -9999px;
	}
	.sidr .inner {
		padding: 65px 10px 10px 10px;
		background-color: #fff;
	}
	.sidr ul {
		background-color: #fff;
	}
	.sidr ul li,
	.sidr ul li:hover {
		border-top: none !important;
		line-height: normal !important;
	}
	.sidr .scontents,
	.sidr .scontents li {
		border: none;
		margin-bottom: 10px;
	}
	.sidr ul.scontents li:hover>a {
		box-shadow: none !important;
	}
	.sidr .scontents li a {
		padding: 0;
	}
	.sidr ul.snavi li:hover>a {
		box-shadow: none !important;
		background-color: #eee;
	}
	.sidr ul.snavi li a {
		padding: 10px 0 10px 25px !important;
	}

	/* Firefox 'position: fixed bug' fix */
	@-moz-document url-prefix() {
		.sidr-open #mobile-header h1 {
			float: none;
		}
		.sidr-open #mobile-header h1 {
			display: inline-block;
		}
	}
}

@media screen and (max-width: 450px) {
	#mobile-header h1 {
		width: 85%;
	}
	.pageNaviWrap .feedback img,
	#area_news_text li.feedback img {
		width: 36%;
	}
}

@media screen and (max-width: 320px) {
	#mobile-header h1 {
		margin-top: 6px;
	}
}

/*portrait対応*/
@media all and (max-width: 950px) and (orientation: portrait) {
	.headerWrap {
	}
}

/*Landscape対応*/
@media all  and (max-width: 950px) and (orientation: landscape) { 
	.headerWrap {
	}
	.date {
		font-size: 1rem;
		top: 10px;	
	}
}