/*
Theme Name: kaleido-inc-theme
Theme URI:
Template: lightning
Description:
Author:
*/

/* 言語切替全体 */
.lang-jp {
  margin-left: 25px !important;
}

.lang-jp,
.lang-en,
.lang-fr {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding: 0 !important;
}

/* ボタン */
.lang-jp > a,
.lang-en > a,
.lang-fr > a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 42px !important;
  height: 34px !important;
  min-width: 0 !important;

  padding: 0 !important;
  margin: 0 !important;

  border: 1px solid #aaa !important;
  background: #fff !important;

  font-size: 13px !important;
  line-height: 1 !important;
  letter-spacing: 0.05em !important;

  color: #222 !important;
  text-decoration: none !important;
}

/* 枠線重複防止 */
.lang-en > a,
.lang-fr > a {
  border-left: 0 !important;
}

/* 角丸 */
.lang-jp > a {
  border-radius: 5px 0 0 5px !important;
}

.lang-fr > a {
  border-radius: 0 5px 5px 0 !important;
}

/* hover */
.lang-jp > a:hover,
.lang-en > a:hover,
.lang-fr > a:hover {
  background: #222 !important;
  color: #fff !important;
}

/* テーマ側でspan等に色指定されている場合の対策 */
.lang-jp > a:hover *,
.lang-en > a:hover *,
.lang-fr > a:hover * {
  color: #fff !important;
}

/* 現在の言語 */
.current-lang > a {
  background: #222 !important;
  color: #fff !important;
}

.current-lang > a * {
  color: #fff !important;
}

/* 言語メニューには通常ナビの現在地ラインを出さない */
.lang-jp::before,
.lang-jp::after,
.lang-en::before,
.lang-en::after,
.lang-fr::before,
.lang-fr::after,
.lang-jp > a::before,
.lang-jp > a::after,
.lang-en > a::before,
.lang-en > a::after,
.lang-fr > a::before,
.lang-fr > a::after {
  display: none !important;
}
@media (max-width: 991px) {

  /* 言語切替だけ横並び */
  .lang-jp,
  .lang-en,
  .lang-fr {
    display: inline-block !important;
    width: auto !important;
    margin: 20px -4px 0 0 !important;
    padding: 0 !important;
    border: none !important;
  }

  .lang-jp {
    margin-left: 15px !important;
  }

  /* ボタン */
  .lang-jp > a,
  .lang-en > a,
  .lang-fr > a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 48px !important;
    height: 40px !important;
    padding: 0 !important;

    border: 1px solid #aaa !important;
    background: #fff !important;

    font-size: 15px !important;
    line-height: 1 !important;
    color: #222 !important;
  }

  .lang-en > a,
  .lang-fr > a {
    border-left: 0 !important;
  }

  .lang-jp > a {
    border-radius: 4px 0 0 4px !important;
  }

  .lang-fr > a {
    border-radius: 0 4px 4px 0 !important;
  }

  /* 現在の言語 */
  .current-lang > a {
    background: #222 !important;
    color: #fff !important;
  }
}

