/* <system section="theme"> */
/* </system> */

/* <system section="background" selected="default"> */
/* default */
/* </system> */

/* Responsive: yes */

*{
	font-family: Arial,
	Roboto,
	“Droid Sans”,
	"游ゴシック",
	YuGothic,
	"ヒラギノ角ゴ ProN W3",
	"Hiragino Kaku Gothic ProN",
	"メイリオ",
	Meiryo,
	sans-serif;
}

/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17

*/

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

ul,
ol {
	list-style: none;
}

blockquote,
q {
	quotes: none;
}

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

a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

/* change colours to suit your needs */
ins {
	background-color: #fff;
	color: #000;
	text-decoration: none;
}

/* change colours to suit your needs */
mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold;
}

del {
	text-decoration: line-through;
}

abbr[title],
dfn[title] {
	border-bottom: 1px dotted;
	cursor: help;
}

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

/* change border colour to suit your needs */
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
	margin: 1em 0;
	padding: 0;
}

input,
select {
	vertical-align: middle;
}

img {
	vertical-align: bottom;
	max-width: 100%;
	height: auto;
}


/************** layout base ********************/

.clearfix {
	overflow: hidden;
}

.clear:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


a {
	color: #333333;
	text-decoration: none;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}

a:visited {
	color: #333333;
}


sup {
	line-height: 100%;
	font-size: 10px;
	vertical-align: 0.7em;
}

sub {
	line-height: 100%;
	font-size: 10px;
	vertical-align: -0.1em;
}

.txtLeft {
	text-align: left;
}

.txtRight {
	text-align: right;
}

.txtCenter {
	text-align: center;
}

.fw {
	font-weight: bold;
}

.f10 {
	font-size: 10px;
}

.f11 {
	font-size: 11px;
}

.f12 {
	font-size: 12px;
}

.f13 {
	font-size: 13px;
}

.f14 {
	font-size: 14px;
}

.f15 {
	font-size: 15px;
}

.f16 {
	font-size: 16px;
}

.f17 {
	font-size: 17px;
}

.f18 {
	font-size: 18px;
}

.txtRed {
	color: #D80000;
}

.note {
	color: #666666;
	font-size: 12px;
}

.fLeft {
	float: left;
}

.fRight {
	float: right;
}

.fNon {
	float: none;
}

.mTop0 {
	margin-top: 0;
}

.mTop5 {
	margin-top: 5px;
}

.mTop10 {
	margin-top: 10px;
}

.mTop15 {
	margin-top: 15px;
}

.mTop20 {
	margin-top: 20px;
}

.mTop25 {
	margin-top: 25px;
}

.mTop30 {
	margin-top: 30px;
}

.mTop35 {
	margin-top: 35px;
}

.mTop40 {
	margin-top: 40px;
}

.mTop45 {
	margin-top: 45px;
}

.mTop50 {
	margin-top: 50px;
}

.mBtm0 {
	margin-bottom: 0;
}

.mBtm5 {
	margin-bottom: 5px;
}

.mBtm10 {
	margin-bottom: 10px;
}

.mBtm15 {
	margin-bottom: 15px;
}

.mBtm20 {
	margin-bottom: 20px;
}

.mBtm25 {
	margin-bottom: 25px;
}

.mBtm30 {
	margin-bottom: 30px;
}

.mBtm35 {
	margin-bottom: 35px;
}

.mBtm40 {
	margin-bottom: 40px;
}

.mBtm45 {
	margin-bottom: 45px;
}

.mBtm50 {
	margin-bottom: 50px;
}

.mBtm60 {
	margin-bottom: 60px;
}

.pTop0 {
	padding-top: 0;
}

.pTop5 {
	padding-top: 5px;
}

.pTop10 {
	padding-top: 10px;
}

.pTop15 {
	padding-top: 15px;
}

.pTop20 {
	padding-top: 20px;
}

.pTop25 {
	padding-top: 25px;
}

.pTop30 {
	padding-top: 30px;
}

.pTop35 {
	padding-top: 35px;
}

.pTop40 {
	padding-top: 40px;
}

.pTop45 {
	padding-top: 45px;
}

.pTop50 {
	padding-top: 50px;
}

.pBtm0 {
	padding-bottom: 0;
}

.pBtm5 {
	padding-bottom: 5px;
}

.pBtm10 {
	padding-bottom: 10px;
}

.pBtm15 {
	padding-bottom: 15px;
}

.pBtm20 {
	padding-bottom: 20px;
}

.pBtm25 {
	padding-bottom: 25px;
}

.pBtm30 {
	padding-bottom: 30px;
}

.pBtm35 {
	padding-bottom: 35px;
}

.pBtm40 {
	padding-bottom: 40px;
}

.pBtm45 {
	padding-bottom: 45px;
}

.pBtm50 {
	padding-bottom: 50px;
}

.pBtm60 {
	padding-bottom: 60px;
}


.spOnly,
.spOnlyI {
	display: none;
}

.pcOnly {
	display: block;
}

.pcOnlyI {
	display: inline-block;
}

.disnon {
	display: none;
}

/************** layout base ********************/
body {
	position: relative;
	background: #ffffff;
	text-align: center;
	line-height: 1.2;
}


div,
p,
dl {
	text-align: left;
}

p,
dt,
dd,
li,
td,
th {
	color: #333333;
	font-size: 1rem;
	line-height: 1.6;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: #333333;
}

/*------------------ list style----------------*/
.numberList {
	padding: 0 0 0 18px;
}

.numberList li {
	list-style: decimal outside;
	padding: 0 0 5px 0;
}

.discList {
	padding: 0 0 0 18px;
}

.discList li {
	list-style: disc outside;
	padding: 0 0 2px 0;
}

.indentList li {
	padding-left: 1em;
	text-indent: -1em;
}

/*****************  head ***********************/
header.blog-header {
	position: relative;
	border-top: 7px #055ec1 solid;
	padding: 24px 0 0;
}

.blog-title {
	width: 350px;
	margin: 0 auto;
	text-align: center;
}

.blog-title a:hover {
	filter: Alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

.blog-title-heading {
	text-align: center;
}

.blog-description {
	padding: 10px 0 20px;
	font-size: 0.812rem;
	line-height: 1.2;
	text-align: center;
}

#headLink {
	position: absolute;
	top: 86px;
	right: 30px;
}

#headLink a {
	display: inline-block;
	border-bottom: 2px #7e7979 solid;
	background: url(https://cdn-ak.f.st-hatena.com/images/fotolife/f/findy-lab/20191118/20191118105044.png) no-repeat left top;
	padding: 0 0 2px 16px;
	font-size: 0.75rem;
	line-height: 1.2;
}

/*****************  navi ***********************/
#gNavi {
	background: #055ec1;
	padding: 0 3%;
}

@media screen and (min-width: 769px) {

	.menuBtn,
	.gnavBody .sns,
	.gnavBody .headSearch,
	.gnavBody .footLinks,
	.gnavBody small {
		display: none;
	}
}

/*-PC only-*/

.grobalNavi {
	text-align: center;
	font-size: 0;
}

.grobalNavi li {
	position: relative;
	display: inline-block;
}

.grobalNavi li a {
	display: inline-block;
	padding: 0 20px;
	color: #FFFFFF;
	font-size: 15px;
	font-weight: bold;
	line-height: 36px;
}

.grobalNavi li::before {
	content: "/";
	display: inline-block;
	color: #99bde6;
	font-size: 18px;
	vertical-align: middle;
}

.grobalNavi li:first-child::before {
	display: none;
}

.grobalNavi li a:hover {
	-moz-opacity: 0.70;
	opacity: 0.70;
}

/*****************  foot ***********************/
.btnMore {
	text-align: center;
}

.btnMore a {
	position: relative;
	display: block;
	border-radius: 3px;
	border: 2px #055ec1 solid;
	background: #055ec1;
	max-width: 300px;
	margin: 0 auto;
	color: #FFFFFF;
	font-size: 0.937rem;
	text-align: center;
	line-height: 50px;
}

.btnMore a::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 22px;
	display: block;
	border-top: 2px #fff solid;
	border-right: 2px #fff solid;
	width: 7px;
	height: 7px;
	margin-top: -4px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.btnMore a:hover {
	background: #FFFFFF;
	color: #055ec1;
}

