@charset "utf-8";
/*
	Theme Name: diver_child
	Template: diver
	Description:  Diverの子テーマです。
	Theme URI: http://tan-taka.com/diver/
	Author: Takato Takagi
 */

/*--------------------------------------
 画像キャプション
--------------------------------------*/
figcaption.wp-element-caption {
  font-size: 14px; /* フォントサイズ */
  font-style: italic; /* 斜体にする */
  font-weight: bold; /* フォントの太さ */
  color: #333; /* テキストの色 */
  text-align: center; /* 中央揃えにする */
}

/*--------------------------------------
  合わせて読みたい Power Automate 　https://maipyon.net/want-read-link/
--------------------------------------*/
.emphasize-link-tab-automate {
  position: relative;
  margin: 50px 0 16px;
  padding: 16px 10px;
  border: 2px solid #1B69E5;
  background-color: #e3ebfc;
}

.emphasize-link-tab-automate p:last-child {
  margin-bottom: 0;
}

.emphasize-link-tab-automate::before {
  font-family: "Font Awesome 5 Free";
  position: absolute;
  bottom: 100%;
  left: -2px;
  padding: 2px 6px;
  content: "あわせて読みたい";
  background-color: #1B69E5;
  color: #fff;
  font-weight: bold;
  border-radius: 6px 6px 0px 0px;
}

.emphasize-link-tab-automate a {
  color: #0044cc;
  text-decoration: none;
}

.emphasize-link-tab-automate .icon::before { /* 擬似要素を使ってアイコンを表示 */
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f061"; /* 矢印アイコン */
  color: #0044cc; /* リンクと同じ色 */
  margin-right: 0.5em;
  display: inline-block; /* アイコンをインライン表示 */
}

/*--------------------------------------
  合わせて読みたい Power Apps
--------------------------------------*/
.emphasize-link-tab-apps {
  position: relative;
  margin: 50px 0 16px;
  padding: 16px 10px;
  border: 2px solid #742773;
  background-color: #F0E9FB;
}

.emphasize-link-tab-apps p:last-child {
  margin-bottom: 0;
}

.emphasize-link-tab-apps::before {
  font-family: "Font Awesome 5 Free";
  position: absolute;
  bottom: 100%;
  left: -2px;
  padding: 2px 6px;
  content: "あわせて読みたい";
  background-color: #742773;
  color: #fff;
  font-weight: bold;
  border-radius: 6px 6px 0px 0px;
}

.emphasize-link-tab-apps a {
  color: #0044cc;
  text-decoration: none;
}

.emphasize-link-tab-apps .icon::before { /* 擬似要素を使ってアイコンを表示 */
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f061"; /* 矢印アイコン */
  color: #0044cc; /* リンクと同じ色 */
  margin-right: 0.5em;
  display: inline-block; /* アイコンをインライン表示 */
}

/*--------------------------------------
  コードブロック
--------------------------------------*/
pre.wp-block-code {
    position: relative;
    line-height: 1.5;
    margin: 0 !important;
    margin-bottom: 0 !important;
    padding: 15px;
    background: #2d2d2d !important;
    color: #f8f8f2 !important;
    border-radius: 8px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
    border: 1px solid #444;
    overflow: hidden;
    height: auto;
    font-size: 0.95rem;
}
.wp-block-code code {
    display: block;
    margin: 0;
    padding: 0;
    background: none;
    color: inherit;
    font-family: 'Courier New', Courier, monospace;
    font-size: 1em;
    vertical-align: top;
    line-height: 1.5;
    overflow: hidden;
}
/* コピーボタンのスタイル */
.copy-button {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: #5c5c5c;
    color: #f8f8f2;
    border: none;
    padding: 6px 12px;
    cursor: pointer;
    font-size: 12px;
    border-radius: 5px;
    opacity: 0.8;
    transition: opacity 0.3s, background-color 0.3s;
}
.copy-button:hover {
    opacity: 1;
    background-color: #444;
}
/* コード内の色分け (例: シンタックスハイライト風に) */
.wp-block-code .keyword {
    color: #66d9ef;
    font-weight: bold;
}
.wp-block-code .string {
    color: #e6db74;
}
.wp-block-code .comment {
    color: #75715e;
    font-style: italic;
}


