/* Responsive:yes */

.sh-follow-btn-small a{display:inline-block;color:#111}.
/* タイトル下人気記事 */

#recommend-entries {
	background-color: #fff;
	padding: 48px 0;
}

#recommend-entries-inner {
	margin: 0 auto;
	max-width: 1101px;
	padding: 0 54px;
}

#recommend-entries .hatena-module-entries-access-ranking {
	margin-bottom: 0;
}

#recommend-entries .urllist-with-thumbnails {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
	margin: 0;
}

#recommend-entries .urllist-item {
	border-top: 0;
	/* float: left; */
	padding: 0;
	width: 20%;
	position: relative;
}

@media screen and (max-width: 1279px) {
	#recommend-entries-inner {
		max-width: 1065px;
	}
	#recommend-entries .urllist-item {
		width: 25%;
	}
	#recommend-entries .urllist-item:nth-child(5) {
		display: none;
	}
}

@media screen and (max-width: 1023px) {
	#recommend-entries-inner {
		max-width: 656px;
	}
	#recommend-entries .urllist-item {
		width: 33.3333%;
	}
	#recommend-entries .urllist-item:nth-child(4) {
		display: none;
	}
}

@media screen and (max-width: 767px) {
	#recommend-entries-inner {
		padding: 0 36px;
	}
}

@media screen and (max-width: 599px) {
	#recommend-entries .urllist-item {
		width: 50%;
	}
	#recommend-entries .urllist-item:nth-child(3) {
		display: none;
	}
}

@media screen and (max-width: 539px) {
	#recommend-entries .urllist-item {
		width: 100%;
	}
	#recommend-entries .urllist-item:nth-child(2) {
		display: none;
	}
/*	#recommend-entries {
		display: none;
	}*/
}

#recommend-entries .urllist-image-link {
	display: block;
	margin: 0;
	overflow: hidden;
}

#recommend-entries .urllist-image {
	box-sizing: border-box;
	float: none;
	margin: 0;
	opacity: 0.8;
	width: 100%;
	-webkit-transition: all .3s ease;
			transition: all .3s ease;
}

#recommend-entries .urllist-item:hover .urllist-image {
	opacity: 1;
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}

#recommend-entries .urllist-title-link {
	background-color: rgba(0, 0, 0, 0.5);
	background: transparent -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.5));
	background: transparent linear-gradient(transparent, rgba(0, 0, 0, 0.5));
	box-sizing: border-box;
	color: #fff;
	font-size: 0.8667em;
	font-weight: 700;
	line-height: 1.2;
	padding: 16px 12px 11px;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
}

#recommend-entries .bookmark-widget-counter {
	display: inline-block;
	line-height: 1;
	position: absolute;
	top: 10px;
	right: 12px;
}

/* Simple Title Box */
.title-box1{
  margin: 1em 0;
  padding: 1em;
  position: relative;
  border: 1px solid #555;
}

.title-box1-title{
  position: absolute;
  top: -0.8em;
  left: 20px;
  font-weight: bold;
  font-size: 1.2em;
  background: #fff;
  padding: 0 0.5em;
}

.title-box1 p{
  margin: 0;
  padding: 0;
}

/* ue no Title Box */

.title-box2{
  margin: 1em 0;
  background-color: #fff;
  border: 2px solid #333;
  letter-spacing: .3px;
}

.title-box2-title{
  color: #fff;
  font-weight: bold;
  background-color: #333;
  padding: 4px 6px;
  text-align: center;
}

.title-box2 p{
  margin: 0;
  padding: 1em;
}

/* Hitokoto */

.hitokoto{
  background: rgba(215, 253, 205, 0.61);
  margin: 2em 0;
  padding: 25px;
  border-radius: 10px;
}

.hitokoto-circle1{
  font-size: 16px;
  line-height: 1.5;
  position: absolute;
  margin-top: -37px;
  font-weight: bold;
  color: #fff;
  background-color:#4caf50;
  border-radius: 50%;
  text-align: center;
  width: 24px;
  height: 24px;
}

