@charset "UTF-8";
/*===================
		POST
===================*/
.post{
	position:relative;
	padding:64px 0 4% 0;
	width:100%;
	border-top:5px solid;
}
.post.yellow{
	padding:30px 0 30px 0;
}
.postContent{
	padding:4% 4% 0 4%;
	line-height:1.74;
}
.postContent img{
	max-width:540px;
	width:100%;
}
/* 左上のカテゴリ */
.categories{
	position:absolute;
	top:1px;
	margin:-5px 0 0 4%;
	padding:5px;
    -webkit-border-bottom-right-radius:5px;-moz-border-radius-bottomright:5px;border-bottom-right-radius:5px;/*右下*/
    -webkit-border-bottom-left-radius:5px;-moz-border-radius-bottomleft:5px;border-bottom-left-radius:5px;/*左下*/
	color:#fff;
	font-size:12px;
}
#main .categories:hover{
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
}
.categories a{
	color:#fff!important;
	text-decoration:none!important;
	display:block;
	padding:2px 10px;
	-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;
}
.dragonsakura .categories a:hover{
	background:#c72c69;
}
.goodidea .categories a:hover{
	background:#c67036;
}
.wonderlife .categories a:hover{
	background:#52a85a;
}
.businesswave .categories a:hover{
	background:#39719a;
}


/* 右上の日付とauthor */
.post .date{
	margin:-58px 4% 20px 0;
	height:23px;
	color:#999;
	text-align:right;
	font-size:12px;
	line-height:23px;
}
.post .date time{
	padding:0 0 0 10px;
}
.post .date a{
	text-decoration:none;
}
.post .date a img{
	margin:0 3px 0 0;
	width:23px;
	height:23px;
	-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;/*全角・１２*/
}
.post .date a strong{
	font-weight:normal;
}
.rDate{
	padding:0 0 0 10px;
	display:none;
}
/* タイトル */
.post h1{
	padding:0 4%;
	font-size:20px;
}
.post.yellow h1{
	padding:0 4% 30px 4%;
	border-bottom:2px solid #f3f3f3;
}
.topEntry h2{
	padding:0 4%;
	font-size:20px;
}
.topEntry h2 a{
	text-decoration:none;
}
.topEntry h2 a:hover{
	text-decoration:underline;
}
/* 国と小カテゴリの吹出し　*/
.post .tagContainer {
	margin:20px 0 0 0;
	padding:10px 4% 0 4%;
	width:92%;
	border-top:2px solid #f3f3f3;
	background-position:bottom;
	background-repeat:repeat-x;
	line-height:1;
}
#main .topEntry .tagContainer{
	border-bottom:2px solid #f3f3f3;
	background:none;
}
.post .tagContainer li{
	display:inline-block;
	margin:0 20px 0 0;
	padding:0 0 10px 0;
}
.post .tagContainer li+li{
	margin-right:0;
}
.tagContainer li a{
	display:block;
	text-decoration:none;
	font-size:12px;
}
.tagContainer li a strong{
	display:inline-block;
	height:23px;
	line-height:23px;
	width:23px;
	margin-right:5px;
}
.tagContainer li a.tagA{
	color:#777;
}

