kb_text{
	font-size: 13px!important;
}

/*アドセンス背景ウィジェット透過*/
div#custom_html-26{
    background: none;
	background-color: transparent;
}

div#custom_html-29 {
  background-color: transparent;
}

/*検索窓の色を変える*/
input#s {
	background: ;
}

/* #searchsubmit {/*アイコン部分*//*
	top:39%;
	height: 62%;

}
#searchform div {
    position: relative;
    max-width: 400px;
}
#searchsubimit {
		top:40%;
}
.header-search__modal #searchsubmit {
	top: 58%;
	height: 42%;
} */

#searchform input[type=text] {
    line-height: 23px;
    padding: 10px 13px;
    font-size: 14px;
    width: 100%;
    box-sizing: border-box;
    border: none;
    float: left;
}

input#s {
    background: #fff;
	color: #3d445d;
}

#searchform button {
    float: right;
    position: absolute;
    top: 44%;
    right: 0;
    vertical-align: top;
    line-height: 23px;
    border: none;
    border-radius: 3px;
    width: 40px;
    padding: 8px 5px;
    background: 0 0;
    font-family: "FontAwesome";
    font-size: 21px;
    color: gray;
}
.widget widget_search {
	margin-bottom: 10px;
}
#searchsubimit {
		top:60%;
}

