@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=BIZ+UDGothic&family=Noto+Sans+JP:wght@200;400;500;600&family=Noto+Serif+JP:wght@300;400;500;600;700&display=swap');

/* ボタン START */

.btn {
	position: relative;
  display: flex;
  width: 100%;
  height: 40px;
  padding: 6px 26px;
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  text-align: center;
  background: #000;
  border-radius: 100px;
  align-items: center;
  justify-content: center;
}
.btn:disabled{
  opacity: .7;
}
.btn-icon::before {
  content: "";
  width: 20px;
  height: 20px;
  margin-right: 10px;
  margin-left: -20px;
  background: #fff;
}
.btn-icon2::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 20px;
  width: 20px;
  height: 20px;
  background: #fff;
  transform: translateY(-50%);
}
.btn-icon3::before {
  content: "";
  width: 20px;
  height: 20px;
  margin-right: 10px;
  background: #fff;
}

.btn-gold {
  background: #C98600;
}
.btn-blue {
  background: #177EE3;
}
.btn-blue2 {
  background: #318CDC;
}
.btn-blue3 {
  background: #73B1E7;
}
.btn-white {
  color: #000;
  background: #fff;
}
.btn-light {
  color: #000;
  background: #F1F1F1;
}
.btn-gray {
  background: #4A4A4A;
}
.btn-outline {
	color: #000;
  background: #EEE;
  border: 1px solid #000;
}
.btn-whiteline {
	color: #000;
  background: #FFF;
  border: 1px solid #B9B9B9;
}

.btn-s01 {
  height: 68px;
  font-size: 16px;
  font-weight: 600;
}
.btn-s02 {
  height: 62px;
  font-size: 16px;
  font-weight: 600;
}
.btn-s03 {
  height: 58px;
}
.btn-s04 {
  height: 48px;
}
.btn-s05 {
  height: 45px;
}
.btn-s06 {
  height: 42px;
}
.btn-s07 {
  height: 36px;
}

.btn.disabled {
  opacity: 0.3;
  pointer-events: none;
}

/* ボタン END */


/* タイトル START */

.title {
  position: relative;
  display: flex;
  margin-bottom: 16px;
  font-size: 26px;
  font-weight: 600;
  line-height: 1.4;
  align-items: flex-start;
}
.title::before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-top: 6px;
  margin-right: 18px;
  background: #000;
}
.title-s {
  margin-bottom: 10px;
  font-size: 18px;
}
.title-s::before {
	margin-top: 0;
}
.item-title {
  position: relative;
  display: flex;
  padding-bottom: 5px;
  margin-bottom: 32px;
  font-size: 16px;
  font-weight: 600;
  border-bottom: 1px solid #707070;
  align-items: flex-start;
}
.inner-title {
  position: relative;
  margin-bottom: 14px;
  font-size: 18px;
  font-weight: 600;
}

/* タイトル END */


/* パンクズ START */

.pan-list {
  display: flex;
  margin-bottom: 20px;
  font-size: 12px;
  align-items: center;
  flex-wrap: wrap;
}
.pan-list li {
  display: flex;
  align-items: center;
}
.pan-list li:not(:last-child)::after {
  content: ">";
  display: block;
  margin: -2px 2px 0 4px;
}
.user .pan-list li:not(:last-child) a {
  text-decoration: underline;
}
.list-p {
  color: #fff;
}
.list-p li a {
  display: flex;
  width: auto;
  height: 38px;
  padding: 10px 26px;
  font-size: 16px;
  color: #fff;
  line-height: 1.2;
  background: #5B5B5B;
  border-radius: 50px;
}
.pan-list.list-p li::after {
  margin: -2px 10px 0 10px;
}

/* パンクズ END */


