/* --- 共通 ------------------------------------*/

body{
	margin: 0;
	padding: 0;
	/*font: small Helvetica, Arial, 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;*/
    font-family: Verdana , "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-webkit-text-size-adjust: 100%;
	background:#fafafa;
	/*word-break: break-all;*/
	overflow-wrap : break-word; /* CSS3でword-wrapからoverflow-wrapへと改称されたので、古いブラウザ用に念のため記述 */
	word-wrap: break-word; /* firefox、IE用 */
}
h1,h2,h3,h4,.fonttype01{
    font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Verdana , "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
img, object{
	max-width: 100%;
	border: none;
	height: auto;
	width /***/:auto;　
}
a {
	color: #060;
	text-decoration: none;
}
.pc{
	display:block;
}
.sp{
	display:none;
}
.content {
	width: 1080px;
	position: relative;
	left: 0;
	top: 0;
	margin:0 auto;
}
.official a:hover{
	color: #555;
}

.contact a:hover{
	color:#76C203;
}

.post {
	padding-bottom: 20px;
	font-size:132%; /* 約16px */
	width:100%;
}
.thumPost{
	float:left;
	width:370px;
	padding-bottom: 20px;
	word-wrap: break-word;
}
.alignleft{
	margin-bottom:20px;
}

/*-----	twitter 右バルーン	-----*/


.sc-twR {
  display: inline-block;
}
.sc-twR .balloonR {
  display: inline-block;
  position: relative;
  padding: 0 3px;
  border: 1px solid #bbb;
  border-radius: 3px;
  background: #fff;
  color: #333;
  font: 11px/18px "Helvetica Neue",Arial,sans-serif;
  text-decoration: none;
  white-space: nowrap;
  vertical-align: top;
}
.sc-twR .balloonR:hover {
  background:none;
}
.sc-twR .balloonR::before,
.sc-twR .balloonR::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 0;
  height: 0;
  line-height: 0;
  margin: -4px 0 0 -4px;
  border-style: solid solid solid none;
  border-width: 4px 4px 4px 0;
}
.sc-twR .balloonR::before {
  border-color: transparent #aaa transparent #aaa;
  margin: -4px 0 0 -4px;
}
.sc-twR .balloonR::after {
  border-color: transparent #fff;
  margin: -4px 0 0 -3px;
}


/*-----	twitter 上バルーン	-----*/

.sc-tw{
	display: inline-block;
}
.sc-tw .balloon{
	display: block;
	position: relative;
	margin-bottom: 5px;
	padding: 0 5px;
	border: 1px solid #bbb;
	border-radius: 3px;
	background: #fff;
	color: #333;
	font: 16px/34px "Helvetica Neue",Arial,sans-serif;
	text-decoration: none;
	white-space: nowrap;
	text-align: center;
}
.sc-tw .balloon::before,
.sc-tw .balloon::after{
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0;
	line-height: 0;
	border: 4px transparent solid;
	border-bottom: 0;
}
.sc-tw .balloon::before{
	margin: 0 0 -4px -4px;
	border-top-color: #aaa;
}
.sc-tw .balloon::after{
	margin: 0 0 -3px -4px;
	border-top-color: #fff;
}

