/*
 *	s.css
 *	～600px
 */

/*--------------------------------------------------
	モバイル用設定
 */

.hide_s {
	display	:	none;
}

@media screen and (max-width: 420px) {
	.hide_ss {
		display	:	none;
	}
}

/*--------------------------------------------------
	基本構造
 */

body {
	min-width	:	320px;
}

#wrapper {
	min-height	:	calc( 100vh - 48px );
}

.logged-in #wrapper {
	min-height	:	calc( 100vh - 94px );
}

#ftrnav > li {
	width	:	100%;
}

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

/*	メニューボタン	*/
.logged-in #masthead {
	position	:	absolute;
	top		:	-48px;
}

.logged-in.scrolled #masthead {
	position	:	fixed;
	top		:	0;
}

.logged-in.open #h_nav #menu-header{
	max-height	:	calc( 100vh - 94px );
}

/*--------------------------------------------------
    フッタ
 */

#ftr-logo {
	width:	auto;
	height	:	100px;
}

#ftr-content {
	font-size: max(min( 3.5vw, 0.86rem), 0.7rem);
}

/*--------------------------------------------------
	ホーム
 */

#home-sec1 #logo {
	width	:	max(50vw, 300px);
	height	:	auto;
	margin	:	2rem auto 0;
}

#logo,
#workshop-image {
	min-width	:	320px;
}

#product-image1 {
	width	:	max( 50vw, 160px );
	height	:	auto;
	margin	:	2rem auto 0;
}