@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 200;
}
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 300;
}
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 400;
}
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Bold");
	font-weight: bold;
}

body {
  background: #FFFFFF;
  color:#2b2b2b;
	font-family: "Roboto", "Noto Sans JP", "游ゴシック Medium", "Yu Gothic Medium","游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	font-size: 12px;
	letter-spacing:.03em;
    margin-top: 50px;
}
.p-page__title{
  font-size:14px;
}

.p-shop__header--logo img{
  width:150px;
}
.c-alert{
color:#2b2b2b;
font-size: 12px;
background:#EEE;
}
.c-button {
  background: #FFF;
  border: 1px solid #2b2b2b;
}
.c-button,
.c-button:link,
.c-button:hover,
.c-button:active,
.c-button:visited {
  border: 1px solid #2b2b2b;
border-radius: 0;
  color: #35454c;
}
.c-button:hover {
  background: #dfe5e8;
}
.c-button--primary {
  background: #FFF;
  font-size: 12px;
}
.c-button--primary,
.c-button--primary:link,
.c-button--primary:hover,
.c-button--primary:active,
.c-button--primary:visited {
  color: #2b2b2b;
}
.c-button--primary:hover {
  background: #dfe5e8;
}
.c-button--danger {
  background: <{$button3_bgcolor}>;
}
.c-button--danger,
.c-button--danger:link,
.c-button--danger:hover,
.c-button--danger:active,
.c-button--danger:visited {
  color: <{$button3_font_color}>;
}
.c-button--danger:hover {
  background: <{$button3_bgcolor_hover}>;
}
.c-input--text {
  border:1px solid #2b2b2b;
  border-radius: 0;
}
.c-input--text:focus {
border-radius: 0;
  border-color: #607d8b;
}

.p-shop__header--title img{
width: 150px;
}

.c-form__title{
font-size: 12px;
font-weight: normal;
}