@charset "UTF-8";

/*!
Theme Name: minimal-child
Template:   minimal
Version:    20180122
*/

body {
  /*	font-family: sans-serif;*/

  /*   font-family: Verdana,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif; */
/* 	font-family: 'Lato', 'Noto Sans JP', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; */
}

/*** size ***/

/*** wpp ***/
div .widget-over-breadcrumbs-title {
  font-size: large;
  font-weight: bold;
}

ul.wpp-list {
  padding-left: 0;
  /*     float: left; */
  /*     width: 100%; */
  width: auto;
  overflow: hidden;
}

ul.wpp-list::after {
  content: "";
  clear: both;
}

.wpp-list li {
  list-style: none;
  margin: 7px;
  /* 	border: 4px solid whitesmoke; */
  border-radius: 10px;
  height: 240px;
  /*     width: 30%; */
  /* 	width: 204px; */
  width: 212px;
  float: left;
  /* overflow: hidden; */
  /* float: none; */
  /* clear: both; */
}

.wpp-list li:first-child {
  float: left;
}

.wpp-list li:last-child {}

.wpp-thumbnail {
  /* 	display: inline; */
  /* 	float: left; */
  margin: 0 5px 16px 0;
  border: none;
}

.wpp-post-title {
	color: #7B7B7B;
}

.wpp-list li.current {
  background-color: whitesmoke;
}

.wpp-list li > a {
  display: block;
  padding-bottom: 7px;
}

.wpp-list li img {
  border-radius: 10px;
  width: 100%;
  /*     height: 100%; */
  height: 150px;
  object-fit: cover;
}

#sidebar .widget {
  /*     margin-bottom: 45px; */
  clear: both;
  overflow: hidden;
}

#sidebar ul {
  padding-left: 0;
}


/*** form ***/
div.wpcf7 {
  border-top: 4px solid whitesmoke;
  border-bottom: 4px solid whitesmoke;
}






/*** color ***/

body,
main {
  background-color: #fffff8;
}

header h1.title a,
header .title a {
  color: #90B44B;
}

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

  main .wrap {
    padding-bottom: 10px;
  }

  header {
    background-color: #fffff8;
  }
}

header .nav-bg,
footer .credit {
  background: #B5CAA0;
}

a {
  color: #65c976;
}

.single h2,
.single h3,
.single h4,
.single h5,
.single h6 {
  border-color: #B5CAA0;
}

.single h4 {
  color: #444;
  border-left: none;
  /*     border-bottom: 3px dashed lightgray; */
  border-bottom-width: 3px;
  border-bottom-style: dashed;
}

.fa-folder {
  color: #999;
}


/*** style ***/

header .title {
  margin-top: 12px;
}

main .wrap,
.form-group,
.popular,
.recent,
.archive {
  border: 3px solid whitesmoke;
  border-radius: 20px;
}

.form-group > form > div.form-group {
  border-radius: 10px;
}

main .wrap h2 {
  margin-top: 2em;
}

main .wrap .post-info {
  display: flow-root;
}

main .wrap .cat,
main .wrap .view,
main .wrap .meta {
  /*     text-align: right; */
  margin-top: 0;
  margin-bottom: 0.5em;
  float: right;
  clear: both;
}


main .wrap .readmore a,
.relatedposts .inner {
  border-radius: 10px;
}

main .wrap .readmore a {
  border: 3px solid #B5CAA0;
}

/*** title ***/
header .title {
  /*     margin-left: 15px; */
}

header h1.title {
  /* 	margin-left: 0; */
  /*     padding-left: 0; */
}


/*** nav ***/
.navbar {
  margin-bottom: 0;
}


/*** sidebar ***/
.form-group {
  /*     margin-bottom: 0; */
}

.popular,
.recent {
  margin-bottom: 40px;
}

.fa-folder::before,
.fa-clock-o::before {
  margin-right: 3px;
}

.recent .thumbnail a {
   height: 172px;
}


/*** related ***/
.thumbnail {
  position: relative;
}

.related-category {
  position: absolute;
  left: 0;
  top: 0;
  padding: 3px 5px;
  color: gray;
  background-color: whitesmoke;
  font-size: 9px;
  font-weight: 600;
}

.relatedposts .inner {
  min-height: 280px;
}

@media only screen and (max-width: 479px) {
  .relatedposts .inner {
    min-height: 200px;
  }
}

.relatedposts .inner p {
  padding: 0px 10px 0px;
}

/*** single ***/
.single h1 {
  margin-top: 16px;
  margin-bottom: 6px;
}

