@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    0.0.5
*/

/********************************************
CSS 共通設定
Ver. 1.1

/********************************************
更新履歴
1.00	新規作成
1.01	共通設定からダーツ関連カエレバリンク削除
1.02	共通設定にスマホ専用フォントサイズ追加、小見出しのマージン設定文追加
1.03	目次（toc）のフォントサイズを共通設定に追加（PC：14px、SP：12px固定）
1.04	オリジナル商品リンクパーツ用CSSを共通設定に追加
1.041	dlのdtマージンレフトを5から15pxに変更（共通設定）
1.05	スマホのみ文字サイズ変更の数を追加（共通設定）
1.10	Table of Contents廃止にともない、Cocoon目次用CSS設定を追加、scroll-behaviorを追加
********************************************/

/****************************************************************************************/
/****************************************************************************************/
/* 全サイト共通設定ここから */
/****************************************************************************************/
/****************************************************************************************/

/* ページ内ジャンプスクロール（一部ブラウザ限定） */
html{
/*	scroll-behavior:smooth; */
}

/********************************************/
/* divクラス関連 */
/********************************************/
/* divの角の丸みを増やす */
.box-radius{
	border-radius: 15px;
}

/* divの角を直角にする */
.box-right{
	border-radius: 0px;
}

/* 関連記事の枠クラス */
.relate-link-border{
	position: relative;
	border: solid 3px #48f;
	margin-top: 5px;
	margin-bottom: 40px;
	box-sizing: border-box;
	border-radius: 10px;
}

/* 関連記事用の枠タイトル */
.relate-link-title{
	font-weight: bold;
	color: #48f;
	background: white;
	padding: 0 0.6em;
	position: absolute;
	top: -0.5em;
	line-height: 1;
	margin-left: 0.5em;
}
.relate-link-border a{
	margin-top: 15px;
	margin-bottom: 10px;
}

/* 関連商品の枠クラス */
.relate-product-border{
	position: relative;
	border: solid 3px #609;
	margin-top: 5px;
	margin-bottom: 40px;
	box-sizing: border-box;
	border-radius: 10px;
}

/* 関連記事用の枠タイトル */
.relate-product-title{
	font-weight: bold;
	color: #609;
	background: white;
	padding: 0 0.6em;
	position: absolute;
	top: -0.5em;
	line-height: 1;
	margin-left: 0.5em;
}

/* 関連記事紹介部分の背景色追加 */
.related-post-back{
	text-align: left;
	padding: 10px;
	font-size: 16px;
	zoom: 1;
	overflow: hidden;
	background-color: rgba(172,219,218,1.0);
	border-radius: 6px;
	box-shadow: 2px 2px 10px rgba(205,200,255,.40);
	border: 1px solid #f6f6f6;
	margin: 40px 0px;
}

/********************************************/
/* pクラス関連 */
/********************************************/
/* h4の下（h5）で使うようなフォント */
p.define{
	font-size: 18px;
	color: #63c;
	font-weight: bold;
	line-height: 1.4em;
	padding-bottom: 2px;
}

/* パラグラフ文を太字にする */
p.bold{
	font-weight: bold;
}

/* マージン0pxのパラグラフ*/
p.no-margin{
	margin: 0px!important;
	overflow: hidden;
}

/* パラグラフ文を中央寄せする */
p.center{
	text-align: center;
}

/* 図を中心に移動させるクラス */
p.fig_center{
	display: block;
	margin: 0 auto;
}

/* パラグラフ文を右寄せする */
p.right{
	text-align: right;
}

/* 注釈用パラグラフ */
p.annotation{
	font-size: 14px;
	margin-top: 1em;
	margin-bottom: 0em;
}

/* フォントサイズ30pxにするクラス */
p.font-bigger{
	font-size: 30px;
}

/* フォントサイズ40pxにするクラス */
p.font-biggest{
	font-size: 40px;
}

/********************************************/
/* spanクラス関連 */
/********************************************/
/* 太字 */
span.bold{
	font-weight: bold;
}

/* 文字サイズビッグ（24px） */
span.font-big{
	font-size: 24px;
}

/* 黒 */
span.black{
	color: black;
}

/* 白 */
span.white{
	color: white;
}

/* ホットピンク */
span.hotpink{
	color: hotpink;
}

/* ピンク */
span.pink{
	color: pink;
}

/* 赤 */
span.red{
	color: red;
}

/* オレンジ */
span.orange{
	color: orange;
}

/* ゴールド */
span.gold{
	color: gold;
}

