@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 27%, rgba(227, 244, 244, 0) 47%, 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 {
    -webkit-align-items: center;
    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 37%, 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 {
    -webkit-align-items: center;
    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 */