@charset "UTF-8";
/* CSS Document */
@import url(https://parts.epark.jp/epark-common/group_list/css/common.css);
body, html {
  color: #707070;
  font-size: 14px;
  line-height: 1.4;
  background-color: #F2F2F2;
  box-sizing: border-box;
  word-break: break-all;
  word-wrap: break-word;
}
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
  border: 0;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}
* {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
div {
  display: block;
}
a:link {
  color: #2884B2;
  text-decoration: none;
  outline: none;
}
a:visited {
  color: #2884B2;
}
a:hover {
  color: #2884B2;
}
a:active {
  color: #2884B2;
}
a:hover img {
  opacity: 0.8;
}
img {
  height: auto;
}
ol, ul {
  list-style: none;
}
.mt20 {
  margin-top: 20px !important
}
.mt30 {
  margin-top: 30px !important
}
.ml20 {
  margin-left: 20px !important
}
.sp-top-wrapper {
  width: 100%;
  border-top: 1px solid #E6E6E6;
  background: #fff;
}
h2 {
  font-size: 18px;
  margin-bottom: 20px;
}
.disp-none {
  display: none !important;
}
/*header*/
body, html {
  margin: 0;
  padding: 0;
  border: 0;
  height: 100%
}
#epark_common_header {
  color: #333;
  font-family: "\30D2\30E9\30AE\30CE\89D2\30B4   Pro W3", Hiragino Kaku Gothic Pro, Helvetica, Arial, sans-serif;
  line-height: 1.4;
  font-size: 62.5%;
  word-wrap: break-word;
  -webkit-font-smoothing: subpixel-antialiased;
  -webkit-text-size-adjust: 100%
}
#epark_common_header a {
  text-decoration: none;
  -webkit-tap-highlight-color: transparent
}
#epark_common_header dd, #epark_common_header div, #epark_common_header dl, #epark_common_header dt, #epark_common_header h1, #epark_common_header h2, #epark_common_header h3, #epark_common_header h4, #epark_common_header h5, #epark_common_header h6, #epark_common_header iframe, #epark_common_header li, #epark_common_header ol, #epark_common_header p, #epark_common_header span, #epark_common_header ul, object {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  font-weight: 400;
  vertical-align: baseline;
  background: transparent
}
#epark_common_header .epark_common_header {
  background: #fff;
  width: 100%;
  height: 52px;
  padding: 8px 0 0;
  overflow: hidden
}
#epark_common_header .epark_common_header_groupheader {
  width: 100%;
  background-color: #444;
  color: #fff;
  font-size: .7em;
  padding: 5px;
  box-sizing: border-box
}
#epark_common_header .epark_common_header_groupheader:after {
  content: "";
  display: block;
  clear: both
}
#epark_common_header .epark_common_header_groupheader p:first-child {
  float: left
}
#epark_common_header .epark_common_header_groupheader p:last-child {
  float: right
}
#epark_common_header .epark_common_header_logo {
  clear: both;
  width: 85px;/*すえよし0708*/
  height: 38px;
  text-align: center;
  line-height: 40px;
  float: left;
  margin: 0 4px 0 8px;/*すえよし0708*/
}
#epark_common_header .epark_common_header_logo.logo_sal,
#epark_common_header .epark_common_header_logo.logo_htl{
  margin-right: 0;
}

