h2#danraku2{
  padding: .5em .75em;
  background-color: #f6f6f6;
  border-top: 4px solid #3498db;
  border-bottom: 4px solid #3498db;
}

h3#danraku3{ padding: .25em 0 .5em .75em;
  border-left: 8px solid #3498db;
  border-bottom: 2px solid #ccc;
}

div#fukidasi{
background: #dfefff;
box-shadow: 0px 0px 0px 5px #dfefff;
border: dashed 1px #96c2fe;
padding: 0.2em 0.5em;
color: #454545;
}


/*-- 人気記事デザイン --*/
ul.wpp-list li {
    border-bottom: 1px dashed #3498db;/*記事間の点線と色*/
    position: relative;/*相対位置*/
}

ul.wpp-list li img {/*アイキャッチ画像*/
    margin: 10px 10px 10px 0px;/*画像の余白*/
    padding: 3px;/*画像の位置*/
}

ul.wpp-list li a.wpp-post-title {/*記事タイトル*/
    display: block;/*ブロック形式で表示*/
    font-size: 15px;/*文字サイズ*/
    color: #333;/*文字色*/
    padding: 12px;/*タイトル位置*/
    text-decoration: none;/*タイトルの下線なし*/
}

ul.wpp-list li a.wpp-post-title:hover {
    color: #4169e1;/*ホバー時のタイトル色*/
}


ul.wpp-list li:before {/*ランキングカウンター全体*/
    content: counter(wpp-count);/*カウンターを表示*/
    display: block;/*ブロック形式で表示*/
    position: absolute;/*絶対位置*/
    font-size: 14px;/*数字サイズ*/
    font-weight: bold;/*数字を太字に*/
    color: #fff;/*数字の色*/
    background-color: #333;/*背景色*/
    padding: 5px 15px;/*縦と横の幅*/
    border-radius: 6px;/*角の丸み*/
    right: 0;/*右からの位置*/
    bottom: 0;/*下からの位置*/
    opacity: 1;/*透明度*/
    z-index: 5000;/*重なりの順序*/
}


ul.wpp-list li {
    counter-increment: wpp-count;/*カウント数*/
}


ul.wpp-list li:nth-child(1):before{/*ランキング1*/
    background-color: #FBCC54;/*背景色*/
}
ul.wpp-list li:nth-child(2):before{/*ランキング2*/
    background-color: #B7BFC1;/*背景色*/
}
ul.wpp-list li:nth-child(3):before{/*ランキング3*/
    background-color: #D47B16;/*背景色*/
}

/*人気記事forモバイル*/

	.cate_popular {
		overflow: auto;
	}
	.cate_popular .wpp-list {
		width: 99%;
		margin: 0 0 15px 0;
		padding: 0 1px 4px 0;
		border: 1px solid #bbb;
	}
	.cate_popular li {
		display: block;
		overflow: hidden;
		width: 100%;
		list-style: none;
		line-height: 1.3;
		vertical-align: top;
		margin: 4px 0 0 0;
		padding: 0 0 5px 0;
		border-bottom: 1px dashed #666;
		background-color: #ffffdd;
		font-size: 14px;
	}
	.cate_popular .wpp-thumbnail {
		float: left;
		max-width: 60px;
		height: 60px;
		margin: 0 4px 0 0;
		-moz-box-shadow: 2px 2px 3px #ccc;
		-webkit-box-shadow: 2px 2px 3px #ccc;
		box-shadow: 2px 2px 3px #ccc;
	}
	.cate_popular p {
		float: right;
		max-width: 72px;
		margin: 0;
		padding: 0;
	}

 
term_id;
 
            ob_start();
		$html = "{thumb} {title}";
            wpp_get_mostpopular('range=daily&order_by=views&pid=' . $post_id . '&cat=' . $cate_id
            . '&limit=10&post_html="' . $html . '"&wpp_start=""&thumbnail_width=60&thumbnail_height=60');
            $popular = ob_get_clean();
 
            echo '★関連ある人気記事もオススメです！'. $popular . '';
        }
?>

/*アドセンス*/
/*-----------------------------
ヘッダー分割
-----------------------------*/
#container #header #header-in #h-l {
padding-top: 10px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 0px;
float: left;
width: 50%;
}

#container #header #header-in #h-2 {
padding-top: 10px;
padding-bottom: 10px;
padding-right: 0px;
padding-left: 0px;
text-align: left;
float: right;
width: 468px;
}


body{ 
line-height: 1.7em; 
letter-spacing: 0.03em;
font-size:16px;



 }

.pink_line {background:linear-gradient(transparent 50%, #ffdfef 0%) ;}


.entry-content p {
	line-height: 1.8em;
	letter-spacing: 0.02em;
  padding-right: 2px;
padding-left: 2px;
}


@media screen and (max-width:767px) {
.left, .right, .copyright-txt, .design-by{ float:none;}
.container { width:auto; padding:0 5px;}


}

.movie-wrap {
	position: relative;
	padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
	height: 0;
	overflow: hidden;
}

.movie-wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/*タグクラウドのデザイン*/
.tagcloud a {
 font-size: 14px !important; /* 文字のサイズ */
 line-height: 1em;
 background: #2098a8; /* 背景色 */
 color: #fff; /* 文字色 */
 display: inline-block;
 white-space: nowrap;
 padding: 2px 2px; /* 文字周りの余白 */
 margin-top: 0.2px; /* タグ同士の余白 */
 border-radius: 2px; /* 角を少し丸く */
 text-decoration: none;
}
.tagcloud a:hover {
 background: #f9d635; /* マウスホバー時の背景色 */
 color: #2098a8; /* マウスホバー時の文字色*/
}

element.style {
}
a:hover {
    color: #000;
}

.bmc-btn {
    min-width: 210px;
    color: #FFFFFF !important;
    background-color: #FF813F !important;
    height: 60px;
    border-radius: 12px;
    font-size: 20px !important;
    font-weight: Normal;
    border: none;
    padding: 0px 24px;
    line-height: 27px;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center;
    font-family: "Cookie" !important;
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
}