@charset "utf-8";

/*
Theme Name Sample Theme
Theme URI: https://www.www.www/
Description: This is my Original theme.
*/

/* 基本 */
html {
	/* ロングナビ用 */
	overflow: auto;
}

body {
	font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
	/* ロングナビ用 下記のナビゲーションバーも-500pxとか */
	overflow-x: hidden;
	padding: 0;
	margin: 0;
}

/* aタグのリンク色など */

a {
	text-decoration: none;
	color: #0c8bcd
}

a.a_cas {
	text-decoration: underline;
	color: blue;
}

a.a_cas:hover {
	text-decoration: underline;
	color: red;
}

a.a_cas:visited {
	text-decoration: underline;
	color: #333;
}

a img {
	border: none
}

/* コンテナ */
div#container {
	width: 900px;
	margin: auto
}

/* ヘッダー */
div#header {
	font-family: 'Trebuchet MS', sans-serif;
	margin-bottom: 20px
}

/* h1のカスタマイズ */
div#header p.p-title {
	font-size: 23px;
	margin: 0
}

div#header p.p-title a {
	color: #000000
}

div#header h1.desc {
	font-size: 14px;
	font-weight: bold;
	color: #999999;
	margin: 0 0 5px;
	width: 600px;
}

.single div#header, .archive div#header {
	margin-bottom: 5px
}

/* Pタイトル */
div#header p#desc {
	font-size: 1em;
	font-weight: bold;
	color: #999999;
	margin: 0 0 5px
}

div#subinfo {
	text-align: right;
	margin: -32px 0 5px
}

/* 検索フォーム */
#searchform, #searchform div {
	display: inline
}

#searchform label {
	display: none
}

#s {
	border: solid 1px #aaaaaa;
	border-radius: 5px;
	padding: 3px 8px
}

#s:hover, #s:focus {
	background-color: #eeeeee
}

#searchsubmit {
	background-color: #666666;
	border-radius: 5px;
	color: #ffffff;
	border: solid 1px #aaaaaa;
	padding: 2px 8px;
	margin-right: 10px
}

#searchsubmit:hover {
	background-color: #aaaaaa
}

div#subinfo img {
	vertical-align: bottom
}

/* 検索結果 */
.search p.title {
	width: auto;
	background: #687ffa;
	color: #ffffff;
	padding: 5px;
	font-size: 17px;
}

.search-no-results p.title {
	text-align: left;
	margin-bottom: 50px
}

.search-no-results #content {
	text-align: center;
	line-height: 2;
	border: solid 1px #333333;
	padding-bottom: 40px
}

.search-no-results #content div#subinfo {
	text-align: center;
	margin: 0px 0 5px
}

/* ナビゲーションバー */
div#nav {
	font-size: 14px;
	height: 30px;
	background-color: #687ffa;
	/* ロングナビ用 */
	margin-left: -500%;
	margin-right: -500%;
	padding-left: 500%;
	padding-right: 500%;
}

div#nav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

div#nav li {
	list-style-type: none;
	float: left;
	width: 149px;
	padding: 0;
	margin: 0;
	text-align: center;
}

div#nav li a {
	line-height: 30px;
	height: 30px;
	width: auto;
	color: #ffffff;
	display: block;
	background: #687ffa;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	border-left: 1px solid #00a0e9;
	border-right: 1px solid #fff;
}

/* ロングナビ用左に1pxライン*/
div#nav li:first-child {
	border-left: 1px solid #fff;
}

div#nav li:last-child {
	border-right: 1px solid #00a0e9;
}

div#nav li a:hover {
	background-color: #00a0e9;
}

/* おすすめ記事デカ画像表示 */
#osusume {
	border: solid 1px #aaaaaa;
	overflow: hidden;
	height: 400px;
	background-color: #333333;
	color: #ffffff
}

#osusume .thumb {
	float: left;
	margin: 0 30px 0 0
}

#osusume .thumb img {
	vertical-align: bottom
}

#osusume .pickup {
	font-size: smaller;
	background-color: #c4f254;
	border-radius: 2px;
	color: #000000;
	padding: 1px 0
}

#osusume h2 {
	margin-top: 30px;
	margin-right: 20px;
	font-size: 1.125em;
	border-bottom: dotted 1px #ffffff;
	padding-bottom: 5px
}

#osusume p {
	margin-right: 20px;
	line-height: 1.4
}

#osusume p.more {
	text-align: right
}

#osusume p.more a {
	border: solid 1px #aaaaaa;
	background-color: #ffffff;
	color: #333333;
	padding: 3px;
	font-size: 0.75em
}

#osusume p.more a:hover {
	background-color: #f7e29e
}

/* コンテンツ */
div#content {
	width: 550px;
	float: left
}

div#contents2 {
	width: 550px;
	float: left
}

/* (画像の個別ページ) */
.attachment div#content {
	width: 100%;
	float: none
}

.attachment p.photo {
	text-align: center
}

p.title {
	font-weight: bold;
	color: #585858;
	width: 200px;
	margin: 0 0 10px;
	padding: 0 30px 0 10px;
	background-image: url(bar.png);
	background-repeat: no-repeat;
	background-position: right top;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

p.pagenation {
	font-size: 0.75em;
	overflow: hidden
}

span.oldpage {
	float: left
}

span.newpage {
	float: right
}

/* 記事 */
div.post {
	margin-bottom: 30px;
	overflow: hidden
}

div.post h2 {
	background-image: url(chip.png);
	background-repeat: no-repeat;
	background-position: left center;
	border-top: solid 1px #aaaaaa;
	border-bottom: solid 1px #aaaaaa;
	font-size: 16px;
	padding: 10px 18px;
	margin: 0
}

div.post h2 a {
	color: #000000
}

div.post p {
	font-size: 16px;
	line-height: 2;
	margin: 10px 0 10px 0%;
}

div.post p img {
	margin-left: 0%;
}

div.post p.postcat {
	text-align: right;
	margin: -10px 10px 10px 0
}

div.post p.postcat a {
	font-size: smaller;
	background-color: #687ffa;
	border-radius: 2px;
	color: #ffffff;
	padding: 1px 5px
}

div.post p.postinfo {
	color: #0c8bcd;
	text-align: right;
	margin: 0;
}

/* 記事の個別ページ */
.single div.post h2 {
	background-color: #687ffa;
	color: white
}

.single div.post h2 a {
	color: white
}

/* (分割した記事リンク) */
#postpage {
	text-align: center;
	padding-top: 20px;
	clear: both;
}

#postpage a {
	/* border: solid 1px #aaaaaa; */
	padding: 5px 10px;
	margin: 0 10px;
	background: #76abff;
	color: #fff;
	font-weight: bold;
}

#postpage a:hover {
	background: blue;
}

#postpage span {
	padding: 5px 10px;
	color: #888;
	background: #fff;
}

#postpage a span {
	padding: 0;
	color: #fff;
	background: none;

	/* border: solid 1px #aaaaaa; */
}

/* 記事内の画像 */
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto
}

.alignleft {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px
}

.alignright {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px
}