/*--------------------------------------
  疑似要素による画像・アイコン挿入
--------------------------------------*/
/* すべてのアイコン */
span:after {
}

span:before {
}

/* Power Apps */
.powerapps:before {
content:" ";
display:inline-block;
width:120px;
height:120px;
background: url(https://shiminkaihatsu.com/wp-content/uploads/2024/08/powerapps1.webp);
background-size:contain;
vertical-align:middle;
	margin-left : .1em ;
	margin-bottom : -.5em ;
	margin-right : .1em ;
}
/* Power Apps small*/
.powerappssmall:before {
content:" ";
display:inline-block;
width:60px;
height:60px;
background: url(https://shiminkaihatsu.com/wp-content/uploads/2024/01/powerapps.webp);
background-size:contain;
vertical-align:middle;
	margin-left : .1em ;
	margin-right : .5em ;
}
/* Power Automate */
.powerautomate:before {
content:" ";
display:inline-block;
width:120px;
height:120px;
background: url(https://shiminkaihatsu.com/wp-content/uploads/2024/08/powerautomate1.webp);
background-size:contain;
vertical-align:middle;
	margin-left : .1em ;
	margin-bottom : -.5em ;
	margin-right : .1em ;
}
/* Power Automate small*/
.powerautomatesmall:before {
content:" ";
display:inline-block;
width:60px;
height:60px;
background: url(https://shiminkaihatsu.com/wp-content/uploads/2024/01/powerautomate.webp);
background-size:contain;
vertical-align:middle;
	margin-left : .1em ;
	margin-right : .5em ;
}
/* Dataverse icon */
.dataverse:before {
content:" ";
display:inline-block;
width:50px;
height:50px;
background: url(https://shiminkaihatsu.com/wp-content/uploads/2024/02/dataverse.webp);
background-size:contain;
vertical-align:middle;
	margin-left : .1em ;
	margin-right : .1em ;
}
/* SharePoint icon */
.sharepoint:before {
content:" ";
display:inline-block;
width:60px;
height:60px;
background: url(https://shiminkaihatsu.com/wp-content/uploads/2024/02/sharepoint.webp);
background-size:contain;
vertical-align:middle;
	margin-left : -.2em;
	margin-right : .1em ;
}
/* Excel icon */
.excel:before {
content:" ";
display:inline-block;
width:50px;
height:50px;
background: url(https://shiminkaihatsu.com/wp-content/uploads/2024/02/excel.webp);
background-size:contain;
vertical-align:middle;
	margin-left : .1em ;
	margin-right : .1em ;
}
/* lists icon */
.lists:before {
content:" ";
display:inline-block;
width:50px;
height:50px;
background: url(https://shiminkaihatsu.com/wp-content/uploads/2024/02/lists.webp);
background-size:contain;
vertical-align:middle;
	margin-left : .1em ;
	margin-right : .1em ;
}
/* 休み */
.scheyasumi:before {
content:" ";
display:inline-block;
width:70px;
height:50px;
background: url(https://shiminkaihatsu.com/wp-content/uploads/2024/11/yasumi.webp) no-repeat;
background-size:contain;
vertical-align:middle;
	margin-left : .1em ;
	margin-right : .1em ;
}
/* 出張 */
.schebt:before {
content:" ";
display:inline-block;
width:70px;
height:50px;
background: url(https://shiminkaihatsu.com/wp-content/uploads/2024/11/bt.webp) no-repeat;
background-size:contain;
vertical-align:middle;
	margin-left : .1em ;
	margin-right : .1em ;
}
/* テレワーク */
.schetw:before {
content:" ";
display:inline-block;
width:70px;
height:50px;
background: url(https://shiminkaihatsu.com/wp-content/uploads/2024/11/tw.webp) no-repeat;
background-size:contain;
vertical-align:middle;
	margin-left : .1em ;
	margin-right : .1em ;
}
/* 出社 */
.schesyussya:before {
content:" ";
display:inline-block;
width:70px;
height:50px;
background: url(https://shiminkaihatsu.com/wp-content/uploads/2024/11/syussya.webp) no-repeat;
background-size:contain;
vertical-align:middle;
	margin-left : .1em ;
	margin-right : .1em ;
}