/*
Theme Name: child-theme
Template: lightning
*/
@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Yusei+Magic&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lavishly+Yours&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Modern+Antiqua&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic&display=swap');

h2 {
    font-family: "Modern Antiqua", "Yusei Magic", sans-serif;
    font-weight: 400;
    font-style: normal;
    position: relative;
    display: inline-block; /* 文字幅に合わせる */
    
    /* ↓ ここで【文字と線の間の余白】を自由に決められます */
    padding: 20px 40px; 
    
    line-height: 1;
    margin: 20px; /* 周りの要素との距離（念のため） */
}

h2::before, h2::after {
    display: block;
    position: absolute;
    width: 20px; 
    height: 20px;
    content: '';
}

h2::before {
    /* 左上の角ぴったりに配置 */
    top: 0;
    left: 0;
    border-top: 3px solid #a296af;
    border-left: 3px solid #a296af;
}

h2::after {
    /* 右下の角ぴったりに配置 */
    bottom: 0;
    right: 0;
    border-bottom: 3px solid #a296af;
    border-right: 3px solid #a296af;
}



.entry-title {
    font-family: "Modern Antiqua", "Yusei Magic", sans-serif;
    font-weight: 400;
    font-style: normal;
    position: relative;
    display: inline-block; /* 文字幅に合わせる */
    
    /* ↓ ここで【文字と線の間の余白】を自由に決められます */
    padding: 20px 40px; 
    
    line-height: 1;
    margin: 20px; /* 周りの要素との距離（念のため） */
}

.entry-title::before, .entry-title::after {
    display: block;
    position: absolute;
    width: 20px; 
    height: 20px;
    content: '';
}

.entry-title::before {
    /* 左上の角ぴったりに配置 */
    top: 0;
    left: 0;
    border-top: 3px solid #a296af;
    border-left: 3px solid #a296af;
}

.entry-title::after {
    /* 右下の角ぴったりに配置 */
    bottom: 0;
    right: 0;
    border-bottom: 3px solid #a296af;
    border-right: 3px solid #a296af;
}

.obi-title {
  background: #a296af;
  padding: 20px 40px;
  display: inline-block;
}

h3{
	font-family: "Modern Antiqua", "Yusei Magic",sans-serif;
    font-weight: normal;
}



body{
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 400;
  font-style: normal;
}

a {
  color: inherit;
  text-decoration: none;
}

.myn-font {
  font-family: "Modern Antiqua", serif;
  font-weight: 400;
  font-style: normal;
}

.topd-font {
  font-family: "Lavishly Yours", cursive;
  font-weight: 400;
  font-style: normal;
}

.jpd-font {
    font-family: "Yusei Magic", sans-serif !important;
    font-weight: normal !important;
}
	
div.page-header h1.page-header-title,
.page-header-inner h1.page-header-title,
h1.page-header-title {
  font-family: "Modern Antiqua", serif !important;
  font-weight: 500 !important;
  font-style: normal !important;
}

.page-header-title,
div.page-header-title,
h1.page-header-title,
.page-header .page-header-title,
.page-header-inner .page-header-title {
  font-family: "Modern Antiqua", serif !important;
  font-weight: 500 !important;
  font-style: normal !important;
}

.g-page-h2 {
  position: relative;
  padding: 1rem 2rem calc(1rem + 10px);
  background: #e7e5eb;
}

.g-page-h2:before {
  position: absolute;
  top: -7px;
  left: -7px;
  width: 100%;
  height: 100%;
  content: '';
  border: 4px solid #a296af;
}


#breadcrumb {
 display: none;
}


/*--ぬるっとアンカーリンクへ飛ぶ---*/
html {
  scroll-behavior: smooth;
}

/* CARD一覧・カテゴリ一覧のサムネを16:9に固定 */
.post-type-archive-card-gene .vk_post_imgOuter,
.tax-c-cate .vk_post_imgOuter {
  width: 100% !important;
  height: 0 !important;
  padding-bottom: 56.25% !important; /* 16:9 */
  background-size: cover !important;
  background-position: center center !important;
}

/*-- CARD一覧・カテゴリ一覧　サムネイル見栄え --*/
/* PCだけ */
@media (min-width: 769px) {
  .post-type-archive-card-gene .vk_post_body,
  .tax-c-cate .vk_post_body {
    background-color: transparent !important;
    opacity: 0;
    transition: all 0.3s ease;
  }
  .post-type-archive-card-gene a:hover .vk_post_body,
  .tax-c-cate a:hover .vk_post_body {
    opacity: 1;
    background-color: rgba(143, 135, 165, 0.85) !important;
    color: #fff !important;
  }
}
/* スマホだけ */
@media (max-width: 768px) {
  .post-type-archive-card-gene .vk_post_body,
  .tax-c-cate .vk_post_body {
    position: static !important;
    opacity: 1 !important;
    transform: none !important;
    background-color: rgba(143, 135, 165, 0.85) !important;
    color: #fff !important;
    height: auto !important;
    margin-top: 0 !important;	  
    padding: 14px 16px 16px !important;
  }
  .post-type-archive-card-gene .vk_post,
  .tax-c-cate .vk_post {
    margin-bottom: 16px; /* ←カード間の余白を統一 */
  }

}	


/*--RP比較表---*/

/* WPテーブルブロック：RP比較表 */
.wp-block-table.rp-compare-table{
  overflow-x:auto;
}

.wp-block-table.rp-compare-table table{
  min-width:900px;
  border-collapse:collapse;
}

.wp-block-table.rp-compare-table th,
.wp-block-table.rp-compare-table td{
  padding:12px 14px;
  border-bottom:1px solid #e7e5eb;
  background:#fff;
}

/* 1行目 */
.wp-block-table.rp-compare-table thead th{
  background:#e7e5eb;
}

/* 1列目 */
.wp-block-table.rp-compare-table tr > *:first-child{
  position:sticky;
  left:0;
  z-index:2;
  background:#e7e5eb;
  font-weight:bold;
  width:180px;
  min-width:180px;	
}

.wp-block-table.rp-compare-table th,
.wp-block-table.rp-compare-table td{
  border:1px solid #d7d3dd;
  width:120px;
}

/*--CARD投稿機能上部カテゴリ名表示整え---*/
.tax-c-cate .archive-header {
  display: none;
}

.card-archive-term-title {
  margin: 0 0 2rem;
  font-family: "Modern Antiqua", "Yusei Magic", sans-serif;
  font-weight: 500;
}