/*
ここに独自の CSS を追加することができます。

詳しくは上のヘルプアイコンをクリックしてください。
*/

/***********************
　タグクラウド（デッキタイプに使用）
***********************/
.tagcloud a {
  /* 大見出しの色はデッキタイプのコードで直接変更する */
 font-size: 14px !important; /* 文字のサイズ */
 line-height: 1em; /* 枠の高さ */
 background: #edd4f2; /* 小見出しの背景色 */
 color: #000000; /* 文字色（未使用） */
 display: inline-block; /* 要素の並び方 */
 white-space: nowrap; /* 空白の種類 */
 padding: 6px 6px; /* 文字周りの余白 */
 margin-top: 3px; /* タグ同士の余白 */
 border-radius: 4px; /* 角を少し丸く */
 text-decoration: none; /* テキストの装飾 */
}

/***********************
　タグクラウド（マウスオーバー時）
***********************/

.tagcloud a:hover {
 background: #e2dad5; /* マウスホバー時の背景色 */
 color: #ffffff; /* マウスホバー時の文字色 */
}

/***********************
　コピーボタン
***********************/
.copy_btn {
    vertical-align: middle;
    width: 18%;
    height: 39px;
    padding: 1px 2px;
    text-decoration: none;
    font-weight: bold;
    font-size: 14px;
    color: #a928c0;
    background: #FFFFFF;/*色*/
    border: solid 1.5px #a928c0;/*線色*/
    border-radius: 4px;
}

.copy_btn:hover {/*ホバー時*/
    background-color: #a928c0;
    color: #ffffff;
}

.copy_btn:active {/*押したとき*/
    border: solid 1.5px #a928c0;
    background-color: #a928c0;
    top: 3px;
    box-shadow: none;
    text-shadow: none;
}

.copy_btn.active {/*押したとき*/
    background-color: #ccc;
    color: #ffffff;
    border: none;
}

/***********************
　リンクボタン
***********************/
.link_btn {
    vertical-align: middle;
    width: 18%;
    height: 39px;
    padding: 1px 2px;
    text-decoration: none;
    font-weight: bold;
    font-size: 14px;
    color: #a928c0;
    background: #FFFFFF;/*色*/
    border: solid 1.5px #a928c0;/*線色*/
    border-radius: 4px;
}

.link_btn:hover {
    background-color: #cde5e5;
    color: #ffffff;
}

.link_btn:active {/*押したとき*/
    border: solid 1.5px #000000;
    background-color: #a928c0;
    top: 3px;
    box-shadow: none;
    text-shadow: none;
}

.link_btn.active {/*押したとき*/
    background-color: #ccc;
    color: #ffffff;
    border: none;
}

/***********************
　ジャンプボタン
***********************/
.btn-jump,
a.btn-jump {
  color: #2a5aae;
	background-color
  background-color: #2a5aae; /*色は2a5aae固定*/
	border: 2px solid #2a5aae; /*色は2a5aae固定*/
	padding: 1px 2px;
	font-weight: bold;
	border-radius: 4px;
}
.btn-jump:hover,
a.btn-jump:hover {
  color: #000;
  background: #cde5e5; /*色はcde5e5固定*/
	font-weight:normal;
}

/***********************
　複数画像の中央配置
***********************/
.box {
  border:none;
  padding:10px;
  text-align:center;
}
.box .p1{
  display:inline-block;
}

/***********************
　画像の影
***********************/

.drop-shadow {
	filter: drop-shadow(5px 5px 5px #000000)
}

/*Font Awesome color Start*/

.cl-twitter {color: #55acee}
.cl-youtube {color: #cd201f}
.cl-twitch {color: #6441a5}

/*Font Awesome color End*/

/***********************
　キャプション中央寄せ
***********************/
figcaption {
text-align : center;
}

/* カスタムカラー start 20201108 ahirun */
.has-red-color{color:#cf2e2e !important;}
.has-red-background-color{background-color:#cf2e2e !important;}
 
.has-old_blue-color{color:#3366ff !important;}
.has-old_blue-background-color{background-color:#3366ff !important;}

.has-old_purple-color{color:#cc99ff !important;}
.has-old_purple-background-color{background-color:#cc99ff !important;}

.has-amber-color{color:#fcb900 !important;}
.has-amber-background-color{background-color:#fcb900 !important;}

.has-white-color{color:#ffffff !important;}
.has-white-background-color{background-color:#ffffff !important;}
/* カスタムカラー end */

/***********************
　横並べバナー（幅によって表示される画像が変わる）
***********************/
/* パソコンで見たときは"deck_pc"のclassがついた画像が表示される */
.deck_pc {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}

.deck_pc p {
	padding-right: 3px;
	margin-bottom: 0px;
	width: 100%;
}

.deck_pc p2 {
	padding-left: 8.3%;
	padding-right: 3px;
	margin-bottom: 0px;
	width: 100%;
}

.deck_pc p3 {
	padding-right: 8.3%;
	margin-bottom: 0px;
	width: 100%;
}

.deck_sp { display: none ; }
 
/* スマートフォンで見たときは"deck_sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
 .deck_pc { display: none ; }
 .deck_sp {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
  }
}

.deck_sp p {
	padding-right: 3px;
	margin-bottom: 0px;
	width: 100%;
}

.deck_sp p2 {
	padding-left: 8.3%;
	padding-right: 3px;
	margin-bottom: 0px;
	width: 100%;
}

.deck_sp p3 {
	padding-right: 8.3%;
	margin-bottom: 0px;
	width: 100%;
}

/* 横並べバナー end */

/***********************
　テーブルのストライプ
***********************/
table.line-blue tr:nth-child(odd) td {
	background-color:#ECF1F8;
}
/* テーブルのストライプ end */

/***********************
　要素の中央配置
***********************/
.divcenter{
	text-align:center;
}
/* テーブルのストライプ end */

/***********************
/* 画像キャプション中央寄せ***********************/
.wp-block-image figcaption {
	text-align: center;
}
/* 画像キャプション中央寄せ end */

/***********************
/* エディタ内の選択色を強制指定
***********************/
/* Gutenbergエディタ内で選択色を強制指定 */
.editor-styles-wrapper ::selection {
  background: #3399ff !important;  /* 好きな色に変えてOK */
  color: #ffffff !important;
}