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

:root {
  --title: #825539;
  --text:#825539;
  --border:#f5e0d2;
  --a-link:#ccc;
  --a-underline:"#333";
}

a:hover {
    color: var(--a-link);
    text-decoration-color: var(--a-underline);
}

.site-body {
  min-height: calc(100vh - 200px); 
}

.site-header{
    background: none;


	height:200px;
}

.site-header-logo img{
    max-height:100px;
	position:absolute;
	left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

.page-header-title, h1.page-header-title {
    font-weight: 200;
    line-height: var(--vk-line-height-low);
}
.page-header {
    color: #333;
    background:rgba(0,0,0,0.1);
}

h2 {
    font-size: 1.2rem;
	font-weight:200;
}
h3 {
    font-size: 1.0rem;
}

.new-time{
	  width: 100%;
    font-weight: 400;
    line-height: 25px;
    color: #666;
    font-size: 12px;
}

dl+h1, dl+h2, dl+h3, dl+h4, dl+h5, dl+h6, ol+h1, ol+h2, ol+h3, ol+h4, ol+h5, ol+h6, p+h1, p+h2, p+h3, p+h4, p+h5, p+h6, table+h1, table+h2, table+h3, table+h4, table+h5, table+h6, ul+h1, ul+h2, ul+h3, ul+h4, ul+h5, ul+h6 {
    margin-top: 0.5em;
}

.t-head-line{
margin-left:10px;
}
.img_center{
  display: block;
  margin-left: auto;
  margin-right: auto;
}

p{
    margin-bottom: 0px;
}
.moji_link{
  padding:20px 0;
  font-size:12px;
}
p.moji_link::before{
	content:">> ";
}

.entry-title--post-type--page, h2:where(:not(.wp-block-post-title))
{
    padding: .3em 0;
    border-top: 0px solid var(--vk-color-primary);
    border-bottom: 1px solid var(--vk-color-border-hr);
}

.footer-nav-list li:first-child {
    border-left: 0px;
}
.footer-nav-list li {
    border-right: 0px;
	padding:5px;
}

.footer-nav-list li::before{
	position: relative;
	content:">";
	top:-1px;
	padding:5px;
}

/* アーカイブリストでアーティストネームを表示する部分を設定 */
.card-img-overlay{
  position:absolute;
  pointer-events: none !important;
  top:0px;
  left:8px;
  display:flex;
  gap:6px;
  z-index:0;
}

.vk_post_imgOuter_singleTermLabel{
  color:#fff;
  font-size:12px;
  padding:4px 10px;
  border-radius:999px;
  line-height:1.4;
}

.vk_post .vk_post_imgOuter:before {
    border: 1px solid #333;
}

/* レイアウト調整 */
.next-prev{
  display: flex;
  justify-content: space-between;
  margin-top: 40px;
}
.next-prev-prev{
	text-align:left;
}
.next-prev-next{
	text-align:right;
}

/* 前へ */
.next-prev-prev a::before{
  font-weight: 400;          /* ← 超重要（Solid） */
  content: "<< ";          /* chevron-left */
  
}

/* 次へ */
.next-prev-next a::after{
  font-weight: 400;          /* ← 超重要（Solid） */
  content: " >>";          /* chevron-right */
  
}

/*::::::::::::::::: アーティスト用タグカスタム :::::::::::::::::::::*/
p.news-art_tag_001,.vk_post_imgOuter_singleTermLabel.tag-toconoma{
	font-size:0.6rem;
	font-weight:400;
	color:#FFF;
	padding:2px;
	background-color: #dd64bf;
	text-align:center;
	width:90px;
	border-radius:4px
}
p.news-art_tag_002,.vk_post_imgOuter_singleTermLabel.tag-jabberloop{
	font-size:0.6rem;
	font-weight:400;
	color:#FFF;
	padding:2px;
	background-color: #7cd8b8;
	text-align:center;
	width:90px;
	border-radius:4px
}
p.news-art_tag_003,.vk_post_imgOuter_singleTermLabel.tag-blu-swing{
	font-size:0.6rem;
	font-weight:400;
	color:#FFF;
	padding:2px;
	background-color: #755fd4;
	text-align:center;
	width:90px;
	border-radius:4px
}
p.news-art_tag_004,.vk_post_imgOuter_singleTermLabel.tag-paranoid-void{
	font-size:0.6rem;
	font-weight:400;
	color:#FFF;
	padding:2px;
	background-color: #e99965;
	text-align:center;
	width:90px;
	border-radius:4px
}

.site-footer {
margin-top:auto;
}

/* プライバシーポリシー */

.post-3 .page_padding_top{
  padding:5px 0 0px;
}
.post-3 p{
  font-size:12px;
  line-height: 15px;
  padding:0 7px;
}

/* メールフォーム */
.contact_desc{
padding:30px 0;
text-align: center;
line-height: min(40px,10vw);
font-size: min(16px,3vw);
}

.post-8 h3{
  font-size: min(16px,3vw)
  padding:30px 10%;
  text-align: center;
}
.t_red{
  color:red;
  font-weight:bold;
}
.wpcf7{
  width:80%;
  max-width:600px;
  margin:100px auto 0;
}





@media (min-width: 992px) {
	.site-header--layout--nav-float .site-header-container {
		display: block;
		flex-direction: row;
		position: relative;
	}
	.header_scrolled.admin-bar .site-header {
		animation: header_drop_admin .5s ease-out 0s 1 alternate none running;
		height: 50px;
		background-color:#eee;
	}
	.header_scrolled .site-header .global-nav{
		position:absolute;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
	}
	body:not(.header_scrolled) .global-nav--layout--float-right {
		display: block;
		position: absolute;
		justify-content: flex-end;
		align-items: center;
		position:absolute;
		top:150px;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
}
}

@media (max-width: 767.98px) {
    .footer-nav-list li a {
        display: contents;
        padding-top: 2em;
        padding-bottom: 1em;
    }
}

.tagcloud a:before {
    font-family: "Font Awesome 5 Free";
    content: "\f2bd";
    font-weight: bold;
}
.entry-meta-data-list dd {
    border: none;
    padding-left: 0;
}
.entry-meta-data-list dt{
background-color:rgb(113, 177, 185);
font-weight:400;
font-size:12px;
padding:4px 5px;
min-width:8em;
}


/*:::::::::::::::::slick-slide用のCSS :::::::::::::::::::::*/
.slick-slide img{
	padding:5px;
}


/*::::::::::::::::: 画面から消しているもの :::::::::::::::::::::*/

/* 投稿リストの末端ページ内  */
.entry-meta-item.entry-meta-item-updated,.entry-meta-item.entry-meta-item-author {
display: none;
}
.entry-meta-data-list--category{
display: none;
}


/*::::::::::::::::: アーティストページ :::::::::::::::::::::*/

.artist_list{
  display: flex;
  gap: 24px;          /* 列間の余白 */
  margin-bottom:100px;
  width:600px;
}

.art-cont-left > div{
  flex: 1 1 0;        /* 2つを均等幅に */
  min-width: 0;       /* はみ出し防止（超重要） */
}

/* スマホは縦並び */
@media (max-width: 768px){
  .art-cont-right{
    flex-direction: column;
  }
}

/* メンテ画面含め、本文内のimgをセンター寄せ */
.entry-content img,.wp-block-image img,img,.artist_list{
  display:block;
  margin-left:auto !important;
  margin-right:auto !important;
}

h2.artist{
	text-align:center;
	font-size:2rem;
	border-bottom: 0px;
	margin:50px 0;
}
.sns{
	text-align:center;
}

/* Contactページだけ：送信ボタン(input[type=submit])をカスタム */
.page-id-8 .wpcf7 input[type="submit"],
.page-id-8 input[type="submit"]{
　display: block;
  margin: 0 auto;
  -webkit-appearance: none;
  appearance: none;
  border: none;
  border-radius: 3px;
  padding: 14px 22px;
  font-weight: 700;
  letter-spacing: .06em;
  cursor: pointer;
  background: #d4b6d2;
  color: #fff;
  box-shadow: 0 10px 24px rgba(0,0,0,.3);
  transition: transform .15s ease, box-shadow .15s ease, opacity .15s ease;
  margin:0 auto;
}

.page-id-8 .wpcf7 input[type="submit"]:hover,
.page-id-8 input[type="submit"]:hover{
  transform: translateY(-1px);
  box-shadow: 0 14px 28px rgba(0,0,0,.22);
  opacity: .95;
}

.page-id-8 .wpcf7 input[type="submit"]:active,
.page-id-8 input[type="submit"]:active{
  transform: translateY(0);
  box-shadow: 0 8px 18px rgba(0,0,0,.18);
}

.page-id-8 .wpcf7 input[type="submit"]:focus-visible,
.page-id-8 input[type="submit"]:focus-visible{
  outline: 3px solid rgba(0,0,0,.25);
  outline-offset: 3px;
}

.wpcf7-spinner{ display:none !important; }

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    border-color: #ffb900;
    text-align: center;
}