#epark_common_header .epark_common_header_menu {
  float: right;
  width: auto;
  margin: 0 8px 0 0;
}
#epark_common_header .epark_common_header_menu-list {
  letter-spacing: -.4em;
  text-align: right;
  width: auto;
  white-space: nowrap
}
#epark_common_header .epark_common_header_menu-list li {
  background-repeat: no-repeat;
  background-position: center 1px;
  background-size: 22px 22px;
  display: inline-block;
  letter-spacing: normal;
  vertical-align: top;
  width: 55px
}
#epark_common_header .epark_common_header_menu-list li a {
  color: #888;
  display: block;
  font-size: 1.1em;
  font-weight: 700;
  padding: 26px 0 0;
  text-align: center;
  width: 100%
}
#epark_common_header .epark_common_header_menu-login {
  background-image: url("/docs/portal/images/nav_icon_mypage.png")
}
#epark_common_header .epark_common_header_menu-history {
  background-image: url("/docs/portal/images/nav_icon_history.png")
}
#epark_common_header .epark_common_header_menu-mymenu {
  background-image: url("/docs/portal/images/nav_icon_mypage.png");
  letter-spacing: -.2em !important
}
#epark_common_header #epark_common_sidebar-overlay {
  height: auto;
  width: 100%;
  background: rgba(0, 0, 0, .75);
  position: fixed;
  z-index: 19999;
  display: none;
  top: 0;
  bottom: 0
}
#epark_common_header .epark_common_nav-sidemenu {
  position: fixed;
  width: 270px;
  z-index: 20000;
  top: 0;
  right: -270px;
  display: block;
  padding-bottom: 300px
}
#epark_common_header .epark_common_nav-sidemenu-body {
  background-color: #e8e8e8;
  height: 100vh;
  position: fixed;
  width: 270px;
  -webkit-overflow-scrolling: touch
}
#epark_common_header .epark_common_nav-sidemenu-close {
  height: 18px;
  left: -28px;
  position: absolute;
  top: 10px;
  width: 18px;
  z-index: 2001
}
#epark_common_header .epark_common_nav-sidemenu-close img {
  height: 18px;
  width: 18px
}
#epark_common_header .epark_common_nav-sidemenu-box {
  height: 100%;
  overflow-y: auto;
  padding: 0 0 35px;
  width: 100%
}
#epark_common_header .epark_common_nav-is-open {
  width: 100% !important;
  position: fixed !important
}
#epark_common_header .epark_common_nav-username {
  background-color: #888;
  color: #fff;
  font-size: 1.4em;
  padding: 20px 10px 7px;
  width: 100%;
  box-sizing: border-box;
  word-break: keep-all
}
#epark_common_header .epark_common_nav-username span {
  font-size: 1.4em;
  font-weight: 700
}
#epark_common_header .epark_common_nav-balance {
  background-color: #888;
  color: #fff;
  font-size: 1.1em;
  padding: 20px 10px 16px;
  width: 100%;
  box-sizing: border-box;
  word-break: keep-all;
  box-shadow: inset 0 -1px 0 0 #9f9f9f;
  border-bottom: 1px solid #6f6f6f
}
#epark_common_header .epark_common_nav-balance ul {
  display: table;
  width: 100%;
  box-sizing: border-box
}
#epark_common_header .epark_common_nav-balance li {
  background-color: #999;
  padding: 10px 15px;
  vertical-align: middle;
  list-style: none;
  font-size: 1.35em !important
}
#epark_common_header .epark_common_nav-balance li:first-child {
  border-radius: 4px 4px 0 0;
  border-bottom: 1px solid #888;
  font-size: 1.35em !important
}
#epark_common_header .epark_common_nav-balance li:last-child {
  border-radius: 0 0 4px 4px;
  font-size: 1.35em !important
}
#epark_common_header .epark_common_nav-balance li div {
  float: right;
  vertical-align: middle;
  margin: -4px 0 0
}
#epark_common_header .epark_common_nav-balance span {
  font-size: 1.4em;
  font-weight: 700
}
#epark_common_header .epark_common_nav-premium {
  background-color: #888;
  color: #fff;
  font-size: 1.1em;
  padding: 17px 10px 7px;
  width: 100%;
  box-sizing: border-box;
  word-break: keep-all;
  overflow: hidden
}
#epark_common_header .epark_common_nav-premium p {
  font-size: 1.4em;
  font-weight: 400;
  margin-bottom: 17px
}
#epark_common_header .epark_common_nav-premium-content {
  width: 270px;
  box-sizing: border-box;
  -webkit-overflow-scrolling: touch;
  height: 100px;
  overflow: hidden;
  margin-bottom: 10px
}
#epark_common_header .epark_common_nav-premium-content iframe {
  width: 270px;
  height: 100px;
  overflow: hidden;
  display: block
}
#epark_common_header .epark_common_nav-contents {
  width: 100%
}
#epark_common_header .epark_common_nav-contents .epark_common_title {
  font-size: 1.2em;
  font-weight: 700;
  height: 15px;
  line-height: 30px;
  padding: 0 10px;
  width: 100%;
  box-sizing: border-box;
  box-shadow: inset 0 1px 0 0 #fff, inset 0 0 0 1px #fff;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc
}
#epark_common_header .epark_common_nav-contents-list {
  padding: 0;
  width: 100%
}
#epark_common_header .epark_common_nav-contents-list li {
  background-color: #f8f8f8;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #ddd;
  height: 44px;
  position: relative;
  width: 100%
}
#epark_common_header .epark_common_nav-contents-list li:first-child {
  border-top: none
}
#epark_common_header .epark_common_nav-contents-list li:last-of-type {
  border-bottom: none
}
#epark_common_header .epark_common_nav-contents-list a {
  color: #666;
  font-size: 1.6em;
  display: block;
  height: 44px;
  letter-spacing: .6px;
  line-height: 41px;
  padding: 0 30px 0 10px
}
#epark_common_header .epark_common_nav-history a img {
  display: inline-block;
  height: 12px;
  margin-right: 3px;
  margin-bottom: 3px;
  width: 12px
}
#epark_common_header .epark_common_nav-infomation-list {
  width: 100%
}
#epark_common_header .epark_common_nav-infomation-list li {
  background-color: #f8f8f8;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #ddd;
  min-height: 44px;
  width: 100%
}
#epark_common_header .epark_common_nav-infomation-list li:first-child {
  border-top: none
}
#epark_common_header .epark_common_nav-infomation-list li:last-of-type {
  border-bottom: none
}
#epark_common_header .epark_common_nav-link a {
  display: block;
  height: 42px;
  line-height: 41px;
  position: relative
}
#epark_common_header .epark_common_nav-link a, #epark_common_header li.epark_common_nav-acc span {
  color: #666;
  font-size: 1.6em;
  letter-spacing: .6px;
  padding: 0 0 0 10px
}
li.epark_common_nav-acc span.epark_common_is-active {
  height: 44px;
  border-bottom: 1px solid #ddd
}
#epark_common_header li.epark_common_nav-acc span:after {
  border-right: 1px solid #b0b0b0;
  border-bottom: 1px solid #b0b0b0;
  content: "";
  height: 12px;
  margin-top: -5px;
  position: absolute;
  right: 12px;
  top: 40%;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  width: 12px
}
#epark_common_header .epark_common_nav-acc a {
  background-color: #f1f1f1;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #ddd;
  color: #666;
  font-size: 1.6em;
  display: block;
  height: 44px;
  letter-spacing: .6px;
  line-height: 39px;
  padding: 0 0 0 20px;
  position: relative
}
#epark_common_header .epark_common_nav-acc a:last-of-type {
  border-bottom: none;
  height: 43px
}
#epark_common_header li.epark_common_nav-acc span.epark_common_is-active:after {
  margin-top: 1px;
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg)
}
#epark_common_header .epark_common_nav-service {
  width: 100%
}
#epark_common_header .epark_common_nav-service .epark_common_title {
  font-size: 1.2em;
  font-weight: 700;
  height: 15px;
  line-height: 30px;
  padding: 0 10px;
  width: 100%;
  box-sizing: border-box;
  box-shadow: inset 0 1px 0 0 #fff, inset 0 0 0 1px #fff;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc
}
#epark_common_header .epark_common_nav-service-list {
  width: 100%
}
#epark_common_header .epark_common_nav-service-list li {
  background-color: #f8f8f8;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #ddd;
  height: 44px;
  position: relative;
  width: 100%
}
#epark_common_header .epark_common_nav-service-list li:first-child {
  border-top: none
}
#epark_common_header .epark_common_nav-service-list li:last-of-type {
  border-bottom: none
}
#epark_common_header .epark_common_nav-service-list a {
  color: #666;
  font-size: 1.3em;
  display: block;
  height: 44px;
  letter-spacing: .6px;
  line-height: 41px;
  padding: 0 0 0 10px
}
#epark_common_header .epark_common_nav-service-list li:first-child a {
  line-height: 42px
}
#epark_common_header .epark_common_nav-group {
  width: 100%;
  box-sizing: border-box
}
#epark_common_header .epark_common_nav-group .epark_common_title {
  font-size: 1.2em;
  font-weight: 700;
  height: 15px;
  line-height: 30px;
  padding: 0 10px;
  width: 100%;
  box-sizing: border-box;
  box-shadow: inset 0 1px 0 0 #fff, inset 0 0 0 1px #fff;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc
}
#epark_common_header .epark_common_nav-group .epark_common_last {
  font-weight: 700;
  height: 60px;
  line-height: 30px;
  padding: 0 10px;
  width: 100%;
  box-sizing: border-box;
  box-shadow: inset 0 1px 0 0 #fff;
  border-top: 1px solid #ccc
}
#epark_common_header .epark_common_nav-group-list {
  width: 100%
}
#epark_common_header .epark_common_nav-group-list li {
  background-color: #f8f8f8;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #ddd;
  height: 44px;
  position: relative;
  width: 100%
}
#epark_common_header .epark_common_nav-group-list li:first-child {
  border-top: 0 solid #fff
}
#epark_common_header .epark_common_nav-group-list li:last-of-type {
  border-bottom: none
}
#epark_common_header .epark_common_nav-group-list a {
  color: #666;
  font-size: 1.6em;
  display: block;
  height: 44px;
  letter-spacing: .6px;
  line-height: 41px;
  padding: 0 0 0 10px
}
#epark_common_header .epark_common_nav-group-list li:first-child a {
  line-height: 42px
}
#epark_common_header .epark_common_nav-sidemenu-bn {
  border-top: 1px solid #ccc;
  box-shadow: inset 0 1px 0 0 #fff, inset 0 0 0 1px #fff;
  padding: 10px
}
#epark_common_header .epark_common_nav-sidemenu-bn a {
  margin: 0 auto 10px;
  display: block
}
#epark_common_header .epark_common_nav-sidemenu-bn a:last-of-type {
  margin: 0 auto
}
#epark_common_header .epark_common_nav-free {
  background-color: #fff;
  border-top: 1px solid #ccc;
  padding: 10px
}
#epark_common_header .epark_common_nav-login {
  background-color: #888;
  padding: 14px;
  width: 100%;
  box-sizing: border-box
}
#epark_common_header .epark_common_nav-login .epark_common_nav-login-content {
  background-color: #fff;
  padding: 15px;
  box-sizing: border-box;
  border-radius: 4px
}
#epark_common_header .epark_common_nav-login .epark_common_nav-login-title {
  text-align: center;
  font-size: 1.5em;
  color: #333;
  font-weight: bolder;
  margin-bottom: 10px
}
#epark_common_header .epark_common_nav-login .epark_common_nav-login-btn {
  border-radius: 5px;
  background-color: #8fc31f;
  color: #fff;
  width: 100%;
  padding: 10px;
  text-align: center;
  box-shadow: 0 4px 0 0 #6a940f;
  box-sizing: border-box;
  font-size: 1.4em;
  font-weight: bolder;
  display: block;
  text-decoration: none
}
#epark_common_header .epark_common_nav-registry {
  background-color: #888;
  padding: 0 14px 16px;
  width: 100%;
  box-sizing: border-box
}
#epark_common_header .epark_common_nav-registry .epark_common_nav-registry-content {
  background-color: #fff;
  padding: 15px;
  box-sizing: border-box;
  border-radius: 4px
}
#epark_common_header .epark_common_nav-registry .epark_common_nav-registry-title {
  text-align: center;
  font-size: 1.5em;
  color: #333;
  font-weight: bolder;
  margin-bottom: 10px
}
#epark_common_header .epark_common_nav-registry .epark_common_nav-registry-description {
  margin-bottom: 10px
}
#epark_common_header .epark_common_nav-registry .epark_common_nav-registry-description strong {
  font-weight: bolder;
  font-size: 1.1em
}
#epark_common_header .epark_common_nav-registry .epark_common_nav-registry-description br {
  line-height: 2em
}
#epark_common_header .epark_common_nav-registry .epark_common_nav-registry-btn {
  border-radius: 5px;
  background-color: #ffe53d;
  color: #333;
  width: 100%;
  padding: 10px;
  text-align: center;
  box-shadow: 0 4px 0 0 #e9cd1b;
  box-sizing: border-box;
  font-weight: bolder;
  display: block;
  text-decoration: none
}
#epark_common_header .epark_common_nav-registry .epark_common_nav-registry-btn strong {
  font-size: 1.4em
}
#epark_common_header .epark_common_nav-registry .epark_common_nav-registry-link {
  margin-top: 10px;
  text-align: center
}
#epark_common_header .epark_common_nav-registry .epark_common_nav-registry-link a {
  background: url(/docs/portal/images/point.png) 0 no-repeat;
  background-size: 3px 5px;
  padding-left: 10px;
  text-decoration: underline;
  color: #333
}
#epark_common_header .epark_common_nav-home {
  background-color: #fff;
  border-top: 1px solid #ddd
}
#epark_common_header .epark_common_nav-home img {
  width: 100%;
  box-sizing: border-box
}
#epark_common_header .epark_common_tab-content {
  display: none
}
#epark_common_header li.epark_common_nav-acc span.epark_common_is-active {
  height: 44px;
  border-bottom: 1px solid #ddd
}
#epark_common_header li.epark_common_nav-acc:first-child span {
  line-height: 41px
}
#epark_common_header li.epark_common_nav-acc span {
  display: block;
  height: 42px;
  line-height: 40px;
  position: relative
}
#epark_common_header .epark_common_nav-link a, li.epark_common_nav-acc span {
  padding: 0 0 0 10px;
  font-size: 1.6em;
  letter-spacing: .6px;
  color: #666
}
#epark_common_header .epark_common_tab-content.epark_common_is_open {
  display: block
}
#epark_common_header .epark_common_header_badge {
  background-color: #da363e;
  width: 58px;
  height: 24px;
  color: #fff;
  border: 1px solid;
  display: inline-block;
  border-radius: 13px;
  text-align: center;
  line-height: 26px;
  margin-left: 5px;
  font-size: .9em
}
#epark_common_header .epark_common_header_badge strong {
  font-size: 1em
}
#epark_common_groupmodal {
  z-index: 999;
  width: 100%;
  min-height: 100%;
  display: none;
  padding-top: 25px;
  background-color: #fff
}
#epark_common_groupmodal iframe {
  width: 100%;
  border: none
}
.epark_common_groupheader_close {
  display: block;
  border-radius: 4px;
  padding: 15px;
  text-decoration: none;
  text-align: center;
  font-weight: bolder;
  line-height: 100%;
  cursor: pointer;
  height: auto;
  box-sizing: border-box;
  border: 1px solid #666;
  background-color: #fff !important;
  color: #666;
  margin: 20px auto;
  width: 80%;
  background: #efefef
}
#epark_common_mypage {
  color: #333;
  font-family: "\30D2\30E9\30AE\30CE\89D2\30B4   Pro W3", Hiragino Kaku Gothic Pro, Helvetica, Arial, sans-serif;
  line-height: 1.4;
  word-wrap: break-word;
  -webkit-font-smoothing: subpixel-antialiased;
  -webkit-text-size-adjust: 100%
}
#epark_common_mypage a {
  -webkit-tap-highlight-color: transparent
}
#epark_common_mypage .epark_common_mypage_header {
  box-shadow: 0 2px 4px 0 #ccc;
  display: block
}
#epark_common_mypage .epark_common_mypage_header:after {
  content: ".";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden
}
#epark_common_mypage .epark_common_mypage_header li {
  width: 25%;
  display: block;
  float: left;
  box-sizing: border-box;
  text-align: center;
  border-bottom: 2px solid #666;
  padding: 7px 0 10px
}
#epark_common_mypage .epark_common_mypage_header a {
  display: block;
  padding: 10px 0;
  border-left: 1px solid #ccc;
  color: #000;
  font-size: 1.2em;
  font-weight: bolder
}
#epark_common_mypage .epark_common_mypage_header li:first-child a {
  border-left: none
}
#epark_common_mypage .epark_common_mypage_header li.active {
  border-bottom: 5px solid #666;
  box-sizing: border-box;
  padding: 7px 0
}
#epark_common_mypage .epark_common_mypage_title h1 {
  padding: 15px 0;
  background-color: hsla(0, 0%, 78.4%, .2);
  text-align: center;
  font-size: 1.3em;
  font-weight: bolder !important
}
.bx-pager-link.active {
  background: none repeat scroll 0 0 #b3d465 !important
}
.bx-pager-link {
  background: none repeat scroll 0 0 #cce198 !important
}
.bx-wrapper {
  margin: 0 auto;
  font-size: .7rem
}
.bx-wrapper a, .bx-wrapper a:hover, .bx-wrapper a:link {
  color: #333;
  font-weight: bolder;
  text-align: center
}
.bx-wrapper {
  margin-bottom: 30px !important;
  box-shadow: none !important;
  border: none !important;
  background: none !important
}
#header .inner {
  width: 980px;
  margin: 0 auto;
  position: relative
}
#header .inner .sp.menu-badge {
  display: inline-block !important;
  position: absolute;
  right: 16.5%;
  left: auto !important;
  text-align: right;
  top: 85px;
  width: 22%;
  visibility: hidden
}
#header h1.txt-h1 {
  font-size: .7em;
  color: #999;
  width: 80%;
  height: 15px;
  overflow: hidden
}
#logo-area {
  width: 24%;
  float: left;
  z-index: 1
}
#logo-area div {
  display: inline-block
}
#logo-area #logo {
  padding-top: 2px
}
#header #header-right {
  text-align: right;
  float: right;
  width: 16%
}
#header-right #epark-global-header-box {
  display: none
}
#header-right #epark-global-header-box .epark-global-header-box-inner {
  width: 100%
}
#header-right ul.linkH li {
  line-height: 1px
}
#header-right ul.linkH li a {
  font-size: .85em;
  color: #f90
}
#header-right ul.linkH li a:hover {
  text-decoration: none
}
#header #header-right ul.linkH .b-link {
  border-left: none
}
#header #header-right .b-link a {
  color: #1882e4
}
.wrap-header .information {
  color: #78573d;
  border: 2px solid #f60;
  line-height: 1.4em;
  padding: 5px;
  width: 980px;
  margin: 0 auto 10px
}
.wrap-header .information span {
  color: #f60;
  display: block
}
#epark-global-header-box {
  font-size: 10px !important
}
@media screen and (max-width:768px) {
  #category-icon {
    float: left;
    width: 80px
  }
  #header {
    margin-bottom: 5px;
    padding-top: 5px;
    position: relative;
    height: 92px;
  }
  #header .inner {
    padding: 0;
    width: 100%;
    position: static
  }
  #header .inner .sp.menu-badge a {
    color: #aaa;
    font-size: .7em;
    text-decoration: none
  }
  #header .inner .sp.menu-badge a div {
    display: none
  }
  #header h1.txt-h1 {
    width: 100%;
    height: auto;
    max-height: 35px;
    font-size: .5em;
    overflow: hidden;
    letter-spacing: .7px;
    line-height: 1.8em
  }
  #header .btn-sp {
    width: 90px
  }
  .wrap-header .information {
    width: 980px;
    margin: 0 auto 10px
  }
  #header-right {
    display: none
  }
  .header-border {
    border: none
  }
  #logo {
    line-height: 1.5;
    -webkit-transition: width .3s linear;
    transition: width .3s linear;
    float: left
  }
  #logo-area {
    width: 65%;
    position: absolute;
    bottom: 0
  }
  .wrap-header .information {
    width: 100%;
    font-size: .8em;
    padding: 4px
  }
  #epark-global-header-box a {
    color: #333 !important
  }
}
@media (max-width:350px) {
  #epark_common_header .epark_common_header-nav-list li a {
    font-size: 8px;
    font-size: .8em;
    width: 40px
  }
  #epark_common_header .epark_common_header-select-area {
    width: 60px
  }
  #epark_common_header .epark_common_header-select-area select {
    background-position: 43px;
    padding-left: 3px
  }
}
@media screen and (max-width:374px) {
  #epark_common_header .epark_common_nav-sidemenu {
    width: 240px;
    right: -240px
  }
  #epark_common_header .epark_common_nav-sidemenu-body {
    width: 240px
  }
}
header {
  background: #fff;
  padding: 5px 0 0;
  max-width: 600px;/*すえよし0708*/
  margin: 0 auto;
}
.sp-header-icon {
  display: inline-block;
  position: relative;
  text-align: center;
  height: 38px;
}
.sp-header-icon img {
  width: 25px;
  margin: 0 8px 8px;
}
.sp-header-icon-text {
  font-size: 10px;
  font-weight: bold !important;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
}
.sp-header-icon-text.hos {
  color: #2bb8d8;
}
.sp-header-icon-text.sal {
  color: #ea8bc8;
}
.sp-header-icon-text.htl {
  color: #26b56d;
}
/*header END*/
/*footer*/
#epark_common_mypage .epark_common_mypage_footer h2 {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  background: #eee;
  color: #666;
  font-size: .8rem;
  font-weight: bolder;
  padding: 10px 0 10px 10px
}
#epark_common_mypage .epark_common_mypage_footer li {
  border-bottom: 1px solid #ddd;
  font-size: .8rem
}
#epark_common_mypage .epark_common_mypage_footer li a, #epark_common_mypage .epark_common_mypage_footer li span {
  padding: 15px 0 15px 14px;
  display: block;
  color: #333
}
#epark_common_mypage .epark_common_mypage_footer li li {
  border-top: 1px solid #ddd;
  border-bottom: none;
  font-size: 1em;
  background-color: #f3f3f3
}
#epark_common_mypage .epark_common_mypage_footer li li a {
  padding: 15px 0 15px 14px;
  display: block;
  color: #333
}
.epark_footer_copyright {
  text-align: center;
  font-family: Helvetica, sans-serif
}
#epark_common_footer .box_lightgray {
  box-shadow: inset 0 -1px 0 0 #fff, inset 0 1px 0 0 #fff;
  background-color: #f4f4f4;
  color: #666
}
#epark_common_footer .box_thinline {
  border: 1px solid #ccc
}
.epark_common_footer_pagetop {
  font-size: .8rem;
  padding: 1.1rem;
  text-align: center;
  border-bottom: 1px solid #ccc;
}
.epark_common_footer_apri {
  width: 100%;
  box-sizing: border-box;
  border: none;
  height: 405px;
  overflow: hidden;
  background: #fff;
}
.epark_common_footer_apri .epark_common_footer_apri_title {
  color: #333;
  font-size: .9rem;
  text-align: center;
  padding: 1rem
}
.epark_common_footer_eparklink > a {
  display: block;
  padding: 0 1.5rem .5rem;
  text-align: center
}
.epark_common_footer_eparklink > a > img {
  max-width: 615px;
  width: 100%
}
.epark_common_footer_eparklink ul {
  display: table
}
.epark_common_footer_eparklink ul li {
  width: 50%;
  box-sizing: border-box;
  display: block;
  float: left;
  text-align: center
}
.epark_common_footer_eparklink ul li.full {
  width: 100%
}
.epark_common_footer_eparklink ul li a {
  box-shadow: inset 0 -1px 0 0 #fff, inset 0 1px 0 0 #fff, 1px 1px 0 0 #ccc, -1px -1px 0 0 #ccc;
  font-size: .8rem;
  color: #333;
  background-color: #f4f4f4;
  padding: 1em 0;
  width: 100%;
  display: inline-block
}
#epark_common footer {
  clear: left;
  font-size: .7rem;
  color: #fff;
  background-color: #666;
  padding: 1.5rem 0;
  text-align: center
}
@media screen and (max-width:768px) {
  #footer a {
    text-decoration: none
  }
  .epark_footer_copyright {
    background: #666;
    color: #fff;
    padding: 15px 0;
    font-weight: 400;
    font-size: 13px
  }
  .epark_footer_copyright #copyright {
    background: none
  }
}
.sp-footer-contents {
  max-width: 600px;
  margin: 0 auto;
}
.sp-two-rows-wrapper {
  display: flex;
  flex-wrap: wrap;
  margin: 16px auto 0;
  width: 100%;
  background: #fff;
}
.sp-two-rows {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  font-size: 12px;
}
.sp-two-rows li {
  width: 100%;
  display: flex;
}
.sp-two-rows li:not(:last-of-type) {
  border-bottom: 1px solid #E6E6E6;
}
.sp-two-rows li div {
  width: 50%;
  position: relative;
  padding: 10px 0;
}
.sp-two-rows li div a {
  width: 100%;
  color: #707070;
  display: block;
  padding-left: 20px;
}
.sp-two-rows .border-right {
  border-right: 1px solid #E6E6E6;
}
.sp-two-rows li div a:after {
  content: '\f054';
  font-family: 'Font Awesome 5 Free';
  padding-right: 8px;
  font-weight: bold;
  position: absolute;
  right: 5px;
  color: #B6B6B6;
  transition: 0.2s;
}
.sp-footer-bn {
  width: 100%;
  margin: 0 auto;
  background: #fff;
  padding: 12px 0 10px;
  text-align: center;
}
.sp-footer-bn img {
  width: 96%;
  max-width: 350px;
}
.sp-footer-link {
  display: table;
  max-width: 600px;
  margin: 0 auto;
}
.sp-footer-link li {
  width: 50%;
  display: block;
  float: left;
  text-align: center;
}
.sp-footer-link li a {
  box-shadow: inset 0 -1px 0 0 #E6E6E6, inset 0 1px 0 0 #E6E6E6, 1px 1px 0 0 #E6E6E6, -1px -1px 0 0 #E6E6E6;
  font-size: .8rem;
  background: #F2F2F2;
  color: #333;
  padding: 1em 0;
  width: 100%;
  display: inline-block;
}
/*SNSiframe用*/
.epark_common_footer_apri {
  width: 100%;
  box-sizing: border-box;
  border: none;
  height: 405px;
  overflow: hidden;
  background: #fff;
}
.box_lightgray {
  box-shadow: inset 0 -1px 0 0 #fff, inset 0 1px 0 0 #fff;
  background-color: #f4f4f4;
  color: #666;
}
.epark_common_footer_pagetop {
  font-size: .8rem;
  padding: 1.1rem;
  text-align: center;
  border-bottom: 1px solid #ccc;
}
.epark_common_footer_pagetop a {
  color: #333;
  background-image: url(/docs/portal/images/common_footer_expand-arrow.png);
  background-repeat: no-repeat;
  background-size: 17px 9px;
  background-position: center 0;
  display: block;
  padding: 15px 0 0;
}
/*footer END*/
/*breadcrumb*/
.bg-wrapper {
  background: #F2F2F2;
  width: 100%;
}
#breadcrumb {
  padding: 12px 0 12px 12px;
  font-size: 12px;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
