@charset "utf-8";
/*
Theme Name: Lightning Child
Theme URI:
Template: lightning
Description:
Author:アートフレア株式会社
Tags: 
Version: 1.1
*/
/* 標準データ最終更新日：　2023/07/31
 * 
 * ■ Ctrl+/ でコメントアウトできます。
 * 
 *  */

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  general　全体的な設定
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

/* :root設定、@import、フォント読み込み、bodyへの上書き、カラー変数設定など */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@200;300;400;500;600;700&display=swap');

 a:not([class]) {
    text-decoration: underline;
	-webkit-text-decoration-style: solid;
	text-decoration-style: solid;
    text-underline-offset: 2px;
    text-decoration-thickness: 1px;
}
a:not([class]):hover {
    color: var(--vk-color-text-link-hover);
}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  common 汎用パーツ系
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
body,h1,h2,h3,h4,h5,h6,p{
	font-family: 'Noto Serif SC', serif!important;
}
	/* 繰り返しボタン・見出し、余白設計など */
.btn{
	border-radius:80px!important;
}
.mdiashi_M h2{
	font-size:29px;
}
.mdiashi_M h3{
	font-size:24px;
}
.btn2 a{
	border-radius:0!important;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  header ヘッダーまわり
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

	/* ヘッダーウィジェット・グローバルナビ */
#menu-nested-pages {
	list-style:none;
	display:flex;
	flex-wrap:wrap;
	justify-content:end;
	margin-left:auto;
}
#menu-nested-pages li{
	padding:0 20px;
}
.header_nav_search_container{
	margin-left:auto;
}
/* グローバルナビ */
.global-nav-list>li>a {
	transition: .3s;
	border-bottom: 3px solid transparent;
}

.global-nav-list>li>a:hover,
.global-nav-list>li.current-menu-item>a {
    color: var(--vk-color-custom-1);
/*     border-bottom: 3px solid var(--vk-color-custom-1); */
}
.site-header{
	position:absolute!important;
	top:90vh;
	padding-top:6px!important;
}
#teaser{
	min-height:90vh!important;
	height:90vh!important;
	padding-bottom:40px;
}
#site-header{
	background-color:#e7e7e7
}
#site-header a{
	text-decoration:none;
}
.site-header-logo {
	display:none;
}
.global-nav--layout--float-right{
	margin-left:0!important;
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  footer フッターまわり
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

	/* フッターウィジェット、フッターロゴ、コピーライト */
.footer_link{
line-height:2;
}
.footer_link ,.footer_link p,.footer_link a{
	font-size:1.1rem;
	color:#000;
	text-decoration:none;
}
.footer_link a:hover{
	color:#888888;
}
.site-footer-copyright{
display:none;}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  pageheader,breadcrumb 下層ページヘッダー
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

	/* 下層ページのページヘッダー、パンクズ設定 */


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Toppage トップページ
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

	/* ページごと、パーツごとにコメントアウトで注釈を入れてください。 */
#teaser .fv_cp{
	 -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
	margin-right:10vw!important;
}
.fv_cp h1{
	font-size:50px;
	letter-spacing:0.15em;
	line-height:1.4;
}
.fv_cp p{
	font-size:16px;
	letter-spacing:0.17em;
	padding-top:90px;
	text-indent:-3em;
	text-orientation: upright;
}
.midashi1 h2{
	font-size:67px;
}
.midashi2 h2{
	font-size:32px;
}
.section1 p{
	line-height:2.8;
}
.section2{
	padding-right:360px;
}
.section2 h2{
	font-size:40px;
	margin-left:60px!important;
}
.section2 p{
	line-height:2.5;
	margin-left:210px;
}
.section2 img{
	margin-top:50px;
}
.tate{
	 -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}
.tate_center{
	text-align: center!important;
	width:100%;
}
.tate_center .vk_outer_container{
  display: inline-block!important;
  text-align: initial!important;
}
.page_link{
display:flex;
flex-wrap:wrap;
list-style:none;
	justify-content:end;
}
.page_link li{

	border-right:solid 1px #000;
}
.page_link li:last-child{
	border-right:none;
}
.page_link li a{
	text-decoration:none;
	color:#000;
		padding:0 20px;
	transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
	display:block;
}
.page_link li a:hover,.link_on a{
	background-color:#000;
	color:#fff!important;
}
.midashi3 h3{
	font-size:32px!important;
	line-height:1.4;

}
.midashi3 p{
	font-size:16px;
		margin-bottom:0!important;
	margin-left:0!important;
	text-align: left;
	margin-right:20vw;
}
.product_box{
	padding:6rem 3rem!important;
}
.btn1000{
	width:1170px;
	margin:auto;
}
.more_out{
	text-align:right;
}
.more{
	color:#fff;
	display:inline-block;
	border-radius:60px;
	border:solid 1px #fff;
	padding:3px 20px;
	text-align:right;
	margin-right:0;
	margin-left:auto;
	transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
	position:absolute;
	bottom:20px;
	right:12vw;
}