.wp-caption {
	border: solid 1px #aaaaaa;
	text-align: center;
	padding-top: 5px
}

/* (ギャラリー) */
.gallery-item {
	width: 33%;
	float: left;
	margin-top: 0;
	text-align: center
}

.gallery img {
	border: solid 1px #aaaaaa;
	padding: 5px
}

.gallery a:hover img {
	background-color: #c4f254
}

.gallery dd {
	margin: 0;
	font-size: 0.75em
}

.gallery br+br {
	display: none
}

/* (天気と気温) */
p.tenki {
	width: 50px;
	float: left;
	text-align: center;
	border: solid 1px #f3b62f;
	padding: 5px;
	margin-right: 10px;
	margin-bottom: 10px
}

/* サイドバー */
div#sidebar {
	width: 300px;
	float: right
}

div#sidebar ul {
	margin: 0;
	padding: 0;
	list-style-type: none
}

div#sidebar .widget {
	margin-bottom: 20px
}

div#sidebar h2 {
	font-size: 0.75em;
	color: #ffffff;
	background-color: #687ffa;
	border-radius: 3px;
	padding: 2px 10px;
	margin: 0
}

div#sidebar li li {
	font-size: 0.75em;
	border-bottom: dotted 1px #aaaaaa;
	margin: 0
}

div#sidebar li li a {
	color: #000000;
	display: block;
	padding: 5px 10px;
	font-size: 12px;
}

div#sidebar li li a:hover {
	background-color: #f7e29e
}

div#sidebar li li  ul li {
	font-size: 11px;
	padding-left: 10px;
	border-bottom: none;
	border-top: dotted 1px #aaaaaa;
}

/* サイドバー広告画像 */
div#sidebar .sidebar_img {
	text-align: center;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 300px;
}

div#sidebar .sidebar_img img {
	width: 100%;
	display: block;
	margin: 10px auto;
}

/* サイドバーカテゴリ下段 */
div#sidebar2 {
	width: 300px;
	float: right
}

div#sidebar2 ul {
	margin: 0;
	padding: 0;
	list-style-type: none
}

div#sidebar2 .widget {
	margin-bottom: 20px
}

div#sidebar2 h2 {
	font-size: 0.75em;
	color: #ffffff;
	background-color: #687ffa;
	border-radius: 3px;
	padding: 2px 10px;
	margin: 0
}

div#sidebar2 li li {
	font-size: 0.75em;
	border-bottom: dotted 1px #aaaaaa;
	margin: 0
}

div#sidebar2 li li a {
	color: #000000;
	display: block;
	padding: 5px 10px;
	font-size: 12px;
}

div#sidebar2 li li a:hover {
	background-color: #f7e29e
}

div#sidebar2 li li  ul li {
	font-size: 11px;
	padding-left: 10px;
	border-bottom: none;
	border-top: dotted 1px #aaaaaa;
}

/* (ステータス) */
div#sidebar2 li#execphp-2 h2 {
	background-color: #333333;
	border-radius: 0
}

div#sidebar2 li#execphp-2 ul {
	border: solid 1px #aaaaaa
}

div#sidebar2 li#execphp-2 li {
	padding: 5px 10px
}

div#sidebar2 li#execphp-2 span {
	color: #888888
}

/* トップページのタイトルの一覧 */
ul.toplist {
	list-style-type: none;
	margin: 0 0 30px;
	padding: 0;
	border-top: solid 1px #aaaaaa
}

ul.toplist li {
	font-size: 0.875em;
	font-weight: bold;
	border-bottom: solid 1px #aaaaaa;
	background-image: url(chip.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 5px 0 5px 20px
}

ul.toplist li a {
	color: #000000
}

ul.toplist li span {
	font-size: smaller;
	color: #888888
}

/* おすすめ記事 */
div#pickup div.post {
	border: dotted 2px #f3b62f;
	background-color: #ffeedd;
	padding: 15px
}

/* h2の記事タイトルの一覧 */
ul.post {
	list-style-type: none;
	margin: 0;
	padding: 0;
	border-top: dotted 1px #aaaaaa
}

ul.post li {
	border-bottom: dotted 1px #aaaaaa;
	background-image: url(chip.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 15px 0 15px 20px
}

ul.post li a {
	color: #000000
}

ul.post li span {
	font-size: smaller;
	color: #888888
}

/* 続きを読むボタン */
div.post p.more {
	margin: 0;
	font-size: smaller;
}

div.post p.more a {
	border: solid 1px #5db2fd;
	background-color: #687ffa;
	color: #fff;
	padding: 3px;
}

div.post p.more a:hover {
	background: #f7e29e;
}

/* サムネイル画像 */
div.post p.thumb {
	margin: 0 auto;
	width: 100%;
}

div.post p.thumb img {
	margin: 0;
}

/* ページ番号リンク */
p.pagenum {
	text-align: center
}

p.pagenum a {
	background-color: #6076e9
}

p.pagenum span {
	background-color: #00a0e9
}

p.pagenum a, p.pagenum span {
	padding: 6px 12px;
	color: #ffffff
}

/* コメント */
h3#resp, h3#reply-title {
	margin-bottom: 15px;
}

#comments {
	background-color: #eceffc;
	border: 1px solid #cccccc;
	width: 90%;
	padding: 0 1% 0 5%;
	margin: 0 2%;
}

#comments h3 {
	font-size: 14px;
}

cite.comment-author {
	color: #0c8bcd;
}

/* 必要のないものを削除 */
p.comment-notes, p.comment-form-email, p.comment-form-url, p.form-allowed-tags
	{
	display: none;
}

textarea#comment {
	width: 90%;
}

/* フッターメニュー */

/* フッター */
div#footer {
	border-top: solid 1px #aaaaaa;
	clear: both;
	background-color: #333333;
	padding: 20px 0px 20px 30px;
	/* フッターグロバルナビ用 */
	margin-left: -500%;
	margin-right: -500%;
	padding-left: 500%;
	padding-right: 500%;
}

/* フッターグロバルナビ用 */
#ft_nav {
	margin: 0 auto;
}

div#footermenu ul {
	width: 260px;
	float: left;
	margin: 0 30px 0 0;
	padding: 0;
	list-style-type: none
}

div#footermenu ul ul {
	width: auto;
	float: none;
	margin: 0
}

div#footermenu .widget {
	margin-bottom: 20px
}

div#footermenu h2 {
	font-size: 0.75em;
	color: #ffffff;
	background-color: #aaaaaa;
	border-radius: 3px;
	padding: 2px 10px;
	margin: 0
}

div#footermenu li li {
	font-size: 0.75em;
	border-bottom: dotted 1px #aaaaaa;
	margin: 0
}

div#footermenu li li a {
	color: #ffffff;
	display: block;
	padding: 5px 10px
}

div#footermenu ul li ul li ul li {
	font-size: 11px;
	border-top: dotted 1px #aaaaaa;
	border-bottom: none;
	margin: 0;
	padding-left: 10px;
}

div#footermenu li li a:hover {
	background-color: #f7e29e;
	color: #000000
}

