/*
Theme Name: Child
Template: twentytwelve
*/

html {
	font-size: 87.8%;
}
@media only screen and (max-width:480px){
	html {
	font-size: 89%;
}
}

body {
	font-size: 15px;
	font-size: 1.071428571rem;
	font-family: Helvetica, Arial, sans-serif;
	/*font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Helvetica, Arial, sans-serif;*/
	text-rendering: optimizeLegibility;
	color: #3a3a3a;
	-webkit-text-size-adjust: 100%;/*クロームバグ*/
}

p {
	max-height: 100%;/*クロームバグ*/
}

/*wordpress5.7でpタグの余白削除*/
p:empty:before {
    content: none;
}

/*三点リーダー*/
.m-pro {
	font-family: 'ＨＧ丸ｺﾞｼｯｸＭ-ＰＲＯ';
}

.header-image {
	margin-top: 5px;
	margin-bottom: 0px;
}

.widget-area .widget p,
.widget-area .widget li,
.widget-area .widget .textwidget {	
	font-size: 17px;/*アーカイブ年月*/

}

/*一覧記事の間の余白*/.widget-area .widget li{
	margin-bottom: 5px;
	margin-bottom: 0.3125rem;
}

.widget-area .widget a {
	color: #505050;
}
.widget-area .widget a:visited {
	color: #505050;
}
.widget-area .widget a:hover {
	color: #21759b;
}

.entry-content h2,
.comment-content h2,
.mu_register h2 {
	border-left:5px solid #6495ed;
	padding: 0.1em 0.5em;
	margin-top: 24px;
	font-size:122%;
	max-height: 100%;/*クロームバグ*/
}

.entry-content h3,
.comment-content h3 {
	display:inline-block;
	border-bottom:2px solid #6495ed;
	line-height: 1.6;
	margin-top: 3px;
	margin-bottom: 27px;
	font-size: 115%;
	max-height: 100%;/*クロームバグ*/
}

.midashi3{
	display:inline-block;
	border-bottom:2px solid #6495ed;
	margin-top: 3px;
	margin-bottom: 27px;
	font-weight:bold;
	line-height: 1.6;
	font-size: 115%;
}

.entry-content h4,
.comment-content h4 {
	line-height: 25px;
	margin-top: 2em;
	font-size: 115%;
	max-height: 100%;/*クロームバグ*/
}

h4 {
	position: relative;
	padding-left:1.7em;	
}

h4::before{
	content: "\2713";
	font-size: 1.6em;
	color: #6495ed;
	font-weight: bold;
	position: absolute;
	left: 0;
	top: 0;
 }

.check{
	position: relative;
	padding-left:1.9em;
}

.check::before{
	content: "\2713";
	font-size: 1.6em;
	color: #6495ed;
	font-weight: bold;
	position: absolute;
	left: 0;
	top: 0;
	margin-top:-10px;
 }

.check2{
	position: relative;
	padding-left:1.9em;
}

.check2::before{
	content: "\2713";
	font-size: 1.6em;
	color: #6495ed;
	font-weight: bold;
	position: absolute;
	left: 0;
	top: 0;
	margin-top: -5px;
 }


/*トップ・検索画面の続きを読む*/
.more-link{
	white-space: nowrap;
	float: right;
	color: #21759b;
	font-size: 100%;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Helvetica, Arial, sans-serif;
}

.entry-content .more-link:hover,
.more-link:hover{
	color: #0f3647;
}

/*.more-link:hover{
	color: #fff;/*押した後の文色
 background-color: #75a9ff;/*押した後の背景色
}*/

.entry-content a {
	color: #21759b;/*メニューの元々の色など*/
}

.entry-content a:visited,
.comment-content a:visited{
	color: #21759b;/*4682b4*/
}

.entry-content a:hover{
	color: #0f3647;  /*カーソルが乗った時の色*/
}
.comment-content a:hover{
	color: #0f3647;  /*カーソルが乗った時の色*/
}

/* Navigation Menu */
.main-navigation {
	margin-top: 0;
	margin-top: 0rem;
	text-align: center;
}

.main-navigation ul.nav-menu,
	.main-navigation div.nav-menu > ul {
		border-bottom: 1px solid #ededed;
		border-top: 1px solid #ededed;
		
 box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;}


.main-navigation li a {
	color: #606060;/*ナビメニュー文字色*/
	border-bottom:0px;/*クリックした時にでる枠のサイズ*/
	line-height:30px;/*クリックした時にでる枠のサイズ*/
	font-weight:bold;
	font-size: 16px;
	text-transform: uppercase;
	white-space: nowrap;
	}


.main-navigation ul {
	margin: 0;
	padding-left: 20px;
	padding-left: 1rem;
	position: relative;
	text-indent: 0;
	}
.main-navigation li a,
.main-navigation li {
	display: inline-block;
	text-decoration: none;
	}
	
.main-navigation li a:hover,
.main-navigation li a:active,
.main-navigation li a:focus {
	color: #21759b;	
	}

/*記事タイトル　h1タグ*/
.entry-header .entry-title {
	font-size: 122%;
	font-weight: bold;
	line-height: 1.5;
	max-height: 100%;/*クロームバグ*/
}

/* Safari (ただし、iOSのChromeにも適用される) */
/*_::-webkit-full-page-media, _:future, :root .entry-header .entry-title, .entry-content h2,
.comment-content h2, .mu_register h2, .entry-content h3, .comment-content h3, .entry-content h4, .comment-content h4
{
	word-break: normal;
}

_::-webkit-full-page-media, _:future, :root #toc_container ul {
    word-break: normal;
}

_::-webkit-full-page-media, _:future, :root #toc_container ol {
    word-break: normal;
}*/


.entry-header {
	margin-bottom: 12px;/*タイトル下と本文の余白*/
	margin-bottom: 0.75rem;
}

/*トップ、カテゴリー、アーカイブ画面*/
.entry-content p {
	line-height: 1.9;/*記事の文字行間*/
	font-size: 108%;/*108%*/
	max-height: 100%;/*クロームバグ*/
}

/*検索画面*/
.entry-summary p{
	line-height: 1.9;/*記事の文字行間*/
	font-size: 108%;
	max-height: 100%;/*クロームバグ*/
}

/*コメント画面*/
.comment-content p{
	font-size: 108%;
	max-height: 100%;/*クロームバグ*/
}
.comments-area article header cite{
	font-size: 107%;
	max-height: 100%;/*クロームバグ*/
}
.comments-area article header time{
	font-size: 13px;
	max-height: 100%;/*クロームバグ*/
}

/*ウィジェットタイトル*/
.widget-area .widget h3 {
	margin-bottom: 16px;
	margin-bottom: 1rem;
	font-size: 105%;
}

/*記事下の二重線余白*/
.site-content article {
	margin-bottom: 15px;
	margin-bottom: 1.071428565rem;
}

/*カテゴリーと投稿日などの色*/
.entry-meta a {
	color: #404040;
}

/*全部のフッターメタのサイズ*/
footer.entry-meta {
	/*color: #404040;*/
	font-size:96.3%;
	max-height: 100%;/*クロームバグ*/
}

div.entry-post-thumbnail {
	margin: 0px 0px 10px 0px;
}

/*免責事項の色*/
footer[role="contentinfo"] a {
	color: #505050;
}

/*　Table of Contents Plus（目次）を中央に表示させる　*/
#toc_container {
	margin-left: auto;
	margin-right: auto;
}

