/*
Theme Name: 株式会社紀州乃屋
Theme URI: 
Template: lightning
Description: 
Author: 
Tags: 
Version: 0.6.3
*/

/****************************************************************************
 * サイト全体の定義
 ****************************************************************************/
 :root {
	--vk-color-text-body		: #4d3833;
	--vk-color-border-hr		: #4d38336b;

	--vk-color-primary-vivid	: #e6d28457;
	--vk-color-primary			: #d1bf78;
	--vk-color-primary-dark		: #a59761;

	--vk-color-secondary-vivid	: #4d38336b;
	--vk-color-secondary		: #4d3833;
	--vk-color-secondary-dark	: #362824;
}

/****************************************************************************
 * 送信フォーム
 ****************************************************************************/
/* iOSでのデフォルトスタイルをリセット */
input[type='submit'],
input[type='button'] {
	-webkit-appearance: none;
	border-radius: 0;
}
input[type='date'],
input[type='email'],
input[type='number'],
input[type='password'],
input[type='tel'],
input[type='text'],
input[type='url'],
select,
textarea {
	width: auto ;
}

.required {
	background-color: #db3936;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	padding: 2px 5px;
	margin-left: 8px;
	font-size: 12px ;
	color: #fff ;
}
input,
textarea,
select {
	max-width: 100% ;
	width: auto;
}
span.wpcf7-radio {
	display: table;
}
span.wpcf7-list-item {
	display: table-row;
}
span.wpcf7-list-item * {
	display: table-cell;
}
span.wpcf7-list-item input[type='radio'] {
	float: left;
}

select,
textarea,
input[type='text'],
input[type='password'],
input[type='datetime'],
input[type='datetime-local'],
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'] {
	background-color: #fafafa;
	border: 1px solid #dbdbdb;
	height: 50px;
	padding: 4px 20px;
	margin-top: 5px;
	margin-bottom: 30px;
}
input[type='checkbox'] {
	margin-right: 5px;
}
input[type='radio'] {
	margin-right: 5px;
}
input[type='submit'] {
	background-color: var(--vk-color-secondary) ;
	padding: 0 50px;
	font-weight: 600;
	font-size: 18px;
	height: 4rem;
	color: #fff;
	cursor: pointer;
	cursor: hand;
	border: none;
}
.form-mida {
	font-size: 16px;
	font-weight: 700;
}
label {
	max-width: 100%;
	margin-bottom: 5px;
	font-weight: 700;
}
textarea {
	width: 100%;
	height: 200px;
	padding: 15px 20px;
}
span.wpcf7-not-valid-tip {
	color: var(--vk-color-secondary);
	font-size: 1em;
	font-weight: normal;
	display: block;
	margin-top: -25px ;
}

@media screen and (max-width: 767px) {
	select,
	textarea,
	input[type='text'],
	input[type='password'],
	input[type='datetime'],
	input[type='datetime-local'],
	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'] {
		width: 100%;
	}
}

button {
	cursor: pointer;
}

/****************************************************************************
 * 共通画面制御
 ****************************************************************************/

/* ---------------------------------------------------- */
/* ボックスFULLサイズ */
/* ---------------------------------------------------- */
.full-width {
	width: 100vw;
	position: relative;
	left: 50%;
	right: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
}
body {
	overflow-x: hidden;
}

.navbar-brand {
	font-size: 1.5rem;
}

/* ---------------------------------------------------- */
/* ボックスオンオフ */
/* ---------------------------------------------------- */
.pc-box {
	display: inline;
}
.sp-box {
	display: none;
}
@media screen and (max-width: 768px) {
	.pc-box {
		display: none;
	}
	.sp-box {
		display: inline;
	}
}


/****************************************************************************
 * 共通画面全体
 ****************************************************************************/

 /* ---------------------------------------------------- *
 * contents body *
 * ---------------------------------------------------- */
.site-body {
	padding: 2em 0;
}
@media screen and (min-width: 768px) {
	.site-body {
		padding: 1em 0;
	}
}
@media screen and (min-width: 992px) {
	.site-body {
		padding: 1.5em 0;
	}
}
@media screen and (min-width: 1200px) {
	.site-body {
		padding: 2em 0;
	}
}

/* ---------------------------------------------------- *
 * ヘッダー *
 * ---------------------------------------------------- */