.slick-slider{
  z-index:1;
}
.slick-center {
transform: scale(1);
opacity: 1;
}
/* TOPスライダーを大きく（画像の高さを指定してトリミング） */
.js-slick img,
.slick-slide img,
.wp-block-gallery img {
  height: clamp(260px, 20vw, 560px); /* 小〜大まで自動調整 */
  /*width: 100%;*/
  object-fit: cover;
  display: block;
}

/* 余白が変な場合の保険 */
.js-slick,
.slick-list,
.slick-track {
  overflow: hidden;
}

.media-img{
  padding:0px;
  border:opx;
}

@media (max-width: 768px){
.site-header {
    height: 120px;
}
}

@media (max-width: 767.98px) {
    .footer-nav-list li {
        border-right: none;
        border-bottom: 0px solid var(--vk-color-border-hr);
		margin:5px 0;
    }
}

.vk-mobile-nav-menu-btn {
    position: fixed;
    top: 5px;
    left: 5px;
    z-index: 2100;
    overflow: hidden;
    border: 0px solid #333;
    border-radius: 2px;
    width: 34px;
    height: 34px;
    cursor: pointer;
    text-indent: -9999px;
    background-size: 24px 24px;
    transition: border-color .5s ease-out;
}
.vk-mobile-nav-menu-btn {
    background: url("https://junonsaisai.com/wp-content/uploads/2025/12/cropped-j_logo.png");
    background-size: cover;
    background-position: center;
  }