div#footer p {
	font-size: 14px;
	font-style: normal;
	font-family: Verdana, sans-serif;
	clear: both;
	color: #ffffff;
	border-top: solid 1px #ffffff;
	padding-top: 8px;
	margin: 0 30px 0 0;
}

/* クリアフィックス */
.clearfix:after {
	content: "";
	clear: both;
	display: block;
}

/* 点滅 */
.blink {
	-webkit-animation: blink 1s ease infinite;
	animation: blink 1s ease infinite;
}
@-webkit-keyframes blink {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes blink {
	0% {opacity: 0;}
	100% {opacity: 1;}
}

/* カスタム投稿のニュース表示 */
ul.newslist {
	border: solid 1px #aaaaaa;
	padding: 10px;
	margin: 0 0 20px;
	font-size: 0.75em
}

ul.newslist li {
	list-style-type: none;
	background-image: url(arrow.png);
	background-repeat: no-repeat;
	background-position: 0 3px;
	padding-left: 16px;
	line-height: 18px
}

ul.newslist a {
	color: #000000
}

ul.newslist span {
	color: #666666
}

/* Contact Form 7プラグイン */
.wpcf7-form {
	background-color: #eceffc;
	padding: 20px;
	border-radius: 20px;
	width: 83%;
    margin: 20px auto;
}

.wpcf7-form span.req {
	color: #aa0000;
	font-size: smaller
}

.wpcf7-form input {
	width: 80%
}

.wpcf7-form textarea {
	width: 100%
}

.wpcf7-form p.submit {
	text-align: center
}

.wpcf7-form .wpcf7-submit {
	width: 200px
}

/* パンくずリストプラグイン */
div.breadcrumbs {
	margin-left: 0px;
	margin-bottom: 5px;
	padding: 0px 0 0 5px;
	font-size: 14px;
	width: 550px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

/* パンくずリスト最後リンクなし */
a.disabled {
	pointer-events: none;
	color: #333;
}

/*  評価付けプラグインWP-PostRatings */
#inner {
	width: 536px;
	border: 1px solid #687ffa;
	padding: 6px;
	margin: 20px 0 20px 0;
}

div#inner div.post-ratings img {
	width: 12px;
	height: 12px;
}

div#inner div.post-ratings-loading img {
	width: 16px;
	height: 16px;
}

/*関連記事（Relation）*/
div#related-entries h3 {
	position: relative;
	padding: 3px 0 3px 10px;
	border-left: 6px solid #687ffa;
	font-size: 16px;
	font-weight: 600;
	color: #333;
	margin: 20px 0 10px 0;
}

div#related-entries h3::after {
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	width: 100%;
	height: 0;
	border-bottom: 1px solid #ccc;
}

#related-entries .related-entry {
	clear: both;
	margin-bottom: 10px;
	border: 1px solid #687ffa;
	border-radius: 10px;
	padding-bottom: 15px;
}

#related-entries .related-entry-thumb {
	float: left;
	width: 50%;
	margin-top: 10px;
}

#related-entries .related-entry-thumb img {
	width: 96%;
	height: auto;
	margin: 2%;
}

#related-entries .related-entry-content {
	width: 50%;
	float: left;
}

#related-entries .related-entry-content h4.related-entry-title {
	color: #333;
	font-size: 14px;
	padding-left: 0px;
	background-image: none;
	background-repeat: no-repeat;
	background-position: center left;
	line-height: 16px;
	font-weight: 600;
	margin: 5px;
}

div.related-entry-content p.related-entry-snippet {
	margin: 0 0 5px 0;
	font-size: 12px;
	line-height: 14px;
	margin: 5px;
	color: #666;
}

div.related-entry-content p.related-entry-read {
	margin: 10px 25px 0 0;
	font-size: 13px;
	line-height: 16px;
	text-align: right;
}

div.related-entry-content p.related-entry-read a {
	border: solid 1px #687ffa;
	background-color: #687ffa;
	color: #fff;
	padding: 3px;
	margin: 0;
}

/* ----------------------------------------------------------------------







 独自カスタマイズCSS







---------------------------------------------------------------------- */

/* h3のカスタマイズ */
div.post h3 {
	position: relative;
	padding: 3px 0px 3px 10px;
	border-left: 6px solid #0066ff;
	font-size: 18px;
	font-weight: 600;
	color: #333;
}

div.post h3::after {
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	width: 100%;
	height: 0;
	border-bottom: 1px solid #ccc;
}

/* h4のカスタマイズ */
div.post h4 {
	color: #333;
	font-size: 17px;
	padding: 5px 0 5px 6%;
	background-image: url("h4tag.png");
	background-repeat: no-repeat;
	background-position: center left;
	line-height: 25px;
	font-weight: 600;
	position: relative;
}

div.post h4::after {
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	width: 95%;
	height: 0;
	border-bottom: 1px dotted #ccc;
}

/* h5のカスタマイズ */
.post h5 {
	color: #333;
	font-size: 16px;
	padding: 6px 0 2px 5%;
	background-image: url("h5tag.png");
	background-size: 25px;
	background-repeat: no-repeat;
	background-position: center left;
	line-height: 25px;
	margin: 0;
}

/* dl dt ddノーマルタグ */
.post dl {
	width: 95%;
	margin: 0 auto;

}
.post dt {
	width: 90%;
	border-bottom: 1px dotted #fb7e7e;
	padding-left: 25px;
	position: relative;
	font-size: 16px;
	line-height: 24px;
	font-weight: 700;
}

.post dt:before {
	border: 3px solid #fb7e7e;
	content: "";
	height: 8px;
	left: 5px;
	position: absolute;
	top: 4px;
	width: 8px;
	margin-bottom: 3px;
}

.post dd {
	width: 85%;
	font-size: 14px;
	line-height: 22px;
	margin-top: 5px;
	margin-bottom: 10px;
}

/* ul liノーマルタグ */
.post ul {
	margin: 10px 2%;
	padding: 0;
	width: 96%;
}

.post li {
	font-size: 17px;
	margin: 1% 5%;
	padding: 0;
}

/* ol liノーマル数字付き */
.post ol {
	padding-left: 2%;
	padding-right: 1%;
}

.post ol li {
	line-height: 1.9;
	font-size: 16px;
}

/* 体験談BOX */
div#taiken_box {
	width: 90%;
	list-style-type: none;
	padding: 0 2%;
	background-image: url(dotted.png);
	background-repeat: repeat;
	background-position: top left;
	border: 1px solid #0c8bcd;
	border-radius: 10px;
	background-color: #eceffc;
	margin: 0 auto 20px;
	line-height: 30px;
}

/* 体験談の画像付きデザイン */
div#taiken_box img {
	margin: 10px 20px 5px 0;
	float: left;
	display: inline-block;
	border: 1px solid #78c0ff;
	box-shadow: 2px 3px 7px -5px rgba(0, 0, 0, 0.4);
	border-radius: 10px 10px 10px 10px;
}

div#taiken_box p {
	font-size: 15px;
	line-height: 30px;
	margin: 0 0 30px 0;
}

