/* <system section="theme" selected="8599973812282948714"> */
/*! normalize.css v6.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
========================================================================== */

/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in
*    IE on Windows Phone and in iOS.
*/

html {
	line-height: 1.15; /* 1 */
	-ms-text-size-adjust: 100%; /* 2 */
	-webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
========================================================================== */

/**
* Add the correct display in IE 9-.
*/

article,
aside,
footer,
header,
nav,
section {
	display: block;
}

/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/* Grouping content
========================================================================== */

/**
* Add the correct display in IE 9-.
* 1. Add the correct display in IE.
*/

figcaption,
figure,
main { /* 1 */
	display: block;
}

/**
* Add the correct margin in IE 8.
*/

figure {
	margin: 1em 40px;
}

/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/

hr {
	box-sizing: content-box; /* 1 */
	height: 0; /* 1 */
	overflow: visible; /* 2 */
}

/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/

pre {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}

/* Text-level semantics
========================================================================== */

/**
* 1. Remove the gray background on active links in IE 10.
* 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
*/

a {
	background-color: transparent; /* 1 */
	-webkit-text-decoration-skip: objects; /* 2 */
}

/**
* 1. Remove the bottom border in Chrome 57- and Firefox 39-.
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/

abbr[title] {
	border-bottom: none; /* 1 */
	text-decoration: underline; /* 2 */
	text-decoration: underline dotted; /* 2 */
}

/**
* Prevent the duplicate application of `bolder` by the next rule in Safari 6.
*/

b,
strong {
	font-weight: inherit;
}

/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/

b,
strong {
	font-weight: bolder;
}

/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}

/**
* Add the correct font style in Android 4.3-.
*/

dfn {
	font-style: italic;
}

/**
* Add the correct background and color in IE 9-.
*/

mark {
	background-color: #ff0;
	color: #000;
}

/**
* Add the correct font size in all browsers.
*/

small {
	font-size: 80%;
}

/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
========================================================================== */

/**
* Add the correct display in IE 9-.
*/

audio,
video {
	display: inline-block;
}

/**
* Add the correct display in iOS 4-7.
*/

audio:not([controls]) {
	display: none;
	height: 0;
}

/**
* Remove the border on images inside links in IE 10-.
*/

img {
	border-style: none;
}

/**
* Hide the overflow in IE.
*/

svg:not(:root) {
	overflow: hidden;
}

/* Forms
========================================================================== */

/**
* Remove the margin in Firefox and Safari.
*/

button,
input,
optgroup,
select,
textarea {
	margin: 0;
}

/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/

button,
input { /* 1 */
	overflow: visible;
}

/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/

button,
select { /* 1 */
	text-transform: none;
}

/**
* 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
*    controls in Android 4.
* 2. Correct the inability to style clickable types in iOS and Safari.
*/

button,
html [type="button"], /* 1 */
[type="reset"],
[type="submit"] {
	-webkit-appearance: button; /* 2 */
}

/**
* Remove the inner border and padding in Firefox.
*/

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
* Restore the focus styles unset by the previous rule.
*/

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
*    `fieldset` elements in all browsers.
*/

legend {
	box-sizing: border-box; /* 1 */
	color: inherit; /* 2 */
	display: table; /* 1 */
	max-width: 100%; /* 1 */
	padding: 0; /* 3 */
	white-space: normal; /* 1 */
}

/**
* 1. Add the correct display in IE 9-.
* 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/

progress {
	display: inline-block; /* 1 */
	vertical-align: baseline; /* 2 */
}

/**
* Remove the default vertical scrollbar in IE.
*/

textarea {
	overflow: auto;
}

/**
* 1. Add the correct box sizing in IE 10-.
* 2. Remove the padding in IE 10-.
*/

[type="checkbox"],
[type="radio"] {
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
}

/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/

[type="search"] {
	-webkit-appearance: textfield; /* 1 */
	outline-offset: -2px; /* 2 */
}

/**
* Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
*/

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
	-webkit-appearance: button; /* 1 */
	font: inherit; /* 2 */
}

/* Interactive
========================================================================== */

/*
* Add the correct display in IE 9-.
* 1. Add the correct display in Edge, IE, and Firefox.
*/

details, /* 1 */
menu {
	display: block;
}

/*
* Add the correct display in all browsers.
*/

summary {
	display: list-item;
}

/* Scripting
========================================================================== */

/**
* Add the correct display in IE 9-.
*/

canvas {
	display: inline-block;
}

/**
* Add the correct display in IE.
*/

template {
	display: none;
}

/* Hidden
========================================================================== */

/**
* Add the correct display in IE 10-.
*/

[hidden] {
	display: none;
}

/*
Theme: gray
Author: kewpiedesign
Description:
写真が映えるようにデザインした、シンプルな1カラムのテーマ。
Responsive: yes
*/

@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);

body {
	font-family: 'Montserrat', '游ゴシック', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', sans-serif;
	color: #212121;
	font-size: 14px;
}

body a {
	color: #515151;
	text-decoration: none;
}

#container {
	max-width: 800px;
	margin: 0 auto;
}

#blog-title {
	text-align: center;
	margin: 100px 0;
}

#title {
	font-size: 30px;
	margin: 0;
}

#blog-description {
	font-size: 13px;
	font-weight: normal;
	font-style: italic;
	letter-spacing: 5px;
	margin: 10px 0 0;
}

.header-image-enable #blog-title #blog-title-inner {
	display: table;
	width: 100%;
}

.header-image-enable #blog-title-content {
	display: table-cell;
	vertical-align: middle;
}

.entry {
	margin-bottom: 100px;
	position: relative;
}

.entry-header-menu {
	position: absolute;
	right: 0px;
	top: 0px;
	padding: 6px 12px;
	font-size: 12px;
	background-color: #F5F7FA;
	border-radius: 3px;
}

.entry-date {
	font-size: 13px;
	text-align: center;
}

