.site-header {
	background-color: #00ffe0;
}

.site-footer {
	background-color: #5DA797;
	color: #ffffff;
}
.site-footer a {
	color: #ffffff;
}
.site-footer h2.widget-title{
	color: #ffffff;
}
/** コピーライト */
.site-info {
	width:100%;
	text-align:center;
}

/** パディング */
span#sp30 {
	padding-left: 30px;
}

/** パディング */
span#sp60 {
	padding-left: 60px;
}

/** 引用四角 */
p#quote {
	background-color: #a8efaf;
	border: 1px dotted #CCCCCC;
	border-left: 3px solid #333;
	padding: 5px;
	font-size: 14px;
}

/** 見出しのグラデーション */
h1.entry-title {
	background-image: linear-gradient(to top,green,white,white,white);
}
h2.entry-title {
	background-image: linear-gradient(to top,green,white,white,white);
}
h3.entry-title {
	background-image: linear-gradient(to top,green,white,white,white);
}

/** 線のグラデーション */
span#line {
	text-decoration: underline;
	background-image: linear-gradient(to top,green,white,white,white);
}

table,th,td {
	border-collapse: collapse;
	border-width: 1px;
	border-color: #000000;
}

th {
	background-color: #7fffd4;
}

span.mobile {
	display: none;
}

.col1 {
	display: inline-block;
	width: 150px;
	text-align:right;
}
.col2 {
	width: 500px;
}

/** FontAwesomeアイコン */
.fa-caret-right {
	padding-right: 10px;
	margin-left: 10px;
}
.fa-caret-down {
	padding-right: 10px;
	margin-left: 10px;
}
.fa-black:before {
	color: #000000;
}

.feedlyWidget img {
	padding-top: 130px;
}

/** リンクの白線を消す */
.entry-title a,
.entry-meta a,
.page-links a,
.page-links a .page-number,
.entry-footer a,
.entry-footer .cat-links a,
.entry-footer .tags-links a,
.edit-link a,
.post-navigation a,
.logged-in-as a,
.comment-navigation a,
.comment-metadata a,
.comment-metadata a.comment-edit-link,
.comment-reply-link,
a .nav-title,
.pagination a,
.comments-pagination a,
.site-info a,
.widget .widget-title a,
.widget ul li a,
.site-footer .widget-area a, .site-footer .widget-area ul li a {
	-webkit-box-shadow: inset 0 0px 0 rgba(255, 255, 255, 1);
	box-shadow: inset 0 0px 0 rgba(255, 255, 255, 1);
}
/** リンクの白線を消す */

/* Widget Popular Posts */
/* ランキングカウンター実装 */
ul.wpp-list li:before{
content:counter(wpp-count);/* カウンターを表示 */
display:block;/* 縦に並べる指定 */
position:absolute;/* 左上に固定 */
color:#fff;/* 数字の色 */
text-shadow:0 1px 2px rgba(0,0,0,0.2);/* 数字に影をつける */
font-size:13px;/* 数字サイズ */
font-weight:bold;/* 数字を太字 */
background:#555;/* 背景色 */
padding:3px 8px;/* 丸枠内の余白 */
border-radius:50%;/* 背景の丸み */
z-index:1;/* 重なりの指定 */
}
/* カウント数を実装 */
ul.wpp-list li {
counter-increment: wpp-count;
}
/* 上位3位の背景色変更 */
ul.wpp-list li:nth-child(1):before{
background: #ffd700;/*金*/
}
ul.wpp-list li:nth-child(2):before{
background: #C0C0C0;/*銀*/
}
ul.wpp-list li:nth-child(3):before{
background: #C47222;/*銅*/
}

/* 実績ページ用 */
.productResults .result {
	width: auto;
	height: 100%;
	display: flex;
	flex-direction: row;
	padding: 0 0.5em;
  margin: 2em 0.5em;
  color: #5DA797;
  background: white;
  border-top: solid 7px #5DA797;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
}

.productResults .result .left {
	width: 25%;
	margin: 0.5em 0.5em;
}
.productResults .result .right {
	width: 70%;
	display: flex;
	flex-direction: column;
	margin: 0 0.5em;
	padding: 0.5em 0;
}
.productResults .result .left .thumb {
	width: 170px;
	height: 170px;
	margin: 0.25em 0
}
.productResults .result .left a {
	-webkit-box-shadow: inset 0 0px 0 rgba(93, 167, 167, 1);/*下線の太さと色*/
	box-shadow: inset 0 0px 0 rgba(93, 167, 167, 1);/*下線の太さと色*/
}

.productResults .result .right .title {
	font-size: 24px;
	font-weight: bold;
	padding-bottom: 0.25em;
}

.productResults .result .right a {
	color: #5DA797;
	-webkit-box-shadow: inset 0 0px 0 rgba(93, 167, 167, 1);/*下線の太さと色*/
	box-shadow: inset 0 -2px 0 rgba(93, 167, 167, 1);/*下線の太さと色*/
}