div#taiken_box strong {
	font-size: 14px;
	line-height: 30px;
	margin: 0;
	padding: 0;
}

/*  リンクボックス */
.post .link_box {
	width: 80%;
	border: 1px solid #0c8bcd;
	background-color: #eceffc;
	padding: 5px 1%;
	margin: 5px 0 10px 4%;
	border-radius: 10px;
	line-height: 20px;
}

.post .link_box a {
	color: #0c8bcd;
}

.post .link_box img {
	width: 95%;
	margin: 5px auto 5px;
	display: block;
}

.post .link_box span {
	padding: 0;
	margin: 0;
	font-size: 15px
}

.post .link_box p {
	font-size: 14px;
	line-height: 1.6;
}

/*  未使用アコーディオンボックス */
.accordion_box {
	overflow: hidden;
	border: none;
	margin: 0 1%;
	padding: 0px;
	width: 98%;
}

.accordion_box h4.question_h4 {
	margin: 0px;
	padding: 0 0 0 35px;
	cursor: pointer;
	font-weight: bold;
	color: #333;
	font-size: 16px;
	background-image: url("h4tag.png");
	background-repeat: no-repeat;
	background-position: center left;
	line-height: 25px;
	font-weight: 600;
}

.accordion_box p {
	margin: 5px 0 5px 0;
}

.accordion_box  span.zoku {
	border: solid 1px #5db2fd;
	background-color: #78c0ff;
	color: #fff;
	padding: 3px 3px;
	margin: 0 0 0 35px;
}

.accordion_box p.accordion_ans {
	margin: 0px;
	padding: 0px;
}

/*ランキングボックス１位２位３位その他*/

/*１位 */
div.ranking_box {
	width: 96%;
	margin: 20px auto;
	border: 1px solid #ffd700;
	background-color: #FFF5EE;
	padding: 5px 1%;
	border-radius: 10px;
}

div.ranking_box h4.rank_h4 {
	width: 96%;
	position: relative;
	color: #333;
	background: #ffebcd;
	font-size: 14px;
	line-height: 1;
	margin: 0px -5px 10px -2px;
	padding: 10px 5px 10px 20px;
	box-shadow: 1px 3px 7px 0px #666;
	border-top: 3px solid #ffd700;
	font-weight: 400;
	border-left: none;
}

div.ranking_box h4:after, div.ranking_box h4:before {
	content: "";
	position: absolute;
	top: 100%;
	height: 0;
	width: 0;
	border: 5px solid transparent;
	border-top: 5px solid #ffd700;
}

div.ranking_box h4:after {
	left: 0;
	border-right: 5px solid #ffd700;
}

div.ranking_box h4:before {
	right: 0;
	border-left: 5px solid #ffd700;
}

/* ２位 */
div.ranking_box2 {
	border: 1px solid #c0c0c0;
	background-color: #f8f8ff;
}

div.ranking_box2 h4.rank_h4 {
	background: #EEEEEE;
	border-top: 3px solid #c0c0c0;
}

div.ranking_box2 h4:after, div.ranking_box2 h4:before {
	border-top: 5px solid #c0c0c0;
}

div.ranking_box2 h4:after {
	left: 0;
	border-right: 5px solid #c0c0c0;
}

div.ranking_box2 h4:before {
	right: 0;
	border-left: 5px solid #c0c0c0;
}

/* ３位 */
div.ranking_box3 {
	border: 1px solid #4169E1;
	background-color: #F0F8FF;
}

div.ranking_box3 h4.rank_h4 {
	background: #FFFFFF;
	border-top: 3px solid #4169E1;
}

div.ranking_box3 h4:after, div.ranking_box3 h4:before {
	border-top: 5px solid #4169E1;
}

div.ranking_box3 h4:after {
	left: 0;
	border-right: 5px solid #4169E1;
}

div.ranking_box3 h4:before {
	right: 0;
	border-left: 5px solid #4169E1;
}

/* その他 */
div.ranking_box img {
	width: 100%;
	margin: 0 auto;
	display: block;
}

div.ranking_box img.h4_icon {
	width: 26px;
	display: inline;
	margin: 0 3px 3px 0;
	vertical-align: middle;
}

div.ranking_box  p {
	color: #333;
	font-size: 14px;
	line-height: 20px;
	margin: 0 auto 10px;
	width: 90%;
}

/* div.ranking_box  img {
	width: 60%;
	display: block;
	margin: 0 auto;
} */

/* ご注文はこちらボタン */
div.post img.sale_button {
	width: 60%;
	display: block;
	margin: 0 auto;
}
/* ご注文はこちらボタン2 */
div.post div.sale_banner p.banner_text {
	color: #fb7e7e;
	font-size: 15px;
	line-height: 1.5;
	margin: 0 0 0 0;
}

div.post div.sale_banner img.sale_button {
	width: 60%;
	height: auto;
	display: block;
	margin: 0 auto;
}

/*  上段バナーPC */
.top_banner_pc {
	width: 550px;
}

.top_banner_pc a {

}

.top_banner_pc a p {
	margin: 0;
	padding: 0;
	line-height: 1.3;
	color: #666;
	font-size: 14px;
}

.top_banner_pc img {
	width: 100%;
}

/*  下段バナーPC */
div.post .ander_banner_pc {
	width: 550px;
}

div.post .ander_banner_pc a {

}

div.post .ander_banner_pc a p {
	margin: 0;
	padding: 0;
	line-height: 1.3;
	color: #666;
	font-size: 14px;
}

div.post .ander_banner_pc img {
	width: 100%;
}

/*  引用タグ */
div.post blockquote {
	margin: 1% 1% 1% 2%;
	padding: 1% 2% 1% 3%;
	border: 1px solid #ccc; /* 枠線 */
	color: #636563; /* 文字色 */
	background: #f7f7f7 url(blockquote_image.png) no-repeat 10px 5px;
	/* 背景色+背景画像 */
	line-height: 1.5;
}

div.post blockquote p {
	font-size: 15px;
	line-height: 1.7;
}

div.post blockquote p span {
	font-weight: 600;
}

div.post blockquote footer {
	font-size: 13px;
	text-align: right;
}

div.post blockquote footer a {
	text-decoration: none;
	color: #0c8bcd;
}

/*  引用タグ テーブル用 */
div.post div blockquote {
	margin: 1% 0% 1% 0%;
	padding: 1% 2px 1% 2px;
	border: 1px solid #ccc; /* 枠線 */
	color: #636563; /* 文字色 */
	background: #f7f7f7 url(blockquote_image.png) no-repeat 10px 5px;
	/* 背景色+背景画像 */
	line-height: 1.5;
}

div.post div blockquote p {
	font-size: 15px;
	line-height: 1.7;
	margin: 10px 1% 10px 1%;
	padding: 1% 1% 1% 1%;
}

div.post div blockquote p span {
	font-weight: 600;
}

div.post div blockquote footer {
	font-size: 13px;
	text-align: right;
}

div.post div blockquote footer a {
	text-decoration: none;
	color: #0c8bcd;
}