.siteHeader,
.gMenu_outer {
	background-color: var(--vk-color-secondary) ;
}
.device-mobile .gMenu > li {
	padding: 14px 20px;
}
.gMenu a {
	color: var(--vk-color-primary);
}
.device-mobile .gMenu > li .gMenu_name {
	font-size: 16px;
}
@media (min-width: 768px) {
	.gMenu > li:before,
	.gMenu > li.menu-item-has-children::after {
		border-bottom-color: var(--vk-color-primary);
	}
}

.header_scrolled .site-header {
	background-color: var(--vk-color-secondary);
}

/* PC sub menu */
.global-nav-list > li > ul.sub-menu {
	background-color: #553e3cc0;
}
.global-nav-list > li > ul.sub-menu:hover {
	background-color: var(--vk-color-secondary);
	color: var(--vk-color-primary);
}

/* ヘッダ navi logo 画像 */
.site-header-logo img {
	max-height: 40px;
}


/* ヘッダ navi 背景色 */
.site-header {
	background-color: var(--vk-color-secondary);
}

/* ヘッダ navi 文字色 */
.site-header .nav li a,
.site-header nav li a {
	color: var(--vk-color-primary);
}

/* ヘッダ navi アンダーライン */
.site-header .global-nav-list > li:before {
	border-bottom: 2px solid var(--vk-color-primary);
}

@media screen and (min-width: 992px) {
	.site-header-logo {
		/* ヘッダ navi logo */
		padding-top: 0.25em;
		margin-bottom: 0.25em;
		margin-left: 0;
	}

	.site-header--layout--nav-float .site-header-logo {
		/* ヘッダ navi logo 画像 */
		margin-right: 0;
	}
}

/* ヘッダー タイトル */
.page-header {
	min-height: 2em;
	color: var(--vk-color-secondary);
	background-color: var(--vk-color-primary);
}

.page-header-inner {
	margin: 0.5em auto;
}
.page-header-title{
	line-height: 1.5;
}

/* ---------------------------------------------------- */
/* フッター */
/* ---------------------------------------------------- */
.siteFooter a {
	text-decoration: none ;
}

/* footer Copyright 打消し */
.site-footer-copyright p:nth-child(2) {
	display: none;
}

/* VK フッタ */
.site-footer {
	font-size: 90%;
}

/* ---------------------------------------------------- */
/* 見出し */
/* ---------------------------------------------------- */
h1.wp-block-heading {	/* 左縦棒 タイトル枠 */
	padding: 0.25em 0.5em;
	margin: 0.5em 0;
	border-top: 3px solid var(--vk-color-secondary-vivid);
	border-bottom: 3px solid var(--vk-color-primary-vivid);
	border-left: 5px solid var(--vk-color-secondary);
}

.entry-title--post-type--page,
h2.wp-block-heading {	/* 上横太・下横細 タイトル枠 */
	border-top: 2px solid var(--vk-color-secondary);
	border-bottom: 2px solid var(--vk-color-primary-vivid);
	color: var(--vk-color-secondary);
}

h4.wp-block-heading {	/* 左縦棒 タイトル枠 */
	padding: 0.25em 0.5em;
	margin: 0.25em 0;
	background-color: var(--vk-color-primary-vivid);
	border-left: 5px solid var(--vk-color-secondary-vivid);
}

/* 全体の a:hover */
a img:hover,
.hovers4 a:hover,
.site-header-logo img:hover,
.site-header-logo img:active {
	opacity: 0.4;
	filter: alpha(opacity=40);
}

/****************************************************************************
 * 共通部品
 ****************************************************************************/

 
 /* HR */
.hr1,
.hr1 hr {
	border-color: var(--vk-color-secondary);
}

.hr2,
.hr2 hr {
	border: var(--vk-color-secondary) solid 2px;
}

.hr4,
.hr4 hr {
	border: solid 4px;
	border-color: var(--vk-color-secondary) ;
}

/* 最大幅 */
.max-width400px {
	margin: 0 auto;
	width: 100%;
	max-width: 400px;
}
.max-width640px {
	margin: 0 auto;
	width: 100%;
	max-width: 640px;
}
.max-width800px {
	margin: 0 auto;
	width: 100%;
	max-width: 800px;
}
.max-width1024px {
	margin: 0 auto;
	width: 100%;
	max-width: 1024px;
}

