@charset "UTF-8";

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

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

/********************************************
更新履歴
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を追加
1.11	tableの全セルを白くするクラスを追加(table.white)
********************************************/

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

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

/********************************************/
/* 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: 5px;
	margin-bottom: 5px;
}

/* フォントサイズ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;
}

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

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

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

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.85em;
	}
}

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

	/* 文字サイズ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: 20px;
	}

	/* 記事中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){
	/* スマホの小見出しマージン変更(h2) */
	.article h2{
		margin-top: 60px;
	}

	/* スマホの小見出しマージン変更(h3) */
	.article h3{
		margin-top: 40px;
	}

	/* スマホの小見出しマージン変更(h4) */
	.article h4{
		margin-top: 40px;
	}
	
	/* 記事一覧タイトルサイズ変更 */
	.entry-card-title{
		font-size: 1.0em;
	}

	/* 記事中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;
	}*/
}

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

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

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

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

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


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

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

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

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

	/* 最新記事一覧 タイトルサイズ */
	.widget-entry-card{
		font-size:14px;
	}
	
	
	/* 記事中の行間の変更*/
	.article p{
		margin-top: 25px;
		margin-bottom: 33px;
	}

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

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

	/* 表タイトル用 */
	p.table_title{
		font-size: 0.9em;
		margin-bottom: 0;/* pのmargin-topと揃えている */
		padding-bottom: 0px;
		text-align:center;
		color: darkblue;
	}
}

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

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

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

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

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

	/* 表タイトル用 */
	p.table_title{
		font-size: 0.8em;
		margin-bottom: 0px;
		padding-bottom: 0px;
		color: #39f;
	}
}

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

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

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

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

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

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

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

/********************************************/
/* tableクラス関連 */
/********************************************/
table th{
	border-color:#99c;
}

table td{
	border-color:#99c;
}

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