/*-----	カテゴリーの規則	-----*/
.metabox {
	padding:5px 0;
	height:30px;
}
	.metabox li{
		display:inline;
		padding-right:10px;
		/*margin-left:6px;*/
		margin-bottom: 6px;
		float:left;
	}
	.metabox a{
		display: inline-block;
		color:#555;
	}
	.metabox a:hover{
		background:#E5FF74;
	}
	.metabox li:before{
		content: " ";
		display: inline-block;
		height: 19px;
		padding-right:5px;
		vertical-align: text-top;
		background-position: left center;
		background-repeat: no-repeat;
		background-size: contain;
		/*
		-webkit-transform: scale(0.5); 
		-moz-transform: scale(0.5);
		-ms-transform: scale(0.5);
		transform: scale(0.5);
		*/
	}
	.metabox li:first-child{
		margin-left: 0;
	}

	.metabox .category{
		display: inline-block;
		letter-spacing: 0.05em;
		line-height: 21px;
	}
	.metabox .category a:hover{
		background:#E5FF74;
	}

	.metabox .date{
		line-height: 24px;
	}
	
	.metabox .author{
		line-height: 21px;
	}
	
	.metabox .date:before{
		width:20px;
		height:17px;
		/*content:url(../img/calender.png);*/
		margin-left:0;
		margin-right:2px;
		margin-top: -2px;
		line-height:22px;
		background-image: url(../img/calender.png);
	}
	
	.metabox .author:before{
		width:13px;
		height:20px;
		/*content: url(../img/author.png);*/
		margin-right:0;
		margin-top: -2px;
		line-height:10px;
		background-image: url(../img/author.png);
	}
	
	.metabox .category:before{
		width:20px;
		height:16px;
		/*content: url(../img/category.png);*/
		margin-right:1px;
		margin-top: -1px;
		line-height:10px;
		background-image: url(../img/category.png);
	}

	.metabox .tag {
		height:16px;
		font-size:12px;
		line-height:16px;
		padding-right:0;
		margin-left:0;
	}
	.metabox .tag:before{
		background: #FFF;
	}
	.metabox .tag a{
		display: inline-block;
		border: 1px solid #555;
		border-radius: 8px;
		text-align: center;
		letter-spacing: 0.05em;
		padding: 0px 8px;
		margin:0 0 0 8px;
	}
	/*.tagbox li:not(:last-child):after{
		content:",";
		background: #FFF;
	}*/
.snsBox{
	float:right;
}
.snsBox li{
	display:inline-block;
}

.tagbox {
	/*padding:0px 20px 0px 30px;
	margin-left:20px ;
	background: url(../img/tag.png) no-repeat;*/
	/*height:20px;*/
	margin-top:10px;
	margin-bottom:30px;
	display:block;
}
.tagbox li{
	/*display:inline;*/
	/*margin-bottom: 6px;*/
	/*float:left;*/
	margin-right:8px;
}
.tagbox a{
	/*display: inline-block;*/
	color:#555;
}
.tagbox a:hover{
	background:#E5FF74;
}
.tagbox li:before{
	content: " ";
	/*display: inline-block;*/
	height: 19px;
	vertical-align: text-top;
	background-position: left center;
	background-repeat: no-repeat;
	background-size: contain;
	/*
	-webkit-transform: scale(0.5); 
	-moz-transform: scale(0.5);
	-ms-transform: scale(0.5);
	transform: scale(0.5);
	*/
}
/*.tagbox li:first-child{
	margin-left: 0;
}*/
.tagbox .tag {
	/*height:16px;*/
	font-size: 117%; /* 14px */
	line-height:16px;
	padding-right:0;
	margin-top:8px;
	/*float:left;*/
	display:inline-block;
}
.tagbox .tag:before{
	background: #FFF;
}
.tagbox .tag a{
	/*display: inline-block;*/
	text-align: center;
	letter-spacing: 0.05em;
	color:#c9c9c9;
	border:solid 1px #c9c9c9;
	border-radius:3px;
	padding:5px;
	display:block;
}
.infobox{
	position:relative;
}
.infobox > ul {
	margin-bottom: 6px;
	float:left;
}
.infobox li{
	display:inline-block;
	height: 30px;
	margin-right:10px;
	/*margin-left:15px;*/
	margin-bottom: 6px;
	vertical-align:top;
}
.infobox a{
	display: inline-block;
	color:#555;
}
.infobox a:hover{
	background:#E5FF74;
}
.infobox li:before{
	content: " ";
	display: inline-block;
	padding-right:5px;
	vertical-align: text-top;
	background-position: left center;
	background-repeat: no-repeat;
	background-size: contain;
	/*
	-webkit-transform: scale(0.5); 
	-moz-transform: scale(0.5);
	-ms-transform: scale(0.5);
	transform: scale(0.5);
	*/
}
.infobox li:first-child{
	margin-left: 0;
}
.textBox .category{
	width:auto;
	display:inline-block;
}
.textBox .category,
.infobox .category{
	top:0;
	left:0;
	margin-right:0;
	line-height: 0;
	letter-spacing: 0.05em;
}
.infobox .category:before{
	display: none;
}
.textBox .category a,
.infobox .category a{
	display: block;
	padding:0 30px;
	color:#FFF;
	line-height: 30px;
}
.textBox .category a:hover,
.infobox .category a:hover{
	background:#E5FF74;
}