#breadcrumb ul {
  margin: 0;
  padding: 0;
  overflow-x: auto;
  white-space: nowrap;
  overflow-scrolling: touch;
  -webkit-overflow-scrolling: touch;
}
#breadcrumb ul::-webkit-scrollbar {
  display: none;
}
#breadcrumb ul li {
  white-space: nowrap;
  display: inline-block;
  width: auto;
}
#breadcrumb ul li:last-of-type {
  margin: 0 20px 0 0;
}
#breadcrumb li:not(:last-child)::after {
  content: "＞";
  margin: 0px 7px;
  font-size: 12px;
}
/*breadcrumbEND*/
/*pageTOP_btn*/
#pageTop {
  position: fixed;
  bottom: 75px;
  right: 15px;
  z-index: 10;/*0623sada*/
}
#pageTop i {
  padding-top: 6px
}
#pageTop a {
  display: block;
  padding: 12px 0 12px 0;
  border-radius: 30px;
  width: 55px;
  height: 55px;
  background-color: #fff;
  text-align: center;
  opacity: 0.8;
}
#pageTop a img {
  width: 38px;
}
#pageTop a:hover {
  text-decoration: none;
  opacity: 0.6;
  transition: 0.2s;
}
/*epark_grouptextlink*/
.sp-grouptextlink {
  background: #fff;
  display: flex;
  padding: 16px;
  justify-content: center;
  margin-top: 2px;
}
.sp-grouptextlink p {
  padding: 0 10px;
}
.sp-grouptextlink p:not(:last-of-type) {
  border-right: 1px solid #B6B6B6;
}
.sp-grouptextlink a {
  color: #707070;
}