.tagContainer li a em{
	color:#888;
	display:inline-block;
	margin:0 0 0 10px;
	padding:0 10px 0 10px;
	height:23px;
	font-style:normal;
	font-size:11px;
	line-height:23px;
    -webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;/*全角・２*/
	background: #f3f3f3;
	position: relative;
}
.tagContainer li a em:after{
	right: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.tagContainer li a em:after{
	border-color: rgba(243, 243, 243, 0);
	border-right-color: #f3f3f3;
	border-width: 5px;
	top: 50%;
	margin-top: -5px;
}
.dragonsakura .tagContainer{
	background-image:url("../img/color/dotxP.png");
}
.wonderlife .tagContainer{
	background-image:url("../img/color/dotxG.png");
}
.goodidea .tagContainer{
	background-image:url("../img/color/dotxO.png");
}
.businesswave .tagContainer{
	background-image:url("../img/color/dotxB.png");
}
/* SBM */
.sbm{
	padding:9px 4% 5px 4%;
	width:92%;
	height:65px;
	border-bottom:2px solid #f3f3f3;
}
.sbm li{
	float:left;
}
.sbm iframe.twitter-share-button{
    width:68px!important;
}
.dragonsakura .sbm {
	background:url("../img/color/pinkBg.gif") repeat;
}
.goodidea .sbm{
	background:url("../img/color/orangeBg.gif") repeat;
}
.wonderlife .sbm{
	background:url("../img/color/greenBg.gif") repeat;
}
.businesswave .sbm{
	background:url("../img/color/blueBg.gif") repeat;
}
/* TOP ENTRY */
.topEntry p{
	margin-bottom:0;
}
.post.topEntry .postContent strong{
	font-weight:normal;
}
.post.topEntry .postContent img{
	display:none;
}
.post.topEntry .postContent a.moreImg{
	position:relative;
	display:block;
	float:left;
	overflow:hidden;
	margin:0 0 20px 0;
	width:100%;
	background:url("../img/main/more.gif") no-repeat center center #333;
}
.post.topEntry .postContent a.moreImg img{
	display:block;
	transition:all 0.1s ease;
	-webkit-transition:all 0.1s ease;
	-moz-ttransition:all 0.1s ease;
}
.post.topEntry .postContent a.moreImg:hover img{
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	opacity:0.4;
}

.more-link{
	display:block;
	float:right;
	margin:20px 0 0 0;
	padding:12px 0;
	height:15px;
	line-height:15px;
	width:100%;
	-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;/*全角*/
	color:#fff!important;
	text-align:center;
	text-decoration:none!important;
	letter-spacing:0.2em;
	font-size:13px;
}
#main .more-link:hover{
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	margin:24px 0 0 0;
	padding:10px 0;
}
.more-link i{
	width:10px;
	height:15px;
	background:url("../img/more.png") no-repeat left top;
	text-indent:-9999px;
	margin-right:10px;
	display:inline-block;
}
/* 見出し */
.postContent h2{
	margin-bottom:20px;
	padding-left:20px;
	font-size:18px;
	font-weight:bold;
}
.dragonsakura .postContent h2{
	background:url("../img/main/h2/pink.png") repeat-y left center;
}
.yellow .postContent h2{
	background:url("../img/main/h2/yellow.png") repeat-y left center;
}
.goodidea .postContent h2{
	background:url("../img/main/h2/orange.png") repeat-y left center;
}
.wonderlife .postContent h2{
	background:url("../img/main/h2/green.png") repeat-y left center;
}
.businesswave .postContent h2{
	background:url("../img/main/h2/blue.png") repeat-y left center;
}

.postContent h3{
	margin-bottom:20px;
	border-bottom:4px solid #f3f3f3;
	font-size:16px;
	font-weight:bold;
}
.postContent h3 span{
	display:inline-block;
	margin-bottom:-4px;
	padding:5px 0 0 0;
	border-bottom:4px solid;
}
/* 引用・sakura・リストなど */
.postContent blockquote{
	margin-bottom:20px;
	padding:10px 0 10px 43px;
	border-top:1px solid;
	border-bottom:1px solid;
	background:url("../img/main/block1.png") no-repeat left 10px;
	font-size:14px;
}
.postContent blockquote p{
	margin:0;
	padding:0 43px 0 0;
	background:url("../img/main/block2.png") no-repeat right bottom;
}
.topEntry .postContent blockquote,
.topEntry .postContent blockquote p{
	margin:0;
	padding:0;
	border:none;
	background:none;
	font-size:15px;
}
.postContent ul,
.postContent ol,
.aboutTojo .main ul{
	margin-bottom:20px;
	padding-left:4%;
}
.postContent ul li,
.postContent ol li,
.aboutTojo .main ul li{
	padding:7px 0 7px 0;
	font-size:14px;
} 
.postContent ul li,
.aboutTojo .main ul li{
	list-style:disc outside;
} 
.postContent ol li{
	list-style:decimal outside;
} 
.postContent li span{
	color:#333;
	background:none!important;
}
.topEntry .postContent ul,
.topEntry .postContent ol{
	margin:0;
	padding:0;
}
.topEntry .postContent li{
	padding:0;
	list-style:none;
	font-size:inherit;
}
.postContent .sakura{
	margin-bottom:20px;
	padding:10px 10px 10px 20px;
	font-size:14px;
	border:1px solid;
}
.postContent .sakura span {
	display:block;
	padding:0 0 0 29px;
}
.postContent .sakura ul,.postContent .sakura ol {
	margin:0;
}
.postContent .sakura ul span,.postContent .sakura ol span {
	padding:0;
}
.dragonsakura .postContent .sakura span{
	background:url("../img/main/h2/pink.png") repeat-y left;
}
.goodidea .postContent .sakura span{
	background:url("../img/main/h2/orange.png") repeat-y left;
}
.wonderlife .postContent .sakura span{
	background:url("../img/main/h2/green.png") repeat-y left;
}
.businesswave .postContent .sakura span{
	background:url("../img/main/h2/blue.png") repeat-y left;
}