*/
/*SNSアイコン*/
.site-footer {
    content-visibility:visible;
}
.sns-btn {
  z-index: 2;
  position: static; /* デフォルトは流れに従う */
	margin-bottom:20px;
}
.sns-btn figure {
	margin-bottom:0!important;
}
.sns-insta-col,
.sns-tiktok-col,
.sns-youtube-col,
.sns-x-col {
width:60px!important;
height:60px!important;
padding:13px;
border-radius:5px;
display: flex!important;
align-items: center;
justify-content: center;
}
.sns-insta-col {
    background: linear-gradient(45deg, #ffdd83 14%, #f26939 46%, #cf2e92 65%, #4c64d3 100%)!important;
	width:100px;
	height:100px;
}
.sns-tiktok-col {
background-color:#000;
}
.sns-youtube-col {
background-color:#ff0033;
}
.sns-x-col {
background-color:#000;
}
/*reCAPTCHA非表示*/
.grecaptcha-badge { visibility: hidden; }


@media screen and (max-width: 781px) {
.sns-btn {
margin-bottom:0;
width:100vw;
gap:0!important;
}
.sns-insta-col,
.sns-tiktok-col,
.sns-youtube-col,
.sns-x-col {
width:auto!important;
height:50px!important;

border-radius:0;
}
.sns-btn figure,
.sns-btn figure img,
.sns-btn figure img:not([style*=object-fit]) {
height:20px!important;
width:auto!important;
}
}

/*サイトヘッダー関連*/
.site-header{
	box-shadow:none;
}
.global-nav-name{
	font-weight:500;
	font-style:normal;
	color:#231815;
	font-size:17px!important;
}
.site-header-container{
	max-width:95%!important;
}
.site-header-logo{
	width:288px!important;
}
@media screen and (max-width: 480px) {
.page-header {
    min-height: 12rem;
}
}

.page-header-title{
font-family: "Cormorant Garamond", serif;
font-weight: 500!important;
font-style: normal;
font-size:50px!important;
line-height:1.2em!important;
text-shadow:
    4px 0 4px #19306e,
    -4px 0 4px #19306e,
    0 4px 4px #19306e,
    0 -4px 4px #19306e,

    3px 3px 4px #19306e,
    -3px 3px 4px #19306e,
    3px -3px 4px #19306e,
    -3px -3px 4px #19306e,

    0 0 12px rgba(25, 48, 110, 0.9);
}

@media screen and (max-width: 480px) {
.page-header-title{
font-size:35px!important;
margin-top:-10px!important;
margin-bottom:-5px!important;
}
.page-header-subtext{
font-size:14px;
}
}
/*READ MORE ボタン*/
.read-more a{
border:1px solid #ED2939!important;
color:#ED2939!important;
padding-left:10%!important;
padding-right:10%!important;
margin-top:20px;
}
@media screen and (max-width: 781px) {
.read-more{
text-align:center!important;
}
}
/*写真のタブデザイン*/
.vk_tab_labels .vk_tab_labels_label:not(.vk_tab_labels_label-state-active){
background-image:url(https://mikamikazumi.net/fr/wp-content/uploads/2024/12/white-back.png);
}
.vk_tab_labels .vk_tab_labels_label.vk_tab_labels_label-state-active{
background-image:url(https://mikamikazumi.net/fr/wp-content/uploads/2024/12/black-back.png);
background-color:var(--vk-color-primary)!important;
}
.vk_tab_labels .vk_tab_labels_label:not(.vk_tab_labels_label-state-active):hover{
	color:#2d2d2d!important;
}
.vk_tab_labels_label {
flex: 1 1 calc(10.5% - .75rem)!important;
max-width:calc(10.5% - .75rem)!important;
border-radius:0;
border:1px solid #2d2d2d;
}
.vk_tab_bodys .has-border-top {
    border-top: none;
}

.vk_tab_labels-tabSize--tab-fitText, .vk_tab_labels-tabSize--tab-monospaced{
  gap:7px!important;
}
/*入れ子のタブ*/
.wp-block-vk-blocks-tab-item .wp-block-group{
	padding-left:0!important;
	padding-right:0!important;
}
.wp-block-ub-tabbed-content .wp-block-ub-tabbed-content-tabs-content{
	border:none;
	padding:0;
}
.wp-block-ub-tabbed-content-tab-holder > .wp-block-ub-tabbed-content-tabs-title > .wp-block-ub-tabbed-content-tab-title-wrap{
	border-radius:0;
	border:1px solid #000!important;
}
.wp-block-ub-tabbed-content-tab-holder > .wp-block-ub-tabbed-content-tabs-title > .wp-block-ub-tabbed-content-tab-title-wrap.active{
	background-color:#000!important;
	color:#fff!important;
}
/*フッター*/
.site-footer{
	border-top:none;
	background-color:#F7F6F5;
}
.site-footer-copyright p{
	color:#2D2D2D;
	font-size:12px;
}
/*パンクズ*/
.breadcrumb{
	padding:0;
	border-bottom:none;
	position:relative;
	  z-index:2;
}
/*ギャラリー　写真サイズ*/
.ngg-gallery-thumbnail,
.ngg-gallery-thumbnail img{
	height:100%!important;
	aspect-ratio:1000 / 672;
}
.ngg-gallery-thumbnail-box{
	width:25%;
	height:100%;
}
.ngg-galleryoverview.default-view{
	text-align:left;
}
@media screen and (max-width: 781px) {
.ngg-gallery-thumbnail-box{
	width:33%;
}
}
@media screen and (max-width: 480px) {
.ngg-gallery-thumbnail-box{
	width:50%;
}
}
/*ギャラリー　サムネイルサイズ統一*/
.wp-block-gallery.has-nested-images figure.wp-block-image {
    flex-grow: 0;
}
.wp-block-vk-blocks-tab-item .wp-block-group{
	border:0!important;
	padding-top:50px!important;
}
@media (max-width: 991px) {
.vk_tab_bodys .wp-block-group{
padding-left:0!important;
padding-right:0!important;
}
}
/*メディアスライダー*/
.slider1 {
  display: flex;
  margin: 0 calc(50% - 50vw);
	margin-top:-10px;
	margin-bottom:-5px;
  width: 100vw;
	max-width:100vw;
  height:250px;
  overflow: hidden;
}
.slider1 ul{
	display:flex;
	padding: 0;
	margin:0;
}
.slider1 li{
	width:333px;
	margin-left:10px;
	list-style: none;
}

@media screen and (max-width: 599px){
.slider1 {
  width: 100vw;
	height:150px!important;
}
.slider1 li{
	width:200px;
}
}

.slider1 ul:first-child {
  animation: slide1 100s -50s linear infinite;
}
.slider1 ul:last-child {
  animation: slide2 100s linear infinite;
}
@keyframes slide1 {
  0% {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}

@keyframes slide2 {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-200%);
  }
}



/*モバイルナビ　閉じてる時*/
.vk-mobile-nav-menu-btn {
	border: none;
	background: url(https://mikamikazumi.net/fr/wp-content/themes/lightning/_g3/inc/vk-mobile-nav/package/images/vk-menu-btn-white.svg) center 50% no-repeat var(--vk-color-primary);
	position: fixed;
	top: 0px!important;
	right:0px!important;
	z-index: 2100;
	border:none;
	border-radius: 0!important;
	width: 64px;
	height: 64px;
	cursor: pointer;
	text-indent: -9999px;
	background-size: 46px 46px;
	transition: border-color .5s ease-out;
}

/*モバイルナビ　開いた時*/
.vk-mobile-nav-menu-btn.menu-open{
	border:none;
	background: url(https://mikamikazumi.net/wp-content/fr/themes/lightning/_g3/inc/vk-mobile-nav/package/images/vk-menu-close-white.svg) center 50% no-repeat var(--vk-color-primary);
	background-size: 46px 46px;
}

/******************************/
/** コンタクトフォームの装飾 **/
/******************************/

/*　送信ボタンを中央に　*/
div.wpcf7 .wpcf7-spinner {
    display: none !important;
}
/*　フォーム全体　*/
#cf7-area {
width:100%;
margin: 0 auto;
font-family: “遊ゴシック”,”ヒラギノ角ゴ”,”メイリオ”,”MS Pゴシック”,sans-serif;
}

.cf7-item {
display: flex;
align-items: flex-start;
justify-content: flex-start;
}

.cf7-q {
width: 30%;
margin: 0 0 0 0;
}

.cf7-a {
width: 70%;
}

/*　見出し　*/
.form-heading
{
width: 100%;
background-color:  var(--wp--preset--color--vk-color-primary-vivid);
border-radius: 2px;
color: #ffffff;
font-weight: bold;
padding: 1em .8em;
margin: 0 0 3em;
}

.form-heading p {
margin: 0;
}

/* 各項目共通 */
#cf7-area label{
font-weight:bold;
}

#cf7-area input[type=”text”],#cf7-area input[type=”email”],#cf7-area input[type=”tel”],#cf7-area textarea {
background: #F0F8FF;
width:500px;
margin-left:10px;
}

#cf7-area input[type=”text”]:focus,#cf7-area input[type=”email”]:focus,#cf7-area input[type=”tel”]:focus,#cf7-area textarea:focus {
background: #FFE4E1;
border: 2px solid #FF1493;
outline: 0;
}

