@charset "UTF-8";
/* 各ページごとの設定 */
/*
@mixin pc_top_gradient{
	background-image: -webkit-linear-gradient( 0deg, rgba($top_bgcolor, 0.3),rgba($top_bgcolor, 0.3)), url(../images/top/mainv_bg.jpg);
	background-image: -ms-linear-gradient( 0deg, rgba($top_bgcolor, 0.3),rgba($top_bgcolor, 0.3)), url(../images/top/mainv_bg.jpg);
	background-size: auto auto, cover;
	background-position: left top, center, center;
}
@mixin sp_top_gradient{
	background-image: -webkit-linear-gradient( 0deg, rgba($top_bgcolor, 0.3),rgba($top_bgcolor, 0.3)), url(../images/top/mainv_bg.jpg);
	background-image: -ms-linear-gradient( 0deg, rgba($top_bgcolor, 0.3),rgba($top_bgcolor, 0.3)), url(../images/top/mainv_bg.jpg);
	background-size: auto auto, auto 100%;
	background-position: left top, center, center;
}
*/
/*------------------------------------------
共通
-------------------------------------------*/
/*PC
-----------------------------------------------------------------------------*/
@media print, screen and (min-width: 751px) {
  #mainv {
    background: #E3F4F4;
  }
  #mainv .inner {
    background-image: linear-gradient(90deg, #E3F4F4, #E3F4F4 35%, rgba(227, 244, 244, 0) 55%, rgba(227, 244, 244, 0) 88%, #E3F4F4), url(../images/reserve/mainv_bg.jpg);
    background-position: left top, right bottom;
  }
  #mainv .inner .catch span {
    color: #DB263B;
  }
  #contents #formArea table tr .dateArea input {
    margin: 0 10px 0 0;
  }
  #contents #formArea table tr .nameArea .fb {
    align-items: center;
  }
  #contents #formArea table tr .nameArea p {
    width: 2em;
    margin: 0 10px 0 0;
  }
  #contents #formArea table tr .nameArea input {
    margin: 0 20px 0 0;
  }
  #contents #formArea table tr .genderArea label {
    margin: 0 20px 0 0;
  }
  #contents #formArea table tr .ageArea input {
    margin: 0 10px 0 0;
  }
  #contents #formArea table tr .addressArea span {
    width: 6em;
    display: inline-block;
    margin: 0 10px 0 0;
  }
  #contents #formArea table tr .addressArea .city {
    width: 340px;
  }
  #contents #formArea table tr .addressArea .street {
    width: 340px;
  }
  #contents #formArea table tr .mailArea input[type=text] {
    width: 300px;
  }
  /*--------------------------endPC--------------------------------*/
}
/*SP
-----------------------------------------------------------------------------*/
@media screen and (max-width: 750px) {
  #mainv {
    background: #E3F4F4;
  }
  #mainv .inner {
    background-image: linear-gradient(180deg, #E3F4F4, #E3F4F4 33%, rgba(227, 244, 244, 0) 50%, rgba(227, 244, 244, 0)), url(../images/reserve/mainv_bg.jpg);
    background-size: auto auto, 100% auto;
    background-position: left top, right bottom;
  }
  #mainv .inner .catch span {
    color: #DB263B;
  }
  #contents #formArea table tr .dateArea input {
    margin: 10px 0 0;
  }
  #contents #formArea table tr .dateArea .selectArea {
    margin: 10px 0 0;
  }
  #contents #formArea table tr .nameArea .fb {
    align-items: center;
  }
  #contents #formArea table tr .nameArea p {
    text-align: right;
    width: 2em;
    margin: 0 10px 0 0;
  }
  #contents #formArea table tr .nameArea input {
    width: 50% !important;
  }
  #contents #formArea table tr .nameArea input:nth-child(2) {
    margin: 0 20px 0 0;
  }
  #contents #formArea table tr .genderArea label {
    margin: 0 20px 0 0;
  }
  #contents #formArea table tr .ageArea input {
    width: 100px !important;
    margin: 0 5px 0 0;
  }
  #contents #formArea table tr .addressArea span {
    display: block;
    margin: 0 0 5px;
  }
  /*--------------------------endSP--------------------------------*/
}
/*# sourceMappingURL=reserve.css.map */