.yellow .postContent .sakura span{
	background:url("../img/main/h2/yellow.png") repeat-y left;
}
.postContent .sakura p{
	margin:0;
}
.topEntry .postContent .sakura,
.topEntry .postContent .sakura span{
	padding:0;
	background:none;
	margin:0;
	font-size:15px;
	border:none;
}
.postContent p.photocome{
	color:#999;
	text-align:center;
	font-size:12px;
}
.topEntry .postContent p.photocome{
	display:none;
}
/* moreタグ編集 */
.more_pr_area,.footer_pr_area{
    margin: 20px auto;
    padding:0 0 27px 0;
    background-color: #f3f3f3;
    position:relative;
    text-align:center;
    overflow:hidden;
    }
.more_pr_area p,.footer_pr_area p{
    margin:0!important;
    }
.more_pr_advert,.footer_pr_advert{
    display:inline-block;
    }
    
/* 絶景Qの正解 */
.button,
.zekkei-answer{
	display:block;
	margin:20px 0 0 0;
	padding:12px 0;
	height:15px;
	line-height:15px;
	width:100%;
	-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;/*全角*/
	color:#fff!important;
	text-align:center;
	text-decoration:none!important;
	letter-spacing:0.2em;
	font-size:13px;
}
.wonderlife .button,
.zekkei-answer{
	background:#6cbd73;
	-moz-box-shadow: 0 -4px 0 #52a85a inset;
	-webkit-box-shadow: 0 -4px 0 #52a85a inset;
}
.dragonsakura .button{
	background:#e04381;
	-moz-box-shadow: 0 -4px 0 #c72c69 inset;
	-webkit-box-shadow: 0 -4px 0 #c72c69 inset;
}
.goodidea .button{
	background:#da844a;
	-moz-box-shadow: 0 -4px 0 #c67036 inset;
	-webkit-box-shadow: 0 -4px 0 #c67036 inset;
}
.businesswave .button{
	background:#558bb3;
	-moz-box-shadow: 0 -4px 0 #39719a inset;
	-webkit-box-shadow: 0 -4px 0 #39719a inset;
}

.button:hover,
.zekkei-answer:hover{
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	margin:24px 0 0 0;
	padding:10px 0;
}