/*  テーブル３パターン */
table#table_3pattern {
	border-spacing: 0;
	border-collapse: separate;
	width: 95%;
	margin: 15px auto;
}

table#table_3pattern th, table td {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

table#table_3pattern th {
	color: #333;
	padding: 10px 0px;
	background: #d9edf7;
	color: #333;
	text-align: center;
	vertical-align: middle;
}

/* table#table_3pattern tr:nth-child(even) th{



	background: #000;



} */
table#table_3pattern td {
	padding: 10px 0px;
	background: #FCFCFC;
	color: #333;
	text-align: center;
	vertical-align: middle;
}

table#table_3pattern tr:nth-child(even) td {
	background: #f9f9f9;
}

table#table_3pattern th:last-child, table td:last-child {
	border-right: 1px solid #ccc;
}

table#table_3pattern tr:last-child th, table tr:last-child td {
	border-bottom: 1px solid #ccc;
}

table#table_3pattern tr:first-child :first-child {
	border-top-left-radius: 10px;
}

table#table_3pattern tr:first-child :last-child {
	border-top-right-radius: 10px;
}

table#table_3pattern tr:last-child :first-child {
	border-bottom-left-radius: 10px;
}

table#table_3pattern tr:last-child :last-child {
	border-bottom-right-radius: 10px;
}

/*  テーブル２パターンは追加 */
table#table_3pattern tbody.table_2pattern  tr td:first-child {
	background: #d9edf7;
}

/*  次ページのデザイン */
div.multipage-navlink {
	text-align: left;
	margin-bottom: 5px;
	font-size: 15px;
	line-height: 1.5;
	margin-left: 3%;
	margin-right: 3%;
}

div.multipage-navlink p {
	display: inline-block;
	padding: 10px 2%;
	width: 100%;
	box-sizing: border-box;
	background: #edf6ff;
}

/*  人気記事ランキング */
div#sidebar ul li ul.wpp-list {
	background-color: white;
	border-left: 1px solid #ADADAD;
	border-right: 1px solid #ADADAD;
	border-bottom: 1px solid #ADADAD;
}

div#sidebar ul li.wpp-customize {
	border-bottom: 1px solid #ADADAD;
}

div#sidebar ul li.wpp-customize .wpp-thumbnail {
	float: none;
	width: 100%;;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

div#sidebar ul li.wpp-customize .wpp-thumbnail a {
	padding: 0 0 0 0;
	display: inline;
}

div#sidebar ul li.wpp-customize .wpp-thumbnail a img {
	padding: 5px 0 0 0;
	display: block;
	margin: 0 auto;
	width: 95%;
	height: auto;
}

div#sidebar ul li.wpp-customize .wpp-post-title {
	font-size: 12px;
	display: block;
	padding: 0px 5px 0 5px;
	font-weight: 600;
}

div#sidebar ul li.wpp-customize .wpp-post-title a {
	color: #0c8bcd;
	padding: 0 0 0 0;
}

div#sidebar ul li.wpp-customize .wpp-excerpt {
	font-size: 11px;
	padding: 0 10px 0 10px;
	border-top: 1px dotted #ccc;
}

div#sidebar ul li.wpp-customize .display-views {
	font-size: 10px;
	/* float: right; */
	margin-right: 5px;
}

/* 著者投稿者情報プロフィールcss */
#single_author {
	margin: 0 0 20px;
	border: 1px solid #ccc;
	padding: 15px 15px 2px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background: #f9f9f9;
}
/* プロフィール写真左 */
.single_author_avatar {
	float: left;
	margin: 0 10px 20px 0;
}

.single_author_avatar img {
	width: 96px;
	height: 96px;
}
/* プロフィール右 */
#single_author_meta {
	float: left;
	width: 400px;
	position: relative;
}

#single_author_meta h3 {
	border-left: none;
	padding: 0;
}

#single_author_meta h3:after {
	border-bottom: none;
}

#single_author_meta h3.single_author_name {
	margin: 0 0 10px 0;
	font-size: 14px;
	line-height: 160%;
}

#single_author_meta h3.single_author_name a {
	color: #333;
}

.single_author_name2 {
	margin: 0 0 0 15px;
	font-size: 10px;
}

.single_author_link {
	color: #333;
	position: absolute;
	right: 0px;
	top: 0px;
	text-decoration: none;
	font-size: 12px;
	background: #e8e8e8 url(arrow_right.png) no-repeat 16px 9px;
	padding: 5px 20px 5px 30px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

#single_author_desc {
	padding: 10px 0 0 0;
	font-size: 12px;
	border-top: 1px dotted #ccc;
}

#single_author_desc p {
	font-size: 12px;
}

/* twitterとfacebookなど */
ul#author_social_link {
	margin: 15px 0 12px 0;
	list-style-type: none;
}

ul#author_social_link li {
	float: left;
	font-size: 12px;
	margin: 0 4px 0 0;
}

ul#author_social_link li a {
	display: block;
	text-decoration: none;
	background: #ccc;
	color: #fff;
	height: 20px;
	line-height: 20px;
	padding: 0 15px;
	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

#author_social_link li.author_link a {
	background-color: #00A0E9;
}

#author_social_link li.twitter a {
	background-color: #16b9dc;
	color: #fff;
}

#author_social_link li.facebook a {
	background-color: #3B5998;
	color: #fff;
}

/* 著者ウィジェット */
#profile_widget {
	margin: 5px 0px 10px;
	border: 1px solid #ccc;
	padding: 5px 10px 5px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background: #f9f9f9;
}

/* プロフィール写真左 */
.profile_widget_avatar {
	float: none;
	margin: 0 auto;
}

.profile_widget_avatar img {
	display: block;
	margin: 0 auto;
	height: auto;
	width: 40%;
}

/* プロフィール右 */
#profile_widget_meta {
	float: none;
	width: 100%;
	position: relative;
	text-align: center;
}

#profile_widget_meta h3 {
	border-left: none;
	padding: 0;
}

#profile_widget_meta h3:after {
	border-bottom: none;
}

#profile_widget_meta h3.single_author_name {
	margin: 0 0 5px 0;
	font-size: 14px;
	line-height: 160%;
	width: 100%;
}

#profile_widget_meta h3.single_author_name a {
	color: #333;
}

#profile_widget_meta .single_author_name2 {
	margin: 0;
	font-size: 10px;
	display: block;
}

.profile_widget_link {
	color: #333;
	position: absolute;
	right: 0px;
	top: 0px;
	text-decoration: none;
	font-size: 12px;
	background: #e8e8e8 url(arrow_right.png) no-repeat 13px 10px;
	padding: 5px 25px;
	-moz-border-radius: 20px;
	-khtml-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	margin: 0 auto 5px;
	display: inline-block;
	position: static;
}

#profile_widget_desc {
	padding: 10px 0 0 0;
	font-size: 12px;
	border-top: 1px dotted #ccc;
	text-align: left;
}

#profile_widget_desc p {
	font-size: 12px;
}

/* twitterとfacebookなど */
#profile_widget_desc ul#profile_widget_sns {
	margin: 10px 0 5px 0;
	list-style-type: none;
}

