@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.2
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/* Setting */
@media screen and (max-width: 834px) {
  main.main, div.sidebar {
    padding: 0 1.25em;
  }
}
::marker {
  color: #b6babd;
}
a {
  color: #7a99cf;
}
a:hover {
  opacity: .7;
  transition: .3s;
  color: #7a99cf;
}
.a-wrap:hover {
  background-color: #fff;
  opacity: .5;
  transition: .3s;
}
blockquote {
  background-color: #f7fbfe;
  border-color: #ccdde6;
}
blockquote cite {
  font-size: .5em;
}
.wp-block-quote {
  line-height: 0.8;
}
.wp-block-quote p {
  margin-bottom: 1em;
  line-height: 1.4;
}
.grecaptcha-badge {
  visibility: hidden;
}
.grecaptcha-caption {
  font-size: .75rem;
  color: #999999;
  margin-bottom: 0!important;
}
.wp-block-contact-form-7-contact-form-selector {
  margin-bottom: 0;
}
#post-775 .entry-content.cf {
  margin-bottom: 0.625rem;
}

/* Blogcard */
.blogcard {
  border: 1px solid #ccdde6;
  border-radius: .25rem;
  padding: 1rem;
}
.blogcard-site {
  display: none;
}
.blogcard-snippet {
  display: none;
}
.blogcard-date {
  font-size: .75rem;
}
.blogcard-footer {
  padding-top: 0;
}
.blogcard-title {
  font-size: 1rem;
  color: #5b6266;
}
.blogcard-thumbnail,
.widget-entry-cards figure {
  width: 10rem;
}
article.article .widget-entry-cards .a-wrap {
  margin-bottom: 1rem;
  padding: 1rem;
  border: 1px solid #ccdde6;
  border-radius: .25rem;
  line-height: 1.6;
}
.popular-entry-card-link {
  color: #5b6266;
  font-weight: bold;
}