/* アドセンス　ダブルレクタングル */
.double-rectangle {
	text-align: center;
	overflow: hidden;
	color: #3a3a3a;
	margin-top: 35px;
	margin-bottom: 5px;
	padding-top: 0;/*前は7px 15px*/
	border-top: 1px solid #eee;
	line-height: 2.5;
}

/*関連記事コンテンツ*/
.related-art {
	padding-top: 0;
	margin-top:5px;/*ラベルなしなら35*/
	padding-bottom:0;
}

/*関連記事ラベル*/
.related-article h2 {
	padding: 0 0 0 7px;
	border-left: solid 8px #6495ed ;
	font-size: 18px;
	margin-top: 15px;/*リンクあり20px リンクスマホちょうど12px*/
}

@media only screen and (max-width:480px){
	.related-article h2{
		margin-top:30px;/*レクタングルありは30px なしは23*/
	}
}

/*レクタングルなしの場合*/
/*.related-article {
	border-top: 1px solid #eee;
	margin-top:35px;
}*/

.related-article h2:before {
	content: none;
}

/*.label{
	border-top: 1px solid #eee;
	margin-top:35px;
}*/

@media screen and (min-width: 1024px){
	.double-rectangle {
		margin-bottom: 0;
	}
}
 
/* 1000px以上で横にダブル */
@media screen and (min-width: 1024px) {
	.left-rectangle {
		float: left;
		margin-left: 10px;/* 左に30pxの余白　元は5px */
	}
	.right-rectangle {
		float: right;
		margin-right: 10px;/* 右に30pxの余白 元は5px*/
	}
}

/*サイトの幅*/
@media screen and (min-width: 600px) {
.site {max-width: 1000px;}
.widget-area {width: 30%;}
.site-content {width: 65.2%;}
}

/*PCの両サイド余白*/
@media screen and (min-width: 600px) {
body .site {
    padding: 0 48px;
    /* padding: 0 2.857142857rem;
    /margin-top: 48px;
    margin-top: 3.428571429rem;
    margin-bottom: 48px;
    margin-bottom: 3.428571429rem;
    box-shadow: 0 2px 6px rgb(100 100 100 / 30%);*/
	}
}

/*PC画像中央寄せと下の余白*/
@media screen and (min-width: 600px) {
div.entry-post-thumbnail {
    text-align: center;
}
	.thum{
		text-align: center;
	}
	img.size-full{
    display: block;
    text-align: center;
    margin: 0 auto 34px;
}
}

/*divセンター時の画像下に文章ありの余白*/
@media only screen and (min-width:600px){
	.yohaku_pc{
		margin-bottom: -25px;
	}
}

/*banner使用時の画像下余白*/
@media only screen and (min-width:600px){
	.yohaku_pc2 {
		display: inline !important;
		margin: 0 !important;
	}
}

/*サイト幅スマホ
@media screen and (max-width: 480px) {
.site {max-width: 100%;}
}*/


/*コメント入力でずれるバグ修正*/
@media screen and (max-width : 480px){
	html,
	body {
		overflow-x: hidden;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
	}
}

ins {
	background: transparent;
	text-decoration: none;
}

/*画像挿入につく枠線をなくす*/
.entry-content img,
.comment-content img,
.widget img,
img.header-image,
.author-avatar img,
img.wp-post-image {
	/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
	border-radius: 0px;
	box-shadow: none;
}

/*コメントフォーム*/
.comment-form-comment label{
	font-size:0;
	max-height:100%;
}
.comment-form-comment label:before {
	font-size: 16px;
	content: "\5185\5BB9";
}

.comment-form-author label{
	font-size:0;
	max-height:100%;
}
.comment-form-author label:before {
	font-size: 16px;
	content: "\304A\540D\524D";
}

#respond h3#reply-title{
	max-height:100%;
}

/* カテゴリー部分 */
	.post-category {	
		color: #484848;
		float: left;
		margin-bottom: -20px;
}

	span.post-cat a {		
		color: #484848;  /* 文字色 */
		padding:0px 10px 0 0;
	}
span.post-cat a:hover{
color:#21759b;	
}

span.post-cat2{ /* 投稿日部分 */
	padding:0 10px 0 0;
}

/* 著者・公開日・更新日部分 */
	.post-time {
		margin-top: 10px;
		margin-bottom: -20px;  /* 下に外側の余白 */
		color:#484848;
		/*元はbottom-20px padding-bottom15なし borderもなし*/
	}

/*フッターメニュー調整*/
.site-info ul {
	text-align: left;
}
.site-info li {
	display: inline-block;
	margin-right: 10px;
	font-size:13px;
}
@media only screen and (max-width:480px){
	.site-info li{
		margin-right:20px;
		font-size: 13px;
	}
}

/*アーカイブのタイトル*/
.archive-title,
.page-title {
	font-size: 105%;
	max-height: 100%;/*クロームバグ*/
}

/*header 余白*/
.site-header {
	padding: 18px 0;
	padding: 1.125rem 0;
}
.header-image {
	margin-top: 12px;
	margin-top: 0.75rem;
}

/* パンくず位置調整 */
div#breadcrumb {
	margin:-25px 0 30px 0;
	font-size: 94%;
	max-height: 100%;/*クロームバグ*/
}

div#breadcrumb  ul li{
	display:inline;
	line-height:20px;
}

/*アーカイブページの余白*/
.archive-header,
.page-header {
	margin-bottom: 24px;
	margin-bottom: 1.5rem;
	padding-bottom: 0px;
	padding-bottom: 0rem;
}
/* 勝手に大文字にしない */
.main-navigation li a {text-transform: none;}
.archive-title {text-transform: none;}
.widget-title {text-transform: none;}

/*ウィジェットカテゴリーの下線を消したりフォントの変更*/
.widget-area .widget a {
	text-decoration: none; /* リンク部分にアンダーライン */
}
.widget-area .widget li {
	border-bottom: 1px dotted #bbb;
}

/*子カテゴリー*/
.widget-area .widget li.cat-item.cat-item-14,
li.cat-item.cat-item-17,li.cat-item.cat-item-18,
li.cat-item.cat-item-20,li.cat-item.cat-item-22,li.cat-item.cat-item-24,li.cat-item.cat-item-25,
li.cat-item.cat-item-26,li.cat-item.cat-item-31,li.cat-item.cat-item-32,
li.cat-item.cat-item-34,li.cat-item.cat-item-35,li.cat-item.cat-item-36,
li.cat-item.cat-item-38,li.cat-item.cat-item-39,li.cat-item.cat-item-42,li.cat-item.cat-item-43,
li.cat-item.cat-item-44,li.cat-item.cat-item-54,li.cat-item.cat-item-55,li.cat-item.cat-item-56,
li.cat-item.cat-item-57,li.cat-item.cat-item-58,li.cat-item.cat-item-59,li.cat-item.cat-item-60,
li.cat-item.cat-item-61,li.cat-item.cat-item-62,li.cat-item.cat-item-63,li.cat-item.cat-item-64,
li.cat-item.cat-item-67{
	border-style: hidden;
	font-size: 16px;
	padding-left: 24px;/*アコーディオン前は7px、9pxでジャスト*/
	max-height: 100%;/*クロームバグ*/
}

/*親カテゴリー*/
.widget-area .widget li.cat-item.cat-item-11,li.cat-item.cat-item-8,li.cat-item.cat-item-10,
li.cat-item.cat-item-15,li.cat-item.cat-item-19,li.cat-item.cat-item-21,li.cat-item.cat-item-23,
li.cat-item.cat-item-13,li.cat-item.cat-item-37,li.cat-item.cat-item-40,li.cat-item.cat-item-41,
li.cat-item.cat-item-45,li.cat-item.cat-item-65{
	font-size: 17px;
	max-height: 100%;/*クロームバグ*/
}

