@charset "utf-8";
body {
  min-width: 1200px;
}
#gNavi ul li a {
  font-size: 1.2rem;
}
#main {
  margin-bottom: 70px;
}
@media all and (max-width: 896px) {
  #gHeader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
  }
  #gHeader h1 {
    display: none;
  }
}

/*------------------------------------------------------------
	headLine04
------------------------------------------------------------*/
.headLine04 {
  position: relative;
  font-size: 1.4rem;
  margin-bottom: 4px;
  text-align: center;
  font-weight: normal;
}
.headLine04 a {
  padding-bottom: 2px;
  padding-left: 18px;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: -0;
  transform: translateY(-50%);
  font-size: 1.2rem;
  color: #CECECE;
  background: url(/assets/user-image/common/icon01.png) no-repeat left center;
  background-size: 15px auto;
}
.headLine04 a:hover {
  opacity: 0.7;
}
@media all and (max-width: 896px) {
  .headLine04 {
    max-width: inherit !important;
    margin: 0 -20px 25px;
    min-height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #CECECE;
    font-size: 1.2rem;
    background: #1d1d1d;
    position: relative;
    z-index: 10;
    box-shadow: 0px 3px 6px rgba(241, 241, 241, 0.16);
  }
  .headLine04 a {
    left: 15px;
  }
  .headLine04-top {
    margin: 0 !important;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    /* padding-left: 40px; */
    box-sizing: border-box;
    width: 100%;
    /* width: calc(100% - 40px); */
    box-shadow: none;
  }
  /* .headLine04-top a {
      left: 10px;
  } */
  .headLine04-bottom {
    min-height: inherit;
    box-shadow: none;
    margin: 0;
    font-size: 1.4rem;
    padding-top: 3px;
  }
}

/*------------------------------------------------------------
	headLine05
------------------------------------------------------------*/
.headLine05 {
  margin-bottom: 35px;
  text-align: center;
  font-size: 1.2rem;
  font-weight: 300;
}
@media all and (max-width: 896px) {
  .headLine05 {
    margin-bottom: 20px;
  }
}

