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

html{
	height: 100%;
}

body{
	min-height: 100%;
	/*font-family: 'Open Sans', sans-serif;*/
	font-family: 'Roboto', sans-serif;
}

.sp{
	display:none;
}

@media screen and (max-width: 768px){
.sp{
	display:block;
}
}
	
	
/*パンくずリストの表記の一部を非表示*/
/*.single-post .breadcrumb li:nth-child(2) {
    display:none;
}

.category .breadcrumb li:nth-child(2) {
    display:none;
}*/

.tag .breadcrumb li:nth-child(2) {
	 display:none;
}



/*ヘッダートップの背景を非表示*/
.header-top{
	background-color:unset;
	border-bottom: unset;
}

/*ヘッダー背景画像の設定*/
.site-header{
   background-image: url(https://j-beauty.jp/wp-content/uploads/2023/05/top-main.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position-x: 50%;
	border-bottom: 10px solid #20af07;	
	
}

/*モバイルのヘッダー背景画像の調整*/
@media screen and (max-width: 991px) {
    .site-header{
		background-image:none;
	}
}

/*ヘッダー余白調整*/
.site-header-logo {
	padding:0;
}

/*ロゴ画像のサイズ調整*/
.site-header-logo img {
	max-height: 80px;
}

/*ナビゲーション上のライン*/	
.global-nav, .header_scrolled .site-header {
	border-top: 10px solid #20af07;
}	

/*モバイルのヘッダートップの非表示*/
@media screen and (max-width: 991px) {
	.header-top {
		display: none;
    }
}

/*@media screen and (max-width: 819px) {
	.header-top {
		display: none;
    }
}*/



/*モバイルのヘッダートップの非表示*/
.header-top nav {
	margin-right: 14vw;
}


/*モバイルのメニュー非表示
.vk-mobile-nav-menu-btn {
	display: none;
}
*/


/*モバイルのメニュー　言語バータイトル*/
h1.widget-title {
	font-size: 1rem;
}


.vk-mobile-nav {
	background-color: #e7f6eb;
	padding-top: 75px;
}


/*トップページ見出しのフォント*/
.top-h2{
	/*font-family: 'Open Sans', sans-serif;*/
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 3rem;
}

.top-h3{
	/*font-family: 'Open Sans', sans-serif;*/
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 2.5rem;
}

.top-h4{
	/*font-family: 'Open Sans', sans-serif;*/
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
}

/*トップページフォント*/
.top-search{
	/*font-family: 'Open Sans', sans-serif;*/
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
}

/*トップページリード文の余白調整*/
.top-lead_txt{
	margin-left: 12vw;
	margin-right: 12vw;
}	

@media screen and (max-width: 994px){
	.top-lead_txt{
	   margin-left: 0;
	   margin-right: 0; 
	}
}

/*Search by Ingredientsのhover調整*/
.vk_gridcolcard_item a.vk_gridcolcard_item_container:hover{
	opacity: .5
}


/*Functionalyのボタンの余白調整*/
.vk_buttons_col .vk_button{
	margin:0.5vw;
}

/*コンテンツ下部の余白調整*/
.site-body{
	padding-bottom: 0;
}

/*フッターの高さとラインの調整*/
.site-footer{
	height: 300px;
	position: sticky;
    top: 100vh;
}



/*フッターの検索を非表示*/
.sub-section {
	display: none;
}

/*フッター上部の余白なし*/
.main-section--margin-bottom--on{
	margin-bottom: 0px;
}

.entry-title{
	display: none;
}

.entry-footer {
	display: none;
}

/*アーカイブページのページヘッダを非表示*/
.page-header{
	display: none;
}

/*原料ページ　ライン非表示*/
.next-prev {
   display: none;
}

/*原料ページ　お問合せボタン*/
.product-contact{
	width: 70%;
	margin: auto;
}

/*原料ページ　リスト文字カラー*/
.amino-de-li{
	color: #ff0000;
}


/*ログインフォームのカスタマイズ*/

#wpmem_restricted_msg{
	margin: auto;
    text-align:center;
}

.message{
	color: #000000;
	margin-top: 80px;
	background-color:#dddddd;
	height: 80px;
	padding:10px;
}

.message a {
	color: #ff0000;
	font-weight:bold;
}