#cf7-area input[type=”checkbox”], #cf7-area input[type=”radio”]{
appearance: auto;
}

#cf7-area .wpcf7-list-item {
display: block;
}

#cf7-area textarea{
height:200px;
width:100%;
padding: 0.625em 0.4375em;
}

.cf7-accept-check{
text-align: center;
margin: 50px auto;
}

.cf7-submit {
width: 40%;
margin: 0 auto;
text-align: center;
}

.cf7-submit input[type=submit] 
{
width: 100%;
background-color: #191970!important;
color: #ffffff;
border-radius: 0;
font-size: 1.2em;
border:none;
padding: .75rem 5px;
}

.cf7-submit input[type=submit]:hover
{
opacity:.5;
}

.cf7-btn{
width: 40%;
margin: 0 auto;
text-align: center;
}

.cf7-a-half02 {
width: 30%;
max-width:200px;
display:inline-block!important;
}
.hyphen{
	display:inline-block;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
}

/*　必須ラベル　*/
.cf7-req{
font-size:.8em;
line-height:0em;
padding: 12px 6px 13px 6px;
background:#ED2939;
color: #ffffff;
margin-left: 10px;
display:inline-block;
}

@media screen and (max-width:768px){
.cf7-item {
display: block;
}

#cf7-area label{
display: block;
margin-bottom: 10px;
}

.cf7-q {
width: 100%;
margin: 0;
}

.cf7-a {
width: 100%;
}

#cf7-area input[type=”text”], #cf7-area input[type=”email”], #cf7-area input[type=”tel”], #cf7-area textarea{
margin-left: 0;
}

.cf7-submit{
width: 90%;
}
}