.btnMore a:hover::after {
	border-top: 2px #055ec1 solid;
	border-right: 2px #055ec1 solid;
}

.sns {
	text-align: center;
}

.sns dt {
	padding: 0 0 25px;
	font-size: 1.625rem;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meryo, sans-serif;
	font-weight: bold;
	text-align: center;
}

.sns dt::after {
	content: "";
	display: block;
	background: #055ec1;
	width: 50px;
	height: 4px;
	margin: 10px auto 0;
}

.sns dd {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	justify-content: center;
}

.sns dd p {
	font-size: 0.875rem;
}

.sns dd p span {
	color: #222222;
	font-weight: bold;
}

.sns dd a {
	color: #858585;
}

.sns dd a:hover {
	filter: Alpha(opacity=70);
	-moz-opacity: 0.70;
	opacity: 0.70;
}

.sns dd svg {
	width: 25px;
	height: 25px;
	vertical-align: middle;
}

.sns dd img {
	width: 75px;
}

@media screen and (min-width: 769px) {
	.sns dd p+p::before {
		content: "／";
		display: inline-block;
		padding: 0 15px;
		color: #858585;
		font-size: 0.875rem;
	}
}

/*-PC only-*/

.footer {
	border-top: 4px #efefef solid;
	padding: 40px 0 0;
	margin: 100px 0 0;
}

.footer a:hover {
	-moz-opacity: 0.70;
	opacity: 0.70;
}

.footLinks {
	padding: 20px 0 0;
	text-align: center;
	font-size: 0;
}

.footLinks li {
	display: inline-block;
	margin: 0 20px;
}

.footLinks li a {
	display: block;
	background: url(https://cdn-ak.f.st-hatena.com/images/fotolife/f/findy-lab/20191118/20191118105053.png) no-repeat right center;
	background-size: 13px auto;
	padding: 0 24px 0 0;
	color: #222222;
	font-size: 0.875rem;
}

.footer address {
	display: block;
	background: #055ec1;
	margin-top: 20px;
	color: #ffffff;
	font-size: 0.875rem;
	font-style: normal;
	text-align: center;
	line-height: 65px;
}

#pageTop {
	border: 0;
	border-radius: 50%;
	background: url(https://cdn-ak.f.st-hatena.com/images/fotolife/f/findy-lab/20191118/20191118104945.png) no-repeat left top;
	background-size: 100% auto;
	width: 70px;
	height: 70px;
	padding: 0;
	margin: 0;
	text-align: center;
	position: fixed;
	bottom: 20px;
	right: 10px;
	cursor: pointer;
	outline: none;
}

#pageTop:hover {
	background: url(https://cdn-ak.f.st-hatena.com/images/fotolife/f/findy-lab/20191118/20191118104951.png) no-repeat left top;
	background-size: 100% auto;
}

/*****************  contents ***********************/
#top-box {
	padding: 10px 3%;
}

@media screen and (min-width: 769px) {}

/*-PC only-*/
.breadcrumb {
	max-width: 1140px;
	margin: 0 auto;
	font-size: 0.812rem;
	line-height: 1.3;
}

.page-entry .breadcrumb {
	margin-bottom: 0;
}

.breadcrumb-inner {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.breadcrumb-link {
	background: url("https://cdn-ak.f.st-hatena.com/images/fotolife/f/findy-lab/20191118/20191118105041.png") no-repeat left center;
	background-size: 14px auto;
	padding: 0 0 0 22px;
	color: #7e7979;
}

.breadcrumb-gt {
	position: relative;
	opacity: 1;
	width: 10px;
	margin: 0 8px;
	color: #7e7979;
	text-indent: -9999px;
}

.breadcrumb-gt::after {
	content: "▶";
	display: inline-block;
	color: #7e7979;
	text-indent: 0;
	font-size: 0.625rem;
	position: absolute;
	top: 2px;
	left: 0;
}

.breadcrumb a,
.breadcrumb span {
	color: #7e7979;
}

.breadcrumb a:hover {
	-moz-opacity: 0.70;
	opacity: 0.70;
}

/*--*/

#content-inner {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	justify-content: space-between;
	max-width: 1140px;
	margin: 0 auto;
	padding-top: 60px;
	padding-bottom: 0px;
	padding-left: 20px;
	padding-right: 20px;
}

.page-entry #content-inner {
	padding-top: 30px;
}

#content-inner #wrapper {
	width: 66.6666%;
}

.urllist-with-thumbnails li .urllist-image {
	float: none;
	margin: 0;
}

.urllist-categories {
	font-size: 0;
}

.urllist-categories a {
	display: inline-block;
	background: #8d8c8c;
	padding: 0 8px;
	color: #ffffff;
	font-size: 0.812rem;
	line-height: 19px;
}

@media all and (-ms-high-contrast: none) {
	.urllist-categories a {
		padding: 3px 8px 0;
		line-height: 16px;
	}
}

/*-IE only-*/
.urllist-category-link {
	margin-right: 10px;
	margin-bottom: 10px;
}

.urllist-categories .category-インタビュー,
.categories .category-インタビュー,
#box2 .hatena-module-category .category-インタビュー {
	background: #8bcfe4;
}

.urllist-categories .category-技術トレンド,
.categories .category-技術トレンド,
#box2 .hatena-module-category .category-技術トレンド {
	background: #98c788;
}

.urllist-categories .category-キャリアパス,
.categories .category-キャリアパス,
#box2 .hatena-module-category .category-キャリアパス {
	background: #a972cf;
}

.urllist-categories .category-まとめ・ニュース,
.categories .category-まとめ・ニュース,
#box2 .hatena-module-category .category-まとめ・ニュース {
	background: #e78faa;
}

.urllist-categories .category-わたしの選択,
.categories .category-わたしの選択,
#box2 .hatena-module-category .category-わたしの選択 {
	background: #789ac1;
}

/*-side-*/
aside#box2 {
	width: 300px;
}

#box2 .hatena-module {
	padding-bottom: 60px;
}

#box2 .hatena-module-title {
	border-bottom: 2px #222222 solid;
	padding: 0 0 12px;
	margin-bottom: 30px;
	font-size: 1.125rem;
	font-weight: bold;
	line-height: 1.2;
	text-align: center;
}

#box2 .urllist-with-thumbnails .urllist-item,
#box2 .entries-access-ranking .urllist-item {
	padding-bottom: 25px;
}

#box2 .urllist-with-thumbnails .urllist-item .urllist-image-link,
#box2 .entries-access-ranking .urllist-item .urllist-image-link {
	position: relative;
	float: left;
	width: 100px;
	height: 100px;
	margin-right: 25px;
}

#box2 .urllist-with-thumbnails .urllist-item .urllist-image,
#box2 .entries-access-ranking .urllist-item .urllist-image {

	object-fit: cover;
	width: 100%;
	height: 100%;
	border-radius: 4px;
}

#box2 .urllist-title-link {
	display: block;
	padding: 15px 0 0 110px;
	font-size: 0.875rem;
	line-height: 1.5;
}

#box2 .urllist-with-thumbnails .urllist-item .urllist-image-link:hover,
#box2 .urllist-categories a:hover,
#box2 .urllist-title-link:hover,
#box2 .bnr a:hover {
	-moz-opacity: 0.70;
	opacity: 0.70;
}

/*-side about-*/
#box2 .aboutArea .hatena-module-title {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 15px;
}

#box2 .aboutBox .thumb {
	border: 2px #efefef solid;
	margin-bottom: 12px;
	text-align: center;
}

#box2 .aboutBox p {
	font-size: 0.875rem;
}

#box2 .aboutBox .btnMore {
	margin-top: 15px;
}

/*-side recommend-*/
.recommendList li+li {
	margin-top: 15px;
}

.recommendList li figure {
	margin-bottom: 12px;
}

.recommendList li p {
	font-size: 0.875rem;
}


/*--side search--*/
#box2 .hatena-module-search-box .hatena-module-title {
	margin-bottom: 25px;
}

.search-form {
	position: relative;
}

#box2 .hatena-module-search-box .search-module-input {
	box-sizing: border-box;
	border: none;
	background: #efefef;
	width: 100%;
	padding: 0 10px;
	font-size: 0.875rem;
	line-height: 38px;
	height: 38px;
}

