@charset "UTF-8";
/* 994〜 */
@media screen and (min-width:994px){
	
#side.fixed{
	position:fixed;
	top:inherit;
	right:inherit;
	bottom:0;
	left:auto;
}
#headerMiddle{
	display:none;
}
#sagasuTop.sagasu{
	margin:102px 0 0 0;
}
}
/* 〜994 */
@media screen and (max-width:994px){
	
header{
	display:none;
}
#scroll{
	display:none;
}
.sagasu .categoryContainer,.sagasuMenuBg{
	padding:0 4%;
	width:92%;
}
.sagasu .categoryContainer div {
	width: 92%;
}
#pan{
	padding-right:4%;
	padding-left:4%;
	width:92%;
}
address.pc{
	padding:0 4%;
	width:92%;
}
}
/* 968〜 */
@media screen and (min-width:968px){
#side{
	width:380px;
}
#main{
	width:588px;
}
#writerContent .profile{
	width:19%;
}
}
/* 〜968 main縮小 */
@media screen and (max-width:968px){	
#side{
	width:380px;
}
#side.fixed{
	position:fixed;
	top:inherit;
	right:0;
	bottom:0;
	left:auto;
}
#main .post{
	padding-top:39px;
}
/*
.post .date{
margin: 0 0 20px 0;
text-align: left;
border-bottom: 2px solid #f3f3f3;
padding: 0 0 5px 4%;
}
*/
.post .date{
	margin-top:-33px;
}
.twitterButton,
.rssButton{
	letter-spacing:0em;
}
#writerContent .profile{
	width:24%;
}
}
/* 850〜 */
@media screen and (min-width:850px){	
#rankinguNoNakami{
	display:none;
}
.popular h5{
	background-image:url("../img/side/popular/h5r.png"),url("../img/side/popular/h5l.png");
	background-position:right top,left top;
	background-repeat:no-repeat,no-repeat;
}
}
/* 〜850 1カラム */
@media screen and (max-width:850px){
	
.sagasu .categoryContainer{
	width:92%;
}
.sagasu .categoryContainer div{
	margin:0 auto;
	width:92%;
}
#pan{
	margin-bottom:0px;
}
#main{
	margin-bottom:4%;
	padding:0;
	border-right:none;
	border-left:none;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
}
.twitterButton,
.rssButton{
	letter-spacing:0.15em;
}
#side{
	display:none;
}/*
.post .date{
	margin:-33px 4% 20px 0;
	text-align:right;
	border:0;
	padding:0;
}*/
#main .post.topEntry .postContent a.moreImg{
	margin-right:20px;
	max-width:300px;
	width:50%;
}
#rankinguNoNakami{
	padding:0 4% 4% 4%;
	background:#f3f3f3;
	margin-top:4%;
}
.popular+.popular{
	margin-top:4px;
}
#rankinguNoNakami h5{
	text-align:left;
}
}
/* 〜800 */
@media screen and (max-width:800px){

#writerContent .profile{
	width:32%;
}
}
/* 〜650 */
@media screen and (max-width:650px){
#headerMiddle ul.snsHeader li.facebook{
	display:none;
}
}
/*================================================================================================
588〜 
================================================================================================*/
@media screen and (min-width:588px){
body{
	letter-spacing:0.05em;
}
#headerSmall{
	display:none;
}
#pan ul li{
	padding:0 10px 0 0;
}
#pan ul li+li{
	padding:0 10px 0 13px;
}
#pan ul li.pc{
	display:block;
}
#pan ul li.smart{
	display:none;
}
#main .sbm li+li{
	padding:0 0 0 15px;
}
.moreHidden{
	display:block;
}
.profileMore span{
	display:none;
}
.smart{
	display:none;
}
.pc{
	display:block;
}
#SPpagetop{
	display:none;
}
#SPgohome{
	display:none;
}
#main .facebookBorderBg{
	background:url("../img/facebookMain.png") center top no-repeat;
}

}
/* 〜588 */
@media screen and (max-width:588px){
#content{
	margin-bottom:10px;
}
.search #main{
	border-top:2px solid #f3f3f3;
}
#main{
	padding:0;
	font-size:14px;
}

.topEntry h2{
	font-size:16px;
}
#main .post h1{
	font-size:16px;
}
.postContent h2{
	font-size:16px;
}
.postContent h3{
	font-size:15px;
}
#main .post{
	padding-top:39px;
}
.post .date{
	margin-bottom:10px;
}
.post .tagContainer {
	padding-top:5px;
}
.post .tagContainer li{
	padding-bottom:5px;
}
.topEntry .tagContainer li a em{
	display:none;
}