/*ドラゴン桜だけでつかう、同じカテゴリの次・前・最初の記事*/
.categoryEntryNavi{
	margin-bottom:20px;
	font-size:14px;
	border:1px solid #e04381;
}
.categoryEntryNavi a{
	color:#333!important;
	font-size:13px;
}
.categoryEntryNavi h4{
	background: url("../img/color/dotxP.png") repeat-x bottom;
	margin:0 -15px 10px -15px;
	padding:0 15px 10px 15px;
	font-size:12px;
	color:#999;
}
.categoryEntryNavi h4 a{
	color:#e04381!important;
	font-size:16px;
	padding:0 5px 0 0;
	text-decoration:none;
	display:inline-block;
}
.categoryEntryNavi h4 a:hover{
	text-decoration:underline;
}
.categoryEntryNavi h4 span{
	padding-left:5px;
}
.categoryEntryNavi div{
	list-style:none;
	padding:10px 15px 15px 15px;
}
.categoryEntryNavi div+div{
	border-top:2px solid #f3f3f3;
}
/*次の記事、前の記事*/
.NPnavi{
	background:url("../img/main/NPnavi.gif") repeat-y center;
}
.NPnavi .prev,
.NPnavi .next{
	width:50%;
}
.NPnavi .prev a,
.NPnavi .next a{
	position:relative;
	padding:4% 8%;
	display:block;
	font-size:13px;
	color:#333;
	text-decoration:none;
}
.NPnavi .prev a:hover,
.NPnavi .next a:hover{
	text-decoration:underline;
}
.NPnavi .prev{
	float:left;
}
.NPnavi .next{
	float:right;
}
.NPnavi .prev a{
	padding-left:18%;
}
.NPnavi .next a{
	padding-right:18%;
}
.NPnavi .prev a:after,
.NPnavi .next a:after{
    content: ' ';
    height: 0;
    position: absolute;
    width: 0;
    border: 10px solid transparent;
    top: 40%;
}
.NPnavi .prev a:after {
    border-right-color: #dfdfdf;
    right: 90%;
}
.NPnavi .prev a:hover:after {
    border-right-color: #999;
}
.NPnavi .next a:after {
    border-left-color: #dfdfdf;
    left: 90%;
}
.NPnavi .next a:hover:after {
    border-left-color: #999;
}
/*=================
	POST BOTTOM
=================*/
.padding4P{
	padding:0 4%;
	font-size:12px;
}
.postBottom h4{
	margin:4% -0;
	padding:10px 4%;
	height:38px;
	border-top:2px solid #f3f3f3;
	letter-spacing:0.15em;
	line-height:38px;
	font-size:13px;
	font-weight:normal;
}
.postBottom h4 img{
	padding:0 15px 0 0;
}
.postBottom h4 strong{
	height:38px;
	display:inline-block;
	line-height:38px;
	padding:0 0 0 52px;
	font-weight:normal;
}
.dragonsakura .postBottom .profile h4 strong{
	background-position:left top;
}
.dragonsakura .postBottom .similar strong{
	background-position:left -38px;
}
.dragonsakura .postBottom .entryCheck strong{
	background-position:left -76px;
}

.goodidea .postBottom .profile h4 strong{
	background-position:left -114px;
}
.goodidea .postBottom .similar strong{
	background-position:left -152px;
}
.goodidea .postBottom .entryCheck strong{
	background-position:left -190px;
}

.wonderlife .postBottom .profile h4 strong{
	background-position:left -228px;
}
.wonderlife .postBottom .similar strong{
	background-position:left -266px;
}
.wonderlife .postBottom .entryCheck strong{
	background-position:left -304px;
}

.businesswave .postBottom .profile h4 strong{
	background-position:left -342px;
}
.businesswave .postBottom .similar strong{
	background-position:left -380px;
}
.businesswave .postBottom .entryCheck strong{
	background-position:left -418px;
}


