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

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ヘッダー
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.main-navigation .navigation-branding {
	margin-right: clamp(10px, -13.684px + 1.754vw, 20px);
	order: -2;
}

.main-navigation:not(.slideout-navigation) .site-logo {
	padding-left: clamp(20px, -27.368px + 3.509vw, 40px);
}

.main-navigation .navigation-branding img {
	width: clamp(230px, 64.211px + 12.281vw, 300px);
}

.main-navigation .logo_text {
	order: -1;
	margin-right: auto;
}

.main-navigation:not(.slideout-navigation) ul:not(.sub-menu) > li > a {
	font-size: clamp(15px, 10.263px + 0.351vw, 17px);
	padding-left: clamp(10px, -13.684px + 1.754vw, 20px);
	padding-right: clamp(10px, -13.684px + 1.754vw, 20px);
}

#site-navigation:not(.slideout-navigation) ul:not(.sub-menu) > li > a {
	padding-top: 30px;
	padding-bottom: 30px;
}

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

#site-navigation:not(.slideout-navigation) ul:not(.sub-menu) > li:not(.contact)::before {
	bottom: 30px;
}

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

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
top > promo
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_promo .cmn_btn01::before, #home_promo .cmn_btn01::after {
	right: 30px;
}

@media screen and (min-width:768px) and ( max-width:1450px){
	#home_promo h2 {
		margin-top: 25px;
	}
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
マイアカウント
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.page-my-account .site-content{
	padding-left: 0;
	padding-right: 0;
}

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