/********************************************/
/* カエレバクラス関連 */
/********************************************/
/* ダーツハイブ */
.shoplinkdartshive{
	background: -webkit-linear-gradient(#fec34c, #e57e3e);
}

/* ダーツショップTiTO（商材なし） */
.shoplinktito{
	background: -webkit-linear-gradient(#bd85d6, #8865b2);
}

/* ダーツショップMAXIM */
.shoplinkmaxim{
	background: -webkit-linear-gradient(#58b6d2, #285294);
}

/* エスダーツ */
.shoplinksdarts{
	background: -webkit-linear-gradient(#d190dc, #ee5ba6);
}

/*********************************
* タイムライン
*********************************/
.ptimeline-wrap{
    margin:0 auto 2rem;
}
.ptimeline-wrap .ptimeline{
    padding:0 !important;
    list-style:none !important;
}
.ptimeline-wrap .ptimeline-label {
    padding: 3px 0 0 2px;
    /*color: #aaa;*/
    /*font-size: 12px;*/
    font-weight: 500;
}
.ptimeline-wrap .ptimeline-title {
    font-size: 1.1em;
    font-weight: bold;
    line-height: 1.5;
    color:#1e88e5;
}
.ptimeline-wrap .ptimeline-main {
    margin-top: 0.5em;
    padding: 0 0 1.5em;
    font-size: 0.9em;
    line-height: 1.8;
    border-bottom: dashed 1px #ddd;
    color:#555;
}
.ptimeline-wrap .ptimeline-main img{
  display:block;
  margin:1em auto;
}
.ptimeline-wrap .ptimeline-item {
    position: relative;
    padding: 0 0 1em 1.5em !important;
    margin-bottom:0 !important;
    border:none;
}
.ptimeline-wrap .ptimeline .ptimeline-item:before {
    content: "";
    width: 3px;
    background: #eee !important;
    display: block;
    position: absolute;
    top: 25px;
    bottom: -3px;
    left: 5px;
}
.ptimeline-wrap .ptimeline-item:last-child:before{
    content:none;
}
/*********************************
* タイムライン マーカー
*********************************/
.ptimeline-wrap .ptimeline-marker{
    display: block;
    position: absolute;
    content: "";
    top: 6px;
    left: 0;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: solid 3px #1e88e5;
}
.ptimeline-wrap .ptimeline-item:first-child .ptimeline-marker,.ptimeline-wrap .ptimeline-item:last-child .ptimeline-marker{
    background:#1e88e5;
}
/*四角 */
.ptimeline-wrap .square .ptimeline-marker{
    border-radius: 0;
}
/* アイコン*/
.ptimeline-wrap .icon .ptimeline-item .ptimeline-marker{
    content:unset;
    border:none !important;
    background:none !important;
}
.ptimeline-wrap .icon .ptimeline-item .ptimeline-marker:before{
    font-family: "Font Awesome 5 Free";
    top: -1px;
    left: 0;
    position:absolute;
    font-weight:bold;
    font-size:16px;
    line-height:1;
    color:#1e88e5;
}
.ptimeline-wrap .icon .ptimeline-item:first-child .ptimeline-marker,.ptimeline-wrap .icon .ptimeline-item:last-child .ptimeline-marker{
    background:none !important;
}
/* 画像*/
.ptimeline-wrap .tl-img .ptimeline-item .ptimeline-marker{
    content:unset;
    border:none !important;
    background:none !important;
}
.ptimeline-wrap .tl-img .ptimeline-item .ptimeline-marker:before {
    content:"";
    display:inline-block;
    background-image:url(ここに画像URL); /* 画像1番目*/
    background-size:contain;
    background-repeat:no-repeat;
    width:40px;
    height:40px;
    position: relative;
    top: -4px;
    left: -2px;
}
.ptimeline-wrap .tl-img li:nth-of-type(2) > .ptimeline-marker:before{
    background-image:url(ここに画像URL) !important; /* 画像2番目*/
}
.ptimeline-wrap .tl-img li:nth-of-type(3) > .ptimeline-marker:before{
    background-image:url(ここに画像URL) !important; /* 画像3番目*/
}
.ptimeline-wrap .tl-img li:nth-of-type(4) > .ptimeline-marker:before{
    background-image:url(ここに画像URL) !important; /* 画像4番目*/
}
.ptimeline-wrap .tl-img li:nth-of-type(5) > .ptimeline-marker:before{
    background-image:url(ここに画像URL) !important; /* 画像5番目*/
}
.ptimeline-wrap .tl-img .ptimeline-item {
    padding: 0 0 1em 3em !important;
}
.ptimeline-wrap .tl-img .ptimeline-item:before {
    top: 30px;
    left: 15px;
}
/*********************************
* タイムライン カラー
*********************************/
/* ピンク */
.ptimeline-wrap .pink .ptimeline-title{
    color:#f7bcbc !important; /* タイトル色 */
}
.ptimeline-wrap .pink .ptimeline-main{
    color:#555 !important; /* コンテンツ色 */
}
.ptimeline-wrap .pink .ptimeline-marker{
    border: solid 3px #f7bcbc !important; /* マーカー色 */
    color:#f7bcbc; /* アイコン色 */
}
.ptimeline-wrap .pink .ptimeline-item:first-child .ptimeline-marker,.ptimeline-wrap .pink .ptimeline-item:last-child .ptimeline-marker{
    background:#f7bcbc; /* マーカー色(最初と最後)*/
}
.ptimeline-wrap .pink .ptimeline-item .ptimeline-marker:before{
    color:#f7bcbc !important; /* アイコン色 */
}
/*イエロー*/
.ptimeline-wrap .yellow .ptimeline-title{
    color:#fdc44f !important; /* タイトル色 */
}
.ptimeline-wrap .yellow .ptimeline-main{
    color:#555 !important; /* コンテンツ色 */
}
.ptimeline-wrap .yellow .ptimeline-marker{
    border: solid 3px #fdc44f !important; /* マーカー色 */
    color:#fdc44f; /* アイコン色 */
}
.ptimeline-wrap .yellow .ptimeline-item:first-child .ptimeline-marker,.ptimeline-wrap .yellow .ptimeline-item:last-child .ptimeline-marker{
    background:#fdc44f; /* マーカー色(最初と最後)*/
}
.ptimeline-wrap .yellow .ptimeline-item .ptimeline-marker:before{
    color:#fdc44f !important; /* アイコン色 */
}
/*グリーン*/
.ptimeline-wrap .green .ptimeline-title{
    color:#2fcdb4 !important; /* タイトル色 */
}
.ptimeline-wrap .green .ptimeline-main{
    color:#555 !important; /* コンテンツ色 */
}
.ptimeline-wrap .green .ptimeline-marker{
    border: solid 3px #2fcdb4 !important; /* マーカー色 */
    color:#2fcdb4; /* アイコン色 */
}
.ptimeline-wrap .green .ptimeline-item:first-child .ptimeline-marker,.ptimeline-wrap .green .ptimeline-item:last-child .ptimeline-marker{
    background:#2fcdb4; /* マーカー色(最初と最後)*/
}
.ptimeline-wrap .green .ptimeline-item .ptimeline-marker:before{
    color:#2fcdb4 !important; /* アイコン色 */
}

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

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

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

}

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

}

/************************************
** トップページカスタマイズ
************************************/
/*.home #main h1{
    font-size: 1em;
    color: #555;
    letter-spacing: 1px;
    margin: 1em 0 -2em;
    font-weight: 400;
    display: flex;
    align-items: center;
}
.home #main h1:before, .home #main h1:after {
    content: "";
    flex-grow: 1;
    height: 1px;
    background: #aaa;
    display: block;
}
.home #main h1:before {
    margin-right: .4em;
}
.home #main h1:after {
    margin-left: .4em;
}*/

.home #main .large-thumb{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0.8em 0;
}
.home #main .large-thumb a{
    width: 50%;
    padding: 10px;
}
.home #main .large-thumb a:hover{
    background:unset;
}
.home #main .widget-entry-cards .e-card {
    font-size: 18px;
    box-shadow: 0 0 4px rgba(0,0,0,.15);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    height:100%;
}
.home #main .widget-entry-cards .e-card:hover {
    transform: translateY(-3px);
    box-shadow: 0px 3px 18px 3px rgba(0,0,0,.08);
}
.home #main .widget-entry-cards figure {
    float: none;
    width: 100%;
}
.home #main .widget-entry-cards figure img {
    width: 100%;
    display: block;
    object-fit: cover;
    height: 210px;
}
.home #main .widget-entry-cards .card-content {
    margin: 0 0 0.5em;
    padding:10px 15px;
    background:#fff;
}
.home #main .large-thumb .new-entry-card-title,.home #main .large-thumb .popular-entry-card-title {
    font-size: 0.9em;
    line-height: 1.5;
    font-weight: 600;
    color: #555;
    margin-top: 3px;
}
/*(スマホ)480px以下*/
@media screen and (max-width: 480px){
    .home #main h1{
        margin: 1em 0 0;
        padding: 0;
        font-size:0.8em;
    }
    .home #main .widget-entry-cards .e-card {
        margin:0 5px;
    }
    .home #main .large-thumb a {
        width: 100%;
        padding: 0;
        margin:0 0 15px;
    }
    .home .mobile-2{
        justify-content:space-between;
    }
    .home .mobile-2 a{
        width:48% !important;
    }
    .home .mobile-2 figure img {
        object-fit: unset !important;
        height: auto !important;
    }
    .home #main .large-thumb .new-entry-card-title{
        line-height:1.3;
    }
}
/************************************
** ボタン
************************************/
.p-button {
    max-width: 300px;
    margin: 0 auto;
}
.p-button a {
    display: block;
    margin:25px 0;
    padding: 0.8em 1em;
    border-radius: 2em;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
    background: #1967d2;
    box-shadow: 0 5px 20px rgba(35, 103, 225, .5);
    text-align: center;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    opacity:1;
}
.p-button a:hover{
    box-shadow:none;
    transform: translateY(3px);
    opacity:1;
}

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