/*------------------------------------------------------------
	comLink
------------------------------------------------------------*/
.comLink {
  width: 189px;
  margin: 0 auto;
}
.comLink a {
  min-height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 2px;
  text-align: center;
  cursor: pointer;
  font-size: 1.4rem;
  color: #111111;
  border: none;
  background: linear-gradient(#efe556 0%, #a79f32 100%);
}
.comLink a:hover {
  opacity: 0.7;
}
.greyLink a {
  background: #ccc;
}
.comLink02 {
  margin-bottom: 30px;
  width: 224px;
}
.comLink02 a {
  color: #333333;
  min-height: 63px;
  border-radius: 4px;
  background: linear-gradient(#efefef 0%, #e6e6e6 71.54%, #ccc 100%);
  box-shadow: 0px 5px 6px rgba(255, 255, 255, 0.1);
}
.comLink button {
  min-height: 36px;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  border-radius: 2px;
  text-align: center;
  cursor: pointer;
  font-size: 1.4rem;
  color: #111111;
  border: none;
  background: linear-gradient(#efe556 0%, #a79f32 100%);
}

@media all and (min-width: 897px) {
  .comLink button:hover {
    opacity: 0.7;
  }
}

@media all and (max-width: 896px) {
  .comLink02 a {
    min-height: 37px;
  }
}

/*------------------------------------------------------------
	comLink03
------------------------------------------------------------*/
.comLink03 {
  width: 70px;
}
.comLink03 a {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 23px;
  padding: 4px 4px 5px;
  box-sizing: border-box;
  font-size: 1.1rem;
  color: #111111;
  border-radius: 2px;
  font-weight: normal;
  background: linear-gradient(#efe556 0%, #d5cc49 73.22%, #a79f32 100%);
  box-shadow: 0px 3px 6px rgba(213, 213, 213, 0.16);
}
.comLink03 a:hover {
  opacity: 0.7;
}
.comLink03 img {
  margin-right: 5px;
  vertical-align: middle;
}
.comLink03 button {
  cursor: pointer;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 23px;
  padding-bottom: 2px;
  border: none;
  box-sizing: border-box;
  font-size: 1.1rem;
  color: #111111;
  border-radius: 2px;
  font-weight: normal;
  background: linear-gradient(#efe556 0%, #d5cc49 73.22%, #a79f32 100%);
  box-shadow: 0px 3px 6px rgba(213, 213, 213, 0.16);
}
.comLink03 button img {
  margin-top: 2px;
}
@media all and (min-width: 897px) {
  .comLink03 button:hover {
    opacity: 0.7;
  }
}

@media all and (max-width: 896px) {
  .comLink03 button,
  .comLink03 a {
    min-height: 28px;
    font-size: 1.4rem;
    background: linear-gradient(#efefef 0%, #eaeaea 70.49%, #d6d6d6 100%);
    box-shadow: 0px 3px 6px rgba(213, 213, 213, 0.16);
  }
  .comLink03 img {
    width: 11px;
  }
  .comLink03 button img {
    margin-top: 0;
  }
}
/*------------------------------------------------------------
	content
------------------------------------------------------------*/
.content {
  margin: 0 auto;
  max-width: 640px;
}

@media all and (max-width: 896px) {
  .content {
    max-width: inherit;
  }
}

/*------------------------------------------------------------
	common
------------------------------------------------------------*/
.headLine05 {
}

@media all and (max-width: 896px) {
}

/*------------------------------------------------------------
	index
------------------------------------------------------------*/
#login {
  /* min-height: 500px; */
}
#login #container {
  padding: 0;
  height: 100%;
  overflow: auto;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  width: 100%;
  position: fixed;
}
.flexArea {
  box-sizing: border-box;
  padding: 0 20px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  align-items: center;
  min-height: calc(100vh - 302px);
}
.comBox {
  margin: 0 auto;
  width: 413px;
}
#login #gHeader h1 {
  width: auto;
  margin: 0;
  font-size: inherit;
  text-align: center;
  font-family: 'Noto Sans JP', sans-serif;
}
#login #gHeader h1 a {
  display: inline-block;
}
#login #gHeader h1 span {
  display: block;
  font-size: 1.2rem;
  color: #EFEFEF;
  margin-top: 12px;
}
#login #main {
  margin-bottom: 0;
}
.comDl {
  margin-bottom: 92px;
}
.comDl dt {
  font-size: 1.4rem;
  color: #CECECE;
  margin: 0 5px 5px;
}
.comDl dd {
  margin-bottom: 16px;
  font-size: 1.4rem;
}
.comDl dd .txtSpan {
  display: block;
  margin: 3px 5px;
}
.comDl dd a {
  text-decoration: underline;
  font-size: 1.1rem;
  color: #EFEFEF;
}
input[type="date"],
input[type="tel"],
input[type="password"],
input[type="email"],
input[type="text"],
input[type="time"] {
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
  border-radius: 1px;
  height: 30px;
  border: 1px solid #fff;
  box-sizing: border-box;
  font-size: 1.4rem;
  padding: 0 10px;
  color: black;
  width: 100%;
  background-color: #fff;
}
input[type="date"] {
  text-align: left;
  padding: 0 2px;
  margin-right: 18px;
  width: 141px;
  vertical-align: middle;
  background-size: 9px auto;
}
select {
  padding-left: 5px;
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
  border-radius: 1px;
  height: 30px;
  border: 1px solid #fff;
  box-sizing: border-box;
  font-size: 1.4rem;
  color: black;
  width: 141px;
  background: #fff url(/assets/user-image/common/select.png) no-repeat right 3px center;
  background-size: 6px auto;
}
textarea {
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
  border-radius: 1px;
  height: 68px;
  resize: vertical;
  border: 1px solid #fff;
  box-sizing: border-box;
  font-size: 1.4rem;
  padding: 3px 5px;
  color: black;
  width: 100%;
  background-color: #fff;
}
.submit {
  margin-bottom: 10px;
  text-align: center;
}
.submit li {
  display: inline-block;
  margin: 0 5px;
}
.submit button,
.submit li input {
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
  width: 189px;
  height: 36px;
  border-radius: 2px;
  text-align: center;
  cursor: pointer;
  font-size: 1.4rem;
  color: #111111;
  border: none;
  background: linear-gradient(#efe556 0%, #a79f32 100%);
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
.submit02 {
  margin: 0 -20px;
  padding-top: 34px;
}
.submit02 li {
  margin: 0 13px;
}
.submit .retryLi button,
.submit .retryLi input {
  background: #ccc;
  box-shadow: 0px 3px 6px rgba(213, 213, 213, 0.16);
}
.comBox .txt {
  text-align: center;
}
.comBox .txt a {
  color: #EFEFEF;
}
.comBox .txt a:hover {
  opacity: 0.7;
}
#gFooter .linkP{
  margin-bottom: 15px;
  text-align: center;
}
#gFooter .linkP a {
  color: #EFEFEF;
  text-decoration: underline;
}

#login #gHeader {
  background-color: #1D1D1D;
  box-shadow: 0 3px 6px rgba(255,255,255,0.16);
}




@media all and (max-width: 896px) {
  #login #gHeader h1 span{
    display: none;
  }
  #login #gHeader h1 a > img {
    width: 36px;
  }
  #login #gHeader {
    padding: 20px 0 15px;
  }
  #login #gHeader h1 {
    display: block;
    padding: 0;
  }
  .flexArea {
    margin-bottom: 120px;
    min-height: inherit;
    padding: 76px 25px 0;
    display: block;
  }
  .flexArea h2 {
    margin-bottom: 104px;
    text-align: center;
    font-size: 1.2rem;
    color: #EFEFEF;
  }
  .comBox {
    width: auto !important;
  }
  input[type="tel"], input[type="password"], input[type="email"], input[type="text"] {
    background-color: #EFEFEF;
    height: 26px;
  }
  .comDl dd {
    margin-bottom: 11px;
  }
  .comDl {
    margin-bottom: 44px;
  }
  #gFooter .linkP {
    margin-bottom: 10px;
  }
  .submit02 a,
  .submit02 li button,
  .submit02 li input {
    width: 143px;
  }
  .submit02 {
    padding-top: 44px;
  }
  .submit02 li {
    margin: 0 4px;
  }
}