/* Add contents */
.contents-title,
.new-article-headline {
  font-size: 1.388888em;
  color: #043c78;
  margin: 0 0 .8em;
  padding-bottom: 0;
  line-height: 1;
  text-align: center;
}
@media screen and (max-width: 480px){
  .contents-cat-title {
    margin: 0 1.25rem .8em;
    margin-bottom: 6%;
  }
}
.contents-cat-title--topline {
  padding-top: 1.5625rem;
  border-top: 1px solid #ccdde6;
}
.new-article-headline {
  margin: 0 0 0.8em;
  padding-top: 2.5rem;
}
.content .list {
  margin-top: 0;
}
.contents-cat {
  width: 65%;
  margin: 0 auto 1.25rem;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  padding: 0;
  opacity: 1;
  transition: .8s;
}
@media screen and (max-width: 480px){
  .contents-cat {
    width: 100%;
  }
}
.contents-cat-list {
  list-style: none;
  position: relative;
  width: 8.9375rem;
  height: 8.9375rem;
  border: 3px solid #fde9b2;
  border-radius: 50%;
}
.contents-cat-link {
  text-decoration: none;
}
.contents-cat-image {
  margin: 1.25rem auto 0;
  width: 2.5rem;
  z-index: 1;
}
.contents-cat-icon {
  width: 100%;
}
.contents-cat-headline {
  display: block;
  margin: 0.3125rem auto 0;
  z-index: 1;
  font-size: 0.75em;
  text-align: center;
  font-weight: bold;
  line-height: 1.5;
  color: #5b6266;
}
.contents-cat-arrow {
  position: absolute;
  bottom: 0.75rem;
  right: 0;
  left: 0;
  font-size: 1em;
  text-align: center;
  color: #f8b500;
}
.cat-popular-posts .popular-entry-card-thumb {
  display: none;
}
.widget-entry-card-content {
  margin-left: 0;
}
@media screen and (max-width: 480px){
  .popular-entry-card-title, 
  .widget-entry-card-title {
    max-height: 6.125rem;
    overflow: hidden;
  }
}
.search-box + .widget_text {
  display: none;
}
.cat-popular-posts,
.cat-recommend-posts {
  width: 90%;
  display: flex;
  justify-content: space-around;
  padding: 0;
  margin: 0.6666em auto 0;
}
@media screen and (max-width: 834px){
  .cat-popular-posts,
  .cat-recommend-posts {
    display: none;
  }
}
.cat-recommend-posts {
  margin: 0 auto 2.2222em;
}
.cat-popular-post {
  list-style: none;
  width: 28%;
}
.cat-popular-post .popular-entry-cards {
  margin-bottom: 0;
}
.cat-recommend-post {
  list-style: none;
  width: 28%;
  position: relative;
}
#custom_html-3 {
  margin-bottom: 0;
}
.cat-recommend-button {
  font-size: .8333rem;
  text-decoration: none;
  border: 1px solid #ccdde6;
  display: block;
  padding: 1rem .625rem;
}
.cat-recommend-button::after {
  content: "\f054";
  font-size: .75rem;
  font-family: FontAwesome;
  color: #7a99cf;
  position: absolute;
  top: 50%;
  right: .625rem;
  transform: translateY(-50%);
}
.cat-popular-title {
  font-size: .9375rem;
  text-align: center;
  line-height: 1;
  color: #043c78;
  margin: 0 0 .625rem;
}
.cat-recommend-title {
  font-size: .8333rem;
  font-weight: bold;
  text-align: center;
  line-height: 1;
  color: #7a99cf;
  margin: 0 0 .375rem;
  display: block;
}
@media screen and (max-width: 834px){
  .cat-popular-title {
    display: none;
  }
}
.cat-recommend-text {
  padding-right: 1rem;
  display: block;
  line-height: 1.4;
}
.cat-popular-posts .widget-entry-card {
  font-size: .72222em;
  line-height: 1.4;
}
.cat-popular-posts .popular-entry-card-title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  overflow: hidden;
  height: 2.6em;
}
.blogcard, .ecb-entry-border .entry-card-wrap, .page-numbers, .pagination-next-link, .comment-btn, .index-tab-buttons .index-tab-button, .border-square a, .author-box {
  border-color: #ccdde6;
}
.add-contents-button {
  text-align: center;
  margin-bottom: 2rem;
}
.add-contents-button a.wp-block-button__link {
  padding: 0.5rem 1.5rem 0.5rem 3.25rem;
}
.add-contents-button a.wp-block-button__link img {
  width: 1.25rem;
  height: 1.25rem;
  position: absolute;
  top: 50%;
  left: 1.75rem;
  transform: translateY(-50%);
}
.add-contents a.wp-block-button__link {
  font-size: 1rem;
  color: #f8b500!important;
  background: #fff;
  position: relative;
  line-height: 1.5;  
}
.add-contents a.wp-block-button__link::after {
  content: "\f054";
  font-size: .75rem;
  font-family: FontAwesome;
  color: #f8b500;
  position: absolute;
  top: 50%;
  right: 0.625rem;
  transform: translateY(-50%);
}

/* Header */
.header-in.wrap {
  width: 100%;
}
.logo-image {
  padding: .83333em 0 .55555em;;
  line-height: 1;
}
@media screen and (max-width: 480px){
  .logo-image {
    padding: 1.25em 0 .8em;
  }
}
.tagline {
  line-height: 1.2;
  margin: 0 0 1.5625rem;
}
@media screen and (max-width: 480px){
  .tagline {
    margin-bottom: 1.5625rem;
  }
}
.tagline::after {
  content: "当ブログではアフィリエイト広告を利用しています";
  display: block;
  border: 1px solid #ccdde6;
  border-right: none;
  border-left: none;
  color: #7a99cf;
  margin: 0.5rem auto 1.42857em;
  padding: 0.3125rem 0;
}
@media screen and (max-width: 480px){
  .tagline::after {
    margin-bottom: 1.25rem;
  }
}
.site-name-text {
  width: 40%;
}
.content {
  margin-top: 0;
}

/* Search Box */
.content-bottom {
  margin: 2.222em auto 2.777em;
}
.search-box {
  width: 75%;
  margin: 0 auto;
}
.search-submit {
  color: #ccdde6;
}
.search-edit, input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea, select {
  padding: 6px 15px;
  font-size: .8em;
  color: #6d767b;
  border-radius: 18px;
  border-color: #ccdde6;
  outline: none;
}