.sp-pre_box {
  padding: 0;
  max-width: 860px;
  width: 100%;
  background: #F8F8F8;
}
.sp-pre_box h3 {
  background: #fff;
  padding: 16px 20px;
  font-weight: bold;
  font-size: 14px;
}
.sp-pre_box label {
  display: block;
  margin: 0;
  color: #707070;
  background: #F8F8F8;
  cursor: pointer;
  transition: all 0.5s;
  position: relative;
  width: 100%;
  font-size: 12px;
}
.sp-pre_box label h4 {
  border-bottom: 1px solid #E6E6E6;
  padding: 20px 0px 20px 20px;
  font-size: 12px;
}
.sp-pre_box label.area {
  background: #fff;
  position: relative;
}
.sp-pre_box label.area div {
  border-bottom: 1px solid #E6E6E6;
  padding: 10px 0px 10px 20px;
  font-weight: bold;
}
.cssacc:checked + label + .pre_wrap {
  height: 0;
  padding: 0;
  overflow: hidden;
  opacity: 0;
  transition: 0.8s;
}
.cssacc:checked + label.open:after {
  content: '\f055';/*すえよし0708*/
}
.cssacc:checked + label + .pre_wrap2 {
  height: auto;
  background: #fff;
  transition: 0.8s;
  opacity: 1;
  width: 100%;
}
.cssacc:checked + label.close:after {
  content: '\f056';
}
.cssacc:checked + label.close2:after {
  content: '\f056';
}
.sp-pre_box label.open:after {
  content: '\f056';/*すえよし0708*/
  font-family: 'Font Awesome 5 Free';
  padding-right: 8px;
  font-weight: bold;
  position: absolute;
  right: 15px;
  color: #B6B6B6;
  transition: 0.2s;
  top: 20px;
}
.sp-pre_box label.close:after {
  content: '\f055';
  font-family: 'Font Awesome 5 Free';
  padding-right: 8px;
  font-weight: bold;
  position: absolute;
  right: 15px;
  color: #B6B6B6;
  transition: 0.2s;
  top: 10px;
}
.sp-pre_box label.close2:after {
  content: '\f055';
  font-family: 'Font Awesome 5 Free';
  padding-right: 8px;
  font-weight: bold;
  position: absolute;
  right: 15px;
  color: #B6B6B6;
  transition: 0.2s;
  top: 20px;
}
.sp-pre_box input {
  display: none;
}
.sp-pre_box .pre_wrap {
  height: auto;
  background: #fff;
  transition: 0.8s;
  opacity: 1;
  width: 100%;
}
.sp-pre_box .pre_inner {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  width: 100%;
}
.sp-pre_box .pre_wrap2 {
  height: 0;
  padding: 0;
  overflow: hidden;
  opacity: 0;
  transition: 0.8s;
}
.sp-pre_box-prefectures {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  font-size: 12px;
}
.sp-pre_box-prefectures li {
  width: 100%;
  border-bottom: 1px solid #E6E6E6;
  display: flex;
}
.sp-pre_box-prefectures li div {
    width: 50%;
    position: relative;
    padding: 10px 0;
    display: flex;
    align-items: center;
}/*sada0707*/
.sp-pre_box-prefectures li div a {
  width: 100%;
  color: #707070;
  margin: 0 10px 0 0;
  display: block;
  padding-left: 20px;
  padding-right: 22px;
}/*sada0707*/
.sp-pre_box-prefectures li div a:after {
content: '\f054';
    font-family: 'Font Awesome 5 Free';
    padding-right: 8px;
    font-weight: bold;
    position: absolute;
    right: 5px;
    color: #B6B6B6;
    transition: 0.2s;
    top: 50%;
    transform: translateY(-50%);
}/*sada0707*/
.pre-border {
    border-right: 1px solid #E6E6E6;
}
.l-body-inner{
  max-width: 600px;
  margin: 0 auto;
}
.c-main-contents{
  background-color: #fff;
  padding-top: 16px;
  border-top: 1px solid #E6E6E6;
}
.c-table{
	/* width: 600px; */
    border-collapse: collapse;
	margin: 0 auto;
}
.c-table tr th{
	background-color: #F6F6F6;
    text-align: left;
	vertical-align: middle;
	padding: 4px 4px 4px 10px;
	border: 1px solid #E6E6E6;
	width: 120px;
}
.c-table tr td{
	background-color: #FFF;
	padding: 4px 4px 4px 10px;
    text-align: left;
	border: 1px solid #E6E6E6;
}
/* おすすめ情報 */
.c-bannerbox_title{
  font-size: 16px;
  font-weight: normal;
  margin-bottom: 0;
}
 .c-bannerbox_contents{
  margin-top: 9px;
  position: relative;
}
.c-bannerbox_contents::before{
  left: -28px;
}
.c-bannerbox_contents::after{
  right: -28px;
}
.c-bannerbox_item{
  margin-right: 4px;
}
.c-bannerbox_item img{
  width: 100%;
}
.c-bannerbox_list .slick-next:before,
.c-bannerbox_list .slick-prev:before,
.c-list_img_item .slick-next:before,
.c-list_img_item .slick-prev:before{
  content: "";
  display: inline-block;
  width: 23px;
  height: 23px;
  background: url(/docs/portal/images/yazi.svg) no-repeat 7px 6px;
  background-size: 10px;
  background-color: rgba(255,255,255,0.75);
  border-radius: 50%;
  opacity: 1;
}
.c-list_img_item .slick-next:before,
.c-list_img_item .slick-prev:before{
  width: 20px;
  height: 20px;
  background: url(/docs/portal/images/yazi.svg) no-repeat 6px 5px;
  background-size: 10px;
  background-color: #fff;
}
.c-bannerbox_list .slick-prev:before,
.c-list_img_item .slick-prev:before{
  transform: rotate(-180deg);
}
 .c-bannerbox_list .slick-disabled,
 .c-list_img_item .slick-disabled,
 .c-bannerbox_list .slick-prev{
   display: none!important;
 }
 .c-bannerbox_list .slick-arrow,
 .c-list_img_item .slick-arrow{
  z-index: 2;
  height: 100%;
 }
 .c-bannerbox_list .slick-next{
   right: 10px;
 }
 .c-list_img_item .slick-next{
   right: 6px;
 }
 .c-list_img_item .slick-prev{
   left: 6px;
 }
 .c-bannerbox_list{
   opacity: 0;
   height: 0;
 }
 .c-bannerbox_list.slick-initialized{
  opacity:1;
  height: auto;
}
.c-icon-text{
  position: relative;
  padding-left: 18px;
  margin-top: 5px;
}
.c-icon-text::before{
  content: '';
  position: absolute;
  left: 0;
  top: 2px;
}
.c-icon-text.is-map::before{
  background: url("/docs/portal/images/address.webp") no-repeat center;
  background-size: 15px;
  width: 15px;
  height: 15px;
}
.c-icon-text.is-place::before{
  background: url("/docs/portal/images/access.webp") no-repeat center;
  background-size: 15px;
  width: 15px;
  height: 15px;
}
.c-icon-text > span{
  font-size: 12px;
}
.c-icon-text_map{
  margin-left: 6px;
}
/* お気に入り */
.favorite{
  position: absolute;
  border-radius: 50%;
  border: 1px solid #E6E6E6;
  background-color: #fff;
  padding: 3px;
  display: flex;
  right: 10px;
  top: 17px;
  cursor: pointer;
  min-height: 23px;
}
.is-campaign .favorite{/*suzuki0709*/
  top: 24px;
}
.favorite > img{
  width: 17px;
	height: 17px;
}
/* 特徴リスト */
.c-features-list{
  display: flex;
  flex-wrap: wrap;
  margin-top: 10px;
  margin-bottom: -5px;
}
.c-features-list_item ,.c-features-list_item_red ,.c-features-list_item_blue ,.c-features-list_item_Infection ,.c-features-list_item_coupon ,.c-features-list_item_video{
  padding: 2px 6px;/*すえよし0630*/
	font-size: 12px;
  margin-right: 6px;
  margin-bottom: 5px;
}
.c-features-list_item ,.c-features-list_item_red ,.c-features-list_item_blue{
  border: 0.5px solid #B6B6B6;
}
/*.c-features-list_item + .c-features-list_item{
  margin-left: 6px;
}
*/.c-features-list_item_Infection{
  border: 0.5px solid #5B96A4;
  background-color: #5B96A4;
	color: #fff;
}
.c-features-list_item_coupon{
  border: 0.5px solid #E35554;
  background-color: #E35554;
	color: #fff;
}
.c-features-list_item_video{
  border: 0.5px solid #A1B97F;
  background-color: #A1B97F;
	color: #fff;
}
.c-features-list_item_red{
	color: #c9270d;
}
.c-features-list_item_blue{
	color: #2d79df;
}
/* 評価 */
.c-heart-area{
  margin-top: 10px;
}
.c-heart-area label{
  display: flex;
}
.c-heart-area img{
  width: 15px;
  height: 15px;
}
.c-heart-area img + img{
  margin-left: 2px;
}
.c-heart-area .review{
  display: flex;
  align-items: center;
}