/*親カテゴリーのみ*/
ol,ul{
	max-height:100%;/*クロームバグ*/
}

/*ウィジェットカテゴリーの下線を消したりフォントの変更*/

/*引用符*/
.entry-content blockquote{
	margin-bottom: 28px;
	margin-bottom: 1.999999988rem;
	margin-top: 28px;
	margin-top: 1.999999988rem;
}

blockquote {
	position: relative;
	padding: 10px 20px;
	box-sizing: border-box;
	color: #3a3a3a;
	background: #f7f7f7;
	font-style: normal !important;
}

blockquote:before{
	display: inline-block;
	position: absolute;
	top: 0;
	left: 5px;
	vertical-align: middle;
	content: "\201C";
	font-family: sans-serif;
	color: #e0e0e0;
	font-size: 60px;
	line-height: 1;
}

blockquote:after{
	display: inline-block;
	position: absolute;
	bottom: -37px;
	right: 5px;
	vertical-align: middle;
	text-align: center;
	content: "\201D";
	font-family: sans-serif;
	color: #e0e0e0;
	font-size: 60px;
	line-height: 1;
}

@media only screen and (max-width:480px){
	blockquote:after{
	display: inline-block;
	position: absolute;
	bottom: -32px;
	right: 5px;
	vertical-align: middle;
	text-align: center;
	content: "\201D";
	font-family: sans-serif;
	color: #e0e0e0;
	font-size: 60px;
	line-height: 1;
}
}

blockquote cite {
	position: relative;
	z-index: 3;
	display: block;
	text-align: right;
	/*color: #3a3a3a;*/
	font-size: 0.928571428em;
	font-style: normal;
	margin-top: 0.5em;
}

blockquote cite a{
	color: #21759b;
}

blockquote cite a:hover{
	color: #0f3647;
}

/*Chat Bubbles　CSS Setting*/
/* 全体のスタイル */
.voice {
	margin-bottom: 40px;/*40px*/
	margin-top: 30px;/*30px*/
}
/* 左画像 */
.voice-img-left {
	margin-left: 4px;
	margin-top: -1px;
	float: left;
	width: 70px;
	height: 70px;
}
/* 右画像 */
.voice-img-right {
	margin-right: 4px;
	margin-top: -1px;
	float: right;
	width: 70px;
	height: 70px;
}

/*.voice-img-right .voice-img-description{
	margin-right: -6px;
}*/

.voice figure img {
	width: 100%;
	height: 100%;
	border: 2px solid #eee;
	border-radius: 50%;
	margin: 0 ;
	display: inline;
}
/* 画像の下のテキスト */
.voice-img-description {
	margin-top: -5px;
	margin-right: -5px;/*名前のずれ修正*/
	font-size: 14px;
	color: #3a3a3a;
	text-align: center;
	line-height: 1em;
}
/* 左からの吹き出しテキスト */
.voice-text-right {
	position: relative;
	margin-left: 100px;
	padding: 1.2em;
	border: 3px solid #eee;
	background-color: #fff;
	border-radius: 5px;
}
/* 右からの吹き出しテキスト */
.voice-text-left {
	position: relative;
	margin-right: 100px;
	padding: 1.2em;
	border: 3px solid #eee;
	background-color: #fff;
	border-radius: 5px;
}
p.voice-text {
	margin: 0 0 8px;
}
p.voice-text:last-child {
	margin-bottom: 0px;
}
/* 左の三角形を作る */
.voice-text-right:before {
	position: absolute;
	content: '';
	border: 10px solid transparent;
	border-right: 10px solid #eee;
	top: 15px;
	left: -20px;
}
.voice-text-right:after {
	position: absolute;
	content: '';
	border: 10px solid transparent;
	border-right: 10px solid #fff;
	top: 15px;
	left: -16px;
}
/* 右の三角形を作る */
.voice-text-left:before {
	position: absolute;
	content: '';
	border: 10px solid transparent;
	border-left: 10px solid #eee;
	top: 15px;
	right: -23px;
}
.voice-text-left:after {
	position: absolute;
	content: '';
	border: 10px solid transparent;
	border-left: 10px solid #fff;
	top: 15px;
	right: -19px;
}
/* 回り込み解除 */
.voice:after,.voice:before {
	clear: both;
	content: "";
	display: block;
}

/*--------------------------------------------------
 カエレバ・ヨメレバ・トマレバ　WordPressの場合
---------------------------------------------------*/
.cstmreba {
width: 98%;
height:auto;
margin:25px 0;
	margin-top:0px;
font-family:'Lucida Grande','Hiragino Kaku Gothic ProN',Helvetica, Meiryo, sans-serif;
line-height: 1.5;
word-wrap: break-word;
box-sizing: border-box;
display: block;
}
.cstmreba a {
transition: 0.8s ;
color:#285EFF; /* テキストリンクカラー */
}
.cstmreba a:hover {
color:#FFCA28; /* テキストリンクカラー(マウスオーバー時) */
}
.cstmreba .booklink-box,.cstmreba .kaerebalink-box,.cstmreba .tomarebalink-box {
width: 100%;
background-color: #fff;  /* 全体の背景カラー */
overflow: hidden;
border:solid 1px #d2d7e6;
border-radius: 5px;
box-sizing: border-box;
padding: 12px 8px 6px 8px;
}
/* サムネイル画像ボックス */
.cstmreba .booklink-image,
.cstmreba .kaerebalink-image{
width:120px;
float:left;
margin:0 14px 0 0;
text-align: center;
}
.cstmreba .tomarebalink-image {
width:140px;
float:left;
margin:0 14px 0 0;
text-align: center;
}
.cstmreba .booklink-image a,
.cstmreba .kaerebalink-image a,
.cstmreba .tomarebalink-image a {
width:100%;
display:block;
}
/* サムネイル画像 */
.cstmreba .booklink-image a img,.cstmreba .kaerebalink-image a img,.cstmreba .tomarebalink-image a img {
margin:0 ;
padding: 0;
text-align:center;
}
.cstmreba .booklink-info,.cstmreba .kaerebalink-info,.cstmreba .tomarebalink-info {
overflow:hidden;
line-height:170%;
color: #333;
}
/* infoボックス内リンク下線非表示 */
.cstmreba .booklink-info a,
.cstmreba .kaerebalink-info a,
.cstmreba .tomarebalink-info a {
text-decoration: none;	
}
/* 作品・商品・ホテル名 リンク */
.cstmreba .booklink-name>a,
.cstmreba .kaerebalink-name>a,
.cstmreba .tomarebalink-name>a {
border-bottom: 1px dotted ;
font-size:16px;
}

.cstmreba .kaerebalink-name,
.cstmreba .booklink-name,
.cstmreba .tomarebalink-name{
	max-height: 100%;/*クロームバグ*/
}