.entry-date a {
	display: inline-block;
	background-color: #515151;
	color: #fff;
	text-decoration: none;
	padding: 5px 8px;
}

.entry-title {
	text-align: center;
	margin: 10px 0;
	font-family: 'Montserrat', 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', sans-serif;
	font-size: 20px;
	font-weight: normal;
	line-height: 1.5;
	letter-spacing: 1px;
}

.entry-categories {
	text-align: center;
	font-size: 12px;
}

.entry-categories a {
	background-color: #F5F7FA;
	border-radius: 3px;
	color: #515151;
	padding: 3px 8px;
	margin-right: 3px;
}

.entry-content {
	margin: 30px 0;
	line-height: 1.75;
}

.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {
	margin: 1em 0;
}

.entry-content h1 {
	font-size: 27px;
}

.entry-content h2 {
	font-size: 25px;
}

.entry-content h3 {
	font-size: 23px;
}

.entry-content h4 {
	font-size: 21px;
}

.entry-content h5 {
	font-size: 19px;
}

.entry-content h6 {
	font-size: 17px;
}

.entry-content h1,h2,h3,h4,h5,h6 {
	margin: 0;
	line-height: 1.5;
}

.entry-content li {
	margin: 0 0 1em;
}

.entry-content hr {
	width: 50px;
	border: 1px solid #F5F7FA;
	margin: 30px auto;
}

.entry-content blockquote {
	padding: 20px 25px;
	margin: 20px 0;
	background: #F5F7FA;
}

.entry-content blockquote p {
	margin: 0 0 0.5em;
	font-style: italic;
}

.entry-content blockquote a {
	text-decoration: underline;
	font-style: italic;
}

.entry-content table {
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 1em;
}

.entry-content table td,
.entry-content th {
	border: 1px solid #F5F7FA;
	padding: 5px 10px;
}

.entry-content table th {
	background-color: #F5F7FA;
}

.entry-content pre {
	border: 1px solid #F5F7FA;
	padding: 20px;
}

.hatena-asin-detail {
	background-color: #F5F7FA;
	padding: 20px;
	margin: 1.5em 0;
}

.hatena-asin-detail li {
	margin: 0;
}

.hatena-asin-detail a {
	text-decoration: underline;
}

.hatena-asin-detail-title {
	margin: 0 0 5px;
}

.hatena-asin-detail li:last-child {
	padding: 0 0 5px;
}

.hatena-asin-detail-foot {
	display: none;
}

.entry-footer {
	text-align: center;
}

.entry-footer-section .author {
	margin-right: 5px;
}

.hatena-star-container {
	margin: 1.5em 0;
}

.social-buttons {
	margin: 1.5em 0;
}

.google-afc-image {
	margin: 1em 0;
}

.comment {
	margin: 20px 0 50px;
	padding: 0;
	list-style-type: none;
	text-align: left;
}

.entry-comment {
	padding: 20px 0 20px 60px;
	border-top: 1px solid #F5F7FA;
	border-bottom: 1px solid #F5F7FA;
}

.entry-comment:nth-child(n+2) {
	border-top: 0;
}

.comment-box .hatena-id-icon {
	width: 50px;
	height: auto;
	border-radius: 50%;
	position: absolute;
	top: 0;
	left: 0;
	margin: 20px 0 0;
}

.comment-user-name {
	margin: 0 0 10px;
}

.comment-content p {
	margin: 5px 0;
	line-height: 1.7;
}

.comment-metadata {
	margin: 0;
}

.leave-comment-title {
	display: block;
	background-color: #F5F7FA;
	color: #515151;
	padding: 12px 16px;
	line-height: 1.5;
	transition: all .2s;
	background-color: #F5F7FA;
	border: 1px solid #fff;
}

.leave-comment-title:hover {
	background-color: #fff;
	border: 1px solid #F5F7FA;
}

.pager-prev {
	float: left;
	text-align: left;
}

.pager-next {
	float: right;
	text-align: right;
}

.pager-prev, .pager-next {
	width: 50%;
}

#box2 {
	clear: both;
	margin: 200px 0;
}

.hatena-module {
	margin-bottom: 50px;
}

.hatena-module-title {
	font-size: 15px;
	line-height: 2;
	letter-spacing: 3px;
	margin-bottom: 20px;
	border-bottom: 2px solid #F5F7FA;
	display: inline-block;
}