/* Article List */
.wrap {
  width: 70%;
}
@media screen and (max-width: 834px){
  .wrap {
    width: 100%;
  }
}
.main {
  padding: 0;
}
@media screen and (max-width: 834px){
  .main {
    padding: 16px 20px;
  }
}
.list {
  padding-top: 1.111111em;
  margin-top: 0.55555em;
  border-top: 1px solid #ccdde6;
}
@media screen and (max-width: 480px){
  .list {
    padding-top: 6%;
    margin-top: 4.5%;
  }
}
.entry-card {
  margin-bottom: .666666em;
}
@media screen and (max-width: 480px){
  .entry-card {
    margin-bottom: 0;
  }
}
.widget h2.widget-list-title,
.archive-title {
  font-size: 1.3888em;
  color: #043c78;
  line-height: 1;
  text-align: center;
  margin-top: 0;
}
.archive-title > span {
  display: none;
}
.archive-title + .search-box {
  margin-bottom: 2.2222em;
}
.wp-block-buttons.is-layout-flex {
  justify-content: center;
}
.entry-card-wrap {
  border-bottom: 1px solid #ccdde6;
}
.entry-card-wrap.a-wrap {
  padding: 0;
  margin-bottom: 1.111111em;
}
@media screen and (max-width: 480px){
  .entry-card-wrap.a-wrap {
    padding: 0 0 5%;
    margin-bottom: 6%;
  }
}
.entry-card-thumb {
  width: 27%;
}
@media screen and (max-width: 1282px) {
  .entry-card-thumb {
    width: 38%;
  }
}
.entry-card-content {
  margin-left: 28%;
}
.entry-card-thumb, .widget-entry-card-thumb, .related-entry-card-thumb, .carousel-entry-card-thumb {
  margin-top: 0;
}
@media screen and (max-width: 480px){
  .entry-card-thumb, .author-thumb, .blogcard-thumbnail, .related-entry-card-thumb, .popular-entry-card-thumb, .new-entry-card-thumb {
    margin-right: 2.5%;
  }
}
.entry-card-meta, .related-entry-card-meta {
  bottom: 0.55555em;
}
@media screen and (max-width: 480px){
  .entry-card-meta, .related-entry-card-meta {
    bottom: 0;
  }
}
.ect-entry-card .card-thumb, .rect-entry-card .card-thumb, .ect-big-card-first .card-thumb {
  margin-bottom: 0;
}
.entry-card-title, .related-entry-card-title {
  margin: 0;
  padding-top: 1.5%;
  color: #5b6266;
}
@media screen and (max-width: 1023px) {
  .e-card-title {
    font-size: 1em;
  }
  .entry-card, .related-entry-card, .e-card-title {
      line-height: 1.5;
  }
}
.entry-card-info > * {
  padding: 0;
  font-size: .66666em;
  color: #5b6266;
}
@media screen and (max-width: 480px) {
  .entry-card-info > * {
    font-size: .55555em;
  }
}
.e-card-info > span {
  margin-right: 0;
}
.post-date > span.fa {
  display: none;
}
.ect-3-columns .entry-card-wrap {
  width: 30%;
}
.ect-vertical-card .entry-card-wrap {
  margin-bottom: 3%;
}
.cat-label {
  display: none;
}
.pagination-next {
  display: none;
}
.pagination {
  margin: 0;
}
.pagination a:hover {
  color: #7a99cf;
  background-color: #fff;
  transition: all .3s ease-in-out;
  opacity: .7;
}
.page-numbers {
  font-size: .5555em;
  color: #7a99cf;
  font-weight: bold;
  border-radius: 50%;
  height: 3.333em;
  width: 3.333em;
  line-height: 3.333em;
  border: 1px solid #ccdde6;
}
.pagination .current {
  color: #f8b500;
  background-color: #fff;
  border: 1px solid #f8b500;
}
.pagination .next,
.pagination .prev {
  display: none;
}

/* Search Category */
.search-cat-image {
  width: 6%;
  margin: 0 auto .27777em;
}
@media screen and (max-width: 834px) {
  .search-cat-image {
    width: 10%;
  }
}
@media screen and (max-width: 480px) {
  .search-cat-image {
    width: 15%;
  }
}