#profile_widget_desc ul#profile_widget_sns li {
	float: left;
	font-size: 12px;
	margin: 0 4px 0 0;
	border-bottom: none;
}

#profile_widget_desc ul#profile_widget_sns li a {
	display: block;
	text-decoration: none;
	background: #ccc;
	color: #fff;
	height: 20px;
	line-height: 20px;
	padding: 0 15px;
	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

#profile_widget_desc #profile_widget_sns li.author_link a {
	background-color: #00A0E9;
}

#profile_widget_desc #profile_widget_sns li.twitter a {
	background-color: #16b9dc;
	color: #fff;
}

#profile_widget_desc #profile_widget_sns li.facebook a {
	background-color: #3B5998;
	color: #fff;
}

/* 購入の流れ画像横並び３枚 */
img.amp_sale_left {
	float: left;
	height: auto;
	width: 45%;
	margin-left: 0;
}

img.amp_sale_center {
	width: 10%;
	vertical-align: 200px;
	margin-left: 0;
}

img.amp_sale_right {
	width: 45%;
	height: auto;
	clear: both;
	margin-left: 0;
}

/* スポンサーリンク */
.sponsor_link {
	padding: 0px !important;
	width: 550px;
}

div.post .sponsor_link p {
	font-size: 14px;
	line-height: 1;
	margin: 0;
	padding-bottom: 2px;
}

.adleft {
	float: left;
	width: 272px;
	height: auto;
}

.adright {
	float: right;
	width: 272px;
	height: auto;
}

.sponsor_link img {
	width: 100%;
}

/* ページのトップ、総論と見出し */
ul.gr_ulli {
	width: 94%;
	background: #f1f8ff;
	border-radius: 8px;
	/* box-shadow: 0px 0px 5px silver; */
	padding: 10px 0 10px 0;
	margin: 5px 2%;
	border: double 5px #a8d4ff;
	color: #444;
}

ul.gr_ulli li {
	line-height: 1.5;
	padding: 5px 0px 5px 0px;
	margin: 5px 2%;
	font-size: 14px;
	list-style: none;
	border-bottom: dashed 1px #668ad8;
}

div.post p.midashi {
	position: relative;
	background: #dfefff;
	box-shadow: 0px 0px 0px 5px #dfefff;
	border: dashed 2px white;
	padding: 0.2em 0.5em;
	color: #454545;
	width: 90%;
	margin: 10px auto;
}

div.post p.midashi:after {
	position: absolute;
	content: '';
	left: -7px;
	top: -7px;
	border-width: 0 0 15px 15px;
	border-style: solid;
	border-color: #fff #fff #a8d4ff;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}

/* 2022/01/11 AddQuicktag 作成  */
/* 黄色マーカ太字 */
b.yellow_moji {
	background-color: #ffff99;
}
/* 赤太字 */
b.red_moji {
	color: #ff0000;
}
/* 黄色ボックス */
div.yellow_box {
	background-color: #ffffd8;
	font-size: 16px;
	color: #333;
	line-height: 28px;
	margin: 15px 10px;
	padding: 20px 15px;
}
/* ピンクボックス */
div.pink_box {
	color: #333;
	background-color: #ffeefe;
	font-size: 16px;
	line-height: 28px;
	margin: 15px 10px;
	padding: 20px 15px;
}
/* グレーボックス */
div.gray_box {
	background-color: #f8f8f8;
	color: #333;
	font-size: 16px;
	line-height: 28px;
	margin: 15px 10px;
	padding: 20px 15px;
}

/* ブルーボックス */
div.blue_box {
	background-color: #f6fbff;
	font-size: 16px;
	line-height: 28px;
	margin: 15px 10px;
	padding: 20px 15px;
}

/* ul li 水色 */
ul.general_box {
	width: 90%;
	color: #4D4D4D; /*文字色*/
	border: dashed 2px #668ad8; /*破線 太さ 色*/
	background: #f6fbff; /*背景色*/
	padding: 10px 10px;
	margin: 10px auto;
	list-style: none;
}

/* ul li ピンク */
ul.general_box_pink {
	width: 90%;
	color: #565656; /*文字色*/
	border: dashed 2px #ff95b3; /*破線 太さ 色*/
	background: #fff6fb; /*背景色*/
	padding: 10px 10px;
	margin: 10px auto;
	list-style: none;
}

/* ul li 色なしノーマル */
ul.nomal_box {
	width: 90%;
	color: #444444; /*文字色*/
	border: dashed 2px #808080; /*破線 太さ 色*/
	padding: 10px 10px;
	margin: 20px auto;
	list-style: none;
}

ul.general_box li,
ul.general_box_pink li,
ul.nomal_box li {
	line-height: 30px;
	padding: 0px 0px 0px 0px;
	font-size: 15px;
	margin: 5px 5px 5px 5px;
}


/* ol li ピンク */
ol.general_box {
	width: 90%;
	color: #565656; /*文字色*/
	border: dashed 2px #ff95b3; /*破線 太さ 色*/
	background: #fff6fb; /*背景色*/
	padding: 10px 10px;
	margin: 10px auto;
}

ol.general_box li {
	line-height: 30px;
	padding: 0px 0px 0px 0px;
	font-size: 15px;
	margin: 5px 5px 5px 20px;
}


	/* 目次Table of Contents Plusプラグイン */
	div #toc_container {
	width: 92% !important;
	margin: 0 auto;
}
	/* 1段目 */
	div.post div#toc_container ul.toc_list  {
		margin: 0;
		padding: 0;
		width:100%;
		line-height: 20px;
	}
	div#toc_container ul.toc_list li {
		margin: 5px 5px 5px 5px ;
		padding: 5px 0 0 0;
		font-size: 15px;
	}

	/* 1段目内2段目 */
	div#toc_container ul.toc_list ul {
		font-size: 14px;
		margin: 0 0 0 15px;
		padding: 2px 0 5px 0;
	}
	div#toc_container ul.toc_list ul  li {
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		font-size: 15px;
		line-height: 22px;
	}

