@charset "UTF-8";
/* =================================================
[Reset]
================================================= */
/* =========================================================
■YUI Reset
========================================================= */
body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6, pre,
form, fieldset, input, textarea,
p, blockquote, th, td {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset, img {
	border: 0;
}

address, caption, cite, code, dfn, th, var {
	font-style: normal;
	font-weight: normal;
}

ol, ul {
	list-style: none;
}

caption, th {
	text-align: left;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}

q:before, q:after {
	content: '';
}

abbr, acronym {
	border: 0;
}

/* =========================================================
■Reset of Default Style
========================================================= */
h1, h2, h3, h4, h5, h6, p, address, blockquote,
ol, ul, li, dl, dt, dd,
table, th, td, form, div {
	/* zoom: 1; */
	/* hasLayout True */
}

textarea {
	font-size: 100%;
}

img {
	vertical-align: bottom;
}

/* =========================================================
■Base Style
========================================================= */
ol,
ol li {
	list-style-type: decimal;
	/* zoom: normal; */
	/* hasLayout False */
}

/* =========================================================
_init
========================================================= */
html {
	font-size: 62.5%;
}

*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

*:before,
*:after {
	margin: 0;
	padding: 0;
	line-height: 1;
}

img {
	vertical-align: middle;
}

a {
	color: black;
}

/* =================================================
[Base]
================================================= */
body {
	font-size: 1.3rem;
	color: black;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", sans-serif;
	line-height: 1.1;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: none;
	background-color: #F6F6F0;
	border-top: 4px solid #32a138;
}

a:link,
a:visited {
	color: #1A1A1A;
	text-decoration: none;
}

a:hover,
a:active {
	text-decoration: none;
}

/* Header
--------------------------------------------------*/
#site-header {
	position: relative;
	margin: 15px auto;
}

#site-header .logo {
	overflow: hidden;
	width: 150px;
	height: 35px;
	margin: 0 auto;
	text-align: center;
	background: url(/shared/public/img/common/spr-common-sp01.png) no-repeat 0 0;
	background-size: 350px auto;
}
#site-header .logo a {
	display: block;
	height: 0;
	padding-top: 35px;
	line-height: 1.5;
}

#site-header .box-search {
	position: absolute;
	top: -2px;
	left: 10px;
	width: 40px;
	height: 40px;
	background-color: #FFF;
	border-radius: 50px;
	text-align: center;
	box-shadow: rgba(204, 204, 204, 0.74902) 0px 0px 5px 1px;
	-webkit-transition: width ease .5s;
	transition: width ease .5s;
}
#site-header .box-search .area-box {
	display: none;
}
#site-header .box-search.is-active {
	width: 70%;
	height: 40px;
}
#site-header .box-search.is-active .area-box {
	display: block;
}
#site-header .box-search div.gsc-control-cse {
	padding: 0;
	background-color: transparent;
	border: none;
}
#site-header .box-search div.gsc-control-cse .gsc-input-box {
	width: 87%;
}
#site-header .box-search div.gsc-control-cse input.gsc-input, #site-header .box-search div.gsc-control-cse .gsc-input-box, #site-header .box-search div.gsc-control-cse .gsc-input-box-hover, #site-header .box-search div.gsc-control-cse .gsc-input-box-focus {
	height: 40px;
	line-height: 30px;
	border-radius: 50px;
	border: none;
	border-color: none;
	box-shadow: none;
}
#site-header .box-search div.gsc-control-cse td.gsib_a {
	padding: 5px 10px;
}
#site-header .box-search div.gsc-control-cse input.gsc-search-button {
	position: absolute;
	top: 0;
	right: 0;
	width: 25px;
	height: 40px;
	margin: 0;
	padding: 0;
	opacity: 0;
}
#site-header .box-search div.gsc-control-cse div.gsc-results-wrapper-overlay {
	top: 5%;
	left: 5%;
	width: 90%;
	height: 90%;
	padding: 15px 10px 10px;
}
#site-header .box-search div.gsc-control-cse div.gsc-results-wrapper-overlay *,
#site-header .box-search div.gsc-control-cse div.gsc-results-wrapper-overlay *:before,
#site-header .box-search div.gsc-control-cse div.gsc-results-wrapper-overlay *:after {
	-webkit-box-sizing: initial;
	-moz-box-sizing: initial;
	box-sizing: initial;
	line-height: initial;
}
#site-header .box-search div.gsc-control-cse div.gsc-results-wrapper-overlay .gsc-results-close-btn {
	top: 10px;
	right: 10px;
}
#site-header .box-search div.gsc-control-cse div.gsc-results-wrapper-overlay .gsc-result-info-container {
	width: 60%;
}
#site-header .box-search div.gsc-control-cse div.gsc-results-wrapper-overlay .gsc-selected-option {
	line-height: 25px;
	white-space: nowrap;
}
#site-header .box-search div.gsc-control-cse div.gsc-results-wrapper-overlay .gsc-adBlock {
	line-height: 1.2;
}
#site-header .box-search div.gsc-control-cse div.gsc-results-wrapper-overlay .gsc-result .gs-title {
	overflow: visible;
	height: inherit;
	margin-bottom: 5px;
	text-align: left;
}
#site-header .box-search div.gsc-control-cse div.gsc-results-wrapper-overlay .gsc-result .gsc-url-top {
	margin-bottom: 5px;
}

#site-header .btn-search {
	display: inline-block;
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	height: 40px;
}

#site-header .btn-search a {
	display: block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
}
#site-header .btn-search a span {
	display: inline-block;
	overflow: hidden;
	width: 20px;
	height: 20px;
	background: url(/shared/public/img/common/spr-common-sp01.png) no-repeat 0 -290px;
	background-size: 350px auto;
	text-indent: -999px;
	vertical-align: middle;
}

#site-header .btn-menu {
	display: inline-block;
	position: absolute;
	top: -2px;
	right: 10px;
	width: 40px;
	height: 40px;
}

#site-header .btn-menu a {
	display: block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	background-color: #FFF;
	border-radius: 50px;
	text-align: center;
	box-shadow: rgba(204, 204, 204, 0.74902) 0px 0px 5px 1px;
}
#site-header .btn-menu a span {
	display: inline-block;
	overflow: hidden;
	width: 20px;
	height: 20px;
	background: url(/shared/public/img/common/spr-common-sp01.png) no-repeat -25px -290px;
	background-size: 350px auto;
	text-indent: -999px;
	vertical-align: middle;
}

#site-header .nav-recommend {
	display: none;
}

/* Footer
--------------------------------------------------*/
#site-footer-about {
	background: url(/shared/public/img/common/bg-about01.png) repeat;
}

#site-footer-about .block-about-blog {
	padding: 15px 10px;
	background-color: #FFF;
	border-bottom: 1px solid #CCC;
}
#site-footer-about .block-about-blog .ttl-b {
	margin: 0 auto 15px;
	font-size: 1.5rem;
}
#site-footer-about .block-about-blog .logo-cbrains {
	margin: 0 auto 20px;
	text-align: center;
}
#site-footer-about .block-about-blog .logo-cbrains a {
	display: block;
}
#site-footer-about .block-about-blog .lead {
	font-size: 1.3rem;
	line-height: 1.6;
}
#site-footer-about .block-about-blog .list-author-all {
	display: none;
}

#site-footer-about .block-about-social {
	padding: 15px 10px;
	background-color: #F6F6F6;
	border-bottom: 1px solid #CCC;
}
#site-footer-about .block-about-social .ttl-b {
	display: none;
}
#site-footer-about .block-about-social .list-social-official {
	font-size: 2.0rem;
}
#site-footer-about .block-about-social .list-social-official li a {
	display: block;
	height: 60px;
	line-height: 60px;
	color: #FFF;
	text-align: center;
}
#site-footer-about .block-about-social .facebook {
	margin-bottom: 10px;
	background-color: #486DBA;
}
#site-footer-about .block-about-social .facebook span {
	display: inline-block;
	overflow: hidden;
	width: 40px;
	height: 40px;
	margin-right: 10px;
	background: url(/shared/public/img/common/spr-common-sp01.png) no-repeat 0 -60px;
	background-size: 350px auto;
	vertical-align: middle;
	text-indent: -999px;
}
#site-footer-about .block-about-social .twitter {
	background-color: #00AAEC;
}
#site-footer-about .block-about-social .twitter span {
	display: inline-block;
	overflow: hidden;
	width: 40px;
	height: 40px;
	margin-right: 10px;
	background: url(/shared/public/img/common/spr-common-sp01.png) no-repeat 0 -105px;
	background-size: 350px auto;
	vertical-align: middle;
	text-indent: -999px;
}

#site-footer {
	padding: 20px 10px;
	background-color: #FDFDFA;
}
#site-footer .copyright {
	margin: 0 auto 15px;
	font-size: 1.0rem;
	text-align: center;
}
#site-footer .list-social-share {
	text-align: center;
}
#site-footer .list-social-share li {
	display: inline-block;
	margin: 0 5px;
	vertical-align: top;
}

/* Footer
--------------------------------------------------*/
#category-nav {
	position: fixed;
	top: 0;
	display: none;
	width: 100%;
	z-index: 10;
}
#category-nav.active {
	display: block;
}
#category-nav:after {
	content: "";
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background: #333333;
	opacity: 0.95;
	z-index: 2;
}
#category-nav .btn-close {
	position: fixed;
	top: 15px;
	right: 10px;
}
#category-nav .btn-close a {
	display: block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	background-color: #FFF;
	border-radius: 50px;
	text-align: center;
	border-width: 0 !important;
}
#category-nav .btn-close a span {
	display: inline-block;
	overflow: hidden;
	width: 20px;
	height: 20px;
	background: url(/shared/public/img/common/spr-common-sp01.png) no-repeat -50px -290px;
	background-size: 350px auto;
	text-indent: -999px;
	vertical-align: middle;
}
#category-nav .inner {
	position: relative;
	z-index: 100;
	color: #FFFFFF;
	padding: 40px 10px;
}
#category-nav .inner ul {
	margin: 0 0 40px;
}
#category-nav .inner li {
	display: inline-block;
	margin: 0 20px 10px 0;
}
#category-nav .inner a {
	display: block;
	padding: 0 0 5px;
	color: #FFFFFF;
	border-bottom: 2px solid #CCCCCC;
	font-size: 1.4rem;
}
#category-nav .inner a:hover {
	border-bottom: 2px solid #FF0000;
}
#category-nav .inner .ttl {
	font-size: 1.8rem;
	margin: 0 0 30px;
}
#category-nav .inner .list-category li {
	width: 100%;
}
#category-nav .inner .list-category li a {
	color: #FFFFFF;
}
#category-nav .inner .list-feature li {
	width: 100%;
}
#category-nav .inner .list-feature li a {
	color: #FFFFFF;
}