.my-pink {color: #FFC0CB}

/*ドラクエ(テーマの編集の方にも入れないといけない）*/
@font-face {
 font-family: 'dorakue';
 src: url('./fonts/PixelMplus12-Regular.eot'); /* IE9 Compat Modes */
 src: url('./fonts/PixelMplus12-Regular.eot?#iefix') format('embedded-opentype'), /* eof - IE6-IE8 */
             url('./fonts/PixelMplus12-Regular.woff') format('woff'), /* woff - Modern Browsers */
      url('./fonts/PixelMplus12-Regular.ttf')  format('truetype'), /* ttf - Safari, Android, iOS */
      url('./fonts/PixelMplus12-Regular.woff2') format('woff2');
        font-style: normal;
}
.dorakue {
  font-family: 'dorakue';
  font-size:100%;
}	 
.kakomi-box1 {
 margin: 2em auto;
 padding: 1em;
 width: 80%; /* ボックス幅 */
 background-color: #000000; /* ボックス背景色 */
		text-align:center;
 color: #FFFFFF; /* 文章色 */
 box-shadow: 5 5 5px 5px #FFFFFF; /* 影 */
 border-radius: 10px; /* 角の丸み */
 border : double 8px #FFFFFF
}

ul#menu-モバイル用フッターメニュー { background: #ffffffe0; }

body { 
letter-spacing: -0.5px; 
}

/*ホラー*/
@font-face {
 font-family: 'horror';
 src: url('./font/g_comichorrorR_freeR.eot'); /* IE9 Compat Modes */
 src: url('./font/g_comichorrorR_freeR.eot?#iefix') format('embedded-opentype'), /* eof - IE6-IE8 */
             url('./font/g_comichorrorR_freeR.woff') format('woff'), /* woff - Modern Browsers */
      url('./font/g_comichorrorR_freeR.ttf')  format('truetype'), /* ttf - Safari, Android, iOS */
      url('./font/g_comichorrorR_freeR.woff2') format('woff2');
        font-style: normal;
}
.horror {
  font-family: 'horror';
  font-size:100%;
}
/*ボタン*/
.square_btn1{
    display: inline-block;
    padding: 0.5em 1em;
    text-decoration: none;
    background: #c7b5a8;/*ボタン色*/
    color: #FFF;
    border-bottom: solid 4px #627295;
    border-radius: 3px;
}
.square_btn1:active {/*ボタンを押したとき*/
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);/*下に動く*/
    border-bottom: none;/*線を消す*/
}
.square_btn{
    display: inline-block;
    padding: 0.5em 1em;
    text-decoration: none;
    border-radius: 4px;
    color: #ffffff;
    background-image: -webkit-linear-gradient(45deg, #FFC107 0%, #ff8b5f 100%);
    background-image: linear-gradient(45deg, #FFC107 0%, #ff8b5f 100%);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
    border-bottom: solid 3px #c58668;
}

.square_btn:active{
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
    border-bottom: none;
}
/*筆者の詳細はコチラボタン*/

a.cp_btn {
position: relative;
display: block;
width: 250px;
padding: 0.5em;
text-align: center;
font-weight: bold;
text-decoration: none;
color: #FFF;
text-shadow: 0 0 5px rgba(255, 255, 255, 0.0);
background: #c7b5a8;
transition: .4s;
border-radius: 4px;
}
a.cp_btn:hover {
text-shadow: -6px 0px 15px rgba(255, 255, 240, 0.83), 6px 0px 15px rgba(255, 255, 240, 0.83);
transition: .4s;
}

a.cp_btn1 {
position: relative;
display: block;
width: 250px;
padding: 0.5em;
text-align: center;
font-weight: bold;
text-decoration: none;
color: #FFF;
text-shadow: 0 0 5px rgba(255, 255, 255, 0.0);
background: #c7b5a8;
transition: .4s;
border-radius: 4px;
}
a.cp_btn1:hover {
text-shadow: -6px 0px 15px rgba(255, 255, 240, 0.83), 6px 0px 15px rgba(255, 255, 240, 0.83);
transition: .4s;
}
.follow-insta {
    background: linear-gradient(45deg,#fad51f,#f95e5e 20%,#e83784 60%,#754ed5);
    height: 50px;
}

.fixed-menu ul {
  background: rgba(255, 255, 255, 0.6);
}
/*ヴィジェットタイトル*/ .widgettitle { font-weight: 500; font-size:12 }

.widget .my-widget li a{ 
font-weight:400
}

h1 { font-weight: 400; }

/*--------------------------------------
  箇条書きボックス用のふきだし
--------------------------------------*/
.myfuki-main {
    display: inline-block;
    position: relative;
    background: #352e2b;
    color: white;
    font-weight: 500;
    margin: .5em 0;
    border-radius: 25px;
    padding: .3em 1em;
}
.myfuki-main:before {
    position: absolute;
    content: "";
    bottom: -.5em;
    left: 2.5em;
    border-top: 10px solid #352e2b;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
}

/*--------------------------------------
  ステッチ（水色）を変更
--------------------------------------*/
.stitch-blue{/*全体の設定*/
    position: relative;/*ここを基準に設定*/
}
.stitch-blue ul{/*箇条書き全体の設定*/
    margin: 10px 10px 2em 10px;/*外側の余白*/
    border: none;/*線を削除*/
    border-radius: 0px;/*角丸を削除*/
    background: white;/*背景を削除*/
    box-shadow: 0 0 0 10px rgba(66,66,66,0.1);/*外側の枠線*/
    color: rgba(66,66,66,0.87);/*文字色*/
    padding: 1em 1em 1em 3.5em;/*内側の余白*/
}
.stitch-blue li:before {/*箇条書きのアイコン*/
    position: absolute;/*基準にあわせて動くように*/
    left: 2.5em;/*左からの位置*/
    color: rgba(66,66,66,0.54);/*アイコンの色*/
    font-family: FontAwesome;
    content: "\f2bd";/*アイコンの種類*/
}
.stitch-blue li{/*箇条書きの文字部分*/
    list-style-type: none !important;/*箇条書きの「・」を削除*/
    padding: 8px 0;/*上下の余白を設定*/
}

/*画像リンクに影*/
/* .entry-content a:not(.linkto):not(.c_linkto) img{
	box-shadow: 0 3px 6px rgba(0, 0, 0, .25);
	transition: .3s;
}
.entry-content a:not(.linkto):not(.c_linkto) img:hover{
	box-shadow: 0 13px 20px -3px rgba(0,0,0,.24);
} */
/*アフィリエイト用ボタンリンク*/
.btn_link{
text-align:center;/*中央寄せ*/
}
.btn_link>a{
    margin: .5em .5em .5em 0;
    text-decoration: none;
    display: inline-block;
    padding: .4em 1.3em;
    border-radius: 3px;
    box-img_border: 0 2px 3px rgba(0,0,0,.2), 0 2px 3px -2px rgba(0,0,0,.15);
    background-color: #4b5f65;/*背景色*/
    color: #fff;/*文字色*/
    font-weight: bold;/*文字の太さ*/
}
.btn_link>a:hover{
    text-decoration: none;
    box-img_border: 0 13px 20px -3px rgba(0,0,0,.24);
    -webkit-tap-highlight-color: transparent;
}

/*--------------------------------------
Rinkerのデザイン変更
--------------------------------------*/
/*-----全体-----*/
div.yyi-rinker-contents {/*内容（全体）*/
    border: solid 1px #42424230;/*枠線の種類・幅・色*/
    border-radius: 10px;/*枠線の丸み（上　右）*/
    box-shadow: 0 0px 3px rgba(0, 0, 0, 0.1);/*影*/
}
div.yyi-rinker-contents div.yyi-rinker-box {/*内容（中身）*/
    padding: 1em 0;/*余白（中）*/
}
/*-----左側（画像）-----*/
div.yyi-rinker-contents div.yyi-rinker-image {/*画像*/
    margin-left: 5%;/*左の余白*/
    width: 20%;/*画像の幅*/
}
/*-----右側（商品名やボタンなど）-----*/
div.yyi-rinker-info {/*右側全体*/
    padding: 0 3%;/*左右の余白*/
    width: 100%;/*右側全体の幅*/
}
.yyi-rinker-title {/*商品名*/
    font-size: .9em;/*文字の大きさ*/
}
div.yyi-rinker-contents div.yyi-rinker-title p {/*タイトル*/
    margin: 0;/*タイトルの余白*/
}
div.yyi-rinker-contents div.yyi-rinker-title a {/*タイトル*/
    color: #42424290;/*タイトルの文字色*/
}
div.yyi-rinker-contents div.yyi-rinker-detail {/*販売者と価格*/
    font-size: .8em;/*文字の大きさ*/
    color: #42424280;/*文字の色*/
    padding-left: 0;/*左側の余白*/
    margin-top: 0;/*上の余白*/
}
div.yyi-rinker-contents div.yyi-rinker-detail .price-box {/*価格*/
    margin: .5em 0;/*上下の余白*/
}
div.yyi-rinker-contents div.yyi-rinker-detail .price-box .price {/*価格の文字*/
    letter-spacing: 0.1em;/*文字の間隔*/
    font-size: 1.2em;/*文字の大きさ*/
    margin-right: .5em;/*右側の余白*/
}
div.yyi-rinker-contents ul.yyi-rinker-links li {/*すべてのボタン*/
    width: 45%;/*幅（2列になるように）*/
    padding: 0 .7em;/*左右の余白（ボタン内）*/
    margin: .5em 1.5em .4em 0;/*左側の余白だけ0（ボタン外）*/
    box-shadow: 0 2px 3px rgba(0,0,0,.2);/*影*/
    font-size: .8em;/*文字の大きさ*/
}
div.yyi-rinker-contents ul.yyi-rinker-links li.amazonlink a:before, div.yyi-rinker-contents ul.yyi-rinker-links li.rakutenlink a:before, div.yyi-rinker-contents ul.yyi-rinker-links li.yahoolink a:before {
    display: none;/*マーク削除*/
}
/*-----ボタンの色-----*/
div.yyi-rinker-contents ul.yyi-rinker-links li.amazonlink {/*Amazon*/
    background: #ffb74c;
/* 			#d59f63; */
}
div.yyi-rinker-contents ul.yyi-rinker-links li.amazonlink a {
    color: #fff;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.rakutenlink {/*楽天*/
    background: #d24c4c;
/* 			#b9505a; */
}
div.yyi-rinker-contents ul.yyi-rinker-links li.yahoolink {/*Yahoo*/
    background: #ff4c6f;
/* 			#8ea362; */
}
/*-----マウスホバー（ボタン）-----*/
div.yyi-rinker-contents ul.yyi-rinker-links li:hover {
    box-shadow: 0 3px 14px rgba(0, 0, 0, .25);/*優しく浮き上がる影*/
}
div.yyi-rinker-contents ul.yyi-rinker-links li.amazonlink a:hover, div.yyi-rinker-contents ul.yyi-rinker-links li.rakutenlink a:hover, div.yyi-rinker-contents ul.yyi-rinker-links li.yahoolink a:hover {
    box-shadow: none;/*手前のマウスホバー*/
}
div.yyi-rinker-contents ul.yyi-rinker-links li a:hover {
    opacity: 1;/*ホバー時に薄くなるのをオフ*/
}
@media screen and (max-width: 500px){/*スマホ表示用（ブレイクポイント500px）*/
/*-----全体-----*/
div.yyi-rinker-contents div.yyi-rinker-box {
    display: block;/*縦表示になるように*/
}
/*-----画像ー----*/
div.yyi-rinker-contents div.yyi-rinker-image {
    width: auto;/*画像を中央表示*/
}
/*-----商品名やボタンなど-----*/
div.yyi-rinker-contents div.yyi-rinker-box div.yyi-rinker-info {/*全体*/
    padding: 0;/*余白削除*/
    margin: auto;/*中央揃え*/
    width: 87%;/*横幅*/
    text-align: center;/*商品名やボタンを中央表示*/
}
div.yyi-rinker-contents div.yyi-rinker-detail .price-box .price {/*価格*/
    display: block;/*価格を縦並びにする*/
}
div.yyi-rinker-contents ul.yyi-rinker-links li {/*ボタン*/
    width: 100%;/*横幅いっぱい*/
    margin: .5em 0;/*上下の余白　左右の余白削除*/
}
body div.yyi-rinker-contents ul.yyi-rinker-links li a {/*ボタンの文字*/
    padding: 0;/*文字の余計な余白を削除*/
}}
@media screen and (min-width: 501px) and (max-width: 1239px){/*スマホとPCの中間くらい（ブレイクポイント501～1239px）*/
div.yyi-rinker-contents ul.yyi-rinker-links li{
    width:80%;/*横幅を80％*/
}}

/*--------------------------------------
  スタイリッシュな表
--------------------------------------*/
@media screen and (max-width: 640px) {
  .scroll {
    overflow-x: auto;
  }
  .tbl-r07 {
    min-width: 640px;
    margin: 0 10px 50px;
  }
  .tbl-r07 td {
    border-top: solid 1px #352e2b;
    border-bottom: solid 1px #352e2b;
  }
}

.entry-content table {/*表全体*/
    border: 2px solid #352e2b;/*枠線*/
/*     border-collapse: separate; */
	/*表のスタイル*/
    border-spacing: 0;/*なんだっけ？*/
    overflow: hidden;/*はみ出す部分は非表示*/
/*     text-align: center; */
	/*文字を中央寄せ*/
}
.entry-content table th {/*ヘッダーセル*/
    color: white;/*文字の色*/
    font-size:1.1em;/*文字のサイズ*/
    background: #352e2b;
	/*背景色*/
/*     border-bottom: none; */
	/*下線はなし*/
    padding: 10px 0;/*内側の余白*/
    letter-spacing: 0.15em;/*文字間隔*/
}
.entry-content table td {/*セル*/
    color:#414141;/*文字の色*/
    padding:15px 5px;/*内側の余白*/
/*       border-bottom: 1px solid #352e2b42; */
	/*下線*/
}
.entry-content table tr:last-child td {/*最後の行だけ*/
/*       border-bottom: none; */
	/*下線なし*/
}
.entry-content table td:not(last-child) {/*最後のセルだけ除外*/
      border: 1px solid #352e2b42;/*右線*/
}
.entry-content td:last-child {/*最後のセル*/
	
/*     border-right: 0!important; */
	/*右線削除*/
}
.entry-content table td:nth-child(1) {/*薄い背景　最初の縦列のみ*/
/*     background-color: #352e2b1a; */
	/*背景色*/
}
/***** 薄い背景　別ver *****/
/*
.entry-content table td:nth-child(2) {
    background-color: #352e2b0d;
}
.entry-content table tr:nth-child(odd) {
    background-color: #352e2b0d;
}
.entry-content table tr:nth-child(even) {
    background-color: #352e2b0d;
}
*/

/*--------------------------------------
  更新マークに丸い背景色を追加
--------------------------------------*/
.entry-header .fa-hourglass-half:before {/*更新マークのクラス名*/
display: inline-block;/*位置調整ができるブロックに*/
padding: 3px;/*内側の上下左右の余白*/
margin-right: 6px;/*外側-右側の余白*/
color: #fff;/*アイコンの色*/
/* background: #352e2b; */
	background: #747f94;
	/*丸い背景の色（お好みで）*/
width: 25px;/*横幅*/
height: 25px;/*縦幅*/
border-radius: 50%;/*角を丸く*/
line-height: 24px;/*文字の高さ*/
text-align: center;/*中央寄せ*/
}
.entry-header .updated:before {/*更新マークのクラス名*/
display: inline-block;/*位置調整ができるブロックに*/
padding: 3px;/*内側の上下左右の余白*/
margin-right: 6px;/*外側-右側の余白*/
color: #fff;/*アイコンの色*/
	background: #D26F41;
/* background: #ae465d; */
	/*丸い背景の色（お好みで）*/
width: 25px;/*横幅*/
height: 25px;/*縦幅*/
border-radius: 50%;/*角を丸く*/
line-height: 24px;/*文字の高さ*/
text-align: center;/*中央寄せ*/
}

.entry-header .pubdate:before {/*更新マークのクラス名*/
display: inline-block;/*位置調整ができるブロックに*/
padding: 3px;/*内側の上下左右の余白*/
margin-right: 6px;/*外側-右側の余白*/
color: #fff;/*アイコンの色*/
background: #918879;/*丸い背景の色（お好みで）*/
width: 25px;/*横幅*/
height: 25px;/*縦幅*/
border-radius: 50%;/*角を丸く*/
line-height: 24px;/*文字の高さ*/
text-align: center;/*中央寄せ*/
}

/*--------------------------------------
  画像をSANGOになじませる
--------------------------------------*/
.img-huwatto{
    display: block;
    overflow: hidden;
    margin: 1em 0;
    padding: 0;
    border-radius: 3px;
    background: #fff;
    box-shadow: 0 0px 5px rgba(0, 0, 0, .25);
    color: #555;
    font-weight: bold;
    text-decoration: none!important;
    transition: .3s ease-in-out;
}

/*--------------------------------------
  アイコンの変更と位置調整
--------------------------------------*/
.sidebar .widget_categories .widgettitle:before {
    content: "\f0ca";/*アイコン変更*/
    padding-right: .7em;/*内側の余白（左）*/
    padding-left: .3em;/*内側の余白（右）*/
}
.sidebar .my_popular_posts .widgettitle:before {/*人気記事のアイコン*/
	content: "\f201";/*アイコン変更*/
    padding-right: .7em;/*内側の余白（左）*/
    padding-left: .3em;/*内側の余白（右）*/
}

.sidebar .widget_archive .widgettitle:before {/*人気記事のアイコン*/
	content: "\f017";/*アイコン変更*/
    padding-right: .7em;/*内側の余白（左）*/
    padding-left: .3em;/*内側の余白（右）*/
}

.sidebar .widget_recent_entries .widgettitle:before  {/*人気記事のアイコン*/
	content: "\f08d";/*アイコン変更*/
    padding-right: .7em;/*内側の余白（左）*/
    padding-left: .3em;/*内側の余白（右）*/
}
.sidebar .widget_search .widgettitle:before {
    content: "\f002";
}

.sidebar .widget_search .widgettitle:before {/*人気記事のアイコン*/
	content: "\f002";/*アイコン変更*/
    padding-right: .7em;/*内側の余白（左）*/
    padding-left: .3em;/*内側の余白（右）*/
}
/*再度ウィジットのタイトルにアイコンを挿入*/
.sidebar .widget_text .widgettitle:before {
    content: "\f118";
}

.sidebar .widget_text .widgettitle:before {/*人気記事のアイコン*/
	content: "\f118";/*アイコン変更*/
    padding-right: .7em;/*内側の余白（左）*/
    padding-left: .3em;/*内側の余白（右）*/
}


/*--------------------------------------
関連記事カード２を変更
--------------------------------------*/

.sng-link-time {/*投稿日*/
    display: none;/*削除*/
}

.longc_linkto{/*カード全体の設定*/
    position: relative;/*疑似要素の基準に設定*/
    padding: 5px 5px 36px 5px;/*内側の余白（上左右5px 下36px）*/
}
.longc_linkto img {/*アイキャッチ画像が入っている部分の大きさ*/
    max-width: 40%;/*画像部分の横幅最大*/
    vertical-align: top;/*上揃え*/
}
.longc_img img {/*アイキャッチ画像*/
    padding: 0px;/*内側の余白10pxから0pxに*/
}
.longc_linkto .c_linkto_text {/*テキスト部分*/
    padding: 0 2%;/*内側の余白（上下0 左右2%）*/
    display: inline-block;/*横並びになるように*/
    max-width: 55%;/*テキスト部分の横幅最大*/
    font-size: .9em;/*フォントサイズを小さく*/
}
.longc_time {/*投稿日*/
    display: none;/*削除*/
}

.longc_linkto .c_linkto_text:before {/*疑似要素（前）*/
    position: absolute;/*基準に対して動けるように*/
/*     content: "関連"; */
	/*表示する文字*/
    top: 5px;/*上からの位置*/
    left: 5px;/*左からの位置*/
    display: inline-block;/*自由に横幅や高さを設定できるように*/
    width: 47px;/*横幅*/
    height: 27px;/*高さ*/
    text-align: center;/*中央揃え*/
    background: #999999;
	/*背景色*/
    font-size: 14px;/*フォントサイズ*/
    line-height: 28px;/*行の高さ（縦方向中央揃え用）*/
    color: white;/*文字の色*/
    letter-spacing: 3px;/*文字の間隔*/
    padding-left: 3px;/*内側の余白（左）*/
    border-radius: 2px;/*角丸*/
}
.longc_content c_linkto_text {
	    vertical-align: middle;
}

.longc_linkto .c_linkto_text:after {/*疑似要素（後）*/
    position: absolute;
    content: "つづきを読む";
    bottom: 5px;
    right: 0px;
    display: inline-block;
    width: 100%;
    height: 14px;
    text-align: center;
    background: #EBEDF0;
    font-size: 10px;
    line-height: 15px;
    color: #473934;
    letter-spacing: 3px;
}

span.c_linkto_text {
font-size: 83%;
}

/*****   PCでの画像表示   *****/
@media only screen and (min-width: 481px){/*横幅481px以上での表示*/
.longc_img {/*アイキャッチ画像が入っている部分の大きさ*/
    width: 30%;/*横幅*/
}
.longc_linkto img {/*アイキャッチ画像の大きさ*/
    max-width: 100%;/*横幅*/
}
.c_linkto.longc_linkto .longc_content {/*テキスト部分*/
    vertical-align: middle;/*上揃え*/
}

.longc_linkto .c_linkto_text {/*テキスト部分*/
    padding: 0 2%;/*内側の余白（上下0　左右2%）*/
    font-size: .9em;/*フォントサイズ*/
}
span.c_linkto_text {
font-size: 86%;
}
	.longc_linkto .c_linkto_text:after {/*疑似要素（後）*/
    height: 19px;
    font-size: 13px;
    line-height: 18px;
}
}
/*--------------------------------------
  上部の見出し(SANGOサポーター)
--------------------------------------*/
.kjk_fixed_headline {/*上部の見出し部分*/
    background-color: #c7b5a8!important;/*背景色*/
    border-left: 3px solid #424242;/*左側の縦線*/
    border-bottom: 2px solid #DADADA;/*下線*/
    color: #424242!im	portant;/*文字の色*/
}
.kjk_fixed_headline .fa-chevron-circle-right:before {/*アイコン*/
    content: "\f1b0"!important;/*お好きに*/
    font-size: 1.2em;/*アイコンの大きさ*/
    color: #595959;/*アイコンの色*/
}
@media only screen and (min-width: 481px){/*PC表示*/
.kjk_fixed_headline {/*見出し部分*/
    border-left: none;/*左の縦線削除*/
    border-bottom: 3px solid #DADADA;/*下線*/
    text-align: center;/*中央揃え*/
}}

/*--------------------------------------
  追加するCSSコード
--------------------------------------*/
.image-title2 {
    background: #352e2b;
    position: absolute;
    bottom: 0px;
    display: inline-block;
    width: 100%;
    color: white;
    font-weight: bold;
    font-size: 1.2em;
    letter-spacing: .1em;
    line-height: 44px;
}

/*--------------------------------------
  記事一覧(スマホの横ずれ防ぐ)
--------------------------------------*/
.sidelong__link {/*記事一覧カード*/
    color: rgba(66,66,66,0.87);/*文字の色*/
    padding:4px; /*内側の余白*/
}
.newmark {/*新着のマーク*/
    border-radius: 20px;/*丸くする*/
/* 	background:#b71939!important; */
	background:#D26F41!important;
	/*アイコンの色を強制的にかえる*/
}
.rank {
	background: #D26F41!important;/*ランキングのアイコンの色を強制的にかえる*/
	color: #fff!important/*ランキングの数字の色を強制的にかえる*/
}

.sidelong__img {/*アイキャッチのサイズ*/
    width: 100px;/*横幅*/
    height: 100px;/*縦幅*/
}
.sidelong__article {/*カード部分*/
    margin-bottom:0;/*変更*//*外側の下余白*/
    border-bottom: 1px solid rgba(66,66,66,0.15);/*下線*/
}
.sidelong.cf .sidelong__article:first-child {/*変更*//*記事全体*/
    border-top: 1px solid rgba(66,66,66,0.15);/*上の線*/
}
.sidelong time {
    display: block;
    color: rgba(66,66,66,0.38);
    font-size: 13px;
    font-weight: 500;
    margin: 0;
}



.btn1{
    display: inline-block;
    text-decoration: none;
    background: #4b5f65;
    color: #FFF;
    width: 120px;
    height: 100px;
    line-height: 120px;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
    overflow: hidden;
    box-shadow: 0px 0px 0px 5px #4b5f65;
    border: dashed 1px #FFF;
    transition: .4s;
}

.btn1:hover{
    background: #50684d;
     box-shadow: 0px 0px 0px 5px #50684d;
}

/*--------------------------------------
  目次　変更
--------------------------------------*/
#toc_container {/*目次全体*/
    margin: 0 0 2em 0;/*外側の余白設定*/
    padding: 0;/*内側の余白を0に*/
    border-color: #352e2b8a!important;/*枠線の色*/
    border: solid 2px;/*枠線の種類と幅*/
    border-top: none;/*上線削除*/
    border-radius: 3px;/*角をちょっとだけ丸く*/
    background: #e3e6e10d;/*背景色*/
    box-shadow: none;/*影を削除*/
}
div#toc_container .toc_list:after {/*右下のアイコン*/
    content: "\f1b0";/*アイコンの書類*/
    position: absolute;/*自由に羽ばたけるように*/
    font-family: FontAwesome;
    bottom: -20px;/*下方向の位置調整*/
    right: 5%;/*右方向の位置調整*/
    font-size: 5em;/*アイコンの大きさ*/
    opacity: 0.1;/*透明度*/
}
#toc_container .toc_title {/*目次のタイトル*/
    display: block;/*段落に*/
    margin: 0;/*外側の余白を削除*/
    padding: 0;/*内側の余白を削除*/
    font-size: 18px;/*文字の大きさ*/
    line-height: 42px;/*行の高さ*/
    font-weight: bold;/*太文字*/
	background: #3d445d!important;
/*     background: #352e2b8a; */
	/*背景色*/
    text-align: center;/*中央揃え*/
    color: white!important;/*文字の色*/
}
#toc_container .toc_title:before {/*タイトル前のアイコン*/
    display: none;/*消し消し*/
}

