@charset "utf-8";
@media (min-width: 768px) {

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ヘッダー
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#site-navigation {
	box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .2);
}

/*ロゴ*/
.navigation-branding img {
    width: 257px;
}
    
/*ロゴ*/
.main-navigation:not(.slideout-navigation) .site-logo {
	padding-left: clamp(10px, 2.7vw + -23.3px, 30px);
}

/*ナビ*/
.main-navigation:not(.slideout-navigation) ul:not(.sub-menu) > li > a {
	font-size: clamp(15px, 12.632px + 0.175vw, 16px);
	font-weight: 500;
    /*color: var(--text);*/
	padding: clamp(15px, 1.7vw + -5.8px, 27.5px) clamp(5px, 2vw + -20px, 20px);
}

.main-navigation:not(.slideout-navigation) .main-nav ul li.menu-item-has-children>a {
	padding-right: clamp(10px, -13.684px + 1.754vw, 20px);
}

.main-navigation:not(.slideout-navigation) ul:not(.sub-menu) > li > a::after {
	content: none!important;
}

/*お問い合わせ・LINE*/
.main-navigation:not(.slideout-navigation) ul:not(.sub-menu) > li:is(.contact, .line) > a {
	width: clamp(150px, 4.1vw + 100px, 180px);
	text-align: center;
	padding: 0;
	border: 1px solid #000;
}
    
.home #site-navigation:not(.slideout-navigation) ul:not(.sub-menu) > li:is(.contact, .line) > a:hover {
	opacity: .8;
}

/*お問い合わせ*/
.main-navigation:not(.slideout-navigation) ul:not(.sub-menu) > li.contact > a {
	background: transparent;
	color: var(--text);
	margin-left: clamp(10px, -13.684px + 1.754vw, 20px);
	margin-right: clamp(5px, -6.842px + 0.877vw, 10px);
}

.main-navigation:not(.slideout-navigation) ul:not(.sub-menu) > li.contact > a::before {
	content: none;
}
    
.main-navigation:not(.slideout-navigation) ul:not(.sub-menu) > li.contact > a:hover {
	opacity: 1;
	color: var(--main);
}

/*LINE*/
.main-navigation:not(.slideout-navigation) ul:not(.sub-menu) > li.line > a {
	margin-left: clamp(5px, -6.842px + 0.877vw, 10px);
	margin-right: clamp(10px, 5.5vw + -56.6px, 50px);
}


/*ホバー*/
/*
.main-navigation:not(.slideout-navigation) ul:not(.sub-menu) > li.line > a:hover {
	opacity: .8;
}
    
.main-navigation .main-nav ul li:not([class*="current-menu-"]):hover > a {
	color: var(--text);
}*/


.main-navigation .main-nav ul:not(.sub-menu) > li:not([class*="current-menu-"]):hover > a::after {
	content: none!important;
}

/*子ナビ*/
.main-navigation:not(.slideout-navigation) .main-nav ul ul {
	background-color: var(--text-2);
	border-radius: 0;
}

.main-navigation:not(.slideout-navigation) .main-nav ul ul::before {
	content: none;
}

.main-navigation:not(.slideout-navigation) .main-nav ul ul li a {
	color: #fff;
	font-weight: 500;
}

.main-navigation:not(.slideout-navigation) .main-nav ul ul li:not(:last-child) a {
	border-bottom: 1px solid #9f9994;
}

.main-navigation:not(.slideout-navigation) .main-nav ul ul li a::after {
	content: '\e913';
	font-size: 5px;
	color: #fff;
}

.main-navigation:not(.slideout-navigation) .main-nav ul li li[class*="current-menu-"] a, 
.main-navigation:not(.slideout-navigation) .main-nav ul li li:not([class*="current-menu-"]):hover > a {
	color: #fff;
}

/*トップ*/
.home #site-navigation:not(.slideout-navigation) .site-logo {
	background: url("./images/logo02.png") no-repeat 50% / contain;
    width: 257px;
	height: 66px;
	padding-left: 0;
	margin-left: clamp(10px, 2.7vw + -23.3px, 30px);
}

.home #site-navigation img {
	opacity: 0;
}

.home #site-navigation {
	box-shadow: 0 2px 2px -2px rgba(255, 255, 255, .5);
}

.home #site-navigation:not(.slideout-navigation) ul:not(.sub-menu) > li > a {
	color: #fff;
}

.home #site-navigation:not(.slideout-navigation) ul:not(.sub-menu) > li:is(.contact, .line) > a {
	border: 1px solid #fff;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップ ＞ intro
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*Instagram*/
#sbi_images .sbi_photo::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background: #000;
	top: 0;
	left: 0;
	transition: .3s;
	z-index: 1;
	opacity: 0;
}

#sbi_images .sbi_photo::after {
	content: 'View more';
	position: absolute;
	width: 120px;
	font-size: 17px;
	font-family: Amiri;
	text-align: center;
	color: #fff;
	top: calc(50% - 26px);
	left: calc(50% - 60px);
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	transition: .3s;
	z-index: 1;
	opacity: 0;
}

#sbi_images .sbi_photo:hover::before {
	opacity: .5;
}

#sbi_images .sbi_photo:hover::after {
	opacity: 1;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
下層 ＞ 商品アーカイブ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.post-type-archive-item .site-content {
	width: 90%;
	min-width: 1200px;
}

}/*メディアクエリ終了*/