/* 黄色 */
span.yellow{
	color: yellow;
}

/* ライム */
span.lime{
	color: lime;
}

/* 緑 */
span.green{
	color: green;
}

/* 水色 */
span.skyblue{
	color: skyblue;
}

/* シアン */
span.cyan{
	color: cyan;
}

/* 青 */
span.blue{
	color: blue;
}

/* ミッドナイトブルーの悪魔のZ */
span.midnightblue{
	color: midnightblue;
}

/* マゼンタ */
span.magenta{
	color: magenta;
}

/* 紫 */
span.purple{
	color: purple;
}

/* アンダーライン */
span.under{
	border-bottom: 2px solid;
	margin: 5px 0px 10px;
}

/* 赤アンダーライン */
span.under-red{
	border-bottom: 2px solid red;
	margin: 5px 0px 10px;
}

/* 青アンダーライン */
span.under-blue{
	border-bottom: 2px solid dodgerblue;
	margin: 5px 0px 10px;
}

/********************************************/
/* tableクラス関連 */
/********************************************/
/* 全セルを中央寄せにする */
table.center,
table.all-center{
	text-align: center;
}

/* thセルを青系配色にする */
table th.bb{
	background-color: #bef4f4;
	color: #0200c7;
}

/* blank-tblクラス：tdセル背景を全部白にするクラスの設定 */
table.blank-tbl td{
	background-color: white;
	border: 0px;
}

table.blank-tbl td a{
	font-weight: bold;
}

/* セル背景を白くする */
table td.white{
	background-color: #fff;
}

/* セル背景を赤にする */
table td.rb{
	background-color: #ffb3ba;
}

/* セル背景を緑にする */
table td.gb{
	background-color: #9ff03d;
}

/* セル背景を青にする */
table td.bb{
	background-color: #a3dcff;
}

/* 偶数奇数段で色分けしたい時の奇数 */
table td.odd{
	background-color: #ffffff;
}

/* 偶数奇数段で色分けしたいときの偶数 */
table td.even{
	background-color: #f2faff;
}

/* 文章の中央寄せ */
table td.center{
	text-align: center;
}

/* 文章の左寄せ */
table td.left{
	text-align: left;
}

/* 文章の右寄せ */
table td.right{
	text-align: right;
}

/********************************************/
/* dlクラス関連 */
/********************************************/
/* dtの基本設定 */
.article dt{
	margin-left: 15px;
}

/* ddの基本設定*/
.article dd{
	margin-left: 30px;
}

/********************************************/
/* 罫線関連 */
/********************************************/
/* レインボー直線 */
.line1{
	border: 0;
	background-color: #09f;
	background-image: -webkit-linear-gradient(left, #f90, #0f9, #09f);
	height: 3px;
	margin-bottom: 30px;
}

/* 紺の破線 */
.dash-line{
	border: 0;
	border-top: dashed 1px #039;
	margin: 0px 5px 30px;
}

/********************************************/
/* コンタクトフォーム */
/********************************************/

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="url"],
.wpcf7 textarea{
	background-color: #fff;
	color: #333;
	width: 90%;
	border: 1px solid #ddf;
	font-size: 100%;
	padding: 0.5em;
	border-radius: 6px;
}

/********************************************/
/* 吹き出し関連 */
/********************************************/

/* 吹き出しフラットの色追加（赤） */
.sbs-flat-r .speech-balloon{
	background-color: #ffc3ca;
	border-color: #ffc3ca;
}
.sbs-flat-r .speech-balloon::before,
.sbs-flat-r .speech-balloon::after{
	border-right-color: #ffc3ca;
	border-left-color: #ffc3ca;
}

/* 吹き出しフラットの色追加（緑） */
.sbs-flat-g .speech-balloon{
	background-color: #9ff03d;
	border-color: #9ff03d;
}
.sbs-flat-g .speech-balloon::before,
.sbs-flat-g .speech-balloon::after{
	border-right-color: #9ff03d;
	border-left-color: #9ff03d;
}

/* 吹き出しフラットの色追加（青） */
.sbs-flat-b .speech-balloon{
	background-color: #a3dcff;
	border-color: #a3dcff;
}
.sbs-flat-b .speech-balloon::before,
.sbs-flat-b .speech-balloon::after{
	border-right-color: #a3dcff;
	border-left-color: #a3dcff;
}

/* 吹き出しの文字サイズ変更 */
.speech-wrap{
	font-size: 16px;
}