.c-heart-area_link::before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  background: url("/docs/portal/images/review.webp") no-repeat center;/* PD_3-490 一覧ページへ追従ボタンの設置 */
  width: 16px;
  height: 16px;
  background-size: 16px;
}
.c-heart-area_link{
  padding-left: 20px;
}
/*並び替えタブ*/
.c-tab{
  display: flex;
  position: relative;
  padding-left: 10px;
}
.c-tab #sort{
  display: none;
}
.c-tab li{
	display: flex;
}
.c-tab_item{
	color: #707070;
  white-space: nowrap;
  order: -1;
  position: relative;
  z-index: 1;
  cursor: pointer;
  border-radius: 4px 4px 0 0;
  padding-left: 15px;
  padding-right: 15px;
  height: 37px;
  border: 1px solid #B6B6B6;
  border-bottom: none;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 4px;
  overflow: hidden;
  font-size: 12px;
}
a.c-tab_item{
  color: #707070;
}
.c-tab_item.current{
  font-weight: bold;
}
.c-tab_item.current::before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 3px;
  width: 100%;
}
.c-tab_item.current::after{
  content: '';
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 2px;
  background: #F8F8F8;
}
.c-tab_item.current{
  background-color: #F8F8F8;
}
.is-hos-contents .c-tab_item.current{
  color: #00B6D5;
  border-top: 1px solid #00B6D5;
}
.is-salon-contents .c-tab_item.current{
  color: #EA88C8;
  border-top: 1px solid #EA88C8;
}
.is-hotel-contents .c-tab_item.current{
  color: #26B56D;
  border-top: 1px solid #26B56D;
}
.is-hos-contents .c-tab_item.current::before{
  background-color: #00B6D5;
}
.is-salon-contents .c-tab_item.current::before{
  background-color: #EA88C8;
}
.is-hotel-contents .c-tab_item.current::before{
  background-color: #26B56D;
}

.c-tab_item > a{
	color: #707070;
}
.c-tab_item a.active{
	color: #2bb8d8;
	background-color: #fff;
	border: none;
	font-weight: bold;
}
.c-tab_item a.active::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: #2bb8d8;
}
.c-tab::after{
	content: '';
    width: 100%;
    height: 1px;
    background: #B6B6B6;
    display: block;
    order: -1;
    position: absolute;
    bottom: 0;
    left: 0;
}
/*ページャー*/
.c-pager{
	margin-top: 36px;
}
.c-pager-block ,.c-pager_list{
    display: flex;
	font-size: 14px;
	justify-content: center;
}
.c-pager-block{
	margin: 0 auto;
}
.c-pager-arrow{
  display: flex;
  align-items: center;
  justify-content: center;
}
.c-pager-arrow.is-prev{
  cursor: pointer;
  margin-right: 26px;
}
.c-pager-arrow.is-prev a.prev-more::before{/*no31：ページャーの修正　改修分*/
	font-family: "Font Awesome 5 Free";
    content: '\f053';
    font-weight: 900;
}
/*no31：ページャーの修正　追加分*/
.c-pager-arrow.is-prev a.prev-more::after{
	font-family: "Font Awesome 5 Free";
    content: '\f053';
    font-weight: 900;
}
.c-pager-arrow.is-prev a.prev::before{
	font-family: "Font Awesome 5 Free";
    content: '\f053';
    font-weight: 900;
	padding-left: 24px;
}
/*no31：ページャーの修正　追加分ここまで*/
.c-pager-arrow.is-next{
	text-align: right;
  cursor: pointer;
  margin-left: 26px;
}
.c-pager-arrow.is-next a.next::before{/*no31：ページャーの修正　改修分*/
	font-family: "Font Awesome 5 Free";
    content: '\f054';
    font-weight: 900;
	padding-right: 24px;
}
/*no31：ページャーの修正　追加分*/
.c-pager-arrow.is-next a.next-more::before{
	font-family: "Font Awesome 5 Free";
    content: '\f054';
    font-weight: 900;
}
.c-pager-arrow.is-next a.next-more::after{
	font-family: "Font Awesome 5 Free";
    content: '\f054';
    font-weight: 900;
}
/*no31：ページャーの修正　追加分ここまで*/
.c-pager_item + .c-pager_item{
  margin-left: 4px;
}
.c-pager_item > p{
  height: 100%;
  line-height: 30px;
  min-width: 22px;
}
.c-pager_item:last-of-type{
	margin-right: 0px;
}
.c-pager_link{
  min-width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
}
a.c-pager_link{
  border: 1px solid #B6B6B6;
  border-radius: 4px;
  color: #707070;
  background-color: #fff;
  display: block;
}
.c-pager_link.active{
	border: 1px solid #FE980F;
	background-color: #FE980F;
	color: #fff;
}
.c-pager > p{
	display: block;
  margin: 15px auto 0;
  text-align: center;
}