/* フォーム START */
.input,
.textarea,
.selectcase {
  margin-bottom: 24px;
  text-align: left;
}
.form-item {
  margin-bottom: 2px;
  font-size: 14px;
  font-weight: 600;
}
input[type="text"],
input[type="email"],
input[type="number"],
input[type="tel"],
input[type="password"],
input[type="date"],
input[type="time"],
input[type="search"],
select,
textarea,
.select2-container--default .select2-selection--single {
  width: 100%;
  height: 48px;
  padding: 0 16px;
  font-size: 16px;
  background: #fff;
  border: 1px solid #D6D6D6;
  border-radius: 6px;
}
textarea {
	height: 173px;
  padding: 16px;
}
.form-error {
  display: block;
  margin-top: 6px;
  font-size: 12px;
  color: #ff5757;
}
.select {
  position: relative;
}
select {
  padding-right: 40px;
}
select:disabled > option {
  color: #aaa;
}
.select::after {
  content: "▼";
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  pointer-events: none;
}
.select.disabled::after {
  color: #acacac;
}
.input-post {
	position: relative;
}
.input-post input {
  padding-left: 68px;
}
.input-post::before {
	content: "〒";
	position: absolute;
	display: flex;
	top: 7px;
	left: 12px;
	width: 34px;
	height: 34px;
	background: #E3E3E3;
	border-radius: 50%;
	align-items: center;
	justify-content: center;
}

.input-lock input[type="text"],
.input-lock input[type="email"],
.input-lock input[type="number"],
.input-lock input[type="tel"],
.input-lock input[type="password"],
.input-lock input[type="date"],
.input-lock input[type="time"],
.input-lock input[type="search"],
.input-lock select,
.input-lock textarea {
	background: #F5F5F5;
	pointer-events: none;
}

input[type="submit"],
button {
	position: relative;
  display: flex;
  width: 100%;
  height: 40px;
  padding: 6px 26px;
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  text-align: center;
  background: #000;
  border-radius: 100px;
  align-items: center;
  justify-content: center;
}

.radio input,
.checkbox input {
  display: none;
}
.radio span,
.checkbox span {
  position: relative;
  display: flex;
  min-height: 20px;
  padding-left: 30px;
  flex-wrap: wrap;
}
.radio span::before,
.checkbox span::before {
  content: "";
  position: absolute;
  top: 1px;
  left: 0;
  width: 20px;
  height: 20px;
  background: #FFF;
  border: 1px solid #C98600;
  border-radius: 3px;
  box-sizing: border-box;
}
.radio span::before {
	border-radius: 50%;
}
.radio span::after,
.checkbox span::after {
  content: "";
  position: absolute;
  display: none;
  top: 5px;
  left: 4px;
  width: 14px;
  height: 14px;
  background: #C98600;
  border-radius: 50%;
  box-sizing: border-box;
}
.checkbox span::after {
  width: 13px;
  height: 7px;
  background: transparent;
  border: 1px solid #C98600;
  border-radius: 0;
  border-width: 0 0 2px 2px;
  transform: rotate(-45deg);
}
.radio input:checked + span::before,
.checkbox input:checked + span::before {
  background: #C98600;
}
.radio input:checked + span::after,
.checkbox input:checked + span::after {
	display: block;
  border-color: #FFF;
}

input[type="date"] {
  position: relative;
}
input[type=date]::-webkit-calendar-picker-indicator {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.input-date {
  position: relative;
}
.input-date::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 16px;
  width: 24px;
  height: 24px;
  background: url(../images/icon35.png) 0 0 / 100% 100% no-repeat;
  transform: translateY(-50%);
  pointer-events: none;
}

/* フォーム END */