/*	カテゴリ別カラー	*/
.textBox .category,
.infobox .category,
.categorybox .category {
	background:rgba(200,200,200,0.8);
	overflow:hidden;
}
.textBox .app,
.infobox .app,
.categorybox .app {
	background:rgba(253,161,0,0.8);
}
.textBox .web,
.infobox .web,
.categorybox .web {
	background:rgba(253,0,77,0.8);
}
.textBox .etc,
.infobox .etc,
.categorybox .etc {
	background:rgba(122,0,157,0.8);
}
.textBox .server,
.infobox .server,
.categorybox .server {
	background:rgba(0,131,253,0.8);
}
.textBox .studysession,
.infobox .studysession,
.categorybox .studysession {
	background:rgba(0,168,83,0.8);
}
.textBox .recruit,
.infobox .recruit,
.categorybox .recruit {
	background:rgba(0,175,191,0.8);
}
.textBox .design,
.infobox .design,
.categorybox .design {
	background:rgba(247,112,136,0.8);
}


.infobox .date{
	line-height: 30px;
	font-size: 134%; /* 16px */
}

.infobox .author{
	line-height: 30px;
	font-size: 134%; /* 16px */
}

.infobox .date:before{
	width:20px;
	height:17px;
	/*content:url(../img/calender.png);*/
	margin-left:10px;
	margin-right:2px;
	margin-top: -2px;
	line-height:22px;
	vertical-align:middle;
	background-image: url(../img/calender.png);
}

.infobox .author:before{
	width:13px;
	height:20px;
	/*content: url(../img/author.png);*/
	margin-right:0;
	margin-top: -2px;
	line-height:10px;
	vertical-align:middle;
	background-image: url(../img/author.png);
}

/* --- ２カラム ------------------------------------*/
.twoColumn:first-child{
	display:none !important;
}
.twoColumn .infobox{
	position:absolute;
	bottom:10px;
	left:10px;
	display:block;
	height:30px;
	width:100%;
}
.twoColumn .infobox ul{
}
.twoColumn .infobox li{
	display:inline;
	padding-right:10px;
	margin-left:15px;
	margin-bottom: 6px;
	float:left;
}
.twoColumn .infobox a{
	display: inline-block;
	color:#555;
}
.twoColumn .infobox a:hover{
	background:#E5FF74;
}
.twoColumn .infobox li:before{
	content: " ";
	display: inline-block;
	height: 19px;
	padding-right:5px;
	vertical-align: text-top;
	background-position: left center;
	background-repeat: no-repeat;
	background-size: contain;
	/*
	-webkit-transform: scale(0.5); 
	-moz-transform: scale(0.5);
	-ms-transform: scale(0.5);
	transform: scale(0.5);
	*/
}
.twoColumn .infobox li:first-child{
	margin-left: 0;
}
.twoColumn .categorybox{
	position:absolute;
	display:block;
	height:30px;
	width:100%;
	z-index: 100;
}
.twoColumn .categorybox li{
	display:inline;
	margin-left:15px;
	margin-bottom: 6px;
	float:left;
}
.twoColumn .categorybox a{
	display: inline-block;
	color:#555;
}
.twoColumn .categorybox a:hover{
	background:#E5FF74;
}
.twoColumn .categorybox li:before{
	content: " ";
	display: inline-block;
	height: 19px;
	padding-right:5px;
	vertical-align: text-top;
	background-position: left center;
	background-repeat: no-repeat;
	background-size: contain;
	/*
	-webkit-transform: scale(0.5); 
	-moz-transform: scale(0.5);
	-ms-transform: scale(0.5);
	transform: scale(0.5);
	*/
}
.twoColumn .categorybox li:first-child{
	margin-left: 0;
}
.twoColumn .categorybox .category{
	top:0;
	left:0;
	letter-spacing: 0.05em;
	line-height: 0;
}
.twoColumn .categorybox .category:before{
	display: none;
}
.twoColumn .categorybox .category a{
	display: inline-block;
	padding:0 30px;
	color:#FFF;
	line-height: 30px;
}
.twoColumn .categorybox .category a:hover{
	background:#E5FF74;
}