/* タイトル下にPタグ自動挿入された際の余白を小さく */
.cstmreba .kaerebalink-name p,
.cstmreba .booklink-name p,
.cstmreba .tomarebalink-name p {
margin: 0;
}
/* powered by */
.cstmreba .booklink-powered-date,
.cstmreba .kaerebalink-powered-date,
.cstmreba .tomarebalink-powered-date {
font-size:10px;
line-height:150%;
}
.cstmreba .booklink-powered-date a,
.cstmreba .kaerebalink-powered-date a,
.cstmreba .tomarebalink-powered-date a {
border-bottom: 1px dotted ;
color: #333;
}
.cstmreba .booklink-powered-date a:hover,
.cstmreba .kaerebalink-powered-date a:hover,
.cstmreba .tomarebalink-powered-date a:hover {
color:#333;
}
/* 著者・住所 */
.cstmreba .booklink-detail,.cstmreba .kaerebalink-detail,.cstmreba .tomarebalink-address {
font-size:12px;
}
.cstmreba .kaerebalink-link1 img,.cstmreba .booklink-link2 img,.cstmreba .tomarebalink-link1 img {
display:none !important;
}
.cstmreba .kaerebalink-link1 {
display: inline-block;
width: 100%;
margin-top: 15px;
}

.cstmreba .booklink-link2 {
display: inline-block;
width: 100%;
margin-top: 0;
}