/* Article */
.article {
  border-bottom: 1px solid #ccdde6;
  margin: 0 8%;
}
@media screen and (max-width: 1023px) {
  .article {
    margin: 0;
  }
}
.article-header {
  border-bottom: 1px solid #ccdde6;
}
.entry-title {
  padding: 0;
}
@media screen and (max-width: 480px) {
  .entry-title{
    font-size: 1.375em;
  }
}
.article h1 {
  color: #043c78;
  line-height: 1.4;
}
.article h2 {
  background-color: #fff;
  position: relative;
  padding: .2em 0 .2em .7em;
  margin-top: 3.6em;
  color: #043c78;
  line-height: 1.4;
}
.article h2::before {
  content: "";
  position: absolute;
  width: 5px;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #f8b500;
}
.article h3 {
  border: none;
  position: relative;
  padding: 0 0 0 .7em;
  margin-top: 3em;
  color: #043c78;
  line-height: 1.4;
}
.article h3::before {
  content: "";
  position: absolute;
  width: 0px;
  height: 0px;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  border-top: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 8px solid #f8b500;
}
.article h2 + h3 {
  margin-top: 1.2em;
}
.article h4::before {
  content: "";
  width: 1.5rem;
  height: 2px;
  background-color: #f8b500;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.article h4 {
  border: none;
  padding: 0 0 0 1.875rem;
  font-size: 1rem;
  color: #043c78;
  position: relative;
  line-height: 1.4;
}
.toc {
  border: 1px solid #ccdde6;
  width: 100%;
}
.toc-title::after,
.toc-checkbox:checked+.toc-title::after {
  color: #7a99cf;
  font-weight: bold;
  text-decoration: none!important;
}
.toc-checkbox:checked+.toc-title:hover::after {
  opacity: .7;
  transition: .3s;
}
.toc-title {
  color: #5b6266;
}
.toc a {
  color: #7a99cf;
}
.toc a:hover {
  opacity: .7;
  transition: .3s;
  text-decoration: none;
}
figure.wp-block-table table {
  width: 100%;
}
.wp-block-table.aligncenter figcaption {
  text-align: center;
}
table th, table td {
  border: 1px solid #ccdde6;
}
table td:first-of-type {
  width: 35%;
}
table td:last-of-type {
  width: 65%;
}
table tr:nth-of-type(2n+1) {
  background-color: #f7fbfe;
}
.instagram-media {
  margin:0 auto 12px!important;
}
.video-container, .instagram-container, .facebook-container {
  margin: 30px auto;
}
div.speech-balloon,
.speech-icon img,
.speech-icon amp-img {
  border: 2px solid #ccdde6!important;
}
.speech-balloon::before {
  border-right-color: #ccdde6!important;
}
.sbp-r .speech-balloon::before {
  border-left-color: #ccdde6!important;
}
.speech-wrap .speech-balloon {
  color: #043c78;
}
@media screen and (max-width: 480px) {
  .speech-wrap .speech-balloon {
    padding: 7px 12px;
  }
  .speech-wrap .speech-balloon::after {
    left: -4px;
  }
}
.twitter-tweet {
  margin: 10px auto;
}
.article a.wp-block-button__link {
  font-size: 1rem;
  font-weight: bold;
  color: #fff!important;
  background: #f8b500;
  border-radius: 9999rem;
  border: 1px solid #f8b500;
  position: relative;
  padding: 0.75rem 4rem 0.75rem 3.5rem;
  line-height: 1.5;
}
.article a.wp-block-button__link::after {
  content: "\f054";
  font-size: .75rem;
  font-family: FontAwesome;
  color: #fff;
  position: absolute;
  top: 50%;
  right: 1.5rem;
  transform: translateY(-50%);
}
.add-contents-button a.wp-block-button__link {
  font-size: .875rem;
  border: none;
  width: 10.625rem;
}
/* post-date */
.entry-title + .eye-catch-wrap + .date-tags {
  margin-top: -12px;
}
@media screen and (max-width: 480px) {
  .entry-title + .eye-catch-wrap + .date-tags {
    margin-top: 0;
  }
}
.post-date, .post-update, .post-author, .amp-back {
  margin-right: 0;
}

/* Category link */
.cat-link {
  border: 1px solid #f8b500;
  color: #f8b500;
  background-color: #fff;
  padding: 6px;
}
.cat-link:hover {
  color: #f8b500;
}
.cat-link .fa-folder {
  display: none;
}
.entry-categories-tags {
  line-height: 1;
}
.entry-categories-tags > div {
  margin-bottom: 0;
}
.blogcard-wrap {
  width: 100%;
}