@media only screen and (min-width: 801px) {
	body {
		font-size: 1.3rem;
		color: black;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", sans-serif;
		line-height: 1.1;
		-webkit-font-smoothing: antialiased;
		-webkit-text-size-adjust: none;
		background-color: #F6F6F0;
		border-top: 4px solid #32a138;
		overflow-x: inherit;
		border-top: 8px solid #32a138;
	}

	a:link,
	a:visited {
		color: #1A1A1A;
		text-decoration: none;
	}

	a:hover,
	a:active {
		text-decoration: none;
	}

	/* Header
	--------------------------------------------------*/
	#site-header {
		position: relative;
		margin: 15px auto;
		margin: 27px auto 40px;
	}

	#site-header .inner {
		position: relative;
		width: 1120px;
		margin: 0 auto;
	}

	#site-header .logo {
		overflow: hidden;
		width: 150px;
		height: 35px;
		margin: 0 auto;
		text-align: center;
		background: url(/shared/public/img/common/spr-common-sp01.png) no-repeat 0 0;
		background-size: 350px auto;
		width: 300px;
		height: 70px;
		margin: 0 auto 20px;
		background: url(/shared/public/img/common/spr-common-pc01.png) no-repeat 0 0;
		background-size: auto;
		-webkit-transition: 0.3s ease;
		transition: 0.3s ease;
	}
	#site-header .logo a {
		display: block;
		height: 0;
		padding-top: 35px;
		line-height: 1.5;
	}
	#site-header .logo:hover, #site-header .logo:active {
		opacity: 0.7;
	}
	#site-header .logo a {
		width: 300px;
		height: 0;
		padding-top: 70px;
	}

	#site-header .box-search {
		position: absolute;
		top: -2px;
		left: 10px;
		width: 40px;
		height: 40px;
		background-color: #FFF;
		border-radius: 50px;
		text-align: center;
		box-shadow: rgba(204, 204, 204, 0.74902) 0px 0px 5px 1px;
		-webkit-transition: width ease .5s;
		transition: width ease .5s;
		top: 10px;
		left: inherit;
		right: 70px;
		width: 50px;
		height: 50px;
	}
	#site-header .box-search .area-box {
		display: none;
	}
	#site-header .box-search.is-active {
		width: 70%;
		height: 40px;
	}
	#site-header .box-search.is-active .area-box {
		display: block;
	}
	#site-header .box-search .area-box {
		line-height: 50px;
	}
	#site-header .box-search.is-active {
		top: 10px;
		left: inherit;
		width: 300px;
		height: 50px;
	}
	#site-header .box-search div.gsc-control-cse {
		padding: 0;
		background-color: transparent;
		border: none;
	}
	#site-header .box-search div.gsc-control-cse .gsc-input-box {
		width: 87%;
	}
	#site-header .box-search div.gsc-control-cse input.gsc-input, #site-header .box-search div.gsc-control-cse .gsc-input-box, #site-header .box-search div.gsc-control-cse .gsc-input-box-hover, #site-header .box-search div.gsc-control-cse .gsc-input-box-focus {
		height: 40px;
		line-height: 30px;
		border-radius: 50px;
		border: none;
		border-color: none;
		box-shadow: none;
	}
	#site-header .box-search div.gsc-control-cse td.gsib_a {
		padding: 5px 10px;
	}
	#site-header .box-search div.gsc-control-cse input.gsc-search-button {
		position: absolute;
		top: 0;
		right: 0;
		width: 25px;
		height: 40px;
		margin: 0;
		padding: 0;
		opacity: 0;
	}
	#site-header .box-search div.gsc-control-cse div.gsc-results-wrapper-overlay {
		top: 5%;
		left: 5%;
		width: 90%;
		height: 90%;
		padding: 15px 10px 10px;
	}
	#site-header .box-search div.gsc-control-cse div.gsc-results-wrapper-overlay *,
	#site-header .box-search div.gsc-control-cse div.gsc-results-wrapper-overlay *:before,
	#site-header .box-search div.gsc-control-cse div.gsc-results-wrapper-overlay *:after {
		-webkit-box-sizing: initial;
		-moz-box-sizing: initial;
		box-sizing: initial;
		line-height: initial;
	}
	#site-header .box-search div.gsc-control-cse div.gsc-results-wrapper-overlay .gsc-results-close-btn {
		top: 10px;
		right: 10px;
	}
	#site-header .box-search div.gsc-control-cse div.gsc-results-wrapper-overlay .gsc-result-info-container {
		width: 60%;
	}
	#site-header .box-search div.gsc-control-cse div.gsc-results-wrapper-overlay .gsc-selected-option {
		line-height: 25px;
		white-space: nowrap;
	}
	#site-header .box-search div.gsc-control-cse div.gsc-results-wrapper-overlay .gsc-adBlock {
		line-height: 1.2;
	}
	#site-header .box-search div.gsc-control-cse div.gsc-results-wrapper-overlay .gsc-result .gs-title {
		overflow: visible;
		height: inherit;
		margin-bottom: 5px;
		text-align: left;
	}
	#site-header .box-search div.gsc-control-cse div.gsc-results-wrapper-overlay .gsc-result .gsc-url-top {
		margin-bottom: 5px;
	}
	#site-header .box-search div.gsc-control-cse .input.gsc-input, #site-header .box-search div.gsc-control-cse .gsc-input-box, #site-header .box-search div.gsc-control-cse .gsc-input-box-hover, #site-header .box-search div.gsc-control-cse .gsc-input-box-focus {
		height: 50px;
		line-height: inherit;
	}
	#site-header .box-search div.gsc-control-cse td.gsib_a {
		padding: 2px 6px 0 20px;
	}
	#site-header .box-search div.gsc-control-cse input.gsc-search-button {
		width: 50px;
		height: 50px;
	}
	#site-header .box-search div.gsc-control-cse div.gsc-results-wrapper-overlay {
		top: 5%;
		left: 12%;
		width: 70%;
		height: 80%;
		padding: 30px;
	}
	#site-header .box-search div.gsc-control-cse div.gsc-results-wrapper-overlay .gsc-results-close-btn {
		top: 20px;
		right: 20px;
	}
	#site-header .box-search div.gsc-control-cse div.gsc-results-wrapper-overlay .gsc-selected-option {
		line-height: 27px;
	}

	#site-header .btn-search {
		display: inline-block;
		position: absolute;
		top: 0;
		right: 0;
		width: 40px;
		height: 40px;
		width: 50px;
		height: 50px;
	}

	#site-header .btn-search a {
		display: block;
		width: 40px;
		height: 40px;
		line-height: 40px;
		text-align: center;
		width: 50px;
		height: 50px;
		line-height: 46px;
	}
	#site-header .btn-search a span {
		display: inline-block;
		overflow: hidden;
		width: 20px;
		height: 20px;
		background: url(/shared/public/img/common/spr-common-sp01.png) no-repeat 0 -290px;
		background-size: 350px auto;
		text-indent: -999px;
		vertical-align: middle;
	}
	#site-header .btn-search a span {
		width: 24px;
		height: 24px;
		background: url(/shared/public/img/common/spr-common-pc01.png) no-repeat 0 -80px;
		background-size: auto;
	}

	#site-header .btn-menu {
		display: inline-block;
		position: absolute;
		top: -2px;
		right: 10px;
		width: 40px;
		height: 40px;
		top: 10px;
		right: 0;
		width: 50px;
		height: 50px;
	}

	#site-header .btn-menu a {
		display: block;
		width: 40px;
		height: 40px;
		line-height: 40px;
		background-color: #FFF;
		border-radius: 50px;
		text-align: center;
		box-shadow: rgba(204, 204, 204, 0.74902) 0px 0px 5px 1px;
		width: 50px;
		height: 50px;
		line-height: 46px;
	}
	#site-header .btn-menu a span {
		display: inline-block;
		overflow: hidden;
		width: 20px;
		height: 20px;
		background: url(/shared/public/img/common/spr-common-sp01.png) no-repeat -25px -290px;
		background-size: 350px auto;
		text-indent: -999px;
		vertical-align: middle;
	}
	#site-header .btn-menu a span {
		width: 24px;
		height: 23px;
		background: url(/shared/public/img/common/spr-common-pc01.png) no-repeat -30px -80px;
		background-size: auto;
	}

	#site-header .nav-recommend {
		display: none;
		display: block;
		margin: 0 auto 25px;
	}
	#site-header .nav-recommend ul {
		margin: 0 auto;
		text-align: center;
		font-size: 1.4rem;
	}
	#site-header .nav-recommend li {
		display: inline-block;
		margin: 0 10px;
	}
	#site-header .nav-recommend a {
		display: block;
		padding: 5px;
		border-bottom: 3px solid #32a138;
		-webkit-transition: 0.3s ease;
		transition: 0.3s ease;
	}
	#site-header .nav-recommend a:hover, #site-header .nav-recommend a:active {
		opacity: 0.7;
	}

	/* Footer
	--------------------------------------------------*/
	#site-footer-about {
		background: url(/shared/public/img/common/bg-about01.png) repeat;
		padding: 24px 0;
		border-top: 1px solid #CCC;
	}
	#site-footer-about .inner {
		*zoom: 1;
		width: 1120px;
		margin: 0 auto;
	}
	#site-footer-about .inner:after {
		content: '';
		display: table;
		clear: both;
	}

	#site-footer-about .block-about-blog {
		padding: 15px 10px;
		background-color: #FFF;
		border-bottom: 1px solid #CCC;
		width: 830px;
		float: left;
		padding: 0;
		border: none;
		background-color: transparent;
	}
	#site-footer-about .block-about-blog .ttl-b {
		margin: 0 auto 15px;
		font-size: 1.5rem;
		margin: 0 auto 10px;
		font-size: 1.8rem;
		text-align: left;
	}
	#site-footer-about .block-about-blog .logo-cbrains {
		margin: 0 auto 20px;
		text-align: center;
	}
	#site-footer-about .block-about-blog .logo-cbrains a {
		display: block;
	}
	#site-footer-about .block-about-blog .lead {
		font-size: 1.3rem;
		line-height: 1.6;
	}
	#site-footer-about .block-about-blog .list-author-all {
		display: none;
	}

	#site-footer-about .box-about-bashalog {
		position: relative;
		padding: 20px 24px 20px 170px;
		background-color: #FFF;
		border: 1px solid #CCC;
		box-shadow: rgba(204, 204, 204, 0.7) 0px 0px 5px 1px;
	}
	#site-footer-about .box-about-bashalog .logo-cbrains {
		position: absolute;
		top: 40px;
		left: 34px;
		width: 100px;
		margin: 0;
	}
	#site-footer-about .box-about-bashalog .lead {
		margin: 0 auto 20px;
		text-align: center;
	}
	#site-footer-about .box-about-bashalog .list-author-all {
		display: block;
		text-align: center;
	}
	#site-footer-about .box-about-bashalog .list-author-all li {
		display: inline-block;
		margin: 0 8px;
	}
	#site-footer-about .box-about-bashalog .list-author-all li img {
		width: 30px;
		height: auto;
	}

	#site-footer-about .block-about-social {
		padding: 15px 10px;
		background-color: #F6F6F6;
		border-bottom: 1px solid #CCC;
		width: 260px;
		float: right;
		padding: 0;
		border: none;
	}
	#site-footer-about .block-about-social .ttl-b {
		display: none;
		display: block;
		margin: 0 auto 10px;
		font-size: 1.8rem;
		text-align: left;
	}
	#site-footer-about .block-about-social .list-social-official {
		font-size: 2.0rem;
	}
	#site-footer-about .block-about-social .list-social-official li a {
		display: block;
		height: 60px;
		line-height: 60px;
		color: #FFF;
		text-align: center;
	}
	#site-footer-about .block-about-social .facebook {
		margin-bottom: 10px;
		background-color: #486DBA;
	}
	#site-footer-about .block-about-social .facebook:hover, #site-footer-about .block-about-social .facebook:active {
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
		background-color: #6D8AC8;
	}
	#site-footer-about .block-about-social .facebook span {
		display: inline-block;
		overflow: hidden;
		width: 40px;
		height: 40px;
		margin-right: 10px;
		background: url(/shared/public/img/common/spr-common-sp01.png) no-repeat 0 -60px;
		background-size: 350px auto;
		vertical-align: middle;
		text-indent: -999px;
	}
	#site-footer-about .block-about-social .twitter {
		background-color: #00AAEC;
	}
	#site-footer-about .block-about-social .twitter:hover, #site-footer-about .block-about-social .twitter:active {
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
		background-color: #33BBF0;
	}
	#site-footer-about .block-about-social .twitter span {
		display: inline-block;
		overflow: hidden;
		width: 40px;
		height: 40px;
		margin-right: 10px;
		background: url(/shared/public/img/common/spr-common-sp01.png) no-repeat 0 -105px;
		background-size: 350px auto;
		vertical-align: middle;
		text-indent: -999px;
	}

	#site-footer {
		padding: 20px 10px;
		background-color: #FDFDFA;
		border-top: 1px solid #CCC;
	}
	#site-footer .copyright {
		margin: 0 auto 15px;
		font-size: 1.0rem;
		text-align: center;
		font-size: 1.2rem;
	}
	#site-footer .list-social-share {
		text-align: center;
	}
	#site-footer .list-social-share li {
		display: inline-block;
		margin: 0 5px;
	}

	/* Footer
	--------------------------------------------------*/
	#category-nav {
		position: fixed;
		top: 0;
		display: none;
		width: 100%;
		z-index: 10;
	}
	#category-nav.active {
		display: block;
	}
	#category-nav:after {
		content: "";
		position: absolute;
		top: 0;
		width: 100%;
		height: 100%;
		background: #333333;
		opacity: 0.95;
		z-index: 2;
	}
	#category-nav .btn-close {
		position: fixed;
		top: 15px;
		right: 10px;
		top: 40px;
		right: 40px;
	}
	#category-nav .btn-close a {
		display: block;
		width: 40px;
		height: 40px;
		line-height: 40px;
		background-color: #FFF;
		border-radius: 50px;
		text-align: center;
		border-width: 0 !important;
		width: 50px;
		height: 50px;
		line-height: 46px;
	}
	#category-nav .btn-close a span {
		display: inline-block;
		overflow: hidden;
		width: 20px;
		height: 20px;
		background: url(/shared/public/img/common/spr-common-sp01.png) no-repeat -50px -290px;
		background-size: 350px auto;
		text-indent: -999px;
		vertical-align: middle;
	}
	#category-nav .btn-close a span {
		width: 24px;
		height: 23px;
		background: url(/shared/public/img/common/spr-common-pc01.png) no-repeat -60px -80px;
		background-size: auto;
	}
	#category-nav .inner {
		position: relative;
		z-index: 100;
		color: #FFFFFF;
		padding: 40px 10px;
		padding: 90px;
	}
	#category-nav .inner ul {
		margin: 0 0 40px;
	}
	#category-nav .inner li {
		display: inline-block;
		margin: 0 20px 10px 0;
		margin: 0 20px 30px 0;
	}
	#category-nav .inner a {
		display: block;
		padding: 0 0 5px;
		color: #FFFFFF;
		border-bottom: 2px solid #CCCCCC;
		font-size: 1.4rem;
	}
	#category-nav .inner a:hover {
		border-bottom: 2px solid #FF0000;
	}
	#category-nav .inner .ttl {
		font-size: 1.8rem;
		margin: 0 0 30px;
		font-size: 2.4rem;
	}
	#category-nav .inner .list-category li {
		width: 100%;
		width: 168px;
	}
	#category-nav .inner .list-category li a {
		color: #FFFFFF;
	}
	#category-nav .inner .list-feature li {
		width: 100%;
		width: 358px;
	}
	#category-nav .inner .list-feature li a {
		color: #FFFFFF;
	}
}
@media only screen and (min-width: 641px) and (max-width: 800px) {
	body {
		font-size: 1.3rem;
		color: black;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", sans-serif;
		line-height: 1.1;
		-webkit-font-smoothing: antialiased;
		-webkit-text-size-adjust: none;
		background-color: #F6F6F0;
		border-top: 4px solid #32a138;
		overflow-x: inherit;
		border-top: 8px solid #32a138;
	}

	a:link,
	a:visited {
		color: #1A1A1A;
		text-decoration: none;
	}

	a:hover,
	a:active {
		text-decoration: none;
	}

	/* Header
	--------------------------------------------------*/
	#site-header {
		position: relative;
		margin: 15px auto;
		margin: 27px auto 40px;
	}

	#site-header .inner {
		position: relative;
		width: 1120px;
		margin: 0 auto;
	}

	#site-header .logo {
		overflow: hidden;
		width: 150px;
		height: 35px;
		margin: 0 auto;
		text-align: center;
		background: url(/shared/public/img/common/spr-common-sp01.png) no-repeat 0 0;
		background-size: 350px auto;
		width: 300px;
		height: 70px;
		margin: 0 auto 20px;
		background: url(/shared/public/img/common/spr-common-pc01.png) no-repeat 0 0;
		background-size: auto;
		-webkit-transition: 0.3s ease;
		transition: 0.3s ease;
	}
	#site-header .logo a {
		display: block;
		height: 0;
		padding-top: 35px;
		line-height: 1.5;
	}
	#site-header .logo:hover, #site-header .logo:active {
		opacity: 0.7;
	}
	#site-header .logo a {
		width: 300px;
		height: 0;
		padding-top: 70px;
	}

	#site-header .box-search {
		position: absolute;
		top: -2px;
		left: 10px;
		width: 40px;
		height: 40px;
		background-color: #FFF;
		border-radius: 50px;
		text-align: center;
		box-shadow: rgba(204, 204, 204, 0.74902) 0px 0px 5px 1px;
		-webkit-transition: width ease .5s;
		transition: width ease .5s;
		top: 10px;
		left: inherit;
		right: 70px;
		width: 50px;
		height: 50px;
	}
	#site-header .box-search .area-box {
		display: none;
	}
	#site-header .box-search.is-active {
		width: 70%;
		height: 40px;
	}
	#site-header .box-search.is-active .area-box {
		display: block;
	}
	#site-header .box-search .area-box {
		line-height: 50px;
	}
	#site-header .box-search.is-active {
		top: 10px;
		left: inherit;
		width: 300px;
		height: 50px;
	}
	#site-header .box-search div.gsc-control-cse {
		padding: 0;
		background-color: transparent;
		border: none;
	}
	#site-header .box-search div.gsc-control-cse .gsc-input-box {
		width: 87%;
	}
	#site-header .box-search div.gsc-control-cse input.gsc-input, #site-header .box-search div.gsc-control-cse .gsc-input-box, #site-header .box-search div.gsc-control-cse .gsc-input-box-hover, #site-header .box-search div.gsc-control-cse .gsc-input-box-focus {
		height: 40px;
		line-height: 30px;
		border-radius: 50px;
		border: none;
		border-color: none;
		box-shadow: none;
	}
	#site-header .box-search div.gsc-control-cse td.gsib_a {
		padding: 5px 10px;
	}
	#site-header .box-search div.gsc-control-cse input.gsc-search-button {
		position: absolute;
		top: 0;
		right: 0;
		width: 25px;
		height: 40px;
		margin: 0;
		padding: 0;
		opacity: 0;
	}
	#site-header .box-search div.gsc-control-cse div.gsc-results-wrapper-overlay {
		top: 5%;
		left: 5%;
		width: 90%;
		height: 90%;
		padding: 15px 10px 10px;
	}
	#site-header .box-search div.gsc-control-cse div.gsc-results-wrapper-overlay *,
	#site-header .box-search div.gsc-control-cse div.gsc-results-wrapper-overlay *:before,
	#site-header .box-search div.gsc-control-cse div.gsc-results-wrapper-overlay *:after {
		-webkit-box-sizing: initial;
		-moz-box-sizing: initial;
		box-sizing: initial;
		line-height: initial;
	}
	#site-header .box-search div.gsc-control-cse div.gsc-results-wrapper-overlay .gsc-results-close-btn {
		top: 10px;
		right: 10px;
	}
	#site-header .box-search div.gsc-control-cse div.gsc-results-wrapper-overlay .gsc-result-info-container {
		width: 60%;
	}
	#site-header .box-search div.gsc-control-cse div.gsc-results-wrapper-overlay .gsc-selected-option {
		line-height: 25px;
		white-space: nowrap;
	}
	#site-header .box-search div.gsc-control-cse div.gsc-results-wrapper-overlay .gsc-adBlock {
		line-height: 1.2;
	}
	#site-header .box-search div.gsc-control-cse div.gsc-results-wrapper-overlay .gsc-result .gs-title {
		overflow: visible;
		height: inherit;
		margin-bottom: 5px;
		text-align: left;
	}
	#site-header .box-search div.gsc-control-cse div.gsc-results-wrapper-overlay .gsc-result .gsc-url-top {
		margin-bottom: 5px;
	}
	#site-header .box-search div.gsc-control-cse .input.gsc-input, #site-header .box-search div.gsc-control-cse .gsc-input-box, #site-header .box-search div.gsc-control-cse .gsc-input-box-hover, #site-header .box-search div.gsc-control-cse .gsc-input-box-focus {
		height: 50px;
		line-height: inherit;
	}
	#site-header .box-search div.gsc-control-cse td.gsib_a {
		padding: 2px 6px 0 20px;
	}
	#site-header .box-search div.gsc-control-cse input.gsc-search-button {
		width: 50px;
		height: 50px;
	}
	#site-header .box-search div.gsc-control-cse div.gsc-results-wrapper-overlay {
		top: 5%;
		left: 12%;
		width: 70%;
		height: 80%;
		padding: 30px;
	}
	#site-header .box-search div.gsc-control-cse div.gsc-results-wrapper-overlay .gsc-results-close-btn {
		top: 20px;
		right: 20px;
	}
	#site-header .box-search div.gsc-control-cse div.gsc-results-wrapper-overlay .gsc-selected-option {
		line-height: 27px;
	}

	#site-header .btn-search {
		display: inline-block;
		position: absolute;
		top: 0;
		right: 0;
		width: 40px;
		height: 40px;
		width: 50px;
		height: 50px;
	}

	#site-header .btn-search a {
		display: block;
		width: 40px;
		height: 40px;
		line-height: 40px;
		text-align: center;
		width: 50px;
		height: 50px;
		line-height: 46px;
	}
	#site-header .btn-search a span {
		display: inline-block;
		overflow: hidden;
		width: 20px;
		height: 20px;
		background: url(/shared/public/img/common/spr-common-sp01.png) no-repeat 0 -290px;
		background-size: 350px auto;
		text-indent: -999px;
		vertical-align: middle;
	}
	#site-header .btn-search a span {
		width: 24px;
		height: 24px;
		background: url(/shared/public/img/common/spr-common-pc01.png) no-repeat 0 -80px;
		background-size: auto;
	}

	#site-header .btn-menu {
		display: inline-block;
		position: absolute;
		top: -2px;
		right: 10px;
		width: 40px;
		height: 40px;
		top: 10px;
		right: 0;
		width: 50px;
		height: 50px;
	}

	#site-header .btn-menu a {
		display: block;
		width: 40px;
		height: 40px;
		line-height: 40px;
		background-color: #FFF;
		border-radius: 50px;
		text-align: center;
		box-shadow: rgba(204, 204, 204, 0.74902) 0px 0px 5px 1px;
		width: 50px;
		height: 50px;
		line-height: 46px;
	}
	#site-header .btn-menu a span {
		display: inline-block;
		overflow: hidden;
		width: 20px;
		height: 20px;
		background: url(/shared/public/img/common/spr-common-sp01.png) no-repeat -25px -290px;
		background-size: 350px auto;
		text-indent: -999px;
		vertical-align: middle;
	}
	#site-header .btn-menu a span {
		width: 24px;
		height: 23px;
		background: url(/shared/public/img/common/spr-common-pc01.png) no-repeat -30px -80px;
		background-size: auto;
	}

	#site-header .nav-recommend {
		display: none;
		display: block;
		margin: 0 auto 25px;
	}
	#site-header .nav-recommend ul {
		margin: 0 auto;
		text-align: center;
		font-size: 1.4rem;
	}
	#site-header .nav-recommend li {
		display: inline-block;
		margin: 0 10px;
	}
	#site-header .nav-recommend a {
		display: block;
		padding: 5px;
		border-bottom: 3px solid #32a138;
		-webkit-transition: 0.3s ease;
		transition: 0.3s ease;
	}
	#site-header .nav-recommend a:hover, #site-header .nav-recommend a:active {
		opacity: 0.7;
	}

	/* Footer
	--------------------------------------------------*/
	#site-footer-about {
		background: url(/shared/public/img/common/bg-about01.png) repeat;
		padding: 24px 0;
		border-top: 1px solid #CCC;
	}
	#site-footer-about .inner {
		*zoom: 1;
		width: 1120px;
		margin: 0 auto;
	}
	#site-footer-about .inner:after {
		content: '';
		display: table;
		clear: both;
	}

	#site-footer-about .block-about-blog {
		padding: 15px 10px;
		background-color: #FFF;
		border-bottom: 1px solid #CCC;
		width: 830px;
		float: left;
		padding: 0;
		border: none;
		background-color: transparent;
	}
	#site-footer-about .block-about-blog .ttl-b {
		margin: 0 auto 15px;
		font-size: 1.5rem;
		margin: 0 auto 10px;
		font-size: 1.8rem;
		text-align: left;
	}
	#site-footer-about .block-about-blog .logo-cbrains {
		margin: 0 auto 20px;
		text-align: center;
	}
	#site-footer-about .block-about-blog .logo-cbrains a {
		display: block;
	}
	#site-footer-about .block-about-blog .lead {
		font-size: 1.3rem;
		line-height: 1.6;
	}
	#site-footer-about .block-about-blog .list-author-all {
		display: none;
	}

	#site-footer-about .box-about-bashalog {
		position: relative;
		padding: 20px 24px 20px 170px;
		background-color: #FFF;
		border: 1px solid #CCC;
		box-shadow: rgba(204, 204, 204, 0.7) 0px 0px 5px 1px;
	}
	#site-footer-about .box-about-bashalog .logo-cbrains {
		position: absolute;
		top: 40px;
		left: 34px;
		width: 100px;
		margin: 0;
	}
	#site-footer-about .box-about-bashalog .lead {
		margin: 0 auto 20px;
		text-align: center;
	}
	#site-footer-about .box-about-bashalog .list-author-all {
		display: block;
		text-align: center;
	}
	#site-footer-about .box-about-bashalog .list-author-all li {
		display: inline-block;
		margin: 0 8px;
	}
	#site-footer-about .box-about-bashalog .list-author-all li img {
		width: 30px;
		height: auto;
	}

	#site-footer-about .block-about-social {
		padding: 15px 10px;
		background-color: #F6F6F6;
		border-bottom: 1px solid #CCC;
		width: 260px;
		float: right;
		padding: 0;
		border: none;
	}
	#site-footer-about .block-about-social .ttl-b {
		display: none;
		display: block;
		margin: 0 auto 10px;
		font-size: 1.8rem;
		text-align: left;
	}
	#site-footer-about .block-about-social .list-social-official {
		font-size: 2.0rem;
	}
	#site-footer-about .block-about-social .list-social-official li a {
		display: block;
		height: 60px;
		line-height: 60px;
		color: #FFF;
		text-align: center;
	}
	#site-footer-about .block-about-social .facebook {
		margin-bottom: 10px;
		background-color: #486DBA;
	}
	#site-footer-about .block-about-social .facebook:hover, #site-footer-about .block-about-social .facebook:active {
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
		background-color: #6D8AC8;
	}
	#site-footer-about .block-about-social .facebook span {
		display: inline-block;
		overflow: hidden;
		width: 40px;
		height: 40px;
		margin-right: 10px;
		background: url(/shared/public/img/common/spr-common-sp01.png) no-repeat 0 -60px;
		background-size: 350px auto;
		vertical-align: middle;
		text-indent: -999px;
	}
	#site-footer-about .block-about-social .twitter {
		background-color: #00AAEC;
	}
	#site-footer-about .block-about-social .twitter:hover, #site-footer-about .block-about-social .twitter:active {
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
		background-color: #33BBF0;
	}
	#site-footer-about .block-about-social .twitter span {
		display: inline-block;
		overflow: hidden;
		width: 40px;
		height: 40px;
		margin-right: 10px;
		background: url(/shared/public/img/common/spr-common-sp01.png) no-repeat 0 -105px;
		background-size: 350px auto;
		vertical-align: middle;
		text-indent: -999px;
	}

	#site-footer {
		padding: 20px 10px;
		background-color: #FDFDFA;
		border-top: 1px solid #CCC;
	}
	#site-footer .copyright {
		margin: 0 auto 15px;
		font-size: 1.0rem;
		text-align: center;
		font-size: 1.2rem;
	}
	#site-footer .list-social-share {
		text-align: center;
	}
	#site-footer .list-social-share li {
		display: inline-block;
		margin: 0 5px;
	}

	/* Footer
	--------------------------------------------------*/
	#category-nav {
		position: fixed;
		top: 0;
		display: none;
		width: 100%;
		z-index: 10;
	}
	#category-nav.active {
		display: block;
	}
	#category-nav:after {
		content: "";
		position: absolute;
		top: 0;
		width: 100%;
		height: 100%;
		background: #333333;
		opacity: 0.95;
		z-index: 2;
	}
	#category-nav .btn-close {
		position: fixed;
		top: 15px;
		right: 10px;
		top: 40px;
		right: 40px;
	}
	#category-nav .btn-close a {
		display: block;
		width: 40px;
		height: 40px;
		line-height: 40px;
		background-color: #FFF;
		border-radius: 50px;
		text-align: center;
		border-width: 0 !important;
		width: 50px;
		height: 50px;
		line-height: 46px;
	}
	#category-nav .btn-close a span {
		display: inline-block;
		overflow: hidden;
		width: 20px;
		height: 20px;
		background: url(/shared/public/img/common/spr-common-sp01.png) no-repeat -50px -290px;
		background-size: 350px auto;
		text-indent: -999px;
		vertical-align: middle;
	}
	#category-nav .btn-close a span {
		width: 24px;
		height: 23px;
		background: url(/shared/public/img/common/spr-common-pc01.png) no-repeat -60px -80px;
		background-size: auto;
	}
	#category-nav .inner {
		position: relative;
		z-index: 100;
		color: #FFFFFF;
		padding: 40px 10px;
		padding: 90px;
	}
	#category-nav .inner ul {
		margin: 0 0 40px;
	}
	#category-nav .inner li {
		display: inline-block;
		margin: 0 20px 10px 0;
		margin: 0 20px 30px 0;
	}
	#category-nav .inner a {
		display: block;
		padding: 0 0 5px;
		color: #FFFFFF;
		border-bottom: 2px solid #CCCCCC;
		font-size: 1.4rem;
	}
	#category-nav .inner a:hover {
		border-bottom: 2px solid #FF0000;
	}
	#category-nav .inner .ttl {
		font-size: 1.8rem;
		margin: 0 0 30px;
		font-size: 2.4rem;
	}
	#category-nav .inner .list-category li {
		width: 100%;
		width: 168px;
	}
	#category-nav .inner .list-category li a {
		color: #FFFFFF;
	}
	#category-nav .inner .list-feature li {
		width: 100%;
		width: 358px;
	}
	#category-nav .inner .list-feature li a {
		color: #FFFFFF;
	}
}
@media only screen and (max-width: 640px) {
	body {
		font-size: 1.3rem;
		color: black;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", sans-serif;
		line-height: 1.1;
		-webkit-font-smoothing: antialiased;
		-webkit-text-size-adjust: none;
		background-color: #F6F6F0;
		border-top: 4px solid #32a138;
	}

	a:link,
	a:visited {
		color: #1a1A1a;
		text-decoration: none;
	}

	a:hover,
	a:active {
		text-decoration: none;
	}

	/* Header                                         */
	/* ---------------------------------------------- */
	#site-header {
		position: relative;
		margin: 15px auto;
	}

	#site-header .logo {
		overflow: hidden;
		width: 150px;
		height: 35px;
		margin: 0 auto;
		text-align: center;
		background: url(/shared/public/img/common/spr-common-sp01.png) no-repeat 0 0;
		background-size: 350px auto;
	}
	#site-header .logo a {
		display: block;
		height: 0;
		padding-top: 35px;
		line-height: 1.5;
	}

	#site-header .box-search {
		position: absolute;
		top: -2px;
		left: 10px;
		width: 40px;
		height: 40px;
		background-color: #FFF;
		border-radius: 50px;
		text-align: center;
		box-shadow: rgba(204, 204, 204, 0.74902) 0px 0px 5px 1px;
		-webkit-transition: width ease .5s;
		transition: width ease .5s;
	}
	#site-header .box-search .area-box {
		display: none;
	}
	#site-header .box-search.is-active {
		width: 70%;
		height: 40px;
	}
	#site-header .box-search.is-active .area-box {
		display: block;
	}
	#site-header .box-search div.gsc-control-cse {
		padding: 0;
		background-color: transparent;
		border: none;
	}
	#site-header .box-search div.gsc-control-cse .gsc-input-box {
		width: 87%;
	}
	#site-header .box-search div.gsc-control-cse input.gsc-input, #site-header .box-search div.gsc-control-cse .gsc-input-box, #site-header .box-search div.gsc-control-cse .gsc-input-box-hover, #site-header .box-search div.gsc-control-cse .gsc-input-box-focus {
		height: 40px;
		line-height: 30px;
		border-radius: 50px;
		border: none;
		border-color: none;
		box-shadow: none;
	}
	#site-header .box-search div.gsc-control-cse td.gsib_a {
		padding: 5px 10px;
	}
	#site-header .box-search div.gsc-control-cse input.gsc-search-button {
		position: absolute;
		top: 0;
		right: 0;
		width: 25px;
		height: 40px;
		margin: 0;
		padding: 0;
		opacity: 0;
	}
	#site-header .box-search div.gsc-control-cse div.gsc-results-wrapper-overlay {
		top: 5%;
		left: 5%;
		width: 90%;
		height: 90%;
		padding: 15px 10px 10px;
	}
	#site-header .box-search div.gsc-control-cse div.gsc-results-wrapper-overlay *,
	#site-header .box-search div.gsc-control-cse div.gsc-results-wrapper-overlay *:before,
	#site-header .box-search div.gsc-control-cse div.gsc-results-wrapper-overlay *:after {
		-webkit-box-sizing: initial;
		-moz-box-sizing: initial;
		box-sizing: initial;
		line-height: initial;
	}
	#site-header .box-search div.gsc-control-cse div.gsc-results-wrapper-overlay .gsc-results-close-btn {
		top: 10px;
		right: 10px;
	}
	#site-header .box-search div.gsc-control-cse div.gsc-results-wrapper-overlay .gsc-result-info-container {
		width: 60%;
	}
	#site-header .box-search div.gsc-control-cse div.gsc-results-wrapper-overlay .gsc-selected-option {
		line-height: 25px;
		white-space: nowrap;
	}
	#site-header .box-search div.gsc-control-cse div.gsc-results-wrapper-overlay .gsc-adBlock {
		line-height: 1.2;
	}
	#site-header .box-search div.gsc-control-cse div.gsc-results-wrapper-overlay .gsc-result .gs-title {
		overflow: visible;
		height: inherit;
		margin-bottom: 5px;
		text-align: left;
	}
	#site-header .box-search div.gsc-control-cse div.gsc-results-wrapper-overlay .gsc-result .gsc-url-top {
		margin-bottom: 5px;
	}

	#site-header .btn-search {
		display: inline-block;
		position: absolute;
		top: 0;
		right: 0;
		width: 40px;
		height: 40px;
	}

	#site-header .btn-search a {
		display: block;
		width: 40px;
		height: 40px;
		line-height: 40px;
		text-align: center;
	}
	#site-header .btn-search a span {
		display: inline-block;
		overflow: hidden;
		width: 20px;
		height: 20px;
		background: url(/shared/public/img/common/spr-common-sp01.png) no-repeat 0 -290px;
		background-size: 350px auto;
		text-indent: -999px;
		vertical-align: middle;
	}

	#site-header .btn-menu {
		display: inline-block;
		position: absolute;
		top: -2px;
		right: 10px;
		width: 40px;
		height: 40px;
	}

	#site-header .btn-menu a {
		display: block;
		width: 40px;
		height: 40px;
		line-height: 40px;
		background-color: #FFF;
		border-radius: 50px;
		text-align: center;
		box-shadow: rgba(204, 204, 204, 0.74902) 0px 0px 5px 1px;
	}
	#site-header .btn-menu a span {
		display: inline-block;
		overflow: hidden;
		width: 20px;
		height: 20px;
		background: url(/shared/public/img/common/spr-common-sp01.png) no-repeat -25px -290px;
		background-size: 350px auto;
		text-indent: -999px;
		vertical-align: middle;
	}

	#site-header .nav-recommend {
		display: none;
	}

	/* Footer
	--------------------------------------------------*/
	#site-footer-about {
		background: url(/shared/public/img/common/bg-about01.png) repeat;
	}

	#site-footer-about .block-about-blog {
		padding: 15px 10px;
		background-color: #FFF;
		border-bottom: 1px solid #CCC;
	}
	#site-footer-about .block-about-blog .ttl-b {
		margin: 0 auto 15px;
		font-size: 1.5rem;
	}
	#site-footer-about .block-about-blog .logo-cbrains {
		margin: 0 auto 20px;
		text-align: center;
	}
	#site-footer-about .block-about-blog .logo-cbrains a {
		display: block;
	}
	#site-footer-about .block-about-blog .lead {
		font-size: 1.3rem;
		line-height: 1.6;
	}
	#site-footer-about .block-about-blog .list-author-all {
		display: none;
	}

	#site-footer-about .block-about-social {
		padding: 15px 10px;
		background-color: #F6F6F6;
		border-bottom: 1px solid #CCC;
	}
	#site-footer-about .block-about-social .ttl-b {
		display: none;
	}
	#site-footer-about .block-about-social .list-social-official {
		font-size: 2.0rem;
	}
	#site-footer-about .block-about-social .list-social-official li a {
		display: block;
		height: 60px;
		line-height: 60px;
		color: #FFF;
		text-align: center;
	}
	#site-footer-about .block-about-social .facebook {
		margin-bottom: 10px;
		background-color: #486DBA;
	}
	#site-footer-about .block-about-social .facebook span {
		display: inline-block;
		overflow: hidden;
		width: 40px;
		height: 40px;
		margin-right: 10px;
		background: url(/shared/public/img/common/spr-common-sp01.png) no-repeat 0 -60px;
		background-size: 350px auto;
		vertical-align: middle;
		text-indent: -999px;
	}
	#site-footer-about .block-about-social .twitter {
		background-color: #00AAEC;
	}
	#site-footer-about .block-about-social .twitter span {
		display: inline-block;
		overflow: hidden;
		width: 40px;
		height: 40px;
		margin-right: 10px;
		background: url(/shared/public/img/common/spr-common-sp01.png) no-repeat 0 -105px;
		background-size: 350px auto;
		vertical-align: middle;
		text-indent: -999px;
	}

	#site-footer {
		padding: 20px 10px;
		background-color: #FDFDFA;
	}
	#site-footer .copyright {
		margin: 0 auto 15px;
		font-size: 1.0rem;
		text-align: center;
	}
	#site-footer .list-social-share {
		text-align: center;
	}
	#site-footer .list-social-share li {
		display: inline-block;
		margin: 0 5px;
	}

	/* Footer
	--------------------------------------------------*/
	#category-nav {
		position: fixed;
		top: 0;
		display: none;
		width: 100%;
		z-index: 10;
	}
	#category-nav.active {
		display: block;
	}
	#category-nav:after {
		content: "";
		position: absolute;
		top: 0;
		width: 100%;
		height: 100%;
		background: #333333;
		opacity: 0.95;
		z-index: 2;
	}
	#category-nav .btn-close {
		position: fixed;
		top: 15px;
		right: 10px;
	}
	#category-nav .btn-close a {
		display: block;
		width: 40px;
		height: 40px;
		line-height: 40px;
		background-color: #FFF;
		border-radius: 50px;
		text-align: center;
		border-width: 0 !important;
	}
	#category-nav .btn-close a span {
		display: inline-block;
		overflow: hidden;
		width: 20px;
		height: 20px;
		background: url(/shared/public/img/common/spr-common-sp01.png) no-repeat -50px -290px;
		background-size: 350px auto;
		text-indent: -999px;
		vertical-align: middle;
	}
	#category-nav .inner {
		position: relative;
		z-index: 100;
		color: #FFFFFF;
		padding: 40px 10px;
	}
	#category-nav .inner ul {
		margin: 0 0 40px;
	}
	#category-nav .inner li {
		display: inline-block;
		margin: 0 20px 10px 0;
	}
	#category-nav .inner a {
		display: block;
		padding: 0 0 5px;
		color: #FFFFFF;
		border-bottom: 2px solid #CCCCCC;
		font-size: 1.4rem;
	}
	#category-nav .inner a:hover {
		border-bottom: 2px solid #FF0000;
	}
	#category-nav .inner .ttl {
		font-size: 1.8rem;
		margin: 0 0 30px;
	}
	#category-nav .inner .list-category li {
		width: 100%;
	}
	#category-nav .inner .list-category li a {
		color: #FFFFFF;
	}
	#category-nav .inner .list-feature li {
		width: 100%;
	}
	#category-nav .inner .list-feature li a {
		color: #FFFFFF;
	}
}
/* =================================================
[Module]
================================================= */
/* Heading
--------------------------------------------------*/
.ttl-a {
	margin: 0 auto 10px;
	font-size: 1.5rem;
	text-align: center;
}