.post-info {
  display: flow-root;
  margin-right: 10px;
}

main .wrap .thumbnail {
  margin-top: 0px;
}


/*** menu ***/
.menu-btn {
  text-align: center;
}

/*** figure ***/
figure.wp-block-image,
figure.wp-block-image.nonborder {
  border: none !important;
}

.wp-block-image {
  margin: -40px 40px 60px;

  border: 3px solid #000;
  border-radius: 8px;
  border-color: lightgray;

}

.wp-block-image.border img {
  border: 3px solid #000;
  border-radius: 8px;
  border-color: lightgray;
}

.wp-block-image.border.gray img {
  border-color: lightgray;
}

figure.wp-block-image.large {
  margin-top: 60px;
  margin-left: 0;
  margin-right: 0;
}


.single ul.goods,
.single ol.goods {
  background-color: white;
  border: solid 3px ghostwhite;
  border-radius: 28px;
  padding-left: 44px;
}

/*** verse ***/
pre.wp-block-verse {
  white-space: pre-wrap;
  overflow: auto;
}

/*** toc ***/
#toc_container {
  margin-left: 40px;
  margin-right: 40px;
  border-radius: 12px;
	display: block;
	padding: 16px;
}

#toc_container ul {
  border: none;
}

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

  #toc_container {
    max-width: -webkit-fill-available;
    width: 100%;
    padding: 0 40px;
    margin: 0 40px;
  }
}

/*** span ***/

span.border::before,
span.back::before,
span.highlight::before {
  content: "";
  margin-left: 2px;
  padding-left: 2px;
}

span.border::after,
span.back::after,
span.highlight::after {
  content: "";
  margin-right: 2px;
  padding-right: 2px;
}

/* span border */
span.border {
  margin: 0.3em 4px;
  padding: 2px 6px 1px;
  border-width: 2px !important;
  border-style: solid !important;
  border-radius: 8px;
  color: initial;
}

span.border.red {
  border-color: red !important;
}

span.border.green {
  border-color: #7fff7f !important;
}

span.border.orange {
  border-color: orange !important;
}

span.border.blue {
  border-color: #3A8FB7 !important;
}

/* span back */
.article span.back {
  padding: 0 6px;
  border-radius: 8px;
}

span.back.orange {
  background-color: orange;
  color: white;
}

span.back.green {
  background-color: #7fff7f;
}

/* span bar */
span.bar {
  margin: 0.3em 4px;
  padding: 2px 6px 1px;
  border-width: 2px;
  border-bottom: solid;
}

span.bar.red {
  border-color: red;
}

span.bar.green {
  border-color: #7fff7f;
}

span.bar.orange {
  border-color: orange;
}

span.bar.blue {
  border-color: #3A8FB7;
}

/* span highlight */
span.highlight {
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}