.vk-mobile-nav-menu-btn.menu-open {
    border: 0px;
    background: var(--vk-mobile-nav-menu-btn-close-bg-src) center 50% no-repeat rgba(255, 255, 255, .8);
}

@media (max-width: 767px) {

.vk-mobile-nav-menu-btn {
    background: url("https://junonsaisai.com/wp-content/uploads/2025/12/cropped-j_logo.png");
    background-size: cover;
    background-position: center;
  }
.vk-mobile-nav-menu-btn.menu-open {
    border: 0px;
    background: var(--vk-mobile-nav-menu-btn-close-bg-src) center 50% no-repeat rgba(255, 255, 255, .8);
}
}



@media (min-width: 992px) {
    .header_scrolled .site-header {
        clear: both;
        z-index: 1000;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
		height:50px;
        max-width: 100vw;
        min-height: unset;
        box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
        animation: header_drop .5s ease-out 0s 1 alternate none running;
    }
}


/* ===== モバイル：カテゴリ一覧のアイキャッチを100% ===== */
@media (max-width: 767px) {
	.vk_post .media-body {
    width: 100%;
}

  /* mediaレイアウトを縦積みに */
  .media {
    display: block !important;
  }

  /* アイキャッチ枠を100%に */
  .media .media-img {
    width: 100% !important;
    max-width: none !important;
    margin-right: 0 !important;
    margin-bottom: 12px;
    padding:0px;
  }

  /* 画像を100%表示 */
  .media .media-img img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
  }

}

/* ===== アーティストページ用 ===== */
.content-4col{
  display:flex;
  flex-wrap:wrap;     /* 画面が狭い時に折り返せる保険 */
  gap:24px;           /* 余白 */
}