#toc_container .toc_list {/*目次のコンテンツ*/
    margin: 0;/*外側の余白削除*/
    color: #3d445d;/*文字の色*/
    padding: 1em 6% 1em 10%;/*内側の余白調整*/
    position: relative;/*基準に設定*/
}
#toc_container .toc_list li a {/*アンカーリンクの設定*/
    color: #3d445d;/*文字色*/
    display: block;/*横いっぱいまでリンクにする*/
}
#toc_container .toc_list li a:hover {/*マウスホバーしたとき*/
    text-decoration: none;/*下線を表示しない*/
    opacity: .5;/*うっすら透明に*/
}
#toc_container ul {/*箇条書き*/
    list-style-type: decimal;/*番号に変更*/
    color: #3d445d!important;/*文字の色*/
}
@media only screen and (min-width: 481px){/*PC表示*/
#toc_container {
    padding: 0;/*内側の余白を削除*/
}}

.box29 {
    padding: 37px 15px 15px;
    background: #fff;
	border: solid 2px #f0b253;
}
.box29 .box-title {
    top: 8px;
    left: 5px;
    background: transparent;
    color: #f0b253;
}
.box29 .box-title:before {
    display: inline-block;
    padding-right: 0px;
    margin-right: 5px;
    background: #f0b253;
    color: white;
    font-weight: 500;
    width: 25px;
    height: 25px;
    border-radius: 20px;
    text-align: center;
}

/*--------------------------------------
  ヘッダーお知らせ欄
--------------------------------------*/
.header-info a {
	font-size: 13px;
	font-weight: 600;
}

/* .header-info a { */
	/*お知らせ欄全体*/
/*     padding: 5px; */
	/*内側の余白　上下左右*/
/*     font-size: 13px; */
	/*文字の大きさ*/
/* } */
/* .header-info a:after { */
	/*後ろにぶち込む*/
/* 	  display: block; */
	/*改行されるように*/
/*     width: 15%; */
	/*ボタンっぽいやつの横幅*/
/* 	margin: 0 auto; */
	/*中央寄せ*/
/* 	content: "購読する"; */
	/*PCでのセリフ*/
/*     font-weight: 450; */
	/*文字の太さ*/
/*     border: 1px solid #473934; */
	/*枠線*/
/*     border-radius: 5px; */
	/*角丸*/
/*     padding: 1px 10px; */
	/*内側の余白*/
/* 	background: #473934; */
	/*ボタン内側色*/
/* 	color: #FFF */
		/*文字色*/
    
/* } */
/* @media screen and (max-width: 500px){ */
	/*スマホ表示*/
/* .header-info a:after {
    display: block; */
	/*改行されるように*/
/*     width: 60%; */
	/*ボタンっぽいやつの横幅*/
/* 	content: "購読する！" ; */
	/*スマホでのセリフ*/
/*     margin: 0 auto; */
	/*中央寄せ*/
/*     font-size: .9em; */
	/*文字のサイズ*/
/* }} */


/*--------------------------------------
メモボックスのコード
--------------------------------------*/

.memo {
    background: #c7b5a8;
}
.memo_ttl {
    color: #352e2b;
}
.memo_ttl:before {
    background: #352e2b;
}
/*--------------------------------
　ボックス＋アイコン（オリジナル）
---------------------------------*/
/* Note（灰色背景） */
.memo.note {
  background: #e3e6e1;
}
.memo.note .memo_ttl {
  color: #a4a2a4;
}
.memo.note .memo_ttl:before {
  background: #a4a2a4;
  font-family:"FontAwesome";	
  content: "\f02d";
}
/* Sefe（水色背景） */
.memo.safe {
  background: #b7c6c7;
}
.memo.safe .memo_ttl {
  color: #4b5f65;
}
.memo.safe .memo_ttl:before {
  background: #4b5f65;
	  font-family:"FontAwesome";	
  content: "\f25a";
}

/* alert（背景） */
.memo.alert {
  background: #dc9b93b3;
}
.memo.alert .memo_ttl {
  color: #b71939;
}
.memo.alert .memo_ttl:before {
  background: #b71939;
  font-family:"FontAwesome";	
  content: "\f071";
}

/* break（背景） */
.memo.break {
  background: #c1996959;
}
.memo.break .memo_ttl {
  color: #a73d2a;
}
.memo.break .memo_ttl:before {
  background: #a73d2a;
  font-family:"FontAwesome";	
  content: "\f171";
}
/* good（背景） */
.memo.good {
  background: #c39eab;
}
.memo.good .memo_ttl {
  color: #5b0024;
}
.memo.good .memo_ttl:before {
  background: #5b0024;
  font-family:"FontAwesome";	
  content: "\f164";
}
/*--------------------------------------
  記事下のカテゴリーとタグ部分
--------------------------------------*/
.footer-meta {/*カテゴリーとタグを含めた全体*/
    padding: 10px 5% 10px;/*内側の余白*/
    font-size: .9em;/*文字の大きさ*/
    font-weight: 500;/*文字の太さ*/
    background: #e3e6e159;/*背景色*/
    margin-bottom: 15px;/*外側下の余白*/
}
.footer-meta_title {/*CATEGORYとTAG部分*/
    display: inline-block;/*幅と高さを調整できるように*/
    width: 100px;/*幅*/
    padding-right: 0px;/*内側右の余白を削除*/
    background: 
linear-gradient(to right,#f1f8f759, #a0a4bc59);/*背景色*/
    text-align: center;/*中央揃え*/
    margin-right: 5px;/*外側右の余白*/
}
.meta-tag {/*TAG部分のみの設定*/
    margin-top: 8px;/*外側上の余白*/
}
@media only screen and (min-width: 768px){/*PCでの設定*/
.meta-tag {/*TAG部分のみの設定*/
    margin-top: 0px;/*外側上の余白*/
    display: inline-block;/*幅と高さを調整できるように*/
    margin-left: 20px;/*外側左の余白*/
}}


/*お知らせ欄☆を降らせる*/
/* .star {
    color: star;
	fstaont-size: 16px;
    position: absolute;
    top: 0%;
    text-shadow: 5vw -100px 2px, 10vw 10px 3px, 20vw -30px 4px, 30vw -70px 1px, 39vw -150px 2px, 42vw -250px 5px, 56vw -150px 2px, 63vw -180px 0, 78vw 20px 4px, 86vw -10px 9px, 94vw -50px 7px;
    animation: anim 4s linear infinite;
}
@keyframes anim {
  100% {
    color: transparent;
    top: 70%;
}}
.header-info a {
    animation: none;
} */



/*--------------------------------------
  参考リンク
--------------------------------------*/
.reference {/*全体*/
    width: 100%; max-width:700px;/*横幅*/
    background: #fff;/*背景色*/
    box-shadow: none;/*影なし*/
    border: 2px solid rgba(66,66,66,0.1);/*枠線*/
    padding: 6px;/*内側の余白*/
    position: relative;/*移動の基準*/
}
.reference:before {/*新しくタブで開く部分*/
    content: "新しいタブで開く";
    color: rgba(66,66,66,0.54);/*文字の色*/
    position: absolute;/*自由に移動*/
    right: 10px;/*右側からの距離*/
    font-size: 12px;/*文字のサイズ*/
    bottom: 6px;/*下からの距離*/
    display: inline-block;/*高さや幅が調整可能*/
    background: rgba(66,66,66,0.1);/*背景色*/
    padding: 2px 25px 2px 10px;/*内側の余白*/
    border-radius: 15px;/*角丸*/
}
.reference:after {/*リンクのアイコン部分*/
    content: "\f08e" ;/*アイコン*/
    font-family: FontAwesome;
    color: #352e2b;/*文字色*/
    position: absolute;/*自由に動けるように*/
    right: 17px;/*右からの距離*/
    font-size: 14px;/*アイコンの大きさ*/
    bottom: 6px;/*下からの距離*/
}
.reference .refttl {/*参考とアイコン部分*/
    width: 89px;/*横幅*/
    border-right: none;/*右線を削除*/
    background: rgba(66,66,66,0.2);/*バックのグランドやで*/
    padding: 13px;/*内側の余白（上下左右）*/
}
.reference .refcite {/*記事タイトル部分*/
    padding-left: 15px;/*内側左の余白*/
    line-height: 1.8;/*行の高さ*/
}
.reference .refcite span {/*サイト名部分*/
    color: rgba(66,66,66,0.38);/*文字色*/
    font-size: .95em;/*文字の大きさ*/
}
@media screen and (max-width: 500px){/*スマホ表示の設定*/
.reference {
    width: 100%;
}

.reference .refcite {
    padding-left: 10px;
    font-size: .8em;
    padding-bottom: 25px;
}}
.reference:hover {
    box-shadow: none;
    color: rgba(66,66,66,0.87);
    background: rgba(66,66,66,0.07);
}
/*--------------------------------------
 りんごさんver 　以下を変更
--------------------------------------*/
.reference:before {
    background: #c7b5a8;
}
.reference .refttl:before {
    color: #352e2b;
}
.reference .refttl {
    background: #c7b5a8;
}

/*ボタンアイコン付き*/
.btn-c2{
    position: relative;
}
.btn-c2 a{
    display: inline-block;
    width: 100%;
    margin: 1.5em 0;
    border-radius: 3px;
    background: #352e2b;
    color: #fff;
    padding: .5em 70px;
    font-size: 1.3em;
    font-weight: bold;
    text-decoration: none;
}
.btn-c2 a:hover{
    text-decoration: none;
    background: #4f2e2b;
}
.btn-c2:before {
    content: "\f07a";
    font-family: "FontAwesome";
    position: absolute;
    top: 32%;
    left: 15px;
    font-size: 1.5em;
    background: #fff;
    color: #352e2b;
    width: 45px;
    height: 45px;
    border-radius: 50%;
}

/*amazon用ボタン*/
.btn-c10-hun{
    position: relative;
}
.btn-c10-hun a{
    display: inline-block;
    width: 100%;
    margin: 1.5em 0;
    border-radius: 3px;
    padding: .5em 70px;
    font-size: 1.3em;
    font-weight: bold;
    text-decoration: none;
    background: none;
    color: #ae465d;
    box-shadow: 0 0 0 3px #ae465d inset;
}
.btn-c10-hun a:hover{
    text-decoration: none;
    background: #ae465d;
    color: #fff;
}
.btn-c10-hun:before {
    content: "\f07a";
    font-family: "FontAwesome";
    position: absolute;
    top: 32%;
    left: 15px;
    font-size: 1.5em;
    background: #fff;
    color: #ae465d;
    width: 45px;
    height: 45px;
    border-radius: 50%;
}

/*ボタンの上下に文字*/
.abtn-mc1 a {
    display: inline-block;
    width: 100%;
    margin: 0;
    border-radius: 3px;
    background: #ef5350;
    color: #fff;
    font-size: 1.0em;
    font-weight: 500;
    line-height: 44px;
    text-decoration: none;
    box-shadow: 0 2px 3px rgba(0,0,0,.2), 0 2px 3px -2px rgba(0,0,0,.15);
}
.abtn-mc1 a:after {
    content: "\f138";
    font-family: "font awesome 5 free";
    font-weight: 900;
    margin-left: 15px;
}
.abtn-mc1 a:hover{
    text-decoration: none;
    box-shadow: 0 13px 20px -3px rgba(0,0,0,.24);
    -webkit-tap-highlight-color: transparent;
}
.abtn-mc1 img{
	display: block;
}
p.abtn-mc1-top-text {
    font-weight: bold;
    margin-bottom: 3px;
}
p.abtn-mc1-under-text {
    font-size: .8em;
    margin-top: 3px;
}

/*--------------------------------------
  マイクロコピー付き　ボタン2　横に文字ボタン
--------------------------------------*/
.abtn-mc2{
    margin: .3em 0 -1.5em 0;
    display: inline-block;
    vertical-align: top;
}
.abtn-mc2 a{
    display: inline-block;
    margin: 0;
    border-radius: 3px;
    background: #AE465d;
    color: #fff;
    padding: .2em 2em;
    font-size: 1.3em;
    font-weight: bold;
    text-decoration: none;
    box-shadow: 0 2px 3px rgba(0,0,0,.2), 0 2px 3px -2px rgba(0,0,0,.15);
}
.abtn-mc2 a:after{
    content: "\f0a4";
    font-family:"FontAwesome";
    margin-left: 20px;
}
.abtn-mc2 a:hover{
    text-decoration: none;
    box-shadow: 0 13px 20px -3px rgba(0,0,0,.24);
    -webkit-tap-highlight-color: transparent;
}
.abtn-mc2-text{
    display: inline-block;
    font-size: 14px;
    text-align: left;
}
.abtn-mc2-text p{
    margin:2px 0;
    padding-left: 10px;
}
.abtn-mc2-text p:before{
    content: "\f1b0";
    font-family:"FontAwesome";
    margin-right: 8px;
}

/*--------------------------------------
マイクロコピー付き　ボタン3 ボタン横に吹き出し
--------------------------------------*/
.abtn-mc3{
    margin: .15em 0 -1.5em 15px;
    display: inline-block;
    vertical-align: top;
    width: 50%;
}
.abtn-mc3 a{
    display: inline-block;
    width: 100%;
    margin: 0;
    border-radius: 3px;
    background: #ae465d;
    color: #fff;
    padding: .4em 1.5em;
    font-size: 1.3em;
    font-weight: bold;
    text-decoration: none;
    box-shadow: 0 2px 3px rgba(0,0,0,.2), 0 2px 3px -2px rgba(0,0,0,.15);
}
.abtn-mc3 a:after{
    content: "\f0a4";
    font-family:"FontAwesome";
    margin-left: 20px;
}
.abtn-mc3 a:hover{
    text-decoration: none;
    box-shadow: 0 13px 20px -3px rgba(0,0,0,.24);
    -webkit-tap-highlight-color: transparent;
}
.abtn-huki {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    border: solid 1px #c7b5a8;
    border-radius: 10px;
    padding: .5em 1.5em;
}
.abtn-huki p{
    margin-bottom: 0;
    line-height: 1.3;
}
.abtn-huki:before{
    content: "";
    position: absolute;
    top: 18px;
    left: 100%;
    border: 13px solid transparent;
    border-left: 17px solid #c7b5a8;
}
.abtn-huki:after {
    content: '';
    position: absolute;
    top: 19px;
    left: 100%;
    border: 12px solid transparent;
    border-left: 16px solid white;
}
@media screen and (max-width: 500px){
.abtn-huki:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 55px;
    border: 13px solid transparent;
    border-top: 17px solid #c7b5a8;
}
.abtn-huki:after {
    content: '';
    position: absolute;
    top: 100%;
    left: 56px;
    border: 12px solid transparent;
    border-top: 16px solid white;
}
.abtn-mc3{
    width: 100%;
    margin-left: 0px!important;
}}


