@charset "UTF-8";
/* CSS Document */


/* 
font-family: "haboro", sans-serif;
font-weight: 400 500 600 700;
font-style: normal;

font-family: "toppan-bunkyu-gothic-pr6n", serif;
font-weight: 400 600;
font-style: normal;
*/


body{
	position: relative;
	font-family:"Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic Medium",sans-serif;
	font-weight: 400;
	margin: 0;
}

img{
	width: 100%;
}

a{
	text-decoration: none;
}

h1,h2,h3,h4,p{
	margin: 0;
	line-height: 0;
}

.home__wrap{
	width: 100%;
}


/* ヘッダー */

.home__header{
	width: 100%;
	text-align: center;
}

.home__header-logo{
	width: 150px;
	margin: 0 auto;
	padding: 1em 0;
}


/* メインイメージ */

.home__main{
	width: 100%;
	height: 250px;
	position: relative;
	background: url("../img/top.jpg") no-repeat center / cover;
}

.home__main-copy{
	position: absolute;
	bottom: 30px;
	left: 30px;
}

.home__main-copy h2{
	font-family: "toppan-bunkyu-gothic-pr6n", serif;
	font-weight: 400;
	font-style: normal;
	color: #fff;
	font-size: 1.2em;
	line-height: 1.8;
	letter-spacing: 0.1em;
}

@media screen and (min-width: 960px) {
	
	.home__main{
		height: 600px;
	}

	.home__main-copy{
		bottom: 80px;
		left: 80px;
	}

	.home__main-copy h2{
		font-size: 1.8em;
	}
}


/* STELLAとは */

.home__about{
	width: 90%;
	max-width: 1000px;
	margin: 5em auto;
}

.home__about-logo{
	width: 30%;
	margin: 0 auto;
}

.home__about p{
	margin: 3em 0;
	font-size: 0.8em;
	letter-spacing: 1px;
	line-height: 2em;
	text-align: center;
}

.home__about-btn{
	margin: 0 auto;
	width: 230px;
}

.home__about-btn a{
	display: block;
	padding: 1em;
	border-radius: 50px;
	background: linear-gradient(90deg, rgba(214,127,95,1) 0%, rgba(177,96,66,1) 100%);
	text-align: center;
	color: #fff;
	font-size: 0.8em;
}

.home__about-btn a i{
	padding-left: 0.5em;
}

@media screen and (min-width: 960px) {

	.home__about-logo{
		width: 20%;
	}

	.home__about p{
		font-size: 1em;
	}

	.home__about-btn a{
		font-size: 0.9em;
	}

}


/* オンラインストア */

.home__shop{
	width: 90%;
	max-width: 1000px;
	margin: 5em auto;
}

.home__shop-img{
	width: 60%;
	margin: 0 auto;
}

.home__shop-btn{
	margin: 3em auto 0;
	width: 230px;
}

.home__shop-btn a{
	display: block;
	padding: 1em;
	border-radius: 50px;
	background: linear-gradient(90deg, rgba(1,62,109,1) 0%, rgba(8,42,69,1) 100%);
	text-align: center;
	color: #fff;
	font-size: 0.9em;
	font-family: "haboro", sans-serif;
	font-weight: 600;;
}

.home__shop-btn a i{
	padding-left: 0.5em;
}

@media screen and (min-width: 960px) {

	.home__shop-img{
		width: 30%;
	}

}


/*フッター*/


.home__footer{
	background: #E9E7E4;
	padding: 2em;
	text-align: center;	
}

.home__footer p{
	color: #838383;
	font-size: 0.6em;
	letter-spacing: 1px;
}