.postBottom h4 span{
	padding-left:5px;
	font-size:13px!important;
	display:inline;
}
.dragonsakura .postBottom h4{
	background:url("../img/color/dotxP.png") repeat-x bottom;
	color:#e04381;
}
.goodidea .postBottom h4{
	background:url("../img/color/dotxO.png") repeat-x bottom;
	color:#da844a;
}
.wonderlife .postBottom h4{
	background:url("../img/color/dotxG.png") repeat-x bottom;
	color:#6cbd73;
}
.businesswave .postBottom h4{
	background:url("../img/color/dotxB.png") repeat-x bottom;
	color:#558bb3;
}
/* この記事のライター */
.postBottom .profile h4{
	margin-top:0;
}
.profileBg{
	background:#f3f3f3;
}
.profileMore{
	margin-bottom:20px;
	border-top:2px solid #fff;
	background:#f3f3f3;
}
.profileMore span{
	display:block;
	width:100%;
	height:30px;
	text-align:center;
	font-size:17px;
	line-height:30px;
	cursor:pointer;
	color:#999;
}
.profileMore span:hover{
	background:#999;
	color:#fff!important;
}
.moreHidden{
	display:none;
	padding:10px;
}
.moreHidden p{
	margin:0;
}
.postBottom .profile .avatar{
	float:left;
}
.postBottom .profile .avatar img{
	width:80px;
	height:80px;
}
.profile .padding4P .avatar+div{
	float:right;
	padding-top:9px;
}
.postBottom .profile .padding4P strong{
	display:block;
	float:left;
	padding:0 10px 0 0;
	height:20px;
	font-size:15px;
	line-height:20px;
	font-weight:normal;
}
.profile .padding4P .avatar+div span{
	float:left;
	padding:0 10px 0 0;
	height:20px;
	line-height:20px;
}
.postBottom .profile ul{
	clear:both;
	padding:10px 0 0 0;
	width:100%;
}
.postBottom .profile ul.smart{
	padding:0 0 10px 0;
}
.postBottom .profile .webIcon{
	width:30px;
	height:30px;
	line-height:30px;
}
.postBottom .profile ul a{
	text-decoration:none;
}
/* hogehogeさんが書いた記事 */
.postBottom  h5{
	padding:7px 10px;
    -webkit-border-top-left-radius:5px;-moz-border-radius-topleft:5px;border-top-left-radius:5px;/*左上*/
    -webkit-border-top-right-radius:5px;-moz-border-radius-topright:5px;border-top-right-radius:5px;/*右上*/
	color:#fff;
}
.userRecent{
	border-right:2px solid #f3f3f3;
	background:url("../img/main/NPnavi.gif") repeat-y left;
}
.userRecent li+li{
	border-top:2px solid #f3f3f3;
}
.userRecent li a{
	display:block;
	position:relative;
}
.userRecent li p{
	float:right;
	margin:0 -2px 0 0;
	font-size:13px;
	width:100%;
	position:relative;
	z-index:10;
}
.userRecent li p span{
	display:block;
	padding:15px;
	background:#fff;
}
.userRecent li img{
	width:100px;
	height:100px;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}
.moreUserEntry{
	display:block;
	padding:7px 10px 7px 38px;
    -webkit-border-bottom-right-radius:5px;-moz-border-radius-bottomright:5px;border-bottom-right-radius:5px;
    -webkit-border-bottom-left-radius:5px;-moz-border-radius-bottomleft:5px;border-bottom-left-radius:5px;
	background-image:url("../img/arrowR.png");
	background-position:10px center;
	background-repeat:no-repeat;
	color:#fff!important;
}
@media only screen and (-webkit-min-device-pixel-ratio:2){ 
.moreUserEntry{
	background-image:url("../img/arrowR_w.png");
	background-size:16px 16px;
}
}
/* similar posts */
.similarPosts li{
	margin-bottom:10px;
}
.similarPosts li a{
	display:block;
	position:relative;
	overflow:hidden;
}
.similarPosts li a img{
	width:100px;
	height:100px;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}