.ttl-b {
	text-align: center;
}

/* Tile Module
--------------------------------------------------*/
.box-tile {
	position: relative;
	border-top: 1px solid #EDEDED;
	background-color: #FFF;
	font-size: 1.3rem;
}
.box-tile:last-child {
	border-bottom: 1px solid #EDEDED;
}

.box-tile .unit-post-category {
	overflow: hidden;
	position: absolute;
	top: 15px;
	left: 12px;
	width: 127px;
	padding: 0;
}
.box-tile .unit-post-category li {
	display: inline-block;
	position: relative;
	max-width: 127px;
	height: 20px;
	line-height: 20px;
	padding: 0 7px;
	font-size: 1.0rem;
	background-color: #32a138;
	white-space: nowrap;
	word-wrap: normal;
	text-overflow: ellipsis;
}
.box-tile .unit-post-category li:after {
	display: block;
	position: absolute;
	content: "";
	top: 0;
	right: -20px;
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-left: 10px solid #32a138;
	border-right: 10px solid transparent;
}

.box-tile .thumb {
	display: table-cell;
	width: 127px;
	height: 75px;
	padding-right: 10px;
	vertical-align: top;
}

.box-tile .thumb img {
	max-width: 127px;
	height: auto;
}

.box-tile .detail {
	display: table-cell;
	vertical-align: top;
	word-wrap: break-word;
	word-break: break-all;
}

