/* 黒板風　1 */
.kokuban-s1 {
 position: relative;
 margin: 2em auto;
 padding: 10px;
 width: 90%; /* ボックス幅 */
 background: #202020; /* ボックス背景色 */
 color: #fff; /* 文章色 */
 border: 7px solid #b2771f; /* 枠線 */
 border-radius: 3px; /* 角の丸み */
 box-shadow: 0 0 5px #333;
}
.kokuban-s1::before,
.kokuban-s1::after {
 position: absolute;
 content: '';
 bottom: 0;
} 
.kokuban-s1::before {
 width: 20px;
 right: 10px;
 border: solid 3px #ff42a0; /*チョーク（ピンク） */
 border-radius: 3px 2px 0 2px;
}
.kokuban-s1::after {
 width: 15px; 
 right: 45px;
 border: solid 3px #fff; /*チョーク（白） */
 border-radius: 8px 5px 2px 5px;
}

/* 既存見出しのリセット */
h1,
h1:before,
h1:after {
content: none;
background: none;
background-color: none;
border: none;
border-radius: 0;
}
h1.entry-title, .page-title {
	color: #3e4149;
	font-family: Noto Sans Japanese;
	font-size: 28px;
}
/* 既存見出しのリセット */
h3,
h3:before,
h3:after {
content: none;
background: none;
background-color: none;
border: none;
border-radius: 0;
padding: none;
}
h3.border {
	display:inline-block;
 font-size: 18px; 
	background-color: #dbdbdb; 
	border-bottom: 3px solid #2b2b28;
	border-left: none;
	padding : 0;
	line-height: 1.8rem;
}	
/* 既存見出しのリセット */
h3,
h3:before,
h3:after {
content: none;
background: none;
background-color: none;
border: none;
border-radius: 0;
padding: none;
}
h3.new {
	background-color: #ef9a9a; 
	color: #ffffff; 
	font-size: 18px;
	border-left: none;
	padding : 5px;
	line-height: 1.8rem;
}