#box2 .hatena-module-search-box .search-module-button {
	background: url(https://cdn-ak.f.st-hatena.com/images/fotolife/f/findy-lab/20191118/20191118105048.png) no-repeat left top;
	background-size: 24px auto;
	border: none;
	width: 24px;
	height: 24px;
	text-indent: -9999px;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 20px;
	margin: auto;
	cursor: pointer;
}

/*-side category-*/
#box2 .hatena-module-category .hatena-module-title {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 12px;
}

#box2 .hatena-module-category .hatena-urllist {
	border: 2px #efefef solid;
	padding: 18px 10px 2px 20px;
	font-size: 0;
}

#box2 .hatena-module-category .hatena-urllist li {
	display: inline-block;
	margin-right: 15px;
	margin-bottom: 15px;
	font-size: 0.812rem;
}

#box2 .hatena-module-category .hatena-urllist li a {
	display: block;
	padding: 0 8px;
	color: #FFFFFF;
	font-size: 0.812rem;
	font-weight: bold;
	line-height: 22px;
}

#box2 .hatena-module-category a {
	background: #8d8c8c;
}

/*#box2 .hatena-module-category .hatena-urllist li:nth-of-type(1) a{
	background: #789ac1;
}
#box2 .hatena-module-category .hatena-urllist li:nth-of-type(2) a{
	background: #a972cf;
}
#box2 .hatena-module-category .hatena-urllist li:nth-of-type(3) a{
	background: #98c788;
}
#box2 .hatena-module-category .hatena-urllist li:nth-of-type(4) a{
	background: #8bcfe4;
}
#box2 .hatena-module-category .hatena-urllist li:nth-of-type(5) a{
	background: #e78faa;
}*/
/*-side ranking-*/
#box2 .entries-access-ranking li {
	counter-increment: ranking;
	padding: 0 0 15px 8px;
}

#box2 .entries-access-ranking li::after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#box2 .entries-access-ranking .urllist-image-link::before {
	content: counter(ranking);
	box-sizing: border-box;
	border-radius: 50%;
	border: 2px #055ec1 solid;
	background: #ffffff;
	width: 31px;
	height: 31px;
	color: #055ec1;
	font-size: 0.937rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: -10px;
	left: -12px;
}

#box2 .entries-access-ranking li:nth-of-type(1) .urllist-image-link::before {
	border: 2px #eec14f solid;
	background: #eec14f;
	color: #FFFFFF;
}

#box2 .entries-access-ranking li:nth-of-type(2) .urllist-image-link::before {
	border: 2px #a6a1a1 solid;
	background: #a6a1a1;
	color: #FFFFFF;
}

#box2 .entries-access-ranking li:nth-of-type(3) .urllist-image-link::before {
	border: 2px #bd9a5b solid;
	background: #bd9a5b;
	color: #FFFFFF;
}

/*--side_subscrib--*/
#box2 .subscribeArea .hatena-module-title {
	margin-bottom: 12px;
	font-size: 0.937rem;
	text-align: left;
	line-height: 1.7;
}

#box2 .subscribeArea p {
	margin-bottom: 20px;
	font-size: 0.937rem;
}

/*--side_service--*/
#box2 .side_service {
	box-sizing: border-box;
	border: 2px #efefef solid;
	padding: 28px 15px 26px;
	margin: 0 0 20px;
	text-align: center;
	font-size: 0.75rem;
}

#box2 .side_service img {
	height: 40px;
}

/* #box2 .hatena-module-body .side_service:first-of-type img {
	height: auto;
} */

#box2 .service_title {
	padding: 8px 0;
	font-size: 0.75rem;
	font-weight: bold;
	text-align: center;
	line-height: 1.5;
}

#box2 .side_service p {
	padding: 0 0 8px;
	font-size: 0.75rem;
	line-height: 1.5;
	text-align: center;
}

#box2 .side_service a {
	color: #0a93f4;
}


/*----------------------------------------------
              top
---------------------------------------------*/
#header-modules {
	overflow: hidden;
	background: #efefef;
	padding: 45px 0 20px;
}

#header-modules .hatena-module-title {
	display: none;
}

#header-modules ul.recent-entries li.urllist-item {
	border: 2px #a5a5a5 solid;
	margin: 0 15px;
	position: relative;
}

#header-modules ul.recent-entries li.slick-active {
	border-color: #065ec3;
}

#header-modules ul.recent-entries.slick-initialized li.urllist-item {
	background: #ffffff;
	position: relative;
}

#header-modules .urllist-item-inner {
	overflow: hidden;
	padding: 28px;
}

#header-modules .slick-initialized .urllist-image-link {
	width: 220px;
	float: left;
}

#header-modules .urllist-image-link,
#header-modules .urllist-image {
	display: block;
	padding: 0;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}

#header-modules .slick-initialized .urllist-image {
	width: 220px;
}

#header-modules .urllist-date-link {
	padding: 0 0 5px 250px;
	color: #656565;
	font-size: 1rem;
	font-weight: bold;
}

#header-modules .urllist-date-link a {
	color: #656565;
}

#header-modules .urllist-title-link {
	display: block;
	min-height: 4.5em;
	padding: 0 0 0 250px;
	font-size: 1.5rem;
	font-weight: bold;
	color: #222222;
	line-height: 1.5;
}

#header-modules .urllist-categories {
	padding: 5px 0 0 250px;
}

#header-modules .urllist-categories a {
	padding: 0 8px;
	font-size: 0.812rem;
}

@media all and (-ms-high-contrast: none) {
	#header-modules .urllist-categories a {
		padding: 3px 8px 0;
		line-height: 16px;
	}
}

/*-IE only-*/
#header-modules .urllist-entry-body {
	padding: 5px 0 0 250px;
	color: #222222;
	font-size: 0.937rem;
	line-height: 1.85;
}

#header-modules .urllist-image-link:hover img,
#header-modules .urllist-categories a:hover,
#header-modules .urllist-date-link a:hover,
#header-modules .urllist-title-link:hover {
	-moz-opacity: 0.70;
	opacity: 0.70;
}

#header-modules .hatena-module-body {
	visibility: hidden;
}

html.enable-javascript.window-load #header-modules .hatena-module-body {
	visibility: visible;
}

#header-modules ul.recent-entries.slick-slider {
	opacity: 0;
	transition: opacity .3s linear;
}

#header-modules ul.recent-entries.slick-slider.slick-initialized {
	opacity: 1;
	margin: 0;
}

#header-modules .slick-arrow {
	width: 60px;
	height: 60px;
	z-index: 1;
	top: 40%;
}

#header-modules .slick-prev {
	left: 1.3%;
	background: url(https://cdn-ak.f.st-hatena.com/images/fotolife/f/findy-lab/20191118/20191118105004.png) no-repeat left top;
}

#header-modules .slick-next {
	right: 1.3%;
	background: url(https://cdn-ak.f.st-hatena.com/images/fotolife/f/findy-lab/20191118/20191118105001.png) no-repeat left top;
}

.slick-prev::before,
.slick-next::before,
.slick-dots li button::before {
	display: none;
}

#header-modules .slick-dots {
	position: relative;
	bottom: 0;
	padding: 25px 0 0;
	line-height: 1;
}

#header-modules .slick-dots li {
	width: 12px;
	height: 12px;
	margin: 0 10px;
}

#header-modules .slick-dots button {
	border-radius: 50%;
	background: #ffffff;
	width: 12px;
	height: 12px;
	padding: 0;
	margin: 0;
}

#header-modules .slick-active button {
	background: #055ec1;
}


/*-----記事一覧 モジュール------*/
#wrapper .hatena-module-title {
	margin-bottom: 15px;
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 1.3;
}

#wrapper .hatena-urllist li.urllist-item {
	padding: 0 0 50px;
}

#wrapper .hatena-urllist .urllist-image-link {
	float: left;
}

#wrapper .hatena-urllist .urllist-image-link,
#wrapper .hatena-urllist .urllist-image {
	display: block;
	padding: 0;
	margin: 0;
	width: 200px;
}

#wrapper .hatena-urllist .entry-thumb {
	float: left;
	display: block;
	width: 200px;
	height: auto;
	padding: 200px 0 0;
	background-size: cover;
	background-position: center;
}

#wrapper .urllist-date-link {
	padding: 0 0 10px 225px;
	margin: 0;
	font-size: 0.875rem;
	color: #7e7979;
}