/* 引用ラベル */
.sankou {
    position: relative;
    margin: 0 10px 0 3px;
    padding: 3px 5px;
    color: #ffffff;
    background: #352e2b;
    font-weight: bold;
    font-size: 0.7em;
}
.sankou:before{
    margin: 0 3px 0 0;
    content: \f1b0;
    font-family: FontAwesome;
    color: #ffffff;
}
/*--------------------------------------
  キャプションを変更
--------------------------------------*/
.entry-content .wp-caption {
max-width: 100%;/*画像の幅をいっぱいに*/
margin: 0;/*外側の余白なし*/
padding: 0;/*内側の余白なし*/
border: none; /* 枠線を消す */
}
.entry-content .wp-caption p.wp-caption-text {
margin-top: 0.2em; /* 画像との余白 */
font-size: .7em; /* キャプションの文字の大きさ */
text-align: right; /* 右揃え */
}
/*--------------------------------------
記事カードに余白を追加
--------------------------------------*/
.cardtype__img img {/*カード記事の画像*/
    padding: .45em .45em 0 .45em;/*上　右　下　左の余白*/
}
/*-----こちらはお好みで-----*/
.osusume-card .cardtype__link {/*カード記事全体に対して*/
    padding-bottom: 15px;/*下の余白(内側)*/
    text-align: center;/*文字中央揃え*/
}
/*--------------------------------------
NEW部分の位置調整（記事カード余白追加用）
--------------------------------------*/
.newmark {/*NEWの部分*/
    right: 1.05em;/*右からの距離*/
    top: 1.05em;/*上からの距離*/
}