/* 角丸グレーグラデーション枠 */
.radius {
	border: 1px solid #ccc;
	border-radius: 6px;
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#fff),
		to(#e3e3e3)
	);
	background-image: -webkit-linear-gradient(#fff, #e3e3e3);
	background-image: linear-gradient(#fff, #e3e3e3);
	-webkit-box-shadow: 0px 2px 5px #ccc, 0px 0px 2px #fff inset;
	box-shadow: 0px 2px 5px #ccc, 0px 0px 2px #fff inset;
	border-radius: 10px 10px 10px 10px;
}

.radius h3 {
	font-size: medium;
}

/* 角丸点線枠 */
.radius-dot {
	border: 1px dotted #aaa;
	border-radius: 8px;
}

/* 角丸枠幅 */
.radius,
.radius-dot {
	margin: 0 auto;
	padding: 1em;
	width: 100%;
}

/* 物販案内枠 */
.radius.book {
	margin: 0 auto;
}
.radius.book ul {
	display: flex;
	flex-wrap: wrap;
}
.radius.book li {
	padding: 0.25em;
	vertical-align: middle;
	list-style: none;
}
.radius.book li img {
	height: 9em;
	width: auto;
}

/* 角丸赤グラデーション タイトル枠 */
.radius-red {
	margin-bottom: 0.5em;
	padding: 5px 10px 5px 15px;
	background-color: #2c332c;
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(var(--vk-color-secondary)),
		to(#2b2c2e)
	);
	background-image: -webkit-linear-gradient(var(--vk-color-secondary), #002400);
	background-image: linear-gradient(var(--vk-color-secondary), #002400);
	border-radius: 10px 10px 10px 10px;
	-webkit-box-shadow: 1px 2px 7px #999;
	box-shadow: 1px 2px 7px #999;
	font-size: 100%;
	font-weight: bold;
	color: #fff;
	clear: both;
}

/* ---------------------------------------------------- *
 * VK 部品 *
 * ---------------------------------------------------- */

 /* VK iframe padding打消し フル表示 */
 .vk_outer.vk_outer-paddingLR-use {
	padding-left: 0;
	padding-right: 0;
}
.vk_outer.vk_outer-paddingLR-use iframe {
	width: 100% ;
}

/* VK メディアとテキスト */
.wp-block-media-text .wp-block-media-text__content {
	padding: 0 0 0 1.5em;
}
@media screen and (max-width: 600px) {
	.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
		padding: 0;
	}
}

/* お知らせ arcive 一覧サムネ削除 */
.vk_post_imgOuter.media-img {
	display: none;
}

/* ---------------------------------------------------- */
/* スマホ画面下固定枠 */
/* ---------------------------------------------------- */

#footerFloatingMenu {
	display: none ;
}
@media only screen and (max-width: 599px) {
	#footerFloatingMenu {
		display: block ;
		width: 100%;
		position: fixed;
		left: 0px;
		bottom: 0px;
		z-index: 100000;
		font-size: 1rem;
		font-weight: 600;
		background-color: #009d1b;
	}
	#footerFloatingMenu i.fa {
		margin-right: 5px;
	}
	#footerFloatingMenu a {
		text-decoration: none;
	}
	a.footer-list-menu1 {
		display: block;
		float: left;
		width: 50%;
		padding: 10px 5px;
		border-right: 1px solid #fff;
		color: #fff ;
		text-align: center;
	}

	a.footer-list-menu3 {
		display: block;
		float: left;
		width: 49%;
		padding: 10px 5px;
		color: var(--vk-color-secondary) ;
		background-color: var(--vk-color-primary);
		text-align: center;
	}
}


/* ---------------------------------------------------- */
/* お知らせ */
/* ---------------------------------------------------- */
/* 投稿日時/作成者 非表示 */
.entry-meta-item.entry-meta-item-updated,
.entry-meta-item.entry-meta-item-author{
	display: none;
}

/* ---------------------------------------------------- */
/* フッタ 会社概要 アイコン・リンク 該当ページ非表示処理 */
/* ---------------------------------------------------- */
/*
.post-name-company #vkexunit_cta-2 
.wp-block-columns:nth-child(1)
.wp-block-column:nth-child(1){ display:none; }

.post-name-history #vkexunit_cta-2 
.wp-block-columns:nth-child(1)
.wp-block-column:nth-child(2){ display:none; }

.post-name-shop #vkexunit_cta-2 
.wp-block-columns:nth-child(1)
.wp-block-column:nth-child(3){ display:none; }


.post-name-symbol-mark #vkexunit_cta-2 
.wp-block-columns:nth-child(2)
.wp-block-column:nth-child(1){ display:none; }

.post-name-sponsors #vkexunit_cta-2 
.wp-block-columns:nth-child(2)
.wp-block-column:nth-child(2){ display:none; }

.post-name-brand #vkexunit_cta-2 
.wp-block-columns:nth-child(2)
.wp-block-column:nth-child(3){ display:none; }
*/

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