.box-tile .ttl-post {
	margin: 0 0 10px;
	font-weight: bold;
	line-height: 1.5;
}

.box-tile .unit-post-detail {
	display: table;
	width: 100%;
	font-size: 1.2rem;
}
.box-tile .unit-post-detail .author {
	display: table-cell;
	height: 20px;
	line-height: 20px;
	width: 50%;
	vertical-align: middle;
	white-space: nowrap;
}
.box-tile .unit-post-detail .icon-author {
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 5px;
}
.box-tile .unit-post-detail .icon-author img {
	position: relative;
	top: -2px;
	width: 20px;
	height: 20px;
}
.box-tile .unit-post-detail .last-update {
	display: table-cell;
	height: 20px;
	line-height: 20px;
	width: 50%;
	text-align: right;
	vertical-align: middle;
}

.box-tile .unit-social-share {
	display: none;
}

.box-tile .badge {
	display: none;
}

.box-tile a {
	display: table;
	position: relative;
	width: 100%;
	padding: 10px 12px;
}
.box-tile a .unit-post-category li {
	color: #FFF;
}
.box-tile a .unit-post-detail {
	color: #9F9F9F;
}

.block-related-posts {
	margin: 0 auto 12px;
}

.block-popular-posts {
	margin: 0 auto;
}

.block-recommend-posts {
	margin: 0 auto;
}
.block-recommend-posts .box-tile .category {
	background-color: #000;
}
.block-recommend-posts .box-tile .category:after {
	border-left-color: #000;
}

/* Pagination
--------------------------------------------------*/
.block-pagination {
	margin: -5px auto 20px;
}
.block-pagination ul {
	*zoom: 1;
	text-align: center;
	margin: 0 10px;
}
.block-pagination ul:after {
	content: '';
	display: table;
	clear: both;
}
.block-pagination li {
	display: none;
}
.block-pagination li a {
	display: block;
}
.block-pagination .prev,
.block-pagination .next {
	display: inline-block;
	width: 4.5em;
	height: 40px;
	line-height: 40px;
}
.block-pagination .prev {
	float: left;
}
.block-pagination .next {
	float: right;
}
.block-pagination .prev a {
	padding: 0 10px;
	border-bottom: 2px solid #990000;
}
.block-pagination .next a {
	padding: 0 10px;
	border-bottom: 2px solid #990000;
}