/* ページネーション START */
.pager {
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.pager a,
.pager .now {
  display: flex;
  width: 30px;
  height: 30px;
  margin: 0 3px;
  font-size: 13px;
  color: #FFF;
  line-height: 1;
  font-weight: 600;
  background: #00AAFF;
  border-radius: 50px;
  align-items: center;
  justify-content: center;
}
.pager .now {
	color: #00AAFF;
	background: #E8E8E8;
}
.pager span {
	margin: 0 3px;
}
.pager-data {
  display: block;
  margin-top: 20px;
  font-size: 14px;
  text-align: center;
}

.table + .pager {
  margin-top: 30px;
}

/* ページネーション END */


/* テーブル START */

.table {
  width: 100%;
}
.table th {
  padding: 8px 0;
  font-size: 14px;
  text-align: left;
  font-weight: 400;
  border-bottom: 1px solid #CDCDCD;
}
.table td {
  padding: 8px 0;
  font-size: 14px;
  text-align: left;
  font-weight: 400;
  border-bottom: 1px solid #eee;
}

/* テーブル END */


/* ヘッダー START */

.header {
  display: flex;
  height: 70px;
  padding: 0 26px;
  background: #FFF;
  align-items: center;
  justify-content: space-between;
}
.header-left {
  display: flex;
  font-size: 13px;
  line-height: 1.2;
  align-items: center;
}
.header-logo {
  margin-right: 14px;
  font-size: 32px;
  /*  font-family: 'BIZ UDGothic', sans-serif;*/
  font-family: 'Times New Roman', serif;
}
.header-right {
  display: flex;
  align-items: center;
}
.header-shop {
  position: relative;
  padding: 0 8px;
  margin-right: 20px;
  font-size: 13px;
  font-weight: 600;
}
.header-shop > p {
  position: relative;
  padding-right: 18px;
  cursor: pointer;
}
.header-shop > p::after {
  content: "▼";
  position: absolute;
  display: block;
  color: #757575;
  bottom: 3px;
  right: 0;
  font-size: 11px;
  transform: scale(1.5,1);
}
.header-shop > p span {
  display: block;
  font-size: 12px;
  font-weight: 400;
}
.header-shops {
  position: absolute;
  display: none;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 8px;
  font-size: 12px;
  background: #FFF;
  box-shadow: 2px 2px 4px rgba(0,0,0,0.16);
  transform: translateY(100%);
  z-index: 99;
}
.header-shops li:not(:last-child) {
  margin-bottom: 4px;
}
.header-shops li a span {
  display: block;
  font-size: 10px;
  font-weight: 400;
}
.header-shops .active {
  padding: 4px;
  color: #FFF;
  background: #0d0d0d;
}
.header-btn {
	margin-right: 8px;
}

/* ヘッダー END */


/* フッター START */
.footer {
  display: flex;
  width: 100%;
  height: 46px;
  font-size: 14px;
  line-height: 1.2;
  color: #FFF;
  background: #3B3B3B;
  align-items: center;
  justify-content: center;
}
/* フッター END */


/* アイコン START */
.icon01::before {
	background: url(../images/icon01.png) 50% 50% / contain no-repeat;
}
.icon01-w::before {
	background: url(../images/icon01_white.png) 50% 50% / contain no-repeat;
}
.icon02::before {
	background: url(../images/icon02.png) 50% 50% / contain no-repeat;
}
.icon02-w::before {
	background: url(../images/icon02_white.png) 50% 50% / contain no-repeat;
}
.icon03::before {
	background: url(../images/icon03.png) 50% 50% / contain no-repeat;
}
.icon03-w::before {
	background: url(../images/icon03_white.png) 50% 50% / contain no-repeat;
}
.icon04::before {
	background: url(../images/icon04.png) 50% 50% / contain no-repeat;
}
.icon04-w::before {
	background: url(../images/icon04_white.png) 50% 50% / contain no-repeat;
}
.icon05::before {
	background: url(../images/icon05.png) 50% 50% / contain no-repeat;
}
.icon05-w::before {
	background: url(../images/icon05_white.png) 50% 50% / contain no-repeat;
}
.icon06::before {
	background: url(../images/icon06.png) 50% 50% / contain no-repeat;
}
.icon06-w::before {
	background: url(../images/icon06_white.png) 50% 50% / contain no-repeat;
}
.icon07::before {
	background: url(../images/icon07.png) 50% 50% / contain no-repeat;
}
.icon07-w::before {
	background: url(../images/icon07_white.png) 50% 50% / contain no-repeat;
}
.icon08::before {
	background: url(../images/icon08.png) 50% 50% / contain no-repeat;
}
.icon08-w::before {
	background: url(../images/icon08_white.png) 50% 50% / contain no-repeat;
}
.icon09::before {
	background: url(../images/icon09.png) 50% 50% / contain no-repeat;
}
.icon09-w::before {
	background: url(../images/icon09_white.png) 50% 50% / contain no-repeat;
}
.icon12::before {
	background: url(../images/icon12.png) 50% 50% / contain no-repeat;
}
.icon12-w::before {
	background: url(../images/icon12_white.png) 50% 50% / contain no-repeat;
}
.icon13::before {
	background: url(../images/icon13.png) 50% 50% / contain no-repeat;
}
.icon13-w::before {
	background: url(../images/icon13_white.png) 50% 50% / contain no-repeat;
}
.icon14::before {
	background: url(../images/icon14.png) 50% 50% / contain no-repeat;
}
.icon14-w::before {
	background: url(../images/icon14_white.png) 50% 50% / contain no-repeat;
}
.icon15::before {
	background: url(../images/icon15.png) 50% 50% / contain no-repeat;
}
.icon15-w::before {
	background: url(../images/icon15_white.png) 50% 50% / contain no-repeat;
}
.icon17::before {
	background: url(../images/icon17.png) 50% 50% / contain no-repeat;
}
.icon17-w::before {
	background: url(../images/icon17_white.png) 50% 50% / contain no-repeat;
}
.icon18::before {
	background: url(../images/icon18.png) 50% 50% / contain no-repeat;
}
.icon18-w::before {
	background: url(../images/icon18_white.png) 50% 50% / contain no-repeat;
}
.icon23::before {
  background: url(../images/icon23.png) 50% 50% / contain no-repeat;
}
.icon23-w::before {
  background: url(../images/icon23_white.png) 50% 50% / contain no-repeat;
}
.icon24::before {
  background: url(../images/icon24.png) 50% 50% / contain no-repeat;
}
.icon24-w::before {
  background: url(../images/icon24_white.png) 50% 50% / contain no-repeat;
}
.icon25::before {
  background: url(../images/icon25.png) 50% 50% / contain no-repeat;
}
.icon25-w::before {
  background: url(../images/icon25_white.png) 50% 50% / contain no-repeat;
}
.icon26::before {
  background: url(../images/icon26.png) 50% 50% / contain no-repeat;
}
.icon26-w::before {
  background: url(../images/icon26_white.png) 50% 50% / contain no-repeat;
}
.icon27::before {
  background: url(../images/icon27.png) 50% 50% / contain no-repeat;
}
.icon27-w::before {
  background: url(../images/icon27_white.png) 50% 50% / contain no-repeat;
}
.icon28::before {
  background: url(../images/icon28.png) 50% 50% / contain no-repeat;
}
.icon28-w::before {
  background: url(../images/icon28_white.png) 50% 50% / contain no-repeat;
}
.icon29::before {
  background: url(../images/icon29.png) 50% 50% / contain no-repeat;
}
.icon29-w::before {
  background: url(../images/icon29_white.png) 50% 50% / contain no-repeat;
}
.icon30::before {
  background: url(../images/icon30.png) 50% 50% / contain no-repeat;
}
.icon30-w::before {
  background: url(../images/icon30_white.png) 50% 50% / contain no-repeat;
}
.icon31::before {
  background: url(../images/icon31.png) 50% 50% / contain no-repeat;
}
.icon31-w::before {
  background: url(../images/icon31_white.png) 50% 50% / contain no-repeat;
}
.icon34::before {
  background: url(../images/icon34.png) 50% 50% / contain no-repeat;
}
.icon34-w::before {
  background: url(../images/icon34_white.png) 50% 50% / contain no-repeat;
}
.icon35::before {
  background: url(../images/icon35.png) 50% 50% / contain no-repeat;
}
.icon35-w::before {
  background: url(../images/icon35_white.png) 50% 50% / contain no-repeat;
}
/* アイコン END */


/* 区切り START */
hr {
  margin: 0 0 18px;
	border: 1px solid #F6F6F6;
}
/* 区切り END */


/* 画面配置 START */
.flex {
  display: flex;
}
/* 画面配置 END */


/* select2 START */
.select2-container--default .select2-selection--single {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  display: none;
  height: 100%;
}
.select2-results__option--selectable {
  padding: 7px 10px 5px;
  font-size: 13px;
  color: #000;
  font-weight: 200;
  line-height: 1.4;
}
.select2-search--dropdown .select2-search__field {
  height: 32px;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background: #000;
}
/* select2 END */

/*4月リニューアル START*/
/*================================================================================================================================================*/
footer .environ {
  padding: 5px 20px 3px;
  font-size: 13px;
  color: #000;
  background: #F6F6F6;
  text-align: right;
}
.admin footer .environ,
.log-admin + footer .environ {
  color: #FFF;
  background: #2a2a2a;
}
/*================================================================================================================================================*/
/* 4月リニューアル END */