/* ボタン */
.c-button-area{
  margin-top: 20px;
}
.c-button_attention{
  font-size: 12px;
  display: block;
}
.c-button-area + .c-button_attention{
  margin-top: 10px;
}
.ppc > .c-button_attention{
  text-align: right;
  white-space: nowrap;
}
.c-button_link.is-net{
  background-color: #DE7016;
  border-bottom: 2px solid #8F480D;
  /* PETLIFE-297 当日のみ予約の表示制御のAPI仕様について */
  min-height: 43px;
  /* PETLIFE-297 当日のみ予約の表示制御のAPI仕様について ここまで */ 
}
.c-button_link.is-tel{
  background-color: #F4901E;
  border-bottom: 2px solid #B56B17;
}
.c-button_link.is-cam{/*すえよし0630*/
  background-color: #eb6877;
  border-bottom: 2px solid #b7535f;
}
.c-button_link.is-cam_hos{/*すえよし0701*/
  background-color: #68a1eb;
  border-bottom: 2px solid #5374b7;
}

.c-button_link.is-request{
  background-color: #E6E6E6;
  border-bottom: 2px solid #B6B6B6;
  min-height: auto;
  padding: 5px;
}
.c-button_status{
  position: absolute;
  top: -20px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  background-color: #fff;
  border-radius: 10px;
  border: 1px solid #78573D;
  padding: 0px 6px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.c-button_status::before,
.c-button_status::after{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: 50%;
  border-right: 3px solid transparent;
  border-left: 3px solid transparent;
  transform: translateX(-50%);
}
.c-button_status::before{
  bottom: -6px;
  border-top: 5px solid #78573d;
}
.c-button_status::after{
  bottom: -4px;
  border-top: 5px solid #fff;
}
.c-button_status > span{
  display: block;
  position: relative;
  padding-left: 14px;
  white-space: nowrap;
  color: #78573D;
  font-size: 11px;
}
.c-button_status > span + span{
  margin-left: 2px;
}
.c-button_status > span::before{
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 11px;
  height: 11px;
  border-radius: 50%;
  border: 2px solid #E10018;
}

.c-button_link{
  width: 100%;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2px 10px;
  cursor: pointer;
  position: relative;
  min-height: 40px;
}
.c-button_link.is-tel{
  margin-top: 2px;
}
.c-button_block{
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.c-button_block > li{
  width: calc(50% - 3px);
  /* flex: 1; */
}
/* PETLIFE-297 当日のみ予約の表示制御のAPI仕様について */
.c-button_block.vacant_todaytomorrow > li.net{
  padding-top: 18px;
}
/* PETLIFE-297 当日のみ予約の表示制御のAPI仕様について ここまで */ 
.c-button_block > li.cam{
  padding-top: 0;
}
.c-button_block > li + li{
  margin-left: 6px;
}

.c-button_text,
.c-button_text_tel{/*no30：固定電話のCVボタン設置　変更分*/
  color: #fff;
  font-size: 15px;
  clear: both;
}
.is-cam .c-button_text,
.is-cam_hos .c-button_text{/*すえよし0709*/
  color: #fff;
  font-size: 15px;
  clear: both;
	text-align: center;
	letter-spacing: 1.5px;
}
.is-net .c-button_text,
.is-tel .c-button_text,
.is-tel .c-button_text_tel{/*no30：固定電話のCVボタン設置　変更分*/
  position: relative;
  padding-left: 30px;
}
/* PETLIFE-297 当日のみ予約の表示制御のAPI仕様について */
.is-net .c-button_min-text + .c-button_text::before,
/* PETLIFE-297 当日のみ予約の表示制御のAPI仕様について ここまで */ 
.is-net .c-button_text::before,
.is-tel .c-button_text::before,
.is-tel .c-button_text_tel::before{/*no30：固定電話のCVボタン設置　変更分*/
  content: '';
  position: absolute;
  left: 0;
  top: 14%;
  transform:translateY(-50%);
  background-repeat:no-repeat;
  background-position: center;
}
/* PETLIFE-297 当日のみ予約の表示制御のAPI仕様について */
.is-net .c-button_text::before{
   top: 50%;
}
/* PETLIFE-297 当日のみ予約の表示制御のAPI仕様について ここまで */ 
.is-net .c-button_text::before{
  width: 20px;
  height: 20px;
  background-image: url(/docs/portal/images/res-btn.webp);
  background-size: 100%;
}
.is-tel .c-button_text::before{
  width: 20px;
  height: 20px;
  background-image: url(/docs/portal/images/tel-btn.webp);
  background-size: 100%;
  left: -10px;
  top: 3px;
}
.is-tel .c-button_text_tel::before{/*no30：固定電話のCVボタン設置　追加分*/
  width: 20px;
  height: 20px;
  background-image: url(/docs/portal/images/tel-btn.webp);
  background-size: 100%;
  left: 2px;
  top: 10px;
}
.is-cam .cv_area_container .itemC,
.is-cam_hos .cv_area_container .itemC{/*すえよし0709*/
	position: relative;
}
.is-cam .cv_area_container .itemC::before{/*すえよし0709*/
  content: '';
  position: absolute;
  left: -28px;
  top: 17px;
  transform:translateY(-50%);
  background-repeat:no-repeat;
  background-position: center;
  width: 22px;
  height: 22px;
  background-image: url(/docs/portal/images/cp_sal.webp);
  background-size: 100%;
}
.is-cam .itemC > .c-button_min-text{/*すえよし0630*/
  font-size: 10px;
  background-color: #fff;
  border-radius: 10px;
  color: #eb6877;
  padding: 2px 8px;
  margin-left: 0px;
  line-height: 1;
  min-width: 73px;
  float: none;
  margin-top: 2px;
  text-align: center;
  font-weight: bold;
}
.is-cam_hos .cv_area_container .itemC::before{/*すえよし0709*/
  content: '';
  position: absolute;
  left: -27px;
  top: 17px;
  transform:translateY(-50%);
  background-repeat:no-repeat;
  background-position: center;
  width: 23px;
  height: 23px;
  background-image: url(/docs/portal/images/cp_hos.webp);
  background-size: 100%;
}
.is-cam_hos .itemC > .c-button_min-text{/*すえよし0701*/
  font-size: 10px;
  background-color: #fff;
  border-radius: 10px;
  color: #68a1eb;
  padding: 2px 8px;
  margin-left: 0px;
  line-height: 1;
  min-width: 73px;
  float: none;
  margin-top: 2px;
  text-align: center;
  font-weight: bold;
}

.c-button_min-text{
  font-size: 10px;
  background-color: #fff;
  border-radius: 10px;
  color: #DE7016;
  padding: 2px 10px;
  margin-left: 23px;
  line-height: 1;
  min-width: 73px;
  float: right;
  margin-top: 2px;
  text-align: center;
}
/* リクエストボタン */
.c-button_link.is-request .c-button_text{
  font-size: 12px;
  font-weight: bold;
  color: #707070;
}
.c-button_link.is-request .c-button_number{
  background-color: #fff;
  border-radius: 6px;
  overflow: hidden;
  margin-left: 15px;
}
.c-button_link.is-request .c-button_number input[type="text"]{
  appearance: none;
  border: none;
  color: #707070;
  font-size: 12px;
  display: block;
  text-align: center;
  max-width: 72px;
  cursor: pointer;
}
.c-button_info{
  display: flex;
  justify-content: center;
  margin-top: 8px;
  margin-bottom: 8px;
}
.c-button_info > p{
  color: #FF0000;
  font-size: 12px;
}
.c-button_info > a{
  display: inline-block;
  font-size: 12px;
  margin-left: 10px;
}
/* 空満情報 */
.c-vacant-info-table{
  display: flex;
  border: 1px solid #B6B6B6;
}
.c-vacant-info-table_title{
  width: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.c-vacant-info-table_title > span{
  font-size: 12px;
  font-weight: bold;
}
.c-vacant-info-table_contents{
  flex: 1;
}
.c-vacant-info-table_contents > div,
.c-vacant-info-table_contents > div > ol{
  display: flex;
  width: 100%;
}
.c-vacant-info-table_contents .EPL_day,
.c-vacant-info-table_contents .EPL_cal {
  font-size: 10px;
  width: 14%;
  text-align: center;
  border-left: 1px solid #B6B6B6;
  flex: 1;
}
.c-vacant-info-table_contents .EPL_day.sat,
.c-vacant-info-table_contents .EPL_cal.sat {
  background-color: rgba(45,121,223,0.05);
  color: #2d79df;/*no30：固定電話のCVボタン設置確認中に発覚　空満の土曜日カラー　追加可能でしょうか？*/
}
.c-vacant-info-table_contents .EPL_day.sun,
.c-vacant-info-table_contents .EPL_cal.sun {
  background-color: rgba(201,39,13,0.05);
  color: #c9270d;/*no30：固定電話のCVボタン設置確認中に発覚　空満の日曜日カラー　追加可能でしょうか？*/
}
.c-vacant-info-table_contents .EPL_day{
  padding: 1px 0;
  font-weight: bold;
}
.c-vacant-info-table_contents .EPL_cal{
  border-top: 1px dotted #B6B6B6;
}
.c-vacant-info-table_contents dt{
  font-size: 12px;
  font-weight: bold;
  padding: 4px 4px 0;
}
.c-vacant-info-table_contents .EPL_cal >a{
  display: block;
  display: flex;
  align-items: center;
  justify-content: center;
}
.c-vacant-info-table_contents .EPL_cal >a,
.c-vacant-info-table_contents .ng{
  min-height: 23px;
}
.c-vacant-info-table_contents .ng{
  position: relative;
}
.c-vacant-info-table_contents .ng::before{
  content: '';
  width: 12px;
  height:1px;
  background-color: #707070;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.c-vacant-info-table_contents .ok{
  content: '';
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 2px solid #C8260D;
  position: relative;
}
.c-vacant-info-table_contents .ok::after{
  content: '';
  position: absolute;
  border-bottom: 1px solid #C8260D;
  width: 12px;
  bottom: -3px;
  left: -2px;
}

.c-schedule{
	width: 100%;
  border-collapse: collapse;
	margin: 0 auto 10px;
}
.c-schedule tr th{
	background-color: #F6F6F6;
    text-align: center;
	padding: 4px;
	border: 1px solid #E6E6E6;
}
.c-schedule tr th:nth-child(7) ,.c-schedule tr td:nth-child(7){
	color: #2884B2;
}
.c-schedule tr th:nth-child(8) ,.c-schedule tr td:nth-child(8) ,.c-schedule tr th:nth-child(9) ,.c-schedule tr td:nth-child(9){
	color: #E8642A;
}
.c-schedule tr td{
	background-color: #FFF;
	padding: 4px;
    text-align: center;
	border: 1px solid #E6E6E6;
}

.c-list_comment + .c-list_comment{
  margin-top: 3px;
}
.c-list_comment:last-of-type{
	margin-bottom: 12px;
}
.c-table{
  margin-top: 12px;
  border-collapse: collapse;
  width: 100%;
}
.c-table tr th{
	background-color: #F6F6F6;
    text-align: left;
	vertical-align: middle;
	padding: 4px 4px 4px 10px;
	border: 1px solid #E6E6E6;
	width: 120px;
}
.c-table tr td{
	background-color: #FFF;
	padding: 4px 4px 4px 10px;
    text-align: left;
	border: 1px solid #E6E6E6;
}

/* PD_3-490 一覧ページへ追従ボタンの設置 */
.sp-footer-fixed-block{
  position: fixed;
  bottom: 0;
  left: 0;
  display: flex;
  padding: 10px 15px;
  background-color: rgba(0,0,0,0.5);
  width: 100%;
  z-index: 98;
}
.sp-footer-fixed_item{
  width: calc(50% - 2px);
  flex: 1;
}
.sp-footer-fixed_item + .sp-footer-fixed_item{
  margin-left: 4px;
}
.sp-footer-fixed_item > .map,button.sp-footer-fixed_button{
  appearance: none;
  display: block;
  border-radius: 4px;
  background-color: #8FC31F;
  border: none;
  width: 100%;
  height: 40px;
  padding:2px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.sp-footer-fixed_item span:not(.sp-footer_commitment_count){
  font-size: 16px;
  position: relative;
  color: #fff;
  padding-left: 36px;
  text-shadow: 0px 2px 4px rgb(0 0 0 / 40%);
}
.sp-footer-fixed_item span:not(.sp-footer_commitment_count)::before{
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 25px;
  height: 25px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
.sp-footer-fixed_item > .map > span::before{
  background-image:url(/assets/images/icon_map_white.webp);/* PD_3-490 一覧ページへ追従ボタンの設置 1101再修正 assets配下に修正 */
}
button.sp-footer-fixed_button > span:not(.sp-footer_commitment_count)::before{
  background-image:url(/assets/images/icon_picky_white.webp);/* PD_3-490 一覧ページへ追従ボタンの設置 1101再修正 assets配下に修正 */
}
.sp-footer_commitment_count{
  position: absolute;
  top: -5px;
  right: 3px;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  color: #fff;
  font-size: 10px;
  background-color: #FF9900;
}
/* PD_3-490 一覧ページへ追従ボタンの設置 ここまで */
.drawer-content {
  width: 100%;
  height: 100%;
  position: fixed;
  display: flex;
  flex-wrap: wrap;
  overflow-y: scroll;
  align-content: space-between;
  top: 0;
  left: 100%;
  z-index: 99;
  background-color: #fff;
  transition: .5s;
}
.c-main-contents .drawer-content{
  z-index: 200;
}
/* 共通メニューを表示 */
.c-drawer-check:checked ~ .drawer-content {
  left: 0;
}
.drawer-check:checked ~ .drawer-content .drawer-bottom{
  left: 0;
}
/* 動物病院・エリアメニューを表示 */
#drawer-check-hos-area:checked ~ .drawer-content {
  left: 0; /* メニューを画面に入れる */
}
/* 動物病院・診療対象動物メニューを表示 */
#drawer-check-hos-animal:checked ~ .drawer-content {
  left: 0; /* メニューを画面に入れる */
}
/* サロン・エリアメニューを表示 */
#drawer-check-salon-area:checked ~ .drawer-content {
  left: 0; /* メニューを画面に入れる */
}
/* サロン・日付メニューを表示 */
#drawer-check-salon-date:checked ~ .drawer-content {
  left: 0;
}
/* サロン・対象動物メニューを表示 */
#drawer-check-salon-animal:checked ~ .drawer-content {
  left: 0; /* メニューを画面に入れる */
}
/* ホテル・エリアメニューを表示 */
#drawer-check-hotel-area:checked ~ .drawer-content {
  left: 0; /* メニューを画面に入れる */
}
/* ホテル・日付メニューを表示 */
#drawer-check-hotel-date:checked ~ .drawer-content {
  left: 0;
}
/* ホテル・対象動物・こだわりメニューを表示 */
#drawer-check-hotel-animal:checked ~ .drawer-content {
  left: 0; /* メニューを画面に入れる */
}
.c-search-form_item #drawer-check-salon-date + label,
.c-search-form_item #drawer-check-hotel-date + label{
  border: 1px solid #919090;
  border-radius: 4px;
  width: 100%;
  display: block;
  padding: 10px;
  min-height: 56px;
  font-size: 16px;
  line-height: 2;
}
ul.drawer-list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-top: -2px;
}
ul.drawer-list li {
  font-size: 13px;
  flex: 0 0 50%;
  max-width: 50%;
}
.drawer-list > li label{
  padding: 16px 10px 16px 43px;
  margin-right: 0;
  display: block;
}
.drawer-list > li input[type=checkbox] + label{
  padding-left: 47px;/* PD_3-467 市区町村アンド検索 */
}
.drawer-list > li input[type=checkbox] + label::before {/* PD_3-467 市区町村アンド検索 */
  left: 15px;
}
.drawer-list > li input[type=checkbox] + label::after {/* PD_3-467 市区町村アンド検索 */
  left: 21px;
}
.drawer-bottom {
  position: fixed;
  bottom: 0%;
  width: 100%;
  background: rgba(255, 255, 255, 0.6);
  padding: 10px 0;
  z-index: 100;
  opacity: 1;
  left: 100%;
  transition: 0.5s;
}
.is-edit-freeword .drawer-bottom,/*suzuki0705*/
.is-open-commitment-info.drawer-bottom {
  position: relative;
}
.is-open form > .content-bottom .drawer-bottom {
  left: 0;
}
.is-drawer-open .drawer-bottom {
  left: 0;
}
.drawer-bottom.is-hidden{
  opacity: 0;
  z-index: -1;
}
/*sada0624*/
.drawer-bottom ul.under {
  display: flex;
  align-items: center;
    justify-content: space-between;
    margin: 0 15px;
}
/*sada0624*/
.drawer-bottom ul.under li {
  flex: 0 0 48%;
  max-width: 48%;
}
.c-drawer-content ul.under li.resetBtn{/* PD_3-467 市区町村アンド検索 */
  flex: 0 0 32%;
  max-width: 32%;
  flex: auto;
}
.c-drawer-content ul.under li.resetBtn button{
  padding: 10px 10px;
  min-height: 49px;
}
.c-drawer-content ul.under li.submit-btn{
  flex: 1;
  max-width: calc(68% - 15px);
  margin-left: 15px;
}/* PD_3-467 市区町村アンド検索 ここまで */