/*------------------------------------------------------------
	sign
------------------------------------------------------------*/
.signBox {
  box-sizing: border-box;
  padding: 40px 20px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  align-items: center;
  min-height: calc(100vh - 70px);
}
.signTxt {
  margin: 0 0 100px 12px;
  font-size: 1.4rem;
  line-height: 1.57;
}
.signBox .comBox .txt {
  font-size: 1.4rem;
}
.signBox .comDl {
  margin-bottom: 230px;
}

@media all and (max-width: 896px) {
  .signBox {
    display: block;
    padding: 75px 0 0;
    min-height: inherit;
  }
  .signBox .headLine04-top {
    box-shadow: 0px 3px 6px rgba(241, 241, 241, 0.16);
  }
  #main {
    margin-bottom: 0;
    padding: 0 15px 30px;
  }
  body::before {
    width: 7px;
  }
  body::after {
    width: 7px;
  }
  .subComBox {
    padding: 0 25px;
  }
  .signTxt {
    margin: 0 -2px 72px;
    line-height: 1.5;
  }
  .signBox .comDl {
    margin-bottom: 127px;
  }
  .signBox .comBox .txt {
    font-size: 1.1rem;
  }
}

/*------------------------------------------------------------
	sign02
------------------------------------------------------------*/
.signBox02 .headLine05 {
  margin-bottom: 200px;
}
.midTxt {
  margin-bottom: 70px;
  text-align: center;
  font-size: 1.4rem;
  line-height: 1.57;
}
.midTxt small {
  font-size: 1rem;
}
.signBox02 .midTxt {
  margin-bottom: 220px;
}

@media all and (max-width: 896px) {
  .signBox02 .headLine05 {
    margin-bottom: 124px;
  }
  .midTxt {
    margin-bottom: 92px;
  }
  .signBox02 .midTxt {
    margin-bottom: 125px;
    text-align: left;
    line-height: 1.5;
  }
}

/*------------------------------------------------------------
	sign04.html
------------------------------------------------------------*/
.signBox03 .midTxt {
  margin-bottom: 40px;
}
.signBox03 .comDl {
  margin-bottom: 100px;
}

@media all and (max-width: 896px) {
  .signBox03 .comDl {
    margin-bottom: 40px;
  }
}

/*------------------------------------------------------------
	sign05.html
------------------------------------------------------------*/
.signBox04 .comBox {
  width: 431px;
}
.signBox04 .midTxt {
  margin-bottom: 98px;
}
.radioUl {
  margin-bottom: 202px;
}
.radioUl li {
  margin-bottom: 17px;
}
input[type="radio"] {
  display: none;
}
input[type="radio"] + .subSpan {
  background: url(/assets/user-image/common/radio01.png) no-repeat left top 7px;
  background-size: 11px auto;
  border-radius: 0;
  display: inline-block;
  line-height: 15px;
  font-size: 1.4rem;
  padding: 4px 0 4px 15px;
}
input[type="radio"]:checked + .subSpan {
  background-image: url("/assets/user-image/common/radio03.png");
}
input[type="radio"] + .subSpan .txtSpan {
  margin-right: -10px;
  margin-top: 8px;
  display: block;
  font-size: 1.1rem;
  color: #B5B5B5;
}
input[type="radio"] + .subSpan .yellow {
  color: #C9BE24;
  font-size: 1.4rem;
}

@media all and (max-width: 896px) {
  .signBox04 .midTxt {
    margin-bottom: 54px;
  }
  .radioUl {
    margin: 0 20px 100px;
  }
  input[type="radio"] + .subSpan .txtSpan {
    margin-right: 0;
  }
}

/*------------------------------------------------------------
	sign06.html
------------------------------------------------------------*/
.signBox05 .headLine05 {
  margin-bottom: 190px;
}
.signBox05 .midTxt {
  margin-bottom: 220px;
}

@media all and (max-width: 896px) {
  .signBox05 .headLine05 {
    margin-bottom: 135px;
  }
  .signBox05 .midTxt span {
    display: inline-block;
    text-align: left;
  }
  .signBox05 .midTxt {
    margin-bottom: 153px;
  }
}

/*------------------------------------------------------------
	terms
------------------------------------------------------------*/
.terms .headLine04 {
  margin-bottom: 20px;
}
.termsBox {
  max-width: 640px;
  margin: 0 auto;
}
.termsBox p {
  margin-bottom: 18px;
  font-size: 1.2rem;
  line-height: 1.5;
}
.termsBox .txt {
  margin-bottom: 36px;
}
.terms {
  max-width: 810px;
  margin: -17px auto 0;
}

@media all and (max-width: 896px) {
  .terms {
    max-width: inherit;
    padding: 0;
  }
  .terms .headLine04 {
    margin-bottom: 29px;
    box-shadow: 0px 3px 6px rgba(241, 241, 241, 0.16);
  }
  .termsBox {
    max-width: inherit;
    padding: 35px 8px 0;
  }
}