/* 吹き出しの四隅のRを変更 */
.speech-balloon{
	border-radius: 15px;
}

/********************************************/
/* オリジナル商品リンクパーツ用 */
/********************************************/
.bbm-box{
	padding: 22px 25px;
	width: 96%;
	margin: 1.6em auto;
	border: 3px solid #dfdfdf;
	box-sizing: border-box;
	position: relative;
}

.bbm-background{
	text-align: left;
	padding: 10px;
	font-size: 16px;
	zoom: 1;
	overflow: hidden;
	background-color: rgba(255,255,255,1.0);
	/* background-image: -webkit-linear-gradient(top, rgba(228,249,255,.5), rgba(218,235,255,.75)); */
	border-radius: 14px;
	box-shadow: 2px 2px 10px rgba(205,200,255,.50);
	border: 1px solid #f0f0d0;
}

.bbm-image{
	float: left;
	margin: 0 15px 10px 0;
}

.bbm-info{
	line-height: 120%;
	zoom: 1;
	overflow: hidden;
}

.bbm-title{
	margin-bottom: 10px;
	margin-top: 5px;
}

.link-date{
	font-size: 8pt;
	margin-top: 5px;
	font-family: verdana;
	line-height: 120%;
}

.link-detail{
	margin-bottom: 5px;
}

.bookmark-list{
	margin-top: 10px;
}

.shoplinkcommon{
	text-align: center;
	font-size: 15px;
	color: #fff;
	text-shadow: -1px 1px 3px rgba(0,0,0,0.9);
	padding: 6px 1px;
	margin: 10px 10px;
	overflow: hidden;
	border-radius: 6px;
	display: block;
	border: solid 1px rgba(0,0,0,0.2);
	box-shadow: 0 1px 1px #fff, inset 0 1px 1px rgba(255,255,255,.4);
}

.shoplinkcommon a{
	display: block;
	text-decoration: none;
	border: 0px solid #000066;
	background: none;
}

.shoplinkcommon a:link{
	color: #fff;
}

.shoplinkcommon a:visited{
	color: #fff;
}

.shoplinkcommon a:hover{
	color: rgba(255,0,0,.9);
	text-shadow: 0 -1px 1px rgba(137,77,5,.5);
	transition-duration: 0.5s;
}

