@charset "UTF-8";
/*------ メルマガ画面 ------*/
/*-------------------- block.css --------------------*/
/*--チェックボックス--*/
.block-mail-news .form-group.block-mail-news--mag .form-control input[type="checkbox"] + label::before {
	border: 1px solid #d5d5d5;
	position: absolute;
	display: block;
	top: 1px;
	left: 0;
	width: 16px;
	height: 16px;
	border: 1px solid #d5d5d5;
	background: #fff;
	z-index: 0;
	content: "";
}

.block-mail-news .form-group.block-mail-news--mag .form-control label {
    width:100%
}

.block-mail-news .block-mail-news--register-items input[type="checkbox"]:checked + label::after {
	position: absolute;
	top: 2px;
	left: 5px;
	display: block;
	width: 6px;
	height: 10px;
	border: 1px solid #707070;
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	content: "";
}

/*--項目内容--*/
.block-mail-news .block-mail-news--register-items input[type="checkbox"] + label {
	font: normal normal normal 14px 'Jost-Regular','NotoSansJP-Regular';
}

/*-------------------- base.css --------------------*/

/*--項目名--*/
.fieldset .form-label label {
	font: normal normal bold 14px/36px 'Jost-Regular','NotoSansJP-Regular';
	color: #333333;
}
.fieldset .form-label {
  background: unset;
}
.fieldset .constraint {
  background: unset;
}

/*--項目内容--*/
.fieldset .form-control {
  border-left: unset;
  background: unset;
}

/*-- 通常ボタン --*/
.btn-default {
  color: #333333;
  border: 0;
  background-color: #F7F7F7;
  height: 48px;
  text-decoration: unset;
}

/*-- メインボタン --*/
.action .btn {
  border-radius: 0px;
}

.btn-primary {
  color: #FFFFFF;
  border: 0;
  background-color: #333333;
  height: 48px;
}

/*-------------------- base_form.css --------------------*/
/*-- メインボタン --*/
.action .btn {
  padding: unset;
  border-bottom-width: unset;
  min-width: 160px;
  font: normal normal normal 14px/41px 'Jost-Light','NotoSansJP-Light';
}

/*-------------------- 新規追加 --------------------*/
/*-- 通常ボタン --*/
.action a.btn.btn-default{
  padding: 5px;
  text-decoration: unset;
}

/*--タイトル--*/
h1.block-mail-news--header{
	text-align: center;
	font: normal normal normal 20px/41px 'Jost-Regular','NotoSansJP-Regular';
	color: #333333;
	border-bottom: unset;
}

/*--サブタイトル--*/
h2.block-mail-news--register-header{
	display:none;
}

/*-- メールアドレス --*/
.block-mail-news--register-items .block-mail-news--mail .form-control span{
	font: normal normal normal 14px 'Jost-Regular','NotoSansJP-Regular';
}

/*-- メルマガ確認説明文言 --*/
.block-mail-news > span{
	display: none;
}