.twoColumn .infobox .date{
	line-height: 24px;
	margin-top:7px;
}

.twoColumn .infobox .author{
	line-height: 21px;
	margin-top:7px;
}

.twoColumn .infobox .date:before{
	width:20px;
	height:17px;
	/*content:url(../img/calender.png);*/
	margin-left:0;
	margin-right:2px;
	margin-top: -2px;
	line-height:22px;
	background-image: url(../img/calender.png);
}

.twoColumn .infobox .author:before{
	width:13px;
	height:20px;
	/*content: url(../img/author.png);*/
	margin-right:0;
	margin-top: -2px;
	line-height:10px;
	background-image: url(../img/author.png);
}
.twoColumn .tagbox {
	padding:0px 20px 0px 30px;
	margin-left:10px ;
	background: url(../img/tag.png) no-repeat;
	height:50px;
	overflow:hidden;
}
.twoColumn .tagbox li{
	display:inline;
	margin-bottom: 6px;
	float:left;
	margin-left:8px;
}
.twoColumn .tagbox a{
	display: inline-block;
	color:#555;
}
.twoColumn .tagbox a:hover{
	background:#E5FF74;
}
.twoColumn .tagbox li:before{
	content: " ";
	display: inline-block;
	height: 19px;
	vertical-align: text-top;
	background-position: left center;
	background-repeat: no-repeat;
	background-size: contain;
	/*
	-webkit-transform: scale(0.5); 
	-moz-transform: scale(0.5);
	-ms-transform: scale(0.5);
	transform: scale(0.5);
	*/
}
.twoColumn .tagbox li:first-child{
	margin-left: 0;
}
.twoColumn .tagbox .tag {
	height:16px;
	font-size:12px;
	line-height:16px;
	padding-right:0;
}
.twoColumn .tagbox .tag:before{
	background: #FFF;
}
.twoColumn .tagbox .tag a{
	display: inline-block;
	text-align: center;
	letter-spacing: 0.05em;
	color:#535353;
}

.articlebox{
	padding:20px;
}

.twoColumn .articlebox{
	padding:0px;
}
.articleContentsbox{
	padding:0px;
}

.archiveTitle {
	font-weight: normal;
	font-size: 20px;
}
.archiveTitle span {
	display: block;
	margin-right: 20px;
	margin-bottom: 20px;
	line-height: 20px;
}
.archiveTitle b {
	display: inline-block;
	padding: 0 10px;
}



/* --- ヘッダー ------------------------------------*/

header{
	width: 100%;
	height: 90px;
	overflow: hidden;
	background: #FFF;
	position:relative;
	min-width:1080px;
}

header.content{
	position:relative;
}
.logo {
	display: block;
	width: 219px;
	height: 49px;
	float: left;
	padding-top: 20px;
}

#search{
	/*padding:35px 0 0 0;
	position:absolute;
	right:0;*/
}
#s{
	width: 230px;
	height: 30px;
	border: 1px solid #959595;
	border-radius: 5px;
	padding-left: 5px;
	margin-bottom:25px;
}
#searchsubmit{
	width:45px;
	height:33px;
	margin-left: 10px;
	border:1px solid #222;
	border-radius:5px;
	background:#222;
	color:#FFF;
	float:right;
}
#searchsubmit:hover{
	cursor:pointer;
	border:1px solid #bcdb34;
	background:#bcdb34;
}