/* ふんわり　枠　1 関連記事で使ってる*/
.kakomi-kage1 {
	margin:20px 0 20px; /* 画像周りの余白（上 左右 下px） */
 padding: 0.5em;
 color: #555555; /* 文字色 */
 background-color: #ffcccc; /* 背景色 */
 box-shadow: 0 0 10px 10px #ffcccc; /* 影 */
}
/* ふんわり　枠　1 おすすめ記事で使ってる*/
.kakomi-kage6 {
	margin:20px 0 20px; /* 画像周りの余白（上 左右 下px） */
 padding: 0.5em;
 color: #ffffff; /* 文字色 */
 background-color: #555555; /* 背景色 */
 box-shadow: 0 0 10px 10px #555555; /* 影 */
}
/* ふんわり　枠　2 */
.kakomi-kage3 {
 margin: 2em auto;
 padding: 1em;
 color: #555555; /* 文字色 */
 background-color: #ffcccc; /* 背景色 */
 box-shadow: 0 0 10px 10px #ffcccc; /* 影 */
}
/* シンプル 枠（影）1　まとめで使用 */
kakomi-box3 {
 margin: 2em auto;
 padding: 1em;
 border: 1px solid #ccc; /* 枠線 */
 background-color: #555555; /* 背景色 */
 box-shadow: 1px 1px 2px #000000;
}
/* ふんわり　枠　2 */
h3.kakomi-kage2 {
 margin: 2em auto;
 padding: 1em;
 color: #555555; /* 文字色 */
 background-color: #fff; /* 背景色 */
 box-shadow: 0 0 5px 5px #ef9a9a, 0 0 5px 3px #ef9a9a inset; /* 影 */
 border-radius: 10px; /*角の丸み*/
	border-left: none
}
/* ふんわり　枠　2 */
h4.kakomi-kage2 {
 margin: 2em auto;
 padding: 1em;
 color: #555555; /* 文字色 */
 background-color: #fff; /* 背景色 */
 box-shadow: 0 0 5px 5px #ef9a9a, 0 0 5px 3px #ef9a9a inset; /* 影 */
 border-radius: 10px; /*角の丸み*/
	border-left: none
}
/*　テープ　枠　4 */
.kakomi-tape4 {
 position:relative;
 padding: 35px 20px 20px;
 margin: 2.5em auto;
 width: 90%;
 color: #555555; /* 文字色 */
 background-color: #ffc6c7; /*BOX背景色*/ 
 box-shadow: 0 2px 5px #999;
}
.title-tape4 {
 position: absolute;
 top: -15px;
 left: 5px;
 padding: 4px 20px;
 color: #555555; /*タイトル色*/
 font-weight: bold;
 background-color: rgba(255,255,255,.1);
 border-left: 2px dotted rgba(0,0,0,.1);
 border-right: 2px dotted rgba(0,0,0,.1);
 box-shadow: 0 0 5px rgba(0,0,0,0.2); 
 transform: rotate(-3deg);
}
/* ホワイトボード風　タイトル　3 　関連記事１個で使用*/
.wboard-w3 {
 position: relative;
 margin: 2em auto;
 padding: 3em 1em 1em;
 width: 90%; /* ボックス幅 */
 background-color: #fff; /* ボックス背景色 */
 color: #000000; /* 文章色 */
 border: 5px solid #c6c6c6; /* 枠線 */
 box-shadow: 0 0 8px #333, 0 0 2px #555 inset;
}
.wboard-w3::before,
.wboard-w3::after {
 position: absolute;
 content: '';
 bottom: 4px;
 width: 25px; 
 border-radius: 2px;
 box-shadow: 1px 1px 3px #666;
} 
.wboard-w3::before {
 right: 60px;
 border: solid 3px #333; /*飾ペン黒 */
 transform: rotate(2deg); /*飾ペン角度 */
}
.wboard-w3::after {
 right: 22px;
 border: solid 3px #ff0000; /*飾ペン赤 */
 transform: rotate(9deg); /*飾ペン角度 */
}
.title-w3 {
 position: absolute;
 left: 1em;
 top: .5em;
 font-weight: bold;
 font-size: 1.1em; /* 文字サイズ */
 color: #ff0000; /* タイトル文字色 */
 border-style: none none solid;
 border-color: #ff0000; /*タイトル下線 */
 border-width: 3px;
}
/* ホワイトボード風　タイトル　4　関連記事用 */
.wboard-w4 {
 position: relative;
 margin: 1em auto;
 padding: 3em 1em 1em;
 width: 100%; /* ボックス幅 */
 background-color: #fff; /* ボックス背景色 */
 color: #000000; /* 文章色 */
 border: 5px solid #c6c6c6; /* 枠線 */
 box-shadow: 0 0 8px #333, 0 0 2px #555 inset;
}
.wboard-w4::before,
.wboard-w4::after {
 position: absolute;
 content: '';
 bottom: 2px;
 width: 25px; 
 border-radius: 2px;
 box-shadow: 1px 1px 3px #666;
} 
.wboard-w4::before {
 right: 60px;
 border: solid 3px #333; /*飾ペン黒 */
 transform: rotate(2deg); /*飾ペン角度 */
}
.wboard-w4::after {
 right: 22px;
 border: solid 3px #ff0000; /*飾ペン赤 */
 transform: rotate(9deg); /*飾ペン角度 */
}
.title-w4 {
 position: absolute;
 left: 1em;
 top: .5em;
 font-weight: bold;
 font-size: 1.1em; /* 文字サイズ */
 color: #ff0000; /* タイトル文字色 */
 border-style: none none solid;
 border-color: #ff0000; /*タイトル下線 */
 border-width: 3px;
}
/*ふきだし */
.oneArea {
  display: flex;
  justify-content: flex-start;
align-items: center;
  width: 100%;
  height: 100px;
}
/* 吹き出し本体 ピンク*/
.fukidasi{
  position: relative;
  padding: 20px;
 background-color: #ef9a9a;
 font-size: 18px;
  color: #ffffff;
  border-radius: 10px;
}
/* 色付きの半円 */
.fukidasi::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-radius: 50%;
  transform: rotate(45deg);
  left: -15px;
  top: 22px;
 border-left: 25px solid #ef9a9a;
  border-top: 25px solid transparent;
  border-right: 25px solid transparent;
  border-bottom: 25px solid transparent;
}
/* 白い半円 */
.fukidasi::after {
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-radius: 50%;
  transform: rotate(45deg);
  left: -25px;
  top: 40px;
  border-left: 25px solid #ffffff;
  border-top: 25px solid transparent;
  border-right: 25px solid transparent;
  border-bottom: 25px solid transparent;
}