.product_box{
	position:relative;
	transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
	min-height:560px;
}
.product_box a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent:-9999px;
    z-index: 2; /* 必要であればリンク要素の重なりのベース順序指定 */
}
.product_box:hover .more{
	background-color:#fff;
	color:#000;
}
.product_box:hover {
    filter:alpha(opacity=70);/* IE 6,7*/
    -ms-filter: "alpha(opacity=70)";/* IE 8,9 */
    -moz-opacity:0.7;/* FF , Netscape */
    -khtml-opacity: 0.7;/* Safari 1.x */
    opacity:0.7;
    zoom:1;/*IE*/
}
.product_box .vk_outer_container {
    position: initial!important;
}
.koubo_box .tate p{
	text-align: left;
}
.koubo_midashi img{
	margin-top:3px;
}
.koubo_midashi p{
	margin-left:0px!important;
	font-size:24px;
/* 	margin-right:50px; */
}
.koubo_midashi h2{
	font-size:90px;
	margin-left:30px;
	line-height:1.3!important;
}
.vertical_text{
    line-height: 2.6;
}
.tate.tate_center .vertical_text.top_koubo {
    height: 644px;
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  page 下層ページ
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

	/* ページごと、パーツごとにコメントアウトで注釈を入れてください。 */
/* 190年の伝统 */
.page-id-4503 .page-header{
	display:none;
}
.midashi_L h2{
	font-size:61px!important;
	margin-left:50px;
}
.midashi_L img{
	margin-top:12px;
}
.box190 .midashi_L span{
	text-orientation: upright;
}
.box190 {
padding-right:300px;}
.box190 p{
	line-height:2.2!important;
}
.keisyou_ti{
	padding-left:60px;
}
.keisyou_ti h2,.keisyou_ti p{
text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.71);

}
.history-table{
	width:80%;
	margin:auto;
}
.history-table td{
	padding:15px!important;
}
.history-table td:nth-of-type(1){
	width:25%!important;
}
.history-table td:nth-of-type(2){
	width:20%;
}
.company-table {
	width:80%;
	margin:auto;
}
.company-table td{
	padding:15px!important;
}
.company-table td:nth-of-type(1){
	width:19%!important;
	background-color:#ebeced
}
.tate.tate_center .vertical_text{
    line-height: 3.2!important;
	height: 672px;
}
/* 专属酵母 */
.page-id-4538 .page-header{
	display:none;
}

.page-id-4559 .page-header{
	display:none;
}

.midashi_L50 h2{
	font-size:57px;
	margin-left:57px;
	margin-right:140px;
}
.midashi_L50 img{
	margin-top:20px;
}
.shop-table td{
	padding:15px;
}
.shop-table td:nth-of-type(1){
	width:25%!important;
}
.vk_accordion-trigger{
	padding:0!important;
}
.vk_accordion-trigger h3{
	border-radius:0!important;
}

.gray_box{
	padding:28px 40px!important;
}

/* 試飲会 */
.page-id-4589 .page-header{
	display:none;
}
.page-id-4589 .midashi_L50 h2{
	margin-left: 7px;
    margin-right: 190px;
}

.page-id-4589 .vk_accordion-trigger{
	padding:15px!important;
}
.left0 h2{
	margin-left:0!important;
}
/* NEWS */

.page-id-4597 .page-header{
	display:none;
}

.page-id-2599 .page-header{
	display:none;
}