/* Share button */
.sns-share, .sns-follow {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin: 0 0 24px;
}
.sns-share-buttons {
  width: 20%;
}
@media screen and (max-width: 834px) {
  .sns-share-buttons {
    width: 50%;
  }
}
.sns-buttons a {
  background-color: #fff;
  color: #5b6266;
}
.sns-buttons a:hover {
  color: #5b6266;
}
.ss-top .sns-share-buttons a, .ss-bottom .sns-share-buttons a {
  color: #7a99cf;
}
@media screen and (max-width: 834px) {
  .ss-top .sns-share-buttons a, .ss-bottom .sns-share-buttons a {
    font-size: 1.5em;
  }
}
.ss-top .sns-share-buttons a:not(:last-of-type) .button-caption,
.ss-bottom .sns-share-buttons a:not(:last-of-type) .button-caption {
  display: none;
}
.ss-top .sns-share-buttons a .button-caption,
.ss-bottom .sns-share-buttons a .button-caption {
  font-size: 0.4em!important;
  white-space: nowrap;
  position: absolute;
  top: 32px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.sns-share.ss-high-and-low-lc a .social-icon,
  .sns-share.ss-high-and-low-cl a .social-icon,
  .sns-sharess-high-and-low-lc a .button-caption,
  .sns-share.ss-high-and-low-cl a .button-caption {
    font-size: 1.1em;
  }
@media screen and (max-width: 1023px){
  .sns-share.ss-high-and-low-lc a .social-icon,
  .sns-share.ss-high-and-low-cl a .social-icon,
  .sns-sharess-high-and-low-lc a .button-caption,
  .sns-share.ss-high-and-low-cl a .button-caption {
    font-size: .9em;
  }
}
.sns-share-message, .sns-follow-message {
  font-size: 0.7777em;
  font-weight: 700;
  margin: 0 0.5555em 0 0;
  padding-right: 1em;
  border-right: 1px solid #ccdde6;
}

/* Related */
.related-entry-heading {
  font-size: 1.3888em;
  color: #043c78;
  margin: 1.5em 0 .5em;
  padding-bottom: 0;
  line-height: 1;
  text-align: center;
}
.related-entries {
  border-bottom: 1px solid #ccdde6;
  padding: 0 1.5em;
  margin: 0 8%;
}
@media screen and (max-width: 1023px) {
  .related-entries {
    margin: 0;
  }
}
.rect-mini-card .related-entry-card-wrap {
  padding: 6% 0;
  margin-bottom: 0;
}
@media screen and (max-width: 480px){
  .rect-mini-card .related-entry-card-wrap:not(:last-of-type) {
    border-bottom: 1px solid #ccdde6;
  }
}

/* Page */
.page .date-tags {
  display: none;
}

/* Breadcrumb */
.breadcrumb a {
  color: #7a99cf;
}
.breadcrumb a:hover {
  opacity: .7;
  transition: .3s;
}
.breadcrumb-item .fa-folder,
.breadcrumb-item .fa-file-o {
  display: none;
}

/* Form */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea {
  border-radius: .25rem;
  resize: none;
}
.wpcf7-form-label-title {
  font-weight: bold;
}
.wpcf7-form-control.wpcf7-radio {
  display: flex;
  flex-direction: column;
}
.wpcf7-list-item-label {
  font-size: 1rem;
}
.wpcf7 input[type='submit'] {
  width: 60%;
  display: block;
  margin: 4rem auto 0;
  font-weight: bold;
  color: #7a99cf;
  background-color: #fff;
  border-color: #7a99cf;
  border-radius: .25rem;
}
@media screen and (max-width: 834px) {
  .wpcf7 input[type='submit'] {
    width: 100%;
  }
}
.wpcf7 form .wpcf7-response-output {
  margin: 1em 0!important;
  padding: 0!important;
  border: none!important;
  text-align: center;
  font-weight: bold;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
  color: #f8b500;
}
.wpcf7 form.sent .wpcf7-response-output {
  color: #043c78;
}
.wpcf7 .wpcf7-response-output::before {
  font-family: 'FontAwesome';
  margin-right: .625rem;
}
.wpcf7 form.sent .wpcf7-response-output::before {
  content: "\f058";
}
.wpcf7 form.invalid .wpcf7-response-output::before,
.wpcf7 form.unaccepted .wpcf7-response-output::before,
.wpcf7 form.payment-required .wpcf7-response-output::before {
  content: "\f071";
}
.wpcf7-not-valid-tip {
  color: #f8b500!important;
  font-size: .875rem!important;
  margin-top: 5px;
}

/* Footer */
.footer-bottom {
  margin-top: 0;
}
.breadcrumb + .footer .footer-bottom {
  margin: 0 8%;
}
@media screen and (max-width: 1023px) {
  .breadcrumb + .footer .footer-bottom {
    margin: 0;
  }
}
.breadcrumb.sbp-main-before, .breadcrumb.sbp-footer-before, .breadcrumb.pbp-main-before, .breadcrumb.pbp-footer-before {
  padding: .6em 6%;
}
@media screen and (max-width: 1023px) {
  .breadcrumb.sbp-main-before, .breadcrumb.sbp-footer-before, .breadcrumb.pbp-main-before, .breadcrumb.pbp-footer-before {
    padding: .6em 1em;
  }
}
.navi-footer-in > .menu-footer {
  margin-bottom: 0.5555em;
}
.navi-footer-in a:hover {
  background-color: #043c78;
}
@media screen and (max-width: 1023px){
  .navi-footer-in > .menu-footer li.menu-item {
    font-size: 0.7777em;
    line-height: 1.3;
    border-right: 1px solid #fff;
  }
  .navi-footer-in > .menu-footer li.menu-item:first-of-type {
    border-left: 1px solid #fff;
  }
}
@media screen and (max-width: 480px) {
  .navi-footer-in > .menu-footer li.menu-item {
    width: 46%;
    border-right: none;
    border-bottom: 1px solid #fff;
    padding: 0 0 0.9375em;
    margin: 0.9375em 2% 0;
  }
  .navi-footer-in > .menu-footer li.menu-item:first-of-type {
    border-left: none;
  }
}
.navi-footer-in > .menu-footer li.menu-item a {
  line-height: 1.2;
}
.copyright {
  margin-top: 0;
  font-size: 0.5555em;
}

/* Label Box */
.label-box-label.block-box-label.box-label {
  padding: 0;
  margin: 0;
}
.label-box-label-text.block-box-label-text.box-label-text {
  padding: 0 .75rem;
  background: #043c78;
  text-shadow: none;
  color: #fff;
  border-radius: .375rem .375rem 0 0;
}
.wp-block-cocoon-blocks-label-box-1 .label-box-content {
  margin-top: -0.1875rem;
  border: .1875rem solid #043c78;
  color: #043c78;
  border-radius: 0 .375rem .375rem .375rem;
  padding: 0.5em 0.8em;
}

/* Go to top */
.go-to-top-button {
  border: 1px solid #ccdde6;
  border-radius: 50%;
}
.go-to-top-button span {
  margin-bottom: 3px;
}

/* Adsense */
.ad-area {
  margin: 1.5em 0;
}
.under-entry-content .ad-area {
  margin: 1.5em 8% 0;
}
.ad-label {
  font-size: 12px;
  text-align: center;
}
.adsbygoogle ins {
  width: 100%!important;
}
.add-contents .ad-label {
  margin-top: 1.25rem;
}

/* Affiliate */
.booklink-box, .kaerebalink-box, .tomarebalink-box, .product-item-box {
  border: none;
  background-color: #fef8e6;
  width: 100%;
}
.shoplinkamazon > a,
.shoplinkrakuten > a,
.shoplinkyahoo > a,
.shoplinkbtn > a {
  background: #fff;
  border: 1px solid #f8b500;
  color: #f8b500;
}
.product-item-buttons div:first-of-type {
  margin-left: 0;
}
.m-amazon-link {
  background-color: #fef8e6;
  display: flex;
  padding: 1.375rem 1.5625rem;
  line-height: 1.5;
  text-decoration: none;
}
.m-amazon-link img {
  margin-right: 1.5625rem;
}
.m-amazon-text {
  display: flex;
  flex-direction: column;
}
.m-amazon-linktext {
  font-size: .8em;
  color: #5b6266;
}

/* Walkthrough Article */
.hidden-walkthrough {
  display: none;
}
.hidden-walkthrough--opened {
  display: block;
}
.open-walkthrough-button {
  appearance: none;
  border: 1px solid #ccdde6;
  color: #7a99cf;
  font-weight: bold;
  background-color: #fff;
  padding: .375rem 2rem .375rem 1rem;
  position: relative;
}
.open-walkthrough-button::after {
  content: "\f078";
  font-family: "Font Awesome 5 Free", FontAwesome;
  font-weight: 400;
  position: absolute;
  top: 50%;
  right: .625rem;
  transform: translateY(-50%);
}
.open-walkthrough-button.open-walkthrough-button--opened::after {
  content: "\f077";
}

/* Font Awesome */
.fa-inpost {
  color: #f8b500;
  margin: 0 auto;
  font-size: 4.375rem;
  /* line-height: .03125em;
  vertical-align: -0.1875em; */
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}