.drawer-bottom ul.under li.closeBtn_hos,
.drawer-bottom ul.under li.closeBtn_sal,
.drawer-bottom ul.under li.closeBtn_htl,
.c-search-list_select-buton,/* PD_3-467 市区町村アンド検索 */
.submitBtn_hos > input,
.submitBtn_sal > input,
.submitBtn_htl > input
 {
  display: block;
  border-radius: 3px;
  text-align: center;
  font-size: 18px;
  color: #fff;
  padding: 10px 0;
  min-height: 49px;
}

.drawer-bottom ul.under li.closeBtn_hos,
.is-hos-contents .c-search-list_select-buton {/* PD_3-467 市区町村アンド検索 */
  border: 1px solid #0072D5;
  background-color: #0072D5;
}
.drawer-bottom ul.under li.closeBtn_sal,
.is-salon-contents .c-search-list_select-buton {/* PD_3-467 市区町村アンド検索 */
  border: 1px solid #E44A6E;
  background-color: #E44A6E;
}
.drawer-bottom ul.under li.closeBtn_htl,
.is-hotel-contents .c-search-list_select-buton {/* PD_3-467 市区町村アンド検索 */
  border: 1px solid #088462;
  background-color: #088462;
}
.submitBtn_hos > input,
.submitBtn_sal > input,
.submitBtn_htl > input{
  appearance: none;
  width: 100%;
  border: none;
}
.submitBtn_hos > input {
  background-color: #00B6D5;
}
.submitBtn_sal > input {
  background-color: #EA88C8;
}
.submitBtn_htl > input {
  background-color: #26B56D;/* PD_3-467 市区町村アンド検索 ここまで */
}
.drawer-list .radio-input + label::before{
  left: 23px;
}
.drawer-list .radio-input:checked + label::after{
  left: 23px;
}
.radio-input {
  display: none;
}
.radio-input + label {
  padding-left: 20px;
  position: relative;
  margin-right: 20px;
}
.sp-search-text-check .radio-input + label{/*no47,48：人気の絞り込み今日行ける明日行けるをラジオボタンにする*/
  margin-right: 0;
  padding: 0px 10px 0 28px;
}
.radio-input + label::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 15px;
  height: 15px;
  border: 1px solid #999;
  border-radius: 50%;
  transform: translate(-50%, -50%);
}
.sp-search-text-check .radio-input + label::before {/*no47,48：人気の絞り込み今日行ける明日行けるをラジオボタンにする*/
  left: 7px;
  top: 10px;
  transform: translate(0, -50%);
}
.radio-input:checked + label {
  color: #707070;
}
.radio01:checked + label::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 6px;
  height: 6px;
  background: #2bb8d8;
  border-radius: 50%;
  transform: translate(-50%, -50%);
}
.radio02:checked + label::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 6px;
  height: 6px;
  background: #ea8bc8;
  border-radius: 50%;
  transform: translate(-50%, -50%);
}
.sp-search-text-check .radio02:checked + label::after{/*no47,48：人気の絞り込み今日行ける明日行けるをラジオボタンにする*/
  left: 14px;
  top: 10px;
}
.radio03:checked + label::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 6px;
  height: 6px;
  background: #26b56d;
  border-radius: 50%;
  transform: translate(-50%, -50%);
}
.sp-search-text-check .radio03:checked + label::after{/*no47,48：人気の絞り込み今日行ける明日行けるをラジオボタンにする*/
  left: 14px;
  top: 10px;
}
.checkbox01 {
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  padding: 0px 10px 0 30px;
  position: relative;
  width: auto;
}
.checkbox01::before {
  border: 1px solid #919090;
  content: '';
  display: block;
  height: 16px;
  left: 5px;
  margin-top: -8px;
  position: absolute;
  top: 50%;
  width: 16px;
}
.checkbox01::after {
  border-right: 3px solid #d8d8d8;
  border-bottom: 3px solid #d8d8d8;
  content: '';
  display: block;
  height: 15px;
  left: 10px;
  margin-top: -11px;
  opacity: 1;
  position: absolute;
  top: 50%;
  transform: rotate(45deg);
  width: 8px;
}
input[type=checkbox]:checked + .checkbox01::after {
  border-right: 3px solid #00B6D5;
  border-bottom: 3px solid #00B6D5;
}
input[type=checkbox]:checked + .checkbox01::before {
  background: #fff;
  border: 1px solid #919090;
}
.checkbox02 {
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  padding: 0px 10px 0 30px;
  position: relative;
  width: auto;
}
.checkbox02::before {
  border: 1px solid #919090;
  content: '';
  display: block;
  height: 16px;
  left: 5px;
  margin-top: -8px;
  position: absolute;
  top: 50%;
  width: 16px;
}
.checkbox02::after {
  border-right: 3px solid #d8d8d8;
  border-bottom: 3px solid #d8d8d8;
  content: '';
  display: block;
  height: 15px;
  left: 10px;
  margin-top: -11px;
  opacity: 1;
  position: absolute;
  top: 50%;
  transform: rotate(45deg);
  width: 8px;
}
input[type=checkbox]:checked + .checkbox02::after {
  border-right: 3px solid #00B6D5;
  border-bottom: 3px solid #00B6D5;
}
input[type=checkbox]:checked + .checkbox02::before {
  background: #fff;
  border: 1px solid #919090;
}
input[type=checkbox]:checked + .checkbox02::after {
  border-right: 3px solid #ea8bc8;
  border-bottom: 3px solid #ea8bc8;
}
.checkbox03 {
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  padding: 0px 10px 0 30px;
  position: relative;
  width: auto;
}
.checkbox03::before {
  border: 1px solid #919090;
  content: '';
  display: block;
  height: 16px;
  left: 5px;
  margin-top: -8px;
  position: absolute;
  top: 50%;
  width: 16px;
}
.checkbox03::after {
  border-right: 3px solid #d8d8d8;
  border-bottom: 3px solid #d8d8d8;
  content: '';
  display: block;
  height: 15px;
  left: 10px;
  margin-top: -11px;
  opacity: 1;
  position: absolute;
  top: 50%;
  transform: rotate(45deg);
  width: 8px;
}
input[type=checkbox]:checked + .checkbox03::after {
  border-right: 3px solid #00B6D5;
  border-bottom: 3px solid #00B6D5;
}
input[type=checkbox]:checked + .checkbox03::before {
  background: #fff;
  border: 1px solid #919090;
}
input[type=checkbox]:checked + .checkbox03::after {
  border-right: 3px solid #26b56d;
  border-bottom: 3px solid #26b56d;
}
.drawer-lbl-darkgray {
  position: relative;
  padding-left: 36px;
  width: 100%;
  z-index: 90;
}
.is-placeholder + .drawer-lbl-darkgray, .is-placeholder + label {
  color: darkgray;
}
.drawer-lbl {
  width: 100%;
  z-index: 90;
}
.drawer-title-sticky {
  position: sticky;
  top: 0;
  z-index: 99;
}
.drawer-title {
  background-color: #707070;
  color: #fff;
  text-align: center;
  position: relative;
  font-size: 16px;
  padding: 7px 0;
  transition: 0.5s;
}
.drawer-title.is-fixed {
  position: fixed;
  width: 100%;
  left: 100%;
  top: 0;
  z-index: 100;
}
.is-open .drawer-title.is-fixed {
  left: 0;
}
.closeMenu,
.c-drawer-close {
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  font-size: 24px;
  right: 0;
  color: #fff;/*no46：SPのモーダルを閉じるボタンの表が端末依存文字になっていたのを改善する*/
  font-weight: bold;/*no46：SPのモーダルを閉じるボタンの表が端末依存文字になっていたのを改善する*/
}
.search-area {
  padding: 14px 13px 16px;
	position: relative;
}
.search-area::after{
	content: '';
    width: 6px;
    height: 6px;
    border: 0px;
    border-bottom: solid 2px #b4b3b3;
    border-right: solid 2px #b4b3b3;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 26px;
    margin-top: -4px;
}
label {
  margin-bottom: 0;
}