/* -----------------------------------------------------------







    スマートフォン







-------------------------------------------------------------- */
@media ( max-width :812px) {
	/* スマートフォン向けCSS */
	/* メイン */
	div#container {
		width: 100%;
		/* 横向きの幅を550pxで中央寄せ */
		max-width: 550px;
		margin: auto;
	}
	div#content {
		float: none;
		width: 100%;
		margin-bottom: 10px;
	}
	div#contents2 {
		float: none;
		width: 100%;
		margin-bottom: 10px;
	}

	/* ヘッダー */
	div#container div#header {
		width: 100%;
		margin-bottom: 20px;
	}
	div#header h1.desc {
		width: 98%;
		font-size: 12px;
		margin: 0 1%;
	}
	div#header p.p-title {
		margin: 5px 0 0 1%;
		font-size: 14px;
		font-weight: 700;
	}
	div#subinfo {
		text-align: right;
		margin: 0 10px 5px 5px;
	}

	/* ナビゲーションバー(スマフォ) */
	div#nav {
		font-size: 14px;
		height: 35px;
		background-color: #687ffa;
		/* ロングナビ用 */
		margin-left: 0;
		margin-right: 0;
		padding-left: 0;
		padding-right: 0;
	}
	div#nav ul {
		margin: 0 0 0 0;
		padding: 0;
		list-style-type: none;
	}
	div#nav li {
		list-style-type: none;
		float: left;
		width: 50%;
		padding: 0;
		margin: 0;
		text-align: center;
	}
	div#nav li a {
		line-height: 35px;
		height: 35px;
		width: auto;
		color: #ffffff;
		display: block;
		background: #687ffa;
		font-size: 14px;
		font-weight: bold;
		text-align: center;
		text-decoration: none;
		border-left: none;
		border-right: none;
		box-sizing: border-box;
		border: 1px solid #fff;
	}
	div#nav li:nth-child(odd) {
		border-left: 1px solid #fff;
		box-sizing: border-box;
	}
	div#nav li:nth-child(even) {
		border-right: 1px solid #fff;
		box-sizing: border-box;
	}
	div#nav li a:hover {
		background-color: #899af9;
	}

	/* 基本テンプレ */
	div#image img {
		margin: 10px 0 0 0;
		width: 100%;
		height: auto;
	}
	p.title {
		height: 24px;
		line-height: 24px;
		font-size: 16px;
		width: 150px;
	}
	p.title {
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	div.post {
		width: 100%;
	}
	div.post h2 {
		margin: 0 2%;
		padding:10px 20px 10px;
		font-size: 16px;
		line-height: 1.4;
	}
	div.post p {
		width: 95%;
		margin: 0 auto 10px;
		font-size: 14px;
		line-height: 1.6;
		margin-left: 2%;
	}
	div.post p img {
		margin: 0 auto;
	}

	/* 記事ページのフォント */
	.post-template-default div.post p, .news-template-default div.post p,
		.category div.post p {
		font-size: 16px;
		line-height: 34px;
		color: #333;
	}

	/* カスタム投稿記事ページのフォント */
	.news-template-default div.post p {
		font-size: 15px;
		line-height: 2;
		color: #333;
	}
	div.post img {
		width: 100%;
		height: auto;
	}
	div.post p.thumb {
		margin-bottom: 5px;
	}
	div.post p.thumb img {
		width: 96%;
		height: auto;
		margin: 0 auto;
		display: block;
	}
	div.post img.attachment-post-thumbnail {
		width: 96%;
		margin: 0 auto 5px;
		display: block;
	}
	ul.toplist {
		margin: 0 2% 15px;
	}
	div.post p.postcat {
		margin: -13px 1% 10px;
		width: 98%;
		font-size: 13px;
	}
	div.post p.postcat a {
		padding: 2px 3px;
		margin: 0 2px;
	}
	div.post p.more {
		margin: 0 0 0 10px;
	}
	div.post p.more a {
		font-size: 16px;
		padding: 3px 8px;
	}
	ul.post {
		width: 96%;
		margin: 0 auto;
	}

	/* サイドバー */
	div#sidebar {
		width: 100%;
		float: none;
	}
	div#sidebar ul {
		width: 96%;
		margin: 0 2%;
	}
	div#sidebar li li {
		line-height: 25px;
		font-size: 16px;
	}
	div#sidebar h2 {
		font-size: 16px;
	}

	/* サイドバー広告画像 */
	div#sidebar .sidebar_img {
		width: 100%;
		margin: 10px auto;
		max-width: 336px;
	}
	div#sidebar .sidebar_img img {
		width: 100%;
		display: block;
	}

	/* サイドバー */
	div#sidebar2 {
		width: 100%;
		float: none;
	}
	div#sidebar2 ul {
		width: 96%;
		margin: 0 2%;
	}
	div#sidebar2 li li {
		line-height: 25px;
		font-size: 16px;
	}
	div#sidebar2 h2 {
		font-size: 16px;
	}

	/* ページ送り */
	p.pagenation {
		font-size: 16px;
		line-height: 30px;
		width: 90%;
		margin: 0 auto;
	}
	p.pagenation span.newpage, p.pagenation span.oldpage {
		float: left;
		line-height: 20px;
		width: 100%;
		font-size: 13px;
	}
	p.pagenation span.newpage {
		margin-top: 10px;
	}
	p.pagenum a, p.pagenum span {
		padding: 12px;
	}

	/* フッター */
	div#footer {
		width: 100%;
		float: none;
		margin: 0;
		padding: 0;
	}
	div#ft_nav {
		width: 100%;
	}
	div#footermenu {
		width: 100%;
	}
	div#footer ul {
		width: 96%;
		margin: 10px 2% 0;
	}
	div#footer li li {
		line-height: 25px;
		font-size: 12px;
	}
	div#footer h2 {
		font-size: 14px;
	}
	div#footer #ft_nav p {
		padding: 0;
		margin: 0;
		font-size: 11px;
		text-align: center;
	}

	/* クリアフィックス */
	.clearfix:after {
		content: "";
		clear: both;
		display: block;
	}

	/* パンくずリストプラグイン */
	div.breadcrumbs {
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		width: 98%;
		padding: 0px;
		margin: 0px 1%;
	}

	/*関連記事（Relation）*/
	div#related-entries {
		width: 95%;
		margin: 0 auto;
	}
	div#related-entries h3 {
		width: 95%;
		margin: 10px auto;
	}
	#related-entries .related-entry {
		clear: both;
		margin-bottom: 10px;
		margin-top: 10px;
		border: 1px solid #687ffa;
		border-radius: 10px;
	}
	#related-entries .related-entry-thumb {
		float: none;
		margin-bottom: 5px;
		padding-bottom: 5px;
		width: 100%;
	}
	#related-entries .related-entry-thumb img {
		width: 95%;
		height: auto;
		margin: 5px auto 0;
		display: block;
	}
	#related-entries .related-entry-content {
		width: 100%;
		float: none;
	}
	#related-entries .related-entry-content h4.related-entry-title {
		color: #333;
		font-size: 14px;
		background-image: none;
		background-repeat: no-repeat;
		background-position: center left;
		line-height: 16px;
		font-weight: 600;
		margin: 0px auto 5px;
		width: 95%;
		padding: 0 0 5px 0;
	}
	div.related-entry-content p.related-entry-snippet {
		margin: 0 0 5px 0;
		font-size: 12px;
		line-height: 14px;
		margin: 5px;
	}
	div.related-entry-content p.related-entry-read {
		margin: 10px 25px 0 0;
		font-size: 14px;
		line-height: 16px;
		text-align: right;
		margin-bottom: 15px;
	}
	div.related-entry-content p.related-entry-read a {
		padding: 3px;
		margin: 0;
	}

	/* Contact Form 7プラグインSP追加 */
	div#wpcf7-f9-p10-o1 {
		width: 90%;
		margin: 0 auto;
	}

	/*  評価付けプラグインWP-PostRatings */
	div#inner {
		width: 94%;
		border: 1px solid #687ffa;
		padding: 6px;
		margin: 20px 1% 0;
	}
	div#inner div.post-ratings img {
		margin: 0 2%;
	}

	/* コメント微調整 */
	ol.commets-list {
		padding: 0 0 0 0;
		margin: 0 0 0 0;
		list-style-type: none;
	}
	div#comments p.comment-form-author input#author {
		width: 200px;
	}

	/* 目次Table of Contents Plusプラグイン */
	div #toc_container{
	width: 96% !important;
	padding: 0 0 0 0;
	}
	div.post div#toc_container ul.toc_list{
	margin: 5px auto 20px;
	padding: 0 0 0 1%;
	width: auto;
	}

	div#toc_container ul.toc_list li {
		margin: 5px 1% 5px 2%;
	}

	/* 1段目内2段目 */
	div#toc_container ul.toc_list ul {
		margin: 0 0 0 3%;
	}
	div#toc_container ul.toc_list ul  li {
		font-size: 15px;
		padding: 3px 0 3px 0;
	}
	/* カテゴリページの抜粋文章を小さくする */
	.category #content div.post p {
		font-size: 13px;
		line-height: 1.6;
		color: #333;
	}

	/* ------



 独自カスタマイズCSS-スマートフォン



   -------- */

	/* h3h4h5カスタマイズ */
	div.post h3 {
		width: 90%;
		margin: 20px 0 20px 2%;
		font-weight: 700;
		font-size: 17px;
		padding: 0px 0px 0 5px;
		line-height: 30px;
	}
	div.post h4 {
		margin-left: 1%;
		padding: 5px 10px 5px 9%;
		width: 85%;
		font-weight: 700;
		font-size: 16px;
	}
	div.post h5 {
		padding: 6px 0 2px 8%;
		margin-left: 1%;
		font-size: 15px;
		width: 85%;
		font-weight: 700;
	}

	/* ul liノーマルタグ */
	.post li {
		margin: 1% 0 1% 5%;
		font-size: 16px;
	}

	/* 体験談の画像付きデザイン */
	div#taiken_box img {
		width: 30%;
		margin: 5px 10px 5px 0;
	}

	/*  リンクボックス */
	.post-template-default .post .link_box, .news-template-default .post .link_box,
		.category .post .link_box {
		width: 90%;
	}
	.post-template-default .post .link_box a p, .news-template-default .post .link_box a p,
		.category .post .link_box a p {
		color: #0c8bcd;
	}
	.post-template-default .post .link_box img, .news-template-default .post .link_box img,
		.category .post .link_box img {
		width: 95%;
	}
	.post-template-default .post .link_box p, .news-template-default .post .link_box p,
		.category .post .link_box p {
		font-size: 13px;
		line-height: 1.5;
	}

	/*ランキングボックス*/
	div.ranking_box h4.rank_h4 {
		width: 94%;
		margin: 0px 1% 20px;
		padding: 10px 5px 10px 10px;
	}
	div.ranking_box  img {
		width: 100%;
		display: block;
		margin: 0 auto;
	}
	div.post div.ranking_box  p {
		color: #333;
		font-size: 14px;
		line-height: 22px;
		margin: 0 auto 10px;
		width: 90%;
	}
	div.ranking_box  img.sale_button {
		margin-top: 10px;
	}

	/* ご注文はこちらボタン */
	div.post img.sale_button {
		width: 90%;
	}
	/* ご注文はこちらボタン2 */
	div.post div.sale_banner {
		width: 95%;
		margin: 0 auto;
		display: block;
	}
	div.post div.sale_banner p.banner_text {
		width: 100%;
		font-size: 14px;
		margin-bottom: 5px;
	}
	div.post div.sale_banner img.sale_button {
		width: 80%;
		margin: 5px auto 10px;
	}

	/* 上段バナーSP */
	.top_banner_mb {
		width: 96%;
		font-size: 13px;
		margin: 0 auto;
		margin-bottom: 15px;
		color: #666;
		max-width: 640px;
		line-height: 1.3;
	}
	.top_banner_mb a {
		width: 100%;
		color: #666;
	}
	.top_banner_mb p {
		margin: 0;
		padding: 0;
		width: 100%;
	}
	.top_banner_mb img {
		width: 100%;
		display: block;
		margin: 0 auto;
		height: auto;
	}

	/* 下段バナーSP */
	div.post .ander_banner_mb {
		width: 96%;
		margin: 0 auto;
		font-size: 13px;
		max-width: 640px;
		line-height: 1.3;
	}
	div.post .ander_banner_mb a {
		width: 100%;
		color: #666;
	}
	div.post .ander_banner_mb a p {
		margin: 0;
		padding: 0;
		width: 100%;
		line-height: 1.3;
		font-size: 13px;
		color: #666;
	}
	div.post .ander_banner_mb img {
		width: 100%;
		display: block;
		margin: 0 auto;
		height: auto;
	}

	/*  引用タグ */
	.post-template-default div.post blockquote, .news-template-default div.post blockquote,
		.category div.post blockquote {
		padding: 6% 1% 1% 1%;
		margin: 1% 1% 1% 1%;
	}
	.post-template-default div.post blockquote p, .news-template-default div.post blockquote p,
		.category div.post blockquote p {
		font-size: 13px;
		line-height: 1.5;
	}
	.post-template-default div.post blockquote footer,
		.news-template-default div.post blockquote footer, .category div.post blockquote footer
		{
		font-size: 11px;
	}
	/*  人気記事ランキング */
	div.wpp-post-title {
		line-height: 1.5;
	}
	div.wpp-excerpt {
		line-height: 1.5;
	}

	/* 著者投稿者情報プロフィールcss */
	#single_author {
		margin: 20px 15px 20px;
	}
	/* プロフィール写真左 */
	div#single_author a.single_author_avatar {
		float: none;
		margin: 0 auto;
	}
	div#single_author a.single_author_avatar img {
		width: 50%;
		display: block;
		margin: 0 auto;
		height: auto;
		max-width: 150px;
	}
	#single_author_meta {
		width: 100%;
		text-align: center;
	}
	#single_author_meta h3.single_author_name {
		width: 100%;
		margin: 0 0 5px 0;
	}
	#single_author_meta h3 span.single_author_name2 {
		display: block;
		margin: 0;
		font-size: 10px;
	}
	.single_author_link {
		color: #333;
		text-decoration: none;
		font-size: 12px;
		background: #e8e8e8;
		padding: 5px 25px;
		-moz-border-radius: 20px;
		-khtml-border-radius: 20px;
		-webkit-border-radius: 20px;
		border-radius: 20px;
		margin: 0 auto 10px;
		display: inline-block;
		position: static;
	}
	#single_author_desc {
		text-align: left;
	}

	/* スポンサーリンク */
	.sponsor_link {
		width: 98%;
		margin: 0 auto;
	}
	div.post .sponsor_link p {
		font-size: 13px;
		line-height: 1;
		width: 100%;
		padding-bottom: 0px;
	}
	.adleft {
		width: 49%;
	}
	.adright {
		width: 49%;
	}
}