.hatena-urllist {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.hatena-urllist li {
	margin: 0 0 20px;
}

.hatena-urllist .urllist-title-link {
	margin: 3px 0;
	line-height: 1.5;
	display: block;
}

.hatena-urllist .urllist-category-link {
	background-color: #F5F7FA;
	border-radius: 3px;
	color: #515151;
	padding: 3px 6px;
}

.hatena-urllist .urllist-image {
	margin: 0 10px 0;
}

.hatena-urllist .urllist-entry-body {
	margin: 5px 0 0;
}

.hatena-module-profile .profile-icon {
	border-radius: 50%;
	float: left;
	margin: 0 10px 10px 0;
}

.hatena-module-profile .profile-description p {
	margin: 5px 0 0;
	line-height: 1.7;
}

.hatena-module-profile .profile-description .name {
	line-height: 3;
}

.hatena-module-search-box .search-form {
	width: 100%;
	border: 1px solid #cecece;
	border-radius: 3px;
	position: relative;
	box-sizing: border-box;
}

.hatena-module-search-box .search-module-input {
	width: 90%;
	border: 0;
	padding: 8px;
	margin: 0;
	font-size: 13px;
	color: #515151;
	background-color: transparent;
	outline: none;
}

.hatena-module-search-box .search-module-button {
	background: url(http://f.st-hatena.com/images/fotolife/k/kewpiedesign/20160227/20160227174534.png) no-repeat right;
	background-size: 16px 16px;
	text-indent: -9999px;
	width: 25px;
	position: absolute;
	right: 7px;
	border: 0;
	padding: 6px;
	margin: 0;
}

.hatena-module-archive .archive-module-year-title {
	padding-bottom: 5px;
}

#footer {
	text-align: center;
}

.page-about .entry-content dt {
	font-size: 15px;
	line-height: 2;
	letter-spacing: 3px;
	margin-bottom: 20px;
	border-bottom: 2px solid #F5F7FA;
	display: inline-block;
}

.page-about .entry-content dd {
	margin: 0 20px 20px;
}

.page-archive .archive-heading {
	text-align: center;
	margin: 0 0 50px;
}

.page-archive .breadcrumb {
	text-align: center;
	margin: 50px 0;
}

.page-archive .ad-online-afc {
	margin: 0 0 50px;
}

.page-archive .archive-entry {
	margin-bottom: 50px;
}

.page-archive .date {
	font-size: 13px;
	text-align: center;
}

.page-archive .date a {
	display: inline-block;
	background-color: #515151;
	color: #fff;
	text-decoration: none;
	padding: 5px 8px;
}

.page-archive. .entry-title {
	text-align: center;
	margin: 10px 0;
	font-family: 'Montserrat', 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', sans-serif;
	font-size: 20px;
	font-weight: normal;
	line-height: 1.5;
	letter-spacing: 1px;
}

.page-archive .categories {
	text-align: center;
	font-size: 12px;
}

.page-archive .categories a {
	background-color: #F5F7FA;
	border-radius: 3px;
	color: #515151;
	padding: 3px 6px;
	margin-right: 3px;
}

.page-archive .entry-thumb {
	margin: 20px 10px 0 0;
}

.page-archive .entry-description {
	margin: 20px 0 10px;
	line-height: 1.7;
}

.page-archive #box2 {
	margin: 100px 0;
}

.page-archive .search-result-form {
	margin: 0 auto;
}

.page-archive .search-result {
	margin-bottom: 50px;
}

@media (max-width: 767px) {
	#blog-title {
		margin: 50px 20px;
	}

	#title {
		font-size: 20px;
	}

	#blog-description {
		font-size: 12px;
	}

	#main {
		width: auto;
		float: none;
		margin: 20px;
	}

	.entry {
		margin-bottom: 30px:
	}

	.entry-title {
		font-size: 20px;
		word-break: break-all;
	}

	.browsing-with-smartphone .ad-online-afc {
		margin: 1em 0;
	}

	#box2 {
		width: auto;
		float: none;
		padding: 50px 20px;
	}

	.page-archive .archive-heading {
		margin: 30px 0;
		line-height: 1.3;
	}

	.page-archive .breadcrumb {
		margin: 20px;
	}

	.page-archive .ad-online-afc {
		margin: 30px 0;
	}

	.adx-responsive-mode {
		margin: 0;
		padding: 1em 0;
	}

	.page-archive .search-result {
		margin-bottom: 30px;
	}
}
/* </system> */

.clear {
clear:both;　/*floatの解除*/
}

.guest-footer-content{
display: none;
}

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

/*--------------------------------------
blogicon
--------------------------------------*/
margin:0 auto;}

.bx-wrapper .bx-caption span{
  font-size:60%!important;
  padding:5px!important;
  line-height: 1.3em;
}

.slider div {
  display: none;
}
.bx-viewport .slider div {
  display: block !important;
}

/*--------------------------------------
 グッズ情報 メモ風
--------------------------------------*/
.memoxtop .slide-inner-title{background:hsla(0,0%,100%,.8);position:absolute;left:0;bottom:0;width:100%;text-shadow:0 0 3px hsla(0,0%,100%,.8)}
.memoxtop{
  position:relative;
  display:block;width:30%;font-size:.8rem;box-shadow:0 0 3px rgba(0,0,0,.1);position:relative;height:180px;background-size:cover;background-position:50% 50%;
  margin:2em auto;
  padding:1.5em 1em;
  transform: rotate(-2deg);
  box-shadow:1px 1px 4px rgba(0,0,0,0.2);
  color:#795548;
}
.memoxtop::before{
  content:'';
  color:red;
  position:relative;
  display:inline-block;

  border-radius: 0 0 40% 5% / 0 0 15% 20%;
  padding:0 1em 0.1em 0.2em;
  font-size:110%;
  font-weight:bold;
  transform: rotate(-5deg);
}
.memoxtop::after{
  content:'';
  position:absolute;
  left:50%;
  top:-15px;
  margin-left:-75px;
  width:150px;
  height:30px;
  background:rgba(245,245,245,0.7);
  box-shadow:1px 1px 4px rgba(0,0,0,0.2);
  transform: rotate(-4deg);
}
.memoxtop ol{
  margin:1em 0.5em 0 2em;
  padding:0 0 0 0;
}
.memoxtop ol li{
  margin-bottom:0.5em;
}

/*--------------------------------------
トップ記事
--------------------------------------*/
@media screen and (max-width: 480px){
. slide-inner {
  width: 220%;
}
. slide-inner a.memoxtop:nth-of-type(n+3){
  display: block;
}
. slide-inner a.memoxtop:not(:last-of-type){
  margin-right: 1%;
}
}

/*--------------------------------------
アイキャッチあわせよみ
--------------------------------------*/
.iine{
  display: -webkit-flex;
  display: flex;
  margin: 0 0 1em 0;
}
.iine-l{
  width: 50%;
  color: transparent;
  background-size: cover;
  background-position: center center;
}
.iine-r{
  width: 50%;
  background: #333;
  color: #fff;
  padding: 2em 1em;
  text-align: center;
}