.topmenu {
	width: 100%;
	height: 40px;
	/*margin-bottom: 30px;*/
	line-height: 35px;
	color: #7f7f7f;
	background: #4B4C49;
	min-width:1080px;
	overflow-x:hidden;
}
.topcopy {
	padding-top:43px;
	padding-left:20px;
	font-size: 12px;
	float:left;
}
.menu {
	float: right;
	margin-top:25px;
}
.menu li {
	text-align: center;
	float: left;
}
.menu li a {
	display: block;
	height: 30px;
	text-align: center;
	font-weight: 700;
	color: #FFF;
	float: left;
	margin-left:10px;
	border-radius:5px;
	padding-top:10px;
}
.official a {
	width: 150px;
	background: #bcdb34;
}
.contact a {
	width: 150px;
	background: #4b4c49;
}

.border-b{
	background-left: 10px;
}


/*	headerのカテゴリー	*/

.menucategory{
	position:relative;
	text-align:center;
	float:left;
	left:50%;
}
.menucategory li{
	position:relative;
	/*display:inline-block;*/
	float:left;
	left:-50%;
	margin:3px 15px 0;
}
.menucategory li:first-child{
	margin:3px 15px 0 0px;
}
.menucategory li a{
	color:#FFF;
	padding:5px 10px;
	border-radius:5px;
}
.menucategory li a:hover{
	color:#4B4C49;
	background:#FFF;
}
.nowCate a{
	color:#4B4C49!important;
	background:#FFF;
	padding:5px 10px;
	border-radius:5px;
}



/* --- メイン ------------------------------------*/

#wrapper {
	clear: both;
	margin-top:30px;
}

#main {
	width:69.4%;
	float: left;
}


#main article .title_line {
	clear: both;
	margin: 0 auto;
	text-align: left;
	font-size: 180%;
	width:700px;
}
	#main article h1{
		clear: both;
		font-size: 184%; /* 22px */
		/*padding:25px 20px 5px;*/
		padding-top:10px;
		line-height:1.6em;
	}
	
	#main article h1 a{
		color:#343434!important;
	}
	#main .twoColumn h1 {
		clear: both;
		font-size: 130%;
		padding:15px 10px 15px;
	}
	
	#main .twoColumn h1 a{
		color:#343434!important;
	}
/*	投稿内のスタイル	*/
#main .post h1 {
	/*margin-bottom: 1em;
	margin-top: 2em;*/
	margin: 50px 0;
	text-align: left;
	color:#383838;
	/*background:url(../img/h1_ic.jpg) repeat-y;*/
	padding:15px 0 15px 25px;
	border-left:4px solid #4B4B49;
}
#main article h2 {
	clear: both;
	/*display: inline-block;*/
	font-size: 155%;
	margin: 50px 0;
	font-weight: bold;
	/*margin: 30px 0 30px 0;*/
	line-height:1.4em;
	padding:20px 0;
	color:#383838;
	width:100%;
	border-top:1px solid #4B4B49;
	border-bottom:1px solid #4B4B49;
	/*background: url(../img/h2_ic.png) repeat-x bottom;*/
}
	#main article h2 a {
		color: #333;
	}
#main article h3 {
	clear: both;
	font-size: 130%;
	margin: 50px 0;
	/*margin: 20px auto 1em;*/
	line-height:1.4em;
	padding: 0px 0px 10px 0px;
	color:#383838;
	border-bottom:1px dashed #4B4B49;
}
#main .post a:link {
	text-decoration: underline;
}
#main .post a:hover,
#main .post a:visited,
#main .post a:active {
	text-decoration: none;
}
#main .post p {
	line-height: 2.3em;
	letter-spacing: 0.03em;
	/*margin-bottom: 2.6em;*/
	margin:50px 0;
}
#main .post blockquote {
	background:#e2e2e2 url(../img/bq.png) no-repeat 5px 5px;
	margin:1.6em 0;
	padding:20px;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
}
	#main .post blockquote p:last-child {
		margin-bottom: 0;
	}
