/*
Theme Name: Simple Days Plus
Author: YAHMAN
Author URI: https://back2nature.jp/
Theme URI: https://back2nature.jp/themes/simpledays-plus
Description:Simple Days Plus is a child theme of Simple Days.Simple Days is a free responsive WordPress Blog theme.Visitors arrive by any devices.I designed it using a mobile-first approach.It is thus possible to improve usability of the smartphone.And of course, other devices is responsive.Moreover,you can also edit the design using its customizer.Google Fonts is 800 over.Right or Left or No sidebar.optimized for SEO, utilizing Schema.org microdata.And Gutenberg ready.Translation ready and currently translated in Japanese(日本語).If you use plugin of YAHMAN Add-ons, you can Pageviews,Google Adsense,Analytics,Social,Profile,Table of contents,notice,sitemap,OGP,Blog card,Twitter timeline,Facebook timeline,Accelerated Mobile Pages(AMP).Let's try it.
Version: 0.0.4
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Template: simple-days
Text Domain: simple-days-plus
Tags: custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, footer-widgets, full-width-template, grid-layout, left-sidebar, one-column, post-formats, right-sidebar, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, two-columns, blog, news
*/

/*Please write your code under. */
.post_body > p{margin: 1.8em 2.0em;}
.post_content{font-size:16px;line-height: 1.8;}
.tagcloud a{box-shadow:none;border: thin solid #ff7676;padding: 3px 5px;font-size:0.97em !important;line-height:1.0;margin: 2px;background-color: #ff7676;color:#fff !important;}

/*追記CSS*/
.side_other_site{padding:20px 10px;border-bottom:thin solid #ddd;}
.side_other_site h4{line-height:70px;}

/*カードリンク*/
.blog-card {
  background: rgba(251, 140, 0, 0.02);
  border: 1px solid #fb8c00;
  word-wrap: break-word;
  max-width: 100%;
  border-radius: 5px;
  margin: 0px 10px 15px 10px;
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, .2);
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.blog-card:hover {
  cursor: pointer;
  box-shadow: 0 10px 20px -5px rgba(0, 0, 0, .2);
  -moz-transform: translateY(-2px);
  -webkit-transform: translateY(-2px);
  transform: translateY(-2px);
}

.blog-card:before {
  font-family: FontAwesome;
  position: absolute;
  padding: 3px 8px;
  content: "\f02e 関連記事を見る";
  background-color: #fb8c00;
  color: #fff;
  font-size: 1.0em;
  z-index: 1;
}

.blog-card a {
  text-decoration: none;
}

.blog-card-thumbnail {
  width: 35%;
  display: table-cell;
  vertical-align: middle;
  padding: 10px 0 0 10px;
}

.blog-card-thumbnail img {
  padding: 0;
}

.blog-card-content {
  display: table-cell;
  vertical-align: middle;
  padding: 0 1.0em;
}

.blog-card-title {
  font-size: 1em;
  margin: 5px 10px 5px 0px;
  font-weight: bold;
  line-height: 1.4;
}

.blog-card-title:hover {
  text-decoration: underline;
}

.blog-card-excerpt {
  font-size: .9em;
  color: #4c4c4c;
  margin: 0 10px 5px 0;
  line-height: 1.6;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  text-overflow: ellipsis;
}

.blog-card .clear {
  clear: both;
}

@media screen and (max-width: 500px) {
  .blog-card:before {
    font-size: .56em;
  }
  .blog-card-title {
    font-size: .70em;
  }
  .blog-card-excerpt {
    font-size: .60em;
  }
}
/*カードリンクend*/

.well {
    border: solid 1px #f4f4f4;
    padding: 20px;
    background-color: #f2f1f3;
}

/*footerのp*/
.footerp{font-size: 0.85em;margin-top: 8px;}



@media (max-width:767px){
  .post_body > p{margin: 1.8em 0;}
  .post_content{font-size:16px;}  
}