#wrapper .urllist-date-link a {
	color: #7e7979;
}

#wrapper .hatena-urllist .urllist-title-link {
	display: block;
	padding: 0 0 0 225px;
	font-size: 1.25rem;
	font-weight: bold;
	line-height: 1.2;
}

#wrapper .urllist-categories {
	padding: 15px 0 0 225px;
}

#wrapper .urllist-entry-body {
	padding: 5px 0 0 225px;
	font-size: 0.875rem;
	line-height: 1.6;
}

#wrapper .hatena-urllist li.urllist-item:hover .urllist-image-link {
	-moz-opacity: 0.75;
	opacity: 0.75;
}

#wrapper .urllist-categories a:hover,
#wrapper .hatena-urllist .urllist-title-link:hover {
	-moz-opacity: 0.75;
	opacity: 0.75;
}

/*----------------------------------------------
             記事一覧 : カテゴリ、検索
---------------------------------------------*/
.archive-heading {
	margin-bottom: 15px;
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 1.3;
}

.search-result-form {
	display: none;
}

.page-archive .archive-entry,
.archive-entry {
	overflow: hidden;
	position: relative;
	padding: 0 0 0px;
	margin-bottom: 50px;
}

.archive-entry-header {
	padding: 0 0 0 225px;
}

.archive-entry-header .date {
	padding: 0 0 10px 0;
	margin: 0;
	font-size: 0.875rem;
	color: #7e7979;
}

.archive-entry-header .date a {
	color: #7e7979;
}

.archive-entry .entry-title {
	display: block;
	padding: 0;
	font-size: 1.25rem;
	font-weight: bold;
	line-height: 1.2;
}

.archive-entry .categories {
	padding: 15px 0 0 225px;
	font-size: 0;
}

.categories a {
	display: inline-block;
	background: #8d8c8c;
	padding: 0 8px;
	margin-right: 10px;
	margin-bottom: 10px;
	color: #ffffff;
	font-size: 0.812rem;
	line-height: 19px;
}

@media all and (-ms-high-contrast: none) {
	.categories a {
		padding: 3px 8px 0;
		line-height: 16px;
	}
}

/*-IE only-*/

.archive-entry .entry-thumb-link {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 200px;
}

.page-archive .entry-thumb,
.entry-thumb {
	width: 200px;
	height: auto;
	padding: 200px 0 0;
	margin: 0;
	background-position: center;
}

.archive-entry-body {
	padding: 5px 0 0 225px;
	font-size: 0.875rem;
	line-height: 1.6;
}

#wrapper .archive-entries .archive-entry:hover .entry-thumb-link {
	-moz-opacity: 0.75;
	opacity: 0.75;
}

.categories a:hover,
.archive-entry-header .date a:hover,
.archive-entry .entry-thumb-link:hover {
	-moz-opacity: 0.75;
	opacity: 0.75;
}

.archive-entry .social-buttons,
.archive-entry .star-container {
	display: none;
}

.page-archive .pager {
	border-top: 1px #dad9d9 solid;
	padding: 20px 3px 0;
	margin-top: 10px;
	overflow: hidden;
}

.page-archive .pager .pager-prev {
	float: left;
}

.page-archive .pager .pager-next {
	float: right;
}

.page-archive .pager a {
	position: relative;
	color: #065ec3;
	white-space: nowrap;
}

.page-archive .pager .pager-prev a::before {
	content: "";
	display: inline-block;
	border-bottom: 2px #065ec3 solid;
	border-left: 2px #065ec3 solid;
	width: 7px;
	height: 7px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	vertical-align: 0.1em;
}

.page-archive .pager .pager-next a::after {
	content: "";
	display: inline-block;
	border-top: 2px #065ec3 solid;
	border-right: 2px #065ec3 solid;
	width: 7px;
	height: 7px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	vertical-align: 0.1em;
}

/*----------------------------------------------
             記事
---------------------------------------------*/

article.entry a:hover {
	-moz-opacity: 0.70;
	opacity: 0.70;
}

article.entry .entry-header {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	flex-direction: column;
}

article.entry .entry-header #entry-header-modules {
	-webkit-box-ordinal-group: 4;
	-ms-flex-order: 4;
	-webkit-order: 4;
	order: 4;
}

.entry-header .hero {
	display: block;
}

.entry-header .hero img {
	width: 100%;
}

.entry-categories {
	padding: 15px 0 20px;
}


article.entry .entry-date {
	padding-bottom: 25px;
	color: #7e7979;
	font-size: 0.937rem;
	font-weight: bold;
}

article.entry .entry-date a {
	color: #7e7979;
}

article.entry .entry-title {
	padding: 0;
	color: #222222;
	font-size: 1.875rem;
	font-weight: bold;
	line-height: 1.4;
}

.entry-content {
	padding: 0;
}

.entry-footer {
	padding: 0;
}

.entry-footer-section {
	display: none;
}

.entry-footer .social-buttons {
	display: none;
}

.pager.pager-permalink.permalink {
	display: none;
}

.entry-footer .bnr {
	max-width: 305px;
	margin-bottom: 60px;
}

/*-.entry-content-*/
.entry-content figure {
	margin: 0 0 30px;
}

.entry-content>ul,
.entry-content>ol {
	margin-bottom: 20px;
}

.entry-content div,
.entry-content p {
	margin-bottom: 35px;
	line-height: 2;
	font-size: 1rem;
}

.entry-content a {
	text-decoration: underline;
}

.entry-content small {
	font-size: 85%;
}

.entry-content h2 {
	position: relative;
	background: #ebf2fa;
	padding: 12px 10px 12px 30px;
	margin: 30px 0 25px;
	font-size: 1.625rem;
	line-height: 1.3;
}