.content-4col > .content-item{
  flex: 1 1 calc(50% - 24px); /* 4等分 */
  min-width: 0;               /* はみ出し防止 */
  box-sizing: border-box;
}

/* タブレット：2列 */
@media (max-width: 1024px){
  .content-4col > .content-item{
    flex-basis: calc(50% - 24px);
  }
}

/* スマホ：1列 */
@media (max-width: 782px){
  .content-4col{
    gap:16px;
  }
  .content-4col > .content-item{
    flex-basis: 100%;
  }
}

.post-153 h2,.post-198 h2,.post-208 h2,.post-218 h2{
  font-size:3rem;
  font-weight: 200;
  text-align:center;
  border-bottom:0px;
}

.post-153 h4,.post-198 h4,.post-208 h4,.post-218 h4{
  font-size:14px;
  font-weight: 200;
}
.post-153 p,.post-198 p,.post-208 p,.post-218 p{
  font-size:12px;
  padding:10px;
}
.post-153 a,.post-198 a,.post-208 a,.post-218 a{
  text-underline-offset:3px;
  
}
.post-153 a:hover,.post-198 a:hover,.post-208 a:hover,.post-218 a:hover{
  color:#999;
  text-decoration: underline;
}

.art_page{
margin:70px 0 10px;
font-weight: 200;
}
.art_page_s{
margin:20px 0 10px;
font-weight: 200;
border-bottom:0px;
}
.art_sns{
  display:flex;
  gap:12px;
  justify-content: center;
  align-items: center;
  font-size:12px;
  width:300px;
  margin: 0 auto;
}
.art_sns a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.sns_iq{
  width:15px;
}
.o_site{
  text-align: center;
}
.art_word{
  margin:50px auto;
  font-size:12px;
}
.site-footer-title, .sub-section-title, h3:where(:not(.wp-block-post-title)){
  border:0px;
}
.site-footer-title:after, .sub-section-title:after, h3:where(:not(.wp-block-post-title)):after{
  bottom:0px;
  border:0px;
}

.new-list-item{
  border-bottom:1px dotted #bbb;
}

.news-list-meta{
  display: flex;
  align-items: center;
  gap: 10px;            /* 要素間の余白 */
  flex-wrap: wrap;      /* はみ出す場合は折り返し */
}

/* もし時間やタグが block で崩れる場合の保険 */
.news-list-meta > *{
  margin: 0;
}

@media (max-width: 767px) {
.news-list-meta{
  display: contents;
  align-items: center;
  gap: 10px;            /* 要素間の余白 */
  flex-wrap: wrap;      /* はみ出す場合は折り返し */
}
}
.home h3{
padding-top:5px;
}
.global-nav-list>li:before {
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    width: 0;
    transition: all .5s ease-out;
}
.global-nav-list > li:nth-child(1)::before {
    border-bottom: 2px solid #ffcef3;
}

.global-nav-list > li:nth-child(2)::before {
    border-bottom: 2px solid #cbcefb;
}

.global-nav-list > li:nth-child(3)::before {
    border-bottom: 2px solid #bef9ce;
}

.global-nav-list > li:nth-child(4)::before {
    border-bottom: 2px solid #fafbc9;
}

@media (min-width: 992px) {
    .header_scrolled.admin-bar .site-header {
        animation: header_drop_admin .5s ease-out 0s 1 alternate none running;
        height: 50px;
        background: url("https://junonsaisai.com/wp-content/uploads/2025/12/ChatGPT-Image-2025年12月13日-08_45_56.jpg");
        background-size: cover;
        background-position: top;
    }
}

.splash_paint{
        position: absolute;
        top:80px;
        left:2%;
        z-index:0;
}
.splash_paint2{
        position: absolute;
        top:400px;
        right:2%;
        z-index:0;
}
.splash_paint3{
        position: absolute;
        top:-200px;
        left:2%;
        z-index:0;
}
.splash_paint4{
        position: absolute;
        top:100px;
        right:2%;
        z-index:0;
}
.artist_link{
  position: relative;
  z-index:1;
}