@charset "UTF-8";

/* font install */
@font-face {
	font-family: 'LINESeedJP_Rg';
	src:
		url('/html/template/default/assets/font/LINESeedJP_OTF_Rg.woff') format('woff'),
		url('/html/template/default/assets/font/LINESeedJP_OTF_Rg.woff2') format('woff2'),
    	url('/html/template/default/assets/font/LINESeedJP_A_TTF_Rg.ttf') format('truetype');
}
@font-face {
	font-family: 'LINESeedJP_Bd';
	src:
		url('/html/template/default/assets/font/LINESeedJP_OTF_Bd.woff') format('woff'),
		url('/html/template/default/assets/font/LINESeedJP_OTF_Bd.woff2') format('woff2'),
    	url('/html/template/default/assets/font/LINESeedJP_A_TTF_Bd.ttf') format('truetype');
}

/*--------------------
		共通
--------------------*/
html ,html *,input, select, option, textarea, ::placeholder {
	font-family: 'LINESeedJP_Rg';
}

.c-headerBar__logo img{
	width: 100%;
}
.c-headerBar__shopTitle{
	font-weight: bold;
}

.login-btn button{
	background-color: #009FE8;
	border-color: #009FE8;
	border-radius: 100px;
}
.logo-img img{
	width: 100%;
}
.att-text{
	font-size: 14px;
	margin-bottom: 0;
}

/*--------------------
		PC用
--------------------*/
@media screen and (min-width: 640px) {
	.c-contentsArea {
        margin: 0 !important;
        padding: 0 !important;
    }
	.c-headerBar__logo a{
		display: flex;
	}
	.loginWrap{
		width: 430px;
		margin: 0 auto;
	}
	.logo-img{
		width: 50%;
		margin: 0 auto;
	}
	.login-text{
		font-size: 20px;
		margin-top: 70px;
	}
	.login-inputWrap{
		width: 80%;
		margin: 20px auto 0;
	}
	.login-btn{
		width: 60%;
		margin: 30px auto 0;
	}
	.sp{
		display: none;
	}
}

/*--------------------
		SP用
--------------------*/
@media screen and (max-width: 639px) {
	.logo-img{
		width: 50%;
		margin: 0 auto;
	}
	.login-text{
		font-size: 20px;
		margin-top: 50px;
	}
	.login-inputWrap{
		width: 90%;
		margin: 20px auto 0;
	}
	.login-btn{
		width: 85%;
		margin: 30px auto 0;
	}
	.sp{
		display: block;
	}
}