/*目次の番号振り削除*/
#toc_container .toc_list>li:after{
display:none;
}
/*フォントの大きさ*/
body { 
font-size:16.8px;
}


/*ヘッダーの固定*/




/*** Rinkerコメントあり ***/
div.yyi-rinker-contents {/*外枠*/
border: none;/*枠線削除*/
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.18);/*影プラス*/
}
div.yyi-rinker-image {/*画像エリア*/
margin-right: 15px;/*外側の右に余白*/
}
.yyi-rinker-img-m .yyi-rinker-image {/*画像*/
width: 140px;/*幅*/
min-width: 140px;/*最大の幅*/
}
div.yyi-rinker-contents div.yyi-rinker-info {/*文字やボタン全体の設定*/
width: calc(100% - 160px);/*横幅*/
}
div.yyi-rinker-contents div.yyi-rinker-title p {/*タイトルの文字*/
margin: 0;/*いらない外側の余白を削除*/
}
div.yyi-rinker-contents div.yyi-rinker-title a {/*タイトルのリンク*/
color: #0066c0;/*文字の色*/
font-size: .9em;/*文字の大きさ*/
}
div.yyi-rinker-contents div.yyi-rinker-title a:hover {/*タイトルをマウスホバー*/
color: #c45500;/*変化する色*/
opacity: 1;/*透明度はそのままに*/
text-decoration: underline;/*下線*/
}
div.yyi-rinker-contents div.yyi-rinker-detail {/*クレジットやメーカー、価格部分*/
padding: 0;/*内側の余白を削除*/
margin: 5px 0 0;/*外側の上に余白*/
font-size: 10px;/*文字の大きさ*/
color: #626262;/*文字の色*/
opacity: .7;/*透明度70%*/
font-family: 'Avenir',sans-serif;/*フォントの種類*/
line-height: 2;/*文字の高さ*/
}
span.price {/*価格部分*/
font-size: 1.8em;/*文字の大きさ*/
}
.price-box span:nth-child(n+2) {/*価格の後ろの文字*/
display: none;/*さようなら*/
}
div.yyi-rinker-contents ul.yyi-rinker-links {/*ボタン全体*/
margin: 0;/*ソトワクリセット*/
}
div.yyi-rinker-contents ul.yyi-rinker-links li {/*ボタン共通部分*/
margin: 8px 8px 0 0;/*外側に上と左に余白*/
box-shadow: none;/*影を削除*/
}
div.yyi-rinker-contents ul.yyi-rinker-links li.amazonlink, div.yyi-rinker-contents ul.yyi-rinker-links li.rakutenlink, div.yyi-rinker-contents ul.yyi-rinker-links li.yahoolink {/*ボタン個別*/
background: none;/*背景を削除*/
}
div.yyi-rinker-contents ul.yyi-rinker-links li a {/*ボタンのリンク共通部分*/
font-weight: 500;/*文字の太さ*/
font-size: 13px;/*文字の大きさ*/
height: 44px;/*ボタンの高さ*/
line-height: 44px;/*文字の高さ*/
padding: 0 15px;/*内側の左右に余白*/
border-radius: 3px;/*ちょこっと丸みを加える*/
}
div.yyi-rinker-contents ul.yyi-rinker-links li.amazonlink a {/*Amazonのボタンリンク*/
background: #FFB74D;/*背景色追加*/
}
div.yyi-rinker-contents ul.yyi-rinker-links li.rakutenlink a {/*楽天のボタンリンク*/
background: #FF5252;/*背景色追加*/
}
div.yyi-rinker-contents ul.yyi-rinker-links li.yahoolink a {/*ヤフーショッピングのボタンリンク*/
background: #3AADF4;/*背景色追加*/
}
div.yyi-rinker-contents ul.yyi-rinker-links li:hover {/*マウスホバーしたとき*/
box-shadow: none;/*影をリセット*/
}
div.yyi-rinker-contents ul.yyi-rinker-links li a:hover {/*マウスホバーしたとき（リンク）*/
opacity: 1;/*透明度はそのまま*/
-webkit-transform: translateY(3px);/*下に動く（予備）*/
transform: translateY(3px);/*下に動く*/
}
@media screen and (max-width: 800px){/*タブレット～スマホの設定*/
div.yyi-rinker-contents div.yyi-rinker-box {/*リンカー全体*/
display: block;/*縦並びに*/
text-align: center;/*中央揃えに*/
}
div.yyi-rinker-contents div.yyi-rinker-image {/*画像エリア*/
margin: auto;/*中央揃えに*/
}
div.yyi-rinker-contents div.yyi-rinker-info {/*文字やボタン部分*/
display: block;/*縦並びに*/
margin-top: 5px;/*外側上に余白*/
width: 100%;/*横幅*/
}
div.yyi-rinker-contents ul.yyi-rinker-links li {/*ボタン共通*/
margin: 5px 0;/*外側の上下に余白*/
box-shadow: none;/*影は無し*/
border-radius: 3px;/*角に優しさを加える*/
}}
@media (max-width: 420px) and (min-width: 321px){/*スマホ用*/
body div.yyi-rinker-contents ul.yyi-rinker-links li a {/*ボタン*/
padding: 0;/*内側の余白をリセット*/
}}






/* rinkerボタン調整 */
ul.yyi-rinker-links img {
    display: none !important;
}



/*サイトバーの目次*/
.toc_widget ul {
    background: white;
    padding: 20px 0px 20px 40px;
    border: 0px solid #424242;
    line-height: 1.8em;
    overflow-y: auto;
}

.toc_widget ul li {
    list-style-type: square;

color: red;
	


} 