.productResults .result .right .detail {
		font-size: 20px;
		padding: 0.25em 0.5em 0 0;
		border-bottom: solid 2px;
}

.productResults .result .right .etc {
	display: flex;
	flex-direction: row;
	font-size: 18px;
	padding: 0.5em 0;
}

.productResults .result .right .etc .title {
	font-size: 18px;
}

.productResults .result .right .etc .tech {
	width: 55%;
}

.productResults .result .right .etc .term {
	text-align: right;
	width: 45%;
}

.productResults .result .right .tagInfo ul.tagLists {
	display: table;
	border-collapse:separate;
  border-spacing: 0.5em 0;
	margin-bottom: 0.5em;
}

.productResults .result .right .tagInfo ul.tagLists li.tagList {
	display: table-cell;
	vertical-align:middle;
	text-align:center;
	background-color:#5DA797;
	color: #ffffff;
	border-left:1px solid white;
	padding: 0 .5em;
}

/** プロフィールぺージ用 */
.profile {
	width: 100%;
}

.profile .wrap {
	margin: 0 0.5em;
	padding: 0 0.5em;
}

.profile .base {
	margin: 0 0.5em;
	padding: 0 0.5em;
}

.profile .cmnTable {
	display: flex;
	flex-direction: row;
	margin-bottom: 0.25em;
}

.profile .cmnTable .collon {
	margin: 0 0.5em;
}

.profile .cmnTable .column1 {
}
.profile .cmnTable .column2 {
	width: 70%;
}

.profile .aboutMe .note {
	width: 520px;
}

.profile .result .rsl {
	display: flex;
	flex-direction: row;
	width: 550px;
	margin-bottom: 0.25em;
}

.profile .tech .techs .techBase  {
	display: flex;
	flex-direction: row;
	width: 550px;
	margin-bottom: 0.25em;
}

.profile .tech .techs .servside {
	padding: 0 1.5em;
}
.profile .tech .techs .frontend {
	padding: 0 1.5em;
}
.profile .tech .techs .lang {
	padding: 0 2em;
}

.profile .social .soBase {
	display: flex;
	flex-direction: row;
	width: 150px;
}

.profile .social .soBase .soIcn {
	width: 35px;
}

.profile .social .soBase .soName {
	margin-left: 0.1em;
	padding: 0.25em;
}

.profile .social .soBase .soName .soN {
	display: inline-block;
	width: 85px;
}

.profile .social .soBase .soName .collon {
	margin: 0;
}

/** スマホ向け */
@media screen and (max-width : 30em) {

	/** 実績ページ用 */
	.productResults .result {
		display: flex;
		flex-direction: column;
		height: 100%;
		padding: 0 1em 1em 0;
	}

	.productResults .result .left {
	width: 100%;
	text-align: center
}
.productResults .result .right {
	width: 100%;
	display: flex;
	flex-direction: column;
}

	.productResults .result .right .title {
		font-size: 24px;
	}

	.productResults .result .right .detail {
		font-size: 20px;
		border-bottom: solid 2px;
	}

	.productResults .result .right .etc {
		display: flex;
		flex-direction: column;
		padding: 0.5em 0;
		font-size: 18px;
	}

	.productResults .result .right .etc .title {
		font-size: 18px;
	}

	.productResults .result .right .etc .tech {
		width: 100%;
	}

	.productResults .result .right .etc .term {
		width: 100%;
		text-align: left;
	}

	.productResults .result .right .tagInfo ul.tagLists {
		display: list-item;
		margin-bottom: 0.5em;
	}

	.productResults .result .right .tagInfo ul.tagLists li.tagList {
		display: list-item;
		vertical-align:middle;
		text-align:center;
		background-color:#5DA797;
		color: #ffffff;
		border-left:1px solid white;
		padding: 0 0.5em;
		margin: 0.5em 0;
	}

	/** プロフィールぺージ用 */
	.profile {
		width: 100%;
	}

	.profile .wrap {
		margin: 0 0.25em;
		padding: 0 0.25em;
	}

	.profile .base {
		margin: 0 0.25em;
		padding: 0 0.25em;
	}

	.profile .cmnTable {
		display: flex;
		flex-direction: column;
		border-bottom: solid 2px #5DA797;
		margin-bottom: 0.5em;
		padding: 0 0.25em;
	}

	.profile .cmnTable .collon {
		display: none;
	}

	.profile .cmnTable .column1 {
		width: 100%;
	}

	.profile .cmnTable .column2 {
		width: 100%;
		margin: 0 0.5em;
		padding: 0 0.25em;
	}

	.profile .aboutMe .note {
		width: 100%;
	}
	
	.profile .result .rsl {
		width: 100%;
	}

	.profile .tech .techs .techBase  {
		display: flex;
		flex-direction: row;
		width: 100%;
		margin-bottom: 0.25em;
	}

	.profile .tech .techs .servside {
		padding: 0 0.5em;
	}
	.profile .tech .techs .frontend {
		padding: 0 0.5em;
	}
	.profile .tech .techs .lang {
		padding: 0 0 0 2em;
	}
}