#main .post.topEntry .postContent a.moreImg{
	margin-right:0;
	max-width:588px;
	width:100%;
}
#main .facebookBorderBg .iineshitene{
	display:none;
}
.twitterButton,
.rssButton{
	font-size:13px;	
}
.twitterButton img,
.rssButton img{
	display:block;
	margin:0 auto 10px auto;
	padding:0;
}
.twitterButton{
	margin-right:4%;
	color:#00aced;
}
.rssButton{
	color:#da844a;
}
/*display:none*/
#pan{
	display:none;
}
#main .post.topEntry .postContent a.moreImg{
	margin-bottom:0;
}/*
.post .date{
	margin: 0 0 10px 0;
	text-align: left;
	border-bottom: 2px solid #f3f3f3;
	padding: 0 0 5px 4%;
}*/
.rDate{
	display:inline;
}
.post .date time{
	display:none;
}
.post .tagContainer{
	margin-top:10px;
}
#headerMiddle{
	display:none;
}
body{
	padding-top: 57px;
}
#headerSmall{
	padding:10px 4%;
	width:92%;
	background:#fff;
	position: fixed;
	top: 0;
	z-index: 1000;
	box-shadow: 0 5px 5px rgba(0,0,0,0.2);
}
#headerSmall li{
	float:left;
}
#headerSmall li+li{
	float:right;
}
.smart{
	display:block;
}
.pc{
	display:none;
}
.facebookBorderBg{
}
#pan ul{
	display:none;
}
#pagetopPenta{
	display:none;
}
#main .sbm li+li{
	padding:0 0 0 5px;
}
#side{
	width:380px;
}
.postBottom h4{
	letter-spacing:0.05em;
}
#content #main .postBottom h4 span{
	display:none;
}
.postBottom .profile .padding4P strong{
	display:block;
	float:none;
	padding:0 0 0 0;
	height:inherit;
	font-size:15px;
	line-height:1;
}
.postBottom .profile .padding4P .avatar+div span{
	padding:10px 0 0 0;
	height:inherit;
	line-height:1.3;
}
.userRecent li p,
.similarPosts li a div{
	font-size:12px;
}
#sagasuButton, .sagasu{
	display:none;
}
#rankinguNoNakami h5{
	text-align:center;
}
#rankinguNoNakami ul{
	margin-bottom:0;
}
.popular .wpp-post-title{
	line-height:1.3;
}
.wpp-author{
	display:none;
}
#SPgohome{
	display:block;
	padding:10px 0;
	width:100%;
	height:24px;
	background:#fff;
	color:#333;
	text-align:center;
	text-decoration:none;
	font-size:12px;
	line-height:24px;
}
#SPgohome img{
	padding-right:10px;
}
#SPpagetop{
	display:block;
	padding:15px 0;
	width:100%;
	height:16px;
	background:#333;
	color:#fff;
	text-align:center;
	text-decoration:none;
	font-size:12px;
	line-height:16px;
}
#SPpagetop img{
	padding-right:10px;
}
address.smart{
	margin:10px 0;
	text-align:center;
	line-height:1.5;
}
#error404{
	font-size:100px;
	padding:20px 0;
	margin-bottom:20px;
	margin-top:-440px;
}
#error404+ul{
	margin-top:-80px;
}
#ichidonihiraku{
	display:none;
}

/*========================================================================================================================
	iPhoneMenu	(背景だけcommonに)
========================================================================================================================*/
#toggleMenu{
	cursor:pointer;
	width:34px;
	height:36px;
	position:relative;
	overflow:hidden;
	font-size:12px;
}
#toggleMenu i{
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:34px;
	height:36px;
	background-position:left -55px;
}
#sideMenu{
	position:absolute;
	top:57px;
	z-index:10;
	padding:10px 4%;
	width:92%;
	background:#f3f3f3;
}
#sideMenu.searchTop{
	top:100px;
}
#SPMenu{
    -webkit-border-radius:5px;
    -moz-border-radius:5px; 
    border-radius:5px;
}
#SPMenu li a{
	display:block;
	padding:12px;
	height:18px;
	text-decoration:none;
	font-size:13px;
	line-height:18px;
}
#SPMenu i{
	margin-right:10px;
	height:18px;
	width:22px;
	display:block;
	float:left;
}
#SPMenu .home{
	background-position:left -30px;
}
#SPMenu .about{
	background-position:-30px -30px;
}
#SPMenu .writer{
	background-position:-60px -30px;
}
#SPMenu .contact{
	background-position:-60px top;
}

#SPMenu li+li{
	border-top:2px solid #f3f3f3;
}
#sideMenu .sToggle span{
	padding:0 0 0 10px;
	color:#999;
	font-weight:normal;
	font-size:12px;
}
#sideMenu .sToggle{
	font-size:13px;
	line-height:25px;
	padding:7px 10px;
	background-color:#fff;
	cursor:pointer;
}
#sideMenu .sToggle i{
	background-position:left top;/*minus*/
	width:25px;
	height:25px;
	display:block;
	float:right;
}