.iine-icon{
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.iine-icon a{
  color: #fff;
  font-size: 0.7rem;
  display: inline-block;
  margin:1rem 0;
  padding:0.3rem 0 0.45rem 0;
  width:32%;
}

.iine-hatenablog{
  background: #606060;
}

.iine-itunes{
  background: #606060;
}

.iine-twitter{
  background:#1b95e0;
}
.iine-feedly{
  background:#2BB24C;
}
.iine-rakuten{
  background:#af3414;
}
.iine-amazon{
  background:#FCA900;
}
.iine-atline{
  background:#2BB24C;
}
.iine-hatenablog:hover{
  background:#666;
}
.iine-twitter:hover{
  background:#31a3ea;
}
.iine-feedly:hover{
  background:#2ebc50;
}
.iine-atline:hover{
  background:#2ebc50;
}

.iine-icon a::before{
  font-family: blogicon;
  font-size: 0.9rem;
  margin: 0 0.2rem 0 0;
  position: relative;
  top: 0.15rem;
}
.iine-hatenablog::before{
  content: '\f000';
}
.iine-twitter::before{
  content: '\f035';
}
.iine-itunes::before{
  content: '\f046';
}
.iine-rakuten::before{
  content: '\f722';
}
.iine-amazon::before{
  content: '\f034';
}
.iine-feedly::before{
}
.iine-atline::before{
  content: '\e800';
}

.iine-0{
  font-weight:bold;
  margin:0 0 0.5rem 0;
}
.iine-1{
  font-size: 0.9rem;
}
.iine-1 a{
color:#FFF;
text-decoration : none ; border-bottom : dotted 1px #fff ;
  font-size: 0.8rem;
}

.iine-2{
  font-size: 0.6rem;
padding:3px;
}
.iine-2 a{
color:#FFF;
text-decoration : none ; border-bottom : dotted 1px #fff ;
  font-size: 0.6rem;
}

@media screen and (max-width: 540px){
.iine-icon a{
  font-size: 0px;
  width:31%;
}
.iine-icon a::before{
  font-size: 1.2rem;
  margin: 0 0 0 0;
  top: 0rem;
}
.iine-0{
  font-size: 0px;
}
.iine-1{
  font-size: 0.8rem;
}
.iine-2{
  font-size: 0.7rem;
}
}
/*--------------------------------------
 グッズ情報 メモ風
--------------------------------------*/
.memoxtop .recommend-title{background:hsla(0,0%,100%,.8);position:absolute;left:0;bottom:0;width:100%;text-shadow:0 0 3px hsla(0,0%,100%,.8)}
.memoxtop{
  position:relative;
  display:block;width:100%;font-size:.8rem;box-shadow:0 0 3px rgba(0,0,0,.1);position:relative;height:180px;background-size:cover;background-position:50% 50%;
  margin:2em auto;
  padding:1.5em 1em;
  transform: rotate(-2deg);
  box-shadow:1px 1px 4px rgba(0,0,0,0.2);
  color:#795548;
}
.memoxtop::before{
  content:'';
  color:red;
  position:relative;
  display:inline-block;

  border-radius: 0 0 40% 5% / 0 0 15% 20%;
  padding:0 1em 0.1em 0.2em;
  font-size:110%;
  font-weight:bold;
  transform: rotate(-5deg);
}
.memoxtop::after{
  content:'';
  position:absolute;
  left:50%;
  top:-15px;
  margin-left:-75px;
  width:150px;
  height:30px;
  background:rgba(245,245,245,0.7);
  box-shadow:1px 1px 4px rgba(0,0,0,0.2);
  transform: rotate(-4deg);
}
.memoxtop ol{
  margin:1em 0.5em 0 2em;
  padding:0 0 0 0;
}
.memoxtop ol li{
  margin-bottom:0.5em;
}

/*--------------------------------------
会話吹き出し
--------------------------------------*/
/*****ここから会話のCSS*****/
.talk-wrap{
 display: block;
 clear: both;
 margin:0 auto 3px auto;
 }
.talk-wrap p{
 margin:0;
 }
 .left-icon{
 width: 100px;
 height: 100px;
 border-radius: 50%;
 -webkit-border-radius: 50%;
 background: no-repeat;
 background-size: 130%;
 background-position: center;
 float:left;
 display:inline-block;
 box-shadow: 1px 1px 5px #aaa; /*左のアイコンの影の設定*/
 border: 3px solid #fff; /*左のアイコンの枠の設定*/
 margin-bottom: 10px;
 }
 .talk-left{
 float:right;
 position: relative;
 background: #fff; /*左の会話の背景色*/
 border: 2px solid #666;
 padding: 3%;
 border-radius: 10px;
 width: 70%;
 margin-top:10px;
 box-shadow: 1px 1px 5px #aaa; /*左の会話の影の設定*/
 margin-bottom: 10px;
 }
.talk-left:before {
 content: "";
 display: inline-block;
 border: 10px solid transparent;
 border-right-color: #666;
 position: absolute;
 left: -20px;
 top: 25%;
 margin-top: -9px;
}
.talk-left:after {
 content: "";
 display: inline-block;
 border: 9px solid transparent;
 border-right-color: #fff;
 position: absolute;
 left: -16px;
 top: 25%;
 margin-top: -8px;
}
 .right-icon{
 width: 100px;
 height: 100px;
 border-radius: 50%;
 -webkit-border-radius:50%;
 background: no-repeat;
 background-size: 130%;
 background-position: center;
 float:right;
 display:inline-block;
 box-shadow: 1px 1px 5px #aaa; /*右のアイコンの影の設定*/
 border: 3px solid #FFF; /*右のアイコンの枠の設定*/
 margin-bottom: 10px;
 }
 .talk-right{
 float:left;
 position: relative;
 background: #fff; /*右の会話の背景色*/
 border: 2px solid #666;
 padding: 3%;
 border-radius: 10px;
 width: 70%;
 margin-top:10px;
 box-shadow: 1px 1px 5px #aaa; /*右の会話の影*/
 margin-bottom:10px;
 }
 .talk-right:before {
 content: "";
 display: inline-block;
 border: 10px solid transparent;
 border-left-color: #666;
 position: absolute;
 right: -20px;
 top: 25%;
 margin-top: -9px;
}
.talk-right:after {
 content: "";
 display: inline-block;
 border: 9px solid transparent;
 border-left-color: #fff;
 position: absolute;
 right: -16px;
 top: 25%;
 margin-top: -8px;
}
.talk-end{
 clear:both;
}
/*****レスポンシブ設定*****/
@media screen and (max-width: 480px){
 .left-icon{
 width: 80px;
 height: 80px;
 }
 .talk-left{
 width: 65%;
 }
 .right-icon{
 width: 80px;
 height: 80px;
 }
 .talk-right{
 width: 65%;
 }
 }
 @media screen and (max-width: 380px){
 .left-icon{
 width: 60px;
 height: 60px;
 }
 .talk-left{
 width: 65%;
 }
 .right-icon{
 width: 60px;
 height: 60px;
 }
 .talk-right{
 width: 65%;
 }
 }

/*--------------------------------------
タイトルイメージ調整
--------------------------------------*/
#blog-title {
  padding-top: 5px; /* 画像上部の余白*/
  padding-bottom: 5px; /* 画像下部の余白*/
  height: initial;
}
.header-image-only #blog-title #blog-title-inner {
  height: 210px; /* 画像の高さ */
  background-size: contain;
}
@media (max-width: 480px) {
.header-image-only #blog-title #blog-title-inner {
  height: 150px; /* 画像の高さ */
}
}