/* サルワカ　タグ見出し */
h3.tagu {
  color: #505050;/*文字色*/
  padding: 0.5em;/*文字周りの余白*/
  line-height: 1.3;/*行高*/
  background: #dbebf8;/*背景色*/
  vertical-align: middle;
  border-radius: 25px 0px 0px 25px;/*左側の角を丸く*/
}

h3:before {
  content: '●';
  color: white;
  margin-right: 8px;
}
/* 既存見出しのリセット whyグレー*/
h3,
h3:before,
h3:after {
content: none;
background: none;
background-color: none;
border: none;
border-radius: 0;
padding: none;
}
h3.why {
	background-color: #808080; 
	color: #ffffff; 
	font-size: 20px;
	border-left: none;
	padding : 5px;
	line-height: 1.8rem;
}

/* カードリンク*/
.cardlink:hover {
 color: #EF9A9A!important; /* 文字色をピンクにする */ 
}
/* カードリンク　大修整*/
.cardlink-k {
 color: #757575!important; /* 文字色グレー */ 
}
.cardlink-k:hover {
 color: #EF9A9A!important; /* 文字色をピンクにする */ 
}
.card-content-k {
	padding: 10px;
	line-height: 1rem;
	color: #757575!important;
	font-size: 8pt;
}
/* カード拡大*/
.img_wrap{
  border: 1px solid #ddd;
  margin: 0 auto;
  overflow: hidden;
  cursor: pointer;
}
.img_wrap img{
  width: 100%;
  transition-duration: 0.5s;
}
.img_wrap:hover img{
  transform: scale(1.2);
  transition-duration: 0.5s;
	}

/* りすとのぶらさげ */
li.abc{
	padding-left:1em;
	text-indent:-1em;
}
/* タイトル付　枠（影）2　*/
.kakomi-box13 {
	display: inline-block;
 position: relative;
 margin: 2em auto;
 padding: 1.2em;
 color: #555555; /* 文字色 */
 background-color: #fff;
 border: 2px solid #f09199; /* 枠線の太さ・色 */
 box-shadow: 0 0 5px 2px #fce2c4 inset;/* 影の色 */
}
.title-box13 {
 position: absolute;
 padding: 0 .5em;
 left: 20px;
 top: -15px;
 font-weight: bold;
 background-color:  #fff; /* タイトル背景色 */
 color: #f09199; /* タイトル文字色 */
}
/* 黒板風　タイトル　1 */
.kokuban-t1 {
 position: relative;
 margin: 2em auto;
 padding: 3.2em 1em 1em;
 width: 80%; /* ボックス幅 */
 background-color: #202020; /* ボックス背景色 */
 color: #fff; /* 文章色 */
 border: 10px solid #8b4513; /* 枠線 */
 border-radius: 3px; /* 角の丸み */
 box-shadow: 0 0 5px #333;
}
.kokuban-t1::before,
.kokuban-t1::after {
 position: absolute;
 content: '';
 bottom: 0;
} 
.kokuban-t1::before {
 right: 10px;
 border: solid 3px #ff7fbf; /*チョーク（ピンク）*/
 width: 20px; 
 border-radius: 3px 2px 0 2px;
}
.kokuban-t1::after {
 right: 40px;
 border: solid 3px #fff; /*チョーク（白）*/
 width: 15px; 
 border-radius: 8px 5px 2px 5px;
}
.title-t1 {
 position: absolute;
 left: 1em;
 top: .5em;
 font-weight: bold;
 font-size: 1.1em;
 color: #ff7fbf; /* タイトル色 */
}
/* 関連記事 */
kannren {
  background: #ef9a9a; /*背景色*/
  padding: 0.5em;/*文字周りの余白*/
  color: white;/*文字を白に*/
  border-radius: 0.5em;/*角の丸み*/
}
/* ウィジェットのメニュー上の余白 */
widget widget-mainarea-top{
	margin-top: 10px;
}

