/* カスタム CSS をここに入力してください */

.home .byline .date{
 display:none;
}


p.sample-b{
	color:red;
}



/*　囲み考え事風　*/
.box23 {
    position: relative;
    margin: 2em 0 2em 40px;
    padding: 8px 15px;
    background: #fff0c6;
    border-radius: 30px;
}
.box23:before{font-family: FontAwesome;
    content: "\f111";
    position: absolute;
    font-size: 15px;
    left: -40px;
    bottom: 0;
    color: #fff0c6;
}
.box23:after{
    font-family: FontAwesome;
    content: "\f111";
    position: absolute;
    font-size: 23px;
    left: -23px;
    bottom: 0;
    color: #fff0c6;
}
.box23 p {
    margin: 0; 
    padding: 0;
}

/* 囲み背景薄黄色　*/

.box3 {
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #2c2c2f;
    background: #FFFCDB;/*背景色*/
}
.box3 p {
    margin: 0; 
    padding: 0;
}



/*以下マーカー風　*/



.marker-pink {
background: linear-gradient(transparent 60%, #ff99cc 0%);
}

.marker-Purple {
background: linear-gradient(transparent 60%, #cc99ff 0%);
}

.marker-orange {
background: linear-gradient(transparent 60%, #ffa500 0%);
}

.marker-blue {
background: linear-gradient(transparent 60%, #99ccff 0%);
}

.marker-green {
background: linear-gradient(transparent 60%, #5bed3b 0%);
}

.marker-yellow {
background: linear-gradient(transparent 60%, #ffff00 0%);
}

.marker-P-red {
background: linear-gradient(transparent 60%, #ffcccc 0%);
}

.marker-P-pink {
background: linear-gradient(transparent 60%, #ffd6ff 0%);
}

.marker-P-orange {
background: linear-gradient(transparent 60%, #ffddbc 0%);
}

.marker-P-Purple {
background: linear-gradient(transparent 60%, #ead6ff 0%);
}


.marker-P-blue {
background: linear-gradient(transparent 60%, #ccffff 0%);
}


.marker-P-green {
background: linear-gradient(transparent 60%, #ccffcc 0%);
}


.marker-P-yellow {
background: linear-gradient(transparent 60%, #ffffa8 0%);
}

.marker-gray1 {
background: linear-gradient(transparent 60%, #eeeeee 0%);
}

.marker-gray2 {
background: linear-gradient(transparent 60%, #e0e0e0 0%);
}

.marker-gray3 {
background: linear-gradient(transparent 60%, #c0c0c0 0%);
}

.marker-brown {
background: linear-gradient(transparent 60%, #C49958 0%);
}

.marker-darkgreen {
background: linear-gradient(transparent 60%, #98AE66 0%);
}



/* サイドバー　枠線・影・背景色 */

#sidebar {
 padding: 5px 8px; /*上下　左右　余白*/
 border: 1px solid #cb90db; /*枠線　不要なら行を削除*/
 background-color: #eee; /*背景色　不要なら行を削除*/
 box-shadow: 0 0 5px rgba(0,0,0,0.3);
}

h2.simple-a{
padding: 0.25em 0.5em!important;/*上下 左右の余白*/
color: #494949!important;/*文字色*/
background: transparent!important;/*背景透明に*/
border-left: solid 5px #e2a3cf!important;/*左線*/
}

h2.simple-b {
padding: .5em!important;
color: #494949!important;/*文字色*/
background: transparent!important;/*背景透明に*/
border: 3px solid #e2a3cf!important;/*ボーダー色*/
border-radius: 3em .7em 2em .7em/.7em 2em .7em 3em!important;
}


h3.simple-a{
padding: 0.25em 0.5em!important;/*上下 左右の余白*/
color: #494949!important;/*文字色*/
background: transparent!important;/*背景透明に*/
border-left: solid 5px #e2a3cf!important;/*左線*/
}


h2.simple-c {
padding: .5em!important;
color: #494949!important;/*文字色*/
background: transparent!important;/*背景透明に*/
position: relative!important;
}
h2.simple-c:after {
content: "";
width:100%;
height:4px;
position: absolute;
left: 0;
bottom: 0;
background: linear-gradient(to right, #e2a3cf, rgba(255,255,255,0) 100%);
}


/*h4チェックマーク*/
h4.simple-a{
position: relative;
padding-left: 1.2em;/*アイコン分のスペース*/
line-height: 1.4;
}

h4.simple-a:before{ font-family: "FontAwesome";
content: "\f00c";/*アイコンのユニコード*/
position: absolute;/*絶対位置*/
font-size: 1em;/*サイズ*/
left: 0;/*アイコンの位置*/
top: 0;/*アイコンの位置*/
color: #e2a3cf; /*アイコン色*/
}


/* 日付を強制的に非表示にする */
.date{
 display:none!important;
}


/*TOC+の目次デザイン*/
#toc_container {
	width: 50%;/*ボックスの幅*/
	background-color: #FCEEEF !important;/*ボックスの背景の色*/
	border: 3px solid #FCEEEF;/*ボックスの枠の色*/
	border-radius: 1px;/*ボックスの角を丸める*/
    padding: 1em 2em 0em ;/*ボックスと項目間の余白*/
    font-size: 20px;/*目次の文字のサイズ*/
    box-sizing: border-box;/*横揺れの自動調節*/
    line-height: 100%;
}
 
#toc_container ul li {
    margin: -0.5em;/*項目の幅*/
    padding-left: 0;
    text-indent: 0;
    text-indent: -1em !important;
}
 
#toc_container ul a {
	display: brock;/*項目をブロック形式*/
	text-decoration: none;/*項目の文字の下線なし*/
	color: #008000;/*各項目の文字の色*/
	border-bottom: none ;/*小見出しの下線サイズと色*/
}



/* カエレバパーツ全体のデザインをカスタマイズ */
.kaerebalink-box,
.booklink-box
{
 width: 100%;
 margin-bottom: 1rem; /* 余白調整 */
 padding: 1rem;
 background: #ffffff; /* 背景白に */
 border: double 3px #d0d0d0; /* 外線を二重線に */
 box-sizing: border-box;
 border-radius: 5px; /* 角を丸く*/
 -webkit-border-radius: 5px;
}
/* 画像のデザインをカスタマイズ */
.kaerebalink-image,
.booklink-image
{
 float: left; /* 画像を左寄せに */
 margin: 0; /* 余白なし */
 text-align: center;
}
.kaerebalink-image img,
.booklink-image img
{
 max-width: 128px; /* 最大幅 128px に */
 height: auto; /* 高さ自由 */
}
/* 商品名等をカスタマイズ */
.kaerebalink-info,
.booklink-info
{
 margin-left: 140px; /* 文章は右寄せ */
 line-height: 1.6rem; /* 行高さの幅を調整 */
} 
.kaerebalink-name,
.booklink-name
{
 font-weight: bold; /* 商品名太く */
 margin: 0; /* 余白調整 */
}
.kaerebalink-name a,
.booklink-name a
{
 color: #333333; /* 商品名色指定 */
}
.kaerebalink-name p,
.booklink-name p
{
 margin-bottom: 0; /* 余白調整 */
}
.kaerebalink-powered-date,
.booklink-powered-date
{
 font-size: 0.75rem; /* psted with ～ の大きさ指定 */
 font-weight: normal; /* 文字の太さを標準に */
 text-align: right; /* 右寄せ */
}
.kaerebalink-detail,
.booklink-detail
{
 font-size: 0.875rem; /* メーカー・作者の文字の大きさ指定 */
 margin-bottom: 0.5em; /* 余白調整 */
}
/* ボタンのカスタマイズ */
.kaerebalink-link1,
.booklink-link2
{
 width:100%;
} 
.kaerebalink-link1 div,
.booklink-link2 div
{
 float: left; /* ボタンを横並びに */
 width: 49%; /* ボタンの幅調整（2 列にするので間の余白を考え 49%を指定） */
 margin-bottom:0.2rem; /* 余白調整 */
 font-size: 0.875rem; /* 文字の大きさ */
 font-weight: bold; /* 文字を太く */
 text-align: center; /* 文字を中央寄せ */
 box-sizing: border-box;
}
.kaerebalink-link1 div:nth-child(even),
.booklink-link2 div:nth-child(even)
{
 margin-left: 1%; /* 左右ボタン間の余白を調整 */
}
.kaerebalink-link1 div a,
.booklink-link2 div a
{
 display:block;
 padding:3px 0; /* ボタンの上下幅指定 */
 margin-bottom:8px; /* 上下ボタン間の幅指定 */
 text-decoration:none;
 border-radius: 4px; /* 丸み調整 */
 box-shadow: 0px 2px 4px 0 rgba(0,0,0,.26); /* シャドー作成 */
}
/* ボタンにカーソルを当てた時の動きをカスタマイズ */
.kaerebalink-link1 div a:hover,
.booklink-link2 div a:hover
{
 -ms-transform: translateY(4px);
 -webkit-transform: translateY(4px);
 transform: translateY(4px);
 color: #ffffff;
} 
/* カエレバ・ヨメレバ共通 */
.shoplinkamazon a,
.shoplinkrakuten a,
.shoplinkseven a,
/* カエレバ */
.shoplinkyahoo a,
.shoplinkbellemaison a,
.shoplinkcecile a,
.shoplinkkakakucom a,
/* ヨメレバ */
.shoplinkkindle a,
.shoplinkrakukobo a,
.shoplinkbk1 a,
.shoplinkehon a,
.shoplinkkino a,
.shoplinktoshokan a
{
 display:block;
 text-decoration:none;
}
/* カエレバ・ヨメレバ共通 色の指定 */
.shoplinkamazon a { color:#ffffff; background:#ff9901; }
.shoplinkrakuten a { color:#ffffff; background:#c20004; }
.shoplinkseven a { color:#ffffff; background:#225496; }
/* カエレバ 色の指定 */
.shoplinkyahoo a { color:#ffffff; background:#ff0033; }
.shoplinkbellemaison a { color:#ffffff; background:#84be24 ; }
.shoplinkcecile a { color:#ffffff; background:#8d124b; }
.shoplinkkakakucom a { color:#ffffff; background:#314995; }
/* ヨメレバ 色の指定 */
.shoplinkkindle a { color:#ffffff; background:#007dcd; }
.shoplinkrakukobo a { color:#ffffff; background:#d50000; }
.shoplinkbk1 a { color:#ffffff; background:#0085cd; }
.shoplinkehon a { color:#ffffff; background:#2a2c6d; } 
.shoplinkkino a { color:#ffffff; background:#003e92; }
.shoplinktoshokan a { color:#ffffff; background:#333333; }
.booklink-footer
{
 clear:both;
}
/* もしもアフィリエイトの場合不要な画像を削除 */
.kaerebalink-image img[src^="//i.moshimo.com/af/i/impression"],
.booklink-image img[src^="//i.moshimo.com/af/i/impression"],
.shoplinkamazon img,
.shoplinkrakuten img,
.shoplinkseven img,
.shoplinkyahoo img,
.shoplinkbellemaison img,
.shoplinkcecile img,
.shoplinkkakakucom img,
.shoplinkkindle img,
.shoplinkrakukobo img,
.shoplinkbk1 img,
.shoplinkehon img,
.shoplinkkino img,
.shoplinktoshokan img
{
 display:none;
}
/* スマホ表示の設定 */
@media only screen and (max-width:460px){

 /* 画像の設定 */
 .kaerebalink-image,
 .booklink-image
 {
 float:none; /* 画像を中央寄せに */
 margin:0; 
 text-align:center;
 }
 /* 画像サイズを最大 180px に */
 .kaerebalink-image img,
 .booklink-image img
 {
 max-width:180px;
 height:auto;
 }
 /* 商品名等をカスタマイズ */
 .kaerebalink-info,
 .booklink-info
 {
 margin: 0; /* 余白調整 */
 }
 /* ボタンのカスタマイズ */
 .kaerebalink-link1 div,
 .booklink-link2 div
 {
 float: none;
 width: 100%;
 }
 .kaerebalink-link1 div:nth-child(even),
 .booklink-link2 div:nth-child(even)
 {
 margin-left: 0; /* 余白を調整（ボタン縦並びにするため） */
 }
}
/* カエレバパーツ全体のデザインをカスタマイズ */
.kaerebalink-box,
.booklink-box
{
 width: 100%;
 margin-bottom: 1rem; /* 余白調整 */
 padding: 1rem; 
 background: #ffffff; /* 背景白に */
 border: double 3px #d0d0d0; /* 外線を二重線に */
 box-sizing: border-box;
 border-radius: 5px; /* 角を丸く*/
 -webkit-border-radius: 5px;
}

/* 画像のデザインをカスタマイズ */
.kaerebalink-image,
.booklink-image
{
 float: left; /* 画像を左寄せに */
 margin: 0; /* 余白なし */
 text-align: center;
}
.kaerebalink-image img,
.booklink-image img
{
 max-width: 128px; /* 最大幅 128px に */
 height: auto; /* 高さ自由 */
}

/* 商品名等をカスタマイズ */
.kaerebalink-info,
.booklink-info
{
 margin-left: 140px; /* 文章は右寄せ */
 line-height: 1.6rem; /* 行高さの幅を調整 */
}
.kaerebalink-name,
.booklink-name
{
 font-weight: bold; /* 商品名太く */
 margin: 0; /* 余白調整 */
}
.kaerebalink-name a, 
.booklink-name a
{
 color: #333333; /* 商品名色指定 */
}
.kaerebalink-name p,
.booklink-name p
{
 margin-bottom: 0; /* 余白調整 */
}
.kaerebalink-powered-date,
.booklink-powered-date
{
 font-size: 0.75rem; /* psted with ～ の大きさ指定 */
 font-weight: normal; /* 文字の太さを標準に */
 text-align: right; /* 右寄せ */
}
.kaerebalink-detail,
.booklink-detail
{
 font-size: 0.875rem; /* メーカー・作者の文字の大きさ指定 */
 margin-bottom: 0.5em; /* 余白調整 */
}

/* ボタンのカスタマイズ */
.kaerebalink-link1,
.booklink-link2
{
 width:100%;
}
.kaerebalink-link1 div,
.booklink-link2 div
{
 float: left; /* ボタンを横並びに */
 width: 49%; /* ボタンの幅調整（2 列にするので間の余白を考え 49%を指定） */
 margin-bottom:0.2rem; /* 余白調整 */
 font-size: 0.875rem; /* 文字の大きさ */ 
 font-weight: bold; /* 文字を太く */
 text-align: center; /* 文字を中央寄せ */
 box-sizing: border-box;
}
.kaerebalink-link1 div:nth-child(even),
.booklink-link2 div:nth-child(even)
{
 margin-left: 1%; /* 左右ボタン間の余白を調整 */
}
.kaerebalink-link1 div a,
.booklink-link2 div a
{
 display:block;
 padding:3px 0; /* ボタンの上下幅指定 */
 margin-bottom:8px; /* 上下ボタン間の幅指定 */
 text-decoration:none;
 border-radius: 4px; /* 丸み調整 */
 box-shadow: 0px 2px 4px 0 rgba(0,0,0,.26); /* シャドー作成 */
}

/* ボタンにカーソルを当てた時の動きをカスタマイズ */
.kaerebalink-link1 div a:hover,
.booklink-link2 div a:hover
{
 -ms-transform: translateY(4px);
 -webkit-transform: translateY(4px);
 transform: translateY(4px);
 color: #ffffff;
}

/* カエレバ・ヨメレバ共通 */
.shoplinkamazon a,
.shoplinkrakuten a,
.shoplinkseven a,
/* カエレバ */
.shoplinkyahoo a, 
.shoplinkbellemaison a,
.shoplinkcecile a,
.shoplinkkakakucom a,
/* ヨメレバ */
.shoplinkkindle a,
.shoplinkrakukobo a,
.shoplinkbk1 a,
.shoplinkehon a,
.shoplinkkino a,
.shoplinktoshokan a
{
 display:block;
 text-decoration:none;
}

/* カエレバ・ヨメレバ共通 色の指定 */
.shoplinkamazon a { color:#ffffff; background:#ff9901; }
.shoplinkrakuten a { color:#ffffff; background:#c20004; }
.shoplinkseven a { color:#ffffff; background:#225496; }
/* カエレバ 色の指定 */
.shoplinkyahoo a { color:#ffffff; background:#ff0033; }
.shoplinkbellemaison a { color:#ffffff; background:#84be24 ; }
.shoplinkcecile a { color:#ffffff; background:#8d124b; }
.shoplinkkakakucom a { color:#ffffff; background:#314995; }
/* ヨメレバ 色の指定 */
.shoplinkkindle a { color:#ffffff; background:#007dcd; }
.shoplinkrakukobo a { color:#ffffff; background:#d50000; }
.shoplinkbk1 a { color:#ffffff; background:#0085cd; }
.shoplinkehon a { color:#ffffff; background:#2a2c6d; }
.shoplinkkino a { color:#ffffff; background:#003e92; }
.shoplinktoshokan a { color:#ffffff; background:#333333; }
.booklink-footer
{
 clear:both;
}
 
/* もしもアフィリエイトの場合不要な画像を削除 */
.kaerebalink-image img[src^="//i.moshimo.com/af/i/impression"],
.booklink-image img[src^="//i.moshimo.com/af/i/impression"],
.shoplinkamazon img,
.shoplinkrakuten img,
.shoplinkseven img,
.shoplinkyahoo img,
.shoplinkbellemaison img,
.shoplinkcecile img,
.shoplinkkakakucom img,
.shoplinkkindle img,
.shoplinkrakukobo img,
.shoplinkbk1 img,
.shoplinkehon img,
.shoplinkkino img,
.shoplinktoshokan img
{
 display:none;
}

/* スマホ表示の設定 */
@media only screen and (max-width:460px){

 /* 画像の設定 */
 .kaerebalink-image,
 .booklink-image
 {
 float:none; /* 画像を中央寄せに */
 margin:0;
 text-align:center;
 }
 /* 画像サイズを最大 180px に */
 .kaerebalink-image img,
 .booklink-image img
 {
 max-width:180px; 
 height:auto;
 }
 /* 商品名等をカスタマイズ */
 .kaerebalink-info,
 .booklink-info
 {
 margin: 0; /* 余白調整 */
 }
 /* ボタンのカスタマイズ */
 .kaerebalink-link1 div,
 .booklink-link2 div
 {
 float: none;
 width: 100%;
 }
 .kaerebalink-link1 div:nth-child(even),
 .booklink-link2 div:nth-child(even)
 {
 margin-left: 0; /* 余白を調整（ボタン縦並びにするため） */
 }
}
/* カエレバここまで */ 


/*ロゴ画像サイズの最大幅いっぱいに広げる*/
.header.headercenter #logo img {
max-height: initial;
}