@charset "utf-8";
/*
Theme Name: sekaishinbun
Theme URI:
Version: 1
Author: Atsushi Matsuzaki
*/



/* 外部CSS
----------------------------------- */
@import url(css/reset.css);
@import url(css/base.css);
@import url(css/sub.css);
@import url(css/top.css);
@import url(css/meanmenu.css);
@import url(css/flexslider.css);


body{
	font-family:Arial, Osaka,"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Helvetica, Verdana, sans-serif;
	margin: 0;
	padding: 0;
}


#footer_category {
	width: 720px;
}

#footer_left .categories {
	list-style-type: none;
}

#footer_box ul li.cat-item {
	display: inline-block;
	vertical-align: top;
	overflow: hidden;
	background-color: #FFE955;
	color: #333333;
	font-size: 13px;
	font-weight: bold;
	margin: 5px;
	padding: 5px 0 5px 10px;
	width: 340px;
}

#footer_box ul li.cat-item a:hover {
	text-decoration: none;
}

#footer_box ul.children {
	display: block;
	margin: 10px 0 0 0;
}

#footer_box ul.children li.cat-item {
	display: inline;
	background-color: #FFE955;
	color: #333333;
	padding-top: 3px;
	font-size: 10px;
	font-weight: normal;
	padding: 1px;
}

#footer_box ul.children li.cat-item a {
	font-size: 10px;
	font-weight: normal;
}

.writerphoto {
	float: left;
	margin-bottom: 20px;
	margin-top: 20px;
}

strong {
	font-weight: bold;
}

.archive_contents_sub p {
	line-height: 1.6;
	margin: 10px 15px 0 15px;
	clear: both;
	padding: 0 30px 0 0;
}

.archive_contents_sub p span{
	font-size: 14px;
}

.side_widget li.wpp {
    line-height:140%;
    margin:0 0 15px 0;
    font-size:14px !important;
    background:none;
    padding:0 0 0 0px;
}

.PrevNext_post {
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	padding: 10px 0 20px;
	height: 80px;
	clear: both;
	margin-top: 20px;
}


.PrevNext_post .previous_post {
	float: left;
}

h4.title_previous {
	margin-bottom: 10px;
	float: left;
}

h4.link_title.left {
	margin-bottom: 10px;
	width: 250px;
	float: left;
	clear: both;
}

.PrevNext_post .next_post {
	float: right;
}

h4.title_next {
	margin-bottom: 10px;
	float: right;
}


h4.link_title.right {
	margin-bottom: 10px;
	width: 250px;
 float: right; 
	clear: both;
}



p.AboutBanner {
	text-align: right;
	font-size: 14px;
	padding-bottom: 10px;
	margin: 10px -30px 40px 0;
	clear: both;
}


p.AboutBanner a:link { color:#222222!important;}
p.AboutBanner a:visited { color:#777777!important;}
p.AboutBanner a:hover { color:#168dd9!important;}
p.AboutBanner a:active { color:#222222!important;}

h4.title_previous img,
h4.title_next img,
p.AboutBanner img,
p.newINFO img,
h3.related_post_title img,
p.FacebookComment img {
	margin: 0;
	vertical-align: middle;
}

.snsWrapper {
	padding-bottom: 10px;
	margin: 0;
	clear: both;
}

p.newINFO {
	text-align: center;
	font-size: 18px;
	border-bottom: solid 1px #ccc;
	padding-bottom: 10px;
	margin: 20px 0 0 0;
}

div.iconRSS {
	float: left;
	width: 300px;
	text-align: center;
	background-color: #EDEDED;
	margin: 10px 10px 10px 25px;
	padding: 20px 10px 10px 10px;
}

div.iconTwitter {
	float: left;
	width: 260px;
	background-color: #EDEDED;
	margin: 10px 10px 10px 25px;
	height: 55px;
	padding: 35px 10px 10px 50px;
	clear: both;
}

div.iconFB {		
 float: right;
 margin: -110px 25px 0 0;
	width: 300px;
}



p.FacebookComment {
	text-align: center;
	font-size: 18px;
	border-bottom: solid 1px #ccc;
	padding-bottom: 10px;
	margin: 30px 0 5px 0;
}



.snsshare2 {
    width: 100%;
    height: 60px;
    margin-top: 30px;
			 clear: both;
}
.snsshare2 a {
    width: 50%;
    height: 25px;
    margin-bottom: 10px;
    padding: 14px 0;
    float: left;
    font-size: 16px;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
    letter-spacing: 0.1em;
    display: inline-block;
    text-decoration: none;
}
.snsshare2 a:hover {
    color: #ffffff;
    text-decoration: none;
}
.snsshare2 a#share_fb {
    background-color: #3B5998;
    border-bottom: 1px solid #3C5A98;
}
.snsshare2 a#share_tw {
    background-color: #00ACEE;
    border-bottom: 1px solid #0193CB;
}

#wp_rp_first {
	margin-left: 10px;
}


.fb-like-box,
.fb-like-box span,
.fb-like-box iframe {
  width: 100% !important;
}


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

.PrevNext_post {
	height: 200px;
	text-align: center;
	margin-top: 20px;
	float: none;
}


.PrevNext_post .previous_post {
	float: none;
}

h4.title_previous {
	margin-bottom: 10px;
	margin-top: 10px;
	float: none;
}

h4.link_title.left {
	margin-bottom: 20px;
	width: 250px;
	float: none;
	margin: 0 auto;
}

.PrevNext_post .next_post {
	float: none;
}

h4.title_next {
	margin-bottom: 10px;
	margin-top: 20px;
	float: none;
}


h4.link_title.right {
	margin-bottom: 10px;
	width: 250px;
	float: none;
	margin: 0 auto;
}

.snsWrapper {
	text-align: center;
}



div.iconRSS {
	float: none;
	width: 300px;
	margin: 10px auto;
}

div.iconTwitter {
	float: none;
	width: 260px;
	margin: 10px auto;
}


div.iconFB {		
	float: none;
	width: 300px;
	margin: 10px auto;
}

.snsshare2 a {
    padding: 18px 0 14px;
    font-size: 14px;
}

.archive_contents_sub p {
	padding: 0;
	margin: 10px;
}

}