.entry-content h2::before {
	content: "";
	display: block;
	background: #055ec1;
	width: 10px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.entry-content h3 {
	position: relative;
	border-bottom: 3px #055ec1 solid;
	padding: 0 0 10px 0;
	margin-top: 40px;
	margin-bottom: 25px;
	color: #222222;
	font-size: 1.375rem;
	line-height: 1.45;
}

.entry-content h4 {
	margin-top: 35px;
	margin-bottom: 10px;
	color: #055ec1;
	font-size: 1.25rem;
	font-weight: bold;
	line-height: 1.6;
}

.entry-content h5,
.entry-content h6 {
	font-size: 1.25rem;
	font-weight: bold;
	line-height: 1.6;
}

.entry-content>ul {
	list-style: disc outside;
	padding: 0 0 0 18px;
}

.entry-content>ul ul {
	list-style: circle outside;
	padding: 0 0 0 35px;
}

.entry-content ul ul ul {
	list-style: square outside;
	padding: 0 0 0 35px;
}

.entry-content ul li {
	line-height: 2;
}

.entry-content>ol {
	list-style: decimal outside;
	padding: 0 0 0 18px;
}

.entry-content ol li {
	line-height: 2;
}

.entry-content ol ol {
	list-style: lower-roman outside;
	padding: 0 0 0 35px;
}

.entry-content ol ol ol {
	list-style: disc outside;
	padding: 0 0 0 35px;
}


.entry-content .table-of-contents {
	counter-reset: item;
	list-style-type: none;
	background: #f5f5f5;
	padding: 30px 25px;
	margin: 30px 0;
}

.table-of-contents::before {
	content: "目次";
	display: block;
	padding: 0 0 10px;
	color: #333333;
	font-size: 1.125rem;
	font-weight: bold;
}

.entry-content .table-of-contents li {
	color: #0a93f4;
	font-size: 1rem;
	line-height: 1.875;
}

.table-of-contents li:before {
	counter-increment: item;
	content: counters(item, "-")". ";
}

.entry-content .table-of-contents li a {
	color: #0a93f4;
	text-decoration: none;
}

.entry-content .table-of-contents ul {
	counter-reset: item;
	list-style-type: none;
	padding: 0 0 0 1em;
	margin: 0;
}


.entry-content .columnBox {
	position: relative;
	background: #ebf2fa;
	padding: 20px 30px 5px;
	margin-top: 35px;
	margin-bottom: 30px;
}

.entry-content .columnBox h4 {
	border: none;
	background: url(https://cdn-ak.f.st-hatena.com/images/fotolife/f/findy-lab/20191118/20191118105024.png) no-repeat left top;
	background-size: 32px auto;
	padding: 0 0 0 46px;
	margin: 0 0 10px;
	font-size: 1.25rem;
	line-height: 1.6;
}

.checkBox {
	border: 4px #f0f0f0 solid;
	padding: 25px 30px;
	text-align: center;
}

.checkBox p {
	margin-bottom: 35px;
	text-align: center;
	font-size: 1rem;
	font-weight: bold;
	line-height: 2;
}

.checkBox a {
	text-decoration: underline;
}

.checkBox .btnCheck a {
	display: block;
	border-radius: 3px;
	background: url(https://cdn-ak.f.st-hatena.com/images/fotolife/f/findy-lab/20191118/20191118105057.png) no-repeat 94% center #055ec1;
	background-size: 16px auto;
	max-width: 380px;
	padding: 12px 0;
	margin: 0 auto;
	color: #FFFFFF;
	font-size: 1.125rem;
	font-weight: bold;
	text-decoration: none;
	line-height: 2;
}

.checkBox>p:last-of-type {
	margin-bottom: 0;
}

.entry-content blockquote {
	border: 2px #f0f0f0 solid;
	padding: 20px 25px;
	margin-bottom: 35px;
}

.entry-content blockquote p {
	margin-bottom: 0;
}

.entry-content blockquote p+p {
	margin-top: 25px;
}

.entry-content pre.code {
	border: 1px #dddddd solid;
	padding: 15px;
	font-size: 0.875rem;
	line-height: 2;
	margin-bottom: 25px;
}

.entry-content table {
	margin-bottom: 25px;
	box-sizing: border-box;
	border-collapse: collapse;
}

.entry-content table th,
.entry-content table td {
	border: 1px #cccccc solid;
	padding: 8px 12px;
	text-align: left;
}

.entry-content table tbody tr:nth-of-type(even) td {
	background: #f6f6f6;
}

.entry-content table thead th {
	background: #dddddd;
	font-weight: bold;
	text-align: center;
}

.bordered-image {
	border: 1px #cccccc solid;
	margin-bottom: 25px;
}

.bordered-image+.eh-caption-paragraph {
	margin-top: -20px;
}

.eh-caption-paragraph {
	font-size: 0.812rem;
}

.footnotes *,
.entry-content .footnote {
	font-size: 0.875rem;
}

.footnotes {
	padding: 0 10px;
}

.footnotes hr {
	margin-left: -10px;
	margin-right: -10px;
}

.footnotes ol {
	list-style: decimal outside;
	padding-left: 1.2em;
}

.entry-content .footnotes p,
.entry-content p.footnote {
	margin: 0 0 25px;
}

.footnotes a,
.footnote a {
	color: #1e53a3;
}

/*--profile--*/
.profile-cards-list {
	margin: 25px 0 30px;
}

.profile-card-container+.profile-card-container {
	margin-top: 20px;
}

.profile-cards-list .profile-card-container {
	border: 4px #f0f0f0 solid;
	box-sizing: border-box;
	border-radius: 0;
	padding: 20px 30px 20px;
	margin: 0;
	position: relative;
}

.profile-cards-list .profile-card-container section {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	justify-content: space-between;
	font-size: 0.875rem;
	line-height: 1.85;
}

.profile-card-container .thumb {
	overflow: hidden;
	border-radius: 50%;
	width: 80px;
	height: 80px;
	margin: 0 0 0;
}

.profile-card-container .thumb .img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.prof-txt {
	position: relative;
	width: calc(100% - 80px - 28px);
	max-width: 530px;
}

.profile-card-container p {
	clear: both;
	font-size: 0.875rem;
	line-height: 1.85;
	margin: 0;
}

.profile-card-container p+p {
	margin-top: 10px;
}

.profile-card-container .prof-txt .name {
	float: left;
	width: 440px;
	font-size: 1.125rem;
	font-weight: bold;
	margin-bottom: 10px;
}

.prof-txt .name+ul {
	float: right;
	margin: 0;
	font-size: 0;
	text-align: right;
}

.prof-txt .name+ul li {
	display: inline-block;
	margin: 0 0 0 10px;
	line-height: 1;
}

.prof-txt .name+ul li img {
	height: 28px;
}

/*--snsBtn --*/
.snsBtn {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	justify-content: space-between;
	max-width: 700px;
	margin: 30px auto 0;
}

.snsBtn li {
	border-radius: 3px;
	width: 32.5%;
	max-width: 225px;
	text-align: center;
}

.snsBtn li a {
	display: block;
	color: #FFFFFF;
	font-size: 1rem;
	line-height: 45px;
}

.snsBtn li img {
	width: 20px;
	margin-right: 10px;
	vertical-align: middle;
}

.snsBtn li:nth-of-type(1) {
	background: #1ba1f3;
}

.snsBtn li svg {
	width: 32px;
	height: 32px;
	margin-right: 5px;
	vertical-align: middle;
}

.snsBtn li:nth-of-type(2) {
	background: #1977f3;
}

.snsBtn li:nth-of-type(3) {
	background: #00a4de;
}

.snsBtn li:nth-of-type(3) img {
	width: 30px;
	margin-right: 5px;
}

#entry-header-modules .snsBtn {
	margin: 0 auto 35px;
}

/*-合わせて読みたい-*/
.customized-footer .hatena-module-related-entries,
.customized-footer .hatena-module-recent-entries {
	padding: 40px 0 0;
}

#wrapper .customized-footer .hatena-module-title {
	margin-bottom: 30px;
	font-size: 1.25rem;
	font-weight: bold;
	line-height: 1.3;
}

#wrapper .customized-footer .related-entries,
#wrapper .customized-footer .hatena-urllist,
#wrapper .customized-footer .urllist-with-thumbnails {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	flex-wrap: wrap;
	margin-left: -18px;
}

#wrapper .customized-footer li.urllist-item,
#wrapper .customized-footer li.related-entries-item {
	width: 220px;
	margin-left: 18px;
	padding-bottom: 25px;
}

#wrapper .customized-footer .urllist-image-link {
	float: none;
	width: 220px;
	height: 220px;
	margin: 0;
	line-height: 1;
}

#wrapper .customized-footer .urllist-image {
	width: 220px;
}

#wrapper .customized-footer .urllist-title {
	padding: 10px 0 0;
	font-size: 0.875rem;
	font-weight: normal;
	line-height: 1.7;
}

#wrapper .customized-footer .hatena-urllist a:hover {
	-moz-opacity: 0.70;
	opacity: 0.70;
}

/*----------popup---------------*/
.popup {
	visibility: hidden;
	position: absolute;
	left: 50%;
	bottom: 30%;
	border: 2px #055ec1 solid;
	background: #FFFFFF;
	max-width: 720px;
	padding: 40px 40px 45px;
	margin-left: -360px;
	box-sizing: border-box;
	z-index: 2;
}

.popup.active {
	position: fixed;
	visibility: visible;
}

.entry-content .popup a {
	text-decoration: none;
}

.popup .popup-title {
	margin-bottom: 15px;
	font-size: 1.25rem;
	font-weight: bold;
	text-align: center;
}

.popup p {
	margin-bottom: 15px;
	text-align: center;
	font-size: 1rem;
}

.popup a {
	text-decoration: none;
}

.popup .btn {
	position: relative;
	display: block;
	border-radius: 3px;
	border: 2px #055ec1 solid;
	background: #055ec1;
	width: 300px;
	margin: 0 auto;
	color: #FFFFFF;
	font-size: 0.937rem;
	text-align: center;
	line-height: 50px;
	text-decoration: none;
	cursor: pointer;
}

.popup .btn::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 22px;
	display: block;
	border-top: 2px #fff solid;
	border-right: 2px #fff solid;
	width: 7px;
	height: 7px;
	margin-top: -4px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.popup .btn:hover {
	background: #FFFFFF;
	color: #055ec1;
}

.popup .btn:hover::after {
	border-top: 2px #055ec1 solid;
	border-right: 2px #055ec1 solid;
}

.popup .close {
	position: absolute;
	top: 18px;
	right: 18px;
	width: 20px;
	height: 20px;
	border: none;
	background: none;
	text-indent: -9999px;
	cursor: pointer;
}