/*--------------------------------------
アイキャッチ上書き
--------------------------------------*/

@font-face{
  font-family:HuiFontP109;
  src:url(https://cdn.blog.st-hatena.com/fonts/public/HuiFont/HuiFontP109.eot?version=1672117aa118e56a3cf2480ca37f9d);
  src:
  url(https://cdn.blog.st-hatena.com/fonts/public/HuiFont/HuiFontP109.eot?version=1672117aa118e56a3cf2480ca37f9d) format('embedded-opentype'),
  url(https://cdn.blog.st-hatena.com/fonts/public/HuiFont/HuiFontP109.woff?version=1672117aa118e56a3cf2480ca37f9d) format('woff'),
  url(https://cdn.blog.st-hatena.com/fonts/public/HuiFont/HuiFontP109.ttf?version=1672117aa118e56a3cf2480ca37f9d) format('truetype'),
  url(https://cdn.blog.st-hatena.com/fonts/public/HuiFont/HuiFontP109.svg?version=1672117aa118e56a3cf2480ca37f9d) format('svg');
}
.huifont{font-family:HuiFontP109}

/*--------------------------------------
拍手ボックス
--------------------------------------*/
.webclap-box {
  border: 4px double #ddd;
  margin: 2em 0;
  padding: 2em;
}
  *.float
  {
  float: left;
  margin-right: 1em;
  }
  *.floatclear
  {
  clear: both;
  }

/*--------------------------------------
グッズ予約ボックス（記事下）
--------------------------------------*/
.goods-box-13 {
  border: 2px solid #da4033;
  border-radius: 4px;
  margin: 2em 0;
  padding: 2em;
  position: relative;
}
.goods-box-13::before {
  background-color: #fff;
  color: #da4033;
  content: "THANK YOU!";
  font-weight: bold;
  left: 1em;
  padding: 0 .3em;
  position: absolute;
  top: -1em;
}

/*--------------------------------------
 グッズ情報 メモ風
--------------------------------------*/
.memox{
  position:relative;
  background:#fffde7;
  width:85%;
  margin:2em auto;
  padding:1.5em 1em;
  transform: rotate(-2deg);
  box-shadow:1px 1px 4px rgba(0,0,0,0.2);
  color:#795548;
}
.memox::before{
  content:'グッズの予約を忘れずに！';
  position:relative;
  display:inline-block;
  border-bottom:3px solid #795548;
  border-radius: 0 0 40% 5% / 0 0 15% 20%;
  padding:0 1em 0.1em 0.2em;
  font-size:110%;
  font-weight:bold;
  transform: rotate(-5deg);
}
.memox::after{
  content:'';
  position:absolute;
  left:50%;
  top:-15px;
  margin-left:-75px;
  width:150px;
  height:30px;
  background:rgba(245,245,245,0.7);
  box-shadow:1px 1px 4px rgba(0,0,0,0.2);
  transform: rotate(-4deg);
}
.memox ol{
  margin:1em 0.5em 0 2em;
  padding:0 0 0 0;
}
.memox ol li{
  margin-bottom:0.5em;
}

/*--------------------------------------
  タイトル部分
--------------------------------------*/

.page-index .entry-content h2,
.page-index .entry-content h3,
.page-index .entry-content iframe,
.page-index .entry-content div{
  display:none!important;
}

#wrapper2 {
width: 1075px;
box-sizing: border-box;
margin:auto;
}

.spimg{
  max-width: 100%;
  height:auto;
  }

.profiletab{
color:#333;
  font-weight: bold;
width:280px;
font-size: 12px;
line-height:140%;
text-align:center;
vertical-align: middle;
padding: .3em .75em;
border: 1px solid #ccc;
border-radius: 3px;
}

#btn a{
display:block;
}

/*--------------------------------------
  サイドバータブメニュー
--------------------------------------*/

/*サイドバータブメニュー*/
.tab{
  display: inline-block;
  cursor: pointer;
  text-align:center;
 　border-bottom: 1px solid #ebebeb;
  font-size:1em;
  font-weight: normal;
  width: -webkit-calc(100% / 5);
  width: -moz-calc(100% / 5);
  width: calc(100% / 5);
  padding: 10px 0px;
  margin-bottom:20px;
  float: left;
  color: #999;
}

.hatena-module ul {
  margin-bottom: 0;
  clear: both;
}

.active{
  background:#fff;
  color:#333;
  font-weight:bold;
  border-bottom:1px solid #333;
}

.hatena-module-title2{
  border-bottom: 3px solid black;/*タブの下線*/
}

/*サイドバー固定*/
@media (min-width: 960px) {
.fixed-title{
  position: fixed;
  top: 10px;
  width: 300px;
}
.fixed-module{
  position: fixed;
  top: 47px;
  width: 300px;
}
}

/*--------------------------------------
  millad
--------------------------------------*/

.ssImg{
  height: 80px;
  width: 80px;
  padding: 0;
}
.ssTitle{
  font-size: 90%;
}
.ssPanel{
  border-top: 1px solid rgb(228, 228, 228) !important;
  border-bottom: none !important;
  width: 49% !important;
  height: 100px !important;
  float: left !important;
  margin-right: 1% !important;
}
.ssLimitedContainerHeader > div > div > div{
  color: #ffffff ;
  background: #333;
  font-size: 16px ;
  padding: 10px 5px 10px 10px !important;
  margin-top: 15px;
}

/*--------------------------------------
  about
--------------------------------------*/

#aboutb table {
border-collapse: collapse;
}

#aboutb table, th, td {
border: 1px #ccc solid;
}

#aboutb th, td {
padding: 3px 10px;
}