/*--------------------------------------
  関連記事(横長)
--------------------------------------*/
.linkto {/*全体*/
    position: relative;/*疑似要素の基準に*/
    max-width: 800px;/*最大の横幅*/
}
.linkto:before {/*疑似要素（前）*/
    position: absolute;/*基準を元に*/
    content: "関連";/*挿入する文字*/
    top: 10px;/*上からの位置*/
    left: 125px;/*左からの位置*/
    display: inline-block;/*縦横設定できるように*/
    width: 47px;/*横幅*/
    height: 27px;/*縦幅*/
    text-align: center;/*中央揃え*/
    vertical-align: middle;/*縦の中央揃え*/
/*     background: #ae465d; */
/* 	 background: #778899; */
/* 	background: #A0A4BC; */
		background: #747f94;
	/*背景色*/
    font-size: 14px;/*文字の大きさ*/
    line-height: 28px;/*行の高さ*/
    color: #fff;/*文字色*/
    letter-spacing: 3px;/*文字間隔*/
    padding-left: 3px;/*内側の余白*/
    border-radius: 2px;/*角丸*/
}
.linkto:after {/*疑似要素（後）*/
    position: absolute;/*基準を元に*/
    display: flex;/*中の要素を動かせるように*/
    height: 100%;/*背景の高さ*/
    padding: 0px 15px;/*内側の余白（左右15px）*/
    content: "\f1b0";/*アイコン*/
    font-family: "Font Awesome 5 Free";/*アイコンを表示できるように*/
    top: 0px;/*上からの位置*/
    right: 0px;/*右からの位置*/
    font-size: 2.8em;/*フォントサイズ*/
    color: #fff;/*文字色*/
/*       background: -moz-linear-gradient(#f1f8f7, #eed4af);
      background: -webkit-linear-gradient(#f1f8f7, #eed4af);
      background: linear-gradient(to right, #f1f8f7, #eed4af); */
	      background: -moz-linear-gradient(#dedee6, #a0a4bc);
      background: -webkit-linear-gradient(#dedee6, #a0a4bc);
      background: linear-gradient(to right, #dedee6, #a0a4bc);
    align-items: center;/*中央揃え*/
}
.linkto .tbtext {/*テキスト部分*/
    padding: 30px 62px 0px 10px;/*内側の余白（上右下左）*/
    vertical-align: top;/*上揃えに*/
    font-size: .85em;/*文字の大きさ*/
}
@media only screen and (max-width: 800px){
	.linkto .tbtext {
		font-size: .75em;
	}
	.prev-next__text {
		font-size: .8em;
	}
}

/* = Selected Text----------------------------------------------- */
::selection {
    background:#c7b5a8; /* Safari */
}
::-moz-selection {
    background:#c7b5a8; /* Firefox */
}

/*ウィジットのアイコン変更MENU*/
.sidebar #custom_html-4 .widgettitle:before {
    content: "\f02d";
}

/*ウィジットのアイコン変更aboutme*/
.sidebar #custom_html-2 .widgettitle:before {
    content: "\f1b0";
}

/*注釈ふきだしカスタマイズ用*/
.points.p-custom {background: #94857b;/*吹き出しの色*/}
.points.p-custom:before{border-top: 10px solid #94857b;
	/*#c6bdb8;吹き出しの色*/
}

/*吹き出しつきリスト*/
.kanren.p-custom{border: 2px solid #687b2d;/*枠線の色*/}
.kanren.p-custom:before{background-color: #687b2d;/*吹き出しの色*/}
.kanren.p-custom:after{border-top: 12px solid #687b2d;/*吹き出しの色*/}
.kanren.p-custom ul li:before {color: #687b2d;/*吹き出しの色*/}

/*--------------------------------------
  フォローボックスの背景をグラデーションに変更
--------------------------------------*/
.normal-sns.sns-dif ul {
    background: linear-gradient(to right,#f1f8f740, #eed4af40);
}
.sns-dif + .like_box {
    padding-top: 12px;
    background: linear-gradient(to right,#dedee640, #a0a4bc40);
}

/* ラベル */
.sankou {
    position: relative;
    margin: 0 10px 0 3px;
    padding: 3px 5px;
    color: #ffffff;
    background: #352e2b;
    font-weight: bold;
    font-size: 0.7em;
}
.sankou:before{
    margin: 0 3px 0 0;
    content: \f00c;
    font-family: FontAwesome;
    color: #ffffff;
}

/*--------------------------------------
  フォローボックスの背景をグラデーションに変更
--------------------------------------*/
.normal-sns.sns-dif ul {
    background: linear-gradient(to right,#f1f8f7,#a0a4bc99);
}
.sns-dif + .like_box {
    padding-top: 12px;
    background: linear-gradient(to right,#f1f8f7,#a0a4bc99);
}
.like_box {
    background: linear-gradient(to right,#f1f8f7,#a0a4bc99);
}

/*目次の番号重複を消す*/
#toc_container ul.toc_list {
    list-style: none;
    padding-left: 1.5em;

}


/*--------------------------------------
  SNSシェアボタン　フラット化
--------------------------------------*/
.sns-dif ul {/*シェアボタンの全体*/
    background:transparent;;/*背景色削除*/
   
}
.sns-dif ul li a {/*SNSボタンの設定*/
    padding: 0;/*内側の余白削除*/
    box-shadow: none;/*影を削除*/
}
.tw a {/*Twitterの色*/
    background: #7dcdf7;
}
.fb a {/*Facebookの色*/
    background: #7c9dec;
}
.hatebu a {/*ハテブの色*/
    background: #7cb1ec;
}
.pkt a {/*ポケットの色*/
    background: #f99593;
}
.line a {/*LINEの色*/
    background: #8ed97a;
}
.tw a, .fb a, .hatebu a, .pkt a, .line a{
    color: white;/*文字色*/
}

/*--------------------------------------
SNSボタンカスタマイズ
--------------------------------------*/
/*-----ボタンが入る枠の設定です-----*/
.prof-sns{
    text-align: center;/*中央揃え*/
    padding-top: 5%;/*上の余白（内側）*/
    border-top: 2px dotted #42424220;/*上線 太さ 形状 色*/
    font-size: 0.6em;/*文字の大きさ*/
}
/*-----Twitter部分-----*/
.prof-sns .pf-tw {/*クラス名を指定*/
    display: inline-block;/*縦横を調整できるように*/
    width: 43%;/*ボタンの幅*/
    height: 60px;/*ボタンの高さ*/
    margin: 0% 1.5% 5%;/*余白（外側） 上0　左右1.5％　下5％*/
    padding-top: 6px;/*上の余白（内側）アイコンの位置調整用*/
    border-radius: 5px;/*ボタンを角丸にする*/
    text-align: center;/*ボタン内を中央揃えに*/
    letter-spacing: .05em;/*字間をちょい広く*/
    background: #1DA1F290;/*ボタンの背景*/
    color: #fff;/*文字の色*/
}
.pf-tw:hover{/*カーソルをのせたときの変化*/
    background: #1DA1F2;/*背景色*/
    text-decoration: none;/*文字の下線が出ないように*/
    transition: all ease-in-out .3s;/*ゆっくり変化していくように*/
}
/*-----プロフィール部分(instaに改変）-----*/
.prof-sns .Instagram {
    display: inline-block;
    width: 43%;
    height: 60px;
    margin: 0% 1.5% 5%;
    padding-top: 6px;
    border-radius: 5px;
    text-align: center;
    letter-spacing: .05em;
    background: linear-gradient(135deg, #427effcf 0%, #f13f79cf 70%) no-repeat;/*ここの色はお好きな色に*/
    color: #fff;
}
.Instagram:hover{
    background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;/*ここの色はお好きな色に*/
    text-decoration: none;
    transition: all ease-in-out .3s;
}

/*-----FEEDLY部分-----*/
.prof-sns .pf-fd {
    display: inline-block;
    width: 43%;
    height: 60px;
    margin: 0% 1.5% 5%;
    padding-top: 6px;
    border-radius: 5px;
    text-align: center;
    letter-spacing: .05em;
    background: #80CF93;/*ここの色はお好きな色に*/
    color: #fff;
}
.pf-fd:hover{
    background: #2BB24C;/*ここの色はお好きな色に*/
    text-decoration: none;
    transition: all ease-in-out .3s;
}
/*-----PUSH7部分-----*/
.prof-sns .pf-push {
    display: inline-block;
    width: 43%;
    height: 60px;
    margin: 0% 1.5% 5%;
    padding-top: 6px;
    border-radius: 5px;
    text-align: center;
    letter-spacing: .05em;
    background: #eecc75;/*ここの色はお好きな色に*/
    color: #fff;
}
.pf-push:hover{
    background: #ffb300;/*ここの色はお好きな色に*/
    text-decoration: none;
    transition: all ease-in-out .3s;
}


/*-----amazonほしいものリスト部分-----*/
.prof-sns .pf-amazon {
    display: inline-block;
    width: 43%;
    height: 60px;
    margin: 0% 1.5% 5%;
    padding-top: 6px;
    border-radius: 5px;
    text-align: center;
    letter-spacing: .05em;
    background: #474F59;/*ここの色はお好きな色に*/
    color: #fff;
}
.pf-amazon:hover{
    background: #232F3E;/*ここの色はお好きな色に*/
    text-decoration: none;
    transition: all ease-in-out .3s;
}
/*-----アイコンの大きさ調整-----*/
.prof-sns .fa-twitter,.prof-sns .fa-rss,.prof-sns .fa-amazon,.prof-sns .fa-instagram,.prof-sns .fa-rss,.prof-sns .fa-bolt {
    font-size: 3em;/*全部のアイコンの大きさ*/
}

/*--------------------------------------
  こじか吹き出し
--------------------------------------*/
.kjk_balloon figure img {/*アイコン部分*/
    border: solid 3px #eaedf240;/*線の種類・線の幅・線の色*/
}
.kb_text {/*文字*/
    color: #424242;/*文字の色*/
}
.kjk_balloon figure {/*アイコンの大きさ*/
    width: 80px;
    height: 80px;
}
.kb_line .kb_text {/*LINE風を修正（お好みで）*/
    max-width: 65%;/*幅調整*/
    padding: .5em 1em;/*内側の余白調整*/
    margin-top: 5px;/*位置調整*/
}
.kb_text.kb_right, .kb_text.kb_left {/*普通の吹き出しテキスト部分*/
    max-width: calc(100% - 100px);/*幅調整*/
}
@media only screen and (min-width: 768px){/*PCのとき*/
.kjk_balloon figure {/*アイコンの大きさ*/
    width: 110px;
    height: 110px;
}
.kb_text.kb_right, .kb_text.kb_left {/*普通の吹き出しテキスト部分*/
    max-width: calc(100% - 130px);/*幅調整*/
}}

/*ハンバーガーメニューのカスタマイズ*/

.bc-home {
    display: inherit;/*引き継ぐよ*/
    width: 90%;/*長さ*/
    height: 60px;/*高さ*/
    line-height: 60px;/*文字の高さ*/
    margin: 0 auto;/*中央揃え*/
    padding-right: 10px;/*内側右の余白*/
    border-radius: 5px;/*角丸*/
    text-align: center;/*文字中央揃え*/
    letter-spacing: .05em;/*文字の間隔*/
    background: #352e2bde;/*背景色*/
    color: white;/*文字の色*/
}
.bc-home .fa {/*アイコーン*/
    vertical-align: -11%;/*縦方向の位置調整*/
    padding-right: 10px;/*右側の余白*/
}
#drawer__content .prof-sns {
    padding-top: 5px;/*内側上の余白を削除*/
    border-top: none;/*上の点線を削除*/
	background-color: transparent;
}
#drawer__content .widgettitle {
    background-color: #999;/*背景色*/
    text-align: center;/*文字の中央ゾ揃え*/
    border-radius: 30px 30px 0 0;/*上だけ角丸*/
    margin: 0 auto;/*見出しを中央に表示*/
    width: 90%;/*長さ*/
}

/*--------------------------------------
  ナビドロワー部分のSNSボタン
--------------------------------------*/
.kjk_sng_sharebox{/*全体*/
    padding: 0 17px;/*左右に余白*/
}
.kjk_sng_sharebox .pkt {/*いらないボタンの非表示*/
    display: none;/*隠れ身の術だってばよ*/
}
.kjk_sng_sharebox .sns-btn ul{/*ボタンの全体*/
    margin-top: 0; /*外側上の余白を0に*/
    display: flex;/*キレイに横並びにする*/
    -webkit-flex-flow: wrap;
    flex-direction: row;
    justify-content: space-between;
}
.kjk_sng_sharebox .share_txt{/*文字*/
    display: none;/*非表示*/
}
.kjk_sng_sharebox .sns-btn__item a {/*ボタン*/
    width: 62px;/*幅*/
    height: 62px;/*高さ*/
    margin: 0;/*外側の余白0*/
    padding: 3.5px 0;/*内側の余白（上下）*/
    border: 2px solid;/*枠線*/
    border-radius: 10px;/*枠線を角丸に*/
}


/*--------------------------------------
  モバイル用フッター固定メニュー
--------------------------------------*/

.fixed-menu ul {/*メニュー部分*/
    width: 64px;/*幅調整*/
    padding: 0.2em 1.1em;/*内側の余白設定*/
    right: 20px;/*位置調整（右からの距離）*/
    left: auto;/*位置調整（左からの距離）*/
    bottom: 10px;/*位置調整（下からの距離）*/
    border-radius: 50%;/*円にする*/
    background: #747F94!important;/*背景色（強制）*/
}
.fixed-menu a {/*メニューの文字*/
    color: #fff!important;/*文字の色（強制）*/
}
.fixed-menu ~ .totop {/*上に戻るボタンの位置*/
    bottom: 80px;
    right: 19px;/*位置調整（下からの距離）*/
}
.totop {/*上に戻るボタン*/
    background: #fff!important;/*背景色（強制）*/
    border: 2px solid #352e2b;/*枠線*/
    width: 66px;/*幅調整*/
    height: 66px;/*高さ調整*/
}
.totop .fa {/*上に戻るボタンのアイコン*/
    line-height: 58px;/*行の高さ*/
    font-size: 1.15em;/*アイコンの大きさ*/
    color: #352e2b;/*アイコンの色*/
}
.fixed-menu {/*フッターメニューの余白設定*/
    margin-bottom: 0;/*下の余分な余白を削除*/
}


/*----------------------------
  目次へGOボタン
----------------------------*/
.mkj-go {/*PCでは非表示*/
  display: none;
}
@media only screen and (max-width: 480px){/*スマホ表示の設定*/
.post-thumbnail img {/*アイキャッチ非表示*/
/*     display: none;非表示 */
}
.entry-meta {/*線のところ*/
    padding-bottom: 10px;/*内側下方向の余白*/
    border-bottom: 4px dotted #f4f4f4;/*下線*/
}
.entry-content {/*記事エリア全体*/
    padding: 10px 15px 0;/*内側の余白微調整*/
    position: relative;/*基準に設定*/
}
.mkj-go {/*目次へGOボタン*/
    display: inline-block;/*縦横を調整できるように*/
    position: absolute;/*自由に動けるように*/
    right: 10px;/*右からの位置*/
    top: -50px;/*上からの位置*/
}
.mkj-go a {/*目次へGOのリンク部分*/
    display: inline-block;/*縦横を調整できるように*/
    width: 110px;/*横幅*/
    background: #f4f4f5;/*背景色*/
    text-align: center;/*中央表示*/
    border-radius: 20px;/*角を丸く*/
    line-height: 30px;/*文字の高さ*/
    color: #352e2b;/*文字の色*/
    font-size: .9em;/*文字の大きさ*/
}
.mkj-go a:after {/*後ろのアイコン*/
    content: "\f1d8";
    font-family: FontAwesome;
    margin-left: 7px;
}}


/*--------------------------------------
  目次　変更
--------------------------------------*/
#toc_container {/*目次全体*/
    margin: 0 0 2em 0;/*外側の余白*/
    padding: 0;/*内側の余白*/
    border-color: #352e2b!important;/*枠線の色*/
    border: solid 2px;/*枠線の幅と種類*/
    border-top: none;/*上線は削除*/
    border-radius: 3px;/*角丸*/
    background: #e3e6e10d;/*背景色*/
    box-shadow: none;/*影を削除*/
}
div#toc_container .toc_list:after {/*亀さん挿入*/
    content: url(https://yukichino-susume.com/wp-content/uploads/2018/12/C21C3312-AF68-4DF4-B57A-59B6CE437BC8.png);/*挿入する画像*/
    position: absolute;/*自由に動けるように*/
    bottom: -60px;/*基準点から下に*/
    right: -150px;/*基準点から右に*/
    opacity: 0.3;/*透明度30％*/
transform: scale(0.35);
}
@media only screen and (max-device-width: 500px) /*以下スマホ表示↓*/
{
#toc_container {/*目次全体*/
    margin: 0 0 2em 0;/*外側の余白*/
    padding: 0;/*内側の余白*/
    border-color: #352e2b!important;/*枠線の色*/
    border: solid 2px;/*枠線の幅と種類*/
    border-top: none;/*上線は削除*/
    border-radius: 3px;/*角丸*/
    background: #e3e6e10d;/*背景色*/
    box-shadow: none;/*影を削除*/
}
div#toc_container .toc_list:after {/*亀さん挿入*/
    content: url(https://yukichino-susume.com/wp-content/uploads/2018/12/C21C3312-AF68-4DF4-B57A-59B6CE437BC8.png);/*挿入する画像*/
    position: absolute;/*自由に動けるように*/
    bottom: -70px;/*基準点から下に*/
    right: -180px;/*基準点から右に*/
    opacity: 0.4;/*透明度30％*/
transform: scale(0.3);
	}}/*スマホ表示終了↑以下より目次変更のカスタマイズへ戻る*/

#toc_container .toc_title {/*目次のタイトル部分*/
    display: block;/*横幅いっぱいに*/
    margin: 0;/*外側の余白削除*/
    padding: 0;/*内側の余白削除*/
    font-size: 18px;/*文字の大きさ*/
    line-height: 42px;/*文字の高さ*/
    font-weight: bold;/*ふと文字*/
    background: #352e2b;/*背景色*/
    text-align: center;/*中央揃え*/
    color: white!important;/*文字の色*/
}
#toc_container .toc_title:before {/*タイトルの前のアイコン*/
    display: none;/*削除*/
}
#toc_container .toc_list {/*目次の内容部分*/
    margin: 0;/*外側の余白削除*/
    color: #424242;/*文字の色*/
    padding: 1em 6%;/*内側の余白*/
	border: px solid #3d445d;
}
#toc_container .toc_list li a:hover {/*マウスホバーしたとき*/
    text-decoration: none;/*下線表示を削除*/
    opacity: .5;/*半透明に*/
}
#toc_container ul {/*箇条書き*/
    list-style-type: none;/*箇条書きの印を削除*/
    color: #424242!important;/*文字の色*/
}
#toc_container .toc_list li ul {
    padding-left: 20px;/*左側の余白*/
}
#toc_container .toc_list li a {/*文字部分*/
    display: inline-block;
	/*大きさを調整できるように*/
    line-height: 2;/*文字の高さ*/
    width: 100%;/*幅は100%*/
/*     padding: 5px 0 2px 32px; */
	    padding: 5px 0 2px 0px;
	/*内側の余白*/
/*     text-indent: -32px; */
	/*二列目一歩後退*/
}
#entry .toc_number {/*番号振りの部分*/
    display: inline-block;/*大きさを調整できるように*/
    width: 40px;/*幅*/
    height: 28px;/*高さ*/
    border-radius: 50%;/*丸く*/
    background: #352e2b;/*背景色*/
    text-align: center;/*中央揃え*/
    line-height: 26px;/*文字の高さ*/
    vertical-align: middle;/*高さの中央揃え*/
    color: #ffffff;/*文字の色*/
    margin: 0 0 4px;/*外側の余白*/
    text-indent: 0;/*インデント*/
}
#entry ul.toc_list ul > li .toc_number {/*h3の番号振り設定*/
    background: none;/*背景色削除*/
    color: #352e2b;/*文字の色*/
}
::marker {

}
@media only screen and (min-width: 481px){/*PC表示*/
#toc_container {/*目次全体*/
    padding: 0;/*内側の余白*/
}}