.tsuushin_ti h2{
	margin-right:210px!important;
}
.contactform-entext{
	display:none;
}
.contact_ti{
	margin-top:50px;
}
.policy_box{
	overflow-x:auto;
	height:180px;
	padding:20px;
	border:solid 1px #ccc;
	margin-bottom:20px;
}
.policy_box h6{
	margin-top:40px;
}
.ta_c{
	text-align:center;
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  商品案内
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.page-id-4619 .tate.tate_center .vertical_text {
    line-height: 3.2 !important;
    height: 325px;
}
.page-id-4619 .page-header{
	display:none;
}
.product_ic p{
border-radius:50%;
color:#fff;
display:flex;
align-items:center;
align-content:center;
justify-content:center;
font-size:10px;
	text-align:center;
	width:50px;
	height:50px;
line-height:1.2}

/* .product_ic .wp-block-column:nth-child(1) p{
	background-color:#e97373
}
.product_ic .wp-block-column:nth-child(2) p{
	background-color:#B50002
}
.product_ic .wp-block-column:nth-child(3) p{
	background-color:#623516
} */

.product_box_in p{
	margin-bottom:7px!important;
}
.product_txt{
	min-height:120px;
}
.product_box_in .wp-block-columns{
	margin-bottom:0px!important;
}
.product_per{
	margin:0;
}
.product_per h5{
	margin:0!important;
	font-size:22px;
}
.product_per p{
	margin:0!important;
	font-size:11px;
}
.product_box_in{
	position:relative;
	transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
}
.product_box_in:hover{
	opacity:0.7;
}
.product_box_in a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent:-9999px;
    z-index: 2; 
}
.more2{
	border:solid 1px #000;
	font-size:11px;
	padding:5px 10px;
	border-radius:2px;
	margin-top:10px;
	transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
}
.product_box_in:hover .more2{
	background-color:#000;
	color:#fff;
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  商品詳細
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

.parent-pageid-4619 .page-header{
	display:none;
}
.parent-pageid-4619 .entry-header{
	display:none;
}
.parent-pageid-4619 .page_link{
	justify-content:start;
}
.parent-pageid-4689 .page-header,.parent-pageid-4689 .entry-header{
	display:none;
}
.parent-pageid-4693 .page-header{
	display:none;
}
.parent-pageid-4693 .entry-header{
	display:none;
}
.parent-pageid-4693 .page_link{
	display:none;
}
.parent-pageid-4695 .page-header{
	display:none;
}
 .parent-pageid-4695 .entry-header{
	display:none;
}
.parent-pageid-4695 .page_link{
	display:none;
}
.parent-pageid-4697 .page-header{
	display:none;
}
 .parent-pageid-4697 .entry-header{
	display:none;
}
.parent-pageid-4697 .page_link{
	display:none;
}
.parent-pageid-5234 .page-header{
	display:none;
}
.parent-pageid-5234 .entry-header{
	display:none;
}
.parent-pageid-5234 .page_link{
	display:none;
}
.product_more_box .wp-block-media-text__media{
	padding-bottom:20px;
	text-align:center;
	display:flex;
	align-items:end;
	justify-content:center;
	align-content:end;
	
}
.product_more_box .wp-block-media-text__media img{
	
	width:auto;
	height:300px;
	margin:auto;
}
.product_more_box h2{
	font-size:28px;
}
.product_more_box h3{
	display:inline-block;
	background-color:#000;
	color:#fff;
	font-size:16px;
	padding:2px 25px;
	margin:50px 0 20px;
}
.bunryou_txt p{
	font-size:12px;
}
.product_more_box a{
	border-radius:0!important;
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  商品内のアイコン色
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.product_box_in .icon_pink{
background-color: #d25955;
}
.product_box_in .icon_red{
background-color: #b40000;
}
.product_box_in .icon_brown{
background-color: #a97c56;
}
.product_box_in .icon_beige{
background-color: #d5a336;
}
.product_box_in .icon_purple{
background-color: #812b91;
}
.icon_pink{
background-color: #d25955;
}
.icon_red{
background-color: #b40000;
}
.icon_brown{
background-color: #a97c56;
}
.icon_beige{
background-color: #d5a336;
}
.icon_purple{
background-color: #812b91;
}
/* お問い合わせ */
.page-id-2600 .contact_ti{
display: none;
}

.page-id-2600 .policy_box{
display: none;
}

.page-id-2600 .ta_c{
display: none;
}
.page-id-2606 .site-body {
    padding: 3.5rem 0 0rem;
}
/* お問い合わせ完了画面 */
.page-id-2606 .site-header {
    position: absolute !important;
    top: 0vh;
    padding-top: 6px !important;
}

/* サイトマップ */
.page-id-38 .site-header{
	top:0vh;
}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  プライバシーポリシー
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.page-id-31 .site-header {
    position: absolute !important;
    top: 29vh;
    padding-top: 6px !important;
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Archive / Single ブログ一覧ページ、ブログ詳細ページ
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

	/* パーツごとにコメントアウトで注釈を入れてください。 */
.blog .site-header,
.single .site-header, 
.archive  .site-header{
    top: 28.9vh;
}

.blog .site-body {
    padding: 12.5rem 0 11rem;
}
.single .site-body {
    padding: 12.5rem 0 11rem;
}
/* カテゴリー非表示 */
.sub-section .veu_postList .postList .postList_terms{
display: none;
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  メモ用
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

	/* メモの内容用 */





/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  ペロっとしないヘッダー固定
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/*
#site-header { 
    position: fixed; 
    top: 0; 
} 

.site-header.sticky { 
    animation: unset; 
} 

.swiper-container {
	padding-top: 90px;
}

.page-header {
	padding-top: 6rem;
}
	*/

/*ブロックナビゲーション内調整*/
/*

.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open {
    background-color: #fff;
    color: #000;
    width: 100%;
}