.toc_widget ul li ul {
    border: none;
    padding: 2px 0px 2px 20px;
}
.toc_widget ul li ul li {
    list-style: disc;
}
.toc_widget a:hover {
    color:#ff6745;
    opacity: .7;
}

@media (min-width: 1024px){
.sidebar_style4 .widget:last-child {
    margin: 0px 0 -15px;
}}



/*リンクカード調整*/
.linkcard * {
	text-decoration:none !important;
}

.linkcard:before {
	content: "あわせて読みたい";
	position: relative;
	top:  12px;
	left:  23px;
	background-color: #ff6868;
	padding: 8px 14px;
	font-size: 12px;;
	font-weight: 500;
	border-radius:  3px;
	color:  #fff;
	z-index: 1;
}

.linkcard *:hover {
	opacity:0.9;
	-webkit-transition: 0.4s ease-in-out;
	-moz-transition: 0.4s ease-in-out;
	-o-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
}

.linkcard {
	margin: 22px auto;
	display:block;
	width: 96%;
}

.lkc-title {
 	font-size: 1.1rem;
 	line-height: 1.5rem;
 	font-weight: 500;
	margin-bottom: 15px;
	display:  block;
}

.lkc-excerpt {
	font-size: 0.75rem;
 display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; 
}

.lkc-url{
	display: none;
}

.lkc-info{
	margin-bottom:10px;
}

.lkc-external-wrap {
	max-width: 100%;
	background:  #fff;
	border: solid 1px #ff6868;
	border-radius:  4px;
	padding: 22px 15px 7px 10px;
}

.lkc-external-wrap p {
	padding-bottom: 5px !important;
}

.lkc-internal-wrap {
	max-width: 100%;
	background:  #fff;
	border: solid 1px #ff6868;
	border-radius:  4px;
	padding: 22px 15px 7px 10px;
}

.lkc-internal-wrap p {
	padding-bottom: 5px !important;
}

.lkc-thumbnail {
    margin: 0 20px 4px 4px;
}

@media screen and (max-width:750px){
.linkcard {
	margin: 22px auto;
	display:block;
	width: 100%;
}
	
	.linkcard:before {
    left: 12px;
			padding: 5px 14px;
    border-radius: 2px;
}
	
	.lkc-content {
	height: 100%;
}
	
.lkc-excerpt{
	display:none;
}
	
.lkc-title{
	font-size: 0.85rem; 
 	line-height: 1.2rem;
 	font-weight: 700;
 	display: inline;
}
	
.lkc-internal-wrap {
    padding: 15px 0 0 0;
}
	
.lkc-external-wrap {
    padding: 15px 0 0 0;
}
	
	.lkc-thumbnail-img {
    width: 188px;
    max-height: 76px;
}
}


                        /************************************
    ** スマホヘッダー固定
    ************************************/
    /*スマホ*/
    @media screen and (max-width: 767px){
      #header-box{
        z-index:5;
        overflow:visible;
        min-height:50px; /* ヘッダー初期高さ */
      }
      #header{
        position:fixed;
        top:0;
        width:100%;
        background:#455fa8; /* ヘッダー背景色 */
        z-index:6;
        height:50px; /* ヘッダー初期高さ */
        transition: .5s;
      }
      .cps-sp-menu-bar{
        margin-top:30px; /* ヘッダーの下余白 */
      }
      .sp-menu-box{
        z-index:5;
      }
      .sp-menu-open,.headsearch{
        position:fixed;
        z-index:7;
        transition: .5s;
      }
      .sp-menu-open{
        top:5px; /* メニューボタン位置 */
      }
      .headsearch .search-box:before{
        top:18px; /* 検索ボタン位置 */
      }
      #site-info span a{
        height:auto;
      }
      #site-info span a img{
        height:20px !important; /* ロゴ高さ */
        width:auto !important;
        margin:5px 0; /* ロゴ余白 */
      }
      .mobile-header-small #header{
        height:40px !important; /* ヘッダー高さ(小さいとき) */
        transition: .5s;
        box-shadow: 0 2px 6px rgba(0,0,0,.15); /* ヘッダー影 */
      }
      .mobile-header-small #site-info span a img{
        height:20px !important; /* ロゴ高さ(小さいとき) */
        width:auto !important;
        margin:5px 0; /* ロゴ余白(小さいとき) */
        transition: .5s;
      }
      .mobile-header-small .sp-menu-open{
        top:0; /* メニューボタン位置(小さいとき) */
        transition: .5s;
      }
      .mobile-header-small .headsearch .search-box:before{
        top:8px; /* 検索ボタン位置(小さいとき) */
        transition: .5s;
      }
      #scroll-content{
        position:static !important;
      }
      #navtoggle:checked + .sp-menu-open .cps-icon-bar{
        background-color:#555 !important; /* 閉じるボタン色 */
      }
    }

/************************************
    ** サイトマップの左側の丸を消す
    ************************************/
#sitemap_list li:before{
    width: 0;
    height: 0;
}

/************************************
    ** reCAPTCHAバッジをCSS追記で非表示にする
    ************************************/
.grecaptcha-badge { visibility: hidden; }

/************************************
    ** 問い合わせの送信ボタンの色や大きさを変更する
    ************************************/

.wpcf7 input[type="submit"] {
width:100%;
padding:15px;
border-radius:10px;
-webkit-border-radius: 10px;  
-moz-border-radius: 10px;
border: none;
box-shadow: 0 3px 0 #ddd;
background: #455fa8;
transition: 0.3s;
}
.wpcf7-submit:hover {
background: #a4dd6c;
transform: translate3d(0px, 3px, 1px);
-webkit-transform: translate3d(0px, 3px, 1px);
-moz-transform: translate3d(0px, 3px, 1px);
}