#aboutb th {
background-color: #333;
color:#fff;
}

#aboutb .col {
width:15%;
text-align:center;
background-color: #333;
color:#fff;
}

#aboutb .mon {
width:10%;
text-align:center;
}

#aboutb .txt {
font-size:13px;
}

/*--------------------------------------
  うたプリ電卓
--------------------------------------*/

.box100 {
  width: 100%;
}

.box50 {
  width: 50%;
}

.width100,
.width50 {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.width100 {
  width: 100%;
}

.width50 {
  width: 50%;
}

.button {
background-color: #333;
color: #fff;
}
.button:hover {
background-color: #59b1eb;
}

.button {
display: inline-block;
width: 200px;
height: 54px;
text-align: center;
text-decoration: none;
line-height: 54px;
outline: none;
}
.button::before,
.button::after {
position: absolute;
z-index: -1;
display: block;
content: '';
}
.button,
.button::before,
.button::after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all .3s;
transition: all .3s;
}

/*--------------------------------------
  フォトライフ
--------------------------------------*/

/* ブログカード */

.embed-card embed-blogcard{
display: block;
margin-left: auto;
margin-right: auto;
}

/* 写真引用 */

.relative{
width: 640px;
margin: auto;
max-width: 100%;
}

.absolute {
position: absolute;
bottom: 5px;
color: #fff;
background: rgba(0,0,0,.6);
width: 100%;
max-width: 100%;
padding: 5px 0;
}
.absolute p {
margin: 0;
padding: 0 0.1em;
font-size: 60%;
text-align: center;
}

.absolute a{
  color: #fff;
}

.imageblockquote{
line-height: 0px;
  margin:0px;
  padding:0px;
  font-size:11px;
  text-align:center;
}

/* Twitterカード */

.twitter-tweet{
display: block;
margin-left: auto;
margin-right: auto;
}

/*--------------------------------------
  ヨメレバ・カエレバ（PC）
--------------------------------------*/
.booklink-box, .kaerebalink-box{
  padding:25px;
  margin-bottom: 10px;
  border:double #CCC;
  overflow: hidden;
  font-size:small;
}
.booklink-image, .kaerebalink-image{
  margin:0 15px 0 0;
  float:left;
  min-width: 160px;
  text-align: center;
}
.booklink-image img, .kaerebalink-image img{
  margin:0 auto;
  text-align:center;
}
.booklink-info, .kaerebalink-info{
  margin:0;
  line-height:120%;
  overflow: hidden;
}
.booklink-name, .kaerebalink-name{
  margin-bottom:24px;
  line-height:1.5em;
}
.booklink-powered-date, .kaerebalink-powered-date{
  font-size:8px;
  margin-top:10px;
  font-family:verdana;
  line-height:120%;
}
.booklink-detail, .kaerebalink-detail{font-size: 12px;}
.booklink-powered-date, .kaerebalink-detail{margin-bottom:15px;}
.booklink-link2, .kaerebalink-link1{margin-top:10px;}
.booklink-link2 a,
.kaerebalink-link1 a{
  width:30%;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  display:inline-block;
  margin:5px 2px 0 0;
  padding:10px 1px;
  text-align:center;
  float:left;
  text-decoration:none;
  font-weight:800;
  text-shadow:1px 1px 1px #dcdcdc;
  font-size:12px;
  color: #fff !important;
}
.booklink-link2 a:hover,
.kaerebalink-link1 a:hover{opacity: 0.6;}
.booklink-link2 a:active
.kaerebalink-link1 a:active{
  position:relative;
  top:1px;
}
/*ボタンを変えるときはここから*/
.shoplinkamazon a{color:#FF9901 !important;border: 1px solid #FF9901 !important;}
.shoplinkrakuten a{color:#c20004 !important;border: 1px solid #c20004 !important;}
.shoplinkkindle a{color:#007dcd !important;border: 1px solid #007dcd !important;}
.shoplinkkakakucom a{color:#314995 !important;border: 1px solid #314995;}
.shoplinkyahoo a{color:#7b0099 !important;border: 1px solid #7b0099 !important;}

/*ここまでを変更*/
.shoplinkyahoo img{display:none;}
.shoplinkyahoo a{font-size:10px;}
.booklink-footer{display: none;}

/*--------------------------------------
  グッズカレンダー関連
--------------------------------------*/

.tabred{
  color:red;
  position:relative;
  display:inline-block;
  border-bottom:3px solid #222;
  border-radius: 0 0 40% 5% / 0 0 15% 20%;
  padding:0 1em 0.1em 0.2em;
  margin-bottom:5px;
  font-size:110%;
  font-weight:bold;
  transform: rotate(-5deg);
}

.tabred2{
color: red ;
  font-weight: bold;
width:20%;
font-size: 70%;
line-height:130%;
vertical-align: middle;
padding: 5px;
margin:3px;
padding: .3em .75em;
border: 1px solid red ;
border-radius: 3px;
}

#goodsbox a{
font-family: "HuiFont29",Verdana,sans-serif;
color: #795548 ;
text-decoration: none;
border-bottom: 1px dotted ;
}

#goodsbox{
font-family: "HuiFont29",Verdana,sans-serif;
text-align: left;
}

#goodsbox p{
font-size:12px;
  border-bottom: 1px solid rgba(0,0,0,0.1);
  box-shadow: 0 1px 0 rgba(255,255,255,1);
}

#bkgoodsbox p{
font-size:12px;
  border-bottom: 1px solid rgba(0,0,0,0.1);
  box-shadow: 0 1px 0 rgba(255,255,255,1);
}

#goodsbox img{
float:left;
height:50px;
border-radius: 50px;
}

