@charset "UTF-8";
@font-face {
	font-family: "hpg-sp-webfont";
	font-style: normal;
	font-weight: normal;
	src: url("/SYS/common/fonts/hpg-sp-webfont.eot?20251112103335") format("embedded-opentype"),
	     url("/SYS/common/fonts/hpg-sp-webfont.ttf?20251112103335") format("truetype"),
	     url("/SYS/common/fonts/hpg-sp-webfont.woff?20251112103335") format("woff"),
	     url("/SYS/common/fonts/hpg-sp-webfont.svg?20251112103335") format("svg");
}
* {
	margin: 0;
	padding: 0;
	word-wrap: break-word;
	word-break: break-word;
}
html {
	height: 100dvh;
	-webkit-text-size-adjust: 100%;
}
body {
	position: relative;
	background: none;
	width: 100dvw;
	min-height: 100dvh;
	font-weight: normal;
	text-decoration: none;
	-webkit-text-size-adjust: none;
}
ul, ol {
	list-style: none;
}
textarea {
	resize: none;
}
input {
	border: none;
}
img {
	border: none;
	vertical-align: top;
}
button, input,
optgroup, select,
textarea {
	appearance: none;
	vertical-align: middle;
	border-radius: 0;
	font-size: inherit;
	color: inherit;
	text-align: inherit;
	text-transform: inherit;
}
a {
	text-decoration: none;
}
button {
	padding: 0;
	border: none;
	background: transparent;
	font-family: "Helvetica Neue",
	             Arial,
	             "Hiragino Kaku Gothic ProN",
	             "Hiragino Sans",
	             Meiryo,
	             sans-serif;
	font-weight: bold;
	line-height: 1;
}
.dn {
	display: none !important;
}
body, select, input {
	font-family: "Helvetica Neue",
	             Arial,
	             "Hiragino Kaku Gothic ProN",
	             "Hiragino Sans",
	             Meiryo,
	             sans-serif;
}
body {
	color: #1E212D;
	line-height: 1.4;
}
a, a:visited {
	color: #3BA3CD;
}
input {
	color: #1E212D;
}
input:placeholder-shown {
	color: #969696;
}
option {
	color: #1E212D;
}
.wrapper {
	overflow: hidden;
}
.main-contents {
	background-color: #F9F8F7;
	padding-bottom: 22px;
}
.content {
	padding-top: 22px;
}
.content h1,
.content h2,
.content h3,
.content h4 {
	padding: 0 10px 5px;
	font-size: 16px;
	font-weight: bold;
}
.content > .content-body {
	background-color: #FFFFFF;
}
.aside-content {
	padding: 22px 10px 0;
}
.aside-content > .aside-button + .aside-button {
	margin-top: 15px;
}
body.fix-body.my-menu-is-open {
	position: fixed;
	width: 100%;
	overflow: initial;
}
.app-banner ~ .hpg-header > .news-drawer.open {
	height: calc(100vh - 114px);
	height: calc(100dvh - 114px);
}
.app-banner ~ .hpg-header > .news-drawer > .close-btn-wrap {
	bottom: calc(100vh - 174px);
	bottom: calc(100dvh - 174px);
}
.hpg-header {
	display: flex;
	position: relative;
	width: 100%;
	height: 49px;
	padding: 8px 10px 8px 5px;
	border-bottom: 1px solid #CCCCCC;
	box-sizing: border-box;
	background: #FFFFFF;
	line-height: 1;
}
.hpg-header > .back-btn {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	position: relative;
	width: 54px;
	height: 32px;
	font-size: 10px;
	font-weight: bold;
	color: #808080;
	white-space: nowrap;
	letter-spacing: -1px;
}
.hpg-header > .back-btn::after {
	position: absolute;
	top: 3px;
	left: 24px;
	width: 8px;
	height: 8px;
	border-top: solid 3px #808080;
	border-right: solid 3px #808080;
	transform: rotate(-135deg);
	content: "";
}
.hpg-header > .logo-wrap {
	width: 94px;
	height: 32px;
	margin-right: auto;
	margin-left: 5px;
}
.hpg-header > .logo-wrap > .logo-link {
	display: block;
}
.hpg-header > .my-menu-btn {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	position: relative;
	width: 54px;
	height: 32px;
	margin-left: 5px;
	font-size: 10px;
	font-weight: bold;
	color: #808080;
	white-space: nowrap;
	letter-spacing: -1px;
}
.hpg-header > .my-menu-btn::before {
	color: #808080;
	content: "";
	display: inline-block;
	font-family: "hpg-sp-webfont" !important;
	font-size: 16px;
	font-weight: normal;
	height: 16px;
	line-height: 16px;
	margin-top: -2px;
	vertical-align: middle;
	width: 16px;
	position: absolute;
	top: 0;
	margin-top: initial;
}
.hpg-header > .my-menu-btn.notice-badge::after {
	position: absolute;
	top: -3px;
	left: 32px;
	width: 6px;
	height: 6px;
	border-radius: 6px;
	background-color: #D0111B;
	content: "";
}
.hpg-header > .my-menu-overlay {
	visibility: hidden;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1500;
	background-color: rgba(0, 0, 0, 0.8);
	opacity: 0;
	transition: opacity 0.6s ease, visibility 0.6s ease;
}
.hpg-header > .my-menu-overlay.open {
	visibility: visible;
	opacity: 1;
}
.hpg-header > .my-menu-drawer-wrap {
	display: flex;
	flex-direction: column;
	position: fixed;
	top: 0;
	right: -305px;
	z-index: 2000;
	width: 305px;
	height: 100%;
	background-color: #FFFFFF;
	transition: right 0.6s ease;
}
.hpg-header > .my-menu-drawer-wrap > .my-menu-drawer {
	overflow-y: scroll;
	color: #1E212D;
}
.hpg-header > .my-menu-drawer-wrap.open {
	right: 0;
}
.hpg-header > .my-menu-drawer-wrap > .drawer-close-btn {
	height: 0;
}
.hpg-header > .my-menu-drawer-wrap > .drawer-close-btn::before,
.hpg-header > .my-menu-drawer-wrap > .drawer-close-btn::after {
	display: block;
	visibility: hidden;
	position: absolute;
	left: -29px;
	top: 20px;
	background-color: #FFFFFF;
	width: 15px;
	height: 2px;
	content: "";
}
.hpg-header > .my-menu-drawer-wrap > .drawer-close-btn::before {
	transform: rotate(45deg);
}
.hpg-header > .my-menu-drawer-wrap > .drawer-close-btn::after {
	transform: rotate(135deg);
}
.hpg-header > .my-menu-drawer-wrap > .drawer-close-btn.open::before,
.hpg-header > .my-menu-drawer-wrap > .drawer-close-btn.open::after {
	visibility: visible;
}
.hpg-header .drawer-head-area {
	padding: 20px 15px;
	border-bottom: 1px solid #CCCCCC;
	box-sizing: border-box;
	background-color: #F9F8F7;
}
.hpg-header .user-name-wrap {
	display: flex;
	align-items: baseline;
	padding: 3px 0;
	font-size: 12px;
	font-weight: bold;
}
.hpg-header .user-name-wrap > .user-name {
	display: block;
	max-width: 242px;
	overflow: hidden;
	margin-right: 5px;
	font-size: 14px;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.hpg-header .point-area {
	margin-top: 10px;
	padding: 15px;
	border-radius: 4px;
	background-color: #FFFFFF;
}
.hpg-header .point-area > .pr-text {
	padding: 2px 0;
	font-size: 10px;
}
.hpg-header .point-area > .pr-logo {
	display: flex;
	align-items: center;
	gap: 15px;
	margin-top: 5px;
}
.hpg-header .point-area > .point-wrap {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
}
.hpg-header .point-area > .point-wrap > .point-text {
	font-size: 12px;
}
.hpg-header .point-area > .point-wrap > .point-text > .point {
	margin-right: 5px;
	font-size: 14px;
	font-weight: bold;
	color: #D0111B;
}
.hpg-header .login-btn-wrap {
	margin-top: 15px;
}
.hpg-header .login-btn-wrap > .login-btn {
	background-color: #3BA3CD;
	border-radius: 4px;
	box-sizing: border-box;
	font-weight: bold;
	padding: 0 14px;
	text-align: center;
	display: block;
	width: 100%;
	font-size: 14px;
	line-height: 40px;
}
.hpg-header .login-btn-wrap > .login-btn:visited {
	color: #FFFFFF;
}
.hpg-header .login-btn-wrap > .login-btn:link {
	color: #FFFFFF;
	text-decoration: none;
}
.hpg-header .login-btn-wrap > .login-btn.disabled {
	background-color: #E0DFE1;
	color: #FFFFFF;
}
.hpg-header .reserve-link-list {
	padding: 10px 0;
	border-bottom: 1px solid #CCCCCC;
}
.hpg-header .reserve-link-list > li > a {
	display: flex;
	align-items: center;
	position: relative;
	height: 44px;
	padding: 10px 15px 10px 41px;
	box-sizing: border-box;
	font-size: 14px;
	font-weight: bold;
	color: #1E212D;
}
.hpg-header .reserve-link-list > li > .icn-gift::before {
	color: #1E212D;
	content: "";
}
.hpg-header .reserve-link-list > li > .icn-calendar::before {
	color: #1E212D;
	content: "";
}
.hpg-header .reserve-link-list > li > .icn-balloon::before {
	color: #1E212D;
	content: "";
}
.hpg-header .reserve-link-list > li > .icn-bookmark::before {
	color: #1E212D;
	content: "";
}
.hpg-header .reserve-link-list > li > .icn-history::before {
	color: #1E212D;
	content: "";
}
.hpg-header .reserve-link-list > li > a::before {
	display: inline-block;
	font-family: "hpg-sp-webfont" !important;
	font-size: 16px;
	font-weight: normal;
	height: 16px;
	line-height: 16px;
	margin-top: -2px;
	vertical-align: middle;
	width: 16px;
	position: absolute;
	left: 15px;
	margin-top: initial;
}
.hpg-header .reserve-link-list .drawer-notice-badge {
	display: inline-block;
	position: absolute;
	right: 15px;
	padding: 4px 6px;
	border-radius: 10px;
	background-color: #D0111B;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
}
.hpg-header .service-wrap {
	border-bottom: 1px solid #CCCCCC;
	box-sizing: border-box;
}
.hpg-header .service-wrap > .accordion-checkbox {
	display: none;
}
.hpg-header .service-wrap > .accordion-trigger {
	display: flex;
	align-items: center;
	position: relative;
	height: 44px;
	padding: 10px 15px;
	box-sizing: border-box;
	font-size: 14px;
	font-weight: bold;
	color: #1E212D;
}
.hpg-header .service-wrap > .accordion-trigger::after {
	background-color: transparent;
	border-right: solid 2px #CCCCCC;
	border-top: solid 2px #CCCCCC;
	content: "";
	height: 6px;
	width: 6px;
	margin-bottom: 3px;
	transform: rotate(135deg);
	display: block;
	margin-top: -3px;
	position: absolute;
	right: 10px;
	top: 50%;
	right: 17px;
	margin-top: -6px;
}
.hpg-header .service-wrap > .accordion-checkbox:checked ~ .accordion-trigger::after {
	transform: rotate(-45deg);
	margin-top: -2px;
}
.hpg-header .service-wrap > .service-link-list {
	display: none;
	padding: 10px 0;
}
.hpg-header .service-wrap > .service-link-list > li > a {
	display: flex;
	align-items: center;
	height: 40px;
	padding: 10px 15px;
	box-sizing: border-box;
	font-size: 12px;
	color: #1E212D;
}
.hpg-header .service-wrap > .service-link-list.open {
	display: block;
	border-top: 1px solid #CCCCCC;
}
.hpg-header .service-wrap > .accordion-checkbox:checked ~ .service-link-list {
	display: block;
	border-top: 1px solid #CCCCCC;
}
.hpg-header .personal-link-list {
	padding: 10px 0;
	border-bottom: 1px solid #CCCCCC;
}
.hpg-header .personal-link-list > li > a {
	display: flex;
	align-items: center;
	height: 40px;
	padding: 10px 15px;
	box-sizing: border-box;
	font-size: 12px;
	font-weight: bold;
	color: #1E212D;
}
.hpg-header .logout-link {
	display: flex;
	align-items: center;
	height: 44px;
	padding: 10px 15px;
	border-bottom: 1px solid #CCCCCC;
	box-sizing: border-box;
	font-size: 14px;
	font-weight: bold;
	color: #1E212D;
}
.search-topics-title {
	padding: 10px 10px;
	border-bottom: 1px #CCCCCC solid;
	background-color: #FFFFFF;
}
.search-topics-title > .title {
	font-size: 16px;
	font-weight: bold;
}
.search-topics-title > .info {
	margin-top: 10px;
	color: #A9A9A9;
	font-size: 12px;
}
.search-topics-title > .about-published-info-link > a {
	display: flex;
	justify-content: flex-end;
	font-size: 12px;
	color: #3BA3CD;
	line-height: 1.4;
	margin-top: 10px;
}
.search-topics-title + .search-condition {
	margin-top: 10px;
	border-top: 1px #CCCCCC solid;
}
.search-condition {
	background-color: #FFFFFF;
	border-bottom: 1px #CCCCCC solid;
	padding: 10px 10px;
	line-height: 1.4;
}
.search-condition > .inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.search-condition > .inner .status .title {
	font-size: 12px;
	font-weight: bold;
	color: #1E212D;
}
.search-condition > .inner .status .condition-text {
	font-size: 12px;
	font-weight: normal;
	margin-top: 10px;
	color: #1E212D;
}
.search-condition > .inner .status .condition-text > span {
	display: block;
}
.search-condition > .inner .status .condition-text > span + span {
	margin-top: 5px;
}
.search-condition > .inner > .button > .change-button {
	background-color: #FAFAFA;
	border-radius: 4px;
	box-sizing: border-box;
	font-weight: bold;
	padding: 0 14px;
	text-align: center;
	display: block;
	width: 100%;
	font-size: 12px;
	line-height: 30px;
	border: 1px solid #CCCCCC;
}
.search-condition > .inner > .button > .change-button:visited {
	color: #1E212D;
}
.search-condition > .inner > .button > .change-button:link {
	color: #1E212D;
	text-decoration: none;
}
.search-condition > .inner > .button > .change-button.disabled {
	background-color: #E0DFE1;
	color: #FFFFFF;
}
.search-result-number {
	color: #1E212D;
	font-size: 16px;
	font-weight: bold;
	margin: 0;
	padding: 0 10px 4px;
}
.search-result-number .all-number,
.search-result-number .current-number {
	padding-left: 5px;
	color: #1E212D;
	font-size: 12px;
}
.reserve-stock {
	padding: 0 10px 10px;
	-webkit-overflow-scrolling: touch;
	overflow-x: scroll;
}
.reserve-stock .week-calendar-mask td {
	background-color: #FFFFFF;
}
.reserve-stock:empty {
	width: 30px;
	height: 30px;
	margin: 30px auto 29px;
	border-top: 3px solid #D0111B;
	border-right: 3px solid #CCCCCC;
	border-bottom: 3px solid #CCCCCC;
	border-left: 3px solid #CCCCCC;
	border-radius: 50%;
	box-sizing: border-box;
}
.search-cassette-list > li {
	border-top: 1px #CCCCCC solid;
	border-bottom: 1px #CCCCCC solid;
	background: #FFFFFF;
}
.search-cassette-list > li .genre-area-wrap {
	padding: 0 10px;
	font-size: 10px;
	color: #1E212D;
}
.search-cassette-list > li .genre-area-wrap .area::before {
	content: "|";
	display: inline-block;
	padding: 0 5px;
}
.search-cassette-list > li .title {
	position: relative;
	margin-top: 5px;
	padding: 0 35px 0 10px;
	font-size: 14px;
	font-weight: bold;
	color: #1E212D;
}
.search-cassette-list > li .title::after {
	background-color: transparent;
	border-right: solid 2px #CCCCCC;
	border-top: solid 2px #CCCCCC;
	content: "";
	height: 6px;
	width: 6px;
	transform: rotate(45deg);
	display: block;
	margin-top: -3px;
	position: absolute;
	right: 10px;
	top: 50%;
}
.search-cassette-list > li .info-list {
	margin-top: 5px;
	padding: 0 10px;
	font-size: 12px;
	color: #1E212D;
}
.search-cassette-list > li .info-list > li::before {
	margin-right: 5px;
	display: inline-block;
	font-family: "hpg-sp-webfont" !important;
	font-size: 15px;
	font-weight: normal;
	height: 15px;
	line-height: 15px;
	margin-top: -2px;
	vertical-align: middle;
	width: 15px;
}
.search-cassette-list > li .info-list > li + li {
	margin-top: 5px;
}
.search-cassette-list > li > a {
	display: block;
	padding: 10px 0;
}
.search-cassette-list > li > a > .photo-list {
	display: flex;
	margin-top: 10px;
	padding: 0 0 10px 10px;
	overflow-x: scroll;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
}
.search-cassette-list > li > a > .photo-list > li {
	width: 130px;
	height: 130px;
}
.search-cassette-list > li > a > .photo-list > li:empty {
	min-width: 130px;
	min-height: 130px;
	background: url("/SYS/SP/images/img/loading_100x100.gif") 50% 50%/50px no-repeat;
}
.search-cassette-list > li > a > .photo-list > li:last-child {
	padding-right: 10px;
}
.search-cassette-list > li > a > .photo-list > li > img {
	min-width: 100%;
	width: inherit;
	max-height: 100%;
	height: inherit;
	object-fit: cover;
}
.search-cassette-list > li > a > .photo-list > li + li {
	margin-left: 2px;
}
.search-cassette-list > li > a .catch {
	padding: 0 10px;
	font-size: 10px;
	color: #1E212D;
}
.search-cassette-list > li + li {
	margin-top: 10px;
}
.search-cassette-list .icn-time::before {
	color: #666666;
	content: "";
}
.search-cassette-list .icn-access::before {
	color: #666666;
	content: "";
}
.search-cassette-list .icn-badget::before {
	color: #666666;
	content: "";
}
.search-cassette-list .icn-seat::before {
	color: #666666;
	content: "";
}
.search-cassette-list .feature-reserve-label-list,
.search-cassette-list .store-label-list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 5px;
	margin-top: 10px;
	padding: 0 10px;
}
.search-cassette-list .feature-reserve-label-list > li,
.search-cassette-list .store-label-list > li {
	padding: 2px 6px;
	border: 1px #BEA030 solid;
	font-size: 10px;
	text-align: left;
	color: #1E212D;
}
.search-cassette-list .feature-reserve-label-list > li.strong-label,
.search-cassette-list .store-label-list > li.strong-label {
	padding: 5px;
	border: 1px solid #D7C1AB;
	border-radius: 2px;
	background-color: #FFFFFF;
	font-size: 10px;
	font-weight: bold;
	color: #A4784D;
	line-height: 1;
}
.search-cassette-list .feature-reserve-label-list > li.point-plus-label,
.search-cassette-list .store-label-list > li.point-plus-label {
	position: relative;
	padding-left: 22px;
	font-weight: bold;
}
.search-cassette-list .feature-reserve-label-list > li.point-plus-label::before,
.search-cassette-list .store-label-list > li.point-plus-label::before {
	color: #A4784D;
	content: "";
}
.search-cassette-list .feature-reserve-label-list > li.point-plus-label::before,
.search-cassette-list .store-label-list > li.point-plus-label::before {
	display: inline-block;
	font-family: "hpg-sp-webfont" !important;
	font-size: 10px;
	font-weight: normal;
	height: 10px;
	line-height: 10px;
	margin-top: -2px;
	vertical-align: middle;
	width: 10px;
	position: absolute;
	left: 5px;
	width: 15px;
	margin-top: 1px;
}
.search-cassette-list .feature-reserve-label-list > li.dpoint-promotion-label,
.search-cassette-list .store-label-list > li.dpoint-promotion-label {
	padding-left: 22px;
	border: 1px #D0111B solid;
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAHKADAAQAAAABAAAAHAAAAABkvfSiAAADv0lEQVRIDbVWa0hUURCes+6m+RYfpOUjNUysH+6ullgqZSCFlSAE0Q+rH71+RBJFCKVgzx9GBNGv6kdEZJEkPaACtyzSdFMzKntQhm6UVrrr+tjde5tR7vXeu/duq9KB5czMN2e+PefMzD0M/BgdYM7mgN/MAawGYAsZ8Ak8QKiwNPX6yaaoLeuKBH24oenKh7KDFYIunfVSRSlbwVyOJLVu4DOmMR6QbNZDlbATche7wXMNd7Vy1pE1FnoRWiGn0AXcLfSP1lgzJ7OMkMg44B5iRMOcovpYrBMwOkY8QtrZfyMjLnGHdGeo+zzG+VlpXzAbvwUtSfRwjlFwdvYEDV69n0mB/B2ThFPZqJ0g4cW53YtvngF9ROgyDJwiBKd/l3j+kJOfcIk2AdOaJwkp9bUc4o/ubE6o2UPZKp6GwjeYzTOkKGyaqo6KGmR1Nu0bsbGgA8ny0KJFNu3sp6SnDqLmy7CdpN04FYZYgBR3fR9sG7rb7GBoDF+fH2KIj8mR4v+SkZDalfcILTC2sMB5ssL/eaHe0rvvdKHUO6mu0hJ7YKvMJsWVMpYFW6g0kh5Zvvab1M7ZR7qVZIT3VtYVckOO11JfX7KOGrGaQ9DSZJfUbrdYB6S6VB5+0j4o1X3JOh7YXHqxr9heGN67gzpNvxeChvF3X2UdJ6zQGKvmR7bwAlOMFqaw2+hI+xTGSfV3/eMkqV0XFpKVfLGqSWojedG5gxbdVENQQio669fzoLMAcGuUqOOpNZcfn/iImZouYDG7yooiywrah+49t9NHMbwkLxTLwu8Mxet7igXN3caANUJQYeYR/VR+eCS98awHbWIt6uOiTdEVpYKb2uwZfmKNUAP0wDdS/UIbmLpwWq7mFF+1ozmhdq+v1iYuc9kG2j5u2B/pfPVePBURBPbZBC/Thc/TkWlALtmOX1rVs2b3e/cfu2atuX8NdfZur2ntSigxq5NhtQM7hj9+codE0Q7mR/haWSunk2uGuKjPwabMbkPigmGPc1Tv/mKLHuv5mub68TtV7inXkKTLCKXZDKo5kdAK+fgSG2vFXFDtPPIQM9GYnYF+hQlevKVVwpGCEZ71I9lGtDlnEs6XL+6GQ4JtAhn5ioSkmKHdihO9PWV9lLCZDiRzYPjNRmi7I10rIySASAMhIAcv+IHUcWYye4Of0HzMykblOvEOlQDp+IorxkQ6gT+/vnkYrA+vpdoEqZcZ1FP9eg2fhIJ3J5gz3ACbKItxwSK0Y4KxQJxt+FqgXtyCvwYTlD6nTERZc/wFRaMcOv/5OVgAAAAASUVORK5CYII=') 5px center/14px 14px no-repeat;
	font-weight: bold;
}
.search-cassette-list .feature-reserve-label-list > li.go-to-eat-label,
.search-cassette-list .store-label-list > li.go-to-eat-label {
	border: 1px #D0111B solid;
	font-weight: bold;
	color: #D0111B;
}
.search-cassette-list .feature-reserve-label-list > li.specific-area-label,
.search-cassette-list .store-label-list > li.specific-area-label {
	border: 1px #FF9C22 solid;
	font-weight: bold;
}
.search-cassette-list .feature-reserve-label-list > li.specific-area-label .area-name,
.search-cassette-list .store-label-list > li.specific-area-label .area-name {
	padding-right: 5px;
	margin-right: 5px;
	border-right: 1px solid #FF9C22;
}
.search-cassette-list .feature-reserve-label-list > li.campaign-label,
.search-cassette-list .store-label-list > li.campaign-label {
	padding: 5px;
	border: 1px solid #D7C1AB;
	border-radius: 2px;
	font-size: 10px;
	font-weight: bold;
	line-height: 1;
}
.search-cassette-list .feature-reserve-label-list > li.online-payment-label,
.search-cassette-list .store-label-list > li.online-payment-label {
	font-weight: bold;
}
.search-cassette-list .feature-reserve-label-list > li.infection-label,
.search-cassette-list .store-label-list > li.infection-label {
	padding-left: 22px;
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAAXNSR0IArs4c6QAAAklJREFUSA29VL9LHEEUnjdznrnFIlU6C8EiYCmmipVCQEgOjVyZQKIhf0EgSWOjgn9BokkgKc8fx0UQhNjELiGlkEJIkc4qhewlp7sv8x3OMs7N3a63hwfDfO/nd+/tmydEH36qVn2LkyWVzOLUzWeJWTJRBQe4my9slOaQZh/4vD0RRdE3+Cml7pw9ePi9W0zqP+oWDFsUR1PGx8ZG5965CUnQtElqY6Nz71wtHdrfuRWG57910uJF4mYQFIZP782duERGzlVhI4xWLTLkLDb+nq+Y5L67pwpRGchY8BN/UvpQCtRLX6WZCDHuy7s74xgKfCdmnkQ1PjJL1ySiQ/2nviipDl7fn/uxRBSnEuJB440J5ptWsqtDoj/EXM31Da/OmvHhX2tLfVWkDo0U70s3Cq96HhofKXSqXn3HsXhq20mTReXKgq2zca5viCp0sqaVsHmhs1SXYS5CtIxIfDUpgX1tNHbcXkJZ33qOYzt2wizEgbHZ2Ojc20tIMc/iuM4+GY/a6G1sdO7dRjh2VC0yibt6Q0wCuwGujA0i9KPGaWHXwZHbCH8ey8d6qwTar9TCToArttaV3iDYIsCu3ZWT1YZqQKD35FqyxrCOiF7cHo0/Ho1V7Gl082SWCcOB74UW6qhSh8iGXtqHLKkWl+ffdPDJpG5raaaoHE5JS0f39gZ/nYWPfC0dGQg+Hc/M/MvBk4QmhEaj6luLHMfrkEnKZ1F5fsPY+nG3tRQDokc8xGnhfrCk5VC1zX2cNL9e7AVfEKbRp++H7j+mdugX/7/gOQAAAABJRU5ErkJggg==') 5px center/14px 14px no-repeat;
	border: 1px #02AFAA solid;
	font-weight: bold;
}
.search-cassette-list .cassette-tab {
	overflow: hidden;
	margin: -10px 10px 0;
	padding: 10px 0;
}
.search-cassette-list .cassette-tab > .coupon-trigger,
.search-cassette-list .cassette-tab > .course-trigger {
	display: none;
}
.search-cassette-list .cassette-tab > .coupon-trigger:checked + .icn-coupon,
.search-cassette-list .cassette-tab > .coupon-trigger:checked + .icn-course,
.search-cassette-list .cassette-tab > .course-trigger:checked + .icn-coupon,
.search-cassette-list .cassette-tab > .course-trigger:checked + .icn-course {
	border-bottom: 1px #FFFFFF solid;
	background: #FFFFFF;
}
.search-cassette-list .cassette-tab > .coupon-trigger:disabled + .icn-coupon,
.search-cassette-list .cassette-tab > .coupon-trigger:disabled + .icn-course,
.search-cassette-list .cassette-tab > .course-trigger:disabled + .icn-coupon,
.search-cassette-list .cassette-tab > .course-trigger:disabled + .icn-course {
	background: #E6E6E6;
	color: #999999;
}
.search-cassette-list .cassette-tab > .coupon-trigger:disabled + .icn-coupon::before,
.search-cassette-list .cassette-tab > .coupon-trigger:disabled + .icn-course::before,
.search-cassette-list .cassette-tab > .course-trigger:disabled + .icn-coupon::before,
.search-cassette-list .cassette-tab > .course-trigger:disabled + .icn-course::before {
	color: #999999;
}
.search-cassette-list .cassette-tab > .icn-coupon,
.search-cassette-list .cassette-tab > .icn-course {
	display: inline-block;
	width: 50%;
	border: 1px #CCCCCC solid;
	border-radius: 3px 3px 0 0;
	background: #FAFAFA;
	font-size: 12px;
	line-height: 29px;
	text-align: center;
	box-sizing: border-box;
	color: #1E212D;
}
.search-cassette-list .cassette-tab > .icn-coupon::before,
.search-cassette-list .cassette-tab > .icn-course::before {
	margin-right: 5px;
	display: inline-block;
	font-family: "hpg-sp-webfont" !important;
	font-size: 15px;
	font-weight: normal;
	height: 15px;
	line-height: 15px;
	margin-top: -2px;
	vertical-align: middle;
	width: 15px;
}
.search-cassette-list .cassette-tab > .icn-coupon::before {
	color: #F4B000;
	content: "";
}
.search-cassette-list .cassette-tab > .icn-course::before {
	color: #D0111B;
	content: "";
}
.search-cassette-list .cassette-tab > .coupon-trigger:checked,
.search-cassette-list .cassette-tab > .course-trigger:checked,
.search-cassette-list .cassette-tab > .coupon-trigger:checked ~ .icn-coupon,
.search-cassette-list .cassette-tab > .course-trigger:checked ~ .icn-course {
	pointer-events: none;
}
.search-cassette-list .cassette-tab > .coupon-trigger:checked ~ .coupon-description,
.search-cassette-list .cassette-tab > .course-trigger:checked ~ .course-description {
	display: block;
}
.search-cassette-list .cassette-tab > .coupon-description,
.search-cassette-list .cassette-tab > .course-description {
	display: none;
	border-right: 1px #CCCCCC solid;
	border-bottom: 1px #CCCCCC solid;
	border-left: 1px #CCCCCC solid;
	border-radius: 0 0 3px 3px;
}
.search-cassette-list .cassette-tab > .coupon-description > a {
	position: relative;
	display: block;
	padding: 15px 32px 15px 10px;
	font-size: 12px;
	color: #1E212D;
}
.search-cassette-list .cassette-tab > .coupon-description > a::after {
	background-color: transparent;
	border-right: solid 2px #CCCCCC;
	border-top: solid 2px #CCCCCC;
	content: "";
	height: 6px;
	width: 6px;
	transform: rotate(45deg);
	display: block;
	margin-top: -3px;
	position: absolute;
	right: 10px;
	top: 50%;
}
.search-cassette-list .cassette-tab .course-wrap {
	position: relative;
	display: block;
	padding: 10px 32px 10px 10px;
}
.search-cassette-list .cassette-tab .course-wrap::after {
	background-color: transparent;
	border-right: solid 2px #CCCCCC;
	border-top: solid 2px #CCCCCC;
	content: "";
	height: 6px;
	width: 6px;
	transform: rotate(45deg);
	display: block;
	margin-top: -3px;
	position: absolute;
	right: 10px;
	top: 50%;
}
.search-cassette-list .cassette-tab .course-wrap > .name {
	font-size: 10px;
	color: #1E212D;
}
.search-cassette-list .cassette-tab .course-wrap .price {
	display: block;
	width: 100%;
	font-size: 14px;
	font-weight: bold;
	color: #D0111B;
	text-align: right;
}
.search-cassette-list .cassette-tab .course-wrap .price .tax {
	margin-left: 5px;
	font-size: 12px;
	font-weight: normal;
}
.search-cassette-list .cassette-tab .course-detail {
	display: flex;
	margin-top: 15px;
	justify-content: space-between;
}
.search-cassette-list .cassette-tab .course-wrap + .course-wrap::before {
	position: absolute;
	top: 0;
	width: calc(100% - 20px);
	border-top: 1px #CCCCCC solid;
	content: "";
}
.search-cassette-list .split-content {
	display: flex;
	margin-top: 10px;
}
.search-cassette-list > .pr-cassette {
	position: relative;
	background: #FFF8EC;
}
.search-cassette-list > .pr-cassette > a {
	display: block;
	padding: 8px 10px 10px;
}
.search-cassette-list > .pr-cassette .pr-label {
	position: absolute;
	top: 0;
	left: 10px;
	padding: 5px;
	background: #FF9524;
	border-radius: 0 0 4px 4px;
	color: #FFFFFF;
	font-size: 12px;
}
.search-cassette-list > .pr-cassette .pr-label + .genre-area-wrap {
	padding-left: 42px;
}
.search-cassette-list > .pr-cassette .split-content {
	display: flex;
	margin-top: 10px;
}
.search-cassette-list > .pr-cassette .supplement-label-list,
.search-cassette-list > .pr-cassette .catch,
.search-cassette-list > .pr-cassette .info-list {
	margin-top: 5px;
}
.search-cassette-list > .pr-cassette .supplement-label-list {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 2px;
}
.search-cassette-list > .pr-cassette .supplement-label-list > li {
	padding: 2px 6px;
	background: #556980;
	font-size: 10px;
	color: #FFFFFF;
	text-align: center;
}
.search-cassette-list > .pr-cassette .supplement-label-list > li.disable {
	background: #E0DFE1;
}
.search-cassette-list > .pr-cassette .feature-reserve-label-list,
.search-cassette-list > .pr-cassette .store-label-list {
	padding: 0;
}
.search-cassette-list > .pr-cassette .coupon-wrap > a {
	position: relative;
	display: flex;
	padding: 10px;
}
.search-cassette-list > .pr-cassette .coupon-wrap > a::before {
	position: absolute;
	top: 0;
	width: calc(100% - 20px);
	border-top: 1px #CCCCCC solid;
	content: "";
}
.search-cassette-list > .pr-cassette .coupon-wrap > a > .btn {
	background-color: #FAFAFA;
	border-radius: 4px;
	box-sizing: border-box;
	font-weight: bold;
	padding: 0 14px;
	text-align: center;
	display: inline-block;
	font-size: 12px;
	line-height: 30px;
	border: 1px solid #CCCCCC;
	height: fit-content;
	white-space: nowrap;
	border: 1px solid #CCCCCC;
	color: #1E212D;
}
.search-cassette-list > .pr-cassette .coupon-wrap > a > .btn:visited {
	color: #1E212D;
}
.search-cassette-list > .pr-cassette .coupon-wrap > a > .btn:link {
	color: #1E212D;
	text-decoration: none;
}
.search-cassette-list > .pr-cassette .coupon-wrap > a > .btn.disabled {
	background-color: #E0DFE1;
	color: #FFFFFF;
}
.search-cassette-list > .pr-cassette .coupon-wrap > a > .btn::before {
	color: #F4B000;
	content: "";
}
.search-cassette-list > .pr-cassette .coupon-wrap > a > .btn::before {
	margin-right: 5px;
	display: inline-block;
	font-family: "hpg-sp-webfont" !important;
	font-size: 18px;
	font-weight: normal;
	height: 18px;
	line-height: 18px;
	margin-top: -2px;
	vertical-align: middle;
	width: 18px;
}
.search-cassette-list > .pr-cassette .coupon-wrap > a > .text {
	margin-left: 10px;
	font-size: 10px;
	color: #1E212D;
}
.search-cassette-list > .pr-cassette .today-stock-mask {
	margin: 0 10px;
	padding: 10px 0;
	border-top: 1px #CCCCCC solid;
}
.search-cassette-list > .pr-cassette .today-stock-wrap {
	padding: 5px;
	border: 1px solid #CCCCCC;
	background: #FFFFFF;
	font-size: 12px;
	text-align: center;
	color: #1E212D;
}
.week-calendar-mask {
	width: fit-content;
	padding-right: 10px;
}
.week-calendar-wrap {
	border-top: 1px #CCCCCC solid;
	border-left: 1px #CCCCCC solid;
	border-spacing: 0;
}
.week-calendar-wrap > thead > tr > th,
.week-calendar-wrap > tbody > tr > td {
	font-size: 12px;
	color: #1E212D;
	text-align: center;
}
.week-calendar-wrap > thead > tr > th.sat {
	background: #EBF6FA;
	color: #3BA3CD;
}
.week-calendar-wrap > tbody > tr > td.sat > a > .date {
	color: #3BA3CD;
}
.week-calendar-wrap > thead > tr > th.sun {
	background: #FCE8E7;
	color: #E41A12;
}
.week-calendar-wrap > tbody > tr > td.sun > a > .date,
.week-calendar-wrap > tbody > tr > td.holiday > a > .date {
	color: #E41A12;
}
.week-calendar-wrap > thead > tr > th {
	border-right: 1px #CCCCCC solid;
	border-bottom: 1px #CCCCCC solid;
	background: #F4F4F4;
	padding: 4px 0;
	line-height: 1;
}
.week-calendar-wrap > tbody > tr > td {
	border-right: 1px #CCCCCC solid;
	border-bottom: 1px #CCCCCC solid;
	vertical-align: top;
}
.week-calendar-wrap > tbody > tr > td .mark {
	font-family: "ヒラギノ角ゴ Pro";
}
.week-calendar-wrap > tbody > tr > td > a,
.week-calendar-wrap > tbody > tr > td > p {
	display: block;
	width: 47px;
	height: 100%;
	padding: 8px 0;
	line-height: 1;
	box-sizing: border-box;
}
.week-calendar-wrap > tbody > tr > td > a > .date,
.week-calendar-wrap > tbody > tr > td > a > .status,
.week-calendar-wrap > tbody > tr > td > p > .date,
.week-calendar-wrap > tbody > tr > td > p > .status {
	display: block;
	color: #1E212D;
}
.week-calendar-wrap > tbody > tr > td > a > .status,
.week-calendar-wrap > tbody > tr > td > p > .status {
	margin-top: 8px;
	font-size: 16px;
	line-height: 20px;
	color: #3BA3CD;
}
.week-calendar-wrap > tbody > tr > td.disabled > a > .date,
.week-calendar-wrap > tbody > tr > td.disabled > a > .status,
.week-calendar-wrap > tbody > tr > td.disabled > p > .date,
.week-calendar-wrap > tbody > tr > td.disabled > p > .status {
	color: #999999;
}
.week-calendar-wrap > tbody > tr > td.disabled.cross > p > .status {
	margin-top: 6px;
	font-size: 24px;
}
.week-calendar-wrap > tbody > tr > td > a > .mark {
	font-size: 20px;
	font-weight: bold;
}
.point-plus-calendar .week-calendar-wrap > tbody > tr > td {
	position: relative;
	padding-bottom: 0;
}
.point-plus-calendar .week-calendar-wrap > tbody > tr > td > a,
.point-plus-calendar .week-calendar-wrap > tbody > tr > td > p {
	padding-bottom: 28px;
}
.point-plus-calendar .week-calendar-wrap > tbody > tr > td.point-plus-icn > a::after {
	color: #D0111B;
	content: "";
	display: inline-block;
	font-family: "hpg-sp-webfont" !important;
	font-size: 12px;
	font-weight: normal;
	height: 12px;
	line-height: 12px;
	margin-top: -2px;
	vertical-align: middle;
	width: 12px;
	display: block;
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 20px;
	padding-top: 4px;
	background-color: #F5F1E9;
	line-height: 14px;
	text-align: center;
	box-sizing: border-box;
}
.fail-load-stock {
	text-align: center;
}
.fail-load-stock > .text {
	padding-bottom: 10px;
	font-size: 12px;
	color: #E41A12;
}
.fail-load-stock > .btn {
	background-color: #FAFAFA;
	border-radius: 4px;
	box-sizing: border-box;
	font-weight: bold;
	padding: 0 14px;
	text-align: center;
	display: inline-block;
	font-size: 12px;
	line-height: 30px;
	border: 1px solid #CCCCCC;
}
.fail-load-stock > .btn:visited {
	color: #1E212D;
}
.fail-load-stock > .btn:link {
	color: #1E212D;
	text-decoration: none;
}
.fail-load-stock > .btn.disabled {
	background-color: #E0DFE1;
	color: #FFFFFF;
}
.content .app-recommend-banner {
	display: flex;
	justify-content: center;
	margin-top: 22px;
	padding-inline: 10px;
}
.content .app-recommend-banner.exist-result {
	border: unset;
	background-color: unset;
}
.content .app-recommend-banner.exist-result:has(~ li) {
	margin-bottom: 22px;
}
.content .app-recommend-banner.exist-result a {
	padding: 0;
}
.content .app-recommend-banner a {
	display: block;
	width: 100%;
	max-width: 370px;
}
.content .app-recommend-banner a img {
	width: 100%;
	height: auto;
}
.search-cassette-list > .dokoara-cassette > a:first-child {
	padding: 8px 10px 10px;
}
.search-cassette-list > .dokoara-cassette > a + a {
	padding: 0 10px 10px;
}
.search-cassette-list > .dokoara-cassette .genre-area-wrap,
.search-cassette-list > .dokoara-cassette .info-list {
	padding: 0;
}
.search-cassette-list > .dokoara-cassette .title {
	padding: 0 25px 0 0;
}
.search-cassette-list > .dokoara-cassette .title::after {
	right: 0;
}
.search-cassette-list > .dokoara-cassette .icn-tel::before {
	color: #666666;
	content: "";
}
.search-cassette-list > .dokoara-cassette .icn-tel::before {
	display: inline-block;
	font-family: "hpg-sp-webfont" !important;
	font-size: 15px;
	font-weight: normal;
	height: 15px;
	line-height: 15px;
	margin-top: -2px;
	vertical-align: middle;
	width: 15px;
}
.search-cassette-list > .dokoara-cassette .split-content > .photo {
	margin-right: 10px;
}
.search-cassette-list > .dokoara-cassette .report-title {
	padding-top: 10px;
	border-top: 1px #CCCCCC solid;
	font-size: 12px;
	font-weight: bold;
	color: #1E212D;
}
.search-cassette-list > .dokoara-cassette .report-text {
	font-size: 12px;
	color: #1E212D;
}
.search-cassette-list > .dokoara-cassette .reporter {
	margin-top: 10px;
	font-size: 10px;
	color: #1E212D;
}
.search-cassette-list > .dokoara-cassette .reporter + .post-date {
	margin-top: 5px;
}
.search-cassette-list > .dokoara-cassette .post-date {
	margin-top: 10px;
	font-size: 10px;
	color: #969696;
}
.search-cassette-list > .dokoara-cassette .read-more {
	position: relative;
	margin-top: 10px;
	padding-right: 25px;
	font-size: 12px;
	color: #3BA3CD;
	text-align: right;
}
.search-cassette-list > .dokoara-cassette .read-more::after {
	background-color: transparent;
	border-right: solid 2px #3BA3CD;
	border-top: solid 2px #3BA3CD;
	content: "";
	height: 5px;
	width: 5px;
	transform: rotate(45deg);
	display: block;
	margin-top: -3px;
	position: absolute;
	right: 10px;
	top: 50%;
}
.recommend-list {
	display: flex;
	-webkit-overflow-scrolling: touch;
	overflow-x: scroll;
	padding-bottom: 10px;
	margin-top: 5px;
	margin-top: 5px;
}
.recommend-list > li:first-child {
	margin-left: 10px;
}
.recommend-list > li:last-child {
	position: relative;
}
.recommend-list > li:last-child::after {
	content: "";
	height: 1px;
	left: 100%;
	position: absolute;
	top: 0;
	width: 10px;
}
.recommend-list > li > a {
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	border-radius: 10px;
	box-sizing: border-box;
	display: block;
	height: 100%;
	overflow: hidden;
}
.recommend-list li + li {
	margin-left: 10px;
}
.recommend-list li {
	width: 250px;
	height: 320px;
}
.recommend-list li .store-img {
	width: 250px;
	height: 177px;
	overflow: hidden;
	border-radius: 9px 9px 0 0;
}
.recommend-list li .store-img > img {
	display: block;
	width: inherit;
	height: inherit;
	max-width: 100%;
	max-height: 100%;
	object-fit: cover;
}
.recommend-list li .store-info {
	width: 250px;
	height: 143px;
	padding: 15px 10px;
	word-wrap: break-word;
	overflow-wrap: break-word;
	box-sizing: border-box;
	color: #1E212D;
}
.recommend-list li .store-info .store-title,
.recommend-list li .store-info .store-name {
	height: 38px;
	font-size: 14px;
	font-weight: bold;
}
.recommend-list li .store-info .store-catch {
	height: 16px;
	margin-top: 5px;
	font-size: 12px;
}
.recommend-list li .store-info .store-type {
	height: 32px;
	margin-top: 5px;
	font-size: 12px;
}
.recommend-list li .store-info .store-price {
	margin-top: 5px;
	font-size: 10px;
}
.recommend-list li .store-info .store-price .icn-dinner::before {
	color: #7983B1;
	content: "";
}
.recommend-list li .store-info .store-price .icn-lunch::before {
	color: #B89872;
	content: "";
}
.recommend-list li .store-info .store-price .icn-dinner:before,
.recommend-list li .store-info .store-price .icn-lunch:before {
	display: inline-block;
	font-family: "hpg-sp-webfont" !important;
	font-size: 12px;
	font-weight: normal;
	height: 12px;
	line-height: 12px;
	margin-top: -2px;
	vertical-align: middle;
	width: 12px;
	margin-right: 5px;
}
.recommend-list li .store-info .store-price > span + span {
	margin-left: 10px;
}
.recommend-list .store-title {
	word-break: break-all;
}
.section-title-condition {
	display: block;
	margin-top: 5px;
	padding-right: 10px;
	font-size: 12px;
	font-weight: normal;
}
.search-condition-list {
	display: flex;
	flex-direction: column;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
	background-color: #FFFFFF;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}
.search-condition-list > li {
	box-sizing: border-box;
	display: block;
	margin: 0;
	padding: 0;
	position: relative;
	width: 100%;
	line-height: 1.4;
}
.search-condition-list > li::after {
	background-color: transparent;
	border-right: solid 2px #CCCCCC;
	border-top: solid 2px #CCCCCC;
	content: "";
	height: 6px;
	width: 6px;
	transform: rotate(45deg);
	display: block;
	margin-top: -3px;
	position: absolute;
	right: 10px;
	top: 50%;
}
.search-condition-list > li > a {
	align-items: center;
	box-sizing: border-box;
	display: flex;
	height: 100%;
	min-height: 44px;
	padding: 10px 30px 10px 10px;
	width: 100%;
	word-break: break-word;
}
.search-condition-list > li > a:link,
.search-condition-list > li > a:visited {
	color: #1E212D;
	text-decoration: none;
}
.search-condition-list > li + li {
	border-top: solid 1px #CCCCCC;
}
.search-condition-list > li > a:link,
.search-condition-list > li > a:visited {
	font-size: 14px;
	font-weight: bold;
	color: #1E212D;
}
.search-condition-list > li.disabled {
	background-color: #E6E6E6;
}
.search-condition-list > li.disabled > a {
	color: #999999;
}
.search-condition-list + .feature-list-with-count {
	margin-top: 10px;
}
.search-condition-list .content .title {
	padding: 0 10px 4px;
}
.search-condition-list .content > .content + .content > .title {
	padding-top: 12px;
}
.search-condition-list + .search-condition-list {
	margin-top: 12px;
}
.search-condition-list .sub-list-parent::after {
	display: none;
}
.search-condition-list .sub-list-parent > a {
	position: relative;
}
.search-condition-list .sub-list-parent > a::after {
	background-color: transparent;
	border-right: solid 2px #CCCCCC;
	border-top: solid 2px #CCCCCC;
	content: "";
	height: 6px;
	width: 6px;
	transform: rotate(45deg);
	display: block;
	margin-top: -3px;
	position: absolute;
	right: 10px;
	top: 50%;
}
.search-condition-list .sub-list {
	padding-left: 20px;
	border-bottom: 0;
	box-sizing: border-box;
}
.search-condition-list .search-condition-subdivision + .search-condition-subdivision {
	margin-top: 12px;
}
.search-condition-list > li > a .list-appeal {
	color: #D0111B;
}
.search-condition-list > li > a .link-block-list-sub {
	display: block;
	margin-left: auto;
	font-weight: normal;
	color: #1E212D;
	text-align: center;
	white-space: nowrap;
}
.slidein-target .content .feature-list-with-count + h3.title {
	padding-top: 22px;
}
.slidein-trigger {
	position: relative;
}
.slidein-target {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #F9F8F7;
	height: 100vh;
	-webkit-overflow-scrolling: touch;
	        overflow-scrolling: touch;
	overflow-y: scroll;
	box-sizing: border-box;
	padding-bottom: 180px;
	transform: translateX(100%);
	transition: all 0.5s ease 0s;
	z-index: 900;
}
.slidein-target.enabled {
	transform: translateX(0%);
}
.slidein-target > .content {
	padding-top: 22px;
}
.slidein-target > .content > h3 {
	padding-bottom: 4px;
}
.slidein-target > .content .disabled {
	padding: 10px 30px 10px 10px;
	background: #E0DFE1;
	font-size: 14px;
	color: #C7C7CC;
}
.slidein-target > .content .disabled::after {
	background-color: transparent;
	border-right: solid 2px #C7C7CC;
	border-top: solid 2px #C7C7CC;
	content: "";
	height: 6px;
	width: 6px;
	transform: rotate(45deg);
	display: block;
	margin-top: -3px;
	position: absolute;
	right: 10px;
	top: 50%;
}
.pager-area {
	font-family: "Hiragino Kaku Gothic ProN";
	padding: 16px 15px 33px;
}
.pager-area .pager-direction {
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	border-radius: 4px;
	box-sizing: border-box;
	color: #1E212D;
	display: flex;
	height: 48px;
}
.pager-area .pager-direction .disabled {
	background: #E0DFE1;
}
.pager-area .pager-direction > a {
	text-align: center;
}
.pager-area .pager-direction > a + a {
	border-left: 1px solid #CCCCCC;
}
.pager-area .pager-direction .prev-arrow,
.pager-area .pager-direction .next-arrow {
	flex-grow: 1;
	line-height: 46px;
}
.pager-area .pager-direction .prev-arrow.disabled .arrow::before,
.pager-area .pager-direction .prev-arrow.disabled .arrow::after,
.pager-area .pager-direction .next-arrow.disabled .arrow::before,
.pager-area .pager-direction .next-arrow.disabled .arrow::after {
	border-right: solid 2px #C7C7CC;
	border-top: solid 2px #C7C7CC;
}
.pager-area .pager-direction .prev-arrow .arrow::before {
	background-color: transparent;
	border-right: solid 2px #969696;
	border-top: solid 2px #969696;
	content: "";
	height: 7px;
	width: 7px;
	transform: rotate(-135deg);
	display: inline-block;
	margin-left: 10px;
	margin-left: 0;
}
.pager-area .pager-direction .prev-arrow .arrow::after {
	background-color: transparent;
	border-right: solid 2px #969696;
	border-top: solid 2px #969696;
	content: "";
	height: 7px;
	width: 7px;
	transform: rotate(-135deg);
	display: inline-block;
	margin-left: 10px;
	margin-left: -3px;
}
.pager-area .pager-direction .next-arrow .arrow::before {
	background-color: transparent;
	border-right: solid 2px #969696;
	border-top: solid 2px #969696;
	content: "";
	height: 7px;
	width: 7px;
	transform: rotate(45deg);
	display: inline-block;
	margin-left: 10px;
	margin-left: 0;
}
.pager-area .pager-direction .next-arrow .arrow::after {
	background-color: transparent;
	border-right: solid 2px #969696;
	border-top: solid 2px #969696;
	content: "";
	height: 7px;
	width: 7px;
	transform: rotate(45deg);
	display: inline-block;
	margin-left: 10px;
	margin-left: -3px;
}
.pager-area .pager-direction .prev-text,
.pager-area .pager-direction .next-text {
	flex-grow: 2;
}
.pager-area .pager-direction .prev-text .text,
.pager-area .pager-direction .next-text .text {
	color: #1E212D;
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	height: 100%;
	line-height: 46px;
	position: relative;
}
.pager-area .pager-direction .prev-text.disabled .text,
.pager-area .pager-direction .next-text.disabled .text {
	color: #C7C7CC;
}
.pager-area .pager-direction .prev-text.disabled .text::before,
.pager-area .pager-direction .prev-text.disabled .text::after,
.pager-area .pager-direction .next-text.disabled .text::before,
.pager-area .pager-direction .next-text.disabled .text::after {
	border-right: solid 2px #C7C7CC;
	border-top: solid 2px #C7C7CC;
}
.pager-area .pager-direction .prev-text {
	padding-left: 10px;
}
.pager-area .pager-direction .prev-text .text::before {
	background-color: transparent;
	border-right: solid 2px #969696;
	border-top: solid 2px #969696;
	content: "";
	height: 8px;
	width: 8px;
	transform: rotate(-135deg);
	display: inline-block;
	margin-left: 10px;
	position: absolute;
	right: 120%;
	top: 40%;
}
.pager-area .pager-direction .next-text {
	padding-right: 10px;
}
.pager-area .pager-direction .next-text .text::after {
	background-color: transparent;
	border-right: solid 2px #969696;
	border-top: solid 2px #969696;
	content: "";
	height: 8px;
	width: 8px;
	transform: rotate(45deg);
	display: inline-block;
	margin-left: 10px;
	left: 90%;
	position: absolute;
	top: 40%;
}
.pager-area .pager-current-number {
	font-size: 16px;
	font-weight: bold;
	margin-top: 10px;
	text-align: center;
}
.pager-area .pager-result {
	font-size: 10px;
	text-align: center;
}
.feature-list-with-count {
	border-bottom: solid 1px #CCCCCC;
	border-top: solid 1px #CCCCCC;
	display: flex;
	flex-direction: column;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
	background-color: #FFFFFF;
	box-sizing: border-box;
}
.feature-list-with-count > li {
	box-sizing: border-box;
	display: block;
	margin: 0;
	padding: 0;
	position: relative;
	width: 100%;
	line-height: 1.4;
}
.feature-list-with-count > li::after {
	background-color: transparent;
	border-right: solid 2px #CCCCCC;
	border-top: solid 2px #CCCCCC;
	content: "";
	height: 6px;
	width: 6px;
	transform: rotate(45deg);
	display: block;
	margin-top: -3px;
	position: absolute;
	right: 10px;
	top: 50%;
}
.feature-list-with-count > li > a {
	align-items: center;
	box-sizing: border-box;
	display: flex;
	height: 100%;
	min-height: 44px;
	padding: 10px 30px 10px 10px;
	width: 100%;
	word-break: break-word;
	position: relative;
	padding-right: 85px;
	font-size: 14px;
	font-weight: bold;
	color: #1E212D;
}
.feature-list-with-count > li > a:link,
.feature-list-with-count > li > a:visited {
	color: #1E212D;
	text-decoration: none;
}
.feature-list-with-count > li > a:after {
	background-color: transparent;
	border-right: solid 2px #CCCCCC;
	border-top: solid 2px #CCCCCC;
	content: "";
	height: 6px;
	width: 6px;
	transform: rotate(45deg);
	display: block;
	margin-top: -3px;
	position: absolute;
	right: 10px;
	top: 50%;
}
.feature-list-with-count > li > a:link,
.feature-list-with-count > li > a:visited {
	color: #1E212D;
}
.feature-list-with-count > li > a .link-block-list-sub {
	color: #1E212D;
	font-weight: normal;
	margin-top: -10px;
	position: absolute;
	right: 5%;
	text-align: center;
	top: 50%;
	white-space: nowrap;
	width: 42px;
}
.feature-list-with-count > li + li {
	border-top: solid 1px #CCCCCC;
}
.feature-list-with-count > li > a .list-appeal {
	color: #D0111B;
}
.feature-list-with-count > li > a .link-block-list-sub {
	right: 30px;
	width: auto;
}
.feature-list-with-count > li > a:link,
.feature-list-with-count > li > a:visited {
	color: #1E212D;
}
.feature-list-with-count > li:after {
	display: none;
}
.feature-list-with-count + .feature-list-with-count {
	margin-top: 10px;
}
.feature-list-with-count .feature-list-with-count {
	padding-left: 20px;
	border-bottom: none;
}
.feature-list-with-count .feature-list-with-count .feature-list-with-count {
	padding-left: 20px;
}
.subsite-link-carousel {
	display: flex;
	-webkit-overflow-scrolling: touch;
	overflow-x: scroll;
	padding-bottom: 10px;
}
.subsite-link-carousel > li:first-child {
	margin-left: 10px;
}
.subsite-link-carousel > li:last-child {
	position: relative;
}
.subsite-link-carousel > li:last-child::after {
	content: "";
	height: 1px;
	left: 100%;
	position: absolute;
	top: 0;
	width: 10px;
}
.subsite-link-carousel > li > a {
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	border-radius: 4px;
	box-sizing: border-box;
	display: block;
	height: 100%;
	overflow: hidden;
}
.subsite-link-carousel li + li {
	margin-left: 10px;
}
.subsite-link-carousel > li > a {
	display: grid;
	grid-template-columns: 150px;
	grid-template-rows: 75px 97px;
}
.subsite-link-carousel > li > a > .text {
	padding: 8px 10px 10px;
	line-height: 1.4;
	color: #1E212D;
	box-sizing: border-box;
}
.subsite-link-carousel > li > a > .text > .title {
	font-size: 12px;
}
.subsite-link-carousel > li > a > .text > .title,
.subsite-link-carousel > li > a > .text > .caption {
	display: block;
	font-weight: bold;
	color: #1E212D;
}
.subsite-link-carousel > li > a > .text > .caption {
	margin-top: 5px;
	font-size: 10px;
	color: #969696;
}
.change-condition-button {
	background-color: #FAFAFA;
	border-radius: 4px;
	box-sizing: border-box;
	font-weight: bold;
	padding: 0 14px;
	text-align: center;
	display: block;
	width: 100%;
	font-size: 12px;
	line-height: 30px;
	border: 1px solid #CCCCCC;
	font-size: 14px;
	line-height: 30px;
}
.change-condition-button:visited {
	color: #1E212D;
}
.change-condition-button:link {
	color: #1E212D;
	text-decoration: none;
}
.change-condition-button.disabled {
	background-color: #E0DFE1;
	color: #FFFFFF;
}
.back-buttons {
	display: flex;
	justify-content: space-between;
	padding: 10px 10px;
}
.back-buttons > a {
	background-color: #FAFAFA;
	border-radius: 4px;
	box-sizing: border-box;
	font-weight: bold;
	padding: 0 14px;
	text-align: center;
	display: inline-block;
	font-size: 12px;
	line-height: 30px;
	border: 1px solid #CCCCCC;
}
.back-buttons > a:visited {
	color: #1E212D;
}
.back-buttons > a:link {
	color: #1E212D;
	text-decoration: none;
}
.back-buttons > a.disabled {
	background-color: #E0DFE1;
	color: #FFFFFF;
}
.back-buttons > a:link,
.back-buttons > a:visited {
	color: #1E212D;
}
.back-buttons > a:last-child {
	margin-left: auto;
}
.change-conditions-float {
	position: fixed;
	top: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	padding: 10px;
	background-color: #FFFFFF;
	border-bottom: 1px #CCCCCC solid;
	box-sizing: border-box;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.15s, visibility 0s ease-in 0.15s;
	box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.5);
	z-index: 200;
}
.change-conditions-float.show {
	transition-delay: 0s;
	opacity: 1;
	visibility: visible;
}
.change-conditions-float .condition-detail {
	padding-right: 13px;
	font-size: 12px;
	line-height: 1.4;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.change-conditions-float .button {
	background-color: #FAFAFA;
	border-radius: 4px;
	box-sizing: border-box;
	font-weight: bold;
	padding: 0 14px;
	text-align: center;
	display: inline-block;
	font-size: 12px;
	line-height: 30px;
	border: 1px solid #CCCCCC;
	white-space: nowrap;
}
.change-conditions-float .button:visited {
	color: #1E212D;
}
.change-conditions-float .button:link {
	color: #1E212D;
	text-decoration: none;
}
.change-conditions-float .button.disabled {
	background-color: #E0DFE1;
	color: #FFFFFF;
}
.wrapper {
	position: relative;
}
.wrapper.prevent {
	touch-action: none;
}
.slide-mode {
	height: 300px;
	overflow: hidden;
}
.slide-mode + .change-conditions-float {
	display: none;
}
.slideup-head {
	align-items: center;
	background-color: #F5F1E9;
	border-bottom: 2px solid #D0111B;
	display: flex;
	min-height: 48px;
	position: relative;
}
.slideup-head .back,
.slideup-head .close {
	align-items: center;
	bottom: 0;
	box-sizing: border-box;
	color: #D0111B;
	display: flex;
	font-size: 10px;
	font-weight: bold;
	min-width: 50px;
	padding: 0 10px;
	position: absolute;
	top: 0;
	white-space: nowrap;
}
.slideup-head .back {
	left: 0;
}
.slideup-head .close {
	right: 0;
}
.slideup-head .title {
	color: #1E212D;
	font-size: 16px;
	font-weight: bold;
	padding: 0 50px;
	text-align: center;
	width: 100%;
}
.slideup-content {
	padding-bottom: 220px;
	background-color: #F9F8F7;
	color: #1E212D;
}
.slideup-content.disabled {
	pointer-events: none;
	display: none;
}
.slideup-content .content {
	padding-top: 22px;
}
.slideup-content > .slideup-head > .title,
.slideup-content .sma-select-content h3 {
	padding: 0 10px;
	font-weight: bold;
	color: #1E212D;
	line-height: 1;
}
.clear-icon {
	display: block;
	width: 40px;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	line-height: 1;
}
.clear-icon::before {
	display: block;
	font-family: "hpg-sp-webfont" !important;
	content: "";
	color: #CCCCCC;
	position: absolute;
	top: 50%;
	left: 11px;
	margin-top: -9px;
	font-size: 18px;
}
.content-title {
	margin: 0;
	padding: 0 10px 5px;
	font-size: 16px;
	font-weight: bold;
	line-height: 1;
}
.content-title-supplement {
	font-size: 10px;
	font-weight: normal;
}
.special-list {
	display: none;
}
.open > .special-list {
	display: block;
}
.area-search-content {
	border-bottom: 1px solid #CCCCCC;
}
.area-search-content .radio-select-list > li > .one-line > .input {
	width: fit-content;
}
.select-area-title {
	align-items: baseline;
	display: flex;
	justify-content: space-between;
}
.select-area-title .select-sa {
	color: #3BA3CD;
	font-size: 12px;
}
.geo-select-label > .label-head,
.pickies-label > .label-head {
	white-space: nowrap;
}
.geo-select-label > .label,
.pickies-label > .label {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.sma-select-content {
	border-top: 1px solid #CCCCCC;
	padding-top: 10px;
}
.sma-select-content .check-select-list {
	display: grid;
	grid-template-columns: 1fr 1fr;
}
.sma-select-content .check-select-list > li {
	display: flex;
}
.sa-select-content,
.ma-select-content,
.sma-select-content {
	display: none;
	overflow: hidden;
}
.sa-select-content h3,
.ma-select-content h3,
.sma-select-content h3 {
	font-size: 14px;
}
.sa-select-content.open,
.ma-select-content.open,
.sma-select-content.open {
	display: block;
}
.sa-select-content:empty,
.ma-select-content:empty,
.sma-select-content:empty {
	min-height: 74px;
	background-image: url(/SYS/smartphone/images/loading_sp.gif);
	background-position: 50% 50%;
	background-size: 50px;
	background-repeat: no-repeat;
}
.sa-select-content .title {
	display: block;
	padding: 5px 10px;
	border-top: 1px solid #CCCCCC;
	box-sizing: border-box;
	background-color: #F5F1E9;
	font-size: 14px;
	font-weight: normal;
}
.select-sa-list {
	display: flex;
	flex-direction: column;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
	border-top: 1px solid #CCCCCC;
}
.select-sa-list > li {
	box-sizing: border-box;
	display: block;
	margin: 0;
	padding: 0;
	position: relative;
	width: 100%;
	line-height: 1.4;
}
.select-sa-list > li::after {
	background-color: transparent;
	border-right: solid 2px #CCCCCC;
	border-top: solid 2px #CCCCCC;
	content: "";
	height: 6px;
	width: 6px;
	transform: rotate(45deg);
	display: block;
	margin-top: -3px;
	position: absolute;
	right: 10px;
	top: 50%;
}
.select-sa-list > li > a {
	align-items: center;
	box-sizing: border-box;
	display: flex;
	height: 100%;
	min-height: 44px;
	padding: 10px 30px 10px 10px;
	width: 100%;
	word-break: break-word;
}
.select-sa-list > li > a:link,
.select-sa-list > li > a:visited {
	color: #1E212D;
	text-decoration: none;
}
.select-sa-list > li + li {
	border-top: solid 1px #CCCCCC;
}
.select-sa-list input[type=radio] {
	display: none;
}
.select-sa-list label {
	align-items: center;
	box-sizing: border-box;
	display: flex;
	height: 100%;
	min-height: 44px;
	padding: 10px 30px 10px 10px;
	width: 100%;
	word-break: break-word;
}
.input-text-wrap {
	padding: 15px 10px;
	border-top: 1px solid #CCCCCC;
	line-height: 1;
}
.input-text-wrap:last-child {
	border-bottom: 1px solid #CCCCCC;
}
.input-text-icon {
	height: 40px;
	position: relative;
}
.input-text-icon::before {
	color: #CCCCCC;
	content: "";
}
.input-text-icon::before {
	bottom: 0;
	font-family: "hpg-sp-webfont" !important;
	font-size: 14px;
	font-weight: normal;
	height: 14px;
	left: 10px;
	margin: auto;
	position: absolute;
	top: 0;
	width: 18px;
}
.input-text-icon .input-text {
	background-color: #FFFFFF;
	border: 1px solid #969696;
	border-radius: 4px;
	box-sizing: border-box;
	color: #969696;
	font-size: 14px;
	height: 40px;
	padding: 10px 10px;
	width: 100%;
	position: absolute;
	padding: 10px 40px 10px 10px;
	border: 1px solid #CCCCCC;
	background-color: #FAFAFA;
	color: #1E212D;
}
.input-text-icon .input-text:placeholder-shown {
	position: initial;
}
.input-text-icon .input-text::placeholder {
	padding-left: 15px;
}
.input-text-icon .input-text + .clear-icon {
	left: auto;
	right: 0;
}
.input-text-icon .input-text:placeholder-shown {
	color: #969696;
}
.input-text-icon .input-text:placeholder-shown + .clear-icon {
	display: none;
}
.input-text-icon .input-text::-webkit-input-placeholder {
	padding-left: 15px;
}
.expansion-select-list {
	border-bottom: 1px solid #CCCCCC;
}
.expansion-select-list > li {
	overflow: hidden;
}
.expansion-select-list > li > .one-line {
	align-items: center;
	border-top: 1px solid #CCCCCC;
	box-sizing: border-box;
	display: flex;
	justify-content: left;
	margin: 0;
	padding: 0;
	position: relative;
	width: 100%;
	min-height: 44px;
	padding: 10px 30px 10px 10px;
	word-break: break-word;
}
.expansion-select-list > li > .one-line .title {
	align-items: center;
	display: flex;
	font-weight: bold;
	width: calc(100% - 30px);
}
.expansion-select-list > li > .one-line .title.open .arrow::after {
	transform: rotate(-45deg);
}
.expansion-select-list > li > .one-line .label {
	display: block;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.2;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.expansion-select-list > li > .one-line .label-head {
	white-space: nowrap;
}
.expansion-select-list > li > .one-line .arrow {
	bottom: 0;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 30px;
}
.expansion-select-list > li > .one-line .arrow::after {
	background-color: transparent;
	border-right: solid 2px #CCCCCC;
	border-top: solid 2px #CCCCCC;
	content: "";
	height: 6px;
	width: 6px;
	margin-bottom: 3px;
	transform: rotate(135deg);
	display: block;
	margin-top: -3px;
	position: absolute;
	right: 10px;
	top: 50%;
}
.expansion-select-list > li > .one-line .input + .title {
	margin-left: 28px;
}
.expansion-select-list > li > .one-line .title {
	font-size: 14px;
}
.expansion-select-list > li > .area-select .label-head {
	font-weight: bold;
}
.expansion-select-list > li > .area-select .label {
	font-weight: bold;
}
.expansion-select-list > li > .geo-search .title {
	font-weight: bold;
}
.expansion-select-list.disabled {
	background-color: #E6E6E6;
	color: #999999;
}
.expansion-select-list > li > .one-line .label {
	color: #1E212D;
}
.expansion-select-list .label-head {
	font-size: 14px;
	line-height: 1;
}
.radio-select-list > li {
	overflow: hidden;
}
.radio-select-list > li > .one-line {
	align-items: center;
	border-top: 1px solid #CCCCCC;
	box-sizing: border-box;
	display: flex;
	justify-content: left;
	margin: 0;
	padding: 0;
	position: relative;
	width: 100%;
	min-height: 44px;
	padding: 10px 30px 10px 10px;
	word-break: break-word;
}
.radio-select-list > li > .one-line .title {
	align-items: center;
	display: flex;
	font-weight: normal;
	width: calc(100% - 30px);
}
.radio-select-list > li > .one-line .title.open .arrow::after {
	transform: rotate(-45deg);
}
.radio-select-list > li > .one-line .label {
	display: block;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.2;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.radio-select-list > li > .one-line .label-head {
	white-space: nowrap;
}
.radio-select-list > li > .one-line .arrow {
	bottom: 0;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 30px;
}
.radio-select-list > li > .one-line .arrow::after {
	background-color: transparent;
	border-right: solid 2px #CCCCCC;
	border-top: solid 2px #CCCCCC;
	content: "";
	height: 6px;
	width: 6px;
	margin-bottom: 3px;
	transform: rotate(135deg);
	display: block;
	margin-top: -3px;
	position: absolute;
	right: 10px;
	top: 50%;
}
.radio-select-list > li > .one-line .input {
	display: block;
	width: 100%;
}
.radio-select-list > li > .one-line .input > input {
	display: none;
}
.radio-select-list > li > .one-line .input > input + label {
	align-items: center;
	box-sizing: border-box;
	display: flex;
	font-size: 14px;
	line-height: 1.4;
}
.radio-select-list > li > .one-line .input > input + label::before {
	display: inline-block;
	font-family: "hpg-sp-webfont" !important;
	font-size: 20px;
	font-weight: normal;
	height: 20px;
	line-height: 20px;
	margin-top: -2px;
	vertical-align: middle;
	width: 20px;
	background-color: #FAFAFA;
	border: 1px solid #969696;
	border-radius: 100%;
	box-sizing: border-box;
	content: "";
	flex-shrink: 0;
	margin: 0 5px 0 0;
}
.radio-select-list > li > .one-line .input > input:checked + label::before {
	color: #D0111B;
	content: "";
}
.radio-select-list > li > .one-line .input > input:checked + label::before {
	border: unset;
}
.radio-select-list > li > .area-select .label-head {
	font-weight: bold;
}
.radio-select-list > li > .area-select .label {
	font-weight: bold;
}
.radio-select-list > li > .geo-search .title {
	font-weight: bold;
}
.radio-select-list > li > .one-line .label {
	color: #1E212D;
}
.radio-select-list.two-select-list {
	display: grid;
	grid-template-columns: 1fr 1fr;
	border-top: 1px solid #CCCCCC;
}
.radio-select-list.two-select-list > li {
	border-bottom: 1px solid #CCCCCC;
}
.radio-select-list.two-select-list > li:nth-child(2n-1) {
	border-right: 1px solid #CCCCCC;
}
.radio-select-list.two-select-list > li:last-child {
	border-bottom: none;
}
.radio-select-list.two-select-list > li > .one-line {
	height: 100%;
	padding-right: 0;
	border: none;
}
.radio-select-list .label-head {
	font-size: 14px;
	line-height: 1;
}
.check-select-list > li {
	min-height: 44px;
	padding: 10px;
	box-sizing: border-box;
}
.check-select-list > li > input {
	display: none;
}
.check-select-list > li > input + label {
	align-items: center;
	box-sizing: border-box;
	display: flex;
	font-size: 12px;
	line-height: 1.4;
}
.check-select-list > li > input + label::before {
	display: inline-block;
	font-family: "hpg-sp-webfont" !important;
	font-size: 20px;
	font-weight: normal;
	height: 20px;
	line-height: 20px;
	margin-top: -2px;
	vertical-align: middle;
	width: 20px;
	background-color: #FAFAFA;
	border: 1px solid #969696;
	border-radius: 3px;
	box-sizing: border-box;
	content: "";
	margin: 0 5px 0 0;
}
.check-select-list > li > input:checked + label::before {
	color: #D0111B;
	content: "";
}
.check-select-list > li > input:checked + label::before {
	border: unset;
}
.area-search-content .radio-select-list > li > .one-line .label,
.radio-select-list > li > .one-line .label,
.radio-select-list > li > .one-line .input > input + label {
	font-weight: bold;
}
.three-column-list {
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	display: flex;
	flex-wrap: wrap;
	margin-left: -5px;
	padding: 10px 10px 15px;
}
.three-column-list > li {
	box-sizing: border-box;
	flex: 0 1 calc(100% / 3);
	padding-left: 5px;
	padding-top: 5px;
}
.three-column-list label {
	background-color: #FAFAFA;
	border-radius: 4px;
	box-sizing: border-box;
	font-weight: bold;
	padding: 0 14px;
	text-align: center;
	display: block;
	width: 100%;
	font-size: 12px;
	line-height: 30px;
	border: 1px solid #CCCCCC;
	align-items: center;
	display: flex;
	justify-content: center;
	line-height: 1.4;
	min-height: 40px;
}
.three-column-list label:visited {
	color: #1E212D;
}
.three-column-list label:link {
	color: #1E212D;
	text-decoration: none;
}
.three-column-list label.disabled {
	background-color: #E0DFE1;
	color: #FFFFFF;
}
.three-column-list input {
	display: none;
}
.three-column-list input:checked + label {
	background-color: #D0111B;
	border-color: #D0111B;
	color: #FFFFFF;
}
.three-column-list label {
	padding: 0 7px;
	border: 1px solid #CCCCCC;
	font-size: 10px;
}
.two-column-list {
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	display: flex;
	flex-wrap: wrap;
	margin-left: -5px;
	padding: 10px 10px 15px;
}
.two-column-list > li {
	box-sizing: border-box;
	flex: 0 1 calc(100% / 2);
	padding-left: 5px;
	padding-top: 5px;
}
.two-column-list label {
	background-color: #FAFAFA;
	border-radius: 4px;
	box-sizing: border-box;
	font-weight: bold;
	padding: 0 14px;
	text-align: center;
	display: block;
	width: 100%;
	font-size: 12px;
	line-height: 30px;
	border: 1px solid #CCCCCC;
	align-items: center;
	display: flex;
	justify-content: center;
	line-height: 1.4;
	min-height: 40px;
}
.two-column-list label:visited {
	color: #1E212D;
}
.two-column-list label:link {
	color: #1E212D;
	text-decoration: none;
}
.two-column-list label.disabled {
	background-color: #E0DFE1;
	color: #FFFFFF;
}
.two-column-list input {
	display: none;
}
.two-column-list input:checked + label {
	background-color: #D0111B;
	border-color: #D0111B;
	color: #FFFFFF;
}
.two-column-list label {
	font-size: 10px;
	border: 1px solid #CCCCCC;
}
.select-content-list {
	display: flex;
	align-items: center;
	justify-content: space-around;
	padding: 15px 10px;
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
}
.select-content-list > .while-string {
	padding: 0 2px;
	font-size: 14px;
	font-weight: bold;
}
.select-content-list .select-content {
	color: #1E212D;
}
.select-content-wrap {
	display: inline-block;
	position: relative;
	width: 100%;
}
.select-content-wrap > .select-content {
	-webkit-appearance: none;
	width: 100%;
	height: 40px;
	padding: 10px 20px 10px 10px;
	border: 1px solid #CCCCCC;
	border-radius: 3px;
	background-color: #FAFAFA;
	font-size: 14px !important;
	box-sizing: border-box;
}
.select-content-wrap > .select-content:disabled {
	opacity: 0.3;
}
.select-content-wrap::after {
	background-color: transparent;
	border-right: solid 2px #CCCCCC;
	border-top: solid 2px #CCCCCC;
	content: "";
	height: 6px;
	width: 6px;
	margin-bottom: 3px;
	transform: rotate(135deg);
	display: block;
	margin-top: -3px;
	position: absolute;
	right: 10px;
	top: 50%;
}
.pickies-label .label-head {
	white-space: nowrap;
	margin-left: 28px;
}
.pickies-content {
	display: none;
}
.pickies-content.open {
	display: block;
}
.pickies-individual .title {
	padding: 5px 10px;
	background-color: #F5F1E9;
	box-sizing: border-box;
	font-size: 14px;
}
.pickies-individual .body {
	background-color: #FFFFFF;
}
.pickies-individual .radio-select-list {
	border-bottom: 1px solid #CCCCCC;
}
.pickies-individual .radio-select-list .pickies-select-content {
	display: none;
	padding-left: 25px;
	border-top: 1px solid #CCCCCC;
}
.pickies-individual .radio-select-list .pickies-select-content.open {
	display: block;
}
.pickies-individual > .body > .radio-select-list .input {
	width: fit-content;
}
.pickies-individual > .title {
	color: #1E212D;
	line-height: 1;
}
.buttons {
	background-color: #FFFFFF;
	box-sizing: border-box;
	display: table;
	padding: 15px 10px;
	width: 100%;
}
.buttons .clear-button {
	background-color: #FAFAFA;
	border-radius: 4px;
	box-sizing: border-box;
	font-weight: bold;
	padding: 0 14px;
	text-align: center;
	display: block;
	width: 100%;
	font-size: 12px;
	line-height: 30px;
	border: 1px solid #CCCCCC;
	border: 1px solid #CCCCCC;
}
.buttons .clear-button:visited {
	color: #1E212D;
}
.buttons .clear-button:link {
	color: #1E212D;
	text-decoration: none;
}
.buttons .clear-button.disabled {
	background-color: #E0DFE1;
	color: #FFFFFF;
}
.buttons .clear-button:link {
	color: #1E212D;
}
.buttons .submin-button {
	background-color: #3BA3CD;
	border-radius: 4px;
	box-sizing: border-box;
	font-weight: bold;
	padding: 0 14px;
	text-align: center;
	display: block;
	width: 100%;
	font-size: 12px;
	line-height: 30px;
}
.buttons .submin-button:visited {
	color: #FFFFFF;
}
.buttons .submin-button:link {
	color: #FFFFFF;
	text-decoration: none;
}
.buttons .submin-button.disabled {
	background-color: #E0DFE1;
	color: #FFFFFF;
}
.buttons .submin-button > span {
	margin-right: 2px;
	font-size: 16px;
}
.buttons .submin-button.disabled {
	background-color: #CCCCCC;
	color: #999999;
}
.buttons > li:last-of-type {
	min-width: 175px;
	box-sizing: border-box;
}
.buttons > li {
	display: table-cell;
}
.buttons > li + li {
	padding-left: 10px;
}
.fixed-buttons {
	display: none;
	bottom: 0;
	position: fixed;
	border-top: 1px #CCCCCC solid;
	background-color: rgba(255, 255, 255, 0.8);
	z-index: 300;
}
.fixed-buttons .clear-button,
.fixed-buttons .submin-button {
	font-size: 14px;
	line-height: 40px;
}
.alert-content {
	flex-wrap: wrap;
	padding: 10px 10px;
	background-color: #FFFFFF;
	font-size: 14px;
}
.alert-content .text {
	width: 100%;
	color: #E41A12;
	line-height: 1.4;
}
.alert-content .text::before {
	color: #E41A12;
	content: "";
}
.alert-content .text:before {
	display: inline-block;
	font-family: "hpg-sp-webfont" !important;
	font-size: 18px;
	font-weight: normal;
	height: 18px;
	line-height: 18px;
	margin-top: -2px;
	vertical-align: middle;
	width: 18px;
	margin-right: 5px;
}
.alert-content .text + .reload-button,
.alert-content .text + .text {
	margin-top: 10px;
}
.alert-content .reload-button {
	background-color: #FAFAFA;
	border-radius: 4px;
	box-sizing: border-box;
	font-weight: bold;
	padding: 0 14px;
	text-align: center;
	display: block;
	width: 100%;
	font-size: 12px;
	line-height: 30px;
	border: 1px solid #CCCCCC;
}
.alert-content .reload-button:visited {
	color: #1E212D;
}
.alert-content .reload-button:link {
	color: #1E212D;
	text-decoration: none;
}
.alert-content .reload-button.disabled {
	background-color: #E0DFE1;
	color: #FFFFFF;
}
@keyframes slideup {
	from {
	 top: 400px;
	 opacity: 0;
	}
	1% {
	 opacity: 1;
	 height: auto;
	}
	to {
	 top: 0;
	 opacity: 1;
	}
}
@keyframes slidedown {
	from {
	 top: 0;
	 height: auto;
	 min-height: 100vh;
	 opacity: 1;
	}
	99% {
	 height: auto;
	 min-height: 100vh;
	 padding-bottom: 63px;
	 opacity: 1;
	}
	to {
	 top: 400px;
	 height: 0;
	 min-height: 0;
	 opacity: 0;
	}
}
.slideup-panel {
	display: none;
	position: absolute;
	top: 400px;
	width: 100%;
	min-height: 100vh;
	box-sizing: border-box;
	-webkit-transform: translate3d(0, 0, 0);
	        transform: translate3d(0, 0, 0);
	z-index: 200;
}
.slideup-panel.enabled {
	display: block;
	top: 0;
	height: auto;
	-webkit-animation: slideup 0.3s ease-out;
	        animation: slideup 0.3s ease-out;
	opacity: 1;
	perspective: 1000;
}
.slideup-panel.enabled[data-slide="search-panel"]:not([data-slide-mode="suggest"]) + .fixed-buttons {
	display: table;
}
.slideup-panel.disabled {
	overflow: hidden;
	display: block;
	height: 0;
	padding-bottom: 0;
	min-height: 0;
	-webkit-animation: slidedown 0.3s ease-out;
	        animation: slidedown 0.3s ease-out;
	opacity: 0;
}
.slideup-suggest {
	display: none;
	min-height: 100vh;
	background-color: #F9F8F7;
	transform: translateX(100%);
	transition: all 0.5s ease 0s;
}
.slideup-suggest.enabled {
	display: block;
	transform: translateX(0%);
}
.suggest-head {
	position: relative;
	display: flex;
	padding: 10px 10px;
}
.suggest-head > .close {
	display: block;
	position: relative;
	width: 40px;
	height: 40px;
	border: 1px solid #CCCCCC;
	border-radius: 4px;
	box-sizing: border-box;
	background-color: #FAFAFA;
	line-height: 40px;
	text-align: center;
}
.suggest-head > .close:after {
	background-color: transparent;
	border-right: solid 2px #1E212D;
	border-top: solid 2px #1E212D;
	content: "";
	height: 8px;
	width: 8px;
	transform: rotate(-135deg);
	display: block;
	margin-top: -4px;
	position: absolute;
	right: 10px;
	top: 50%;
}
.suggest-head > .input-text-icon {
	width: 100%;
	margin-left: 5px;
	line-height: 1;
}
.suggest-content .title {
	display: block;
	padding: 5px 10px;
	border-top: 1px solid #CCCCCC;
	box-sizing: border-box;
	background-color: #F5F1E9;
	font-size: 14px;
	font-weight: normal;
	line-height: 1;
}
.suggest-content > .list {
	display: flex;
	flex-direction: column;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}
.suggest-content > .list > li {
	box-sizing: border-box;
	display: block;
	margin: 0;
	padding: 0;
	position: relative;
	width: 100%;
	line-height: 1.4;
}
.suggest-content > .list > li::after {
	background-color: transparent;
	border-right: solid 2px #CCCCCC;
	border-top: solid 2px #CCCCCC;
	content: "";
	height: 6px;
	width: 6px;
	transform: rotate(45deg);
	display: block;
	margin-top: -3px;
	position: absolute;
	right: 10px;
	top: 50%;
}
.suggest-content > .list > li > a {
	align-items: center;
	box-sizing: border-box;
	display: flex;
	height: 100%;
	min-height: 44px;
	padding: 10px 30px 10px 10px;
	width: 100%;
	word-break: break-word;
}
.suggest-content > .list > li > a:link,
.suggest-content > .list > li > a:visited {
	color: #1E212D;
	text-decoration: none;
}
.suggest-content > .list > li + li {
	border-top: solid 1px #CCCCCC;
}
.suggest-content > .list a {
	font-size: 14px;
}
.suggest-content > .list > li:first-child + li {
	border-top: none;
}
.geo-loading {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1000;
	width: 100vw;
	height: 100%;
	visibility: hidden;
	background-color: rgba(0, 0, 0, 0.5);
	opacity: 0;
	transition: opacity 0.3s linear;
}
.geo-loading > .inner {
	margin: 10px;
	padding: 10px;
	border-radius: 4px;
	background-color: #FFFFFF;
	text-align: center;
}
.geo-loading > .inner > .title {
	font-size: 14px;
	font-weight: bold;
}
.geo-loading.enabled {
	visibility: visible;
	opacity: 1;
}
.month-calendar-content .month-calendar-body {
	border-bottom: none;
}
.month-calendar-content .month-calendar-body .date .select {
	background: #D0111B;
	color: #FFFFFF;
}
.month-calendar-content .title {
	margin-left: 28px;
}
.month-calendar-wrap {
	position: relative;
	display: none;
}
.month-calendar-wrap .select-year-month {
	height: 44px;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.month-calendar-wrap .select-year-month > li {
	display: none;
	font-size: 14px;
	font-weight: bold;
}
.month-calendar-wrap .select-year-month > li.enabled {
	display: block;
}
.month-calendar-wrap .select-year-month > li > span {
	display: block;
	font-size: 0;
	height: 44px;
	width: 44px;
}
.month-calendar-wrap .select-year-month > li.prev {
	float: left;
}
.month-calendar-wrap .select-year-month > li.prev::after {
	background-color: transparent;
	border-right: solid 2px #CCCCCC;
	border-top: solid 2px #CCCCCC;
	content: "";
	height: 6px;
	width: 6px;
	transform: rotate(-135deg);
	display: block;
	left: 10px;
	margin-top: -3px;
	position: absolute;
	top: 50%;
}
.month-calendar-wrap .select-year-month > li.next {
	float: right;
}
.month-calendar-wrap .select-year-month > li.next::after {
	background-color: transparent;
	border-right: solid 2px #CCCCCC;
	border-top: solid 2px #CCCCCC;
	content: "";
	height: 6px;
	width: 6px;
	transform: rotate(45deg);
	display: block;
	margin-top: -3px;
	position: absolute;
	right: 10px;
	top: 50%;
}
.month-calendar-wrap .select-year-month::after {
	clear: both;
	content: "";
	display: block;
	height: 0;
}
.month-calendar-wrap .month-calendar-list {
	border-top: 1px solid #CCCCCC;
}
.month-calendar-wrap .month-calendar-list > li {
	display: none;
}
.month-calendar-wrap .month-calendar-list > li.enabled {
	display: block;
}
.month-calendar-wrap.open {
	display: block;
}
.month-calendar-body {
	border-bottom: 1px solid #CCCCCC;
	border-collapse: collapse;
	table-layout: fixed;
	width: 100%;
}
.month-calendar-body > .year-month {
	font-size: 14px;
	font-weight: bold;
	height: 44px;
	line-height: 44px;
}
.month-calendar-body > .day-of-week {
	background-color: #F4F4F4;
	border-top: 1px solid #CCCCCC;
}
.month-calendar-body > .day-of-week th {
	color: #1E212D;
	font-size: 10px;
	height: 28px;
	text-align: center;
}
.month-calendar-body > .day-of-week th.sat {
	color: #3BA3CD;
}
.month-calendar-body > .day-of-week th.sun {
	color: #E41A12;
}
.month-calendar-body > .date td {
	border-top: 1px solid #CCCCCC;
}
.month-calendar-body > .date td + td {
	border-left: 1px solid #CCCCCC;
}
.month-calendar-body > .date td > a,
.month-calendar-body > .date td > span {
	display: block;
	font-size: 14px;
	height: 44px;
	line-height: 44px;
	text-align: center;
}
.month-calendar-body > .date td > a {
	color: #1E212D;
	font-weight: bold;
}
.month-calendar-body > .date td > a.sat {
	color: #3BA3CD;
}
.month-calendar-body > .date td > a.sun,
.month-calendar-body > .date td > a.holiday {
	color: #E41A12;
}
.month-calendar-body > .date td > a.enabled {
	background-color: #D0111B;
	color: #FFFFFF;
}
.month-calendar-body > .date td > span {
	color: #C7C7CC;
	font-weight: normal;
}
.modal-mask {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	overflow: hidden;
	z-index: 800;
}
@keyframes fadeIn {
	0% {
	 opacity: 0;
	}
	100% {
	 opacity: 1;
	}
}
@keyframes fadeOut {
	0% {
	 opacity: 1;
	}
	100% {
	 opacity: 0;
	}
}
.modal-mask.show {
	display: block;
}
.modal-mask:not(.show) {
	display: none;
}
.modal-mask.fade-in {
	animation: fadeIn 0.15s ease-in;
}
.modal-mask.fade-out {
	animation: fadeOut 0.15s ease-in;
}
.modal-mask .modal-overlay {
	position: fixed;
	width: 100%;
	height: 100vh;
	background-color: rgba(0, 0, 0, 0.7);
}
.modal-mask .modal-wrapper {
	overflow: scroll;
	-webkit-overflow-scrolling: touch;
	height: 100vh;
	z-index: 900;
	display: flex;
}
.modal-mask .modal-close-btn {
	position: relative;
	width: 34px;
	height: 34px;
	display: flex;
	margin-left: auto;
	font-weight: bold;
}
.modal-mask .modal-close-btn > a {
	position: relative;
	display: block;
	width: 34px;
	height: 34px;
}
.modal-mask .modal-close-btn > a:before,
.modal-mask .modal-close-btn > a:after {
	position: absolute;
	content: "";
	top: 15px;
	right: 8px;
	display: block;
	width: 15px;
	height: 2px;
	background-color: #666666;
}
.modal-mask .modal-close-btn > a:before {
	transform: rotate(45deg);
}
.modal-mask .modal-close-btn > a:after {
	transform: rotate(135deg);
}
.modal-mask .modal-content {
	position: relative;
	width: calc(100% - 40px);
	box-sizing: border-box;
	margin: auto;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
}
.modal-mask .modal-container {
	overflow: scroll;
	-webkit-overflow-scrolling: touch;
	height: 100%;
	padding: 0 15px 15px;
}
.modal-mask .modal-container:last-child {
	padding-bottom: 34px;
}
.modal-mask .modal-container .modal-content-head {
	padding-bottom: 5px;
	border-bottom: 1px solid #CCCCCC;
	font-size: 14px;
	font-weight: bold;
}
.modal-mask .modal-container .modal-content-body {
	margin-top: 15px;
	font-size: 12px;
	color: #1E212D;
	line-height: 1.4;
}
.modal-mask .modal-container .modal-content-body > a:not(.modal-btn) {
	color: #3BA3CD;
}
.modal-mask .modal-container .modal-container {
	margin-top: 5px;
}
.modal-mask .modal-container .modal-detail-link {
	margin-top: 15px;
	text-align: right;
}
.modal-mask .modal-container .modal-detail-link > a {
	position: relative;
	padding-right: 10px;
	font-size: 12px;
	color: #3BA3CD;
}
.modal-mask .modal-container .modal-detail-link > a:after {
	display: inline-block;
	position: absolute;
	top: 50%;
	right: 0;
	width: 6px;
	height: 6px;
	margin-top: -4px;
	border-top: solid 2px #CCCCCC;
	border-right: solid 2px #CCCCCC;
	transform: rotate(45deg);
	content: "";
}
.modal-mask .modal-container .modal-btn {
	width: 100%;
	margin-top: 15px;
	background-color: #FAFAFA;
	border-radius: 4px;
	box-sizing: border-box;
	font-weight: bold;
	padding: 0 14px;
	text-align: center;
	display: inline-block;
	font-size: 14px;
	line-height: 40px;
	border: 1px solid #CCCCCC;
}
.modal-mask .modal-container .modal-btn:visited {
	color: #1E212D;
}
.modal-mask .modal-container .modal-btn:link {
	color: #1E212D;
	text-decoration: none;
}
.modal-mask .modal-container .modal-btn.disabled {
	background-color: #E0DFE1;
	color: #FFFFFF;
}
.modal-mask .modal-container .modal-btn:visited,
.modal-mask .modal-container .modal-btn:link {
	color: #1E212D;
}
.modal-mask .modal-container .modal-note {
	margin-top: 15px;
	font-size: 10px;
	color: #969696;
}
.modal-mask .modal-geo-search {
	width: 100%;
	margin: 10px 10px auto 10px;
	padding: 10px;
	border-radius: 4px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}
.modal-mask {
	z-index: 1000;
}
.app-sticky-banner {
	display: flex;
	align-items: center;
	position: fixed;
	top: 0;
	z-index: 799;
	width: 100%;
	height: 62px;
	background-color: #F4F4F4;
	box-sizing: border-box;
}
.app-sticky-banner .app-sticky-banner-link-area {
	display: flex;
	align-items: center;
	width: calc(100% - 36px);
	height: 100%;
	padding-right: 10px;
	color: #1E212D;
}
.app-sticky-banner .app-sticky-banner-close {
	position: relative;
	width: 36px;
	height: 100%;
}
.app-sticky-banner .app-sticky-banner-close::before,
.app-sticky-banner .app-sticky-banner-close::after {
	position: absolute;
	inset: 0;
	width: 19px;
	height: 3px;
	margin: auto;
	border-radius: 4px;
	background-color: #666666;
	content: "";
}
.app-sticky-banner .app-sticky-banner-close::before {
	transform: rotate(45deg);
}
.app-sticky-banner .app-sticky-banner-close::after {
	transform: rotate(-45deg);
}
.app-sticky-banner .app-sticky-banner-text {
	display: flex;
	flex-wrap: wrap;
	margin: 0 10px;
}
.app-sticky-banner .app-sticky-banner-text > span {
	font-size: 12px;
	font-weight: bold;
}
.app-sticky-banner .app-sticky-banner-btn-wrap {
	display: flex;
	gap: 5px;
	margin-left: auto;
}
.app-sticky-banner .app-sticky-banner-download {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 80px;
	height: 30px;
	border-radius: 20px;
	background-color: #D0111B;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
}
.app-sticky-banner .app-sticky-banner-open {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 82px;
	height: 30px;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	border-radius: 20px;
	box-sizing: border-box;
	font-size: 10px;
	font-weight: bold;
	color: #D0111B;
}
body {
	position: static;
}
.slideup-panel {
	z-index: 800;
}
.fixed-buttons {
	z-index: 900;
}
.hpg-footer {
	background-color: #FFFFFF;
}
.hpg-footer .app-footer-banner {
	padding: 0 10px 22px;
	background-color: #F9F8F7;
	text-align: center;
}
.hpg-footer .app-footer-banner-link {
	display: inline-block;
}
.hpg-footer .app-footer-banner-img {
	width: 100%;
	max-width: 370px;
	height: auto;
}
.hpg-footer .breadcrumb-list-wrap {
	max-width: 100%;
	overflow-x: scroll;
	overflow-y: hidden;
	writing-mode: vertical-rl;
}
.hpg-footer .breadcrumb-list {
	display: flex;
	align-items: center;
	flex-direction: column-reverse;
	position: relative;
	height: 36px;
	padding-left: 10px;
	white-space: nowrap;
}
.hpg-footer .breadcrumb-list > li {
	display: flex;
	position: relative;
	height: 100%;
	padding-right: 30px;
	flex-shrink: 0;
	white-space: nowrap;
}
.hpg-footer .breadcrumb-list > li > a {
	display: block;
	margin: auto;
	font-size: 12px;
	color: #3BA3CD;
	writing-mode: horizontal-tb;
}
.hpg-footer .breadcrumb-list > li:not(:last-child)::after {
	background-color: transparent;
	border-right: solid 2px #CCCCCC;
	border-top: solid 2px #CCCCCC;
	content: "";
	height: 6px;
	width: 6px;
	transform: rotate(45deg);
	display: block;
	margin-top: -3px;
	position: absolute;
	right: 10px;
	top: 50%;
	top: 48%;
	right: 13px;
}
.hpg-footer .breadcrumb-list > li > .current {
	display: block;
	margin: auto;
	font-size: 12px;
	color: #1E212D;
	writing-mode: horizontal-tb;
	line-height: 1.4;
}
.hpg-footer .breadcrumb-list > li .home {
	display: block;
	margin: auto;
}
.hpg-footer .breadcrumb-list > li .home::before {
	color: #808080;
	content: "";
}
.hpg-footer .breadcrumb-list > li .home::before {
	display: inline-block;
	font-family: "hpg-sp-webfont" !important;
	font-size: 14px;
	font-weight: normal;
	height: 14px;
	line-height: 14px;
	margin-top: -2px;
	vertical-align: middle;
	width: 14px;
}
.hpg-footer .link-list {
	background-color: #FFFFFF;
	border-bottom: solid 1px #CCCCCC;
	border-top: solid 1px #CCCCCC;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}
.hpg-footer .link-list > li {
	box-sizing: border-box;
	display: block;
	margin: 0;
	padding: 0;
	position: relative;
	width: 100%;
}
.hpg-footer .link-list > li::after {
	background-color: transparent;
	border-right: solid 2px #CCCCCC;
	border-top: solid 2px #CCCCCC;
	content: "";
	height: 6px;
	width: 6px;
	transform: rotate(45deg);
	display: block;
	margin-top: -3px;
	position: absolute;
	right: 10px;
	top: 50%;
}
.hpg-footer .link-list > li > a {
	align-items: center;
	box-sizing: border-box;
	display: flex;
	height: 100%;
	min-height: 44px;
	padding: 10px 30px 10px 10px;
	width: 100%;
	word-break: break-word;
	padding-right: 20px;
}
.hpg-footer .link-list > li > a:link,
.hpg-footer .link-list > li > a:visited {
	color: #1E212D;
	text-decoration: none;
}
.hpg-footer .link-list > li > a > .picture {
	display: block;
}
.hpg-footer .link-list > li > a > .info {
	display: block;
	font-size: 14px;
	font-weight: bold;
	margin-left: 10px;
	width: calc(100% - 50px);
}
.hpg-footer .link-list > li > a > .info > .title {
	display: block;
	font-size: 14px;
}
.hpg-footer .link-list > li > a > .info > .caption {
	color: #969696;
	display: block;
	font-size: 12px;
}
.hpg-footer .link-list > li + li {
	border-top: solid 1px #CCCCCC;
}
.hpg-footer .link-list > li > a {
	padding-right: 30px;
}
.hpg-footer .link-list .title,
.hpg-footer .link-list .caption {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	line-height: 1.4;
}
.hpg-footer .link-list .title {
	color: #1E212D;
}
.hpg-footer .link-list .caption {
	margin-top: 3px;
	font-weight: normal;
}
.hpg-footer .publish-btn-wrap {
	margin-top: 15px;
	padding: 0 10px;
}
.hpg-footer .publish-btn-wrap .publish-btn {
	background-color: #FAFAFA;
	border-radius: 4px;
	box-sizing: border-box;
	font-weight: bold;
	padding: 0 14px;
	text-align: center;
	display: block;
	width: 100%;
	font-size: 14px;
	line-height: 40px;
	border: 1px solid #CCCCCC;
}
.hpg-footer .publish-btn-wrap .publish-btn:visited {
	color: #1E212D;
}
.hpg-footer .publish-btn-wrap .publish-btn:link {
	color: #1E212D;
	text-decoration: none;
}
.hpg-footer .publish-btn-wrap .publish-btn.disabled {
	background-color: #E0DFE1;
	color: #FFFFFF;
}
.hpg-footer .publish-btn-wrap .publish-btn:link,
.hpg-footer .publish-btn-wrap .publish-btn:visited {
	color: #1E212D;
}
.hpg-footer .policy-link-list,
.hpg-footer .inbound-link-list {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
}
.hpg-footer .policy-link-list > li,
.hpg-footer .inbound-link-list > li {
	display: flex;
	align-items: center;
}
.hpg-footer .policy-link-list > li + li::before,
.hpg-footer .inbound-link-list > li + li::before {
	height: 12px;
	overflow: hidden;
	margin-left: 5px;
	padding-right: 5px;
	font-size: 14px;
	color: #CCCCCC;
	line-height: 1;
	content: "|";
}
.hpg-footer .policy-link-list > li > a,
.hpg-footer .inbound-link-list > li > a {
	font-size: 10px;
	color: #3BA3CD;
	line-height: 1.4;
}
.hpg-footer .policy-link-list {
	margin: 15px auto 0;
}
.hpg-footer .inbound-link-list {
	margin: 10px auto 0;
}
.hpg-footer .policy-link-list > li > a {
	font-size: 12px;
}
.hpg-footer .inbound-link-list > li + li::before {
	height: 10px;
}
.hpg-footer .footer-link-recruit {
	margin-top: 10px;
	padding: 0 10px 10px 10px;
}
.hpg-footer .footer-link-recruit.footer-margin {
	padding-bottom: 72px;
}
.hpg-footer .footer-link-recruit > .link {
	display: flex;
	align-items: flex-end;
	width: fit-content;
	padding: 10px 10px;
}
.hpg-footer .footer-link-recruit .copyright {
	/* TODO 20221114 kojima common.cssが全画面から削除されたら、ここのスタイル指定は最適化する（common.cssの打ち消しをしてます） */
	margin-left: 10px;
	padding: 0;
	background-color: transparent;
	font-size: 10px;
	font-family: 'メイリオ', sans-serif;
	font-weight: bold;
	color: #435B67;
	line-height: 1;
	text-align: left;
}
.noticeBanner {
	position: fixed;
	bottom: 10px;
	width: 100%;
	padding-right: 10px;
	padding-left: 10px;
	z-index: 200;
	box-sizing: border-box;
}
.noticeBannerOpen {
	opacity: 1;
	        transition: opacity linear 0.4s;
	-webkit-transition: opacity linear 0.4s;
	   -moz-transition: opacity linear 0.4s;
}
.noticeBannerHide {
	opacity: 0;
}
.noticeBannerInner {
	position: relative;
	padding: 10px;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	border-radius: 4px;
}
.noticeBannerClose {
	position: absolute;
	top: 10px;
	right: 10px;
	background-color: #B5B5B5;
	border-radius: 8px;
	z-index: 200;
}
.noticeBannerClose > a {
	display: block;
	line-height: 1;
}
.noticeBannerText {
	position: relative;
	padding: 5px 30px 0 50px;
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpCRUVCNDMzMUQyRDlFNDExOTE1OUYyMkNCQkIzRkFDOSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4OTk2NDc2NkUzMjcxMUU0ODcyMEI0MzlBNDY3NUM2QiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4OTk2NDc2NUUzMjcxMUU0ODcyMEI0MzlBNDY3NUM2QiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpERkFCMzE2RkVDRDlFNDExOTE1OUYyMkNCQkIzRkFDOSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCRUVCNDMzMUQyRDlFNDExOTE1OUYyMkNCQkIzRkFDOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ps32WTcAAAaJSURBVHja7F19bBNlHP7dtWv2Zek6hswRyQwwo2EoM35EjZFlhGRCAixDZ6YSCQtmODMCm2TgB5rMLKJGo9FM+YoRjIgS0YWEhaFEsj902micGRq2NY7pMBsbm2Nlvr/2bbm1t/bu+r696/We5AlNuc/nft93uwpd7gJgiBLChwiL6Ods+llP/El4idBD2EP4HWEHq43bGWxjBWE14RpCNxgPhZQlku9GCdsI99N/fVo3Lmpcz0b4FOFvhKfoZyOKNxvQMyoIvyK8QFhLmJEoAcupcPsM4J4sgDHsbcI/qCdxExAt7HN61RaB+TCf8CDhacKbWQv4AOHPhGvB/MAk+CON6UwE3EDjXAGkDtDbviSsi1fApwkPEzogNfEm4W6tAlYRvg8WXopmiWKUmLePlisWApZYoVTAPMKPU9htZ0MrLchjCtiqJo3LVqkP3g9zN22EeVu3wJzyVSDY+BuyLccFOZXrQXCkzfg+Y1kxZN17t+yyYnq6ml3MofnAFq2VK1eavuWQXrQEFra+C+m33Trj+6t/DUBfbT1cPn2GXxHXuM1/0a6NjcHwibbQ97ccPgC2XDd4FiyC6cmrARd7ZjPcWP8s9GdnwdBHB9XsBq/EZsL35CzQQX1dEzKX3wGL27+OEA+Rlj8fCj89BO7HKvlZoCsncEIZM61KIFaGHiC1NrvLFVjHeYOWXb1CrTFCwGqtHYZfoE8ORHUJPIkFe1+DjKW3m6FGrAsXEP26UesW819sAvvc3JjLYXwqaN5jhoQSGj6IkvZFs/W51q5WvDwGdEwySY68YFkjStxXE3I2rFedZd1VlWawwuqggLZ4Mq8WazKBBSJwkOxGAUsgjmFo5vI7Nbm9fV5esguIhnefSOOf5uJVYylARMw3gxWWoYBLNQuYlaV5z/YclxkELBIhjumyj1T9WnFtYsI0AhZqFmHkcqg9Uoupi4Nczkh0Oq9/xi6E9saCpMgXs7NY7a7ALm1L1GLa54P/es7Ltm+xrG+yt4+LgFioO8tKYWpoCJylD4e6oyXt38DIyVOkX18cMVyIAw47aLydF8TYuU7VAo6eOesXnwewJnWuLJXN/LlPPs7e4uPdwL9Hv1C9zvDxE8xPZHpiXP06GsMPUwHRAq/80KV4+cl+LxH9GHMBr/zk0XTsuguI8DY0KXZJ7/adTK58hCccOQpT/wwpXn6k7aSqC89VQDwQb+OumMsNNL/uD+Q8gIPU3pqtisqjcc8v0Fe33RgxMAic7PbW1PpPRC7reht2wcWWN7gWZTjxPr+6AqYG/466TE/5OlXWGjVpdbkLplmeBM4Fb9qz23/PIXjAvVvqop4U88xISpecqkrI37nD324isNzqr2+A0bPnjJWFIwpkcmWlwXm8y5NQ8YIWjx4x0f37jNKJtXhcBAw0ydfng+H3KPRC+N06YwsoPfC0NP1Uk1xIIT0jOQXUE/FMi3QVUOUN66QGFwGl8UYwSgy0icnpwkKafo/YSC+kyMmdTR0DhQSEEj4uLKbOU3F8kojEXWzZmaYW0M57B85VK2HZUL/+JY3Gu4cpHQOT1oUtAQ3qLikZA3Eyg/M3PVA8eCH04BOvoYa560DpMIFTQW/FQEMW0hJ3ERMwETGfgBJ3ScSfOMQq5sP7YsuFFcU/MSF9sRUDDdkLzxgjZVoCqnYfqbvoFAPDXZZXLEYBJ01pGQ5H1KTCUsBLViTTDB8KOMCzAzD5DaYBFNDD3KwliUNw6HNPREjMhetGAbtNWQeGFc6cqoFfUcAOSAFwysKdKCA+CTTO68BNHgM7gmUM04eWpSUDrx5UTT/OCd8T9gYL6UNJ4C7qLqLMAJWxN+yXdiJtPMoZoyeWOICvz/tMKiC6cUsSHLhR8EGwARHDvmTyKGn4A0V6JBJeDxNR62uRGybgf2xjE8D1tzi53pdRUf+qNNwJMu9Q/RYCr36yINN5EBaDZAAjZ+dPWAMGWaBoj0LY9EpOQHzr7UZLrwhgeIv406bZIu1xwucszULApPGObKyNstJbhC9b2sGHhDtmTVYxVn4hhS3RR4XbFDXbK9gQWuI6WuakCvBcH1HSXCitNo/R9N2ZAuJhqXIXbW+BlYDB7HwPYQ3hsAmFw5He89RQFA+ZtfQ72PItJGwySb2I7rqXnlMzqLxLKcT5aw74Tnp8OTe+iKssyYTDeR6O8Y7EYwgCw5/DwPdvraBtIL4NKfgrCkaAl4YgDxWunX4XN/4XYABLLXCCUAsHNgAAAABJRU5ErkJggg==') no-repeat left 6px;
	background-size: 40px;
	line-height: 1.4;
}
.noticeBannerText > li {
	font-size: 12px;
}
.noticeBannerText > li + li {
	margin-top: 2px;
}
.noticeBannerBtn {
	display: table;
	float: right;
	margin-top: 10px;
}
.noticeBannerBtn > li {
	display: table-cell;
	vertical-align: middle;
}
.noticeBannerBtn > li + li {
	padding-left: 10px;
}
.noticeBannerBtn > li > a {
	display: block;
	width: 60px;
	padding-top: 10px;
	padding-bottom: 10px;
	border: 1px solid #FFFFFF;
	border-radius: 4px;
	font-size: 12px;
	line-height: 1;
	text-align: center;
}
.noticeBannerBtn > li:first-child > a {
	border: 1px solid #1470CC;
	color: #1470CC;
}
.noticeBannerBtn > li + li > a {
	background-color: #1470CC;
	color: #FFFFFF;
}
.cf {
	*zoom: 1;
}
.cf:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
}
.modal-wrap {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	width: 100%;
	height: 100dvh;
	background-color: #F4F4F4;
}
.modal-wrap > .header {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	height: 50px;
	border-bottom: 1px solid #CCCCCC;
	box-sizing: border-box;
	background-color: #FFFFFF;
}
.modal-wrap > .header > .title {
	font-size: 16px;
	font-weight: bold;
}
.modal-wrap > .header > .close-btn {
	position: absolute;
	top: 0;
	right: 0;
	width: 50px;
	height: 100%;
}
.modal-wrap > .header > .close-btn::before,
.modal-wrap > .header > .close-btn::after {
	display: block;
	position: absolute;
	right: 0;
	left: 0;
	width: 13px;
	height: 2px;
	margin: auto;
	background-color: #666666;
	content: "";
}
.modal-wrap > .header > .close-btn::before {
	transform: rotate(-45deg);
}
.modal-wrap > .header > .close-btn::after {
	transform: rotate(45deg);
}
.modal-wrap > .body {
	height: calc(100% - 50px);
	overflow: auto;
	padding: 22px 10px 174px;
	box-sizing: border-box;
	overscroll-behavior-y: none;
}
.modal-wrap > .body .store-name {
	margin-bottom: 22px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}
.modal-wrap > .body .store-name .service-area-name {
	display: inline-block;
}
.modal-wrap > .body .store-name + .error-area {
	margin-bottom: 22px;
}
.modal-wrap > .body .loading {
	display: grid;
	height: 100%;
	place-content: center;
}
.modal-wrap > .body .loading::before {
	width: 30px;
	height: 30px;
	margin: 20px auto;
	border-top: 3px solid #D0111B;
	border-right: 3px solid #CCCCCC;
	border-bottom: 3px solid #CCCCCC;
	border-left: 3px solid #CCCCCC;
	border-radius: 50%;
	box-sizing: border-box;
	content: "";
	animation: loading-animation 2s infinite linear;
}
.modal-wrap > .body .error-area {
	padding: 15px 10px;
	border: 1px solid #E41A12;
	border-radius: 4px;
	background-color: #FFFFFF;
}
.modal-wrap > .body .error-area > .error-text {
	position: relative;
	padding-left: 20px;
	font-size: 12px;
	font-weight: bold;
	color: #E41A12;
}
.modal-wrap > .body .error-area > .error-text::before {
	color: #E41A12;
	content: "";
}
.modal-wrap > .body .error-area > .error-text::before {
	display: inline-block;
	font-family: "hpg-sp-webfont" !important;
	font-size: 15px;
	font-weight: normal;
	height: 15px;
	line-height: 15px;
	margin-top: -2px;
	vertical-align: middle;
	width: 15px;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
}
.modal-wrap:has(.one-shot-link) .body {
	padding-bottom: 214px;
}
.modal-wrap .section-base {
	padding: 15px 10px;
	border-radius: 4px;
	background-color: #FFFFFF;
}
.modal-wrap .section-base + .section-base {
	margin-top: 10px;
}
.modal-wrap .section-base > .title {
	margin-bottom: 10px;
	font-size: 12px;
	color: #666666;
}
.modal-wrap .selected-condition-wrap {
	margin-bottom: 22px;
}
.modal-wrap .seat-only-label {
	margin-bottom: 2px;
	font-size: 12px;
}
.modal-wrap .course-name,
.modal-wrap .coupon-name {
	width: 100%;
	overflow: hidden;
	font-size: 14px;
	font-weight: bold;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.modal-wrap .course-price {
	margin-top: 5px;
	font-size: 14px;
	font-weight: bold;
	color: #D0111B;
}
.modal-wrap .course-price .price {
	font-size: 22px;
}
.modal-wrap .select-date-section {
	min-height: 154px;
}
.modal-wrap .calendar-header {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	height: 16px;
	margin-bottom: 5px;
}
.modal-wrap .calendar-header .month-title {
	font-size: 12px;
	font-weight: bold;
}
.modal-wrap .calendar-header > .next,
.modal-wrap .calendar-header > .prev {
	display: flex;
	align-items: center;
	gap: 2px;
	position: absolute;
	height: 16px;
	padding-inline: 5px;
	font-size: 10px;
	font-weight: bold;
	color: #969696;
}
.modal-wrap .calendar-header > .next::after,
.modal-wrap .calendar-header > .prev::before {
	width: 6px;
	height: 6px;
	border-top: 2px solid #969696;
	border-left: 2px solid #969696;
	content: "";
}
.modal-wrap .calendar-header > .prev {
	left: 0;
}
.modal-wrap .calendar-header > .prev::before {
	transform: rotate(-45deg);
}
.modal-wrap .calendar-header > .next {
	right: 0;
}
.modal-wrap .calendar-header > .next::after {
	transform: rotate(135deg);
}
.modal-wrap .calendar-wrap {
	width: 100%;
	overflow-x: auto;
	margin-left: -10px;
	padding-inline: 10px;
}
.modal-wrap .calendar-wrap > ul {
	display: grid;
	grid-auto-flow: column;
	grid-template-columns: repeat(auto-fill, 47px);
	grid-template-rows: 15px max-content;
	width: max-content;
	height: 93px;
	border: 1px solid #CCCCCC;
	border-radius: 4px;
	box-sizing: border-box;
}
.modal-wrap .calendar-wrap > ul > li {
	display: grid;
	grid-template-rows: subgrid;
	grid-row: span 4;
	width: 47px;
	border-right: 1px solid #CCCCCC;
	box-sizing: border-box;
	text-align: center;
}
.modal-wrap .calendar-wrap > ul > li > .day-of-weak {
	border-bottom: 1px solid #CCCCCC;
	background-color: #F4F4F4;
	font-size: 10px;
	font-weight: bold;
}
.modal-wrap .calendar-wrap > ul > li > label {
	display: grid;
	grid-template-rows: subgrid;
	grid-row: span 3;
	gap: 8px;
	padding: 8px 4px 4px;
	background-color: #FAFAFA;
	line-height: 1;
}
.modal-wrap .calendar-wrap > ul > li > label > input {
	display: none;
}
.modal-wrap .calendar-wrap > ul > li > label .day {
	font-size: 12px;
}
.modal-wrap .calendar-wrap > ul > li > label .status {
	height: 20px;
}
.modal-wrap .calendar-wrap > ul > li > label .status.can-not-reserve::before {
	color: #999999;
	content: "";
	display: inline-block;
	font-family: "hpg-sp-webfont" !important;
	font-size: 18px;
	font-weight: normal;
	height: 18px;
	line-height: 18px;
	margin-top: -2px;
	vertical-align: middle;
	width: 18px;
	margin: 0;
}
.modal-wrap .calendar-wrap > ul > li > label .status.can-reserve::before {
	color: #1E212D;
	content: "";
	display: inline-block;
	font-family: "hpg-sp-webfont" !important;
	font-size: 18px;
	font-weight: normal;
	height: 18px;
	line-height: 18px;
	margin-top: -2px;
	vertical-align: middle;
	width: 18px;
	margin: 0;
}
.modal-wrap .calendar-wrap > ul > li > label .status.request::before {
	color: #1E212D;
	content: "";
	display: inline-block;
	font-family: "hpg-sp-webfont" !important;
	font-size: 18px;
	font-weight: normal;
	height: 18px;
	line-height: 18px;
	margin-top: -2px;
	vertical-align: middle;
	width: 18px;
	margin: 0;
}
.modal-wrap .calendar-wrap > ul > li > label .status.tel,
.modal-wrap .calendar-wrap > ul > li > label .status.closed {
	font-size: 17px;
	font-weight: bold;
}
.modal-wrap .calendar-wrap > ul > li > label .point-plus {
	height: 16px;
	background-color: #FFFFFF;
	border-radius: 4px;
}
.modal-wrap .calendar-wrap > ul > li > label .point-plus::before {
	color: #D0111B;
	content: "";
	display: inline-block;
	font-family: "hpg-sp-webfont" !important;
	font-size: 12px;
	font-weight: normal;
	height: 12px;
	line-height: 12px;
	margin-top: -2px;
	vertical-align: middle;
	width: 12px;
	width: auto;
}
.modal-wrap .calendar-wrap > ul > li > label:has(input[type="radio"]:checked) {
	box-shadow: 0 0 0 1px #FF7D7D;
	background-color: #FFEBEB;
}
.modal-wrap .calendar-wrap > ul > li > label:has(input[type="radio"]:checked) .day {
	color: #D0111B;
}
.modal-wrap .calendar-wrap > ul > li > label:has(input[type="radio"]:checked) .status::before {
	color: #D0111B;
}
.modal-wrap .calendar-wrap > ul > li:first-child .day-of-weak {
	border-top-left-radius: 4px;
}
.modal-wrap .calendar-wrap > ul > li:first-child > label {
	border-bottom-left-radius: 4px;
}
.modal-wrap .calendar-wrap > ul > li:last-child {
	border-right: none;
}
.modal-wrap .calendar-wrap > ul > li:last-child .day-of-weak {
	border-top-right-radius: 4px;
}
.modal-wrap .calendar-wrap > ul > li:last-child > label {
	border-bottom-right-radius: 4px;
}
.modal-wrap .calendar-wrap > ul > li.sunday .day-of-weak {
	background-color: #FCE8E7;
	color: #D0111B;
}
.modal-wrap .calendar-wrap > ul > li.sunday .day {
	color: #D0111B;
}
.modal-wrap .calendar-wrap > ul > li.saturday .day-of-weak {
	background-color: #EBF6FA;
	color: #3BA3CD;
}
.modal-wrap .calendar-wrap > ul > li.saturday .day {
	color: #3BA3CD;
}
.modal-wrap .calendar-wrap > ul > li.holiday .day {
	color: #D0111B;
}
.modal-wrap .calendar-wrap > ul > li.disabled > label {
	background-color: #E6E6E6;
}
.modal-wrap .calendar-wrap > ul > li.disabled > label .day,
.modal-wrap .calendar-wrap > ul > li.disabled > label .closed {
	color: #999999;
}
.modal-wrap .calendar-wrap > ul > li.disabled > label .tel {
	color: #666666;
}
.modal-wrap .status-icon-wrap {
	display: flex;
	flex-wrap: wrap;
	gap: 2px 10px;
	margin-top: 10px;
	font-size: 10px;
}
.modal-wrap .status-icon-wrap > li {
	display: flex;
	align-items: center;
}
.modal-wrap .status-icon-wrap > li.can-reserve::before {
	color: #1E212D;
	content: "";
	display: inline-block;
	font-family: "hpg-sp-webfont" !important;
	font-size: 10px;
	font-weight: normal;
	height: 10px;
	line-height: 10px;
	margin-top: -2px;
	vertical-align: middle;
	width: 10px;
	margin: 0;
}
.modal-wrap .status-icon-wrap > li.request::before {
	color: #1E212D;
	content: "";
	display: inline-block;
	font-family: "hpg-sp-webfont" !important;
	font-size: 10px;
	font-weight: normal;
	height: 10px;
	line-height: 10px;
	margin-top: -2px;
	vertical-align: middle;
	width: 10px;
	margin: 0;
}
.modal-wrap .status-icon-wrap > li.closed > .icon {
	color: #999999;
}
.modal-wrap .status-icon-wrap > li.tel > .icon {
	color: #666666;
}
.modal-wrap .status-icon-wrap > li.can-not-reserve::before {
	color: #999999;
	content: "";
	display: inline-block;
	font-family: "hpg-sp-webfont" !important;
	font-size: 10px;
	font-weight: normal;
	height: 10px;
	line-height: 10px;
	margin-top: -2px;
	vertical-align: middle;
	width: 10px;
	margin: 0;
}
.modal-wrap .status-icon-wrap > li.point-plus {
	background-color: #FFFFFF;
	border-radius: 4px;
}
.modal-wrap .status-icon-wrap > li.point-plus::before {
	color: #D0111B;
	content: "";
	display: inline-block;
	font-family: "hpg-sp-webfont" !important;
	font-size: 10px;
	font-weight: normal;
	height: 10px;
	line-height: 10px;
	margin-top: -2px;
	vertical-align: middle;
	width: 10px;
	width: auto;
	margin: 0;
}
.modal-wrap .select-person-number-section {
	height: 38px;
}
.modal-wrap .select-person-number-section > .error-text {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	font-size: 12px;
	color: #E41A12;
	text-align: center;
}
.modal-wrap .select-person-number-section .person-number-wrap {
	width: 100%;
	overflow-x: auto;
	margin-left: -10px;
	padding-inline: 10px;
}
.modal-wrap .select-person-number-section .person-number-wrap > ul {
	display: flex;
	gap: 10px;
	width: max-content;
}
.modal-wrap .select-person-number-section .person-number-wrap > ul > li > label {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 60px;
	height: 38px;
	border: 1px solid #CCCCCC;
	border-radius: 4px;
	box-sizing: border-box;
	background-color: #FAFAFA;
	font-size: 14px;
	font-weight: bold;
	line-height: 1;
}
.modal-wrap .select-person-number-section .person-number-wrap > ul > li > label > input {
	display: none;
}
.modal-wrap .select-person-number-section .person-number-wrap > ul > li > label:has(input[type="radio"]:checked) {
	border-color: #FF7D7D;
	background-color: #FFEBEB;
	color: #D0111B;
}
.modal-wrap .point-plus-label {
	display: inline-block;
	height: 20px;
	margin-left: 5px;
	padding-inline: 6px;
	border-radius: 2px;
	background-color: #F5F1E9;
	font-size: 10px;
	font-weight: bold;
	color: #1E212D;
	line-height: 20px;
}
.modal-wrap .point-plus-label > .get-point-text {
	color: #D0111B;
}
.modal-wrap .select-time-section > .default-text {
	font-size: 12px;
	color: #999999;
	text-align: center;
}
.modal-wrap .select-time-section > .error-text {
	font-size: 12px;
	color: #E41A12;
	text-align: center;
}
.modal-wrap .select-time-section > .default-text,
.modal-wrap .select-time-section > .error-text,
.modal-wrap .select-time-section > .loading {
	display: grid;
	place-items: center;
	height: 58px;
}
.modal-wrap .select-time-section .time-list-wrap {
	display: flex;
	align-items: center;
	width: 100%;
	height: 58px;
	overflow-x: auto;
	margin-left: -10px;
	padding-inline: 10px;
}
.modal-wrap .select-time-section .time-list-wrap > ul {
	display: flex;
	gap: 10px;
	width: max-content;
}
.modal-wrap .select-time-section .time-list-wrap > ul:not(:has(li .request-text, li .point-plus)) > li > label {
	align-content: center;
}
.modal-wrap .select-time-section .time-list-wrap > ul:has(.request-text + .point-plus) li > label > .request-text {
	height: 10px;
	line-height: 10px;
}
.modal-wrap .select-time-section .time-list-wrap > ul > li > label {
	display: flex;
	align-content: flex-start;
	flex-wrap: wrap;
	justify-content: center;
	width: 72px;
	height: 100%;
	max-height: 58px;
	min-height: 44px;
	padding: 4px;
	border: 1px solid #CCCCCC;
	border-radius: 4px;
	box-sizing: border-box;
	background-color: #FAFAFA;
	line-height: 1;
}
.modal-wrap .select-time-section .time-list-wrap > ul > li > label:not(:has(.request-text)) {
	align-content: space-between;
}
.modal-wrap .select-time-section .time-list-wrap > ul > li > label > input {
	display: none;
}
.modal-wrap .select-time-section .time-list-wrap > ul > li > label .time {
	height: 14px;
	font-size: 14px;
	font-weight: bold;
}
.modal-wrap .select-time-section .time-list-wrap > ul > li > label .request-text {
	height: 16px;
	margin-top: 4px;
	font-size: 10px;
	line-height: 16px;
}
.modal-wrap .select-time-section .time-list-wrap > ul > li > label .point-plus {
	display: flex;
	align-items: center;
	gap: 2px;
	justify-content: center;
	width: 100%;
	height: 16px;
	margin-top: 4px;
	border-radius: 4px;
	background-color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	color: #D0111B;
}
.modal-wrap .select-time-section .time-list-wrap > ul > li > label .point-plus::after {
	color: #D0111B;
	content: "";
	display: inline-block;
	font-family: "hpg-sp-webfont" !important;
	font-size: 10px;
	font-weight: normal;
	height: 10px;
	line-height: 10px;
	margin-top: -2px;
	vertical-align: middle;
	width: 10px;
	width: auto;
	margin: 0;
}
.modal-wrap .select-time-section .time-list-wrap > ul > li > label:has(input[type="radio"]:checked) {
	border-color: #FF7D7D;
	background-color: #FFEBEB;
	color: #D0111B;
}
.modal-wrap .select-time-section .point-plus-caution {
	margin-top: 10px;
	font-size: 10px;
	color: #666666;
}
.modal-wrap .floating-section {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 10px;
	padding-bottom: calc(env(safe-area-inset-bottom) + 10px);
	border-top: 1px solid #CCCCCC;
	box-sizing: border-box;
	background-color: #FFFFFF;
}
.modal-wrap .floating-section .request-notes-area {
	max-height: 0;
	overflow: hidden;
	padding-inline: 10px;
	border-radius: 4px;
	background-color: #FFF6F6;
	font-size: 10px;
	color: #666666;
	transition: max-height 0.3s ease, padding 0.3s ease;
}
.modal-wrap .floating-section .request-notes-area.show {
	max-height: 100px;
	margin-bottom: 10px;
	padding-block: 10px;
}
.modal-wrap .floating-section .request-notes-area .title {
	display: flex;
	align-items: center;
	gap: 5px;
	margin-bottom: 5px;
	font-size: 12px;
	font-weight: bold;
	color: #D0111B;
	line-height: 1;
}
.modal-wrap .floating-section .request-notes-area .title::before {
	color: #FDC1C1;
	content: "";
	display: inline-block;
	font-family: "hpg-sp-webfont" !important;
	font-size: 16px;
	font-weight: normal;
	height: 16px;
	line-height: 16px;
	margin-top: -2px;
	vertical-align: middle;
	width: 16px;
	margin: 0;
}
.modal-wrap .floating-section .to-reserve-btn {
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	width: 100%;
	height: 40px;
	border-radius: 4px;
	background-color: #3BA3CD;
	font-size: 14px;
	color: #FFFFFF;
}
.modal-wrap .floating-section .to-reserve-btn:has(.note) {
	gap: 4px;
	height: 46px;
}
.modal-wrap .floating-section .to-reserve-btn .note {
	font-size: 10px;
	font-weight: normal;
}
.modal-wrap .floating-section .to-reserve-btn:disabled {
	background-color: #CCCCCC;
	color: #999999;
}
.modal-wrap .floating-section .one-shot-link {
	display: none;
	margin: 15px auto 5px;
	font-size: 12px;
	font-weight: normal;
	color: #3BA3CD;
	line-height: 1.4;
	text-align: center;
}
.modal-wrap .floating-section .one-shot-link.show {
	display: flex;
}
.modal-wrap .floating-section .one-shot-link:disabled {
	color: #999999;
}
.slide-enter-active {
	animation: slide-modal 0.3s;
}
.slide-enter-active.no-animation {
	animation: none;
}
.slide-leave-active {
	animation: slide-modal 0.3s reverse;
}
@keyframes slide-modal {
	0% {
	 transform: translateY(100%);
	}
	100% {
	 transform: translateY(0);
	}
}
@keyframes loading-animation {
	0% {
	 transform: rotate(0deg);
	}
	100% {
	 transform: rotate(360deg);
	}
}