/* snsボタン全体 */
.flowbtn10{
display:inline-block;	
font-size:35px;
text-decoration:none;
transition:.5s;
color:#444;	
}
/* インスタ・pocket・ラインだけ少し大きく */
.flowbtn10 .fa-instagram,.flowbtn10 .fa-get-pocket,.flowbtn10 .fa-get-pocket,.flowbtn10 .fa-line{
font-size:38px;
}
/* Twitterマウスホバー時 */
.flowbtn10 .fa-twitter:hover{
color:#55acee;
}
/* Instagramマウスホバー時 */
.flowbtn10 .fa-instagram:hover{
color:#c6529a;
}
/* Facebookマウスホバー時 */
.flowbtn10 .fa-facebook-f:hover{
color:#3b5998;
}
/* Feedlyマウスホバー時 */
.flowbtn10 .fa-rss:hover{
color:#6cc655;
}
/* Pocketマウスホバー時 */
.flowbtn10 .fa-get-pocket:hover{
color:#ef3f56;
}
/* はてブマウスホバー時 */
.flowbtn10 .fa-bold:hover{
color:#1ba5dc;	
}
/* YouTubeマウスホバー時 */
.flowbtn10 .fa-youtube:hover{
color:#fc0d1c;
}
/* LINEマウスホバー時 */
.flowbtn10 .fa-line:hover{
color:#00c300;
}
/* メールアイコンマウスホバー時 */
.flowbtn10 .fa-envelope:hover{
color:#f3981d;		
}
/* ulタグの内側余白を０にする */
ul.snsbtniti{
padding:0!important;
width:300px;
margin:0 auto;
}
/* アイコン全体の位置 */
.snsbtniti{
display:flex;
flex-flow:row wrap;
justify-content:space-between;	
}
/* アイコン同士の余白 */
.snsbtniti li{
flex:0 0 15%;
text-align:center!important;
}
/* ulタグの内側余白を０にする サイドバー*/
ul.snsbtnitik{
padding:0!important;
width:200px;
margin:0 auto;
}
/* ボタン同士の余白 */
.snsbtniti-n li{
flex:0 0 48%;/* 3個33%　4個24%　5個19% */
text-align:center!important;
}
/* ボタン全体 黒四角*/
.flowbtn17{
border-radius:50%;
position:relative;
display:inline-block;
width:50px;
height:50px;
font-size:30px;
text-decoration:none;
transition:.5s;
background-color:#444;
color:#fff;
}
/* ボタンマウスホバー時のテキスト指定 */
.flowbtn17:hover{
text-decoration:none;
}
/* アイコンをど真ん中に */
.flowbtn17 i{
position:absolute;
top:50%;
left:50%;
-ms-transform:translate(-50%,-50%);
-webkit-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
}
/* Twitterマウスホバー時 */
.flowbtn17.fl_tw2:hover{
background:linear-gradient(135deg, #13f1fc 0%,#0470dc 100%);
}
/* Instagramマウスホバー時 */
.flowbtn17.insta_btn2:hover{
background:-webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
background:linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;		
}
/* Facebookマウスホバー時 */
.flowbtn17.fl_fb2:hover{
background:-webkit-linear-gradient(top, #5c80c6 0%, #34528c 74%);	
background:linear-gradient(to bottom, #5c80c6 0%, #34528c 74%);
}
/* pinterestマウスホバー時 */
.flowbtn17.fl_pi2:hover{
background:linear-gradient(135deg, #ffbcb6 0%,#f24e51 100%);
}
/* Pocketマウスホバー時 */
.flowbtn17.fl_pk2:hover{
background:linear-gradient(135deg, #f36265 0%,#dd4f68 100%);
}
/* はてブアイコンのサイズ */
.flowbtn17.fl_hb2{
font-size:25px;
}
/* はてブマウスホバー時 */
.flowbtn17.fl_hb2:hover{
background:-webkit-linear-gradient(top, #1fbccd 0%, #1c91d4 84%);	
background:linear-gradient(to bottom, #1fbccd 0%, #1c91d4 84%);
}
/* YouTubeマウスホバー時 */
.flowbtn17.fl_yu2:hover{
background:linear-gradient(135deg, #f5515f 0%,#c9293c 100%);
}
/* LINEマウスホバー時 */
.flowbtn17.fl_li2:hover{
background: linear-gradient(135deg, #3a9278 0%,#00c300 100%);
}
/* お問い合わせマウスホバー時 */
.flowbtn17.fl_ma2:hover{
background:linear-gradient(135deg, #fad961 0%,#f76b1c 100%);
}
/* ulタグの内側余白を０にする */
ul.snsbtniti2{
padding:0!important;
width:200px;/* ボタン同士調整 */
margin:0 auto;/* ボタン同士の余白調整 */
}
/* ボタン全体の位置 */
.snsbtniti2{
display:flex;
flex-flow:row wrap;
}
/* ボタン同士の余白 */
.snsbtniti2 li{
flex:0 0 15%;/* 3個33%　4個24%　5個19% */
text-align:center!important;
}
#toc_container {
    box-sizing: border-box;
}