#main .post ul, #main .post ol {
	letter-spacing: 0.1em;
	margin-bottom: 1.6em;
}
#main .post .mb-none {
	margin-bottom: 0 !important;
}
#main .post li {
	position: relative;
	margin-bottom: .4em;
	padding-left: 1em;
}
	#main .post ul li:before {
		content: " ";
		display: block;
		height: 6px;
		width: 6px;
		position: absolute;
		top: .5em;
		left: 1px;
		background: #2ecc67;
		border-radius: 3px;
	}
#main .post ul.dot-none li {
	padding: 0;
}
	#main .post ul.dot-none li:before {
		display: none;
	}
#main .post ol li {
	padding: 0;
	margin-left: 1.2em;
	text-indent: -1.2em;
	list-style: inside decimal;
}
#main .post dl {
	margin-bottom: 1.6em;
}
#main .post dt, #main .post dd {
	margin-bottom: .2em;
}
#main .post dt {
	font-weight: bold;
}
#main .post dd + dt {
	margin-top: .6em;
}
#main .post hr {
	height: 1px;
	width: 100%;
	margin: 1.6em 0;
	background: url(../img/re-line.png) no-repeat left top;
	border: none;
}
/**/

.more-link{
	/*float: right;*/
	display:inline-block;
	margin: 1.5em 0 0 0;
	background: url(../img/Continuation.png) no-repeat;
	background-size: 124px 39px;
	width: 124px;
	height: 39px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	/*position:absolute;
	bottom:25px;
	right:20px;*/
	z-index:1000;
}

.more-link:hover{
	background:url(../img/Continuation_on.png) no-repeat;
	background-size:124px 39px;
}

.twoColumn .more-link{
	float: right;
	margin: 1.5em 0 0 0;
	background: url(../img/Continuation.png) no-repeat;
	background-size: 124px 39px;
	width: 124px;
	height: 39px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	position:absolute;
	bottom:45px;
	right:10px;
}

.twoColumn .more-link:hover{
	background:url(../img/Continuation_on.png) no-repeat;
	background-size:124px 39px;
}



/*/////	広告バナー /////*/

.ad{
	width:100%;
	height:270px;
	overflow:hidden;
	text-align:center;
	position:relative;
	margin:0 auto;
	min-width:1080px;
	box-shadow: 0px 5px 3px -3px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 5px 3px -3px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 5px 3px -3px rgba(0,0,0,0.3);
}
.ad a{
	display:block;
	width:100%;
	height:270px;
	background:#f5f0dd url(../img/blog_ad_01.gif) no-repeat center center;
}
.ad a:hover{
	opacity:0.9;
}

/*/////	引用 /////*/

.quotation{
	background:#eeeeee;
	border-radius:5px;
	border:#c9c9c9 solid 1px;
	padding:35px 20px 20px;
	color:#535353;
	/*margin:0 0 20px;*/
}
#main .post .quotation hr{
	border-top: 1px solid #c9c9c9;
	border-bottom: 1px solid #fff;
	margin:0 0 10px;
}
.quotation .quotationSrc{
	text-align:right;
	font-style:oblique;
	font-size: 90%;
}
.quotation .quotationLink{
	text-align:right;
	font-style:oblique;
	font-size: 90%;
}
.quotation .quotationLink a{
	color:#535353;	
	font-style:oblique;
	font-size: 90%;
}

/*/////	外部リンク /////*/
.externalLink{
	background-image:url("../img/externalLink_ic.jpg");
	background-color:#eeeeee;
	background-repeat:no-repeat;
	background-position:center left 20px;
	border-radius:5px;
	border:#c9c9c9 solid 1px;
	padding:15px 20px 15px 50px;
	color:#535353;
	/*margin:0 0 20px;*/
	margin:50px 0;
}
.externalLink a{
	color:#535353;
}