@media only screen and (min-width: 801px) {
	/* Heading
	--------------------------------------------------*/
	.ttl-a {
		margin: 0 auto 10px;
		font-size: 1.5rem;
		text-align: center;
		margin: 0 auto 30px;
		font-size: 2.4rem;
	}

	.ttl-b {
		text-align: center;
		font-size: 1.8rem;
	}

	/* Tile Module
	--------------------------------------------------*/
	.box-tile {
		position: relative;
		border-top: 1px solid #EDEDED;
		background-color: #FFF;
		font-size: 1.3rem;
		overflow: hidden;
		float: left;
		width: 256px;
		margin: 0 16px 40px 16px;
		border: 1px solid #CCC;
		box-shadow: rgba(204, 204, 204, 0.7) 0px 0px 5px 1px;
	}
	.box-tile:last-child {
		border-bottom: 1px solid #EDEDED;
	}

	.box-tile .unit-post-category {
		overflow: hidden;
		position: absolute;
		top: 15px;
		left: 12px;
		width: 127px;
		padding: 0;
		top: 10px;
		left: 0;
		width: 100%;
	}
	.box-tile .unit-post-category li {
		display: inline-block;
		position: relative;
		max-width: 127px;
		height: 20px;
		line-height: 20px;
		padding: 0 7px;
		font-size: 1.0rem;
		background-color: #32a138;
		white-space: nowrap;
		word-wrap: normal;
		text-overflow: ellipsis;
	}
	.box-tile .unit-post-category li:after {
		display: block;
		position: absolute;
		content: "";
		top: 0;
		right: -20px;
		width: 0;
		height: 0;
		border: 10px solid transparent;
		border-left: 10px solid #32a138;
		border-right: 10px solid transparent;
	}
	.box-tile .unit-post-category li {
		max-width: inherit;
	}

	.box-tile .thumb {
		display: table-cell;
		width: 127px;
		height: 75px;
		padding-right: 10px;
		vertical-align: top;
		display: block;
		width: 254px;
		height: 150px;
		padding-right: 0;
		line-height: 148px;
	}

	.box-tile .thumb img {
		max-width: 127px;
		height: auto;
		max-width: 254px;
		height: auto;
	}

	.box-tile .detail {
		display: table-cell;
		vertical-align: top;
		word-wrap: break-word;
		word-break: break-all;
		display: block;
	}

	.box-tile .ttl-post {
		margin: 0 0 10px;
		font-weight: bold;
		line-height: 1.5;
		margin: 0;
		padding: 15px 10px;
		height: 90px;
	}

	.box-tile .unit-post-detail {
		display: table;
		width: 100%;
		font-size: 1.2rem;
		padding: 5px 10px;
		border-top: 1px solid #EDEDED;
	}
	.box-tile .unit-post-detail .author {
		display: table-cell;
		height: 20px;
		line-height: 20px;
		width: 50%;
		vertical-align: middle;
		white-space: nowrap;
	}
	.box-tile .unit-post-detail .icon-author {
		display: inline-block;
		width: 20px;
		height: 20px;
		margin-right: 5px;
	}
	.box-tile .unit-post-detail .icon-author img {
		position: relative;
		top: -2px;
		width: 20px;
		height: 20px;
	}
	.box-tile .unit-post-detail .last-update {
		display: table-cell;
		height: 20px;
		line-height: 20px;
		width: 50%;
		text-align: right;
		vertical-align: middle;
	}

	.box-tile .unit-social-share {
		display: none;
		display: block;
		padding: 12px 10px;
		border-top: 1px solid #EDEDED;
	}
	.box-tile .unit-social-share li {
		display: inline-block;
		width: 62px;
		height: 20px;
		line-height: 20px;
		white-space: nowrap;
	}
	.box-tile .unit-social-share li span {
		display: inline-block;
		overflow: hidden;
		width: 20px;
		height: 20px;
		margin-right: 8px;
		text-indent: -999px;
		vertical-align: top;
	}
	.box-tile .unit-social-share .hatena span {
		background: url(/shared/public/img/common/spr-common-pc01.png) no-repeat 0 -120px;
	}
	.box-tile .unit-social-share .facebook span {
		background: url(/shared/public/img/common/spr-common-pc01.png) no-repeat -30px -120px;
	}
	.box-tile .unit-social-share .twitter span {
		background: url(/shared/public/img/common/spr-common-pc01.png) no-repeat -60px -120px;
	}

	.box-tile .badge {
		display: none;
		display: inline-block;
		overflow: hidden;
		position: absolute;
		top: -15px;
		right: -15px;
		width: 54px;
		height: 48px;
		background: url(/shared/public/img/common/spr-common-pc01.png) no-repeat 0 -150px;
		text-indent: -999px;
	}

	.box-tile a {
		display: table;
		position: relative;
		width: 100%;
		padding: 10px 12px;
		display: block;
		padding: 0;
		-webkit-transition: 0.3s ease;
		transition: 0.3s ease;
	}
	.box-tile a:hover, .box-tile a:active {
		opacity: 0.7;
	}
	.box-tile a .unit-post-category li {
		color: #FFF;
	}
	.box-tile a .unit-post-detail {
		color: #9F9F9F;
	}

	.section-related-posts .inner {
		*zoom: 1;
		width: 1152px;
		margin: 0 auto;
	}
	.section-related-posts .inner:after {
		content: '';
		display: table;
		clear: both;
	}

	.block-related-posts {
		margin: 0 auto 12px;
		margin: 0 auto -20px;
	}

	.section-popular-posts {
		padding: 30px 0 24px;
		border-top: 1px solid #CCC;
		background-color: #FFF;
	}
	.section-popular-posts .ttl-a {
		width: 980px;
		margin: 0 auto 30px;
	}
	.section-popular-posts .inner {
		*zoom: 1;
		width: 1152px;
		margin: 0 auto;
	}
	.section-popular-posts .inner:after {
		content: '';
		display: table;
		clear: both;
	}

	.block-popular-posts {
		margin: 0 auto;
		margin: 0 auto -40px;
	}

	.section-recommend-posts {
		padding: 30px 0 24px;
		border-top: 1px solid #CCC;
		background-color: #FFF;
	}
	.section-recommend-posts .ttl-a {
		width: 980px;
		margin: 0 auto 30px;
	}
	.section-recommend-posts .inner {
		*zoom: 1;
		width: 1152px;
		margin: 0 auto;
	}
	.section-recommend-posts .inner:after {
		content: '';
		display: table;
		clear: both;
	}

	.block-recommend-posts {
		margin: 0 auto;
		margin: 0 auto -40px;
	}
	.block-recommend-posts .box-tile .category {
		background-color: #000;
	}
	.block-recommend-posts .box-tile .category:after {
		border-left-color: #000;
	}

	/* Pagination
	--------------------------------------------------*/
	.block-pagination {
		margin: -5px auto 20px;
		margin: 20px auto;
	}
	.block-pagination ul {
		*zoom: 1;
		text-align: center;
		margin: 0 10px;
	}
	.block-pagination ul:after {
		content: '';
		display: table;
		clear: both;
	}
	.block-pagination li {
		display: none;
	}
	.block-pagination li a {
		display: block;
	}
	.block-pagination .prev,
	.block-pagination .next {
		display: inline-block;
		width: 4.5em;
		height: 40px;
		line-height: 40px;
	}
	.block-pagination .prev {
		float: left;
	}
	.block-pagination .next {
		float: right;
	}
	.block-pagination .prev a {
		padding: 0 10px;
		border-bottom: 2px solid #990000;
	}
	.block-pagination .next a {
		padding: 0 10px;
		border-bottom: 2px solid #990000;
	}
	.block-pagination ul {
		margin: 0;
	}
	.block-pagination li {
		display: inline-block;
		width: 30px;
		height: 30px;
		line-height: 30px;
		margin: 0 2px;
		border-radius: 100px;
		background-color: #FFF;
		border: 1px solid #E3DECC;
		text-align: center;
	}
	.block-pagination .is-active {
		background-color: #990000;
		border: 1px solid #990000;
	}
	.block-pagination .is-active a {
		color: #FFF;
	}
	.block-pagination .prev {
		float: none;
		position: relative;
		top: -4px;
		width: 4em;
		margin-right: 10px;
		background-color: transparent;
		border-radius: 0;
		border: none;
	}
	.block-pagination .next {
		float: none;
		position: relative;
		top: -4px;
		width: 4em;
		margin-left: 10px;
		background-color: transparent;
		border-radius: 0;
		border: none;
	}
}
@media only screen and (min-width: 641px) and (max-width: 800px) {
	/* Heading
	--------------------------------------------------*/
	.ttl-a {
		margin: 0 auto 10px;
		font-size: 1.5rem;
		text-align: center;
		margin: 0 auto 30px;
		font-size: 2.4rem;
	}

	.ttl-b {
		text-align: center;
		font-size: 1.8rem;
	}

	/* Tile Module
	--------------------------------------------------*/
	.box-tile {
		position: relative;
		border-top: 1px solid #EDEDED;
		background-color: #FFF;
		font-size: 1.3rem;
		overflow: hidden;
		float: left;
		width: 256px;
		margin: 0 16px 40px 16px;
		border: 1px solid #CCC;
		box-shadow: rgba(204, 204, 204, 0.7) 0px 0px 5px 1px;
	}
	.box-tile:last-child {
		border-bottom: 1px solid #EDEDED;
	}

	.box-tile .unit-post-category {
		overflow: hidden;
		position: absolute;
		top: 15px;
		left: 12px;
		width: 127px;
		padding: 0;
		top: 10px;
		left: 0;
		width: 100%;
	}
	.box-tile .unit-post-category li {
		display: inline-block;
		position: relative;
		max-width: 127px;
		height: 20px;
		line-height: 20px;
		padding: 0 7px;
		font-size: 1.0rem;
		background-color: #32a138;
		white-space: nowrap;
		word-wrap: normal;
		text-overflow: ellipsis;
	}
	.box-tile .unit-post-category li:after {
		display: block;
		position: absolute;
		content: "";
		top: 0;
		right: -20px;
		width: 0;
		height: 0;
		border: 10px solid transparent;
		border-left: 10px solid #32a138;
		border-right: 10px solid transparent;
	}
	.box-tile .unit-post-category li {
		max-width: inherit;
	}

	.box-tile .thumb {
		display: table-cell;
		width: 127px;
		height: 75px;
		padding-right: 10px;
		vertical-align: top;
		display: block;
		width: 254px;
		height: 150px;
		padding-right: 0;
		line-height: 148px;
	}

	.box-tile .thumb img {
		max-width: 127px;
		height: auto;
		max-width: 254px;
		height: auto;
	}

	.box-tile .detail {
		display: table-cell;
		vertical-align: top;
		word-wrap: break-word;
		word-break: break-all;
		display: block;
	}

	.box-tile .ttl-post {
		margin: 0 0 10px;
		font-weight: bold;
		line-height: 1.5;
		margin: 0;
		padding: 15px 10px;
		height: 90px;
	}

	.box-tile .unit-post-detail {
		display: table;
		width: 100%;
		font-size: 1.2rem;
		padding: 5px 10px;
		border-top: 1px solid #EDEDED;
	}
	.box-tile .unit-post-detail .author {
		display: table-cell;
		height: 20px;
		line-height: 20px;
		width: 50%;
		vertical-align: middle;
		white-space: nowrap;
	}
	.box-tile .unit-post-detail .icon-author {
		display: inline-block;
		width: 20px;
		height: 20px;
		margin-right: 5px;
	}
	.box-tile .unit-post-detail .icon-author img {
		position: relative;
		top: -2px;
		width: 20px;
		height: 20px;
	}
	.box-tile .unit-post-detail .last-update {
		display: table-cell;
		height: 20px;
		line-height: 20px;
		width: 50%;
		text-align: right;
		vertical-align: middle;
	}

	.box-tile .unit-social-share {
		display: none;
		display: block;
		padding: 12px 10px;
		border-top: 1px solid #EDEDED;
	}
	.box-tile .unit-social-share li {
		display: inline-block;
		width: 62px;
		height: 20px;
		line-height: 20px;
		white-space: nowrap;
	}
	.box-tile .unit-social-share li span {
		display: inline-block;
		overflow: hidden;
		width: 20px;
		height: 20px;
		margin-right: 8px;
		text-indent: -999px;
		vertical-align: top;
	}
	.box-tile .unit-social-share .hatena span {
		background: url(/shared/public/img/common/spr-common-pc01.png) no-repeat 0 -120px;
	}
	.box-tile .unit-social-share .facebook span {
		background: url(/shared/public/img/common/spr-common-pc01.png) no-repeat -30px -120px;
	}
	.box-tile .unit-social-share .twitter span {
		background: url(/shared/public/img/common/spr-common-pc01.png) no-repeat -60px -120px;
	}

	.box-tile .badge {
		display: none;
		display: inline-block;
		overflow: hidden;
		position: absolute;
		top: -15px;
		right: -15px;
		width: 54px;
		height: 48px;
		background: url(/shared/public/img/common/spr-common-pc01.png) no-repeat 0 -150px;
		text-indent: -999px;
	}

	.box-tile a {
		display: table;
		position: relative;
		width: 100%;
		padding: 10px 12px;
		display: block;
		padding: 0;
		-webkit-transition: 0.3s ease;
		transition: 0.3s ease;
	}
	.box-tile a:hover, .box-tile a:active {
		opacity: 0.7;
	}
	.box-tile a .unit-post-category li {
		color: #FFF;
	}
	.box-tile a .unit-post-detail {
		color: #9F9F9F;
	}

	.section-related-posts .inner {
		*zoom: 1;
		width: 1152px;
		margin: 0 auto;
	}
	.section-related-posts .inner:after {
		content: '';
		display: table;
		clear: both;
	}

	.block-related-posts {
		margin: 0 auto 12px;
		margin: 0 auto -20px;
	}

	.section-popular-posts {
		padding: 30px 0 24px;
		border-top: 1px solid #CCC;
		background-color: #FFF;
	}
	.section-popular-posts .ttl-a {
		width: 980px;
		margin: 0 auto 30px;
	}
	.section-popular-posts .inner {
		*zoom: 1;
		width: 1152px;
		margin: 0 auto;
	}
	.section-popular-posts .inner:after {
		content: '';
		display: table;
		clear: both;
	}

	.block-popular-posts {
		margin: 0 auto;
		margin: 0 auto -40px;
	}

	.section-recommend-posts {
		padding: 30px 0 24px;
		border-top: 1px solid #CCC;
		background-color: #FFF;
	}
	.section-recommend-posts .ttl-a {
		width: 980px;
		margin: 0 auto 30px;
	}
	.section-recommend-posts .inner {
		*zoom: 1;
		width: 1152px;
		margin: 0 auto;
	}
	.section-recommend-posts .inner:after {
		content: '';
		display: table;
		clear: both;
	}

	.block-recommend-posts {
		margin: 0 auto;
		margin: 0 auto -40px;
	}
	.block-recommend-posts .box-tile .category {
		background-color: #000;
	}
	.block-recommend-posts .box-tile .category:after {
		border-left-color: #000;
	}

	/* Pagination
	--------------------------------------------------*/
	.block-pagination {
		margin: -5px auto 20px;
		margin: 20px auto;
	}
	.block-pagination ul {
		*zoom: 1;
		text-align: center;
		margin: 0 10px;
	}
	.block-pagination ul:after {
		content: '';
		display: table;
		clear: both;
	}
	.block-pagination li {
		display: none;
	}
	.block-pagination li a {
		display: block;
	}
	.block-pagination .prev,
	.block-pagination .next {
		display: inline-block;
		width: 4.5em;
		height: 40px;
		line-height: 40px;
	}
	.block-pagination .prev {
		float: left;
	}
	.block-pagination .next {
		float: right;
	}
	.block-pagination .prev a {
		padding: 0 10px;
		border-bottom: 2px solid #990000;
	}
	.block-pagination .next a {
		padding: 0 10px;
		border-bottom: 2px solid #990000;
	}
	.block-pagination ul {
		margin: 0;
	}
	.block-pagination li {
		display: inline-block;
		width: 30px;
		height: 30px;
		line-height: 30px;
		margin: 0 2px;
		border-radius: 100px;
		background-color: #FFF;
		border: 1px solid #E3DECC;
		text-align: center;
	}
	.block-pagination .is-active {
		background-color: #990000;
		border: 1px solid #990000;
	}
	.block-pagination .is-active a {
		color: #FFF;
	}
	.block-pagination .prev {
		float: none;
		position: relative;
		top: -4px;
		width: 4em;
		margin-right: 10px;
		background-color: transparent;
		border-radius: 0;
		border: none;
	}
	.block-pagination .next {
		float: none;
		position: relative;
		top: -4px;
		width: 4em;
		margin-left: 10px;
		background-color: transparent;
		border-radius: 0;
		border: none;
	}
}
@media only screen and (max-width: 640px) {
	/* Heading
	--------------------------------------------------*/
	.ttl-a {
		margin: 0 auto 10px;
		font-size: 1.5rem;
		text-align: center;
	}

	.ttl-b {
		text-align: center;
	}

	/* Tile Module
	--------------------------------------------------*/
	.box-tile {
		position: relative;
		border-top: 1px solid #EDEDED;
		background-color: #FFF;
		font-size: 1.3rem;
	}
	.box-tile:last-child {
		border-bottom: 1px solid #EDEDED;
	}

	.box-tile .unit-post-category {
		overflow: hidden;
		position: absolute;
		top: 15px;
		left: 12px;
		width: 127px;
		padding: 0;
	}
	.box-tile .unit-post-category li {
		display: inline-block;
		position: relative;
		max-width: 127px;
		height: 20px;
		line-height: 20px;
		padding: 0 7px;
		font-size: 1.0rem;
		background-color: #32a138;
		white-space: nowrap;
		word-wrap: normal;
		text-overflow: ellipsis;
	}
	.box-tile .unit-post-category li:after {
		display: block;
		position: absolute;
		content: "";
		top: 0;
		right: -20px;
		width: 0;
		height: 0;
		border: 10px solid transparent;
		border-left: 10px solid #32a138;
		border-right: 10px solid transparent;
	}

	.box-tile .thumb {
		display: table-cell;
		width: 127px;
		height: 75px;
		padding-right: 10px;
		vertical-align: top;
	}

	.box-tile .thumb img {
		max-width: 127px;
		height: auto;
	}

	.box-tile .detail {
		display: table-cell;
		vertical-align: top;
		word-wrap: break-word;
		word-break: break-all;
	}

	.box-tile .ttl-post {
		margin: 0 0 10px;
		font-weight: bold;
		line-height: 1.5;
	}

	.box-tile .unit-post-detail {
		display: table;
		width: 100%;
		font-size: 1.2rem;
	}
	.box-tile .unit-post-detail .author {
		display: table-cell;
		height: 20px;
		line-height: 20px;
		width: 50%;
		vertical-align: middle;
		white-space: nowrap;
	}
	.box-tile .unit-post-detail .icon-author {
		display: inline-block;
		width: 20px;
		height: 20px;
		margin-right: 5px;
	}
	.box-tile .unit-post-detail .icon-author img {
		position: relative;
		top: -2px;
		width: 20px;
		height: 20px;
	}
	.box-tile .unit-post-detail .last-update {
		display: table-cell;
		height: 20px;
		line-height: 20px;
		width: 50%;
		text-align: right;
		vertical-align: middle;
	}

	.box-tile .unit-social-share {
		display: none;
	}

	.box-tile .badge {
		display: none;
	}

	.box-tile a {
		display: table;
		position: relative;
		width: 100%;
		padding: 10px 12px;
	}
	.box-tile a .unit-post-category li {
		color: #FFF;
	}
	.box-tile a .unit-post-detail {
		color: #9F9F9F;
	}

	.block-related-posts {
		margin: 0 auto 12px;
	}

	.block-popular-posts {
		margin: 0 auto;
	}

	.block-recommend-posts {
		margin: 0 auto;
	}
	.block-recommend-posts .box-tile .category {
		background-color: #000;
	}
	.block-recommend-posts .box-tile .category:after {
		border-left-color: #000;
	}

	/* Pagination
	--------------------------------------------------*/
	.block-pagination {
		margin: -5px auto 20px;
	}
	.block-pagination ul {
		*zoom: 1;
		text-align: center;
		margin: 0 10px;
	}
	.block-pagination ul:after {
		content: '';
		display: table;
		clear: both;
	}
	.block-pagination li {
		display: none;
	}
	.block-pagination li a {
		display: block;
	}
	.block-pagination .prev,
	.block-pagination .next {
		display: inline-block;
		width: 4.5em;
		height: 40px;
		line-height: 40px;
	}
	.block-pagination .prev {
		float: left;
	}
	.block-pagination .next {
		float: right;
	}
	.block-pagination .prev a {
		padding: 0 10px;
		border-bottom: 2px solid #990000;
	}
	.block-pagination .next a {
		padding: 0 10px;
		border-bottom: 2px solid #990000;
	}
}
/* =================================================
[Pages]
================================================= */
/* Home
--------------------------------------------------*/
/* Entry
--------------------------------------------------*/
.entry {
	background-color: #FFF;
}

/*** Entry Header ***/
.entry .entry-header {
	padding: 20px 5px;
	border-top: 1px solid #EDEDED;
}

.entry .ttl-post-a {
	margin: 0 auto 10px;
	line-height: 1.5;
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
}

.entry .block-post-detail {
	text-align: center;
}

.entry .unit-post-category {
	margin: 0 auto 10px;
	text-align: center;
}
.entry .unit-post-category li {
	display: inline-block;
	margin: 0 3px 3px;
}
.entry .unit-post-category li a {
	height: 20px;
	padding: 2px 7px;
	line-height: 20px;
	background-color: #32a138;
	color: #FFF;
	-webkit-transition: 0.3s ease;
	transition: 0.3s ease;
}
.entry .unit-post-category li a:hover, .entry .unit-post-category li a:active {
	opacity: 0.7;
}