.similarPosts li a div{
	min-height:100px;
	float:right;
	display:block;
	font-size:13px;
	width:100%;
	color:#333;
	position:relative;
	z-index:10;
	background:#f3f3f3;
}
.similarPosts li a div span{
	padding:15px 15px 0 15px;
	display:block;
}
.similarPosts li a:hover span{
	color:#fff;
}
/* 最新エントリーをチェックするには */
.postBottom .facebookBorderBg+h4{
	margin-top:0;
}
.twitterButton,
.rssButton{
	display:block;
	float:left;
	overflow:hidden;
	padding:10px 0 14px 0;
	max-width:271px;
	width:48%;
	height:40px;
	-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;
	background:#f3f3f3;
	text-align:center;
	text-decoration:none;
	letter-spacing:0.15em;
	font-size:13px;
	line-height:40px;
	-moz-box-shadow: 0 -5px 0 #e0e0e0 inset;
	-webkit-box-shadow: 0 -5px 0 #e0e0e0 inset;
	margin-top:20px;
}
.twitterButton:hover,
.rssButton:hover{
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	margin-top:24px;
	padding:10px 0;
}
.twitterButton span,
.rssButton span{
	display:inline-block;
}
.twitterButton img,
.rssButton img{
	margin-right:15px;
	height:40px;
}
.twitterButton{
	margin-right:4%;
	color:#00aced!important;
}
.rssButton{
	color:#da844a!important;
}
/* 同じカテゴリの最新記事 */
.recent{
	margin:0 0 -4% 0;
	width:100%;
}
.recent li{
	margin:0 0 4% 0;
	float:left;
	width:48%;
	font-size:13px;
}
.recent li:nth-child(odd){
	margin:0 4% 4% 0;
}
.recent li a{
	position:relative;
	display:block;
	height:220px;
	background:#f3f3f3;
}
.recent li a p{
	position:absolute;
	bottom:0;
	float:left;
	margin:0;
	padding:10px;
	background-color:#f3f3f3;
	font-size:12px;
}
.recent li a:hover p{
	background-image:none;
	color:#fff;
}
.recent li img{
	width:100%;
}
/* zenback */
#zenback-widget .zenback-module-label{
	border-top:2px solid #f3f3f3;
	padding:10px 4%;
	margin:0 -4% 10px -4%;
}
.dragonsakura #zenback-widget .zenback-module-label{
	background:url("../img/color/dotxP.png") repeat-x bottom;
}
.goodidea #zenback-widget .zenback-module-label{
	background:url("../img/color/dotxO.png") repeat-x bottom;
}
.wonderlife #zenback-widget .zenback-module-label{
	background:url("../img/color/dotxG.png") repeat-x bottom;
}
#zenback-widget a{
	color:#333;
}
/*=============
	検索結果
=============*/
#search_result{
	margin-top:-10px;
	padding:4%;
}
#search_result p{
	margin:0;
	padding-bottom:10px;
}
#search_result span{
	display:block;
	padding:10px 0 0 0;
	color:#999;
	font-size:13px;
}
/*==================
	PAGE NAVI(PC)
==================*/
.pagenavidayo{
	padding:4% 0;
	border-top:2px solid #f3f3f3;
	text-align:center;
}
.local-navigation{
	display:inline-block;
	clear:both;
	font-size:11px;
}
.page-numbers{
	display:block;
	float:left;
	-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;
	background:#f3f3f3;
}
#main .pagenavidayo .local-navigation .prev,
#main .pagenavidayo .local-navigation .next{
	padding:0 5px;
	width:inherit;
	border:none;
	background:#fff;
	font-size:12px;
}
#main .pagenavidayo .local-navigation .prev:hover,
#main .pagenavidayo .local-navigation .next:hover{
	padding:0 5px;
	background:none;
	color:#e04381;
}
.local-navigation .dots{
	padding:0 2px;
	height:30px;
	background:#fff;
	line-height:30px;
}
a.page-numbers{
	margin:0 2px;
	width:30px;
	height:30px;
	text-align:center;
	text-decoration:none;
	line-height:30px;
}
a.page-numbers:hover,
.local-navigation span.current{
	margin:0 2px;
	width:30px;
	height:30px;
	border:none;
	background:#e04381;
	color:#FFF;
	text-align:center;
	line-height:30px;
}
/*=======================
	PAGE NAVI(スマホ)
=======================*/
.pagenavidayo .smart{
	position:relative;
	margin:0 auto;
	width:92%;
	height:60px;
}
.wp-pagenavi{
	position:absolute;
	top:0;
	left:0;
	z-index:10;
	clear:both;
	margin:20px -2px 0 -2px;
	width:100%;
	height:35px;
	border:2px solid #f3f3f3;
    -webkit-border-radius:5px;
    -moz-border-radius:5px; 
    border-radius:5px;
	font-size:12px;
}
.wp-pagenavi.bg{
	z-index:1;
}
.wp-pagenavi:after{ display:block; visibility:hidden; clear:both; height:0;content:".";}
.wp-pagenavi{display:inline-block;}
* html .wp-pagenavi{height:1%;}
.wp-pagenavi span.pages{
	position:absolute;
	top:-30px;
	display:block;
	width:100%;
	text-align:center;
}
.wp-pagenavi a{
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
.wp-pagenavi a,
.wp-pagenavi span{
	position:absolute;
	display:block;
	float:left;
	height:35px;
	text-decoration:none;
}
.wp-pagenavi .first{
	left:0;
	width:15%;
	background:url("../img/iPhone/navi/first.jpg") no-repeat center center;
}
.wp-pagenavi .previouspostslink{
	left:15%;
	width:35%;
	background:url("../img/iPhone/navi/prev.jpg") no-repeat center center;
}
.wp-pagenavi .nextpostslink{
	right:15%;
	width:35%;
	background:url("../img/iPhone/navi/next.jpg") no-repeat center center;
}
.wp-pagenavi .last{
	right:0;
	width:15%;
	background:url("../img/iPhone/navi/last.jpg") no-repeat center center;
}
.wp-pagenavi span.first{
	border-right:2px solid #f3f3f3;
	background:url("../img/iPhone/navi/first_n.jpg") no-repeat center center;
}
.wp-pagenavi span.previouspostslink{
	border-right:2px solid #f3f3f3;
	background:url("../img/iPhone/navi/prev_n.jpg") no-repeat center center;
}
.wp-pagenavi span.nextpostslink{
	border-right:2px solid #f3f3f3;
	background:url("../img/iPhone/navi/next_n.jpg") no-repeat center center;
}
.wp-pagenavi span.last{
	background:url("../img/iPhone/navi/last_n.jpg") no-repeat center center;
}
@media only screen and (-webkit-min-device-pixel-ratio:2){ 
.wp-pagenavi .first{
	background:url("../img/iPhone/navi/first_w.jpg") no-repeat center center;
	background-size:15px 13px;
}
.wp-pagenavi .previouspostslink{
	background:url("../img/iPhone/navi/prev_w.jpg") no-repeat center center;
	background-size:39px 13px;
}
.wp-pagenavi .nextpostslink{
	background:url("../img/iPhone/navi/next_w.jpg") no-repeat center center;
	background-size:39px 13px;
}
.wp-pagenavi .last{
	background:url("../img/iPhone/navi/last_w.jpg") no-repeat center center;
	background-size:15px 13px;
}
.wp-pagenavi span.first{
	background:url("../img/iPhone/navi/first_n_w.jpg") no-repeat center center;
	background-size:15px 13px;
}
.wp-pagenavi span.previouspostslink{
	background:url("../img/iPhone/navi/prev_n_w.jpg") no-repeat center center;
	background-size:39px 13px;
}
.wp-pagenavi span.nextpostslink{
	background:url("../img/iPhone/navi/next_n_w.jpg") no-repeat center center;
	background-size:39px 13px;
}
.wp-pagenavi span.last{
	background:url("../img/iPhone/navi/last_n_w.jpg") no-repeat center center;
	background-size:15px 13px;
}
}
/*facebook likebox */
.facebookBorderBg{
	width:100%;
	background:url("../img/side/facebook/bg.png") top repeat-x;
}
#side .facebookBorderBg{
	margin:20px -22px 0 -22px;
	padding:13px 22px;
}
#main .facebookBorderBg{
	position:relative;
	overflow:hidden;
	margin:20px 0 0 0;
	padding:13px 0;
}
#main .facebookBorder{
	z-index:2;
	margin:0 auto;
}
#main .facebookBorderBg .iineshitene{
	position:absolute;
	bottom:9px;
	left:-100px;
	z-index:3;
	width:86px;
	height:138px;
	background:url("../img/main/iineshitene.png") no-repeat center bottom;
}
#main .facebookBorderBg .iineshitene .bubble {
	position: relative;
	background: #fff;
	border: 2px solid #e04381;
	width:70px;
	padding:10px;
	-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;/*全角5*/
}
#main .facebookBorderBg .iineshitene .bubble:after, #main .facebookBorderBg .iineshitene .bubble:before {
	top: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