.shoplinkamazon{
	background: -webkit-linear-gradient(#55c40d, #3bab09);
}

.shoplinkkindle{
	background: rgba(158,234,255,.75);
	background-image: -webkit-linear-gradient(top, rgba(158,234,255,.75),#6cf);
	box-shadow: 1px 1px 2px rgba(0,0,0,0.9);
}

.shoplinkyahoo{
	background: -webkit-linear-gradient(#0d55c4, #093bab);
}

.shoplinkrakuten{
	background: -webkit-linear-gradient(#c40d55, #ab093b);
}

.shopnolink{
	background: -webkit-linear-gradient(#aaa, #333) !important;
	color: black !important;
	text-shadow: 0 0px 0px rgba(0,0,0,0.5) !important;
}

/********************************************/
/* カエレバ関連 */
/********************************************/
.kaerebalink-box{
	padding: 22px 25px;
	width: 96%;
	margin: 1.6em auto;
	border: 3px solid #dfdfdf;
	box-sizing: border-box;
	position: relative;
}

.kaerebalink-box p{
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.kaereba-background1{
	text-align: left;
	padding: 10px;
	font-size: 15px;
	zoom: 1;
	overflow: hidden;
	background-color: #f9f9ff;
	border-radius: 8px;
	box-shadow: 0 1px 10px rgba(120,120,255,.25);
}

.kaereba-background{
	text-align: left;
	padding: 10px;
	font-size: 16px;
	overflow: hidden;
	background-color: rgba(255,255,255,1.0);
	border-radius: 14px;
	box-shadow: 2px 2px 10px rgba(205,200,255,.50);
	border: 1px solid #f0f0d0;
}

.kaerebalink-image{
	float: left;
	margin: 0 10px 10px 0;
}

.kaerebalink-info{
	line-height: 120%;
	zoom: 1;
	overflow: hidden;
}

.kaereba-title{
	margin-bottom: 10px;
	margin-top: 10px;
}

/********************************************/
/* レスポンシブデザイン用設定 */
/********************************************/
/* 769px以上（PC、タブレット） */
@media screen and (min-width: 769px){
	/* font-smallのスマホ設定 */
	span.font-small{
		font-size: 0.8em;
	}
}

/* 768px以下 （スマートフォン）*/
@media screen and (max-width: 768px){
	/* font-smallのスマホ設定 */
	span.font-small{
		font-size: 0.8em;
	}

	/* 文字サイズ10px（spだけ） */
	span.font-size-10{
		font-size: 10px;
	}

	/* 文字サイズ11px（spだけ） */
	span.font-size-11{
		font-size: 11px;
	}

	/* 文字サイズ12px（spだけ） */
	span.font-size-12{
		font-size: 12px;
	}

	/* 文字サイズ14px（spだけ） */
	span.font-size-14{
		font-size: 14px;
	}

	/* 文字サイズ16px（spだけ） */
	span.font-size-16{
		font-size: 16px;
	}

	/* 文字サイズ17px（spだけ） */
	span.font-size-17{
		font-size: 17px;
	}

	/* 文字サイズ18px（spだけ） */
	span.font-size-18{
		font-size: 18px;
	}

	/* 文字サイズ20px（spだけ） */
	span.font-size-20{
		font-size: 20px;
	}

	/* ディスプレイ幅を超えるテーブルはスクロールできるようにするクラス */
	table.scr{
    	table-layout: fixed;
    	min-width: 100%;
	}

	/* 注釈（スマホ用） */
	p.annotation{
		font-size: 12px;
		margin-top: 5px;
		margin-bottom: 5px;
	}
}

/****************************************************************************************/
/****************************************************************************************/
/* 全サイト共通設定ここまで */
/****************************************************************************************/
/****************************************************************************************/
/****************************************************************************************/
/****************************************************************************************/
/* サイト個別の共通設定ここから */
/****************************************************************************************/
/****************************************************************************************/

/* 記事最後の著者名の表示設定 */
.author-info{
  display: none;
}

/*記事のアイキャッチ画像を中心に表示させる*/
.eye-catch-wrap{
  text-align: center;
}

/********************************************/
/* 目次用設定 */
/********************************************/
.article .toc{
	border: 1px solid #ccf;
	background-color: #eef;
}

.toc-title{
	color:#333;
}

.toc a{
	color:#33f;
}

/* 1024px以上（PC） */
@media screen and (min-width: 1024px){

}

/* 1024px未満 （タブレット、スマートフォン）*/
@media screen and (max-width: 1023px){
	/* パディング設定 */
	.toc ul ul, .toc ol ol{
		padding-left:15px;
	}
}

/********************************************/
/* フロントページ設定 */
/********************************************/
/*フロント固定ページタイトルの表示設定 */
.home.page .entry-title{
	/*display: none;*/
}

/*フロント固定ページシェアボタンの表示設定 */
.home.page .sns-share{
/*	display: none; */
}

/*フロント固定ページフォローボタンの表示設定*/
.home.page .sns-follow{
	/*display: none;*/
}

/*フロント固定ページ投稿日の表示設定*/
.home.page .post-date{
	display: none;
}

/********************************************/
/* 固定ページ設定 */
/********************************************/
/*固定ページのタイトルを非表示*/
.page .entry-title{
/*	display: none;*/
}

/*固定ページのシェアボタンを非表示*/
.page .sns-share{
 /*	display: none;*/
}

/*固定ページのフォローボタンを非表示*/
.page .sns-follow{
 	/*display: none;*/
}

/*固定ページの投稿日を非表示*/
.page .post-date{
	display: none;
}

/********************************************/
/* ヘッダー設定 */
/********************************************/
/* ヘッダーに影をつける*/
#header{
	/* box-shadow: 0px 0px 10px rgba(0,20,120,0.8); */
}

/* ヘッダー上のキャッチコピーのフォント色指定 */
.tagline{
	/* color: #eee; */
}

/* メインカラムのボーダーに影をつける*/
#main{
	/* box-shadow: 0px 0px 10px rgba(0,150,200,0.5); */
}

/********************************************/
/* グローバルナビ（ヘッダーメニュー）設定 */
/********************************************/
/* ナビゲーションメニューのテキスト、ボーダー設定*/
#navi{
	/* font-weight: bold;
	box-shadow: 0 0px 10px rgba(0,0,0,0.5); */
}

/* フォント設定*/
.navi-in a{
	/* font-size: 18px;
	text-shadow: 0px 0px 10px rgba(200,200,255,0.6); */
}

/* ナビゲーションメニューのボタン化*/
.caption-wrap{
	/* margin-top: -0px;
	border-radius: 15px;
	border: solid 1px #1d98e4;
	background: -webkit-linear-gradient(#1d98e4,#093bcb) !important;
	background: blue; */
}

/* ナビゲーションメニューにマウスポインタをのせたときの変化*/
.caption-wrap:hover{
	/* background: -webkit-linear-gradient(#1dc4f4,#599beb);
	border: solid 1px #1dc4f4;
	color: rgba(255, 255, 0, 1.0);
	text-shadow: 0 0px 3px rgba(80,0,50, 0.7);
	font-size: 20px;
	transition-timing-function: ease;
	transition-duration: 0.8s; */
}

/********************************************/
/* サイドバー設定 */
/********************************************/
/* サイドカラムのボーダーに影をつける*/
#sidebar{
	/* box-shadow: 0px 0px 10px rgba(0,150,200,0.5); */
}

/* サイドバーh3のデザイン変更*/
.widget-sidebar h3{
/*	color: white;
	border-radius: 5px 30px 6px 20px / 7px 30px 6px 20px;
	background-color: blue;
	box-shadow: 0px -1px 7px rgba(100,150,250,1.0);
	text-shadow: 0px -1px 6px rgba(0,0,50,0.9); */
}

/*サイドバーのパディングを狭める*/
.widget_nav_menu ul li a{
	/* padding: 8px 0; */
}

/********************************************/
/* モバイルメニューボタン部設定 */
/********************************************/
/* モバイルメニューボタン部を半透明化 */
.mobile-menu-buttons{
	background: rgba(40,180,230,0.8);
}

/* モバイルメニューボタンを押すと透明化を解除 */
.mobile-menu-buttons:active{
	background: rgba(40,180,230,1.0);
}

/********************************************/
/* 記事中（article）のデザイン変更 */
/********************************************/
/* h2小見出しのマージン */
.article h2{
	margin-top: 60px;
}

/* 記事中h2のデザイン変更*/
.article h2{
/*	box-shadow: 0px 0px 4px rgba(0,100,100,0.6);
	border-radius: 0px;
	background: #00f;
	color: white; */
}

/* 記事中h3のデザイン変更*/
.article h3{
/*	box-shadow: 0px -2px 6px rgba(100,100,100,0.8);
	border-radius: 15px;
	background: -webkit-linear-gradient(#abf,#def);
	border: 2px #abf solid;
	padding: 10px 15px;
	color: midnightblue; */
}

/* 記事中h4のデザイン変更*/
.article h4{
/*  border-top: 0px;
	border-bottom: 1px dashed blue;
	padding: 2px 10px;
	border-left: 8px solid blue;*/
}

/* 768px以下 （スマートフォン）*/
@media screen and (max-width: 768px){
	/* 記事中h3のデザイン変更（スマホ）*/
	.article h3{
/*	    box-shadow: 0px -2px 5px rgba(100,100,100,0.4);
	    border-radius: 10px;
	    background: -webkit-linear-gradient(#abf,#def);
	    border: 1px #abf solid;
	    padding: 5px 5px;
	    color: midnightblue;*/
	}

	/* 記事中h4のデザイン変更（スマホ）*/
	.article h4{
/*	  border-top: 0px;
	  border-bottom: 1px dashed blue;
	  padding: 2px 5px;
	  border-left: 8px solid blue;*/
	}
}

ul {
	margin: 1em 0;
}

/********************************************/
/* カエレバ関連 */
/********************************************/

/********************************************/
/* divクラス関連 */
/********************************************/

/********************************************/
/* pクラス関連 */
/********************************************/

/********************************************/
/* spanクラス関連 */
/********************************************/

/********************************************/
/* tableクラス関連 */
/********************************************/
/* 境界線の指定 */


/********************************************/
/* dlクラス関連 */
/********************************************/

/********************************************/
/* 罫線関連 */
/********************************************/

/********************************************/
/* レスポンシブデザイン用設定 */
/********************************************/

/* 769px以上（PC、タブレット） */
@media screen and (min-width: 769px){
	/* 記事中の行間の変更*/
	.article p{
		margin-top: 1.2em;
		margin-bottom: 1.5em;
	}

	/* 図タイトル用 */
	p.fig_title{
		color: #39f;
		font-size: 14px;
		line-height: 1.2em;
		padding-top: 0px;
		margin-top: -1.0em; /* pのmargin-bottomと揃えている */
		margin-bottom: 1.5em; /* pのmargin-bottomと揃えている */
	}

	/* 図タイトル用 */
	span.fig_title{
		color: #39f;
		font-size: 14px;
		line-height: 1.0em;
		margin-top: -1.5px; /* pのmargin-bottomと揃えている */
		margin-bottom: 1.5px; /* pのmargin-bottomと揃えている */
		padding: 0px;
	}

	/* 表タイトル用 */
	p.table_title{
		font-size: 14px;
		margin-bottom: -1.2px;/* pのmargin-topと揃えている */
		padding-bottom: 0px;
		color: #39f;
	}
}

/* 768px以下 （スマートフォン）*/
@media screen and (max-width: 768px){

	/* 吹き出し文字サイズ */
	.speech-balloon{
		font-size: 14px;
	}

	/* 記事中の行間の変更（スマホ）*/
	.article p{
		margin-top: 1.2em;
		margin-bottom: 1.5em;
	}

  /* 図タイトル用 */
	p.fig_title{
		color: #39f;
		font-size: 0.85em;
		line-height: 1.0em;
		padding-top: 0px;
		margin-top: -1.0em;/* pのmargin-bottomと揃えている */
		margin-bottom: 1.5em;/* pのmargin-bottomと揃えている */
	}

	/* 図タイトル用 */
	span.fig_title{
		color: #39f;
		font-size: 12px;
		line-height: 1.0em;
		margin-top: -1.5px;/* pのmargin-bottomと揃えている */
		margin-bottom: 1.5px;/* pのmargin-bottomと揃えている */
		padding: 0px;
	}

	/* 表タイトル用 */
	p.table_title{
		font-size: 12px;
		margin-bottom: -1.2px;/* pのmargin-topと揃えている */
		padding-bottom: 0px;
		color: #39f;
	}
}

/****************************************************************************************/
/****************************************************************************************/
/* サイト個別設定ここまで */
/****************************************************************************************/
/****************************************************************************************/

/*------------------------------------------------------------------------------------------------------*/

/****************************************************************************************/
/****************************************************************************************/
/* サイト独立設定ここから */
/****************************************************************************************/
/****************************************************************************************/

/*アフィリンクボタンにアンダーラインを追加*/
.btn{
	text-decoration:underline;
}

/********************************************/
/* divクラス関連 */
/********************************************/
/* ページネーション */
.article .pagination{
	background-image:
		-webkit-radial-gradient(50% 90%, rgba(255,255,255,.1), #fff),
		-webkit-linear-gradient(rgba(0,0,0,.1), transparent 50%);
	display: -webkit-box;
	font-family: aclonica, sans-serif;
	margin: -30px auto;
	padding: 1em 0;
	list-style: none;
}

.pagination-item{
	-webkit-box-flex: 2;
	text-align: center;
}

.pagination-item a{
	color: #999;
	display: inline-block;
	height: 2em;
	line-height: 2;
	padding: 2px;
	position: relative;
	text-decoration: none;
	-webkit-transition: all .2s;
	min-width: 2em;
}

.pagination-item.selected a{
	color: #333;
}

.pagination-item.selected a::before{
	border-color: transparent transparent #f03 transparent;
	border-style: solid;
	border-width: 0 10px 10px 10px;
	bottom: -.4em;
	content: ' ';
	height: 0;
	margin: 0 0 0 -4px;
	position: absolute;
	width: 0;
}

.pagination-item:not(.selected) a:hover{
	color: #007bff;
}

/* 関連商品の枠クラス */
.relate-book-border{
	position: relative;
	border: solid 3px #96f;
	margin-top: 5px;
	margin-bottom: 40px;
	box-sizing: border-box;
	border-radius: 10px;
}

/* 関連記事用の枠タイトル */
.relate-book-title{
	font-weight: bold;
	color: #96f;
	background: white;
	padding: 0 0.6em;
	position: absolute;
	top: -0.5em;
	line-height: 1;
	margin-left: 0.5em;
}

/********************************************/
/* pクラス関連 */
/********************************************/

/********************************************/
/* spanクラス関連 */
/********************************************/

/********************************************/
/* tableクラス関連 */
/********************************************/

/********************************************/
/* dlクラス関連 */
/********************************************/

/********************************************/
/* 罫線関連 */
/********************************************/

/********************************************/
/* レスポンシブデザイン用設定 */
/********************************************/

/* 769px以上（PC、タブレット） */
@media screen and (min-width: 769px){

}

/* 768px以下 （スマートフォン）*/
@media screen and (max-width: 768px){

}

/****************************************************************************************/
/****************************************************************************************/
/* サイト独立設定ここまで */
/****************************************************************************************/
/****************************************************************************************/