/*肉球ボタン*/
.btn-c11{
    position: relative;
}
.btn-c11 a{
    display: inline-block;
    width: 100%;
    margin: 1.5em 0;
    border-radius: 3px;
    background: #ae465d;
    color: #fff;
    padding: .5em 70px;
    font-size: 1.3em;
    font-weight: bold;
    text-decoration: none;
}
.btn-c11 a:hover{
    text-decoration: none;
    background: none;
    color: #ae465d;
    box-shadow: 0 0 0 3px #ae465d inset;
}
.btn-c11:before {
    content: "\f1b0";
    font-family: "FontAwesome";
    position: absolute;
    top: 32%;
    left: 15px;
    font-size: 1.5em;
    background: #fff;
    color: #ae465d;
    width: 45px;
    height: 45px;
    border-radius: 50%;
	}
/*--------------------------------------
関連記事タイトルデザイン
--------------------------------------*/
#main .h-undeline { /* 関連記事タイトル */
    color: #352e2b; /* タイトルの文字色 */
    border-bottom: dotted 4px #b7c6c7; /* 下線 */
    letter-spacing: 0.2em; /* 字の幅 */
    margin: 0 0 .5em 0; /* 下の余白（外） */
    background-color: #fff; /* 背景色 */
    font-size: 1.7em; /* 文字の大きさ */
    padding: .2em 0; /* 上下の余白（中） */

}
/*
#main .h-undeline:after { 
/* タイトル前の画像 */
 /*   content: url(https://yukichino-susume.com/wp-content/uploads/2018/12/C21C3312-AF68-4DF4-B57A-59B6CE437BC8-2-1.svg);
    margin-right: -2em; 
}
*/
	/* タイトルとの距離調整 */
    /* display: inline-block; *//* SVG用　ディスプレイの設定 */
    /* width: px; *//* SVG用　画像の幅 */

/*

/*--------------------------------------
自作の吹き出し（2列用）
--------------------------------------*/
.box2 {
display: table-cell;
vertical-align: middle;
position: relative;
border: solid 4px #c7b5a8;
border-radius: 10px;
}
.box2:before {
border-right: 23px solid #c7b5a8;
border-bottom: 20px solid transparent;
border-top: 20px solid transparent;
top: 30%;
content: '';
position: absolute;
left: -23px;
}
.box2:after {
content: '';
position: absolute;
border-right: 24px solid white;
border-bottom: 20px solid transparent;
border-top: 20px solid transparent;
top: 30%;
left: -17px;
}
@media screen and (max-width: 500px){
.box2:before {
border-bottom: 20px solid #c7b5a8;
border-left: 30px solid transparent;
border-right: 30px solid transparent;
top: -40px;
content: '';
position: absolute;
left: 40%;
}
.box2:after {
border-bottom: 20px solid white;
border-left: 30px solid transparent;
border-right: 30px solid transparent;
top: -34.5px;
content: '';
position: absolute;
left: 40%;
}}
.shtb2 .cell {
vertical-align: middle;
}

/*指さしリスト緑の色を変更*/
.li-yubi ul {
    position: relative;
    padding: 1em .5em 1em 2.5em;
	border: double 4px #352e2b;}
.li-yubi li:before {
    position: absolute;
    left: 1em;
    color: #352e2b;
    font-family: FontAwesome;
    content: "\f0a4";
}
/*checkリストオレンジの色とアイコンを変更*/
.li-check ul {
    position: relative;
    padding: 1em .5em 1em 2.5em;
    border: double 4px #352e2b;
}
.li-check li:before {
    position: absolute;
    left: 1em;
    color: #871939;
    font-family: FontAwesome;
    content: "\f303";
}
/*肉球リスト色（ピンク）を変更*/
.li-niku ul {
    position: relative;
    padding: 1em .5em 1em 2.5em;
    border: solid 2px ;
    background: #dedee626;
	
	color: #3d445d;
}

	 .li-niku li:before {
    position: absolute;
    left: 1em;
    color: #a0a4bc;
    font-family: FontAwesome;
    content: "\f1b0";
}

/*box26,27の色変更*/
.box26 {
    margin: 2em 0;
    border: solid 3px #b7c6c7;
	border-radius: 8px;
}
.box26 .box-title {
    display: inline-block;
    position: relative;
    top: -14px;
    left: 10px;
    padding: 0 9px;
    margin: 0 7px;
    background: #fff;
    color: #b7c6c7;
    font-size: 19px;
    line-height: 1.4;
}
.box26 .box-title:before {
    padding-right: 4px;
    font-family: FontAwesome;
    content: "\f02d";
}
.box27 {
    margin: 2em 0;
    border: solid 3px #b71939;
	border-radius: 8px;
}
.box27 .box-title {
    display: inline-block;
    position: relative;
    top: -14px;
    left: 10px;
    padding: 0 9px;
    margin: 0 7px;
    background: #fff;
    color: #b71939;
    font-size: 19px;
    line-height: 1.4;	
}

/*--------------------------------------
 目次へGOボタン
--------------------------------------*/
.tomkj a {/*リンク部分の形を変えていくよ*/
    position: fixed;/*画面に固定して表示します*/
    bottom: 80px;/*画面下から80pxのところに表示*/
    right: 18px;/*画面右から10pxのところに表示*/
    height: 66px;/*こいつの高さ*/
    width: 68px;/*こいつの横幅*/
    text-align: center;/*文字は中央寄せ*/
    border-radius: 50%;/*円形にチェンジ*/
    z-index: 9;/*重なりの順番を指定*/
    opacity: 0.7;/*透明度は70%*/
    font-size: .9em;/*文字の大きさは少し小さく*/
}
.tomkj-c a {/*色んなカラー設定*/
    background: #352e2b;/*背景色*/
    color: #fff;/*文字色＆枠線の色*/
    border: #352e2b 2px solid;/*枠線の太さと種類*/
}
.tomkj a:hover {/*ホバー時*/
    text-decoration: none;/*下線を削除*/
}
.tomkj p {/*文字部分の設定　位置調整用*/
    margin-bottom: -18px;/*外側下の余白*/
    margin-top: 8px;/*外側上の余白*/
}
.tomkj p:last-child {/*GO部分の設定*/
    font-size: 1.4em;/*文字のサイズを大きく*/
}

◯ メリットのCSS
.meritto .box28 .box-title {
    background: #ffd1cc;
    line-height: 32px;
    padding: 5px 13px 3px;

}
.meritto .box28 .box-content {
    border-color: #ffd1cc;
    padding: .8em 1em;
}
.meritto .box28 .box-title:before {
    content: "\f599";
    font-family: "Font Awesome 5 Free";
    margin-right: 10px;
    font-size: 1.2em;
	background: #ffd1cc;
}
.meritto li:before {
    content: "\f164";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-left: -20px;
    margin-right: 10px;
    color: #ffd1cc;
}
.meritto li {
    padding: .7em 0;
}
.meritto ul {
    list-style: none;
}
.meritto .box28 .box-title {
    display: inline-block;
    line-height: 1.5;
    padding: 5px 9px 3px;
    border-radius: 5px 5px 0 0;
    background: #ffd1cc;
    color: #fff;
    font-size: 17px;
}


● デメリットのCSS
.demeritto .box28 .box-title {
    background: #b0c4de;
    line-height: 32px;
    padding: 5px 13px 3px;
}
.demeritto .box28 .box-content {
    border-color: #b0c4de;
    padding: .8em 1em;
}
.demeritto .box28 .box-title:before {
    content: "\f119";
    font-family: "Font Awesome 5 Free";
    margin-right: 10px;
    font-size: 1.2em;
	background: #b0c4de;

}
.demeritto li:before {
    content: "\f165";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-left: -20px;
    margin-right: 10px;
    color: #b0c4de;
}
.demeritto li {
    padding: .7em 0;
}
.demeritto ul {
    list-style: none;
}

.demeritto .box28 .box-title {
    display: inline-block;
    line-height: 1.5;
    padding: 5px 9px 3px;
    border-radius: 5px 5px 0 0;
    background: #b0c4de;
    color: #fff;
    font-size: 17px;
}

/*box31の変更*/

.box31 .box-title {
    line-height: 2.2;
    font-weight: 500;
    letter-spacing: 2px;
    margin-left: -10px;
    margin-right: -10px;
    margin-top: 0;
	  background: #352e2b;
}
.box31 {
    background: #c7b5a8;
    padding-top: 6px;
}
.box31 hr {
    margin: -20px 0 20px;
}

/*吹き出し右側の色変更*/
.right .sc {
    background: #c7b5a8bf;
    border: solid 1px #c7b5a866;
    color: #424242;
}

.right .sc:before, .right .sc:after {
    border-left-color: #c7b5a88c;
	
}
/*吹き出しの先の位置変え*/

.right .sc:before, .right .sc:after {
    right: -24px;
    left: auto;
}


/*筆者の詳細はコチラボタン*/

a.cp_btn {
position: relative;
display: block;
width: 250px;
padding: 0.5em;
text-align: center;
font-weight: bold;
text-decoration: none;
color: #FFF;
text-shadow: 0 0 5px rgba(255, 255, 255, 0.0);
/* background: #918879; */
	background: #3d445d;
transition: .4s;
border-radius: 4px;
}
a.cp_btn:hover {
text-shadow: -6px 0px 15px rgba(255, 255, 240, 0.83), 6px 0px 15px rgba(255, 255, 240, 0.83);
transition: .4s;
}

a.cp_btn1 {
position: relative;
display: block;
width: 250px;
padding: 0.5em;
text-align: center;
font-weight: bold;
text-decoration: none;
color: #FFF
text-shadow: 0 0 5px rgba(255, 255, 255, 0.0);
background: #c7b5a8;
transition: .4s;
border-radius: 4px;
}
a.cp_btn1:hover {
text-shadow: -6px 0px 15px rgba(255, 255, 240, 0.83), 6px 0px 15px rgba(255, 255, 240, 0.83);
transition: .4s;
}
.follow-insta {
    background: linear-gradient(45deg,#fad51f,#f95e5e 20%,#e83784 60%,#754ed5);
    height: 50px;
}

.fixed-menu ul {
  background: rgba(255, 255, 255, 0.6);
}

/*ヘッダーロゴ画像の高さを変更*/
#logo img {
	height: 170px;
}

/*ロゴ画像を横全体に表示*/
/* #inner-header, #drawer + #inner-header, #logo {
    width: 100%;
    max-width: 100%!important;
    margin: 0;
    padding: 0;
}
.header--center #logo img {
    padding: 0;
    height: auto;
    width: 100%;
}
.header--center #logo {
    padding: 0;
} */

/* @media only screen and (max-width: 600px) {
	.header--center #logo img {
    width: 70%;
}
}
.header--center #logo {
    padding: 0; */
/*     background: #94857b; */
}
/* 
@media only screen and (min-width: 1030px) {
    .single #logo img, .page #logo img {
        max-width: 92%;
    }
}

@media only screen and (min-width: 1240px) {
    .single #logo img, .page #logo img {
        max-width: 1180px;
    }
} */
/*END ロゴ画像を横いっぱいに*/


