/*
Theme Name: Lightning Child 2023
Theme URI: 
Template: lightning
Description: 
Author: 
Tags: 
Version: 0.6.0
*/
/* コンテナ幅をを100%に */
.container-lg, .container-md, .container-xl {
    max-width: 85%;
}

/*recaptcha*/

.grecaptcha-badge { visibility: hidden; }

/*font*/
body h2, h3, h4, h5{
	font-family:"Yu Mincho","游明朝","YuMincho","游明朝体";
	
}
h4{
    background-color: transparent;
	font-size:2em;
}

/*scroll nav*/

@media (min-width: 992px) {

.header_scrolled .site-header-logo {
    display: block;
    position: absolute;
    padding-top: 10px;
}

.site-header--layout--nav-float .site-header-logo {
    margin-right: 0;
    width: auto;
}

.header_scrolled .site-header-logo img {
    width: auto;
    height: 40px;
}

.header_scrolled .site-header .global-nav {
    margin-right: 0;
}

}

/*MV GAIANAの文字間を開ける*/
h3.ltg-slide-text-title{
	letter-spacing:1.2em;
	margin-right:-1.2em;
}
/*about diana 画像を上げる*/
#about-daiana figure.wp-block-image.aligncenter.size-full{
	margin-top:-30%;
	  border-radius: 8px;
  -webkit-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
  -moz-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
  -ms-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
  filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
}

/*VISUAL TEXT*/
.ltg-slide-text-set {
    position: absolute;
    top: 90%;
    transform: translateY(-50%) translateX(-50%);
    width: 100%;
}

/*page top*/

.page_top_btn {
    position: fixed;
    right: 1%;
    bottom: 5%;
    z-index: 99999;
    width: 100px;
	  height: 100px;
    color: transparent;
    border: none;
    background: transparent;
    box-shadow: none;
    background-size: 100%;
	  background-image:url(https://diana-kobe.com/wp-content/uploads/2023/03/page_top_gray.png);
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.5;
    transition: opacity .3s;


}

/*company table*/

tbody {
    -webkit-text-size-adjust: 100%;
  } 

.scrolled .page_top_btn {   
    opacity: 0.6;
}

/*product*/
@media screen and (min-width: 768px){
figure.wp-block-image.size-full.product2,figure.wp-block-image.size-full.product3,figure.wp-block-image.size-full.product6{
	margin-top:10%;
}

figure.product1,figure.product2,figure.product3,figure.product4,figure.product5,figure.product6{
	position:relative;
}

.product1 figcaption.wp-element-caption,.product3 figcaption.wp-element-caption,.product5 figcaption.wp-element-caption{
	  position: absolute;
    top: 40px;
    left: -99px;
    width: 157px;
    height: 55px;
    background-image: url(https://diana-kobe.com/wp-content/uploads/2023/03/under_caption2.png);
    -moz-transform: rotate(20deg);
/*------------------------------
	-webkit-transform: rotate(20deg);
    -o-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    transform: rotate(20deg);
-------------------------------*/
    color: white;
    padding-top: 20px;
}

.product2 figcaption.wp-element-caption,.product4 figcaption.wp-element-caption,.product6 figcaption.wp-element-caption{
	  position: absolute;
    top: 72%;
    right: -99px;
    width: 157px;
    height: 55px;
    background-image: url(https://diana-kobe.com/wp-content/uploads/2023/03/under_caption1.png);
/*------------------------------
    -moz-transform: rotate(-20deg);
    -webkit-transform: rotate(-20deg);
    -o-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    transform: rotate(-20deg);
-------------------------------*/
    color: white;
    padding: 20px;
}

.product2 figcaption.wp-element-caption{
	padding-top: 10px;
}
}

/*blog*/
.entry-header{
	text-align:center;
}
.veu_followSet{
	display:none;
}
.veu_adminEdit{
	display:none;
}

/*table*/

#diana-company{
overflow: auto;/*tableをスクロールさせる*/
white-space: nowrap;/*tableのセル内にある文字の折り返しを禁止*/
}
#diana-company::-webkit-scrollbar{　　
 height: 5px;/*tableにスクロールバーを追加*/
}
#diana-company::-webkit-scrollbar-track{　　/*tableにスクロールバーを追加*/
 background: #F1F1F1;
}
#diana-company::-webkit-scrollbar-thumb {　　/*tableにスクロールバーを追加*/
 background: #BCBCBC;
}