#wpmem_login {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
	padding: 20px;
	border: 2px solid #dddddd;
	width: 35vw;
}

@media screen and (max-width: 991px) {
	#wpmem_login {
	 width: 50vw;
	}
}

#wpmem_login legend{
	margin-bottom :20px;
}


/*会社情報テーブル*/

.wp-block-table {
	width: 80%;
	margin: auto;
}

.wp-block-table.is-style-vk-table-border-top-bottom table, .wp-block-table.is-style-vk-table-border-top-bottom th, .wp-block-table.is-style-vk-table-border-top-bottom td {
	border: 1px solid rgba(0,0,0,0.06);
}

.wp-block-table td{
	padding: 1.5em;
}




/*ログインを保存を非表示*/

#wpmem_login input[type=checkbox] {
display: none;
}

#wpmem_login label[for=rememberme] {
display: none;
}　



/************************************
** Contact form 7 CSSカスタマイズ
************************************/
/* 入力欄全体の設定 */
input[type="text"],input[type="password"],input[type="datetime"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],
input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],select,textarea {
    display: block;
    width: 100%;
    height: 45px;
    margin-bottom: 0;
    padding: 0 12px;
    border: 0;
    border-radius: 3px;
    box-shadow: none;
    background-color: #F6F8F8;
    /*color: #5c6b80;*/
    font-size: 1em;
    vertical-align: middle;
    line-height: 45px;
    transition: background-color 0.24s ease-in-out;
}
/* テキストエリアの設定 */
table.CF7_table textarea {
    resize: vertical;
    max-width: 100%;
    min-height: 300px;
    line-height: 1.5em;
    padding: 0.5em;
    overflow: auto;
}
/* 入力欄とテキストエリア共通 */
.CF7_table input, .CF7_table select, .CF7_table textarea {
	border: 1px solid #d8d8d8;
	background-color: #F6F8F8;
}
/* table */
table.CF7_table {
	width: 100%;
	margin: 0 auto;
}
table.CF7_table tr {
	border-top: 1px solid #e5e5e5;
}
table.CF7_table th {
  width: 30%;
  background-color: #FFFFFF;
	font-size: 15px;
	vertical-align: middle;
	text-align: left;
}
table.CF7_table tr,
table.CF7_table th,
table.CF7_table td {
	padding: 0.75rem 0.75rem !important;
}
.single .entry-content table.CF7_table,
.page .entry-content table.CF7_table {
	display: table;
}
.CF7_table ::placeholder {
	color: #797979;
}

/*「必須」文字*/
.CF7_req{
	/*font-size: .9em;
	padding: 4px 7px;
	background: #4c6d70;*/
	color: #ff0000;
	/*border-radius: 3px;
	margin-right:1em;*/
}

/*「任意」文字*/
.CF7_unreq{
	font-size: .9em;
	padding: 4px 7px;
	background: #bdbdbd;
	color: #fff;	
	border-radius: 3px;
	margin-right:1em;
}

/* レスポンシブ */
@media screen and (max-width: 768px){
	table.CF7_table {
	    width: 90%;
	}
	.CF7_table tr, .CF7_table td, .CF7_table th {
        display: block;
        width: 100% !important;
        line-height: 2.5em;
	}
	.CF7_table th {
	    background-color: #F6F8F8;
	}
}

/* 「送信する」ボタン */
.wpcf7 input.wpcf7-submit {
	background-color: #20af07;
	border: 2px solid #20af07;
	color:#fff;
	font-size:1.2em;
	font-weight:bold;
	margin:0 auto;
	/*padding: 15px 30px;*/
	transition: all 0.5s 0s ease;
	width: 50%;
}
.wpcf7 input.wpcf7-submit:hover {
  background: #fff;
	color: #20af07;
}
.CF7_btn{
	text-align: center;
	margin: 50px;
}
.wpcf7-spinner{
	width:0;
	margin:0;
}

input[type=submit] {
	border-radius: 30px;
}

.CF7_bttxt{
	margin: 20px;
}

.CF7{
	padding-bottom:50px;
	width: 80%;
	margin: auto;
}

@media screen and (max-width: 768px) {
	.CF7{
	 width:100%;
}
}

/* ************************************
  ************************************ */