/*
Theme Name: FIDFF2025
Theme URI: 
Template: lightning
Description: 
Author: 
Tags: 
Version: 0.6.0
*/

.next-prev-prev.card-horizontal .card-body {
display: flex;
padding: 0;
align-items: center;
justify-content: flex-start;
}

.next-prev-prev.card-horizontal .card-body:before {
font-family: "Font Awesome 5 Free";
content: "\f053";
font-weight: bold;
position: absolute;
font-size: 3rem;
color: rgba(0,0,0,0.1);
top: calc(50% - 1.5rem);
left: 1rem;
}

.next-prev-prev.card-horizontal.vk_post .card-body .vk_post_title a {
display: block;
padding: 1.5rem 1.0rem 1.5rem 3.5rem;
}

.next-prev-next.card-horizontal .card-body {
display: flex;
padding: 0;
align-items: center;
justify-content: flex-end;
}

.next-prev-next.card-horizontal .card-body:before {
font-family: "Font Awesome 5 Free";
content: "\f054";
font-weight: bold;
position: absolute;
font-size: 3rem;
color: rgba(0,0,0,0.1);
top: calc(50% - 1.5rem);
right: 1rem;
}

.next-prev-next.card-horizontal.vk_post .card-body .vk_post_title a {
display: block;
padding: 1.5rem 3.5rem 1.5rem 1.0rem;
}


/* pagetop */
/*上に戻るボタンカスタマイズ*/
.page_top_btn {

/*ボタンの大きさ*/
width: 60px;
height: 58px;

/*ボーダーの種類と色*/
border: solid #fff;

/*ボタンの背景色*/
background:#c22e60;

/*ボタンの丸み*/
border-radius: 50%;

/*ボタンの中の画像（デフォルトのもの）*/
 background-image: var(--ver_page_top_button_url);

/*ボタンの中の画像サイズと位置など*/
background-size:50%;
background-repeat: no-repeat;
background-position: center;
/*シャドウ効果なし*/
 box-shadow: none;
}


/* 吹き出し */
.fukidashi-01 {
  position: relative;
  width: fit-content;
  padding: 12px 16px;
  border: 2px solid #cd4293;
  color: #cd4293;
	text-align: center;
}
.fukidashi-01::after {
  content: "";
  position: absolute;
  top: calc(100% + 5px);
  left: 50%;
  width: 30px;
  height: 2px;
  box-sizing: border-box;
  background-color: #cd4293;
  box-shadow: 0 2px 0 #ffffff, 0 -2px 0 #ffffff; /* 背景色と同じ色を指定 */
  rotate: 50deg;
}

.fukidashi-02 {
  position: relative;
  width: fit-content;
  padding: 12px 16px;
  border: 2px solid #2663ae;
  color: #2663ae;
	text-align: center;
}
.fukidashi-02::after {
  content: "";
  position: absolute;
  top: calc(100% + 5px);
  left: 50%;
  width: 30px;
  height: 2px;
  box-sizing: border-box;
  background-color: #2663ae;
  box-shadow: 0 2px 0 #ffffff, 0 -2px 0 #ffffff; /* 背景色と同じ色を指定 */
  rotate: 50deg;
}