/*!
Theme Name: Lolipop
Theme URI:
Author: obaydulla
Author URI: 
Description: Lolipop  is a clean and minimal blog for the users.Who want to create simple blog with amazing features. This theme is suitable for personal blogs, fashion, lifestyle blogs, craft galleries, photography sites and similar projects. Get ready to be noticed, with Lolipop.
Version: 1.0.5
Requires at least: 5.0
Requires PHP: 5.3
Tested up to: 5.7
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, custom-background, custom-logo, custom-menu, editor-style, featured-images, threaded-comments, translation-ready, education, footer-widgets
Text Domain: lolipop
*/
/**********パンくずリスト**********/
#crumbs{
padding:5px;
overflow:hidden;
margin-bottom:20px;
}
#crumbs li{
	list-style-type:none;
float: left;
font-size:85%;
padding-left:5px;
}
#crumbs li a{
    text-decoration:underline;
}
/* 関連記事メニュー */
.related {
  margin-top: 40px;
  margin-bottom: 20px;
}
.related h2 {
  padding: 0 0 0 7px;
  border-left: solid 8px #bac6cb;
  border-bottom: none;
  font-size: 20px;
}
.related h2:before {
  content: none;
}
.related ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.related li a {
    padding: 5px 0;
  border: none;
  color: #000000;
  flex: 1;
  font-size: 14px;
  text-decoration: none;
  display: block;
}
.related li .text p:first-child {
  font-size: 12px;
  line-height: 1.6em;
  color: #F5589C;
}
.related li .text div {
  font-size: 12px;
  line-height: 1.6em;
  color: #fff;
  background-color: #F5589C;
  text-align:center;
  margin-top:15px;
}
.related li a:hover {
  background-color: #eeeeee;
}

.renews{
	margin-bottom: 10px;
	margin-top:10px;
}
.renews dt{
	line-height: 1.6em;
}
.renews dd{
	margin-bottom: 10px;
	line-height: 1.6em;
	border-bottom: 1px dotted #EBE4E7;
}

 @media (min-width: 768px) {
.related ul {
  display: flex;
  flex-wrap:wrap;
}
.related li {
  display: flex;
  flex: 0 0 25%;
  padding: 0 5px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.related li .thumb {
  margin-bottom: 5px;
  max-width: 100%
}
.related li .text {
  margin-left: 0;
  padding: 2px;
  font-size: 12px;
}
.related li .text p {
  font-size: 12px;
  line-height: 1.6em;
  height:30px;
}
}