#main .facebookBorderBg .iineshitene .bubble:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #fff;
	border-width: 13px;
	left: 50%;
	margin-left: -13px;
}
#main .facebookBorderBg .iineshitene .bubble:before {
	border-color: rgba(215, 49, 109, 0);
	border-top-color: #e04381;
	border-width: 16px;
	left: 50%;
	margin-left: -16px;
}
#main .facebookBorderBg .iineshitene .bubble strong{
	display:block;
	text-align:center;
}
.facebookBorder{
	width:286px;
	height:254px;
}
#side .facebookBorder{
	margin:0 auto;
}
#content #main .facebookBorderBg+h4{
	border-top:none;
}
/*=================
	WRITER PAGE
=================*/
#writerContent .author11{
	display:none;
	width:0;
	height:0;
	overflow:hidden;
}
#ichidonihiraku{
	font-size:12px;
	background:#fff;
	-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;/*全角5*/
	width:250px;
	letter-spacing:0.1em;
	padding:10px;
	text-align:center;
	margin:-20px auto 20px auto;
	cursor:pointer;
}
#ichidonihiraku:hover{
	background:#333;
	color:#fff;
}
#writerContent{
	width:100%;
}
#writerContent .profile{
	float:left;
	/*
	width:233px;
	margin:10px;
	*/
}
#writerContent .profile .border{
	background:#fff;
	margin:0 5px 10px 5px;
}
#writerContent .profile div.more{
	position:relative;
	overflow:hidden;
}
#writerContent .profile div.more a{
	position:absolute;
	top:0;
	width:60%;
	height:80%;
	padding:20% 20% 0 20%;
	background-color:#333;
	color:#fff;
	font-size:20px;
	text-decoration:none;
	opacity:0.5;
	text-align:center;
	display:none;
}
#writerContent .profile div.more:hover a{
	display:block;
}
#writerContent .profile img.avatar{
	width:100%;
	height:auto;
	transition:all 0.1s ease;
	-webkit-transition:all 0.1s ease;
	-moz-ttransition:all 0.1s ease;
}
#writerContent .profile div.more:hover img.avatar{
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
}