/*ヘッダーのリンク文字を小さくする（ホーム・問い合わせとか）*/
.header--center .desktop-nav li a {
    height: auto;
    padding: 15px 15px 15px;
    font-size: 15px;
    line-height: 1.5;
}

/*box20のドット線の色を変える*/
.box20:after {
	border-top: dotted 2.5px #473934;
    border-right: dotted 2.5px #473934;
    border-bottom: dotted 2.5px #473934;
}
.box20::before {
	border-top: dotted 2.5px #473934;
    border-left: dotted 2.5px #473934;
	border-bottom: dotted 2.5px #473934;
}

/*--------------------------------------
グレーの吹き出し
--------------------------------------*/
.gray-huki{
    display: inline-block;
    position: relative;
    padding: 0 25px;
    color: #cccfd7;
    font-size: 22px;
    font-weight: bold;
    line-height: 1;
    letter-spacing: 1px;
}
.gray-huki:before {
    left: 0;
    -webkit-transform: rotate(50deg);
    transform: rotate(50deg);
    display: inline-block;
    position: absolute;
    top: 50%;
    width: 20px;
    height: 3px;
    border-radius: 3px;
    background-color: #d8dae1;
    content: "";
}
.gray-huki:after {
    right: 0;
    -webkit-transform: rotate(-50deg);
    transform: rotate(-50deg);
    display: inline-block;
    position: absolute;
    top: 50%;
    width: 20px;
    height: 3px;
    border-radius: 3px;
    background-color: #d8dae1;
    content: "";
}

/* ------------------------------------- */
/*       かんたんリンク カスタマイズ     */
/* ------------------------------------- */

/* --------- 外枠 --------- */
div.easyLink-box {
    border:double #CCC !important; /* ２重線 */
    box-shadow: 2px 3px 9px -5px rgba(0,0,0,.25);
}

/* --- 商品リンク タイトル --- */
p.easyLink-info-name a {
    color: #3296d2 !important; /* 文字色 */
}

/* --------- ボタン色 --------- */
a.easyLink-info-btn-amazon {
    background: #f6a306 !important; /* 背景色 */
    border: 2px solid #f6a306 !important; /* 外枠 */
    box-shadow: 0px 3px 7px 0px rgba(0,0,0,.25); /* 影 */
}

a.easyLink-info-btn-rakuten {
    background: #cf4944 !important; /* 背景色 */
    border: 2px solid #cf4944 !important; /* 外枠 */
    box-shadow: 0px 3px 7px 0px rgba(0,0,0,.25); /* 影 */
}

a.easyLink-info-btn-yahoo {
    background: #51a7e8 !important; /* 背景色 */
    border: 2px solid #51a7e8 !important; /* 外枠 */
    box-shadow: 0px 3px 7px 0px rgba(0,0,0,.25); /* 影 */
}

/* --- マウスオーバー時のボタン色 --- */
a:hover.easyLink-info-btn-amazon {
    opacity: 1 !important; /* 透明度(1.0=不透明 0.0=完全透明) */
    background: #fff !important; /* 背景色 */
    color: #f6a306 !important; /* 文字色 */
}

a:hover.easyLink-info-btn-rakuten {
    opacity: 1 !important; /* 透明度(1.0=不透明 0.0=完全透明) */
    background: #fff !important; /* 背景色 */
    color: #cf4944 !important; /* 文字色 */
}

a:hover.easyLink-info-btn-yahoo {
    opacity: 1 !important; /* 透明度(1.0=不透明 0.0=完全透明) */
    background: #fff !important; /* 背景色 */
    color: #51a7e8 !important; /* 文字色 */
}

/* --- 最後のボタン下の空白を削除 --- */
div.easyLink-box div.easyLink-info p.easyLink-info-btn a:last-child {
    margin-bottom: 0 !important;
}

/* --- PC以外の時の設定 --- */
@media screen and (max-width: 703px) {
div.easyLink-box div.easyLink-img,
div.easyLink-box div.easyLink-img p.easyLink-img-box img.easyLink-img-pht {
    max-height: 180px !important; /* 商品画像の大きさを調整 */
}
}



/*--------------------------------------
固定トップページ用CSS
--------------------------------------*/
/*背景色・上部余白調整*/
.home #entry {
background:none;
}
.home .entry-content {
padding-top: 0;
}

/*新着記事用。トップに新着記事を載せない場合はなくても構いません。*/
@media only screen and (min-width: 481px) {
.catpost-cards .c_linkto {
width: 47%;
margin: 1em 0;
max-width: none;
}
}
.space-between {
justify-content: space-between;
}
.flex-wrap {
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.flex {
display: -webkit-flex;
display: -ms-flexbox;
display: -moz-box;
display: flex;
}

/*カテゴリ見出しカスタマイズ*/
#inner-content .entry-content h3.top-title {
border-left: none;
color: #000;
overflow: hidden;
text-align: center;
}
#inner-content .entry-content h3.top-title span {
position: relative;
display: inline-block;
margin: 0 2.5em;
padding: 0 1em;
text-align: left;
}
#inner-content .entry-content h3.top-title span:before,
#inner-content .entry-content h3.top-title span:after {
position: absolute;
top: 50%;
content: '';
width: 400%;
height: 1px;
background-color: #000;
}
#inner-content .entry-content h3.top-title span:before {
right: 100%;
}
#inner-content .entry-content h3.top-title span:after{
left: 100%;
}

/*トップページ記事カード用*/
.popular-posts .cardtype__article-info {
padding-top: 0.5em;
}
.popular-posts .cardtype__link {
padding-bottom: 10px;
}
.popular-posts.cardtype {
display: -webkit-flex;
display: -ms-flexbox;
display: -moz-box;
display: flex;
flex-direction: row;
-webkit-flex-direction: row;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.popular-posts .cardtype__article {
width: 48%;
margin: 0 0 25px;
}
.popular-posts .cardtype__article:nth-child(odd){
margin-right: 4%;
}
.popular-posts .cardtype__article p {
margin: 0; 
}
.popular-posts.cardtype h2 {
margin: 0 5px;
font-size: 15px;
color: inherit;
background: none;
}

/*画像のふちに余白*/
.c_linkto img,
.cardtype__img img {
padding: .45em .45em 0 .45em;
}

/*--------------------------------------END

/*--------------------------------------
  二文字背景丸
--------------------------------------*/
.maru2 {
    background: #b71939;/*背景色*/
    color: white;/*文字色*/
    border-radius: 30px;/*丸に*/
    display: inline-block;/*幅と高さを設定できるように*/
    font-size: 12px;/*文字サイズ*/
    width: 34px;/*幅*/
    line-height: 34px;/*行の高さ*/
    text-align: center;/*中央揃え*/
    margin-right: 10px;/*外側　右余白*/
}

/*吹き出し見出しのカスタマイズ*/
#inner-content .hh11 {
    position: relative;
    padding: .6em;
	background: #47393440;
}
#inner-content .hh11:after {
    position: absolute;
    top: 100%;
    left: 30px;
    width: 0;
    height: 0;
    border: 15px solid transparent;
    border-top: 15px solid #47393440;
    content: "";
}


/*-- Push7ボタン --*/
.push7 {
    text-align: center;/*ボタンを中央揃え*/
}

.push7 a {
    display:inline-block;/*横並びブロック形式*/
    background: #b71939;/*背景のグラデーション*/
    color: #fff;/*文字色*/
    padding: 6px 10px;/*リンク内の高さ・横幅*/
	width: 100%;
    font-weight: bold;/*リンク内文字を太字に*/
    font-size: 15px;/*リンク内文字サイズ*/
    text-decoration: none;/*リンク下線なし*/
    border-radius: 5px;/*リンク角の丸み*/
    box-shadow: 0px 5px 4px -2px #a0a0a0;/*影をつける*/
}

.push7:hover {/*マウスホバー時光る*/
text-shadow: -6px 0px 15px rgba(255, 255, 240, 0.83), 6px 0px 15px rgba(255, 255, 240, 0.83);
transition: .4s;
}
/*-- END --*/

/*最新記事はこちら！のボタン色*/
.accent-bc {
    background-color: #ef5350;
}


/*サムネ下のシェアボタンの色*/
.main-c{
border: solid 2px #3d445d;
}/*枠と線の色*/
.main-c, .has-sango-main-color {
    color: #a0a4bc;
}/*アイコンの色*/

/*--------------------------------------
  追尾型の目次をスクロールに変更
--------------------------------------*/
#fixed_sidebar .widget h4 + * {
max-height: 250px;/* 縦の幅 */
overflow-y: auto;
}

/*--------------------------------------
スクロールのデザインを変更
--------------------------------------*/
ul::-webkit-scrollbar{
  width: 10px;/* 横幅 */
}
ul::-webkit-scrollbar-track{
  background: #fff;/* トラックの背景 */
  border-radius: 0px;/* トラックの丸み */
  box-shadow: inset 0 0 1px #999; /* トラックの枠 */
}
ul::-webkit-scrollbar-thumb{
/*   background:#c7b5a8; */
	 background:#a0a4bc;
	/* バーの色 */
  border-radius: 0px;/* バーの丸み */
  box-shadow: none;/* バーの枠 */
}
/*--------------------------------------
スクロールのタイトルのデザインを変更
--------------------------------------*/
#fixed_sidebar .widgettitle{
    text-align: center;/* 中央揃え */
}
#fixed_sidebar .toc_widget .widgettitle:before {
    display: block;
    content: url(https://tsurebono-kyoudai.com/wp-content/uploads/2019/10/6dec13a6124a65f60db2cb39438013b3-e1571070963738.png);
    margin-bottom: -5px;/* 縦位置の調整 */
}

/*--------------------------------------
topページに謎に存在していた最近の記事のサイドバーを削除
--------------------------------------*/
.home #fixed_sidebar .widget {
    display: none;
}

/*--------------------------------------
  メリット・デメリット　BOX
--------------------------------------*/
.meritto, .demeritto {/*ブロックの枠*/
    position: relative;/*基準に設定*/
    padding: 0.8em 1em;/*内側の余白　上下0.8　左右1*/
    margin: 3em 0 2em;/*外側の余白　上3　左右0　下2*/
}
.meritto {/*メリットの枠線*/
    border: 3px solid #46bc63;
}
.demeritto {/*デメリットの枠線*/
    border: 3px solid #ff6e6e;
}
.meritto .box-title, .demeritto .box-title {/*タイトル部分*/
    position: absolute;/*基準をもとに自由に動かせるように*/
    top: -42px;/*上からの位置*/
    left: -3px;/*左からの位置*/
    color: white;/*文字色*/
    line-height: 32px;/*文字の高さ*/
    padding: 5px 13px 3px;/*内側の余白*/
    border-radius: 10px 10px 0 0;/*角丸　上2つだけ丸*/
}
.meritto .box-title {/*メリットのタイトル背景色*/
    background: #46bc63;
}
.demeritto .box-title {/*デメリットのタイトル背景色*/
    background: #ff6e6e;
}
.meritto .box-title:before, .demeritto .box-title:before {/*タイトルのアイコン*/
    margin-right: 10px;/*右側の余白*/
    font-size: 1.2em;/*アイコンの大きさ*/
}
.meritto .box-title:before {/*メリットのアイコン*/
    content: "\f599";
}
.demeritto .box-title:before {/*デメリットのアイコン*/
    content: "\f119";
}
.meritto ul, .demeritto ul {/*中の箇条書き*/
    list-style: none;/*●を消去*/
}
.meritto li, .demeritto li {/*中の箇条書きの中*/
    padding: .5em 0;/*上下の余白*/
}
.meritto li:before, .demeritto li:before {/*箇条書きの前にアイコン追加*/
    margin-left: -20px;/*左の余白*/
    margin-right: 10px;/*右の余白*/
}
.meritto li:before {/*メリットのアイコンと色*/
    content: "\f164";
    color: #46bc63;
}
.demeritto li:before {/*デメリットのアイコンと色*/
    content: "\f165";
    color: #ff6e6e;
}
.meritto li:before, .meritto .box-title:before, .demeritto li:before, .demeritto .box-title:before {/*アイコンの共通設定*/
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

/*--------------------------------------
  パンくずリスト　アイスクリームバージョン
--------------------------------------*/
#breadcrumb {
    font-size:16px;
    letter-spacing: .2em;
}
#breadcrumb li a, #breadcrumb li:after {
    color: #999;
}
#breadcrumb li:first-child a:before {
    padding-right: 5px;
    font-size: 1.4em;
    content: "\f810";
    vertical-align: -5%;
    color: #ACB6E5;
    background: linear-gradient(0deg,#e7a64c 0%,#e7a64c 48%,#72d4ae 48%,#72d4ae 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
#breadcrumb li:after {
    opacity:.54;
}
#breadcrumb li:last-child:after {
    display: none;
}
@media only screen and (max-width: 480px){
#breadcrumb {
    text-align: center;
}}