section.area-cont {
  display: none;
}
p.area-cap {
  font-weight: bold;
  flex: 0 0 100%;
  max-width: 100%;
  padding: 13px 0 13px 13px;
  border-top: 2px dotted #ddd;
  border-bottom: 2px dotted #ddd;
}
.content-bottom {
  flex: 0 0 100%;
  max-width: 100%;
  padding: 25px 0 10px;
}
button {
  border: 1px solid #707070;
  display: block;
  border-radius: 3px;
  text-align: center;
  font-size: 18px;
  color: #707070;
  padding: 8px 30px;
  background-color: #fff;
  outline: none;
  width: 100%;
}
.c-search-form{
  padding-top: 36px;
}
.c-search-form_area-item{/* PD_3-467 市区町村アンド検索 */
  background-color: #F2F2F2;
  padding: 8px 24px 8px 5px;
  cursor: pointer;
  position: relative;
  min-width: 83px;
  line-height: 1;
  white-space: nowrap;
  box-sizing: content-box;
  flex: 0 0 auto;
}
.c-search-form_area-item + .c-search-form_area-item{/* PD_3-467 市区町村アンド検索 */
  margin-left: 10px;
}
.c-search-form_area-item::before,
.c-search-form_area-item::after{
  right: 15px;
  top: calc(50% - 7px);
  position: absolute;
  content: "";
  display: block;
  width: 1px;
  height: 13px;
  background: #707070;
  transform: rotate(45deg);
  transform-origin:0% 50%;
}
.c-search-form_area-item::after{
  transform: rotate(-45deg);
  transform-origin:100% 50%;
  left: auto;
}
.c-drawer-content{
  width: 100%;
  height: 100%;
  position: fixed;
  display: flex;
  flex-wrap: wrap;
  overflow-y: scroll;
  align-content: space-between;
  top: 0;
  left: 100%;
  z-index: 99;
  background-color: #fff;
  transition: .5s;
}
.c-drawer-content .content-bottom{
  padding-top: 10px;
}
.c-drawer-content.is-edit-freeword .content-bottom{
  padding: 0;
}
.c-drawer-content > form{
  width: 100%;
}
.c-drawer-content.is-open{
  left: 0;
}
.c-drawer_input-block{
  display: flex;
  margin-top: 20px;
  align-items: center;
}
.c-search-form_area-list{/* PD_3-467 市区町村アンド検索 */
  display: flex;
  margin-left: 13px;
  min-height: 35px;
  align-items: center;
  overflow-x: scroll;
}
.sp-copyright {
    background: #707070;
    color: #fff;
    font-size: 12px;
    text-align: center;
    padding: 18px;
    line-height: 1.7;
	max-width: 600px;/*すえよし0708*/
	margin: 0 auto;
}
/* LINE予約ボタン */
.c-button_block > li.line:nth-child(3) {
  width: 20%;
}

.c-button_block > li.line {
  background: #06C755;
  border-radius: 6px;
  border-bottom: 3px solid #048539;
  text-align: center;
  height: 43px;
}
.c-button_block > li.line a {
  color: #fff;
  height: 43px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c-button_block > li.line a p br {
  display: none;
}
.c-button_block > li.line:nth-child(3) a p br {
  display: block !important;
}
/* LINE予約ボタン */