@charset "UTF-8";
* {
     margin: 0;
     padding: 0;
}
img, a img {
     border: none;
     vertical-align: bottom;
}
a:focus,
area:focus {
     outline:none;
}
body {
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 300;
	color: #FFF;
	background: #000;
}

/*--SP-----------------------------------*/

@media screen and (max-width: 736px) {
	
.sp-no {
	display: none;
}
	
#sec01 {
	position: relative;
	width: 100%;
	padding: 144px 0 100px;
	overflow: hidden;
	background-image: url(img/bg-01.jpg);
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
}
#sec01 .bg-grad {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(0deg, #000 0%, #FFF 54%, #FFF 100%);
	mix-blend-mode: multiply;
	z-index: 0;
}
h1 {
	position: relative;
	text-align: center;
}
h1 img {
	width: 70%;
	height: auto;
}
#sec01 .line {
	position: relative;
	width: 74px;
	height: 5px;
	background: #FFF;
	margin: 60px auto 60px;
}
#sec01 p {
	position: relative;
	text-align: center;
	font-size: 3vw;
	letter-spacing: 0.175em;
	line-height: 190%;
	margin-top: 36px;
}
p.bn-shop {
	position: relative;
	text-align: center;
	margin: -39px auto 0;
	z-index: 1;
}
p.bn-shop img {
	height: 78px;
	width: auto;
}

#sec02 {
	position: relative;
	width: 100%;
	padding: 120px 0 0;
	overflow: hidden;
	background-image: url(img/bg-02.jpg);
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
	margin: -39px 0 0;
}
#sec02 .bg-grad {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, #000 0%, #FFF 54%, #FFF 100%);
	mix-blend-mode: multiply;
	z-index: 0;
}
h2 {
	position: relative;
	text-align: center;
	font-size: 3.7vw;
	font-weight: 700;
	margin-bottom: 60px;
	letter-spacing: 0.175em;
}
#sec02 p {
	position: relative;
	text-align: center;
	font-size: 3vw;
	letter-spacing: 0.175em;
	line-height: 190%;
	margin-top: 36px;
}
#sec02 .i-box {
	position: relative;
	overflow: hidden;
	width: 258px;
	margin: 100px auto 60px;
}
#sec02 .i-box img {
	height: 44px;
	width: auto;
}
#sec02 .i-box .insta {
	width: 50%;
	text-align: center;
	float: left;
}
#sec02 .i-box .mail {
	width: 50%;
	text-align: center;
	float: right;
}
footer {
	width: 100%;
	background: #5F6664;
	padding: 14px 0;
	font-size: 21px;
	text-align: center;
	font-family: 'Cardo', serif;
}

}

/*--SP-----------------------------------*/

/*--PC-----------------------------------*/

@media screen and (min-width: 737px) {
	
.pc-no {
	display: none;
}

#sec01 {
	position: relative;
	width: 100%;
	padding: 200px 0 100px;
	overflow: hidden;
	background-image: url(img/bg-01.jpg);
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
}
#sec01 .bg-grad {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(0deg, #000 0%, #FFF 54%, #FFF 100%);
	mix-blend-mode: multiply;
	z-index: 0;
}
h1 {
	position: relative;
	text-align: center;
}
h1 img {
	width: 446px;
	height: auto;
}
#sec01 .line {
	position: relative;
	width: 74px;
	height: 5px;
	background: #FFF;
	margin: 100px auto 90px;
}
#sec01 p {
	position: relative;
	text-align: center;
	font-size: 18px;
	letter-spacing: 0.175em;
	line-height: 190%;
	margin-top: 36px;
}
p.bn-shop {
	position: relative;
	text-align: center;
	margin: -39px auto 0;
	z-index: 1;
}
p.bn-shop img {
	height: 78px;
	width: auto;
}

#sec02 {
	position: relative;
	width: 100%;
	padding: 200px 0 0;
	overflow: hidden;
	background-image: url(img/bg-02.jpg);
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
	margin: -39px 0 0;
}
#sec02 .bg-grad {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, #000 0%, #FFF 54%, #FFF 100%);
	mix-blend-mode: multiply;
	z-index: 0;
}
h2 {
	position: relative;
	text-align: center;
	font-size: 28px;
	font-weight: 400;
	margin-bottom: 60px;
	letter-spacing: 0.175em;
}
#sec02 p {
	position: relative;
	text-align: center;
	font-size: 18px;
	letter-spacing: 0.175em;
	line-height: 190%;
	margin-top: 36px;
}
#sec02 .i-box {
	position: relative;
	overflow: hidden;
	width: 258px;
	margin: 140px auto 60px;
}
#sec02 .i-box img {
	height: 86px;
	width: auto;
}
#sec02 .i-box .insta {
	float: left;
}
#sec02 .i-box .mail {
	float: right;
}
footer {
	width: 100%;
	background: #5F6664;
	padding: 14px 0;
	font-size: 21px;
	text-align: center;
	font-family: 'Cardo', serif;
}

}

/*--PC-----------------------------------*/