/*吹きだしの色変更*/

.points.p-red {
    background: #b71939;
}
.points.p-red:before {
    border-top: 10px solid #b71939;
}

/*--------------------------------------
  目が動く関連リンク
--------------------------------------*/
.kbox {/*関連リンクエリア全体*/
    position: relative;/*基準*/
    margin: 2em 0;/*外側の余白（上下）*/
    padding: 0 0 0 32px;/*内側の余白（左）*/
    line-height: 26px;/*行の高さ*/
}
.kbox:before, .kbox:after {/*目と顔の設定*/
    display: inline-block;/*幅と高さを設定する*/
    width: 26px;/*幅*/
    height: 26px;/*高さ*/
    position: absolute;/*自由に場所を動かせるように*/
    top: calc(50% - 13px);/*垂直方向に中央寄せ*/
    left: 0;/*左に寄せる*/
}
.kbox:before {/*顔のSVG*/
    content: url(https://tsurebono-kyoudai.com/wp-content/uploads/2020/08/kao.svg);/*顔の画像*/
}
.kbox:after {/*目のSVG*/
    content: url(https://tsurebono-kyoudai.com/wp-content/uploads/2020/08/me.svg);/*目の画像*/
    animation: eyemove 1.5s ease-in-out infinite;/*動く時間とアニメーション名の設定*/
}
.kbox .wp-block-group__inner-container {/*関連リンクエリアの中*/
    display: flex;/*魔法の設定*/
}
.kbox p {/*関連リンクエリア内の段落*/
    margin-bottom: 0;/*外側下の余白を0*/

}
.kbox-title {/*タイトル部分*/
    font-size: 0.85em;/*フォントサイズ*/
    background: #473934;/*背景色*/
    color: white;/*文字色*/
    padding: 0 6px;/*内側の余白（左右）*/
    border-radius: 4px;/*角丸*/
    display: flex;/*魔法の設定*/
    align-items: center;/*垂直方向の中央寄せ*/
}
.kbox-link {/*テキストリンク部分*/
    flex: 1;/*可変*/
    padding-left: 8px;/*左側の内側余白*/
}
@keyframes eyemove {/*目のアニメーション設定*/
50%{transform: translate(2px, 0px);}/*動く*/
100%{transform: translate(0px, 0px);}/*戻る*/
}
/*END*/

/*--------------------------------------ホワイトボード
--------------------------------------*/

.is-style-whiteboard1 {
	position: relative;
	max-width: 520px;
	margin: 0 auto 2em;
	padding: 2em 1.5em;
	border: 10px solid transparent;
	border-radius: 4px;
	background: linear-gradient(white, white), linear-gradient(#4d4d4d, #4d4d4d) no-repeat 100% 100% / 30px 30px, linear-gradient(#4d4d4d, #4d4d4d) no-repeat 0 100% / 30px 30px, linear-gradient(#4d4d4d, #4d4d4d) no-repeat 100% 0 / 30px 30px, linear-gradient(#4d4d4d, #4d4d4d) no-repeat 0 0 / 30px 30px, linear-gradient(#e6e6e6, #e6e6e6);
	background-clip: padding-box, border-box, border-box, border-box, border-box, border-box;
	background-origin: border-box;
}
.is-style-whiteboard1:before,
.is-style-whiteboard1:after ,
.is-style-whiteboard1 .wp-block-group__inner-container:before,
.is-style-whiteboard1 .wp-block-group__inner-container:after {
	display: inline-block;
	position: absolute;
	content: "";
}
.is-style-whiteboard1:before {
	right: 10px;
	bottom: 16px;
	width: 52px;
	height: 8px;
	border-radius: 2px 2px 0 0;
	background: #5a95f5;
}
.is-style-whiteboard1:after {
	right: 11px;
	bottom: 1px;
	width: 50px;
	height: 15px;
	border-radius: 0 0 4px 4px;
	background: #d2e2fc;
}
.is-style-whiteboard1 .wp-block-group__inner-container:before {
	right: 71px;
	bottom: 1px;
	width: 48px;
	height: 8px;
	background: linear-gradient(90deg, #ea4335 8%, #f2f2f2 8%, #f2f2f2 70%, #ea4335 70%);
}
.is-style-whiteboard1 .wp-block-group__inner-container:after {
	right: 98px;
	bottom: 9px;
	width: 48px;
	height: 8px;
	background: linear-gradient(90deg, #333 8%, #f2f2f2 calc(8% + 1px), #f2f2f2 70%, #333 calc(70% + 1px));
	transform: rotate(-20deg);
}
/*END*/

#ed_toolbar input{display: none!important;}

EDIT ON
/*------------------
GOOD/BAD List-box
------------------*/
.good li:before, .good .box-title:before, .bad li:before, .bad .box-title:before {
    font-family: "Font Awesome 5 Free";
}
/* BOX上下のスペースを調整 */
.good, .bad {
  margin: 16px 0 24px;
}
/* 枠線の色と形を変更 */
.good {
    border: 3px solid #56c95a;/* 枠線の色を変更 */
    border-radius: 8px;/* 枠の丸みを調整 */
}
.bad {
    border: 3px solid #ed8583;
    border-radius: 8px;
}
/* タイトル部分の調整 */
.good .box-title, .bad .box-title {
    display: inline-block;
    position: relative;
    border-radius: 8px 0 8px 0;
    color: #fff;
    font-size: 17px;
    line-height: 1.5;
    top: -1px;
    left: -1px;
    padding: 2px 9px;
}
/* タイトルのアイコンを調整 */
.good .box-title:before, .bad .box-title:before {
    margin-right: 10px;/
    font-size: 20px;/* アイコンの大きさを変更 */
}
/* タイトル部分の背景色を変更 */
.good .box-title {
    background: #56c95a;/* タイトル部分の色を変更 */
}
.bad .box-title {
    background: #ed8583;
}
/* タイトルのアイコンを変更 */
.good .box-title:before {
    content: "\f599";/* アイコンの種類を指定 */
}
.bad .box-title:before {
    content: "\f119";
}
/* ボックス内を調整 */
.good .box-content, .bad .box-content {
    padding: 10px;
}
/* リスト内を調整 */
.good ul, .bad ul {
    list-style: none;/* ドットを非表示にする */
    padding: 0 15px 0 40px;
}
/* 行間を調整 */
.good li, .bad li {
    padding: 5px 0;
}
/* 文言の調整 */
.good li:before, .bad li:before {
    margin-left: -20px;
    margin-right: 10px;
    font-size: 13px;
}
/* リストアイコンを変更 */
.good li:before {
    content: "\f164";/* アイコンの種類を指定 */
    color: #56c95a;/* アイコンの色を指定 */
}
.bad li:before {
    content: "\f165";
    color: #ed8583;
}

/*人気カテゴリー*/
ul.popcate{
    background:none!important;/*背景色が必要な場合はどうぞ*/
    padding:0px!important;
    border:none!important;
    display: -webkit-flex;
    display: flex;
    margin:0 auto 0.5em 0!important;
}
ul.popcate li{
    margin:0.5em;
    background:none!important;/*背景色が必要な場合はどうぞ*/
    border:none!important;
    list-style: none;
    flex-basis: 30%;
    text-align:center!important;
    letter-spacing:0.1em;
    font-weight: bold;
}

ul.popcate a{
    height:150px;
    width:100px!important;
    color:#333!important;
    font-size:70%;
}

ul.popcate a:hover{
    opacity: 0.5;
    background:none;/*背景色が必要な場合はどうぞ*/
}

ul.popcate img{
    object-fit: cover;
    height:100px;
    width:100%!important;
    border-radius:5px;
}

.red-bc{/*リンクボタン*/
/*     background:#473934!important; */
	    background:#3d445d!important;
    color:#fff;
/*     border:#352e2b solid 1px; */
    font-size:80%!important;
}

.longc_title {
	font-size: 85%;
}
@media screen and (max-width: 1100px){/*スマホ表示用（ブレイクポイント500px）*/
.longc_title {
	font-size: 77%;
	}}

@media screen and (max-width: 770px){/*スマホ表示用（ブレイクポイント500px）*/
.longc_title {
	font-size: 85%;
}
}
div.top-kanren .longc_img {/*画像の範囲*/
    width: 35%;
}
div.top-kanren a.c_linkto.longc_linkto img{/*画像の大きさ*/
    height:100px;
    width:100%;
    padding:2px;
    background:#fff;
    object-fit: cover;/*11月1日追記*/
}

div.top-kanren .sng-link-time {/*日付消す*/
    display:none;
}
div.top-kanren .longc_title {
    color:#333;
    letter-spacing:0.5px;
    font-weight:bold;
}

/* @media only screen and (max-width: 480px){/*モバイルでの見え方*/
/* div.top-kanren .c_linkto{
    display:flex;	
}
div.top-kanren .c_linkto .c_linkto_text {
    max-width: 60%;
    font-size:85%;
    padding-top:8px;
} */
/* div.top-kanren .longc_img { */
	/*画像の範囲*/
/*     width: 40%!important;
}
} */ 

#footer-menu {
/* 	background: #c6bdb8; */
	background-color: #747F94;
/* 	background: #3d445D; */
}

.mobile-nav li a {
	font-size: 12px;
}
/*ハンバーガーメニューに文字追加*/
#drawer .fa-bars:after {
    content: 'MENU';
font-size: 6px;
    font-weight: bold;
    display: block;
}

/*ハンバーガー内ウィジェットタイトル*/
#drawer h4.widgettitle{
  padding-top:0.8em;
  padding-bottom:0.8em;
  letter-spacing:0.2em;
  font-size:100%;
  font-family:Quicksand;
  background-color:#a0a4bc;
	/*お好きな色*/
  text-align:center;
	border-radius: 0;
}
.hissu {
	font-size: 13px;
	color:white;
	background: #b71939;
	padding: 3px 8px;
	margin-left: 6px;
	border-radius: 4px;
}
.grecaptcha-badge { visibility: hidden; }

/* rinkerの画像大きさ変更 */
/* div.yyi-rinker-contents img.yyi-rinker-main-img{
	width: auto;
max-height: 80%;
} */

/*水色背景boxカスタマイズ*/
.box3 {
	padding: 1.1em;
	background-color: #dedee6;
/* 	background-color: #c7b5a866; */
}

/*pointの色カスタマイズ*/
.fa5 .memo.safe .memo_ttl:before {
	background: #4b5f65;
}
.memo .safe {
	background:#e3e6e1;
}

/*巻物box*/
.is-style-scroll {
    position: relative;
    max-width: 700px;
    margin: 2em auto 2.5em;
    padding: 1.5em;
    border: 12px solid transparent;
    border-left-width: 48px;
    background: linear-gradient(#fff, #fff), linear-gradient(#b8c5db,#b8c5db);
    background-clip: padding-box, border-box;
    background-origin: border-box;
}
.is-style-scroll:before,
.is-style-scroll:after {
    display: inline-block;
    position: absolute;
    content: "";
}
.is-style-scroll:before {
    left: -36px;
    top: -32px;
    width: 24px;
    height: calc(100% + 64px);
    background: #4d4d4d;
}
.is-style-scroll:after {
    left: -48px;
    top: -20px;
    width: 48px;
    height: calc(100% + 40px);
    background: #4973b8;
}

#inner-content .main-bdr {
	color: #352e2b;
}

/*文中のフォント設定
デフォルトは
  line-height: 1.93;
	    margin: 0 0 1.5em;
}*/
.entry-content p {
/* 	margin: 0 0 2em; */
	line-height: 2;
	letter-spacing: 0.05em;
}

.box1 {
	border: solid 1.5px #747f94;
}