#sideMenu ul+h5{
	margin-top:10px;
}
#sideMenu ul{
	background:#fff;
}
#sideMenu .tagContainer .oyacate a{
	font-size:13px;
}
#sideMenu .tagContainer .dragonsakuraColor,#sideMenu .tagContainer .dragonsakuraColor+li{
	border-top:2px solid #e04381;
}
#sideMenu .tagContainer .wonderlifeColor,#sideMenu .tagContainer .wonderlifeColor+li{
	border-top:2px solid #6cbd73;
}
#sideMenu .tagContainer .goodideaColor,#sideMenu .tagContainer .goodideaColor+li{
	border-top:2px solid #da844a;
}
#sideMenu .tagContainer .businesswaveColor,#sideMenu .tagContainer .businesswaveColor+li{
	border-top:2px solid #558bb3;
}

#sideMenu .tagContainer .dragonsakuraColor ~ li a{
	color:#e04381;
}
#sideMenu .tagContainer .businesswaveColor ~ li a,
#pagetop #sideMenu .tagContainer .businesswaveColor a{
	color:#558bb3;
}
#sideMenu .tagContainer .goodideaColor ~ li a,
#pagetop #sideMenu .tagContainer .goodideaColor a{
	color:#da844a;
}
#sideMenu .tagContainer .wonderlifeColor ~ li a,
#pagetop #sideMenu .tagContainer .wonderlifeColor a{
	color:#6cbd73;
}


#sideMenu .tagContainer li{
	padding:10px 8px 10px 8px;
	border-top:2px solid #f3f3f3;
}
#sideMenu .tagContainer li a{
	position:relative;
}
#sideMenu .tagContainer li a em{
	position:absolute;
	right:0;
	top:0;
	padding-left:0;
	padding-right:0;
	text-align:center;
	width:35px;
}
#sideMenu .tagContainer li a em:after{
	display:none;
}
#sideMenu .button{
    -webkit-border-radius:5px;
    -moz-border-radius:5px; 
    border-radius:5px;
}
#sideMenu .close{
	margin-bottom:10px;
	padding:7px 10px;
	background-color:#333;
	color:#fff;
	font-size:13px;
	cursor:pointer;
	line-height:25px;
}
#sideMenu .close i,
.toziru i{
	background-position:-30px top;/*close*/
	width:25px;
	height:25px;
}
#sideMenu .close i{
	float:right;
	display:block;
}
#sideMenu ul+.close{
	margin-top:10px;
	margin-bottom:0;
}
.sToggle+ul{
	display:none;
	height:86%;
	overflow:scroll;
	position:fixed;
	top:5%;
	width:90%;
	left:5%;
	z-index:1000;
	border-top:5px solid #e04381;
	border-right:5px solid #558bb3;
	border-bottom:5px solid #6cbd73;
	border-left:5px solid #da844a;
	margin:-5px 0 0 -5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px; 
    border-radius:5px;
    
	-moz-box-shadow:0px 0px 10px #000;
	-webkit-box-shadow:0px 0px 10px #000;
}
.blackBg{
	position:fixed;
	top:0;
	left:0;
	z-index:150;
	display:none;
	width:100%;
	height:100%;
	background:#000;
	opacity:0.6;
}
.toziru{
	position:fixed;
	bottom:5%;
	left:35%;
	z-index:1500;
	display:none;
	margin:0 0 -2px 0;
	padding:5px;
	width:30%;
	height:25px;
	-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;
	background:#333;
	-webkit-box-shadow:0px 0px 5px #000;
	-moz-box-shadow:0px 0px 5px #000;
	color:#fff;
	text-align:center;
	cursor:pointer;
	line-height:25px;
	font-size:13px;
}
.toziru i{
	float:left;
	display:inline-block;
	margin:0 0 0 10px;
}
body.scrollNone{
	overflow:hidden;
	height:100%;
}
#content.scrollNone{
	min-height:0!important;
}
#content.scrollNone,
#content.scrollNone #main,
#content.scrollNone #side,
#content.scrollNone #rankinguNoNakami{
	overflow:hidden;
	height:0;
}

}
/* 〜530 */
@media screen and (max-width:530px){
#writerContent .profile{
	width:49%;
}
}
/* 480〜 */
@media screen and (min-width:480px){

}
/* 〜480 */
@media screen and (max-width:480px){
#main .recent li{
	float:none;
	width:100%;
	font-size:14px;
}
#main .recent li:nth-child(odd){
	margin:0 0 4% 0;
}
}