/*/////	もくじ /////*/

.pageContents{
	background:#F1F1F1;
	/*border:#c9c9c9 solid 1px;*/
	padding:20px 20px 30px;
	color:#535353;
	border-radius:5px;
	/*margin:0 0 20px;*/
	margin:50px 0;
}
.pageContents .title{
	text-align:center;
	font-size: 120%;
	font-weight:bold;
	margin:20px 0!important;
}
.pageContents li{
	list-style:decimal;
	background:none;
	font-size: 100%;
	line-height: 1.6em;
}


.screen-reader-text{
	position: absolute;
	left: -9999px;
}

.entry-header{
	width: 50%;
}

.entry-meta{
	background-color: #fff;
	padding-top: 5px;
	font-size: 12px;
	text-align: left;
}

.site-content{
	content: 0 auto;
}

.entry-title{
	margin: 0px 50px 0px 0px;
	font-size: 155%;
}

.attachment-msize wp-post-image{
    text-indent: 10%;
    white-space: nowrap;
    overflow: hidden;
	float: right;
}

.title_line a:hover{
	color: #5bb646;
}

p.logged-in-as{
	margin-top: 30px;
}

.form-allowed-tags{
	display: none;
}

#reply-title{
	padding-left: 200px;
}


/*/////	smart	/////*/
#menuBtn {
	display: none;
}
.overLayer {
	display: none;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: #000;
	opacity: 0.6;
	z-index: 10000;
}


/*/////	sns	/////*/

.sc-tw{
	width: 71px;
}

/* [Facebook] */
.sc-fb{
	width: 69px;
}

/* [LINE] */
.sc-li{
	width: 5%;
}
.pocket-btn{
	display:inline;
}
.footSns{
	width:100%;
	margin:35px auto 0;
	text-align:center;
	padding:0;
	padding:2% 0 2% 0;
	background:#eeeeee;
	border-radius:5px;
}
.footSnsBox li{
	display:inline-block;
	vertical-align:top!important;
	margin:0px;
}


/* --- フッター ------------------------------------*/

footer{
	clear: both;
	background: #3f3f3f;
	margin: 0 auto;
	padding: 20px 0;
	position: relative;
	z-index:3;
	min-width:1080px;
}


.footerMenu{
	position:relative;
	display:block;
}

	#footer p{
		color: #FFF;
		font-size: 0.8em;
		line-height: 1.3em;
		z-index:2;
	}

#gotop{
	position: absolute;
	right: 20px;
	bottom: 20px;
}

	
#post-0{
	font-size: 150%;
}


#copyright{
	width:100%;
	display:inline-block;
	color:#FFF;
	text-align: center;
	clear: both;
	margin-top: 45px;
}

.gotopBox{
	position:relative;
	cursor:pointer;		
	clear: both;
	width: 1080px;
	margin:0 auto;
}
.gotop{
	position:absolute;
	clear:both;
	top:-35px;
	right:0;
	display:block;
	width:40px;
	height:45px;
	padding-top:10px;
	text-align:center;
	background:#232323;
	border-radius: 5px;
	z-index:1;
	box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.2);
	
	-webkit-transition: background-color .2s ease 0s;
 	transition: background-color .2s ease 0s;	
}

.gotop:hover{
	background:#bcdb34;
}

.footerMenu .menu1,
.footerMenu .menu2,
.footerMenu .menu3{
	float:left;
	width:332px;
	border-left:solid 1px #696969;
	height:120px;
	padding:0 0 0 20px;
	color:#fff;
}

.footerMenu .menu3{
	border-right:solid 1px #696969;
}

.footerMenu .menu1 h4{
	padding:0 0 10px 5px;
	font-size:14px;
}

.footerMenu .menu2 h4{
	padding:0 0 10px 5px;
	font-size:14px;
}