.entry .author {
	margin: 0 auto 10px;
	color: #9F9F9F;
}
.entry .author .icon-author {
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 5px;
}
.entry .author .icon-author img {
	position: relative;
	top: -2px;
	width: 20px;
	height: 20px;
	background-color: #FFF;
}
.entry .author a:link,
.entry .author a:visited {
	color: #32a138;
	text-decoration: underline;
}
.entry .author a:hover,
.entry .author a:active {
	color: #3171bd;
	text-decoration: none;
}

.entry .last-update {
	display: block;
	margin: 0 0 10px;
	color: #9F9F9F;
}
.entry .last-update span {
	display: inline-block;
	margin-right: 5px;
	font-size: 1.2rem;
}

.entry .unit-social-share {
	display: block;
	margin-top: 15px;
}
.entry .unit-social-share li {
	display: inline-block;
	min-width: 40px;
	height: 20px;
	margin-right: 10px;
	line-height: 20px;
}
.entry .unit-social-share li span {
	display: inline-block;
	overflow: hidden;
	width: 20px;
	height: 20px;
	margin-right: 8px;
	text-indent: -999px;
	vertical-align: top;
}
.entry .unit-social-share .hatena span {
	background: url(/shared/public/img/common/spr-common-sp01.png) no-repeat 0 -240px;
	background-size: 350px auto;
}
.entry .unit-social-share .facebook span {
	background: url(/shared/public/img/common/spr-common-sp01.png) no-repeat -25px -240px;
	background-size: 350px auto;
}
.entry .unit-social-share .twitter span {
	background: url(/shared/public/img/common/spr-common-sp01.png) no-repeat -50px -240px;
	background-size: 350px auto;
}

/*** Main Thumbnail ***/
.entry .thumb {
	margin: 0 auto 20px;
	text-align: center;
}

.entry .thumb img {
	max-width: 100%;
	height: auto;
}

/*** Entry Body ***/
.entry .entry-body {
	padding: 5px;
	font-size: 1.4rem;
	line-height: 1.7;
	/*** text-align ***/
	/*** Affiliate Products ***/
}
.entry .entry-body a:link,
.entry .entry-body a:visited {
	color: #32a138;
	text-decoration: underline;
}
.entry .entry-body a:hover,
.entry .entry-body a:active {
	color: #3171bd;
	text-decoration: none;
}
.entry .entry-body h2 {
	margin: 1.5em 0 1em;
	padding: 0.4em 0 0.4em 0.6em;
	border-left: 1px solid #32a138;
	font-weight: bold;
	font-size: 1.8rem;
}
.entry .entry-body h3 {
	margin: 1.5em 0 0.5em;
	padding: 0 0 0 0.8em;
	border-left: 1px solid #555;
	font-weight: bold;
	font-size: 1.5rem;
}
.entry .entry-body h4 {
	margin: 2em 0 1em;
	font-weight: bold;
}
.entry .entry-body h5 {
	margin: 1em 0 0.5em;
	padding: 0 0 0.3em 0;
	border-bottom: 1px solid #CCC;
	color: #333;
	font-weight: bold;
}
.entry .entry-body h6 {
	margin: 1em 0;
	font-weight: bold;
}
.entry .entry-body p {
	margin: 1em 0;
}
.entry .entry-body img {
	max-width: 100%;
	height: auto;
	text-align: center;
}
.entry .entry-body strong {
	font-weight: bold;
}

.entry .entry-body .al {
	text-align: left;
}
.entry .entry-body .ac {
	text-align: center;
}
.entry .entry-body .ar {
	text-align: right;
}
.entry .entry-body ol {
	margin: 1.5em 0;
	list-style: inside;
}
.entry .entry-body ol li {
	margin-bottom: .8em;
	padding-left: 1.6em;
	text-indent: -1.4em;
	line-height: 1.5;
}
.entry .entry-body ul {
	margin: 1.5em 0;
}
.entry .entry-body ul li {
	position: relative;
	margin-bottom: .8em;
	padding-left: 1.7em;
	line-height: 1.5;
}
.entry .entry-body ul li:before {
	display: inline-block;
	position: absolute;
	top: 0.2em;
	left: 5px;
	width: 1em;
	height: 1em;
	color: #32a138;
	content: "\f138";
	font-family: FontAwesome;
}
.entry .entry-body dl {
	margin: 1.5em 0;
}
.entry .entry-body dl dt {
	position: relative;
	margin-bottom: .8em;
	padding-left: 1.7em;
	font-weight: bold;
}
.entry .entry-body dl dt:before {
	display: inline-block;
	position: absolute;
	top: 5px;
	left: 5px;
	width: 1em;
	height: 1em;
	color: #32a138;
	content: "\f00c";
	font-family: FontAwesome;
}
.entry .entry-body dl dd {
	margin-bottom: 1.5em;
}
.entry .entry-body > table {
	margin: 1.5em 0;
	width: 100%;
	border-collapse: separate;
	border-spacing: 1px;
}
.entry .entry-body > table th,
.entry .entry-body > table td {
	padding: 10px;
}
.entry .entry-body > table th {
	background-color: #D2D2C5;
}
.entry .entry-body > table td {
	background-color: #E3E3DD;
}
.entry .entry-body pre {
	margin: 1em 0 2em;
}
.entry .entry-body code {
	display: inline-block;
	padding: 0 5px;
	margin: 3px 5px;
	font-family: monospace;
	background-color: #fbfbfb;
	border: 1px solid #CCC;
}
.entry .entry-body pre > code {
	display: block;
	margin: 0;
	padding: 0;
	background-color: #272822;
	border: none;
}
.entry .entry-body kbd {
	display: inline-block;
	margin: 3px 5px;
	padding: .1em .6em;
	background-color: #f7f7f7;
	border: 1px solid #ccc;
	border-radius: 3px;
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), 0 0 0 2px white inset;
	color: #333;
	font-family: monospace;
	line-height: 1.4;
	text-shadow: 0 1px 0 #fff;
}
.entry .entry-body blockquote {
	margin: 1.5em 0;
	padding: 20px;
	background-color: #EAF0E0;
}
.entry .entry-body .center {
	text-align: center;
}
.entry .entry-body .right {
	text-align: right;
}
.entry .entry-body .hreview {
	margin: 2em 0;
	padding: 10px;
	padding-left: 0;
	line-height: 1.5;
	border: 3px #CCC double;
}
.entry .entry-body .hreview dl dt {
	margin-bottom: 1em;
}

/* Amazon アフィリエイト */
.entry .entry-body .amazon table {
	font-size: 1.4rem;
	line-height: 1;
	table-layout: fixed;
}

.entry .entry-body .amazon td {
	padding: 10px;
	font-size: 1.6rem;
}

.entry .entry-body .amazon td img[src=^"http://www.assoc-amazon.jp"] {
	width: 200px;
}

.entry .entry-body .amazon td font {
	font-size: 100%;
}
	/*** Entry Footer ***/
.entry .block-entry-share {
	text-align: center;
	margin: 0 auto 10px;
}

.entry .block-entry-share .ttl-share {
	margin: 0 auto 10px;
	padding: 12px 5px;
	font-size: 1.5rem;
	background-color: #191919;
	color: #FFF;
}

.entry .block-entry-share ul {
	*zoom: 1;
	width: 320px;
	margin: 0 auto;
	text-align: center;
}
.entry .block-entry-share ul:after {
	content: '';
	display: table;
	clear: both;
}
.entry .block-entry-share ul li {
	display: inline-block;
	margin: 0 1px;
	overflow: hidden;
	vertical-align: top;
	font-size: 0;
}
.entry .block-entry-share ul li.hatena {
	width: 80px;
}

/*** Side Fixed ***/
.entry .block-entry-share-side {
	display: none;
}

.entry .block-entry-share-side ul li {
	display: block;
	overflow: hidden;
	margin-bottom: 1px;
	text-indent: -999px;
	vertical-align: top;
}
.entry .block-entry-share-side ul a {
	display: block;
}

/*** Recommend Post Block ***/
.cont-entry .section-recommend-posts .ttl-a {
	margin: 0 auto;
	padding: 12px 5px;
	font-size: 1.5rem;
	background-color: #191919;
	color: #FFF;
}

/*** Popular Post Block ***/
.cont-entry .section-popular-posts .ttl-a {
	margin: 0 auto;
	padding: 12px 5px;
	font-size: 1.5rem;
	background-color: #191919;
	color: #FFF;
}

/*** Footer About ***/
.cont-entry #site-footer-about .block-about-blog {
	padding: 0;
}

.cont-entry #site-footer-about .block-about-blog .ttl-b {
	margin: 0 auto;
	padding: 12px 5px;
	font-size: 1.5rem;
	background-color: #191919;
	color: #FFF;
}

.cont-entry #site-footer-about .block-about-blog .box-about-bashalog {
	padding: 20px 10px 10px;
}