span.highlight.red {
  background: linear-gradient(transparent 40%, #ffecf4 40%, #ffb0c5 80%, #ffdce4 100%)
}

span.highlight.green {
  background: linear-gradient(transparent 40%, #ccffd5 40%, #80ff97 80%, #ccffd5 100%);
}

span.highlight.orange {
  background: linear-gradient(transparent 40%, #fff6dc 40%, #ffdf99 80%, #ffefcc 100%);
}

span.highlight.blue {
  background: linear-gradient(transparent 40%, #e6f9ff 40%, #a8eaff 80%, #e6f9ff 100%);
}


/************************************
** ブログカードのスタイル
************************************/
.blog-card {
  padding: 12px 12px 12px 12px;
  margin: 40px 40px 60px 40px;
  border: 2px solid #ddd;
  word-wrap: break-word;
  max-width: 100%;
  /* width: 474px; */
  border-radius: 8px;
  text-align: left;
  display: block;
}

.blog-card a {
  display: flow-root;
  margin-top: 12px;
}

.blog-card-thumbnail {
  float: left;
}

.blog-card-content {
  margin-left: 110px;
  line-height: 120%;
}

.blog-card-title {
  font-size: 110%;
  font-weight: bold;
  line-height: 24px;
  margin-bottom: 8px;
}

.blog-card-title a {
  font-weight: bold;
  text-decoration: none;
  /*   color: #90B44B; */
  color: #B5CAA0;
}

.blog-card-excerpt {
  color: #333;
  font-size: 90%;
}

.blog-card-footer {
  font-size: 70%;
  color: #777;
  margin-top: 12px;
  display: flow-root;
}

.blog-card-footer .blog-card-favicon {
  float: left;
}

.blog-card-footer .blog-card-domain {
  float: left;
  margin-left: 6px;
}

.blog-card-footer .blog-card-date {
  float: right;
  margin-right: 4px;
}

@media only screen and (max-width: 479px) {
	
	.blog-card {
		margin: -40px 20px 60px;
	}
	.blog-card-thumbnail {
		float: none;
	}
	.blog-card-content {
		float: none;
		margin: 10px 0;
	}
}

.related {
	position: relative;
}

.related::before {
    content: "あわせて読みたい";
    position: absolute;
    left: 24px;
    top: -12px;
    color: lightsalmon;
    background-color: #fffff8;
    padding: 0px 8px;
    font-size: 1.4em;
    font-weight: 600;
    line-height: 1.3em;
}

.blog-card.related {
    border: 2px solid lightsalmon;
}


/*** Bootstrap ***/
.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
  vertical-align: middle;
  text-align: center;
}
.btn {
	font-size: 1em;
}

/*** SNS ***/
div.sns_button {
	margin: 0 40px;
}
.sns_button div.btn {
/* 	margin-bottom: 10px; */
}
.sns_button .btn {
	width: 100%;
}
.sns_button a {
	display: block;
	padding: 14px;
	color: #fff;
	font-weight: 600;
	transition: background-color 0.4s ease 0s, color 0.4s ease 0s;
	border-radius: 4px;
}
.sns_button a.facebook-btn-link {
  background-color: #2B418B;
  border: 2px solid #2B418B;
}
.sns_button a.twitter-btn-link {
  background-color: #3D97F1;
  border: 2px solid #3D97F1;
}
.sns_button a.line-btn-link {
  background-color: #00c300;
  border: 2px solid #00c300;
}
.sns_button a.pocket-btn-link {
  background-color: #ED243E;
  border: 2px solid #ED243E;
}
.sns_button a.feedly-btn-link {
  background-color: #2bb24c;
  border: 2px solid #2bb24c;
}
.sns_button div:hover {
}
.sns_button div a:hover {
  background-color: #fff;
  text-decoration: none;
}
.sns_button a.facebook-btn-link:hover {
  color: #2B418B;
}
.sns_button a.twitter-btn-link:hover {
  color: #3D97F1;
}
.sns_button a.line-btn-link:hover {
  color: #00c300;
}
.sns_button a.pocket-btn-link:hover {
  color: #ED243E;
}
.sns_button a.feedly-btn-link:hover {
  color: #2bb24c;
}



.icon-pocket:before {
  content: "\e900";
}

.icon-feedly:before {
  content: "\e902";
/*   color: white; */
}

.icon-line:before {
  content: "\e903";
/*   color: white; */
}

/*** goods ***/
.goods {
  border: 3px solid lightgreen;
  border-radius: 12px;
  margin: 0 38px 40px;
}

.goods table {
  width: auto !important;
}

.goods p {
  margin: 0;
}

.goods img {
  width: auto;
  height: auto;
}


/* tag */
.single .keywords {
  margin: 0 0 2em 0;
  padding: 0 40px;
  text-align: left;
}

.single .keywords a {
  color: #90B44B;
  font-weight: 600;
}

.single .keywords .count {
  color: lightgray;
}

.single .tag {
  display: inline-block;
  margin: 0 3px 6px;
}

.single .tag .count {
  font-size: 8px;
}

.wrap .tags {
  text-align: right;
  margin-right: 10px;
}

main .wrap .cat a {
	color: #65c976;	
}
main .wrap .cat a:hover {
    color: #4773BA;
}

/*** quote ***/
.single .wp-block-quote {
	display: flow-root;
	border-radius: 12px;
}
.single .wp-block-quote cite {
	float: right;
	font-size: 10px;
}

/*** goods ***/
.goods {
	padding: 10px;
}
.goods .row {
	margin: 0;
}
.goods .title p {
  padding-left: 0;
}
.goods .row.link {
  height: 75%;
}
.goods .link a {
	margin-right: 8px;
	padding-top: 6px;
    padding-bottom: 6px;
	text-align: center;
	color: #fff;
	font-weight: 600;
    font-size: 1em;
	transition: color 0.5s ease 0s, background-color 0.5s ease 0s;
}
.goods .link a:hover {
	background-color: #fff;
}
.goods a.btn-amazon {
	background-color: #ffb36b;
	border: 3px solid #ffb36b;
}
.goods a.btn-rakuten {
	background-color: #ea7373;
	border: 3px solid #ea7373;
}
.goods a.btn-amazon:hover {
	color: #ffb36b;
}
.goods a.btn-rakuten:hover {
	color: #ea7373;
}