.footerMenu .menu3 h4{
	padding:0 0 10px 5px;
	font-size:14px;
}

.menu1 h4:before{
	content:url(../img/pickup-ft.png);	
	padding:0 5px 15px 0;
}

.menu2 h4:before{
	content:url(../img/newpost-ft.png);	
	padding:0 5px 15px 0;
}

.menu3 h4:before{
	content:url(../img/category-ft.png);
	padding:0 5px 15px 0;
}

.footerMenu li{
	font-size:12px;
	padding-bottom:5px;
}

.footerMenu a{
	text-decoration:none;
	color:#fff;
}

.cate2{
	float:left;
}

.menu3 ul{
	padding-left:30px;
}

.menu3-1{
	float:left;
	padding-right:50px;
}

.menu3-2{
	display:block;
}

.menu3 li:before{
	content:url(../img/triangle.png);
	padding-right: 5px;
}

/* footerMenu*/
.footerMenu a:hover{
	color:#76C203;
}


@media screen and (max-width: 900px) {
	.pc{
		display:none;
	}
	.sp{
		display:block;
	}
	.thumPost{
		float:left;
		width:55%;
		padding-bottom: 2%;
		word-wrap: break-word;
	}
	#wrapper {
		margin-top:0px;
	}
	.infobox ul:first-child{
		width:100%;
		display:block;
	}
	.snsBox{
		float:left;
		display:block;
		text-align:left;
		width:100%;
	}
	.snsBox li{
		float:left;
	}
	#search{
		padding:35px 0 0 0;
		position:absolute;
		right:0;
	}
	#s{
		width: 206px;
		margin-left: 25px;
		margin-bottom: 0px;
	}
	.topcopy {
		padding-top:0px;
		padding-left:0px;
		float:none;
	}
	.topmenu {
		width: 100%;
		height: 35px;
		margin-bottom: 30px;
		line-height: 35px;
		color: #7f7f7f;
		min-width:inherit;
		overflow-x:inherit;
		background: #d5d2ca url(../img/topmenu-bg.png) center center repeat-x;
	}
	.menu {
		position: absolute;
		right: 0;
		top: 0;
		float: none;
		margin-top:0;
	}
	.menu li {
		text-align: center;
		float: left;
	}
	.menu li a {
		display: block;
		height: 35px;
		text-align: center;
		font-weight: 700;
		color: #FFF;
		float: left;
		margin-left:0px;
		border-radius:0px;
		padding-top:0px;
	}
	.official a {
		width: 193px;
		background: #bcdb34;
	}
	.contact a {
		width: 139px;
		background: #4b4c49;
	}
	
	.border-b{
		background-left: 10px;
	}
	footer{
		min-width:inherit;
	}
}

@media screen and (max-width: 640px) {
	.pc{
		display:none;
	}
	.sp{
		display:block;
	}
	.thumPost{
		float:left;
		width:100%;
		padding-bottom: 20px;
		word-wrap: break-word;
	}
	.metabox .tag a{
		margin:0 0 0 0px;
	}
	.twoColumn .categorybox .category{
		width:auto;
	}
	.infobox .category{
		width:auto;
	}
	.infobox li{
		display:inline-block;
		margin-left:0px;
		margin-bottom: 6px;
	}
}

@media screen and (max-width: 600px) {
	.infobox {
		position: relative;
		padding-top: 36px;
	}
	.infobox .category {
		width: 100%;
		position: absolute;
		left: 0;
		top: 0;
	}
	.infobox .category a {
		text-align: center;
	}
	.articlebox{
		padding:0px;
	}
}

@media screen and (max-width: 450px) {
	.footSnsBox {
		width: 250px;
		margin: 0 auto;
	}
	.footSnsBox li:nth-of-type(n+4){
		margin-top: 6px;
	}
}

/*--------------------
clearfix
--------------------*/
.content:after,
.infobox:after,
.footSnsBox li:after {
  content: "";
  clear: both;
  display: block;
}