.hitokoto-circle1:after{
  content: "と";
  position: absolute;
  margin-top: .2em;
  font-weight: bold;
  color: #fff;
  background-color:#4caf50;
  border-radius: 50%;
  text-align: center;
  width: 24px;
  height: 24px;
}

.hitokoto-circle2:before{
  content: "";
  position: absolute;
  top: 100%;
  margin-left: -12px;
  border: 5px solid transparent;
  border-top: 10px solid #4caf50;
  -ms-transform: rotate(-20deg);
  -webkit-transform: rotate(-20deg);
  transform: rotate(-20deg);
}

.hitokoto-circle2{
  position: absolute;
  font-size: 16px;
  line-height: 1.5;
  margin-top: -37px;
  margin-left: 40px;
  font-weight: bold;
  color: #fff;
  background-color:#4caf50;
  border-radius: 50%;
  text-align: center;
  width: 24px;
  height: 24px;
}

.hitokoto-circle2:after{
  content: "と";
  position: absolute;
  margin-top: .2em;
  font-weight: bold;
  color: #fff;
  background-color:#4caf50;
  border-radius: 50%;
  text-align: center;
  width: 24px;
  height: 24px;
}

.hitokoto p{
  margin: 0;
  padding: 0;
}

/* Memo */

.memobox{
  margin: 1em 0;
  background-color: #fff9c4;
  padding: 1em;
}

.memobox-title{
  font-size: 18px;
  font-weight: bold;
  color: #ffc107;
}
.memobox-title:before{
  font-family: blogicon;
  content: "\f024";
  font-size: 16px;
}

.memobox p{
  margin: 0;
  padding: 0;
}

/* contion */

.cautionbox{
  margin: 1em 0;
  background-color: #ffebee;
  padding: 1em;
}

.cautionbox-title{
  color: #ef5350;
  font-size: 18px;
  font-weight: bold;
}

.cautionbox-title:before{
  font-family: blogicon;
  content: "\f041";
  font-size: 16px;
}

.cautionbox p{
  margin: 0;
  padding: 0;
}

/* Smart Box */

.smart-box{
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #5d627b;
    background: white;
    border-top: solid 5px #5d627b;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
}
.smart-box p {
    margin: 0; 
    padding: 0;
}

/* Cross */

.cross-box{
    margin:2em 0;
    position: relative;
    padding: 0.5em 1.5em;
    border-top: solid 2px black;
    border-bottom: solid 2px black;
}
.cross-box:before, .cross-box:after{
    content: '';
    position: absolute;
    top: -10px;
    width: 2px;
    height: -webkit-calc(100% + 20px);
    height: calc(100% + 20px);
    background-color: black;
}
.cross-box:before {left: 10px;}
.cross-box:after {right: 10px;}
.cross-box p {
    margin: 0; 
    padding: 0;
}

/* edge */

.edge-box {
    position: relative;
    padding:0.25em 1em;
}
.edge-box:before,.edge-box:after{ 
    content:'';
    width: 20px;
    height: 30px;
    position: absolute;
    display: inline-block;
}
.edge-box:before{
    border-left: solid 1px #5767bf;
    border-top: solid 1px #5767bf;
    top:0;
    left: 0;
}
.edge-box:after{
    border-right: solid 1px #5767bf;
    border-bottom: solid 1px #5767bf;
    bottom:0;
    right: 0;
}
.edge-box p {
    margin: 0; 
    padding: 0;
}

/* Point Box */

.point-box {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #95ccff;
    border-radius: 8px;
}
.point-box .point-box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #95ccff;
    font-weight: bold;
}
.point-box p {
    margin: 0; 
    padding: 0;
}


/* 記事の字間 */


div.entry-content p {

 line-height: 1.8em; 


}