.goodsdatetxt {
font-size:14px;
font-weight: bold;
text-align:center;
background: linear-gradient(transparent 60%, #ffff66 60%);
margin-bottom: 1px;
}

/*--------------------------------------
  シェアボタン
--------------------------------------*/

.sns-header, .sns-footer {
  padding: 0px;
}

.sns-area {
  padding: 0;
  overflow: hidden;
  table-layout: fixed;
  display: table;
  width: 100%;
}

.sns-area li {
  list-style-type: none;
  display: table-cell;
  vertical-align: middle;

}

.sns-area li:last-child {
  margin-right: 0
}

.sns-link {
  position: relative;
  display: block;
  color: #fff;
  text-align: center;
  text-decoration: none;
  outline: none;
  overflow: hidden;
  height: 42px;
  line-height: 42px;
}

.sns-link:hover {
  text-decoration: none;
  opacity: 0.8;
  color:#fff;
}

.sns-twitter {
  background: #55ACEE;
}

.sns-facebook {
  background: #16528e;
}

.sns-bookmark {
  background: #0082c8;
}

.sns-pocket {
  background: #e8846b;
}

/*--------------------------------------
  フォローボタン
--------------------------------------*/

.follow-btn{
  width: 100%;
  text-align: center;
  margin-bottom: 10px;
}
.follow-btn a {
  display: inline-block;
  height: 45px;
  line-height: 22px;
  width: 25%;
  font-size: 14px;
  text-align: center;
  text-decoration: none;
}
.follow-btn .hatena {
  color: #3D3F44;
  border: 2px solid #3D3F44;
  background: #ffffff;
}
.follow-btn .twitter {
  color: #00ACEE;
  border: 2px solid #00ACEE;
  background: #ffffff;
}
.follow-btn .feedly {
  color: #70CA3B;
  border: 2px solid #70CA3B;
  background: #ffffff;
}
.follow-btn .hatena:hover {
  color: #ffffff;
  background: #3D3F44;
  transition: all .3s;
}
.follow-btn .twitter:hover {
  color: #ffffff;
  background: #00ACEE;
  transition: all .3s;
}
.follow-btn .feedly:hover {
  color: #ffffff;
  background: #70CA3B;
  transition: all .3s;
}
.text-small{
  font-size: 8px;
}

/*--------------------------------------
  シェアボタン
--------------------------------------*/

.share-3d{
  margin-bottom: 10px;
  text-align: center;
}
.share-3d-inner a {
  position: relative;
  display: inline-block;
  width: 18%;
  height: 40px;
  line-height: 20px;
  border-radius: 5px;
  font-size: 16px;
  text-align: center;
  color: #ffffff;
  text-decoration: none;
}
.share-3d .small-text{
  font-size: 10px;
}
.share-3d .hatena-bookmark-button{
  background: #00A4DE;
  box-shadow: 0 3px #43638b;
}
.share-3d .twitter-button{
  background: #55ACEE;
  box-shadow: 0 3px #0092ca;
}
.share-3d .googleplus-button{
  background: #C53727;
  box-shadow: 0 3px #ad3a2d;
}
.share-3d .facebook-button{
  background: #405BA7;
  box-shadow: 0 3px #2c4373;
}
.share-3d .pocket-button{
  background: #EE4256;
  box-shadow: 0 3px 0 #c0392b;
}
.share-3d a:active{
  top: 3px;
  box-shadow: none;
}
.share-3d .hatena-bookmark-button:active{
  background: #43638b;
}
.share-3d .twitter-button:active{
  background: #0092ca;
}
.share-3d .googleplus-button:active{
  background: #ad3a2d;
}
.share-3d .facebook-button:active{
  background: #2c4373;
}
.share-3d .pocket-button:active{
  background: #c0392b;
}

/*--------------------------------------
  キャラクターラベル
--------------------------------------*/

/*HEAVENS*/

.hevens_lb{
font-style: none;font-size: 14px; vertical-align: middle; padding: 3px; background: navy; color: #FFF; border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px
}

/*司会者*/

.shikai_lb{
font-style: none;font-size: 14px; vertical-align: middle; padding: 3px; background: black; color: #FFF; border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px
}

.otoya_lb{
font-style: none;font-size: 14px; vertical-align: middle; padding: 3px; background: #E6272A; color: #FFF; border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px
}

.masato_lb{
font-size: 14px; vertical-align: middle; padding: 3px; background: #2F59A7; color: #FFF; border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px
}

.natsuki_lb{
font-size: 14px; vertical-align: middle; padding: 3px; background: #FCC82C; color: #FFF; border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px
}

.tokiya_lb{
font-size: 14px; vertical-align: middle; padding: 3px; background: #513C8B; color: #FFF; border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px
}

.ren_lb{
font-size: 14px; vertical-align: middle; padding: 3px; background: #EE6D00; color: #FFF; border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px
}

.sho_lb{
font-size: 14px; vertical-align: middle; padding: 3px; background: #EA6276; color: #FFF; border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px
}

.cecil_lb{
font-size: 14px; vertical-align: middle; padding: 3px; background: #9DC913; color: #FFF; border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px
}

.reiji_lb{
font-size: 14px; vertical-align: middle; padding: 3px; background: #5BB974; color: #FFF; border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px
}

.ranmaru_lb{
font-size: 14px; vertical-align: middle; padding: 3px; background: #911E31; color: #FFF; border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px
}

.ai_lb{
font-size: 14px; vertical-align: middle; padding: 3px; background: #BC99C6; color: #FFF; border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px
}

.camus_lb{
font-size: 14px; vertical-align: middle; padding: 3px; background: #B6E1F8; color: #FFF; border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px
}

/*セカンドカラー見本*/

.otoya_color{
font-size: 100%; vertical-align: middle; padding: 5px; background: #E6272A; color: #FFE43F; border-radius: 10px 10px 10px 10px / 10px 10px 10px 10px
}

.masato_color{
font-size: 100%; vertical-align: middle; padding: 5px; background: #2F59A7; color: #56C1ED; border-radius: 10px 10px 10px 10px / 10px 10px 10px 10px
}

.natsuki_color{
font-size: 100%; vertical-align: middle; padding: 5px; background: #FCC82C; color: #C3D84B; border-radius: 10px 10px 10px 10px / 10px 10px 10px 10px
}

.tokiya_color{
font-size: 100%; vertical-align: middle; padding: 5px; background: #513C8B; color: #BD9459; border-radius: 10px 10px 10px 10px / 10px 10px 10px 10px
}

.ren_color{
font-size: 100%; vertical-align: middle; padding: 5px; background: #EE6D00; color: #A04C99; border-radius: 10px 10px 10px 10px / 10px 10px 10px 10px
}

.sho_color{
font-size: 100%; vertical-align: middle; padding: 5px; background: #EA6276; color: #93D2D6; border-radius: 10px 10px 10px 10px / 10px 10px 10px 10px
}

.cecil_color{
font-size: 100%; vertical-align: middle; padding: 5px; background: #9DC913; color: #F6AD3C; border-radius: 10px 10px 10px 10px / 10px 10px 10px 10px
}

.reiji_color{
font-size: 100%; vertical-align: middle; padding: 5px; background: #5BB974; color: #F5BCD4; border-radius: 10px 10px 10px 10px / 10px 10px 10px 10px
}

.ranmaru_color{
font-size: 100%; vertical-align: middle; padding: 5px; background: #911E31; color: #83A5D5; border-radius: 10px 10px 10px 10px / 10px 10px 10px 10px
}

.ai_color{
font-size: 100%; vertical-align: middle; padding: 5px; background: #BC99C6; color: #FFF8A3; border-radius: 10px 10px 10px 10px / 10px 10px 10px 10px
}

.camus_color{
font-size: 100%; vertical-align: middle; padding: 5px; background: #B6E1F8; color: #F4E2AE; border-radius: 10px 10px 10px 10px / 10px 10px 10px 10px
}

/*--------------------------------------
  NEW ENTRY
--------------------------------------*/

.htbl_new_entries {
  height: 100%;
  width: 100%;
}
.htbl_new_entry {
  position: relative;
  background: #ddd;
  width: 100%;
  height: 100px;
  overflow: hidden;
  margin-top: 1px;
  border-radius: 1px;
}
.htbl_new_entry_img { position: relative; top: -9px; min-height: 118px;}
.htbl_new_entry_text {
  position: absolute;
  top: 0px;
  word-break: break-all;
  overflow: hidden;
  background: rgba(15, 15, 15, 0.65);
  width: 90%;
  height: 100px;
  margin-top: 0px;
  padding: 0 5%;
  color: rgba(255, 255, 255, 0.95);
  text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
  -webkit-transition: all 0.35s ease-out;
  -moz-transition: all 0.35s ease-out;
  -o-transition: all 0.35s ease-out;
  transition: all 0.35s ease-out;
}
.htbl_new_entry_text:hover {
  background: rgba(255, 255, 255, 0.05);
  color: transparent;
  text-shadow: none;
  padding-top: 100px;
}
.htbl_new_entry_text span.entry_title {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  height: 100px;
  font-size: 14px;
  font-weight: lighter;
}
.htbl_new_entry_text span.entry_date {
  position: absolute;
  bottom: 0;
  right: 5px;
  font-size: 10px;
  color: rgba(255, 255, 255, 0.4);
  text-shadow: none;
}

/*--------------------------------------
  POPULAR ENTRY
--------------------------------------*/

.htbl_popular_entries {
  height: 100%;
  width: 100%;
}
.htbl_popular_entry {
  position: relative;
  background: #ddd;
  width: 100%;
  height: 100px;
  overflow: hidden;
  margin-top: 1px;
  border-radius: 1px;
}
.htbl_popular_entry_img { position: relative; top: -9px; min-height: 118px;}
.htbl_popular_entry_text {
  position: absolute;
  top: 0px;
  word-break: break-all;
  overflow: hidden;
  background: rgba(77, 77, 77, 0.42);
  width: 90%;
  height: 100px;
  margin-top: 0px;
  padding: 0 5%;
  color: rgba(255, 255, 255, 0.985);
  text-shadow: -1px 1px rgba(0, 0, 0, 0.15);
  -webkit-transition: all 0.35s ease-out;
  -moz-transition: all 0.35s ease-out;
  -o-transition: all 0.35s ease-out;
  transition: all 0.35s ease-out;
}
.htbl_popular_entry_text:hover {
  background: rgba(255, 255, 255, 0.05);
  color: transparent;
  text-shadow: none;
  padding-top: 100px;
}
.htbl_popular_entry_text span.entry_title {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  height: 100px;
  font-size: 14px;
}
.htbl_popular_entry_text span.entry_date {
  position: absolute;
  bottom: 0;
  right: 5px;
  font-size: 10px;
  color: rgba(255, 255, 255, 0.4);
  text-shadow: none;
}
.htbl_popular_entry_text span.entry_hatebu { position: absolute; left: 5px; bottom: 0px; }