/*------------------------------------------------------------
	store
------------------------------------------------------------*/
.storeBox {
  max-width: 640px;
  margin: 0 auto;
}
.storeBox .jsBox {
  padding: 0 80px;
  position: relative;
}
.storeBox .jsBox .prev {
  position: absolute;
  top: 50%;
  left: 52px;
  width: 18px;
  transform: translateY(-50%);
  z-index: 1;
  cursor: pointer;
}
.storeBox .jsBox .next {
  position: absolute;
  top: 50%;
  right: 52px;
  width: 18px;
  transform: translateY(-50%);
  z-index: 1;
  cursor: pointer;
}
.storeBox h2 {
  margin-bottom: 11px;
  font-size: 1.6rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.storeBox h2 .txtSpan {
  display: inline-block;
  font-size: 1.1rem;
  font-weight: normal;
  padding-left: 15px;
  background: url(/assets/user-image/common/icon02.png) no-repeat left top 2px;
  background-size: 8px auto;
}
.storeBox .fooUl {
  margin-bottom: 8px;
}
.storeBox .fooUl > li {
  display: none;
}
.comTable {
  margin-bottom: 30px;
  width: 100%;
  line-height: 1.57;
  border-collapse: collapse;
}
.comTable:last-child {
  margin-bottom: 0;
}
.comTable th {
  padding: 4px 10px;
  width: 21%;
  text-align: left;
  vertical-align: top;
  font-size: 1.2rem;
  font-weight: normal;
  background-color: #3B3B3B;
  border-bottom: 2px solid #5E5E5E;
  border-top: 2px solid #5E5E5E;
}
.comTable th small {
  font-size: 1rem;
  display: block;
}
.comTable td {
  padding: 3px 20px 3px 24px;
  font-size: 1.4rem;
  text-align: left;
  vertical-align: top;
  word-break: break-all;
  border-bottom: 2px solid #5E5E5E;
  border-top: 2px solid #5E5E5E;
}
.comTable td .txtSpan02 {
  display: block;
  font-size: 1rem;
  margin-top: 3px;
}
.storeDl {
  line-height: 1.8;
}
.storeDl dt {
  float: left;
  clear: both;
}
.storeDl dd {
  padding-left: 24px;
  box-sizing: border-box;
}
.comTable .map {
  width: 448px;
  margin: 10px 0 0;
}
.comTable .map iframe {
  width: 100%;
  height: 100%;
}
.comTable a {
  text-decoration: underline;
}
.comTable .link {
  color: #5A60FF;
}
.comTable .map a {
  font-size: 1rem;
}
.storeBox h3 {
  margin-bottom: 5px;
  font-size: 1.4rem;
}
.store .headLine04 {
  max-width: 765px;
  margin: 0 auto -10px;
}
.store {
  padding-top: 14px;
}
.slick-dots {
  text-align: center;
  position: absolute;
  bottom: 6px;
  left: 0;
  width: 100%;
}
.slick-dots li {
  cursor: pointer;
  margin: 0 1px;
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 100px;
  background-color: #CCCCCC;
}
.slick-dots li button {
  display: none;
}
.slick-dots li.slick-active {
  background-color: #fff;
}



@media all and (max-width: 896px) {
  .store {
    padding-top: 0;
  }
  .storeBox {
    max-width: inherit;
  }
  .storeBox h2 {
    margin-bottom: 7px;
    display: block;
  }
  .storeBox h2 .txtSpan {
    display: block;
    margin-top: 7px;
  }
  .slick-dots li {
    width: 4px;
    height: 4px;
  }
  .slick-dots {
    bottom: 3px;
  }
  .storeBox .fooUl {
    margin-bottom: 7px;
  }
  .storeBox .jsBox {
    padding: 0;
  }
  .storeBox .jsBox .prev {
    left: 5px;
  }
  .storeBox .jsBox .next {
    right: 5px;
  }
  .comTable tr:first-child th {
    border-top: 1px solid #5E5E5E;
  }
  .comTable tr:last-child td {
    border-bottom: 1px solid #5E5E5E;
  }
  .comTable th {
    padding: 4px 9px 5px;
    float: left;
    width: 100%;
    box-sizing: border-box;
    border: none;
    border-left: 1px solid #5E5E5E;
    border-right: 1px solid #5E5E5E;
  }
  .comTable td {
    padding: 4px 5px 9px 8px;
    float: left;
    width: 100%;
    box-sizing: border-box;
    line-height: 1.57;
    border: none;
    border-left: 1px solid #5E5E5E;
    border-right: 1px solid #5E5E5E;
  }
  .comTable .map {
    margin-top: 5px;
    width: 200px;
  }
  .comTable th small {
    display: inline-block;
  }

}

/*------------------------------------------------------------
	reserve.html
------------------------------------------------------------*/
.reserve .midTxt {
  margin: -15px 0 13px 60px;
}
.reserve h3 {
  font-weight: normal;
}
.reserve .comDl dt {
  margin: 0 0 7px;
}
.reserve .comDl dd .wid01 {
  vertical-align: middle;
  width: auto;
  min-width: 70px;
  height: 30px;
  padding-right: 5px;
  margin: -5px 0 0 5px;
  /* background: #FFFFFF url(../img/common/icon04.png) no-repeat right 7px center;
  background-size: 11px auto; */
}
.reserve .comDl dd .wid02 {
  width: 88px;
  height: 28px;
  padding: 0 5px;
}
.reserve .comDl dd .txtSpan02 {
  margin-left: 5px;
  font-size: 1.2rem;
}
.reserve .comDl {
  margin-bottom: 20px;
}
.popBox {
  max-width: 349px;
  margin: 0 auto;
  padding: 20px 20px 15px;
  color: #333333;
  box-sizing: border-box;
  background-color: white;
}
.popBox .popTtl {
  margin-bottom: 10px;
  text-align: center;
  font-size: 1.4rem;
}
.popBox .popTtl02 {
  min-height: 130px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.popDl {
  max-width: 264px;
  margin: 0 auto 30px;
  border: 1px solid #C4C4C4;
}
.popDl dt {
  padding: 5px 10px 7px;
  font-size: 1.2rem;
  color: #333;
  background-color: #DDDDDD;
}
.popDl dd {
  padding: 5px 10px 12px;
  font-size: 1.4rem;
  color: #333333;
}
.popUl {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.popUl li {
  width: 115px;
  margin: 0 7px;
}
.popUl .liStyle button,
.popUl .liStyle a {
  color: #E54040;
  border-color: #E54040;
}
.popUl li button,
.popUl li a {
  min-height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 1px;
  font-size: 1.4rem;
  color: #333333;
  box-sizing: border-box;
  border: 1px solid #666666;
}
.popUl li button {
  cursor: pointer;
  width: 100%;
  background-color: white;
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
}
.popUl li a:hover {
  opacity: 0.7;
}
.finishBox {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1005;
  min-height: 50px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #FFFFFF;
}
.finishBox p {
  font-size: 1.4rem;
  color: #333333;
}
.finishBox p a {
  color: #333333;
  text-decoration: underline;
}
.finishBox .close {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 20px;
}
.finishBox .close a {
  font-size: 1.0rem;
  color: #333333;
}
.finishBox .close a:hover {
  opacity: 0.7;
}
.popBox02 {
  max-width: 548px;
  padding-left: 46px;
  padding-right: 46px;
  padding-bottom: 30px;
}
.popBox02 .popTtl {
  margin-bottom: 45px;
}
.popBox .comTable th {
  color: #5E5E5E;
  padding-right: 4px;
  padding-top: 5px;
  width: 27%;
  background-color: #DDDDDD;
  border-color: #C4C4C4 !important;
}
.popBox .comTable td {
  padding-left: 15px;
  border-color: #C4C4C4 !important;
}
.popBox02 .comTable {
  margin-bottom: 60px;
}
.popBox02 .close {
  margin: -5px -25px 10px;
}
.popBox02 .close a {
  color: #5E5E5E;
  font-size: 1rem;
}
.popDl02 {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: space-between;
  max-width: inherit;
  border: none;
  border-top: 1px solid #C4C4C4;
}
.popDl02 dt {
  padding: 5px 5px 5px 10px;
  width: 81px;
  display: flex;
  /* align-items: center; */
  box-sizing: border-box;
  border-bottom: 1px solid #C4C4C4;
}
.popDl02 dd {
  padding: 5px 5px 5px 15px;
  display: flex;
  align-items: center;
  width: calc(100% - 81px);
  box-sizing: border-box;
  border-bottom: 1px solid #C4C4C4;
}
.mfp-close {
  display: none !important;
}




@media all and (max-width: 896px) {
  .reserve .midTxt {
    margin: -6px 0 15px;
    text-align: left;
    line-height: 1.43;
  }
  .reserve .comDl dt {
    margin-bottom: 10px;
  }
  .reserve .comDl {
    margin-bottom: 30px;
  }
  .finishBox p small {
    display: block;
    font-size: 1rem;
    margin-top: 4px;
  }
  .popBox {
    /* margin: 0 8px; */
  }
  .popBox02 {
    padding: 20px 30px;
  }
  .popBox02 .popTtl {
    margin-bottom: 18px;
  }
  .popBox .comTable th {
    width: 100%;
  }
  .popBox02 .comTable {
    margin-bottom: 30px;
  }
  .popDl02 {
    display: block;
    border: 1px solid #C4C4C4;
  }
  .popDl02 dt {
    padding-top: 7px;
    padding-bottom: 7px;
    border: none;
    width: auto;
    display: block;
  }
  .popDl02 dd {
    padding-top: 7px;
    padding-bottom: 7px;
    display: block;
    width: auto;
    border: none;
  }
  .popBox02 .close {
    margin-left: -15px;
    margin-right: -15px;
  }
  .reserve .comDl dd .wid01 {
    height: 30px;
  }
}

/*------------------------------------------------------------
	reservation_table/receipt/index.html
------------------------------------------------------------*/
.receipt .content .headLine04 {
  position: relative;
  margin-bottom: 20px;
}
.midTxt02 {
  margin-bottom: 30px;
  text-align: center;
  font-size: 1.2rem;
  line-height: 1.5;
}
.receipt .comTable th {
  width: 27.5%;
}
.comLinkUl {
  padding-top: 20px;
  display: flex;
  justify-content: center;
}
.comLinkUl li {
  margin: 0 15px;
}

@media all and (max-width: 896px) {
  .receipt .content .headLine04 {
    margin-bottom: 13px;
  }
  .midTxt02 {
    margin-bottom: 21px;
  }
  .receipt .comTable th {
    width: 100%;
  }
  .receipt .comTable .photo02 {
    width: 155px;
  }
  .comLinkUl {
    padding-top: 0px;
  }
  .comLinkUl li {
    margin: 0 5px;
  }
  .comLinkUl .comLink {
    width: 143px;
  }
}

/*------------------------------------------------------------
	points_history/exchange_application/index.html
------------------------------------------------------------*/
.points_history .headLine04 {
  margin-bottom: 14px;
}
.points_history .midTxt {
  margin-bottom: 28px;
}
.pointsBox {
  max-width: 408px;
  margin: 0 auto;
}
.points_history input[type="radio"]:checked + .subSpan {
  background-image: url("/assets/user-image/common/radio03.png");
}
.points_history .radioUl {
  margin-bottom: 14px;
}
.points_history .radioUl li {
  margin-bottom: 7px;
}
.points_history .comDl {
  margin-bottom: 22px;
}
.points_history .rightTxt {
  text-align: right;
  font-size: 1rem;
}
.points_history .comTable th {
  width: 35%;
}
.points_history .comTable td {
  text-align: right;
}
.points_history .comLinkUl {
  padding-top: 0;
}
@media all and (max-width: 896px) {
  .pointsBox {
    max-width: inherit;
  }
  .points_history .midTxt {
    margin-bottom: 32px;
  }
  .points_history .radioUl {
    margin: 0 0 15px;
  }
  .points_history input[type="text"] {
    height: 30px;
  }
  .points_history .rightTxt {
    margin: 0 5px 4px 0;
  }
  .points_history .comTable th {
    padding-bottom: 3px;
    float: none;
    border: 1px solid #5E5E5E;
    border-left: none;
    border-right: none;
    width: 42%;
  }
  .points_history .comTable td {
    padding-bottom: 3px;
    padding-right: 23px;
    float: none;
    width: auto;
    border: 1px solid #5E5E5E;
    border-left: none;
    border-right: none;
  }
}

/*------------------------------------------------------------
	account
------------------------------------------------------------*/
.account .content {
  max-width: 427px;
}
.account .headLine04 {
  margin-bottom: 15px;
}
.account h3 {
  margin-bottom: 9px;
  padding-left: 5px;
  font-size: 1.6rem;
  line-height: 1.1;
  display: flex;
  justify-content: space-between;
  border-left: 1px solid #C9BE24;
}
.account .comTable th {
  width: 31.5%;
  vertical-align: middle;
}
.account .comTable td {
  padding-right: 5px;
  vertical-align: middle;
}
.account .comTable td a {
  font-size: 1rem;
  font-weight: 300;
}
.account .comTable td .txtSpan {
  display: block;
  font-size: 1.1rem;
}

@media all and (max-width: 896px) {
  .logoLink {
    margin: 2px 0 0 5px;
    padding-left: 0 !important;
    background: none !important;
  }
  .account {
    padding-top: 6px;
  }
  .account h3 .comLink03 {
    margin-top: -5px;
    width: 74px;
  }
  .account .comTable th {
    width: 100%;
  }
  .account .comTable {
    margin-bottom: 15px;
  }
  .account .content {
    max-width: inherit;
  }
}

/*------------------------------------------------------------
	account/changing_profile/index.html
------------------------------------------------------------*/
.profile {
  max-width: 410px;
  margin: 0 auto;
  padding-top: 133px;
}
.proflieUl {
  padding-bottom: 3px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.proflieUl li {
  width: 49%;
}
.proflieUl .comDl {
  margin-bottom: 0;
}
.profile input[type="tel"] {
  width: 200px;
}

@media all and (max-width: 896px) {
  .profile {
    max-width: inherit;
    padding: 68px 24px 0;
  }
  .proflieUl {
    padding-bottom: 0;
    display: block;
  }
  .proflieUl li {
    width: auto;
  }
  .profile input[type="tel"] {
    width: 100%;
  }
}


/*------------------------------------------------------------
	account/changing_password/index.html
------------------------------------------------------------*/
.changing_password .headLine04 {
  margin-bottom: 76px;
}
.changing_password_box {
  max-width: 413px;
  margin: 0 auto;
}

@media all and (max-width: 896px) {
  .changing_password {
    padding-top: 37px;
  }
  .changing_password .midTxt {
    margin-bottom: 24px;
  }
  .changing_password_box {
    max-width: inherit;
    margin: 0 24px;
  }
  .changing_password .comDl{
    margin-bottom: 168px;
  }
}

/*------------------------------------------------------------
	account_no-plan/reproduction_plan/index.html
------------------------------------------------------------*/
.reproduction_plan .headLine04 {
  margin-bottom: 86px;
}
.reproduction_plan .midTxt {
  margin-bottom: 100px;
}
.reproduction_plan .radioUl {
  margin: 0 0 170px 105px;
}

@media all and (max-width: 896px) {
  .reproduction_plan .radioUl {
    margin-left: 45px;
    margin-right: 45px;
  }
  .reproduction_plan .headLine04 {
    margin-bottom: 16px;
  }
  .reproduction_plan .midTxt {
    margin-bottom: 65px;
  }
}

/*------------------------------------------------------------
	reservation_table/receipt/index.html
------------------------------------------------------------*/
.reservation_table .content {
  max-width: 927px;
}
.reservationBox {
  margin-top: -5px;
}
.reservationBox .icoBox {
  margin-bottom: 5px;
  display: flex;
  justify-content: flex-end;
}
.reservationBox .icoBox .next {
  margin-left: 5px;
}
.reservationBox .icoBox div:hover {
  opacity: 0.7;
}
.reservationBox .list {
  max-width: 890px;
  margin: 0 auto 8px;
  display: flex;
}
.reservationBox .list li {
  box-sizing: border-box;
}
.reservationBox .list .li01 {
  width: 16%;
  padding-left: 11px;
}
.reservationBox .list .li02 {
  width: 40%;
}
.reservationBox .list .li03 {
  width: 8%;
}
.reservationBox .list .li04 {
  width: 10%;
  padding-left: 10px;
}
.reservationBox .list .li05 {
  width: 16%;
  padding-left: 20px;
}
.reservationBox .list .li06 {
  width: 10%;
  padding-left: 25px;
}
.reservationBox .tableBox {
  margin-right: 10px;
  padding: 0 20px;
  background-color: #3B3B3B;
}
.reservationBox table {
  width: 100%;
  border-collapse: collapse;
}
.reservationBox table td {
  text-align: left;
  padding: 4px 0;
  border-bottom: 1px solid #707070;
  border-top: 1px solid #707070;
  vertical-align: middle;
  color: #F8F8F8;
  font-size: 1.4rem;
}
.reservationBox table tr:first-child td {
  border-top: none;
}
.reservationBox table td img {
  vertical-align: middle;
  margin-right: 5px;
}
.reservationBox table td .txtSpan {
  margin-left: 5px;
}
.reservationBox table td a {
  color: #F8F8F8;
  text-decoration: underline;
}
.reservationBox table td .link {
  width: 48px;
  min-height: 23px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 1px;
  background-color: white;
  font-size: 1.1rem;
  color: #666666;
  text-decoration: none;
}
.reservationBox table td .sub {
  padding-left: 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.reservationBox table .wid01 {
  width: 16%;
}
.reservationBox table .wid02 {
  width: 40%;
}
.reservationBox table .wid03 {
  width: 9%;
}
.reservationBox table .wid04 {
  width: 9%;
}
.reservationBox table .wid05 {
  width: 17%;
}
.reservationBox table .wid06 {
  width: 9%;
}
.reservationBox table td:first-child {
  padding-left: 10px;
}
.reservationBox table td:last-child {
  padding-left: 20px;
}
.reservation_table .spTr {
  display: none;
}


@media all and (max-width: 896px) {
  .reservationBox {
    margin: 0;
    padding-top: 3px;
  }
  .spBox {
    overflow-x: scroll;
  }
  .spBox .subSpBox {
    width: 100%;
    min-width: 927px;
  }
  .reservation_table02 .reservationBox .list {
    display: none;
  }
  .reservation_table02 .reservationBox .tableBox {
    background-color: transparent;
    padding: 0 11px;
  }
  .reservation_table02 table,
  .reservation_table02 tbody {
    display: block;
  }
  .reservation_table02 table tr {
    margin-bottom: 30px;
    display: flex;
    flex-wrap: wrap;
    border: 1px solid #5E5E5E;
  }
  .reservation_table02 .reservationBox table td {
    width: 50%;
    min-height: 20px;
    box-sizing: border-box;
    padding: 2px 15px 3px;
    line-height: 1.57;
    border: none;
  }
  .reservation_table02 .reservationBox table .td01,
  .reservation_table02 .reservationBox table .td02 {
    width: 100%;
  }
  .reservation_table02 .reservationBox table .td02 {
    padding-top: 0;
  }
  .reservation_table02 .reservationBox table td .sub {
    padding-left: 0;
    justify-content: flex-start;
  }
  .reservation_table02 .reservationBox table td::before {
    margin: 5px -15px 5px;
    padding: 6px 15px 5px;
    display: block;
    background: #3B3B3B;
    font-size: 1.2rem;
    color: #CECECE;
  }
  .reservation_table02 .reservationBox table td .link {
    margin-left: 5px;
  }
  .reservation_table02 .reservationBox table .td01::after {
    margin-left: 5px;
    display: inline-block;
    content: '予約';
  }
  .reservation_table02 .reservationBox table .td03::before {
    content: '支払金額';
  }
  .reservation_table02 .reservationBox table .td04::before {
    content: '還元ポイント';
  }
  .reservation_table02 .reservationBox table .td05::before {
    content: '利用内容確認承認';
  }
  .reservation_table02 .reservationBox table .td06::before {
    content: '予約詳細';
  }
  .reservation_table02 .reservationBox table .td03 {
    order: 5;
  }
  .reservation_table02 .reservationBox table .td04 {
    order: 6;
  }
  .reservation_table02 .reservationBox table .td05 {
    order: 3;
  }
  .reservation_table02 .reservationBox table .td06 {
    order: 4;
  }
  .reservation_table02 .reservationBox table td:first-child {
    border-top: 1px solid #707070;
  }
  .reservation_table02 .reservationBox table td:last-child {
    border-bottom: none;
  }
  .reservation_table02 .reservationBox table tr:first-child .td06 {
    width: 50%;
    border: none;
  }
  .reservationBox .icoBox {
    margin-right: 10px;
  }

}

/*------------------------------------------------------------
	index
------------------------------------------------------------*/
.points_history_page .content {
  max-width: 845px;
}
.points_history_page .reservationBox {
  margin-top: 10px;
}
.points_history_page .reservationBox .list .li01 {
  width: 9.5%;
}
.points_history_page .reservationBox .list .li02 {
  width: 15.5%;
  padding-left: 17px;
}
.points_history_page .reservationBox .list .li03 {
  width: 14%;
  padding-left: 14px;
}
.points_history_page .reservationBox .list .li04 {
  width: 46.5%;
  padding-left: 15px;
}
.points_history_page .reservationBox .list .li05 {
  width: 14.5%;
  padding-left: 18px;
  display: flex;
  justify-content: space-between;
}
.points_history_page .reservationBox .list .li05 .txtSpan {
  margin-right: -15px;
}
.points_history_page .reservationBox .list {
  max-width: 811px;
}
.points_history_page .reservationBox .icoBox {
  margin-bottom: 3px;
}
.points_history_page table  {
  margin-bottom: 30px;
}
.points_history_page table td {
  padding: 6px 5px 6px;
}
.points_history_page table td:first-child {
  padding-left: 7px;
}
.points_history_page table .wid01 {
  width: 9.5%;
}
.points_history_page table .wid02 {
  width: 15.5%;
}
.points_history_page table .wid03 {
  width: 15%;
}
.points_history_page table .wid04 {
  width: 46.5%;
}
.points_history_page table .wid05 {
  width: 13.5%;
}
.points_history_page table td small {
  font-size: 1rem;
  margin-left: 3px;
}


@media all and (max-width: 896px) {
  .points_history_page .reservationBox .icoBox {
    margin-right: 0;
  }
  .points_history_page .reservationBox {
    margin-top: 0;
  }
  .points_history_page .reservationBox .list {
    max-width: inherit;
    padding: 0 0 0 20px;
  }
  .points_history_page .spBox {
    margin-right: -10px;
  }
  .points_history_page .spBox .subSpBox {
    min-width: 845px;
  }
  .points_history_page table {
    margin-bottom: 15px;
  }
  .points_history_page .comLink {
    width: 143px;
  }
  .points_history_page .reservationBox .list .li01 {
    padding-left: 7px;
  }
  .points_history_page .reservationBox .list .li02 {
    padding-left: 14px;
  }
  .points_history_page .reservationBox .list .li03 {
    padding-left: 10px;
  }
  .points_history_page .reservationBox .list .li04 {
    padding-left: 5px;
  }
  .points_history_page .reservationBox .list .li05 {
    padding-left: 15px;
  }
  .points_history_page .reservationBox .list .li05 .txtSpan {
    margin-right: 20px;
  }
  .points_history_page table td:last-child {
    padding-left: 32px;
  }
  .submit .comLink {
    width: auto;
  }
}






@media all and (min-width: 897px) {
  .popUl li button:hover {
    opacity: 0.7;
  }
  .reservationBox table td .link:hover {
    text-decoration: none;
    opacity: 0.7;
  }
  .reservationBox table td a:hover {
    text-decoration: none;
  }
  .finishBox p a:hover {
    text-decoration: none;
  }
  .comTable a:hover {
    text-decoration: none;
  }
  #login #gHeader {
    position: relative;
    padding: 95px 0 20px;
    box-shadow: none;
    background-color: transparent;
  }
  #gFooter .linkP a:hover {
    text-decoration: none;
  }
  .submit li button:hover,
  .submit li input:hover {
    opacity: 0.7;
  }
  .comDl dd a:hover {
    text-decoration: none;
  }
  .receipt .headLine04 a {
    left: -55px;
  }
  .points_history .headLine04 a {
    left: -55px;
  }
  .changing_profile .headLine04 a {
    left: -55px;
  }
  .changing_password .headLine04 a {
    left: -55px;
  }
  .reproduction_plan .headLine04 a {
    left: -55px;
  }
  .storeBox .jsBox .slick-arrow:hover {
    opacity: .7;
  }
}

@media all and (max-width: 374px) {
  input[type="date"] {
    margin-right: 10px;
    width: 135px;
  }
  .submit02 a,
  .submit02 li button,
  .submit02 li input {
    width: 125px;
  }
  .reservationBox table td {
    font-size: 1.2rem;
  }
  .reservation_table .reservationBox table td .sub {
    margin-right: -20px;
  }
  .radioUl {
    margin-left: 0;
    margin-right: 0;
  }
  .subComBox {
    padding-left: 15px;
    padding-right: 15px;
  }
  .popUl li {
    width: 110px;
  }
}


/* @media all and (max-height: 400px) {
	#login #container {
		display: block;
		position: relative;
	}
} */