.cstmreba .tomarebalink-link1{
	display: inline-block;
	width: 100%;
	margin-top: 0;	
}
.cstmreba .booklink-link2>div, 
.cstmreba .kaerebalink-link1>div, 
.cstmreba .tomarebalink-link1>div {
float:left;
width:31%;
min-width:125px;
margin:2% 1% 0 1%;
}
/***** ボタンデザインここから ******/
.cstmreba .booklink-link2 a, 
.cstmreba .kaerebalink-link1 a,
.cstmreba .tomarebalink-link1 a {
width: 100%;
display: inline-block;
text-align: center;
box-sizing: border-box;
font-size: 13px;
font-weight: bold;
line-height: 180%;
padding:3% 1%;
margin: 1px 0;
border-radius: 4px;
box-shadow: 0 2px 0 #ccc;
background: -moz-linear-gradient(top,#fafafa,#EEE);
background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#eee));
}
.cstmreba .booklink-link2 a:hover,
.cstmreba .kaerebalink-link1 a:hover,
.cstmreba .tomarebalink-link1 a:hover {
text-decoration: underline;
}
/* トマレバ */
.cstmreba .tomarebalink-link1 .shoplinkrakuten a { color: #76ae25; }/* 楽天トラベル */
.cstmreba .tomarebalink-link1 .shoplinkjalan a { color: #ff7a15; }/* じゃらん */
.cstmreba .tomarebalink-link1 .shoplinkjtb a { color: #c81528; }/* JTB */
.cstmreba .tomarebalink-link1 .shoplinkknt a { color: #0b499d; }/* KNT */
.cstmreba .tomarebalink-link1 .shoplinkikyu a { color: #bf9500; }/* 一休 */
.cstmreba .tomarebalink-link1 .shoplinkrurubu a { color: #192f60; }/* るるぶ */
.cstmreba .tomarebalink-link1 .shoplinkyahoo a { color: #ff0033; }/* Yahoo!トラベル */
/* カエレバ */
.cstmreba .kaerebalink-link1 .shoplinkyahoo a {color:#ff0033; letter-spacing:normal;} /* Yahoo!ショッピング */
.cstmreba .kaerebalink-link1 .shoplinkbellemaison a { color:#84be24 ; }	/* ベルメゾン */
.cstmreba .kaerebalink-link1 .shoplinkcecile a { color:#8d124b; } /* セシール */ 
.cstmreba .kaerebalink-link1 .shoplinkkakakucom a {color:#314995;} /* 価格コム */
/* ヨメレバ */
.cstmreba .booklink-link2 .shoplinkkindle a { color:#007dcd;} /* Kindle */
.cstmreba .booklink-link2 .shoplinkrakukobo a{ color:#d50000; } /* 楽天kobo */
.cstmreba .booklink-link2 .shoplinkbk1 a { color:#0085cd; } /* honto */
.cstmreba .booklink-link2 .shoplinkehon a { color:#2a2c6d; } /* ehon */
.cstmreba .booklink-link2 .shoplinkkino a { color:#003e92; } /* 紀伊國屋書店 */
.cstmreba .booklink-link2 .shoplinktoshokan a { color:#333333; } /* 図書館 */
/* カエレバ・ヨメレバ共通 */
.cstmreba .kaerebalink-link1 .shoplinkamazon a, 
.cstmreba .booklink-link2 .shoplinkamazon a { color:#FF9901; } /* Amazon */
.cstmreba .kaerebalink-link1 .shoplinkrakuten a , 
.cstmreba .booklink-link2 .shoplinkrakuten a { color: #c20004; } /* 楽天 */
.cstmreba .kaerebalink-link1 .shoplinkseven a, 
.cstmreba .booklink-link2 .shoplinkseven a { color:#225496;} /* 7net */
/***** ボタンデザインここまで ******/
.cstmreba .booklink-footer {
clear:both;
}

/* もしもアフィインプレッション画像・領域とも非表示 */
.kaerebalink-name img , .kaerebalink-image > img{
    display: none ;
}
/*ビジュアルエディタで勝手につく&nbspをなしに*/
.cstmreba .booklink-footer{
	display:none;
}
.kaerebalink-detail{
	display:none;
}

/***  解像度480px以下のスタイル ***/
@media screen and (max-width:480px){
.cstmreba .booklink-image,
.cstmreba .kaerebalink-image,
.cstmreba .tomarebalink-image {
width:100%;
float:none;
}
	
.cstmreba .tomarebalink-link1{
	display: inline-block;
	width: 100%;
	margin-top: 15px;	
}
	
.cstmreba .booklink-link2>div, 
.cstmreba .kaerebalink-link1>div, 
.cstmreba .tomarebalink-link1>div {
width: 95%;
margin: 0 auto 8px auto;
float:none;
}
	
.cstmreba .booklink-info,
.cstmreba .kaerebalink-info,
.cstmreba .tomarebalink-info {
text-align:center;
padding-bottom: 1px;
}
}

/*--------------------------------------
 Rinkerカスタマイズ
--------------------------------------*/
@media screen and (max-width:480px){/*スマホ表示用*/
/*-----全体-----*/
div.yyi-rinker-contents div.yyi-rinker-box {
    display: block;/*縦表示になるように*/
}
/*-----商品名やボタンなど-----*/
div.yyi-rinker-info {/*全体*/
    padding: 0;/*余白削除*/
    margin: auto;/*中央揃え*/
    width: 100%;/*横幅*/
    text-align: center;/*商品名やボタンを中央表示*/
}
div.yyi-rinker-contents div.yyi-rinker-detail .price-box .price {/*価格*/
	display: block;/*価格を縦並びにする*/
}
/*ブランド名*/
div.yyi-rinker-contents div.yyi-rinker-detail {
	padding-left: 0;
}

div.yyi-rinker-contents ul.yyi-rinker-links li {/*ボタン*/
    width: 100%;/*横幅いっぱい*/
    margin: .25em 0;/*上下の余白　左右の余白削除*/
    line-height:44px;
    height: 44px;
    font-size: 0.95em;
    /*padding: 0 14px 0 10px;*/
}
body div.yyi-rinker-contents ul.yyi-rinker-links li a {/*ボタンの文字*/
	padding: 0;/*文字の余計な余白を削除*/
	height:44px;
	line-height:44px;
	font-size: 0.95em;
}
div.yyi-rinker-contents div.yyi-rinker-title a{
	color: #21759b; /* テキストリンクカラー */
	font-size: 104%;
	}
/*ulのスタイル*/
	div.yyi-rinker-contents ul.yyi-rinker-links{
		background: none;
	}
/* rinker 商品詳細幅を広げる */
div.yyi-rinker-contents div.yyi-rinker-box div.yyi-rinker-info {
    width: 100% ;
    display: block;
}
/* rinker サムネイル幅を230pxに */
div.yyi-rinker-contents div.yyi-rinker-image {
    width: 100%;/*160で120px*/
    min-width: 0;
    padding: 0;
    margin-left:auto;
    margin-right:auto
}
div.yyi-rinker-contents img{
	width: auto;
	height: auto;
	max-height: 120px;
	max-width: 120px;
	}
	
/*div.yyi-rinker-contents img.yyi-rinker-main-img {
    width: auto;}*/
	
/*上下余白*/
div.yyi-rinker-contents {
	margin: 1.5em 0 1.7em 0;
	}
/*下の余白調節*/
div.yyi-rinker-contents div.yyi-rinker-box{
	padding: 12px 12px 3px 12px;
	}
}

/*RinkerPC用カスタマイズ*/
@media screen and (min-width:481px){/*PC表示用*/
div.yyi-rinker-contents div.yyi-rinker-title a{
	color: #006a9c;/*#21759b #006a9c #008bcc テキストリンクカラー */
	font-size: 108%;
	}
div.yyi-rinker-contents div.yyi-rinker-title a:hover{
	color: #0f3647; /* テキストリンクカラー */
	}	
/*ulのスタイル*/
	div.yyi-rinker-contents ul.yyi-rinker-links{
		background: none;
		margin: 15px auto 5px auto;
	}
div.yyi-rinker-contents img{
	width: auto;
	height: auto;
	max-height: 125px;
	max-width: 125px;
	}
.yyi-rinker-img-m .yyi-rinker-image{
	width: 33%;
	min-width: 0;
	}
/*ボタンの大きさ*/
div.yyi-rinker-contents ul.yyi-rinker-links li.amazonlink {
    order: 20;
    width: 28%;
    text-align: center;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.rakutenlink {
    background: #cf4944;
    order: 30;
	width: 28%;
	text-align: center;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.yahoolink {
    background: #51a7e8;
    order: 40;
    width: 42%;
    text-align: center;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.amazonkindlelink {
    background: #666;
    order: 15;
    width: 28%;
    text-align: center;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.freelink2 {
    background: #4dc0b2;
    order: 50;
    width: 28%;
    text-align: center;
}
/*横幅調節*/
div.yyi-rinker-contents div.yyi-rinker-info {
    width: 100%;
	margin-left: 0;
}
/*下の余白調節*/
div.yyi-rinker-contents div.yyi-rinker-box{
	padding: 12px 12px 9px 12px;
	margin-bottom: -3px;/*ボタン下の余白*/
	margin-top: 3px;/*ボタン上の余白*/
	}
/*ボタンが二段になったときの高さ*/
div.yyi-rinker-contents ul.yyi-rinker-links li {
    margin: 2px 5px 4px 5px;
}
/*ボタンの大きさ（高さ）*/
div.yyi-rinker-contents ul.yyi-rinker-links li a {
	font-size: .9em;
	height: 32px;
	line-height: 32px;
	padding: 0 18px;
}
/*上下余白*/
div.yyi-rinker-contents {
	margin: 1.5em 0 1.7em 0;
	}
}

/*カテゴリーのページナビ*/
.tablenav {
	color: #2583ad;
	background:white;
	margin: 1em auto;
	line-height:2em;
	text-align:center;
}

a.page-numbers, .tablenav .current {
	color: #21759b;/*#4682b4;*/
	padding: 2px .4em;
	border:solid 1px #ccc;
	text-decoration:none;
	font-size:140%;
	max-height: 100%;/*クロームバグ*/
}

a.page-numbers:hover {
	color: #0f3647;/*white*/
	/*background: #b0c4de;*/
}

.tablenav .current {
	color: white;
	background: #b0c4de;
	border-color: #b0c4de;
	
}

.tablenav .next, .tablenav .prev {
	border:0 none;
	background:transparent;
	text-decoration:underline;
	font-size:105%;
	max-height: 100%;/*クロームバグ*/
}

/*関連記事*/
/* 関連記事メニュー */
.related {
	margin: 40px 0 0;
}
.related h2 {
	padding: 0 0 0 7px;
	border-left: solid 8px #6495ed ;
	border-bottom: none;
	font-size: 19px;
	margin-bottom: 20px;
}
.related h2:before {
	content: none;
}
.related ul {
	list-style: none;
	margin: 0px;
	padding: 0 ;
}
.related li a {
    padding: 5px 5px 5px 0px;
	border-bottom: 1px solid #eee;
	color: #505050;
	line-height:1.5em;
	flex: 1;
	text-decoration: none;
	display: block;
}
.related li a:hover {
	background-color: #eeeeee;
}
 @media (max-width: 480px) {
.related {
	padding: 10px 0 ;
}
.related li .thumb {
	width: 150px;
	height: 96px;
    float: left;
	margin-right:10px;
	
}
.related li .text {
	/*margin-left: 95px;*/
	margin-top:1px;
	font-size:108%;
	max-height: 100%;/*クロームバグ*/
}
.related li a:after {
	content: "";
	display: block;
	clear: both;
}
}
 @media (min-width: 481px) {
.related ul {
	display: flex;
	flex-wrap:wrap;
}
.related li {
	display: flex;
	flex: 0 0 25%;
	padding: 0 0px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.related li .thumb {
	width: 100%;/*145px*/
	height: auto;/*90px*/
	margin-bottom: 5px;
	margin-left:5px;
	margin-right:0px;
	 }
	 
.related li .text {
	margin-left: 5px;
	margin-top: 10px;
	font-size: 15px;
}
}

/*異なるサイズのバナー広告切り替え*/
@media only screen and (min-width:481px){
/* 表示領域が481px以上の場合 */
.ad_sp {
display: none;
}
}
@media only screen and (max-width:480px){
/* 表示領域が480px以下の場合 */
.ad_pc {
display: none;
}
}

@media only screen and (min-width:481px){
/* 表示領域が481px以上の場合 */
.ad_sp2 {
	display: none;
	text-align:center;
}	
}
@media only screen and (max-width:480px){
/* 表示領域が480px以下の場合 */
.ad_pc2 {
	display: none;
	float:left;
	padding-right:2em;
}
}

/*リストタグ装飾*/
.entry-content ul {
	border-radius: 5px ;
	border: dashed 2px #d6d6ff ;
	background: #f9fcff;
	padding: 10px 12px 10px 3px;
	line-height:1.9;
	font-size: 108%;
	max-height: 100%;/*クロームバグ*/
}
#toc_container ul {
	border-style: hidden;
	line-height: 1.714285714;
	font-size: 100%;
}

#toc_container ol{
	line-height: 1.714285714;
}

/*見出しh3のサイズ*/
#toc_container ul ul{
	font-size: 95%;
	line-height: 1.6em;
	margin-left: 1.54em;
}


ul.red{
	border-radius: 5px ;
	border: dashed 2px #ffd6ea;/*#ffe3ec ;*/
	background: #fff6f9;
	padding: 10px 12px 10px 3px;
  }

ul.yellow{
	border-radius: 5px ;
	border: dashed 2px #fff799 ;
	background: #ffffea;
	padding: 10px 12px 10px 3px;
  }

ul.green{
	border-radius: 5px ;
	border: dashed 2px #d6ffd6 ;
	background: #f9fff9;
	padding: 10px 12px 10px 3px;
  }

ul.gray{
	border-radius: 5px ;
	border: dashed 2px #e8e8e8 ;
	background: #f7f7f7;
	padding: 10px 12px 10px 3px;
  }

.entry-content ol {
	border-radius: 5px ;
	border: dashed 2px #d6d6ff ;
	padding: 10px 12px 10px 4px;
	font-size: 108%;
	background: #f9fcff;
	line-height:1.9;
	max-height: 100%;/*クロームバグ*/
  }

ol.red{
	border-radius: 5px ;
	border: dashed 2px #ffd6ea;/*#ffe3ec ;*/
	background: #fff6f9;
	padding: 10px 12px 10px 4px;
  }

/*olの数字を太字に装飾*/
.entry-content ol {
  counter-reset: li; 
}

.entry-content ol li:before {
  counter-increment: li;
  content: counter(li)'.';
  /* 以下は自由に装飾... */
	margin-left:18.5px;
	margin-right:5px;
  font-weight: bold;
}

.entry-content ol li{
  text-indent: -2.3em;
  padding-left: 2.3em;
}

.entry-content ol li{
	list-style:none;
	margin:0;
}

/*@media only screen and (max-width:480px){
	.entry-content ol{
		font-size: 16px;
		font-size: 1.142857136rem;
	}
	.entry-content ul {
		font-size: 16px;
		font-size: 1.142857136rem;
	}
}*/

/*アフィリエイトリンクのボタン化*/
.btn-1 {
	background-color: #27b514; /* ボタン背景色 */
    color: #fff; /* ボタン文字色 */
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.2);
    font-weight: bold;
	font-size: 17px;
	border-radius: 4px;
	max-width: 85%;
    margin: 0.5em auto;
    padding: 0;
    text-align: center;
    line-height: 2.0;
    transition: all .2s ease;
	opacity: 0.9;
	max-height: 100%;/*クロームバグ*/
}

.btn-1:hover {
    box-shadow: none;
    transform: translateY(2px);
}

.btn-1 a {
    text-decoration: none !important;
    color: #fff !important;
    display: block;
    margin: 0;
    padding: 0.5em;
}

.btn-1 > img { float: left; }
.btn-1::after{ content: ''; clear: left; }

@media only screen and (max-width:480px){
/* 表示領域が480px以下の場合 */
	.btn-1 {
    background-color: #57af50; /* ボタン背景色 */
    color: #fff; /* ボタン文字色 */
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.2);
    font-weight: bold;
	font-size: 17px;
	border-radius: 4px;
    max-width: 100%;
    margin: 0.5em auto;
    padding: 0;
    text-align: center;
    line-height: 2.0;
    transition: all .2s ease;
	opacity: 0.9;
}

.btn-1:hover {
    box-shadow: none;
    transform: translateY(2px);
}

.btn-1 a {
    text-decoration: none !important;
    color: #fff !important;
    display: block;
    margin: 0;
    padding: 0.5em;
}

.btn-1 > img { float: left; }
.btn-1::after{ content: ''; clear: left; }
}


/*テーブルタグ装飾*/
.entry-content table,
.comment-content table {
	border-bottom: 1px solid #e6e6e6;
	color: #505050;
	font-size: 108%;
	line-height: 2;
	margin: 27px 0 30px;
	margin: 1.928571417rem 0 2.14285713rem;
	/*0 0 24px 1.714285714rem */
	width: 100%;
	word-break: break-all;
}
.entry-content table caption,
.comment-content table caption {
	font-size: 111%;
	margin: 24px 0;
	margin: 1.714285714rem 0;
}
.entry-content td,
.comment-content td {
	border-top: 1px solid #e6e6e6;
	padding: 6px 10px 6px 12px;
	border-right: 1px solid #e6e6e6;
	border-left: 1px solid #e6e6e6;
	vertical-align: middle;
}

/*見出しや関連記事のデザイン*/
/*囲み枠グレー*/
.background-1{
	background-color: #f7f7f7;
    padding: 10px;
	border: 1px dashed #cccccc;
    border-radius: 10px;
	display: block;
	margin-bottom: 1.6em;
	line-height:1.9;
	font-size:108%;
	max-height: 100%;/*クロームバグ*/
}

/*囲み枠青、中は白*/
.background-2{
	padding: 10px;
	border-radius: 2px;
	border: 2px solid #b0c4de;
	display: block;
	margin-bottom: 1.6em;
	line-height:1.9;
	font-size:108%;
	max-height: 100%;/*クロームバグ*/
}
/*囲み枠青、中も青*/
.background-3{
	background: #f9fcff;
    padding: 10px;
    border-radius: 5px;
	border: 2px dashed #d6d6ff;
    display: block;
	margin-bottom: 1.6em;
	line-height:1.9;
	font-size:108%;
	max-height: 100%;/*クロームバグ*/
}
/*囲み枠青、中青、ソリッド*/
.background-4{
	background: #f9fcff;
    padding: 10px;
    border-radius: 5px;
    border: 2px solid #d6d6ff; /*#b0c4de;*/
    display: block;
	margin-bottom: 1.6em;
	line-height:1.9;
	font-size:108%;
	max-height: 100%;/*クロームバグ*/
}
/*青背景だけ*/
.background-5{
	background: #f9fcff;
    padding: 10px;
    border-radius: 5px;
    display: block;
	margin-bottom: 1.6em;
	line-height:1.9;
	font-size:108%;
	max-height: 100%;/*クロームバグ*/
}
/*赤背景だけ*/
.background-6{
	background: #fff6f9;
    padding: 10px;
    border-radius: 5px;
    display: block;
	margin-bottom: 1.6em;
	line-height:1.9;
	font-size:108%;
	max-height: 100%;/*クロームバグ*/
}
/*黒背景だけ*/
.background-7{
	background: #f7f7f7;
    padding: 10px;
    border-radius: 5px;
    display: block;
	margin-bottom: 1.6em;
	line-height:1.9;
	font-size:108%;
	max-height: 100%;/*クロームバグ*/
}
/*外枠赤中も赤*/
.background-8{
	background: #fff6f9;
    padding: 10px;
    border-radius: 5px;
    border: 2px solid #ffd6ea;/*#ffe3ec;*/
    display: block;
	margin-bottom: 1.6em;
	line-height:1.9;
	font-size:108%;
	max-height: 100%;/*クロームバグ*/
}
/*黒背景マージンなし*/
.background-9{
	background: #f7f7f7;
    padding: 10px;
    border-radius: 5px;
    display: block;
	line-height:1.9;
	font-size:108%;
	max-height: 100%;/*クロームバグ*/
}
/*青背景でPタグを使う場合*/
.background-10{
	background: #f9fcff;
    padding: 10px;
    border-radius: 5px;
    display: block;
	margin-bottom: 1.6em;
	line-height:1.9;
	max-height: 100%;/*クロームバグ*/
}
/*赤背景でPタグを使う場合*/
.background-11{
	background: #fff6f9;
    padding: 10px;
    border-radius: 5px;
    display: block;
	margin-bottom: 1.6em;
	line-height:1.9;
	max-height: 100%;/*クロームバグ*/
}

/*関連記事の吹き出し*/
.textbox {
    position: relative;
	margin: 2em 0;
    padding: 1em 1em;
	border: solid 3px #87ceeb;
    border-radius: 6px;
}
.textbox .box-title {
    position: absolute;
    display: inline-block;
	top: -16px;
    left: 10px;
    padding: 0.5px 9px;
	font-size: 115%;
    background: #FFF;
	color: #707070;
    font-weight: bold;
}
.textbox p {
    margin: 0; 
    padding: 0;
	line-height:1.7;
	color: #3a3a3a;
}
.textbox  a:hover{
	color: #0f3647;
}

.textbox2 {
    position: relative;
	margin: 3em 0 2em 0;
    padding: 1em 1em;
    border: solid 3px #87ceeb;
	border-radius:3px;
}
.textbox2 .box-title2 {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
	padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 118%;
    background: #87ceeb;
    color: #ffffff;
    font-weight: bold;
    border-radius: 3px 3px 0 0;
}
.textbox2 p {
    margin: 0; 
    padding: 0;
	line-height:1.9;
	color: #3a3a3a;
}
.textbox2  a:hover{
	color: #0f3647;
}

/*ランキング用の画像*/

.gold:before {
  content: '';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  width: 3em;/*画像の幅*/
  height:3em;/*画像の高さ*/
  background-image: url(https://genekibar.com/wp-content/uploads/gold.2-1.png);
  background-size: contain;
  vertical-align: bottom;
	margin-right:1em;
	margin-top:-0.5em;
}

.gold2:before {
  content: '';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  width: 3em;/*画像の幅*/
  height:3em;/*画像の高さ*/
  background-image: url(https://genekibar.com/wp-content/uploads/gold.2-1.png);
  background-size: contain;
  vertical-align: bottom;
	margin-right:1em;
}

.silver:before {
  content: '';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  width: 3em;/*画像の幅*/
  height: 3em;/*画像の高さ*/
  background-image: url(https://genekibar.com/wp-content/uploads/silver.1.png);
  background-size: contain;
  vertical-align: bottom;
	margin-right:1em;
}

.bronze:before {
  content: '';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  width: 3em;/*画像の幅*/
  height: 3em;/*画像の高さ*/
  background-image: url(https://genekibar.com/wp-content/uploads/bronze.1.png);
  background-size: contain;
  vertical-align: bottom;
	margin-right:1em;
}

/*Q&A*/
.ques:before {
	content: '';/*何も入れない*/
	display: inline-block;/*忘れずに！*/
	width: 2.1em;/*画像の幅*/
	height: 2.0em;/*画像の高さ*/
	background-image: url(https://genekibar.com/wp-content/uploads/sozai_cman_jp.png);
	background-size: contain;
	vertical-align: middle;
	position:absolute;
	left:0;
}

.answ:before {
	content: '';/*何も入れない*/
	display: inline-block;/*忘れずに！*/
	width: 2.1em;/*画像の幅*/
	height: 2.0em;/*画像の高さ*/
	background-image: url(https://genekibar.com/wp-content/uploads/sozai_cman_jp2.png);
	background-size: contain;
	vertical-align: middle;
	position:absolute;
	left:0;
}

p.answ{
	padding-left:3em;
	position:relative;
	margin-bottom: 2em;
}
p.ques{
	padding-left:3em;
	position:relative;
	margin-bottom: 0.2em;
}

/*PCとスマホでバナー広告のフロート切り替え*/
.banner{
	float:left;
	padding-right:2em;
	padding-top:0.3em;
}

@media only screen and (max-width:480px){
.banner{
	text-align:center;
	float:none;
	padding: 0 0 1.5em 0;
	}		
}

/*画像とテキスト並べて中央寄せ*/
.banner2{
    display: flex;
	align-items:center;
}
.left{
	width: 20%;
}

.left30{
	width: 30%;
}

.right{
    flex: 1;
	margin-left:10px;
	font-size:108%;
	line-height:1.9;
	max-height: 100%;/*クロームバグ*/
}
.right2{
    flex: 1;
	margin-left:10px;
	font-size:108%;
	line-height:1.9;
	max-height: 100%;/*クロームバグ*/
}

@media only screen and (max-width:480px){
.banner2{
	display:block;
	}
	
	.left{
		width:45%;
		margin:0 auto;
		
	}
	
	.left30{
		width:75%;
		margin:0 auto
	}
	
	.right{
		margin-bottom: 20px;
		margin-left: 0px;
		text-align:center;
		max-height: 100%;/*クロームバグ*/
	}
	.right2{
		margin-bottom: 20px;
		margin-left: 0px;
		max-height: 100%;/*クロームバグ*/
	}
}

/*プロフィール画像縮小*/
.pro{
		width:75%;
		margin:0 auto
	}

/*クリアフィックス　フロート解除*/
.clearfix:after {
  clear: both;
  content: '';
  display: block;
}

/*フロートした画像の横だけに文章、改行入れる*/
.tate{
	display:table;
}
/*フロートした画像の横だけに文章、改行の余白なし*/
.tate2{
	display:table-cell;
}

/*フロート解除その他*/
.clear{
	clear:both;
}
.overflow{
	overflow:hidden;
}
/*クラスで余白だけの設定*/
.yohaku{
	padding-top:1.5em;
}
.yohaku1{
	padding-top:1em;
}
.yohaku2{
	margin-bottom:3em;
}

.yohaku3{
	padding-top:2em;
}
.yohaku4{
	padding-bottom:2em;
}
.yohaku5{
	margin-bottom:2em;
}
.yohaku51{
	margin-top: 2em;
}
.yohaku52{
	margin-top: 2em;
	margin-bottom: 2em;
}
.yohaku6{
	margin-bottom:1.5em;
}
.yohaku7{
	margin-bottom:0.5em;
}
/*見出し直後の引用タグ余白*/
.yohaku8{
	margin-top: -27px;
}
.yohaku9{
	margin-bottom: 1em;
}
.yohaku25{
	margin-bottom: 2.5em;
}
.thum{
	margin-bottom:1.5em;
}
.pad1{
	padding:15px 20px 5px 20px;
}
@media only screen and (max-width:480px){
.pad2{
	padding: 0;
}
}

/*hタグ下に表を挿入する場合*/
@media only screen and (min-width:481px){
.tbl{
	margin-top: 0;
}
}

/*中央寄せ*/
.center{
	text-align: center;
}


/*画像の下にできる余白（Pタグの余白）を揃える*/
/*.entry-content img{
	/*margin-bottom: 0px ;
		margin-top: 7px;*/

	/*max-width: 100%;	
	vertical-align: bottom;
}*/

/*SNS*/
.fa-hatena:before {
	content: "B!";
	font-family:Verdana;
	font-weight: bold;
	font-style: normal;
}
.fa-twitter:before {
	content: "twitter";
	font-family: Verdana;
	font-weight: bold;
	font-style: normal;
}
.fa-facebook:before {
	content: "facebook";
	font-family: Verdana;
	font-weight: bold;
	font-style: normal;
}
.fa-get-pocket:before {
	content: "Pocket";
	font-family: Verdana;
	font-weight: bold;
	font-style: normal;
}
.fa-line:before {
	content: "LINE";
	font-family: Verdana;
	font-weight: bold;
	font-style: normal;
}
 
/* シェアボタンを表示する箇所位置調整 */
.button-area {
	text-align: center;
	margin-bottom:2em;
}
 
/* タイトル表示設定 */
.button-area-title {
	text-align: center;
	padding:0.8em 1em 1em;
	max-height: 100%;/*クロームバグ*/
}
 
/* SNSシェアボタンの共通設定 */
.button-area li a {
	font-size: 111%;
	padding: 8px; /*ボタンの高さ*/
	display: block;
	text-align: center;
	text-decoration: none;
	color: #fff;
	border-radius: 4px; /* 丸み調整 */
	box-shadow: 0px 2px 4px 0 rgba(0,0,0,.26); /* シャドー作成 */
} 
/* SNSごとの背景色 */
.twitter a {
	background-color: #55acee;
}
.facebook a{
	background-color: #3b5998;
}
.hatena a{
	background-color: #008fde;
}
.pocket a{
	background-color: #ea5a6c;
}
.line a{
	background-color: #1dcd00;
}
 
/* リスト「・」の削除 */
.button-area ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
 
/* ボタンの幅と余白を設定 */
.button-area li {
 display:inline-block;
  width: 18%;
  margin: 0 0.5%;
}
 
.button-area  ul:after {
  display: block;
  clear: both;
  content: '';
}
 
/* ボタンにカーソルを合わせた時の表示設定 */
.button-area li a:hover {
  box-shadow: none;
}

@media only screen and (max-width:480px){
	.form-width { max-width: 95%;}
	
	.button-area li {
		display:inline-block;
		width: 30%;
		margin: 1% 1%;
}
}

/*コンタクトフォームはみ出さないように*/
.wpcf7-form-control {
	max-width:100%
	}

.form-width { max-width: 100%;}

@media only screen and (max-width:480px){
.wpcf7 textarea[name="your-message"] { /* 本文入力欄 */
	width: 95%;
}
}
@media only screen and (min-width:481px){
.wpcf7 textarea[name="your-message"] { /* 本文入力欄 */
	width: 100%;
}
}

/*コメントのタイトルとコメントエリア*/
.comments-title{
	margin-top: 30px;/*元は30px*/
	margin-bottom: 30px;
	font-size: 19px;
	font-weight:bold;
	border-left: solid 8px #6495ed ;
	padding: 0 0 0 7px;
	line-height: 1.1;
}
.comments-area article header{
	margin: 0 0 1.5em;
}
.comments-area article{
	margin-bottom: 0;
	padding-bottom: 10px;
}

/*グーグルマップ*/
.gmap {
height: 0;
overflow: hidden;
padding-bottom:64%;
	margin-bottom:32px;/*元は上28下26*/
	margin-top: 24px;
position: relative;
}

@media only screen and (max-width:480px){
	.gmap{
		padding-bottom:100%;
	}
}

.gmap iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}

/*gmap h3用*/
.gmap2 {
height: 0;
overflow: hidden;
padding-bottom:64%;
	margin-bottom:28px;
	margin-top: 0;
position: relative;
}

@media only screen and (max-width:480px){
	.gmap2{
		padding-bottom:100%;
	}
}

.gmap2 iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}

/*折り畳みアーカイブウィジェット*/
.widget_archive a.year{
  cursor: pointer;
}
 
.widget_archive .years ul {
  -webkit-transition: .2s ease;
  transition: .2s ease;
  margin: 0;
  margin-bottom: 0.5em;
}
 
#sidebar .widget_archive ul.years li{
  margin-bottom: 0;
}
 
.widget_archive ul.years .hide {
	margin: 0;
	height: 0;
	opacity: 0;
	visibility: hidden;
}

.widget_archive ul.month li{
  border-style: hidden;
}

/*不正クリック対策*/
.aicp1{
	margin-top: 30px;
	margin-bottom:36px;
}
.aicp3{
	margin-top: 55px;/*元々55*/
	margin-bottom: 60px;
}
.aicp4{
	margin-top: 0;/*2個下68px 最上34 or 38px 検索上58px*/
	margin-bottom: 0;
}
.aicp234{
	margin-top: 30px;
	margin-bottom: 40px;
}
.aicp234h{
	margin-top: 30px;
	margin-bottom: 32px;
}
.aicp{
	margin-top: 0;/*タイトル直下は-8px*/
	margin-bottom: 25px;/*タイトル直下は30px*/
}

/*タップした時に出る枠線、androidでも検証が必要*/
@media only screen and (max-width:480px){
	a:focus{ outline: none; }
}
/*PCも枠線なしにする*/
a:focus {
	outline: none;
}

/* 新着記事 */ 
@media only screen and (min-width:481px){
.new-entry{
	clear:both;
}
 
.new-entry-thumb {
  float: left;
  margin-bottom:0;
	margin-right:10px;
	width:45%;/*135px*/
}
 
.new-entry-content {
	font-size:15px;
	line-height:1.5;
	display:block;
	padding-bottom:0;
	border-bottom:1px dashed #eee;
}

.new-entry-content a {
	display:block;
}
}

@media only screen and (max-width:480px){
.new-entry{
	clear:both;
}
	
.new-entry-thumb {
  float: left;
	margin-bottom:8px;
	margin-right:10px;
	width:150px;/*width:43%;*/
	height:96px;
}
 
.new-entry-content {
	font-size:16px;
	line-height:1.5;
	display:block;
	border-bottom:none;
	margin-left:45%;
	max-height: 100%;/*クロームバグ*/
}
	.new-entry-content a {
	display:block;
}
	}

/*記事内コード埋め込み*/
.entry-content pre, .comment-content pre {
    font-family: Consolas,Monaco,Lucida Console,monospace;
    font-size: 16px;
    line-height: 1.714285714;
    margin: 10px 0 24px 0;
    overflow: auto;
    padding: 12px;
	background: #f7f7f7;
    border-radius: 5px;
}

.entry-content code, .comment-content code {
    font-family: Consolas,Monaco,Lucida Console,monospace;
    font-size: 16px;
    line-height: 1.9;
	color: #3a3a3a;
}

/*コメント文字サイズ*/
#respond form input[type="text"],
#respond form textarea {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 108%;
	color: #3a3a3a;
	line-height: 1.714285714;
	padding: 10px;
	padding: 0.714285714rem;
	width: 100%;
}

/*コメントの投稿者作成*/
.comments-area .bypostauthor cite span{
	margin-top: 3px;
}

/*コメント下文言*/
p#throwsSpamAway{
	line-height: 1.9;
	color: #3a3a3a;
	font-size: 103%;
}

.ose{
	margin-top: -3px;/*3px -10px 24px*/
	margin-bottom: 0;/*52px*/
}

/*検索ボックスのカスタマイズ*/
.widget-area #s {
	width:60%;
	font-size:16px;
	vertical-align:middle;
}

.menu-toggle, input[type=submit], .bypostauthor cite span {
	padding: .6rem .85rem;
	font-size: 12px;
	line-height: 1;
	vertical-align: middle;
}

/*.cat-item.active:before {
    margin-right: 5px;
}
.cat-item-11.active::before, .cat-item-13.active::before,
.cat-item-23.active::before {
    content: "\25B2";
}*/

.cat-item:before {
    margin-right: 5px;
}

.cat-item-11::before, .cat-item-13::before, .cat-item-41::before, .cat-item-19::before,
.cat-item-23::before, .cat-item-37::before, .cat-item-40::before{
    content: "\25BC";
	font-size: 15px;
}

/*関連記事下にレクタングル
.under-rectangle {
	text-align: center;
	overflow: hidden;
	color: #3a3a3a;
	margin-top: -12px;//0
	margin-bottom: 14px;//16
	padding-top: 0;
	line-height: 2.5;
}*/

/*Amazonのバナー見切れ防止*/
.amaz iframe{
    max-width: 100%;
    min-height: 250px;
	margin: auto;
	display: block;
}

/*コメントの日時のリンク無効*/
.comment-meta a {
    pointer-events: none;
}

.camp{
	margin-bottom:15px;
	margin-top: -15px;
	border: 1px solid #ffd6ea;
	border-radius: 2px;
	padding: 10px 5px;
	background-color: #fff6f9;
	line-height: 1.4;
}

/*スマホアーカイブ上の余白*/
@media only screen and (max-width:480px){
#archives-2 {
	margin-top: 72px;
	margin-bottom: 47px;
}
}

/*article.sticky .featured-post{
	display: none;
}*/