#writerContent .profile h2,
#writerContent .profile span,
#writerContent .profile ul,
#writerContent .profile p{
	padding:0 20px;
}
#writerContent .profile h2{
	padding-bottom:10px;
	padding-top:20px;
}
#writerContent .profile span{
	display:block;
	padding-bottom:20px;
	font-size:13px;
	color:#999;
}
#writerContent .profile ul {
	margin-top:-10px;
}
#writerContent .profile p{
	font-size:13px;
	margin-bottom:0;
	padding-bottom:20px;
}
#writerContent .profile .moreButton{
	text-align:center;
	padding:6px 0;
	color:#fff;
	cursor:pointer;
}
#writerContent .profile .moreButton{
	background:#333;
}
#writerContent .color1 .moreButton:hover{
	background:#e04381;
}
#writerContent .color2 .moreButton:hover{
	background:#558bb3;
}
#writerContent .color3 .moreButton:hover{
	background:#6cbd73;
}
#writerContent .color4 .moreButton:hover{
	background:#f0db5b;
}
#writerContent .color5 .moreButton:hover{
	background:#da844a;
}
#writerContent .profile .hide {
	display:none;
}
/*****************************************************************/
/* Isotope filtering */
/*****************************************************************/
.isotope-item {
  z-index: 2;
}
.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}
.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}
.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}
.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:         top, left, opacity;
          transition-property:         transform, opacity;
}
/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}
/*=========
	404
=========*/
.error404 #main .post .postContent{
	position:relative;
	padding-top:220px;
	overflow:hidden;
}
.error404 #main .post h1{
	text-align:center;
}
#error404{
	position:absolute;
	width:100%;
	display:none;
	color:#f0db5b;
	font-size:200px;
	line-height:1;
	text-align:center;
	margin-bottom:20px;
	margin-top:-430px;
}
.error404 #main #search_result{
	padding-left:0;
	padding-bottom:0;
}
.error404 #main ul+ul{
	border-top:2px solid #f3f3f3;
	padding-top:30px;
	margin-top:30px;
}
.error404 #main ol li{
	font-size:13px;
}

/* about トジョウエンジン */
.aboutTojo{
	-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;
	background:#fff;
}
.aboutTojo .clearfix{
	overflow:hidden;
	position:relative;
}
.aboutTojo .main{
	width:42%;
	padding:4%;
}
.aboutTojo .pic{
	width:50%;
	position:absolute;
	top:0;
	right:0;
}
.aboutTojo .right .main{
	float:right;
}
.aboutTojo .right .pic{
	width:50%;
	position:absolute;
	top:0;
	left:0;
}
.aboutTojo .pic img{
	width:100%;
}
.aboutTojo h1,
.aboutTojo h2{
	font-size:28px;
	margin-bottom:30px;
}
.aboutTojo .main p:last-child{
	margin-bottom:0;
}
.aboutTojo ul .yellowColor span{
	color:#333;
}
.aboutTojo h3{
	color:#fff;
	font-size:17px;
	-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;
}