.popup .close::before {
	content: "";
	display: block;
	background: #055ec1;
	width: 100%;
	height: 2px;
	margin-top: -1px;
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.popup .close::after {
	content: "";
	display: block;
	background: #055ec1;
	width: 100%;
	height: 2px;
	margin-top: -1px;
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.popup button:focus {
	outline: 0;
}


/*------------------------------------------------------------------------*/
/*------------------------------------------------------------------------
              smartphone
--------------------------------------------------------------------------*/
@media screen and (max-width: 768px) {
	body {
		-webkit-text-size-adjust: 100%;
		padding-top: 65px;
	}

	.scroll-prevent,
	.scroll-prevent body {
		overflow: hidden;
		height: 100%;
	}

	p,
	dt,
	dd,
	li,
	td,
	th {
		line-height: 1.6;
		color: #444444;
	}

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

	.pcOnly,
	.pcOnlyI {
		display: none;
	}

	.spOnly {
		display: block;
	}

	.spOnlyI {
		display: inline-block;
	}

	#container {
		overflow: hidden;
	}

	/***************** SP head ***********************/
	header.blog-header {
		position: fixed;
		top: 0;
		left: 0;
		border-top-width: 3px;
		border-bottom: 2px #efefef solid;
		background: #FFFFFF;
		width: 100%;
		height: 65px;
		padding: 10px 5% 0;
		z-index: 5;
		box-sizing: border-box;
		-webkit-transition: .5s ease-in-out;
		-moz-transition: .5s ease-in-out;
		-o-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
	}

	header.blog-header.hide {
		transform: translateY(-100%);
	}

	.blog-header-inner {
		position: relative;
		background: #FFFFFF;
		z-index: 5;
	}

	.blog-title {
		max-width: 180px;
		margin: 0 auto;
		text-align: center;
	}

	.blog-description {
		padding: 5px 0 0;
		font-size: 0.625rem;
	}

	#headLink {
		display: none;
	}

	/***************** SP navi ***********************/
	header.blog-header .menuBtn {
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		width: 25px;
		height: 18px;
		margin: auto;
		cursor: pointer;
	}

	header.blog-header .menuBtn span {
		display: block;
		position: absolute;
		left: 0;
		background: #065ec3;
		width: 100%;
		height: 2px;
		-webkit-transition: .35s ease-in-out;
		-moz-transition: .35s ease-in-out;
		transition: .35s ease-in-out;
	}

	header.blog-header .menuBtn span:first-child {
		top: 0;
	}

	header.blog-header .menuBtn span:nth-of-type(2) {
		top: 50%;
		margin-top: -1px;
	}

	header.blog-header .menuBtn span:last-child {
		bottom: 0;
	}

	header.blog-header .menuBtn.active span:first-child {
		top: 5px;
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

	header.blog-header .menuBtn.active span:nth-of-type(2),
	header.blog-header .menuBtn.active span:last-child {
		top: 5px;
		bottom: auto;
		margin: 0;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		transform: rotate(45deg);
	}


	.headerOverlay {
		display: block;
		opacity: 0;
		background: #ffffff;
		position: fixed;
		top: 0;
		right: 0;
		left: 0;
		bottom: 0;
		-webkit-transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), visibility 0s 0.2s linear;
		transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), visibility 0s 0.2s linear;
		visibility: hidden;
		z-index: 2;
	}

	.headerOverlay.open {
		visibility: visible;
		opacity: 0.6;
		-webkit-transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
		transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
	}

	#gNavi {
		padding: 0;
		position: absolute;
		top: 99%;
		left: 0;
		width: 100%;
		border-top: 2px #efefef solid;
		background-color: #fff;
		-webkit-transform: translateY(-120%);
		transform: translateY(-120%);
		-webkit-transition: -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
		transition: -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
		transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
		transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
		z-index: 4;
	}

	#gNavi.open {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	.gnavBody {
		padding: 0;
		max-height: calc(100vh - 66px);
		overflow-y: auto;
		box-sizing: border-box;
		z-index: 4;
		background: #FFFFFF;
	}

	.gnavBody>ul {
		padding: 0;
	}

	.gnavBody .grobalNavi li {
		display: block;
	}

	.grobalNavi li::before {
		display: none;
	}

	.gnavBody .grobalNavi li a {
		display: block;
		border-bottom: 1px #b5b5b5 solid;
		padding: 4vw 0;
		color: #333333;
		font-size: 0.937rem;
		text-align: center;
		line-height: 1.2;
	}

	.headSearch {
		padding: 8vw 5%;
	}

	.headSearch form {
		position: relative;
	}

	.headSearch button {
		background: url("https://cdn-ak.f.st-hatena.com/images/fotolife/f/findy-lab/20191118/20191118105048.png") no-repeat left top;
		background-size: cover;
		width: 18px;
		height: 18px;
		padding: 0;
		margin: auto;
		border: 0;
		position: absolute;
		top: 0;
		bottom: 0;
		right: calc(6.5% + 10px);
	}

	.searchTxt {
		opacity: 1;
		border: 0;
		background: #eeeeee;
		width: 100%;
		max-width: none;
		height: 50px;
		padding: 5px 10px;
		font-size: 0.937rem;
		box-sizing: border-box;
	}

	.searchTxt::placeholder {
		color: #bab9b9;
	}

	.searchTxt:focus {
		background: #eeeeee;
	}

	.gnavBody .sns {
		border-top: 2px #efefef solid;
		padding: 4.5vw 0 7vw;
	}

	.gnavBody small {
		display: block;
		background: #055ec1;
		margin-top: 3.5vw;
		color: #ffffff;
		font-size: 0.75rem;
		line-height: 50px;
		text-align: center;
	}

	/***************** SP foot ***********************/
	.btnMore a {
		max-width: none;
		font-size: 0.937rem;
		line-height: 45px;
	}

	.sns dt {
		padding: 0 0 5.8vw;
		line-height: 1;
		font-size: 1.125rem;
	}

	.sns dt::after {
		width: 6.6vw;
		height: 2px;
		margin: 3vw auto 0;
	}

	.sns dd {
		display: block;
		text-align: center;
	}

	.sns dd p {
		width: 242px;
		margin: 0 auto;
		font-size: 0.75rem;
	}

	.sns dd p span {
		display: inline-block;
		width: 10em;
		text-align: right;
	}

	.sns dd a {
		margin: 0;
	}


	.sns dd img {
		width: 65px;
	}

	.footer {
		padding: 4.5vw 0 0;
		margin-top: 0;
	}

	.footLinks {
		padding: 30px 0 0;
		text-align: center;
		font-size: 0;
	}

	.footLinks li {
		border-left: 1px #222222 solid;
		padding: 0 0 0 15px;
		margin: 0 0 10px 15px;
		line-height: 1;
	}

	.footLinks li:nth-of-type(1) {
		margin-left: 0;
		width: 45%;
		text-align: right;
	}

	.footLinks li:nth-of-type(2) {
		box-sizing: border-box;
		width: 45%;
		text-align: left;
	}

	.footLinks li:nth-of-type(2) a {
		display: inline-block;
	}

	.footLinks li:nth-of-type(1),
	.footLinks li:nth-of-type(3) {
		border-left: none;
		padding-left: 0;
	}

	.footLinks li a {
		background-size: 10px auto;
		padding: 0 15px 0 0;
		font-size: 0.75rem;
	}

	.footer address {
		margin-top: 2vw;
		font-size: 0.75rem;
		line-height: 50px;
	}

	.page-entry .footer address {
		padding-bottom: 50px;
	}

	#pageTop {
		width: 44px;
		height: 44px;
		bottom: 20px;
		right: 10px;
	}

	.page-entry #pageTop {
		margin-bottom: 35px;
	}

	.page-entry #pageTop.ab {
		margin-bottom: -50px;
	}

	/*****************SP  contents ***********************/
	#top-box {
		padding: 10px 5%;
	}

	.breadcrumb {
		font-size: 0.75rem;
	}

	.breadcrumb-inner {
		-ms-flex-wrap: initial;
		flex-wrap: initial;
	}

	.breadcrumb .breadcrumb-link,
	.breadcrumb .breadcrumb-child {
		white-space: nowrap;
	}

	.breadcrumb-link {
		background-size: 10px auto;
		padding: 0 0 0 14px;
	}

	.breadcrumb-gt {
		margin: 0 6px;
	}

	.breadcrumb .breadcrumb-link:last-child,
	.breadcrumb .breadcrumb-child:last-child {
		overflow: hidden;
		text-overflow: ellipsis;
	}

	/*--*/
	#content-inner {
		display: block;
		margin: 0 5%;
		padding-left: 0;
		padding-right: 0;
		padding-top: 8vw;
	}

	.page-entry #content-inner {
		padding-top: 4vw;
	}

	#content-inner #wrapper {
		width: auto;
	}

	.urllist-categories a {
		padding: 0 5px;
		font-size: 0.812rem;
		line-height: 22px;
	}

	.urllist-category-link {
		margin-right: 12px;
		margin-bottom: 5px;
	}

	/*-side-*/
	aside#box2 {
		padding-top: 8vw;
		width: auto;
	}

	#box2 .hatena-module {
		padding-bottom: 10.5vw;
	}

	#box2 .hatena-module-title {
		padding-bottom: 15px;
		margin-bottom: 20px;
		font-size: 1.125rem;
	}

	#box2 .urllist-with-thumbnails .urllist-item .urllist-image-link,
	#box2 .entries-access-ranking .urllist-item .urllist-image-link {
		position: relative;
		float: left;
		width: 105px;
		height: 105px;
		margin-right: 15px;
	}

	#box2 .urllist-with-thumbnails .urllist-item .urllist-image-link .urllist-image,
	#box2 .entries-access-ranking .urllist-item .urllist-image-link .urllist-image {
		object-fit: cover;
		width: 100%;
		height: 100%;
	}

	#box2 .urllist-title-link {
		padding: 5px 0 0 120px;
		font-size: 0.875rem;
		line-height: 1.6;
	}

	#box2 .bnr {
		padding: 10px 6.5% 0;
	}

	/*-side about-*/
	#box2 .aboutArea .hatena-module-title {
		margin-bottom: 2.6vw;
	}

	#box2 .aboutBox .thumb {
		margin-bottom: 3vw;
	}

	#box2 .aboutBox p {
		font-size: 0.875rem;
	}

	#box2 .aboutBox .btnMore {
		margin-top: 4.5vw;
	}

	/*-side recommend-*/
	.recommendList li+li {
		margin-top: 4vw;
	}

	.recommendList li figure {
		margin-top: 4vw;
	}

	.recommendList li p {
		font-size: 0.875rem;
	}


	/*--side search--*/
	#box2 .hatena-module-search-box {
		display: none;
	}

	/*-side ranking-*/
	#box2 .entries-access-ranking li {
		padding: 0 0 32px 0px;
	}


	/*--------------------------------------------
           SP  top
---------------------------------------------*/
	#header-modules {
		padding: 8vw 0 4.5vw;
	}

	#header-modules .urllist-item-inner {
		padding: 3.4vw;
	}

	#header-modules .slick-initialized .urllist-image-link {
		width: 24vw;
	}

	#header-modules .slick-initialized .urllist-image {
		width: 100%;
	}

	#header-modules .urllist-date-link {
		display: none;
	}

	#header-modules .urllist-title-link {
		padding: 0 0 0 28.5vw;
		font-size: 4.5vw;
		line-height: 1.25;
	}

	#header-modules .urllist-categories {
		display: none;
	}

	#header-modules .urllist-entry-body {
		display: none;
	}

	#header-modules .slick-arrow,
	#header-modules .slick-prev,
	#header-modules .slick-next {
		display: none;
	}

	#header-modules .slick-dots {
		padding: 3.7vw 0 0;
	}

	/*----SP-記事一覧------*/
	#wrapper .hatena-module-title {
		margin-bottom: 5.3vw;
		font-size: 1.125rem;
	}

	#wrapper .hatena-urllist {
		padding-bottom: 1.3vw;
	}

	#wrapper .hatena-urllist li.urllist-item {
		padding: 0 0 6.6vw;
	}

	#wrapper .urllist-with-thumbnails .urllist-image-link {
		position: relative;
		width: 24vw;
		padding-top: 24vw;
	}

	#wrapper .urllist-with-thumbnails .urllist-image {
		position: absolute;
		top: 0;
		left: 0;
		margin: 0;
		object-fit: cover;
		width: 100%;
		height: 100%;
	}

	#wrapper .urllist-categories {
		display: none;
	}

	#wrapper .urllist-date-link {
		padding: 0 0 1.2vw 28vw;
		font-size: 0.75rem;
	}

	#wrapper .hatena-urllist .urllist-title-link {
		padding: 0 0 0 28vw;
		font-size: 1.062rem;
		line-height: 1.2;
	}

	#wrapper .urllist-entry-body {
		display: none;
	}

	/*----------------------------------------------
        SP     記事一覧 : カテゴリ、検索
---------------------------------------------*/
	.archive-header-category .archive-heading,
	.archive-heading {
		margin-bottom: 5.3vw;
		font-size: 1.125rem;
	}

	.archive-header-category {
		margin: 0;
	}

	.page-archive .archive-entry,
	.archive-entry {
		min-height: 24vw;
		margin-bottom: 6.6vw;
	}

	.archive-entry-header {
		padding: 0 0 0 28vw;
		font-size: 0.75rem;
	}

	.archive-entry-header .date {
		padding: 0 0 1.2vw 0;
		font-size: 0.75rem;
	}

	.archive-entry .entry-title {
		font-size: 1.062rem;
		line-height: 1.2;
	}

	.archive-entry .categories {
		display: none;
	}

	.archive-entry-body {
		display: none;
	}

	.archive-entry .entry-thumb-link {
		width: 24vw;
		height: 24vw;
	}

	.page-archive .entry-thumb,
	.entry-thumb {
		float: none;
		width: 100%;
		height: auto;
		padding: 100% 0 0;
		margin: 0;
		background-size: cover;
		background-position: center;
	}


	/*----------------------------------------------
        SP     記事
---------------------------------------------*/
	.entry-header {
		padding: 0;
	}

	.entry-header .social-buttons {
		padding: 0 0 4.6vw;
	}

	article.entry .entry-date {
		padding-bottom: 3vw;
		font-size: 0.75rem;
	}

	article.entry .entry-title {
		padding: 0;
		font-size: 1.125rem;
		line-height: 1.3;
	}

	.entry-categories {
		padding: 2.5vw 0 3.3vw;
	}

	.entry-content {
		padding: 0 0 0;
	}

	.entry-footer {
		padding: 0;
	}

	.entry-footer .social-buttons {
		display: none;
	}

	.entry-footer .bnr {
		padding: 10px 6.5% 0;
		max-width: none;
	}

	/*-.entry-content-*/
	.entry-content figure,
	.entry-content>ul,
	.entry-content>ol {
		margin-bottom: 4.5vw;
	}

	.entry-content div,
	.entry-content p {
		margin-bottom: 4.5vw;
		line-height: 1.6;
	}

	.entry-content h2 {
		background: none;
		/*padding: 77px 10px 12px 18px;
	margin: -65px 0 4vw;*/
		padding: 12px 10px 12px 18px;
		margin: 30px 0 4vw;
		font-size: 1rem;
		line-height: 1.3;
	}

	.entry-content h2::before {
		top: auto;
		bottom: 0;
		width: 8px;
		height: calc(100% - 0px);
	}

	.entry-content h2::after {
		content: "";
		display: block;
		background: #ebf2fa;
		width: 100%;
		height: calc(100% - 0px);
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: -1;
	}

	.entry-content h3 {
		/*	padding-top: 85px;
	margin-top: -65px;*/
		margin-top: 25px;
		margin-bottom: 2.6vw;
		font-size: 0.937rem;
	}

	.entry-content h4 {
		/*padding-top: 85px;
	margin-top: -65px;*/
		margin-top: 25px;
		margin-bottom: 2.6vw;
		font-size: 0.937rem;
	}

	.entry-content h5,
	.entry-content h6 {
		font-size: 0.937rem;
	}

	.columnBox {
		position: relative;
		background: #ebf2fa;
		padding: 15px 4% 2px;
		margin-top: 4.6vw;
		margin-bottom: 6.6vw;
	}

	.entry-content .columnBox h4 {
		background: url(https://cdn-ak.f.st-hatena.com/images/fotolife/f/findy-lab/20191118/20191118105024.png) no-repeat left bottom;
		background-size: 28px auto;
		padding: 65px 0 0 40px;
		margin: -65px 0 10px;
		font-size: 1rem;
		line-height: 1.6;
	}


	.checkBox {
		border: 2px #f0f0f0 solid;
		padding: 16px 4%;
	}

	.checkBox p {
		font-size: 0.937rem;
	}

	.checkBox .btnCheck a {
		background: url(https://cdn-ak.f.st-hatena.com/images/fotolife/f/findy-lab/20191118/20191118105057.png) no-repeat 94% center #055ec1;
		background-size: 12px auto;
		max-width: none;
		padding: 10px 0;
		font-size: 0.937rem;
		line-height: 2;
	}

	.entry-content .checkBox p:last-child {
		margin-bottom: 0;
	}

	.entry-content blockquote {
		border: 2px #f0f0f0 solid;
		padding: 20px 4%;
		margin-top: 4.6vw;
	}

	.entry-content pre.code {
		padding: 15px 4%;
		margin-bottom: 4.5vw;
	}

	.entry-content table {
		margin-bottom: 4.5vw;
	}

	.entry-content table th,
	.entry-content table td {
		padding: 5px 10px;
	}

	.bordered-image {
		margin-bottom: 4.5vw;
	}

	.bordered-image+.eh-caption-paragraph {
		margin-top: -2.5vw;
	}


	/*--sp profile--*/
	.profile-cards-list {
		margin: 4.6vw 0 4vw;
	}

	.profile-card-container+.profile-card-container {
		margin-top: 2.5vw;
	}

	.profile-cards-list .profile-card-container {
		border: 2px #f0f0f0 solid;
		padding: 15px 3.5% 15px;
	}

	.profile-cards-list .profile-card-container section {
		font-size: 0.875rem;
		line-height: 1.7;
	}

	.profile-card-container .thumb {
		width: 60px;
		height: 60px;
	}

	.prof-txt {
		position: relative;
		width: calc(100% - 60px - 12px);
		max-width: none;
	}

	.profile-card-container p {
		clear: both;
		font-size: 0.875rem;
		line-height: 1.7;
	}

	.profile-card-container p+p {
		margin-top: 1.3vw;
	}

	.profile-card-container .prof-txt .name {
		float: left;
		width: calc(100% - 70px);
		font-size: 0.937rem;
		margin-bottom: 3.5vw;
	}

	.prof-txt .name+ul li {
		margin: 0 0 0 10px;
	}

	.prof-txt .name+ul li img {
		height: 24px;
	}

	/*--SP snsBtn --*/
	.snsBtn {
		margin: 0 0 6vw;
	}

	.snsBtn li {
		width: 31.5%;
	}

	.snsBtn li a {
		font-size: 0.75rem;
		line-height: 30px;
	}

	.snsBtn li img {
		width: 16px;
		margin-right: 8px;
		vertical-align: middle;
	}

	.snsBtn li svg {
		width: 28px;
		margin-right: 0;
	}

	.snsBtn li:nth-of-type(3) img {
		width: 28px;
		margin-right: 2px;
	}

	#entry-header-modules .snsBtn {
		margin: 0 0 6vw;
	}

	.entry-footer .snsBtn {
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		width: 100%;
		margin: 0 auto;
		z-index: 1;
	}

	.entry-footer .snsBtn li {
		border-radius: 0;
		width: 32.8%;
	}

	.entry-footer .snsBtn li a {
		font-size: 0.875rem;
		line-height: 50px;
	}

	/*-合わせて読みたい-*/
	.customized-footer .hatena-module-related-entries,
	.customized-footer .hatena-module-recent-entries {
		padding: 4.6vw 0 0;
	}

	#wrapper .customized-footer .hatena-module-title {
		margin-bottom: 3vw;
		font-size: 1.062rem;
	}

	#wrapper .customized-footer .related-entries,
	#wrapper .customized-footer .hatena-urllist,
	#wrapper .customized-footer .urllist-with-thumbnails {
		padding: 0;
		margin: 0;
		justify-content: space-between;
	}

	#wrapper .customized-footer li.urllist-item,
	#wrapper .customized-footer li.related-entries-item {
		padding-bottom: 6.6vw;
		width: 47.7%;
		margin: 0;
	}

	#wrapper .customized-footer .urllist-image-link {
		float: none;
		width: 100%;
		height: auto;
		padding: 0;
		margin: 0;
		line-height: 1;
	}

	#wrapper .customized-footer .urllist-image {
		width: 100%;
		height: auto;
		position: relative;
	}

	#wrapper .customized-footer .urllist-title {
		padding: 10px 0 0;
		font-size: 0.875rem;
		font-weight: normal;
		line-height: 1.6;
	}

	/*----------popup---------------*/
	.popup {
		max-width: none;
		left: 0;
		right: 0;
		margin: 0 5%;
		padding: 25px 3.4% 25px;
	}

	.popup .popup-title {
		margin-bottom: 10px;
		font-size: 1rem;
	}

	.popup p {
		margin-bottom: 10px;
		font-size: 0.875rem;
	}

	.popup .btn {
		width: 100%;
		font-size: 0.937rem;
		line-height: 50px;
	}

	.popup .btn::after {
		content: "";
		position: absolute;
		top: 50%;
		right: 22px;
		display: block;
		border-top: 2px #fff solid;
		border-right: 2px #fff solid;
		width: 7px;
		height: 7px;
		margin-top: -4px;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	.popup .btn:hover {
		background: #FFFFFF;
		color: #055ec1;
	}

	.popup .btn:hover::after {
		border-top: 2px #055ec1 solid;
		border-right: 2px #055ec1 solid;
	}

	.popup .close {
		top: 12px;
		right: 12px;
		width: 15px;
		height: 15px;
	}

	.popup .close::before {
		content: "";
		display: block;
		background: #055ec1;
		width: 100%;
		height: 2px;
		margin-top: -1px;
		position: absolute;
		top: 50%;
		left: 0;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	.popup .close::after {
		content: "";
		display: block;
		background: #055ec1;
		width: 100%;
		height: 2px;
		margin-top: -1px;
		position: absolute;
		top: 50%;
		left: 0;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}


}

/*-SP END-*/

/* 吹き出しのCSS　*/
.entry-content .l-fuki,
.entry-content .r-fuki {
	position: relative;
	width: 80%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 20px;
	border-radius: 6px;
	border: 2px solid #999;
	box-shadow: 1px 1px 5px #aaa;
	background-color: #fff;
	z-index: 1;
}

.entry-content .l-fuki {
	margin: 20px 20% 40px 0;
}

.entry-content .r-fuki {
	margin: 20px 0 40px 19%;
}

.entry-content .l-fuki::before,
.entry-content .r-fuki::before {
	position: absolute;
	content: "";
	top: 16px;
	width: 10px;
	height: 10px;
	border-right: 2px solid #999;
	border-bottom: 2px solid #999;
	background-color: #fff;
	z-index: 2;
}

.entry-content .l-fuki::before {
	right: -7px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}

.entry-content .r-fuki::before {
	left: -7px;
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
}

.entry-content .l-fuki::after,
.entry-content .r-fuki::after {
	position: absolute;
	content: "";
	width: 80px;
	height: 80px;
	top: -10px;
	border-radius: 40px;
	border: 3px solid #fff;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	box-shadow: 1px 1px 5px #aaa;
}

.entry-content .l-fuki::after {
	right: -110px;
}

.entry-content .r-fuki::after {
	left: -110px;
}

@media screen and (max-width: 620px) {

	.entry-content .l-fuki,
	.entry-content .r-fuki {
		width: 70%
	}

	.entry-content .l-fuki {
		margin-right: 30%;
	}

	.entry-content .r-fuki {
		margin-left: 30%;
	}
}

@media screen and (max-width: 478px) {

	.entry-content .l-fuki::after,
	.entry-content .r-fuki::after {
		width: 60px;
		height: 60px;
		border-radius: 30px;
	}

	.entry-content .l-fuki::after {
		right: -84px;
	}

	.entry-content .r-fuki::after {
		left: -84px;
	}
}

.yamada-icon::after {
	background-image: url("https://findy-code-images.s3-ap-northeast-1.amazonaws.com/app/engineer_lab/yamada.jpg");
}

.kaino-icon::after {
	background-image: url("画像のURL");
}