table.diana-company-info {
margin: 0 auto;
width: 100%;
border: none;
border-top: solid 1px #000000;
border-bottom: solid 1px #000000;
border-collapse: separate;
border-spacing: 0px 20px;
}

table.diana-company-info th {
vertical-align: middle;
height: auto;
width: 25%;
border-bottom: none;
border-top: none;
border-left: none;
border-right: solid 1px #000000;
margin: 0;
text-align: center;
font-weight: bold;
}

table.diana-company-info td.data {
padding: 0 10px 0 10px;
margin: 0;
height: auto;
width: 75%;
border: none;
line-height: 2em;
text-align: left;
vertical-align: middle;
white-space: nowrap;
overflow: hidden;
}


table.diana-company-info td.bar {
height: 1px;
width: 100%;
border-left:none;
border-right:none;
border-bottom:none;
border-top: solid 1px #34495e;
}

table td, table th {
    padding: 0;
}


/*フッタートップの線を非表示*/
.site-footer {
    border-top: 3px solid var(--vk-color-primary);
}
/*フッターリストの線を非表示*/
footer h4:after{
	border:nene;
}

footer ul li{
    padding: 0.5em;
    border: 2px solid;
    font-size: 1.5em;
  	text-align:center;
  	font-weight:bold;
	
}
footer ul li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-28{
	    margin-top: 2em;
}

footer li a{
	text-decoration:none;
}
.localNavi>div>ul li a,.localNavi>ul li a,.widget .localNavi>div>ul li a,.widget .localNavi>ul li a,.widget_archive>div>ul li a,.widget_archive>ul li a,.widget_categories>div>ul li a,.widget_categories>ul li a,.widget_link_list>div>ul li a,.widget_link_list>ul li a,.widget_nav_menu>div>ul li a,.widget_nav_menu>ul li a,.widget_pages>div>ul li a,.widget_pages>ul li a,.widget_postlist>div>ul li a,.widget_postlist>ul li a {
    display: block;
    padding-top: .7em;
    padding-bottom: .7em;
    padding-left: var(--vk-margin-list-menu-left-first);
    border-bottom: none;
    text-decoration: none
}

/*フッターLightning紹介を消す*/
footer .container.site-footer-copyright p .customize-unpreviewable{
    display:none !important;
}

footer .container.site-footer-copyright p:nth-child(2){
	 display:none !important;
}
footer{
	padding-left:10%;
	padding-right:10%;
}

/*フッター各ウィジェットスタート位置を揃える*/
footer .widget.widget_nav_menu{
	padding-top:10%;
}
footer .widget.widget_recent_entries{
	padding-top:10%;	
}
	/*フッターに背景を設定*/
footer{
	background-image:url(https://diana-kobe.com/wp-content/uploads/2023/03/blue.png) ;
}


/*contact*/
.page-header {
	background-color:#f8f8f8;
	color:#000000;
}



/*ContactForm7カスタマイズ*/

.diana-con-table p{
	margin:10px 0;
}
.diana-con-table input[type=date], input[type=email], input[type=number], input[type=password], input[type=tel], input[type=text], input[type=url], select, textarea {
	border:none;
}
.diana-con-btn{
	margin-top:2em;
}

/* レスポンシブ */


@media (max-width: 991.98px){

	footer{
	background-image:none;
	background-color:#f8f8f8;

	} 	
	
	
}

@media screen and (max-width: 767px){
	table.diana-com-table{
	width:95%;
	}
	.diana-com-table tr, .diana-com-table td, .diana-com-table th{
	display: block;
	width: 100%;
	line-height:2.5em;
	}

}

@media (max-width: 575.98px){
	.ltg-slide-text-set{
		top:92%;
	}
	.mini-content-container-1 .btn {
		display:none;
	}
figure.wp-block-image.size-full.product2,figure.wp-block-image.size-full.product3,figure.wp-block-image.size-full.product6{
	margin-top:0;
}
}