@media only screen and (min-width: 801px) {
	/* Home
	--------------------------------------------------*/
	/* Entry
	--------------------------------------------------*/
	.entry {
		background-color: #FFF;
		width: 848px;
		margin: 0 auto;
		background-color: transparent;
		line-height: 1.7;
	}

	/*** Entry Header ***/
	.entry .entry-header {
		padding: 20px 5px;
		border-top: 1px solid #EDEDED;
		padding: 20px 0px;
		border-top: none;
	}

	.entry .ttl-post-a {
		margin: 0 auto 10px;
		line-height: 1.5;
		font-size: 1.8rem;
		font-weight: bold;
		text-align: center;
		margin: 0 auto 20px;
		font-size: 3.0rem;
		line-height: 1.4;
		text-align: left;
	}

	.entry .block-post-detail {
		text-align: center;
		display: table;
		width: 100%;
		margin: 40px auto;
		padding-bottom: 20px;
		font-size: 1.6rem;
		border-bottom: 1px solid #999;
	}

	.entry .unit-post-category {
		margin: 0 auto 10px;
		text-align: center;
		margin: 0 auto 2em;
		font-size: 1.6rem;
		text-align: left;
	}
	.entry .unit-post-category li {
		display: inline-block;
		margin: 0 3px 3px;
	}
	.entry .unit-post-category li a {
		height: 20px;
		padding: 2px 7px;
		line-height: 20px;
		background-color: #32a138;
		color: #FFF;
		-webkit-transition: 0.3s ease;
		transition: 0.3s ease;
	}
	.entry .unit-post-category li a:hover, .entry .unit-post-category li a:active {
		opacity: 0.7;
	}

	.entry .inner-post-detail {
		display: table-cell;
		padding-left: 20px;
		vertical-align: top;
		text-align: left;
	}

	.entry .author {
		margin: 0 auto 10px;
		color: #9F9F9F;
		margin: 0 auto 10px;
	}
	.entry .author .icon-author {
		display: inline-block;
		width: 20px;
		height: 20px;
		margin-right: 5px;
		width: 38px;
		height: 38px;
	}
	.entry .author .icon-author img {
		position: relative;
		top: -2px;
		width: 20px;
		height: 20px;
		background-color: #FFF;
		width: 30px;
		height: 30px;
	}
	.entry .author a:link,
	.entry .author a:visited {
		color: #32a138;
		text-decoration: underline;
	}
	.entry .author a:hover,
	.entry .author a:active {
		color: #3171bd;
		text-decoration: none;
	}

	.entry .last-update {
		display: block;
		margin: 0 0 10px;
		color: #9F9F9F;
		margin: 0 0 5px;
	}
	.entry .last-update span {
		display: inline-block;
		margin-right: 5px;
		font-size: 1.2rem;
	}

	.entry .unit-social-share {
		display: block;
		margin-top: 15px;
	}
	.entry .unit-social-share li {
		display: inline-block;
		min-width: 40px;
		height: 20px;
		margin-right: 10px;
		line-height: 20px;
	}
	.entry .unit-social-share li span {
		display: inline-block;
		overflow: hidden;
		width: 20px;
		height: 20px;
		margin-right: 8px;
		text-indent: -999px;
		vertical-align: top;
	}
	.entry .unit-social-share .hatena span {
		background: url(/shared/public/img/common/spr-common-sp01.png) no-repeat 0 -240px;
		background-size: 350px auto;
	}
	.entry .unit-social-share .facebook span {
		background: url(/shared/public/img/common/spr-common-sp01.png) no-repeat -25px -240px;
		background-size: 350px auto;
	}
	.entry .unit-social-share .twitter span {
		background: url(/shared/public/img/common/spr-common-sp01.png) no-repeat -50px -240px;
		background-size: 350px auto;
	}
	.entry .unit-social-share .hatena span {
		background: url(/shared/public/img/common/spr-common-pc01.png) no-repeat 0 -120px;
	}
	.entry .unit-social-share .facebook span {
		background: url(/shared/public/img/common/spr-common-pc01.png) no-repeat -30px -120px;
	}
	.entry .unit-social-share .twitter span {
		background: url(/shared/public/img/common/spr-common-pc01.png) no-repeat -60px -120px;
	}

	/*** Main Thumbnail ***/
	.entry .thumb {
		margin: 0 auto 20px;
		text-align: center;
		display: table-cell;
		width: 400px;
		margin: 0 auto;
		text-align: left;
	}
	.entry .thumb img {
		width: 100%;
		height: auto;
	}

	.entry .thumb img {
		max-width: 100%;
		height: auto;
	}

	/*** Entry Body ***/
	.entry .entry-body {
		padding: 5px;
		font-size: 1.4rem;
		line-height: 1.7;
		padding: 0;
		font-size: 1.8rem;
		/*** text-align ***/
		/*** Affiliate Products ***/
	}
	.entry .entry-body a:link,
	.entry .entry-body a:visited {
		color: #32a138;
		text-decoration: underline;
	}
	.entry .entry-body a:hover,
	.entry .entry-body a:active {
		color: #3171bd;
		text-decoration: none;
	}
	.entry .entry-body h2 {
		margin: 1.5em 0 1em;
		padding: 0.4em 0 0.4em 0.6em;
		border-left: 1px solid #32a138;
		font-weight: bold;
		font-size: 1.8rem;
		margin: 2.5em 0 2em;
		padding: 1em 0 1em 0.8em;
		font-size: 2.8rem;
	}
	.entry .entry-body h3 {
		margin: 1.5em 0 0.5em;
		padding: 0 0 0 0.8em;
		border-left: 1px solid #555;
		font-weight: bold;
		font-size: 1.5rem;
		margin: 2.5em 0 1em;
		font-size: 2.2rem;
	}
	.entry .entry-body h4 {
		margin: 2em 0 1em;
		font-weight: bold;
		font-size: 1.8rem;
	}
	.entry .entry-body h5 {
		margin: 1em 0 0.5em;
		padding: 0 0 0.3em 0;
		border-bottom: 1px solid #CCC;
		color: #333;
		font-weight: bold;
		font-size: 1.6rem;
	}
	.entry .entry-body h6 {
		margin: 1em 0;
		font-weight: bold;
	}
	.entry .entry-body p {
		margin: 1em 0;
	}
	.entry .entry-body img {
		max-width: 100%;
		height: auto;
		text-align: center;
	}
	.entry .entry-body .al {
		text-align: left;
	}
	.entry .entry-body .ac {
		text-align: center;
	}
	.entry .entry-body .ar {
		text-align: right;
	}
	.entry .entry-body ol {
		margin: 1.5em 0;
		list-style: inside;
	}
	.entry .entry-body ol li {
		margin-bottom: .8em;
		padding-left: 1.6em;
		text-indent: -1.4em;
		line-height: 1.5;
	}
	.entry .entry-body ol li {
		padding-left: 22px;
		text-indent: -22px;
	}
	.entry .entry-body ul {
		margin: 1.5em 0;
	}
	.entry .entry-body ul li {
		position: relative;
		margin-bottom: .8em;
		padding-left: 1.7em;
		line-height: 1.5;
	}
	.entry .entry-body ul li:before {
		display: inline-block;
		position: absolute;
		top: 0.2em;
		left: 5px;
		width: 1em;
		height: 1em;
		color: #32a138;
		content: "\f138";
		font-family: FontAwesome;
	}
	.entry .entry-body dl {
		margin: 1.5em 0;
	}
	.entry .entry-body dl dt {
		position: relative;
		margin-bottom: .8em;
		padding-left: 1.7em;
		font-weight: bold;
	}
	.entry .entry-body dl dt:before {
		display: inline-block;
		position: absolute;
		top: 5px;
		left: 5px;
		width: 1em;
		height: 1em;
		color: #32a138;
		content: "\f00c";
		font-family: FontAwesome;
	}
	.entry .entry-body dl dd {
		margin-bottom: 1.5em;
	}
	.entry .entry-body > table {
		margin: 1.5em 0;
		width: 100%;
		border-collapse: separate;
		border-spacing: 1px;
	}
	.entry .entry-body > table th,
	.entry .entry-body > table td {
		padding: 10px;
	}
	.entry .entry-body > table th {
		background-color: #D2D2C5;
	}
	.entry .entry-body > table td {
		background-color: #E3E3DD;
	}
	.entry .entry-body pre {
		margin: 1em 0 2em;
	}
	.entry .entry-body code {
		display: inline-block;
		padding: 0 5px;
		margin: 3px 5px;
		font-family: monospace;
		background-color: #fbfbfb;
		border: 1px solid #CCC;
	}
	.entry .entry-body pre > code {
		display: block;
		margin: 0;
		padding: 0;
		background-color: #272822;
		border: none;
	}
	.entry .entry-body kbd {
		display: inline-block;
		margin: 3px 5px;
		padding: .1em .6em;
		background-color: #f7f7f7;
		border: 1px solid #ccc;
		border-radius: 3px;
		box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), 0 0 0 2px white inset;
		color: #333;
		font-family: monospace;
		line-height: 1.4;
		text-shadow: 0 1px 0 #fff;
	}
	.entry .entry-body blockquote {
		margin: 1.5em 0;
		padding: 20px;
		background-color: #EAF0E0;
	}
	.entry .entry-body .center {
		text-align: center;
	}
	.entry .entry-body .right {
		text-align: right;
	}
	.entry .entry-body .hreview {
		margin: 2em 0;
		padding: 10px;
		padding-left: 0;
		line-height: 1.5;
		border: 3px #CCC double;
	}
	.entry .entry-body .hreview dl dt {
		margin-bottom: 1em;
	}

	/* Amazon アフィリエイト */
	.entry .entry-body .amazon table {

	}

	.entry .entry-body .amazon th {

	}

	.entry .entry-body .amazon th {

	}


	/*** Entry Footer ***/
	.entry .block-entry-share {
		text-align: center;
		margin: 0 auto 10px;
		margin: 80px auto;
	}

	.entry .block-entry-share .ttl-share {
		margin: 0 auto 10px;
		padding: 12px 5px;
		font-size: 1.5rem;
		background-color: #191919;
		color: #FFF;
		margin: 0 auto 30px;
		padding: 0;
		font-size: 2.4rem;
		background-color: transparent;
		color: inherit;
	}

	.entry .block-entry-share ul {
		*zoom: 1;
		width: 320px;
		margin: 0 auto;
		text-align: center;
		display: block;
		width: inherit;
	}
	.entry .block-entry-share ul:after {
		content: '';
		display: table;
		clear: both;
	}
	.entry .block-entry-share ul li {
		display: inline-block;
		overflow: hidden;
		vertical-align: top;
		margin-right: auto;
		-webkit-transition: 0.3s ease;
		transition: 0.3s ease;
	}
	.entry .block-entry-share ul a {
		display: block;
	}

	/*** Side Fixed ***/
	.entry .block-entry-share-side {
		display: none;
		/*display: block;*/
		/*position: fixed;*/
		/*top: 30%;*/
		/*right: 0;*/
		/*z-index: 10;*/
	}

	.entry .block-entry-share-side ul li {
		display: block;
		overflow: hidden;
		margin-bottom: 1px;
		text-indent: -999px;
		vertical-align: top;
		width: 60px;
		height: 60px;
		-webkit-transition: 0.3s ease;
		transition: 0.3s ease;
	}
	.entry .block-entry-share-side ul li.hatena {
		background: url(/shared/public/img/common/spr-common-pc01.png) no-repeat 0 -280px;
	}
	.entry .block-entry-share-side ul li.hatena:hover {
		background: url(/shared/public/img/common/spr-common-pc01.png) no-repeat 0 -210px;
	}
	.entry .block-entry-share-side ul li.facebook {
		background: url(/shared/public/img/common/spr-common-pc01.png) no-repeat -70px -280px;
	}
	.entry .block-entry-share-side ul li.facebook:hover {
		background: url(/shared/public/img/common/spr-common-pc01.png) no-repeat -70px -210px;
	}
	.entry .block-entry-share-side ul li.twitter {
		background: url(/shared/public/img/common/spr-common-pc01.png) no-repeat -140px -280px;
	}
	.entry .block-entry-share-side ul li.twitter:hover {
		background: url(/shared/public/img/common/spr-common-pc01.png) no-repeat -140px -210px;
	}
	.entry .block-entry-share-side ul li.share {
		background: url(/shared/public/img/common/spr-common-pc01.png) no-repeat -210px -280px;
	}
	.entry .block-entry-share-side ul li.share:hover {
		background: url(/shared/public/img/common/spr-common-pc01.png) no-repeat -210px -210px;
	}
	.entry .block-entry-share-side ul a {
		display: block;
		width: 60px;
		height: 60px;
	}

	/*** Recommend Post Block ***/
	.cont-entry .section-recommend-posts .ttl-a {
		margin: 0 auto;
		padding: 12px 5px;
		font-size: 1.5rem;
		background-color: #191919;
		color: #FFF;
		margin: 0 auto 30px;
		padding: 0;
		font-size: 2.4rem;
		background-color: transparent;
		color: inherit;
	}

	/*** Popular Post Block ***/
	.cont-entry .section-popular-posts .ttl-a {
		margin: 0 auto;
		padding: 12px 5px;
		font-size: 1.5rem;
		background-color: #191919;
		color: #FFF;
		margin: 0 auto 30px;
		padding: 0;
		font-size: 2.4rem;
		background-color: transparent;
		color: inherit;
	}

	/*** Footer About ***/
	.cont-entry #site-footer-about .block-about-blog {
		padding: 0;
	}

	.cont-entry #site-footer-about .block-about-blog .ttl-b {
		margin: 0 auto;
		padding: 12px 5px;
		font-size: 1.5rem;
		background-color: #191919;
		color: #FFF;
		margin: 0 auto 10px;
		padding: 0;
		font-size: 1.8rem;
		background-color: transparent;
		color: inherit;
	}

	.cont-entry #site-footer-about .block-about-blog .box-about-bashalog {
		padding: 20px 10px 10px;
		padding: 20px 24px 20px 170px;
	}
}
@media only screen and (min-width: 641px) and (max-width: 800px) {
	/* Home
	--------------------------------------------------*/
	/* Entry
	--------------------------------------------------*/
	.entry {
		background-color: #FFF;
		width: 848px;
		margin: 0 auto;
		background-color: transparent;
		line-height: 1.7;
	}

	/*** Entry Header ***/
	.entry .entry-header {
		padding: 20px 5px;
		border-top: 1px solid #EDEDED;
		padding: 20px 0px;
		border-top: none;
	}

	.entry .ttl-post-a {
		margin: 0 auto 10px;
		line-height: 1.5;
		font-size: 1.8rem;
		font-weight: bold;
		text-align: center;
		margin: 0 auto 20px;
		font-size: 3.0rem;
		line-height: 1.4;
		text-align: left;
	}

	.entry .block-post-detail {
		text-align: center;
		display: table;
		width: 100%;
		margin: 40px auto;
		padding-bottom: 20px;
		font-size: 1.6rem;
		border-bottom: 1px solid #999;
	}

	.entry .unit-post-category {
		margin: 0 auto 10px;
		text-align: center;
		margin: 0 auto 2em;
		font-size: 1.6rem;
		text-align: left;
	}
	.entry .unit-post-category li {
		display: inline-block;
		margin: 0 3px 3px;
	}
	.entry .unit-post-category li a {
		height: 20px;
		padding: 2px 7px;
		line-height: 20px;
		background-color: #32a138;
		color: #FFF;
		-webkit-transition: 0.3s ease;
		transition: 0.3s ease;
	}
	.entry .unit-post-category li a:hover, .entry .unit-post-category li a:active {
		opacity: 0.7;
	}

	.entry .inner-post-detail {
		display: table-cell;
		padding-left: 20px;
		vertical-align: top;
		text-align: left;
	}

	.entry .author {
		margin: 0 auto 10px;
		color: #9F9F9F;
		margin: 0 auto 10px;
	}
	.entry .author .icon-author {
		display: inline-block;
		width: 20px;
		height: 20px;
		margin-right: 5px;
		width: 38px;
		height: 38px;
	}
	.entry .author .icon-author img {
		position: relative;
		top: -2px;
		width: 20px;
		height: 20px;
		background-color: #FFF;
		width: 30px;
		height: 30px;
	}
	.entry .author a:link,
	.entry .author a:visited {
		color: #32a138;
		text-decoration: underline;
	}
	.entry .author a:hover,
	.entry .author a:active {
		color: #3171bd;
		text-decoration: none;
	}

	.entry .last-update {
		display: block;
		margin: 0 0 10px;
		color: #9F9F9F;
		margin: 0 0 5px;
	}
	.entry .last-update span {
		display: inline-block;
		margin-right: 5px;
		font-size: 1.2rem;
	}

	.entry .unit-social-share {
		display: block;
		margin-top: 15px;
	}
	.entry .unit-social-share li {
		display: inline-block;
		min-width: 40px;
		height: 20px;
		margin-right: 10px;
		line-height: 20px;
	}
	.entry .unit-social-share li span {
		display: inline-block;
		overflow: hidden;
		width: 20px;
		height: 20px;
		margin-right: 8px;
		text-indent: -999px;
		vertical-align: top;
	}
	.entry .unit-social-share .hatena span {
		background: url(/shared/public/img/common/spr-common-sp01.png) no-repeat 0 -240px;
		background-size: 350px auto;
	}
	.entry .unit-social-share .facebook span {
		background: url(/shared/public/img/common/spr-common-sp01.png) no-repeat -25px -240px;
		background-size: 350px auto;
	}
	.entry .unit-social-share .twitter span {
		background: url(/shared/public/img/common/spr-common-sp01.png) no-repeat -50px -240px;
		background-size: 350px auto;
	}
	.entry .unit-social-share .hatena span {
		background: url(/shared/public/img/common/spr-common-pc01.png) no-repeat 0 -120px;
	}
	.entry .unit-social-share .facebook span {
		background: url(/shared/public/img/common/spr-common-pc01.png) no-repeat -30px -120px;
	}
	.entry .unit-social-share .twitter span {
		background: url(/shared/public/img/common/spr-common-pc01.png) no-repeat -60px -120px;
	}

	/*** Main Thumbnail ***/
	.entry .thumb {
		margin: 0 auto 20px;
		text-align: center;
		display: table-cell;
		width: 400px;
		margin: 0 auto;
		text-align: left;
	}
	.entry .thumb img {
		width: 100%;
		height: auto;
	}

	.entry .thumb img {
		max-width: 100%;
		height: auto;
	}

	/*** Entry Body ***/
	.entry .entry-body {
		padding: 5px;
		font-size: 1.4rem;
		line-height: 1.7;
		padding: 0;
		font-size: 1.8rem;
		/*** text-align ***/
		/*** Affiliate Products ***/
	}
	.entry .entry-body a:link,
	.entry .entry-body a:visited {
		color: #32a138;
		text-decoration: underline;
	}
	.entry .entry-body a:hover,
	.entry .entry-body a:active {
		color: #3171bd;
		text-decoration: none;
	}
	.entry .entry-body h2 {
		margin: 1.5em 0 1em;
		padding: 0.4em 0 0.4em 0.6em;
		border-left: 1px solid #32a138;
		font-weight: bold;
		font-size: 1.8rem;
		margin: 2.5em 0 2em;
		padding: 1em 0 1em 0.8em;
		font-size: 2.8rem;
	}
	.entry .entry-body h3 {
		margin: 1.5em 0 0.5em;
		padding: 0 0 0 0.8em;
		border-left: 1px solid #555;
		font-weight: bold;
		font-size: 1.5rem;
		margin: 2.5em 0 1em;
		font-size: 2.2rem;
	}
	.entry .entry-body h4 {
		margin: 2em 0 1em;
		font-weight: bold;
		font-size: 1.8rem;
	}
	.entry .entry-body h5 {
		margin: 1em 0 0.5em;
		padding: 0 0 0.3em 0;
		border-bottom: 1px solid #CCC;
		color: #333;
		font-weight: bold;
		font-size: 1.6rem;
	}
	.entry .entry-body h6 {
		margin: 1em 0;
		font-weight: bold;
	}
	.entry .entry-body p {
		margin: 1em 0;
	}
	.entry .entry-body img {
		max-width: 100%;
		height: auto;
		text-align: center;
	}
	.entry .entry-body .al {
		text-align: left;
	}
	.entry .entry-body .ac {
		text-align: center;
	}
	.entry .entry-body .ar {
		text-align: right;
	}
	.entry .entry-body ol {
		margin: 1.5em 0;
		list-style: inside;
	}
	.entry .entry-body ol li {
		margin-bottom: .8em;
		padding-left: 1.6em;
		text-indent: -1.4em;
		line-height: 1.5;
	}
	.entry .entry-body ol li {
		padding-left: 22px;
		text-indent: -22px;
	}
	.entry .entry-body ul {
		margin: 1.5em 0;
	}
	.entry .entry-body ul li {
		position: relative;
		margin-bottom: .8em;
		padding-left: 1.7em;
		line-height: 1.5;
	}
	.entry .entry-body ul li:before {
		display: inline-block;
		position: absolute;
		top: 0.2em;
		left: 5px;
		width: 1em;
		height: 1em;
		color: #32a138;
		content: "\f138";
		font-family: FontAwesome;
	}
	.entry .entry-body dl {
		margin: 1.5em 0;
	}
	.entry .entry-body dl dt {
		position: relative;
		margin-bottom: .8em;
		padding-left: 1.7em;
		font-weight: bold;
	}
	.entry .entry-body dl dt:before {
		display: inline-block;
		position: absolute;
		top: 5px;
		left: 5px;
		width: 1em;
		height: 1em;
		color: #32a138;
		content: "\f00c";
		font-family: FontAwesome;
	}
	.entry .entry-body dl dd {
		margin-bottom: 1.5em;
	}
	.entry .entry-body table {
		margin: 1.5em 0;
		width: 100%;
		border-collapse: separate;
		border-spacing: 1px;
	}
	.entry .entry-body table th,
	.entry .entry-body table td {
		padding: 10px;
	}
	.entry .entry-body table th {
		background-color: #D2D2C5;
	}
	.entry .entry-body table td {
		background-color: #E3E3DD;
	}
	.entry .entry-body pre {
		margin: 1em 0 2em;
	}
	.entry .entry-body code {
		display: inline-block;
		padding: 0 5px;
		margin: 3px 5px;
		font-family: monospace;
		background-color: #fbfbfb;
		border: 1px solid #CCC;
	}
	.entry .entry-body pre > code {
		display: block;
		margin: 0;
		padding: 0;
		background-color: #272822;
		border: none;
	}
	.entry .entry-body kbd {
		display: inline-block;
		margin: 3px 5px;
		padding: .1em .6em;
		background-color: #f7f7f7;
		border: 1px solid #ccc;
		border-radius: 3px;
		box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), 0 0 0 2px white inset;
		color: #333;
		font-family: monospace;
		line-height: 1.4;
		text-shadow: 0 1px 0 #fff;
	}
	.entry .entry-body blockquote {
		margin: 1.5em 0;
		padding: 20px;
		background-color: #EAF0E0;
	}
	.entry .entry-body .center {
		text-align: center;
	}
	.entry .entry-body .right {
		text-align: right;
	}
	.entry .entry-body .hreview {
		margin: 2em 0;
		padding: 10px;
		padding-left: 0;
		line-height: 1.5;
		border: 3px #CCC double;
	}
	.entry .entry-body .hreview dl dt {
		margin-bottom: 1em;
	}

	/*** Entry Footer ***/
	.entry .block-entry-share {
		text-align: center;
		margin: 0 auto 10px;
		margin: 80px auto;
	}

	.entry .block-entry-share .ttl-share {
		margin: 0 auto 10px;
		padding: 12px 5px;
		font-size: 1.5rem;
		background-color: #191919;
		color: #FFF;
		margin: 0 auto 30px;
		padding: 0;
		font-size: 2.4rem;
		background-color: transparent;
		color: inherit;
	}

	.entry .block-entry-share ul {
		*zoom: 1;
		width: 320px;
		margin: 0 auto;
		text-align: center;
		display: block;
		width: inherit;
	}
	.entry .block-entry-share ul:after {
		content: '';
		display: table;
		clear: both;
	}
	.entry .block-entry-share ul li {
		display: inline-block;
		overflow: hidden;
		vertical-align: top;
		margin-right: auto;
		-webkit-transition: 0.3s ease;
		transition: 0.3s ease;
	}
	.entry .block-entry-share ul a {
		display: block;
	}

	/*** Side Fixed ***/
	.entry .block-entry-share-side {
		display: none;
		display: block;
		position: fixed;
		top: 30%;
		right: 0;
		z-index: 10;
	}

	.entry .block-entry-share-side ul li {
		display: block;
		overflow: hidden;
		margin-bottom: 1px;
		text-indent: -999px;
		vertical-align: top;
		width: 60px;
		height: 60px;
		-webkit-transition: 0.3s ease;
		transition: 0.3s ease;
	}
	.entry .block-entry-share-side ul li.hatena {
		background: url(/shared/public/img/common/spr-common-pc01.png) no-repeat 0 -280px;
	}
	.entry .block-entry-share-side ul li.hatena:hover {
		background: url(/shared/public/img/common/spr-common-pc01.png) no-repeat 0 -210px;
	}
	.entry .block-entry-share-side ul li.facebook {
		background: url(/shared/public/img/common/spr-common-pc01.png) no-repeat -70px -280px;
	}
	.entry .block-entry-share-side ul li.facebook:hover {
		background: url(/shared/public/img/common/spr-common-pc01.png) no-repeat -70px -210px;
	}
	.entry .block-entry-share-side ul li.twitter {
		background: url(/shared/public/img/common/spr-common-pc01.png) no-repeat -140px -280px;
	}
	.entry .block-entry-share-side ul li.twitter:hover {
		background: url(/shared/public/img/common/spr-common-pc01.png) no-repeat -140px -210px;
	}
	.entry .block-entry-share-side ul li.share {
		background: url(/shared/public/img/common/spr-common-pc01.png) no-repeat -210px -280px;
	}
	.entry .block-entry-share-side ul li.share:hover {
		background: url(/shared/public/img/common/spr-common-pc01.png) no-repeat -210px -210px;
	}
	.entry .block-entry-share-side ul a {
		display: block;
		width: 60px;
		height: 60px;
	}

	/*** Recommend Post Block ***/
	.cont-entry .section-recommend-posts .ttl-a {
		margin: 0 auto;
		padding: 12px 5px;
		font-size: 1.5rem;
		background-color: #191919;
		color: #FFF;
		margin: 0 auto 30px;
		padding: 0;
		font-size: 2.4rem;
		background-color: transparent;
		color: inherit;
	}

	/*** Popular Post Block ***/
	.cont-entry .section-popular-posts .ttl-a {
		margin: 0 auto;
		padding: 12px 5px;
		font-size: 1.5rem;
		background-color: #191919;
		color: #FFF;
		margin: 0 auto 30px;
		padding: 0;
		font-size: 2.4rem;
		background-color: transparent;
		color: inherit;
	}

	/*** Footer About ***/
	.cont-entry #site-footer-about .block-about-blog {
		padding: 0;
	}

	.cont-entry #site-footer-about .block-about-blog .ttl-b {
		margin: 0 auto;
		padding: 12px 5px;
		font-size: 1.5rem;
		background-color: #191919;
		color: #FFF;
		margin: 0 auto 10px;
		padding: 0;
		font-size: 1.8rem;
		background-color: transparent;
		color: inherit;
	}

	.cont-entry #site-footer-about .block-about-blog .box-about-bashalog {
		padding: 20px 10px 10px;
		padding: 20px 24px 20px 170px;
	}
}
@media only screen and (max-width: 640px) {
	/* Home
	--------------------------------------------------*/
	/* Entry
	--------------------------------------------------*/
	.entry {
		background-color: #FFF;
	}

	/*** Entry Header ***/
	.entry .entry-header {
		padding: 20px 5px;
		border-top: 1px solid #EDEDED;
	}

	.entry .ttl-post-a {
		margin: 0 auto 10px;
		line-height: 1.5;
		font-size: 1.8rem;
		font-weight: bold;
		text-align: center;
	}

	.entry .block-post-detail {
		text-align: center;
	}

	.entry .unit-post-category {
		margin: 0 auto 10px;
		text-align: center;
	}
	.entry .unit-post-category li {
		display: inline-block;
		margin: 0 3px 3px;
	}
	.entry .unit-post-category li a {
		height: 20px;
		padding: 2px 7px;
		line-height: 20px;
		background-color: #32a138;
		color: #FFF;
		-webkit-transition: 0.3s ease;
		transition: 0.3s ease;
	}
	.entry .unit-post-category li a:hover, .entry .unit-post-category li a:active {
		opacity: 0.7;
	}

	.entry .author {
		margin: 0 auto 10px;
		color: #9F9F9F;
	}
	.entry .author .icon-author {
		display: inline-block;
		width: 20px;
		height: 20px;
		margin-right: 5px;
	}
	.entry .author .icon-author img {
		position: relative;
		top: -2px;
		width: 20px;
		height: 20px;
		background-color: #FFF;
	}
	.entry .author a:link,
	.entry .author a:visited {
		color: #32a138;
		text-decoration: underline;
	}
	.entry .author a:hover,
	.entry .author a:active {
		color: #3171bd;
		text-decoration: none;
	}

	.entry .last-update {
		display: block;
		margin: 0 0 10px;
		color: #9F9F9F;
	}
	.entry .last-update span {
		display: inline-block;
		margin-right: 5px;
		font-size: 1.2rem;
	}

	.entry .unit-social-share {
		display: block;
		margin-top: 15px;
	}
	.entry .unit-social-share li {
		display: inline-block;
		min-width: 40px;
		height: 20px;
		margin-right: 10px;
		line-height: 20px;
	}
	.entry .unit-social-share li span {
		display: inline-block;
		overflow: hidden;
		width: 20px;
		height: 20px;
		margin-right: 8px;
		text-indent: -999px;
		vertical-align: top;
	}
	.entry .unit-social-share .hatena span {
		background: url(/shared/public/img/common/spr-common-sp01.png) no-repeat 0 -240px;
		background-size: 350px auto;
	}
	.entry .unit-social-share .facebook span {
		background: url(/shared/public/img/common/spr-common-sp01.png) no-repeat -25px -240px;
		background-size: 350px auto;
	}
	.entry .unit-social-share .twitter span {
		background: url(/shared/public/img/common/spr-common-sp01.png) no-repeat -50px -240px;
		background-size: 350px auto;
	}

	/*** Main Thumbnail ***/
	.entry .thumb {
		margin: 0 auto 20px;
		text-align: center;
	}

	.entry .thumb img {
		max-width: 100%;
		height: auto;
	}

	/*** Entry Body ***/
	.entry .entry-body {
		padding: 5px;
		font-size: 1.4rem;
		line-height: 1.7;
		/*** text-align ***/
		/*** Affiliate Products ***/
	}
	.entry .entry-body a:link,
	.entry .entry-body a:visited {
		color: #32a138;
		text-decoration: underline;
	}
	.entry .entry-body a:hover,
	.entry .entry-body a:active {
		color: #3171bd;
		text-decoration: none;
	}
	.entry .entry-body h2 {
		margin: 1.5em 0 1em;
		padding: 0.4em 0 0.4em 0.6em;
		border-left: 1px solid #32a138;
		font-weight: bold;
		font-size: 1.8rem;
	}
	.entry .entry-body h3 {
		margin: 1.5em 0 0.5em;
		padding: 0 0 0 0.8em;
		border-left: 1px solid #555;
		font-weight: bold;
		font-size: 1.5rem;
	}
	.entry .entry-body h4 {
		margin: 2em 0 1em;
		font-weight: bold;
	}
	.entry .entry-body h5 {
		margin: 1em 0 0.5em;
		padding: 0 0 0.3em 0;
		border-bottom: 1px solid #CCC;
		color: #333;
		font-weight: bold;
	}
	.entry .entry-body h6 {
		margin: 1em 0;
		font-weight: bold;
	}
	.entry .entry-body p {
		margin: 1em 0;
	}
	.entry .entry-body img {
		max-width: 100%;
		height: auto;
		text-align: center;
	}
	.entry .entry-body .al {
		text-align: left;
	}
	.entry .entry-body .ac {
		text-align: center;
	}
	.entry .entry-body .ar {
		text-align: right;
	}
	.entry .entry-body ol {
		margin: 1.5em 0;
		list-style: inside;
	}
	.entry .entry-body ol li {
		margin-bottom: .8em;
		padding-left: 1.6em;
		text-indent: -1.4em;
		line-height: 1.5;
	}
	.entry .entry-body ul {
		margin: 1.5em 0;
	}
	.entry .entry-body ul li {
		position: relative;
		margin-bottom: .8em;
		padding-left: 1.7em;
		line-height: 1.5;
	}
	.entry .entry-body ul li:before {
		display: inline-block;
		position: absolute;
		top: 0.2em;
		left: 5px;
		width: 1em;
		height: 1em;
		color: #32a138;
		content: "\f138";
		font-family: FontAwesome;
	}
	.entry .entry-body dl {
		margin: 1.5em 0;
	}
	.entry .entry-body dl dt {
		position: relative;
		margin-bottom: .8em;
		padding-left: 1.7em;
		font-weight: bold;
	}
	.entry .entry-body dl dt:before {
		display: inline-block;
		position: absolute;
		top: 5px;
		left: 5px;
		width: 1em;
		height: 1em;
		color: #32a138;
		content: "\f00c";
		font-family: FontAwesome;
	}
	.entry .entry-body dl dd {
		margin-bottom: 1.5em;
	}
	.entry .entry-body table {
		margin: 1.5em 0;
		width: 100%;
		border-collapse: separate;
		border-spacing: 1px;
	}
	.entry .entry-body table th,
	.entry .entry-body table td {
		padding: 10px;
	}
	.entry .entry-body table th {
		background-color: #D2D2C5;
	}
	.entry .entry-body table td {
		background-color: #E3E3DD;
	}
	.entry .entry-body pre {
		margin: 1em 0 2em;
	}
	.entry .entry-body code {
		display: inline-block;
		padding: 0 5px;
		margin: 3px 5px;
		font-family: monospace;
		background-color: #fbfbfb;
		border: 1px solid #CCC;
	}
	.entry .entry-body pre > code {
		display: block;
		margin: 0;
		padding: 0;
		background-color: #272822;
		border: none;
	}
	.entry .entry-body kbd {
		display: inline-block;
		margin: 3px 5px;
		padding: .1em .6em;
		background-color: #f7f7f7;
		border: 1px solid #ccc;
		border-radius: 3px;
		box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), 0 0 0 2px white inset;
		color: #333;
		font-family: monospace;
		line-height: 1.4;
		text-shadow: 0 1px 0 #fff;
	}
	.entry .entry-body blockquote {
		margin: 1.5em 0;
		padding: 20px;
		background-color: #EAF0E0;
	}
	.entry .entry-body .center {
		text-align: center;
	}
	.entry .entry-body .right {
		text-align: right;
	}
	.entry .entry-body .hreview {
		margin: 2em 0;
		padding: 10px;
		padding-left: 0;
		line-height: 1.5;
		border: 3px #CCC double;
	}
	.entry .entry-body .hreview dl dt {
		margin-bottom: 1em;
	}

	/*** Entry Footer ***/
	.entry .block-entry-share {
		text-align: center;
		margin: 0 auto 10px;
	}

	.entry .block-entry-share .ttl-share {
		margin: 0 auto 10px;
		padding: 12px 5px;
		font-size: 1.5rem;
		background-color: #191919;
		color: #FFF;
	}

	.entry .block-entry-share ul {
		*zoom: 1;
		width: 320px;
		margin: 0 auto;
		text-align: center;
	}
	.entry .block-entry-share ul:after {
		content: '';
		display: table;
		clear: both;
	}
	.entry .block-entry-share ul li {
		display: inline-block;
		overflow: hidden;
		vertical-align: top;
	}

	/*** Side Fixed ***/
	.entry .block-entry-share-side {
		display: none;
	}

	.entry .block-entry-share-side ul li {
		display: block;
		overflow: hidden;
		margin-bottom: 1px;
		text-indent: -999px;
		vertical-align: top;
	}
	.entry .block-entry-share-side ul a {
		display: block;
	}

	/*** Recommend Post Block ***/
	.cont-entry .section-recommend-posts .ttl-a {
		margin: 0 auto;
		padding: 12px 5px;
		font-size: 1.5rem;
		background-color: #191919;
		color: #FFF;
	}

	/*** Popular Post Block ***/
	.cont-entry .section-popular-posts .ttl-a {
		margin: 0 auto;
		padding: 12px 5px;
		font-size: 1.5rem;
		background-color: #191919;
		color: #FFF;
	}

	/*** Footer About ***/
	.cont-entry #site-footer-about .block-about-blog {
		padding: 0;
	}

	.cont-entry #site-footer-about .block-about-blog .ttl-b {
		margin: 0 auto;
		padding: 12px 5px;
		font-size: 1.5rem;
		background-color: #191919;
		color: #FFF;
	}

	.cont-entry #site-footer-about .block-about-blog .box-about-bashalog {
		padding: 20px 10px 10px;
	}
}

.recruit-info {
	margin: 1em 0 0;
	padding: 0 10px;
	text-align: center;
	font-weight: bold;
}

.recruit-info a {
	position: relative;
	display: inline-block;
	padding: 1em;
	background: #E3E3DD;
	transition: opacity 0.2s ease-in-out;
}

.recruit-info a:hover {
	opacity: 0.8;
}

.recruit-info a:before {
	position: relative;
	top: -1px;
	display: inline-block;
	margin: 0 0.5em 0 0;
	width: 1em;
	height: 1em;
	color: #32a138;
	content: "\f05a";
	font-size: 1.6rem;
	font-family: FontAwesome;
	vertical-align: middle;
}

.recruit-info strong {
	display: inline-block;
	padding: 0.3em 0.5em;
	color: #fff;
	background: #32a138;
}

@media only screen and (max-width: 640px) {
	.recruit-info a {
		display: block;
		/*padding: 1em 1.7em 1em 1em;*/
	}
}