/* ==============================
- less setting
============================== */
.font-icon {
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.far {
  font-weight: 400;
}
.fas {
  font-weight: 900;
}
.box-sizing {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.float-clear {
  clear: both;
  content: '';
  display: block;
}
.translateY50 {
  top: 50%;
  -o-transform: translateY(-50%);
     transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.translateYX50 {
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
   -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
}
/* flex関連
---------------------*/
.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.flex-direction_column {
  -webkit-box-direction: vertical;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.justify-content_space-between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.align-items_center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.align-items_baseline {
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  -webkit-align-items: baseline;
          align-items: baseline;
}
.align-self_center {
  -ms-flex-item-align: center;
  -webkit-align-self: center;
  align-self: center;
}
.align-self_flex-end {
  -ms-flex-item-align: end;
  -webkit-align-self: flex-end;
  align-self: flex-end;
}
/* color
---------------------*/
.white_btn {
  border: 1px solid #CCC;
  background-image: -webkit-gradient(linear, left bottom, left top, from(#E6E6E6), to(white));
  background-image: -webkit-linear-gradient(bottom, #E6E6E6 0%, white 100%);
  background-image: -o-linear-gradient(bottom, #E6E6E6 0%, white 100%);
  background-image: linear-gradient(to top, #E6E6E6 0%, white 100%);
}
.TourBasic {
  border: 1px solid #CCC;
  padding: 10px;
  margin: 0 0 30px;
}
.TourBasic .Period {
  display: inline-block;
  color: #FFF;
  background: #65CC4C;
  font-weight: bold;
  padding: 3px 10px;
  margin: 0 0 3px;
}
@media screen and (max-width: 768px) {
  .TourBasic h1 {
    font-size: 16px;
    padding: 0 0 5px;
  }
}
@media screen and (min-width: 769px) {
  .TourBasic h1 {
    font-size: 22px;
  }
}
.TourBasic .Info {
  border-top: 1px solid #CCC;
  padding: 10px 0 0;
}
@media screen and (max-width: 768px) {
  .TourBasic dl {
    padding: 5px 0 0;
  }
}
@media screen and (min-width: 769px) {
  .TourBasic dl {
    display: inline-block;
    padding: 0 0 0 30px;
  }
}
@media screen and (max-width: 768px) {
  .TourBasic dl:first-of-type {
    padding-top: 0;
  }
}
@media screen and (min-width: 769px) {
  .TourBasic dl:first-of-type {
    padding-left: 0;
  }
}
.TourBasic dt,
.TourBasic dd {
  display: inline-block;
}
.TourBasic dt {
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .AppInfo {
    padding: 0 0 30px;
  }
}
@media screen and (min-width: 769px) {
  .AppInfo {
    padding: 0 0 40px;
  }
}
.AppInfo table {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .AppInfo tr {
    display: block;
    border-bottom: 1px solid #CCC;
  }
}
.AppInfo th,
.AppInfo td {
  padding: 10px;
}
@media screen and (max-width: 768px) {
  .AppInfo th,
  .AppInfo td {
    display: block;
  }
}
@media screen and (min-width: 769px) {
  .AppInfo th,
  .AppInfo td {
    border-bottom: 1px solid #CCC;
  }
}
.AppInfo th {
  text-align: left;
}
@media screen and (max-width: 768px) {
  .AppInfo th {
    padding-bottom: 0;
  }
}
@media screen and (min-width: 769px) {
  .AppInfo th {
    width: 16%;
  }
}
@media screen and (min-width: 769px) {
  .AppInfo td {
    width: 84%;
  }
}
.AppInfo dl,
.AppInfo dt,
.AppInfo dd {
  display: inline-block;
}
.AppInfo dl {
  padding: 0 20px 0 0;
}
.AppInfo dl:last-of-type {
  padding-right: 0;
}
.AppInfo .RoomType .Unit {
  padding: 0 0 10px;
}
.AppInfo .RoomType .Unit:last-of-type {
  padding-bottom: 0;
}
.AppInfo .RoomType .Type {
  padding: 0 0 5px;
}
@media screen and (max-width: 768px) {
  .AppInfo .RoomType .Type {
    width: 100%;
  }
}
@media screen and (min-width: 769px) {
  .AppInfo .RoomType .Type {
    display: inline-block;
    padding: 0 15px 0 0;
  }
}
@media screen and (max-width: 768px) {
  .AppInfo .RoomType .Count {
    padding: 0 0 0 10px;
  }
}
@media screen and (min-width: 769px) {
  .AppInfo .RoomType .Count {
    display: inline-block;
  }
}
.AppInfo .Transit .Unit {
  padding: 0 0 10px;
}
.AppInfo .Transit .Unit:last-of-type {
  padding-bottom: 0;
}
.AppInfo .Transit dl {
  width: 100%;
}
.AppInfo .Transit dt {
  vertical-align: top;
}
@media screen and (max-width: 768px) {
  .AppInfo .Transit dt {
    width: 30px;
  }
}
@media screen and (min-width: 769px) {
  .AppInfo .Transit dt {
    width: 40px;
  }
}
@media screen and (max-width: 768px) {
  .AppInfo .Transit dd {
    width: -webkit-calc(100% - 38px);
    width: calc(100% - 38px);
  }
}
@media screen and (min-width: 769px) {
  .AppInfo .Transit dd {
    width: -webkit-calc(100% - 48px);
    width: calc(100% - 48px);
  }
}
@media screen and (max-width: 768px) {
  .AppInfo .Transit .Bin {
    padding: 0 0 3px;
  }
}
@media screen and (min-width: 769px) {
  .AppInfo .Transit .DepArr .Dep,
  .AppInfo .Transit .DepArr .Slash,
  .AppInfo .Transit .DepArr .Arr {
    display: inline-block;
  }
}
@media screen and (max-width: 768px) {
  .AppInfo .Transit .DepArr .Slash {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .AppInfo .Transit .DepArr .Slash {
    padding: 0 5px;
  }
}
.AppInfo .Transit .DepArr .Item,
.AppInfo .Transit .DepArr .Name {
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .AppInfo .Transit .DepArr .Item {
    width: 52px;
    vertical-align: top;
  }
}
@media screen and (min-width: 769px) {
  .AppInfo .Transit .DepArr .Item {
    width: 50px;
  }
}
@media screen and (max-width: 768px) {
  .AppInfo .Transit .DepArr .Name {
    width: -webkit-calc(100% - 60px);
    width: calc(100% - 60px);
  }
}
.AppInfo .Transit .MtgPlace p {
  display: inline-block;
}
.AppInfo .Transit .MtgPlace .Item {
  vertical-align: top;
}
@media screen and (max-width: 768px) {
  .AppInfo .Transit .MtgPlace .Item {
    width: 52px;
  }
}
@media screen and (min-width: 769px) {
  .AppInfo .Transit .MtgPlace .Item {
    width: 62px;
  }
}
.AppInfo .Transit .MtgPlace .PlaceGroup {
  display: inline-block;
  width: -webkit-calc(100% - 70px);
  width: calc(100% - 70px);
}
.AppInfo .Transit .MtgPlace .PlaceGroup p:after {
  content: "、";
}
.AppInfo .Transit .MtgPlace .PlaceGroup p:last-of-type:after {
  display: none;
}
.AppInfo .Allocation .Unit {
  padding: 0 0 10px;
}
.AppInfo .Allocation .Unit:last-of-type {
  padding-bottom: 0;
}
.AppInfo .Allocation dl {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .AppInfo .Allocation dt {
    display: block;
    padding: 0 0 3px;
  }
}
@media screen and (min-width: 769px) {
  .AppInfo .Allocation dt {
    padding: 0 10px 0 0;
    vertical-align: top;
  }
}
@media screen and (max-width: 768px) {
  .AppInfo .Allocation dd {
    display: block;
    padding: 0 0 0 10px;
  }
}
@media screen and (min-width: 769px) {
  .AppInfo .Allocation .Dep,
  .AppInfo .Allocation .Slash,
  .AppInfo .Allocation .Arr {
    display: inline-block;
  }
}
@media screen and (max-width: 768px) {
  .AppInfo .Allocation .Slash {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .AppInfo .Allocation .Slash {
    padding: 0 5px;
  }
}
@media screen and (max-width: 768px) {
  .AppInfo .Allocation .Item {
    display: inline-block;
    width: 54px;
    vertical-align: top;
  }
}
@media screen and (min-width: 769px) {
  .AppInfo .Allocation .Item {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .AppInfo .Allocation .Name {
    display: inline-block;
    width: -webkit-calc(100% - 62px);
    width: calc(100% - 62px);
  }
}
.AppInfo .Option .Unit {
  padding: 0 0 10px;
}
.AppInfo .Option .Unit:last-of-type {
  padding-bottom: 0;
}
.AppInfo .Option .Date {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .AppInfo .Option .Date {
    padding: 0 0 3px;
  }
}
@media screen and (max-width: 768px) {
  .AppInfo .Option .Name {
    padding: 0 0 3px 10px;
  }
}
@media screen and (min-width: 769px) {
  .AppInfo .Option .Name {
    display: inline-block;
    padding: 0 15px 0 10px;
  }
}
@media screen and (max-width: 768px) {
  .AppInfo .Option .Count {
    padding: 0 0 0 10px;
  }
}
@media screen and (min-width: 769px) {
  .AppInfo .Option .Count {
    display: inline-block;
  }
}
.AppInfo .Rental .Unit {
  padding: 0 0 10px;
}
.AppInfo .Rental .Unit:last-of-type {
  padding-bottom: 0;
}
.AppInfo .Rental .Date {
  padding: 0 0 10px;
}
.AppInfo .Rental .RentalName {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .AppInfo .Rental .RentalName {
    padding: 0 0 3px;
  }
}
.AppInfo .Rental .Each {
  padding: 0 0 0 10px;
}
@media screen and (max-width: 768px) {
  .AppInfo .Rental .Each .Alloc {
    padding: 0 0 5px;
  }
}
@media screen and (max-width: 768px) {
  .AppInfo .Rental .Each .Alloc:last-of-type {
    padding-bottom: 0;
  }
}
.AppInfo .Rental .Each .Name,
.AppInfo .Rental .Each .Sex {
  display: inline-block;
  padding: 0 10px 0 0;
}
@media screen and (min-width: 769px) {
  .AppInfo .Rental .Each ul {
    display: inline-block;
  }
}
.AppInfo .Rental .Each li {
  display: inline-block;
  padding: 0 10px 0 0;
}
.AppInfo .Rental .Each li:last-of-type {
  padding-right: 0;
}
.AppInfo .Hotel dl {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .AppInfo .Hotel dl {
    padding-right: 0;
  }
}
@media screen and (max-width: 768px) {
  .AppInfo .Hotel dt {
    width: 40px;
    vertical-align: top;
  }
}
@media screen and (min-width: 769px) {
  .AppInfo .Hotel dt {
    padding: 0 10px 0 0;
  }
}
@media screen and (max-width: 768px) {
  .AppInfo .Hotel dd {
    width: -webkit-calc(100% - 48px);
    width: calc(100% - 48px);
  }
}
@media screen and (max-width: 768px) {
  .EntryBox {
    padding: 0 0 30px;
  }
}
@media screen and (min-width: 769px) {
  .EntryBox {
    padding: 0 0 40px;
  }
}
.EntryBox .RaseInput {
  padding: 0 0 40px;
}
.EntryBox .RaseInput:last-of-type {
  padding-bottom: 0;
}
.EntryBox .RaseInput .SubTitle {
  font-size: 16px;
  padding: 0 10px;
  font-weight: bold;
}
.EntryBox .RaseInput table {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .EntryBox .RaseInput tr {
    display: block;
    border-bottom: 1px solid #CCC;
  }
}
.EntryBox .RaseInput th,
.EntryBox .RaseInput td {
  padding: 10px;
}
@media screen and (max-width: 768px) {
  .EntryBox .RaseInput th,
  .EntryBox .RaseInput td {
    display: block;
  }
}
@media screen and (min-width: 769px) {
  .EntryBox .RaseInput th,
  .EntryBox .RaseInput td {
    border-bottom: 1px solid #CCC;
  }
}
.EntryBox .RaseInput th {
  font-weight: normal;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .EntryBox .RaseInput th {
    padding-bottom: 0;
    font-weight: bold;
  }
}
@media screen and (min-width: 769px) {
  .EntryBox .RaseInput th {
    width: 24%;
  }
}
.EntryBox .RaseInput th .Required {
  display: inline-block;
  color: #D94545;
  padding: 0 0 0 10px;
}
@media screen and (min-width: 769px) {
  .EntryBox .RaseInput td {
    width: 76%;
  }
}
@media screen and (max-width: 768px) {
  .EntryBox .RaseInput .Name input[type="text"],
  .EntryBox .RaseInput .Kana input[type="text"] {
    margin-top: 5px;
  }
}
@media screen and (min-width: 769px) {
  .EntryBox .RaseInput .Name input[type="text"],
  .EntryBox .RaseInput .Kana input[type="text"] {
    display: inline-block;
    width: 30%;
  }
}
@media screen and (max-width: 768px) {
  .EntryBox .RaseInput .Name input[type="text"]:first-of-type,
  .EntryBox .RaseInput .Kana input[type="text"]:first-of-type {
    margin-top: 0;
  }
}
.EntryBox .RaseInput .Birthday .SelectBox {
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .EntryBox .RaseInput .Birthday .SelectBox {
    width: 100px;
  }
}
@media screen and (min-width: 769px) {
  .EntryBox .RaseInput .Birthday .SelectBox {
    width: 120px;
  }
}
@media screen and (max-width: 768px) {
  .EntryBox .RaseInput .Birthday .CheckBox {
    display: block;
    padding: 10px 0 0;
  }
}
@media screen and (min-width: 769px) {
  .EntryBox .RaseInput .Birthday .CheckBox {
    padding: 0 0 0 20px;
  }
}
@media screen and (max-width: 768px) {
  .EntryBox .RaseInput .Post input[type="tel"] {
    width: 74px;
  }
}
@media screen and (min-width: 769px) {
  .EntryBox .RaseInput .Post input[type="tel"] {
    width: 100px;
  }
}
.EntryBox .RaseInput .Post .PostBtn {
  display: inline-block;
  padding: 5px 10px;
  margin: 0 0 0 10px;
  cursor: pointer;
  border: 1px solid #CCC;
  background-image: -webkit-gradient(linear, left bottom, left top, from(#E6E6E6), to(white));
  background-image: -webkit-linear-gradient(bottom, #E6E6E6 0%, white 100%);
  background-image: -o-linear-gradient(bottom, #E6E6E6 0%, white 100%);
  background-image: linear-gradient(to top, #E6E6E6 0%, white 100%);
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
@media screen and (max-width: 768px) {
  .EntryBox .RaseInput .Tel input[type="tel"] {
    width: 94px;
  }
}
@media screen and (min-width: 769px) {
  .EntryBox .RaseInput .Tel input[type="tel"] {
    width: 100px;
  }
}
.EntryBox .RaseInput .Address input[type="text"] {
  margin-top: 5px;
}
@media screen and (max-width: 768px) {
  .EntryBox .RaseInput .Address input[type="text"] {
    width: 100%;
  }
}
@media screen and (min-width: 769px) {
  .EntryBox .RaseInput .Address input[type="text"] {
    width: 80%;
  }
}
.EntryBox .RaseInput .Address input[type="text"]:first-of-type {
  margin-top: 0;
}
.EntryBox .RaseInput .TelSelect p {
  padding-top: 10px;
}
.EntryBox .RaseInput .MailSelect + .Mail {
  display: none;
}
.EntryBox .RaseInput .MailSelect + .Mail + .Mail {
  display: none;
}
.EntryBox .RaseInput .Mail input[type="mail"] {
  margin-top: 5px;
}
@media screen and (max-width: 768px) {
  .EntryBox .RaseInput .Mail input[type="mail"] {
    width: 100%;
  }
}
@media screen and (min-width: 769px) {
  .EntryBox .RaseInput .Mail input[type="mail"] {
    width: 80%;
  }
}
.EntryBox .RaseInput .Mail input[type="mail"]:first-of-type {
  margin-top: 0;
}
@media screen and (min-width: 769px) {
  .EntryBox .RaseInput .Insurance .SelectBox {
    display: inline-block;
    min-width: 200px;
  }
}
.EntryBox .RaseInput .Insurance .InsLink {
  color: #2F67BD;
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .EntryBox .RaseInput .Insurance .InsLink {
    margin: 10px 0 0;
  }
}
@media screen and (min-width: 769px) {
  .EntryBox .RaseInput .Insurance .InsLink {
    display: inline-block;
    margin: 0 0 0 5px;
  }
}
.EntryBox .RaseInput .RadioBox {
  padding: 0 20px 0 0;
}
.EntryBox .RaseInput .RadioBox label:before {
  padding: 0 5px 0 0;
}
.EntryBox .RaseInput .Txt:first-of-type {
  padding: 10px 0 0;
}
.EntryBox .RaseInput .Error {
  color: #D94545;
  font-weight: bold;
}
.EntryBox .RaseInput .Error:first-of-type {
  padding: 10px 0 0;
}
.EntryBox.Member .Representative .Tel {
  display: none;
}
.EntryBox.Member .Representative .Tel.Open {
  display: table-row;
}
.EntryBox.NoMember .RaseInput .Tel {
  display: none;
}
.EntryBox.NoMember .RaseInput .Tel.Open {
  display: table-row;
}
@media screen and (max-width: 768px) {
  .Payment {
    padding: 0 0 30px;
  }
}
@media screen and (min-width: 769px) {
  .Payment {
    padding: 0 0 40px;
  }
}
.Payment table {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .Payment tr {
    display: block;
    border-bottom: 1px solid #CCC;
  }
}
.Payment th,
.Payment td {
  padding: 10px;
}
@media screen and (max-width: 768px) {
  .Payment th,
  .Payment td {
    display: block;
  }
}
@media screen and (min-width: 769px) {
  .Payment th,
  .Payment td {
    border-bottom: 1px solid #CCC;
  }
}
.Payment th {
  text-align: left;
}
@media screen and (max-width: 768px) {
  .Payment th {
    padding-bottom: 0;
  }
}
@media screen and (min-width: 769px) {
  .Payment th {
    width: 24%;
    font-weight: normal;
  }
}
.Payment th .Required {
  display: inline-block;
  color: #D94545;
  padding: 0 0 0 10px;
}
@media screen and (min-width: 769px) {
  .Payment td {
    width: 76%;
  }
}
.Payment .Choose {
  display: none;
}
@media screen and (max-width: 768px) {
  .Payment .Choose.Open {
    display: block;
  }
}
@media screen and (min-width: 769px) {
  .Payment .Choose.Open {
    display: table-row;
  }
}
@media screen and (max-width: 768px) {
  .Payment .Choose img {
    max-width: 100%;
  }
}
.Payment .RadioBox {
  padding: 0 20px 0 0;
}
.Payment .RadioBox label:before {
  padding: 0 5px 0 0;
}
.Payment .Error {
  color: #D94545;
  font-weight: bold;
}
.Payment .Error:first-of-type {
  padding: 10px 0 0;
}
.GotoInfo {
  margin: 20px 0 0;
  border: 2px solid #D94545;
  padding: 10px;
}
@media screen and (min-width: 769px) {
  .GotoInfo {
    font-size: 14px;
  }
}
.GotoInfo dt {
  font-weight: bold;
  color: #D94545;
}
.GotoInfo dd {
  color: #D94545;
}
/*************************
検索一覧
*************************/
.SearchPage .Conditions {
  margin: 0 0 30px;
}
@media screen and (max-width: 768px) {
  .SearchPage .Conditions dl {
    padding: 20px 0 0;
  }
}
@media screen and (min-width: 769px) {
  .SearchPage .Conditions dl {
    display: inline-block;
    margin: 0 20px 0 0;
  }
}
@media screen and (max-width: 768px) {
  .SearchPage .Conditions dl:first-of-type {
    padding: 5px 0 0;
  }
}
.SearchPage .Conditions dt {
  padding: 0 0 3px;
}
@media screen and (max-width: 768px) {
  .SearchPage .Conditions .SelectBox {
    margin: 5px 0 0;
  }
}
@media screen and (min-width: 769px) {
  .SearchPage .Conditions .SelectBox {
    display: inline-block;
  }
}
@media screen and (max-width: 768px) {
  .SearchPage .Conditions .SelectBox:first-of-type {
    margin-top: 0;
  }
}
.SearchPage .CondInput {
  padding: 20px 0 0;
}
.SearchPage .CondInput:first-of-type {
  padding-top: 0;
}
@media screen and (max-width: 768px) {
  .SearchPage .CondInput .DepDate input[type="text"] {
    width: -webkit-calc(100% - 38px);
    width: calc(100% - 38px);
  }
}
@media screen and (max-width: 768px) {
  .SearchPage .CondInput .DepDate button {
    width: 30px;
  }
}
@media screen and (max-width: 768px) {
  .SearchPage .CondInput .Price span {
    display: inline-block;
    width: 20px;
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  .SearchPage .CondInput .Price .SelectBox {
    display: inline-block;
    width: 46%;
  }
}
.SearchPage .More {
  margin: 20px 0;
  border-top: 1px dashed #CCC;
}
.SearchPage .More .AccMore {
  width: 200px;
  margin: auto;
  text-align: center;
  padding: 10px 0 0;
  font-weight: bold;
  font-size: 16px;
  cursor: pointer;
}
@media screen and (min-width: 769px) {
  .SearchPage .More .AccMore:hover {
    opacity: 0.7;
  }
}
.SearchPage .More .AccMore:after {
  content: "\f107";
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 900;
  font-size: 20px;
  vertical-align: bottom;
  padding: 0 0 0 5px;
}
.SearchPage .More .AccMore.Open:after {
  content: "\f106";
}
.SearchPage .More .Other {
  display: none;
  padding: 10px 0 0;
}
.SearchPage .More .Other dl {
  width: 100%;
}
@media screen and (min-width: 769px) {
  .SearchPage .More .Other dl {
    margin: 0 0 20px 0;
  }
}
@media screen and (max-width: 768px) {
  .SearchPage .More .Other .CheckBox {
    padding: 0 20px 0 0;
  }
}
@media screen and (min-width: 769px) {
  .SearchPage .More .Other .CheckBox {
    padding: 0 20px 5px 0;
  }
}
.SearchPage .More .Other .CheckBox label:before {
  padding: 0 5px 0 0;
}
.SearchPage .SearchBtnBox {
  text-align: center;
}
.SearchPage .SearchBtnBox .Advance {
  display: inline-block;
  position: relative;
  width: 130px;
}
@media screen and (max-width: 768px) {
  .SearchPage .SearchBtnBox .Advance {
    margin: 0 0 10px;
  }
}
.SearchPage .SearchBtnBox .Advance:after {
  content: "\f002";
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 900;
  top: 50%;
  -o-transform: translateY(-50%);
     transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  position: absolute;
  left: 10px;
  font-size: 20px;
  color: #FFF;
  pointer-events: none;
}
.SearchPage .SearchBtnBox .Advance .SearchBtn {
  display: block;
  width: 100%;
  font-size: 16px;
  background: #65CC4C;
  border: none;
  color: #FFF;
  cursor: pointer;
  padding: 8px 10px 8px 20px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.SearchPage .Result .Mismatch {
  color: #D94545;
  font-weight: bold;
}
.SearchPage .Result .Function .ResultDis:after {
  clear: both;
  content: '';
  display: block;
}
@media screen and (min-width: 769px) {
  .SearchPage .Result .Function .ResultDis .AllPart {
    float: left;
  }
}
.SearchPage .Result .Function .ResultDis .AllPart p {
  display: inline-block;
}
.SearchPage .Result .Function .ResultDis .AllPart .All {
  padding: 0 10px 0 0;
}
.SearchPage .Result .Function .ResultDis .AllPart .All .Num {
  font-size: 20px;
  font-weight: bold;
  color: #65CC4C;
}
@media screen and (max-width: 768px) {
  .SearchPage .Result .Function .ResultDis .Pager {
    padding: 10px 0 0;
  }
}
@media screen and (min-width: 769px) {
  .SearchPage .Result .Function .ResultDis .Pager {
    float: right;
  }
}
@media screen and (max-width: 768px) {
  .SearchPage .Result .Function .ResultDis .Pager ul {
    text-align: center;
  }
}
.SearchPage .Result .Function .ResultDis .Pager li {
  display: inline-block;
}
.SearchPage .Result .Function .ResultDis .Pager li:not(.First):not(.Prev):not(.Next):not(.Last):not(.Active) {
  border: 1px solid #444;
  background: #FFF;
}
@media screen and (max-width: 768px) {
  .SearchPage .Result .Function .ResultDis .Pager li:not(.First):not(.Prev):not(.Next):not(.Last):not(.Active) {
    margin-right: 5px;
  }
}
.SearchPage .Result .Function .ResultDis .Pager li:not(.First):not(.Prev):not(.Next):not(.Last):not(.Active):hover {
  background: #65CC4C;
  border: 1px solid #65CC4C;
}
.SearchPage .Result .Function .ResultDis .Pager li:not(.First):not(.Prev):not(.Next):not(.Last):not(.Active):hover a {
  color: #FFF;
}
@media screen and (max-width: 768px) {
  .SearchPage .Result .Function .ResultDis .Pager li.First a,
  .SearchPage .Result .Function .ResultDis .Pager li.Prev a,
  .SearchPage .Result .Function .ResultDis .Pager li.Next a,
  .SearchPage .Result .Function .ResultDis .Pager li.Last a {
    padding: 0;
  }
}
.SearchPage .Result .Function .ResultDis .Pager li.First a:hover,
.SearchPage .Result .Function .ResultDis .Pager li.Prev a:hover,
.SearchPage .Result .Function .ResultDis .Pager li.Next a:hover,
.SearchPage .Result .Function .ResultDis .Pager li.Last a:hover {
  opacity: 1;
  color: #65CC4C;
}
@media screen and (max-width: 768px) {
  .SearchPage .Result .Function .ResultDis .Pager li.First,
  .SearchPage .Result .Function .ResultDis .Pager li.Last {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .SearchPage .Result .Function .ResultDis .Pager li.Prev {
    margin-right: 15px;
  }
}
@media screen and (max-width: 768px) {
  .SearchPage .Result .Function .ResultDis .Pager li.Next {
    margin-left: 10px;
  }
}
.SearchPage .Result .Function .ResultDis .Pager li.Active {
  padding: 5px 10px;
  color: #FFF;
  background: #65CC4C;
  border: 1px solid #65CC4C;
}
@media screen and (max-width: 768px) {
  .SearchPage .Result .Function .ResultDis .Pager li.Active {
    margin-right: 5px;
  }
}
.SearchPage .Result .Function .ResultDis .Pager a {
  display: block;
  color: #444;
  padding: 5px 10px;
}
.SearchPage .Result .Function .Sort {
  text-align: right;
}
.SearchPage .Result .Function .Sort .SelectBox {
  display: inline-block;
}
.SearchPage .Result .ListTop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.SearchPage .Result .ListTop .ResultDis {
  -ms-flex-item-align: end;
  -webkit-align-self: flex-end;
  align-self: flex-end;
}
.SearchPage .Result .ListTop .ResultDis:after {
  display: none;
}
@media screen and (max-width: 768px) {
  .SearchPage .List {
    padding: 10px 0;
  }
}
@media screen and (min-width: 769px) {
  .SearchPage .List {
    padding: 10px 0 15px;
  }
}
.SearchPage .List .Unit {
  border-bottom: 1px solid #CCC;
}
@media screen and (max-width: 768px) {
  .SearchPage .List .Unit {
    padding: 10px 0;
  }
}
@media screen and (min-width: 769px) {
  .SearchPage .List .Unit {
    padding: 20px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
  }
}
.SearchPage .List .Unit:first-of-type {
  border-top: 1px solid #CCC;
}
@media screen and (min-width: 769px) {
  .SearchPage .List .Unit:first-of-type {
    margin-top: 0;
  }
}
.SearchPage .List .TitleBox .Period {
  display: inline-block;
  color: #FFF;
  background: #65CC4C;
  font-weight: bold;
  padding: 3px 10px;
  margin: 0 0 3px;
}
@media screen and (max-width: 768px) {
  .SearchPage .List .TitleBox h1 {
    font-size: 16px;
  }
}
@media screen and (min-width: 769px) {
  .SearchPage .List .TitleBox h1 {
    font-size: 18px;
  }
}
.SearchPage .List .TitleBox .SubTitle {
  color: #777777;
  margin: 0 0 5px;
}
.SearchPage .List .TitleBox .Keyword li {
  display: inline-block;
  border: 1px solid #D94545;
  color: #D94545;
  padding: 2px 3px;
  margin: 0 0 5px;
  font-size: 11px;
}
.SearchPage .List .PhotoBasic {
  margin: 5px 0 0;
}
.SearchPage .List .PhotoBasic:after {
  clear: both;
  content: '';
  display: block;
}
@media screen and (max-width: 768px) {
  .SearchPage .List .PhotoBasic .Photo {
    padding: 0 0 10px;
  }
}
@media screen and (min-width: 769px) {
  .SearchPage .List .PhotoBasic .Photo {
    width: 20%;
    float: left;
  }
}
.SearchPage .List .PhotoBasic .Photo img {
  display: block;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .SearchPage .List .PhotoBasic .Info {
    width: 80%;
    float: right;
    padding: 0 0 0 20px;
  }
}
.SearchPage .List .PhotoBasic .Info dl {
  border-bottom: 1px solid #CCC;
}
@media screen and (max-width: 768px) {
  .SearchPage .List .PhotoBasic .Info dl {
    padding: 10px;
  }
}
@media screen and (min-width: 769px) {
  .SearchPage .List .PhotoBasic .Info dl {
    display: inline-block;
    width: 48.4%;
    padding: 10px 20px;
  }
}
.SearchPage .List .PhotoBasic .Info dl:after {
  clear: both;
  content: '';
  display: block;
}
@media screen and (min-width: 769px) {
  .SearchPage .List .PhotoBasic .Info dl:nth-child(2n+1) {
    margin-right: 15px;
  }
}
.SearchPage .List .PhotoBasic .Info dt {
  float: left;
}
@media screen and (max-width: 768px) {
  .SearchPage .List .PhotoBasic .Info dt {
    width: 30%;
  }
}
@media screen and (min-width: 769px) {
  .SearchPage .List .PhotoBasic .Info dt {
    width: 28%;
  }
}
.SearchPage .List .PhotoBasic .Info dd {
  float: right;
}
@media screen and (max-width: 768px) {
  .SearchPage .List .PhotoBasic .Info dd {
    width: 70%;
    padding: 0 0 0 10px;
  }
}
@media screen and (min-width: 769px) {
  .SearchPage .List .PhotoBasic .Info dd {
    width: 72%;
  }
}
.SearchPage .List .PhotoBasic .Info .Code dd {
  font-weight: bold;
}
.SearchPage .List .PhotoBasic .Info .Hotel dd .AccHtlName {
  cursor: pointer;
}
.SearchPage .List .PhotoBasic .Info .Hotel dd .AccHtlName .Name {
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .SearchPage .List .PhotoBasic .Info .Hotel dd .AccHtlName .Name {
    max-width: 76%;
  }
}
@media screen and (min-width: 769px) {
  .SearchPage .List .PhotoBasic .Info .Hotel dd .AccHtlName .Name {
    max-width: 80%;
  }
}
.SearchPage .List .PhotoBasic .Info .Hotel dd .AccHtlName.Open .Etc:after {
  content: "\f106";
}
.SearchPage .List .PhotoBasic .Info .Hotel dd .Etc {
  display: inline-block;
  padding: 0 0 0 10px;
  position: relative;
}
.SearchPage .List .PhotoBasic .Info .Hotel dd .Etc:after {
  content: "\f107";
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 900;
  top: 50%;
  -o-transform: translateY(-50%);
     transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  padding: 0 0 0 5px;
  font-size: 16px;
  vertical-align: middle;
  position: absolute;
}
.SearchPage .List .PhotoBasic .Info .Hotel dd .HtlMal {
  display: none;
}
.SearchPage .List .PhotoBasic .Info .Meal dd p {
  display: inline-block;
  padding: 0 10px 0 0;
}
@media screen and (min-width: 769px) {
  .SearchPage .List .FeeDetail {
    text-align: right;
    padding: 10px 0 0;
  }
}
@media screen and (max-width: 768px) {
  .SearchPage .List .FeeDetail .Price {
    margin: 0 0 10px;
  }
}
@media screen and (min-width: 769px) {
  .SearchPage .List .FeeDetail .Price {
    display: inline-block;
    margin: 0 20px 0 0;
    vertical-align: middle;
    border-bottom: none !important;
  }
}
@media screen and (min-width: 769px) {
  .SearchPage .List .FeeDetail .Price dt {
    display: none;
  }
}
.SearchPage .List .FeeDetail .Price dd {
  color: #D94545;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .SearchPage .List .FeeDetail .Price dd {
    font-size: 16px;
  }
}
@media screen and (min-width: 769px) {
  .SearchPage .List .FeeDetail .Price dd {
    font-size: 20px;
  }
}
.SearchPage .List .FeeDetail .Price .From:first-of-type:after {
  content: "～";
  padding: 0 0 0 5px;
}
@media screen and (max-width: 768px) {
  .SearchPage .List .FeeDetail .DetailBtnBox {
    text-align: center;
  }
}
@media screen and (min-width: 769px) {
  .SearchPage .List .FeeDetail .DetailBtnBox {
    display: inline-block;
  }
}
.SearchPage .List .FeeDetail .DetailBtnBox .Advance {
  display: inline-block;
  position: relative;
  width: 200px;
  text-align: center;
}
.SearchPage .List .FeeDetail .DetailBtnBox .Advance:after {
  content: "\f105";
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 900;
  top: 50%;
  -o-transform: translateY(-50%);
     transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  position: absolute;
  right: 10px;
  font-size: 20px;
  color: #FFF;
  pointer-events: none;
}
.SearchPage .List .FeeDetail .DetailBtnBox .Advance .DetailBtn {
  display: block;
  width: 100%;
  font-size: 16px;
  background: #65CC4C;
  border: none;
  color: #FFF;
  cursor: pointer;
  padding: 8px 20px 8px 10px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
/*************************
ツアー詳細
*************************/
.DetailPage .Inner > div {
  padding: 0 0 40px;
}
.DetailPage .BasicInfo .TitleBox .Period {
  display: inline-block;
  color: #FFF;
  background: #65CC4C;
  font-weight: bold;
  padding: 3px 10px;
  margin: 0 0 3px;
}
@media screen and (max-width: 768px) {
  .DetailPage .BasicInfo .TitleBox h1 {
    font-size: 18px;
  }
}
@media screen and (min-width: 769px) {
  .DetailPage .BasicInfo .TitleBox h1 {
    font-size: 22px;
  }
}
.DetailPage .BasicInfo .TitleBox .SubTitle {
  color: #777777;
  margin: 0 0 10px;
}
.DetailPage .BasicInfo .TitleBox .Keyword li {
  display: inline-block;
  border: 1px solid #D94545;
  color: #D94545;
  padding: 2px 3px;
  margin: 0 0 5px;
}
.DetailPage .BasicInfo .PhotoBasic:after {
  clear: both;
  content: '';
  display: block;
}
@media screen and (max-width: 768px) {
  .DetailPage .BasicInfo .PhotoBasic .Slider {
    padding: 0 0 10px;
  }
}
@media screen and (min-width: 769px) {
  .DetailPage .BasicInfo .PhotoBasic .Slider {
    width: 46%;
    float: left;
  }
}
.DetailPage .BasicInfo .PhotoBasic .Slider .slider_for {
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .DetailPage .BasicInfo .PhotoBasic .Slider .slider_for {
    height: 210px;
  }
}
@media screen and (min-width: 769px) {
  .DetailPage .BasicInfo .PhotoBasic .Slider .slider_for {
    height: 300px;
  }
}
.DetailPage .BasicInfo .PhotoBasic .Slider .slider_for .slick-arrow {
  z-index: 1;
  width: 26px;
  height: 26px;
}
.DetailPage .BasicInfo .PhotoBasic .Slider .slider_for .slick-arrow:before {
  font-size: 26px;
}
.DetailPage .BasicInfo .PhotoBasic .Slider .slider_for .slick-prev {
  left: 10px;
}
.DetailPage .BasicInfo .PhotoBasic .Slider .slider_for .slick-next {
  right: 10px;
}
.DetailPage .BasicInfo .PhotoBasic .Slider .slider_nav {
  margin: 5px 0 0;
  overflow: hidden;
}
.DetailPage .BasicInfo .PhotoBasic .Slider .slider_nav:after {
  clear: both;
  content: '';
  display: block;
}
.DetailPage .BasicInfo .PhotoBasic .Slider .slider_nav li {
  height: 48px;
  float: left;
  overflow: hidden;
  opacity: 0.5;
  margin: 0 5px 0 0;
}
@media screen and (max-width: 768px) {
  .DetailPage .BasicInfo .PhotoBasic .Slider .slider_nav li {
    width: 15.2%;
  }
}
@media screen and (min-width: 769px) {
  .DetailPage .BasicInfo .PhotoBasic .Slider .slider_nav li {
    width: 15.7%;
  }
}
.DetailPage .BasicInfo .PhotoBasic .Slider .slider_nav li:last-of-type {
  margin-right: 0;
}
.DetailPage .BasicInfo .PhotoBasic .Slider .slider_nav li.nav_current {
  opacity: 1;
}
.DetailPage .BasicInfo .PhotoBasic .Slider img {
  width: 100%;
}
@media screen and (min-width: 769px) {
  .DetailPage .BasicInfo .PhotoBasic .Info {
    width: 54%;
    float: right;
    padding: 0 0 0 20px;
  }
}
.DetailPage .BasicInfo .PhotoBasic .Info dl {
  border-bottom: 1px solid #CCC;
}
@media screen and (max-width: 768px) {
  .DetailPage .BasicInfo .PhotoBasic .Info dl {
    padding: 10px;
  }
}
@media screen and (min-width: 769px) {
  .DetailPage .BasicInfo .PhotoBasic .Info dl {
    padding: 10px 20px;
  }
}
.DetailPage .BasicInfo .PhotoBasic .Info dl:after {
  clear: both;
  content: '';
  display: block;
}
.DetailPage .BasicInfo .PhotoBasic .Info dt {
  float: left;
}
@media screen and (max-width: 768px) {
  .DetailPage .BasicInfo .PhotoBasic .Info dt {
    width: 30%;
  }
}
@media screen and (min-width: 769px) {
  .DetailPage .BasicInfo .PhotoBasic .Info dt {
    width: 28%;
  }
}
.DetailPage .BasicInfo .PhotoBasic .Info dd {
  float: right;
}
@media screen and (max-width: 768px) {
  .DetailPage .BasicInfo .PhotoBasic .Info dd {
    width: 70%;
    padding: 0 0 0 10px;
  }
}
@media screen and (min-width: 769px) {
  .DetailPage .BasicInfo .PhotoBasic .Info dd {
    width: 72%;
  }
}
.DetailPage .BasicInfo .PhotoBasic .Info .Code dd {
  font-weight: bold;
}
.DetailPage .BasicInfo .PhotoBasic .Info .Hotel dd .AccHtlName {
  cursor: pointer;
}
.DetailPage .BasicInfo .PhotoBasic .Info .Hotel dd .AccHtlName .Name {
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .DetailPage .BasicInfo .PhotoBasic .Info .Hotel dd .AccHtlName .Name {
    max-width: 76%;
  }
}
@media screen and (min-width: 769px) {
  .DetailPage .BasicInfo .PhotoBasic .Info .Hotel dd .AccHtlName .Name {
    max-width: 80%;
  }
}
.DetailPage .BasicInfo .PhotoBasic .Info .Hotel dd .AccHtlName.Open .Etc:after {
  content: "\f106";
}
.DetailPage .BasicInfo .PhotoBasic .Info .Hotel dd .Etc {
  display: inline-block;
  padding: 0 0 0 10px;
  position: relative;
}
.DetailPage .BasicInfo .PhotoBasic .Info .Hotel dd .Etc:after {
  content: "\f107";
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 900;
  top: 50%;
  -o-transform: translateY(-50%);
     transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  padding: 0 0 0 5px;
  font-size: 16px;
  vertical-align: middle;
  position: absolute;
}
.DetailPage .BasicInfo .PhotoBasic .Info .Hotel dd .HtlMal {
  display: none;
}
.DetailPage .BasicInfo .PhotoBasic .Info .Meal dd p {
  display: inline-block;
  padding: 0 10px 0 0;
}
.DetailPage .BasicInfo .PhotoBasic .Info .Price dd {
  color: #D94545;
  font-weight: bold;
  font-size: 16px;
}
.DetailPage .BasicInfo .PhotoBasic .Info .Price dd .From:first-of-type:after {
  content: "～";
  padding: 0 0 0 5px;
}
@media screen and (min-width: 769px) {
  .DetailPage .Schedule .Unit {
    display: table;
    border-collapse: collapse;
    width: 100%;
  }
}
.DetailPage .Schedule .Unit:first-of-type .Day,
.DetailPage .Schedule .Unit:first-of-type .Journey {
  border-top: 1px solid #CCC;
}
@media screen and (max-width: 768px) {
  .DetailPage .Schedule .Unit:first-of-type .Journey {
    border-top: none;
  }
}
.DetailPage .Schedule .Day,
.DetailPage .Schedule .Journey {
  border: 1px solid #CCC;
  border-top: none;
}
@media screen and (min-width: 769px) {
  .DetailPage .Schedule .Day,
  .DetailPage .Schedule .Journey {
    display: table-cell;
  }
}
@media screen and (max-width: 768px) {
  .DetailPage .Schedule .Day {
    padding: 10px;
  }
}
@media screen and (min-width: 769px) {
  .DetailPage .Schedule .Day {
    width: 10%;
    vertical-align: middle;
    padding: 20px;
    text-align: center;
  }
}
@media screen and (min-width: 769px) {
  .DetailPage .Schedule .Journey {
    width: 90%;
  }
}


/* 0611改変---無効化---

.DetailPage .Schedule .Journey .Info {
  font-family: "ＭＳ ゴシック", "MS Gothic", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
}

---*/

@media screen and (max-width: 768px) {
  .DetailPage .Schedule .Journey .Info {
    padding: 10px;
    line-height: 1.8em;
  }
}
@media screen and (min-width: 769px) {
  .DetailPage .Schedule .Journey .Info {
    padding: 20px;
  }
}
.DetailPage .Schedule .Journey .HtlInfo {
  background: #eaeaea;
  -webkit-tap-highlight-color: rgba(234, 234, 234);
}
@media screen and (max-width: 768px) {
  .DetailPage .Schedule .Journey .HtlInfo {
    padding: 10px;
  }
}
@media screen and (min-width: 769px) {
  .DetailPage .Schedule .Journey .HtlInfo {
    padding: 10px 20px;
  }
}
.DetailPage .Schedule .Journey .HtlInfo dl {
  padding: 0 0 10px;
}
.DetailPage .Schedule .Journey .HtlInfo dl:after {
  clear: both;
  content: '';
  display: block;
}
.DetailPage .Schedule .Journey .HtlInfo dl:last-of-type {
  padding-bottom: 0;
}
.DetailPage .Schedule .Journey .HtlInfo dt,
.DetailPage .Schedule .Journey .HtlInfo dd {
  float: left;
}
.DetailPage .Schedule .Journey .HtlInfo dt {
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .DetailPage .Schedule .Journey .HtlInfo dt {
    width: 40px;
  }
}
@media screen and (min-width: 769px) {
  .DetailPage .Schedule .Journey .HtlInfo dt {
    width: 5%;
  }
}
@media screen and (max-width: 768px) {
  .DetailPage .Schedule .Journey .HtlInfo dd {
    width: -webkit-calc(100% - 40px);
    width: calc(100% - 40px);
  }
}
@media screen and (min-width: 769px) {
  .DetailPage .Schedule .Journey .HtlInfo dd {
    width: 95%;
  }
}
.DetailPage .Schedule .Journey .HtlInfo .Hotel dd p {
  display: inline;
}
.DetailPage .Schedule .Journey .HtlInfo .Hotel dd p:after {
  content: "、";
}
.DetailPage .Schedule .Journey .HtlInfo .Hotel dd p:last-of-type:after {
  display: none;
}
.DetailPage .Schedule .Journey .HtlInfo .Meal dd p {
  display: inline-block;
  padding: 0 10px 0 0;
}
.DetailPage .Schedule .Journey .HtlInfo .Meal dd .Existence {
  font-weight: bold;
  font-family: "ＭＳ ゴシック", "MS Gothic", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
}
.DetailPage .Calendar .CalTop .TxtInfo {
  text-align: center;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .DetailPage .Calendar .CalTop .TxtInfo {
    padding: 10px 0 0;
    font-size: 14px;
  }
}
@media screen and (min-width: 769px) {
  .DetailPage .Calendar .CalTop .TxtInfo {
    font-size: 16px;
  }
}
@media screen and (min-width: 769px) {
  .DetailPage .Calendar .CalTop .TxtInfo br {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .DetailPage .Calendar .CalTop .Cond {
    padding: 20px 0;
  }
}
@media screen and (min-width: 769px) {
  .DetailPage .Calendar .CalTop .Cond {
    padding: 20px;
  }
}
.DetailPage .Calendar .CalTop .Cond dt,
.DetailPage .Calendar .CalTop .Cond dd {
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .DetailPage .Calendar .CalTop .Cond dt {
    width: 90px;
  }
}
@media screen and (min-width: 769px) {
  .DetailPage .Calendar .CalTop .Cond dt {
    width: 8%;
  }
}
@media screen and (max-width: 768px) {
  .DetailPage .Calendar .CalTop .Cond dd {
    width: -webkit-calc(100% - 98px);
    width: calc(100% - 98px);
  }
}
@media screen and (min-width: 769px) {
  .DetailPage .Calendar .CalTop .Cond dd {
    min-width: 20%;
  }
}
.DetailPage .Calendar .CalInner .YearMonthSelect {
  padding: 0 0 10px;
}
.DetailPage .Calendar .CalInner .YearMonthSelect ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.DetailPage .Calendar .CalInner .YearMonthSelect .YearMonth {
  -ms-flex-item-align: center;
  -webkit-align-self: center;
  align-self: center;
}
@media screen and (max-width: 768px) {
  .DetailPage .Calendar .CalInner .YearMonthSelect .YearMonth {
    font-size: 16px;
  }
}
@media screen and (min-width: 769px) {
  .DetailPage .Calendar .CalInner .YearMonthSelect .YearMonth {
    font-size: 20px;
  }
}
.DetailPage .Calendar .CalInner .YearMonthSelect .Switch:before {
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 900;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .DetailPage .Calendar .CalInner .YearMonthSelect .Switch:before {
    width: 30px;
    font-size: 20px;
  }
}
@media screen and (min-width: 769px) {
  .DetailPage .Calendar .CalInner .YearMonthSelect .Switch:before {
    width: 60px;
    font-size: 27px;
  }
}
.DetailPage .Calendar .CalInner .YearMonthSelect .Switch:hover {
  opacity: 0.7;
}
.DetailPage .Calendar .CalInner .YearMonthSelect .PrevMonth:before {
  content: "\f053";
}
.DetailPage .Calendar .CalInner .YearMonthSelect .NextMonth:before {
  content: "\f054";
}
.DetailPage .Calendar .CalInner table {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .DetailPage .Calendar .CalInner table {
    display: block;
  }
}
@media screen and (min-width: 769px) {
  .DetailPage .Calendar .CalInner table {
    height: 1px;
    table-layout: fixed;
  }
}
@media screen and (max-width: 768px) {
  .DetailPage .Calendar .CalInner table tr {
    display: block;
    border-bottom: none;
  }
}
@media screen and (max-width: 768px) {
  .DetailPage .Calendar .CalInner table tr:last-of-type {
    border-bottom: 1px solid #CCC;
  }
}
.DetailPage .Calendar .CalInner table th,
.DetailPage .Calendar .CalInner table td {
  border: 1px solid #CCC;
}
@media screen and (max-width: 768px) {
  .DetailPage .Calendar .CalInner table thead {
    display: none;
  }
}
.DetailPage .Calendar .CalInner table thead th {
  padding: 10px;
  font-size: 15px;
}
.DetailPage .Calendar .CalInner table thead .Sun {
  color: #D94545;
}
.DetailPage .Calendar .CalInner table thead .Sat {
  color: #2F67BD;
}
@media screen and (max-width: 768px) {
  .DetailPage .Calendar .CalInner table tbody {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .DetailPage .Calendar .CalInner table tbody td {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    border-bottom: none;
    padding: 10px;
  }
}
@media screen and (min-width: 769px) {
  .DetailPage .Calendar .CalInner table tbody td {
    height: 100%;
    vertical-align: top;
  }
}
@media screen and (max-width: 768px) {
  .DetailPage .Calendar .CalInner table tbody td:before {
    content: attr(data-text) "";
    width: 44px;
    font-weight: bold;
  }
}
.DetailPage .Calendar .CalInner table tbody a {
  display: block;
}
@media screen and (max-width: 768px) {
  .DetailPage .Calendar .CalInner table tbody a {
    width: -webkit-calc(100% - 44px);
    width: calc(100% - 44px);
  }
}
@media screen and (min-width: 769px) {
  .DetailPage .Calendar .CalInner table tbody a {
    height: 100%;
  }
}
@media screen and (max-width: 768px) {
  .DetailPage .Calendar .CalInner table tbody a .Info {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .DetailPage .Calendar .CalInner table tbody .sp_Week {
    width: 20px;
    font-weight: bold;
    color: #444;
  }
}
@media screen and (min-width: 769px) {
  .DetailPage .Calendar .CalInner table tbody .sp_Week {
    display: none;
  }
}
.DetailPage .Calendar .CalInner table tbody .Info {
  word-break: break-all;
}
@media screen and (max-width: 768px) {
  .DetailPage .Calendar .CalInner table tbody .Info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: -webkit-calc(100% - 44px);
    width: calc(100% - 44px);
    padding: 0 0 0 5px;
  }
}
@media screen and (min-width: 769px) {
  .DetailPage .Calendar .CalInner table tbody .Info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: vertical;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    height: 100%;
    min-height: 146px;
    padding: 10px;
  }
}
@media screen and (max-width: 768px) {
  .DetailPage .Calendar .CalInner table tbody dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: -webkit-calc(100% - 80px);
    width: calc(100% - 80px);
    padding: 0 10px 0 0;
  }
}
@media screen and (min-width: 769px) {
  .DetailPage .Calendar .CalInner table tbody dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: vertical;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    height: 100%;
    padding: 0 0 5px;
  }
}
@media screen and (max-width: 768px) {
  .DetailPage .Calendar .CalInner table tbody dt {
    width: 30px;
    text-align: center;
  }
}
@media screen and (min-width: 769px) {
  .DetailPage .Calendar .CalInner table tbody dt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 0 0 5px;
  }
}
.DetailPage .Calendar .CalInner table tbody dt .Day {
  font-weight: bold;
  font-size: 15px;
  color: #444;
}
@media screen and (max-width: 768px) {
  .DetailPage .Calendar .CalInner table tbody dt .Day {
    display: none;
  }
}
.DetailPage .Calendar .CalInner table tbody dt .Matter {
  display: inline-block;
  color: #FFF;
  font-size: 11px;
  padding: 1px 3px;
}
@media screen and (max-width: 768px) {
  .DetailPage .Calendar .CalInner table tbody dt .Matter {
    display: inline-block;
  }
}
@media screen and (min-width: 769px) {
  .DetailPage .Calendar .CalInner table tbody dt .Matter {
    -ms-flex-item-align: center;
    -webkit-align-self: center;
    align-self: center;
  }
}
.DetailPage .Calendar .CalInner table tbody dt .Matter:empty {
  display: none;
}
.DetailPage .Calendar .CalInner table tbody dt .Matter.RedLabel {
  background: #D94545;
}
.DetailPage .Calendar .CalInner table tbody dt .Matter.BlueLabel {
  background: #2F67BD;
}
.DetailPage .Calendar .CalInner table tbody dt .Matter.PinkLabel {
  background: #FF62BE;
}
.DetailPage .Calendar .CalInner table tbody dt .Matter.OrangeLabel {
  background: #ff831e;
}
.DetailPage .Calendar .CalInner table tbody dt .Matter.PurpleLabel {
  background: #981F63;
}
.DetailPage .Calendar .CalInner table tbody dt .Matter.BlackLabel {
  background: #2d2d2d;
}
.DetailPage .Calendar .CalInner table tbody dt .Matter.GrayLabel {
  background: #777777;
}
.DetailPage .Calendar .CalInner table tbody dd {
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .DetailPage .Calendar .CalInner table tbody dd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: -webkit-calc(100% - 30px);
    width: calc(100% - 30px);
    padding: 0 0 0 10px;
  }
}
@media screen and (min-width: 769px) {
  .DetailPage .Calendar .CalInner table tbody dd {
    margin-top: auto;
  }
}
.DetailPage .Calendar .CalInner table tbody dd .Mark {
  font-family: "ＭＳ ゴシック", "MS Gothic", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
  color: #444;
}
@media screen and (max-width: 768px) {
  .DetailPage .Calendar .CalInner table tbody dd .Mark {
    width: -webkit-calc(100% - 80px);
    width: calc(100% - 80px);
    padding: 0 5px 0 0;
  }
}
.DetailPage .Calendar .CalInner table tbody dd .Fee {
  color: #D94545;
}
@media screen and (max-width: 768px) {
  .DetailPage .Calendar .CalInner table tbody dd .Fee {
    width: 80px;
  }
}
@media screen and (min-width: 769px) {
  .DetailPage .Calendar .CalInner table tbody dd .Fee {
    padding: 5px 0 0;
  }
}
.DetailPage .Calendar .CalInner table tbody dd .Fee span {
  display: block;
}
@media screen and (max-width: 768px) {
  .DetailPage .Calendar .CalInner table tbody dd .Fee .Adult {
    font-size: 14px;
  }
}
@media screen and (min-width: 769px) {
  .DetailPage .Calendar .CalInner table tbody dd .Fee .Adult {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  .DetailPage .Calendar .CalInner table tbody dd .Fee .Child {
    font-size: 11px;
  }
}
.DetailPage .Calendar .CalInner table tbody dd .Fee .Child:before {
  content: "(";
}
.DetailPage .Calendar .CalInner table tbody dd .Fee .Child:after {
  content: ")";
}
@media screen and (max-width: 768px) {
  .DetailPage .Calendar .CalInner table tbody .CalBtn {
    width: 60px;
  }
}
@media screen and (min-width: 769px) {
  .DetailPage .Calendar .CalInner table tbody .CalBtn {
    margin-top: auto;
  }
}
.DetailPage .Calendar .CalInner table tbody .CalBtn .Next {
  width: 100%;
  border: none;
  text-align: center;
  color: #FFF;
  padding: 3px 5px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.DetailPage .Calendar .CalInner table tbody .Sat:before {
  color: #2F67BD;
}
.DetailPage .Calendar .CalInner table tbody .Sat dt .Day {
  color: #2F67BD;
}
.DetailPage .Calendar .CalInner table tbody .Sun:before {
  color: #D94545;
}
.DetailPage .Calendar .CalInner table tbody .Sun dt .Day {
  color: #D94545;
}
.DetailPage .Calendar .CalInner table tbody .Possible .CalBtn .Next {
  background: #65CC4C;
}
.DetailPage .Calendar .CalInner table tbody .Impossible .CalBtn .Next {
  background: #D4D4D4;
}
.DetailPage .Calendar .CalInner table tbody .Impossible .CalBtn .Next:hover {
  opacity: 1;
}
@media screen and (max-width: 768px) {
  .DetailPage .Calendar .CalInner table tbody .NoSetting {
    min-height: 55px;
  }
}
.DetailPage .Calendar .CalInner table tbody .NoSetting .Info {
  position: relative;
}
.DetailPage .Calendar .CalInner table tbody .NoSetting .Info:after {
  content: "\f068";
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 900;
  font-size: 16px;
  color: #D4D4D4;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  -o-transform: translateY(-50%);
     transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.DetailPage .Calendar .CalInner table tbody .NoSetting dl {
  height: 100%;
}
.DetailPage .Calendar .CalInner table tbody .NoSetting dt .Day {
  color: #D4D4D4;
}
.DetailPage .Calendar .CalInner table tbody .NoSetting dt .Matter {
  display: none;
}
@media screen and (max-width: 768px) {
  .DetailPage .Calendar .CalInner table tbody .Empty {
    display: none;
  }
}
.DetailPage .TravelCond .Info dl {
  border-bottom: 1px solid #CCC;
}
@media screen and (max-width: 768px) {
  .DetailPage .TravelCond .Info dl {
    padding: 10px;
  }
}
@media screen and (min-width: 769px) {
  .DetailPage .TravelCond .Info dl {
    padding: 10px 20px;
  }
}
.DetailPage .TravelCond .Info dl:after {
  clear: both;
  content: '';
  display: block;
}
.DetailPage .TravelCond .Info dt {
  float: left;
}
@media screen and (max-width: 768px) {
  .DetailPage .TravelCond .Info dt {
    width: 30%;
  }
}
@media screen and (min-width: 769px) {
  .DetailPage .TravelCond .Info dt {
    width: 16%;
  }
}
.DetailPage .TravelCond .Info dd {
  float: right;
}
@media screen and (max-width: 768px) {
  .DetailPage .TravelCond .Info dd {
    width: 70%;
    padding: 0 0 0 10px;
  }
}
@media screen and (min-width: 769px) {
  .DetailPage .TravelCond .Info dd {
    width: 84%;
  }
}
.DetailPage .TravelCond .Info dd a {
  color: #2F67BD;
}
.DetailPage .TravelCond .Info dd a:hover {
  text-decoration: underline;
}
.DetailPage .TravelCond .Info .Meal dd p {
  display: inline-block;
  padding: 0 10px 0 0;
}
@media screen and (max-width: 768px) {
  .DetailPage .Contact .Company {
    padding: 0 10px 10px;
  }
}
@media screen and (min-width: 769px) {
  .DetailPage .Contact .Company {
    padding: 0 20px 10px;
  }
}
.DetailPage .Contact .Company:after {
  clear: both;
  content: '';
  display: block;
}
@media screen and (max-width: 768px) {
  .DetailPage .Contact .Company .Sales {
    padding: 0 0 20px;
  }
}
@media screen and (min-width: 769px) {
  .DetailPage .Contact .Company .Sales {
    float: left;
    text-align: center;
    margin: 0 50px 0 0;
  }
}
@media screen and (max-width: 768px) {
  .DetailPage .Contact .Company .Sales:last-of-type {
    padding-bottom: 0;
  }
}
@media screen and (min-width: 769px) {
  .DetailPage .Contact .Company .Sales:last-of-type {
    margin-right: 0;
  }
}
.DetailPage .Contact .Company .Sales .Name {
  font-size: 16px;
  font-weight: bold;
}
.DetailPage .Contact .Company .Sales .Tel {
  font-size: 16px;
  font-weight: bold;
}
.DetailPage .Contact .Company .Sales .Tel:before {
  content: "\f2a0";
  font-weight: 900;
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 25px;
  padding: 0 5px 0 0;
  -webkit-transform: rotate(-28deg);
      -ms-transform: rotate(-28deg);
       -o-transform: rotate(-28deg);
          transform: rotate(-28deg);
}
.DetailPage .Contact .Info dl {
  border-bottom: 1px solid #CCC;
}
@media screen and (max-width: 768px) {
  .DetailPage .Contact .Info dl {
    padding: 10px;
  }
}
@media screen and (min-width: 769px) {
  .DetailPage .Contact .Info dl {
    padding: 10px 20px;
  }
}
.DetailPage .Contact .Info dl:after {
  clear: both;
  content: '';
  display: block;
}
.DetailPage .Contact .Info dt {
  float: left;
}
@media screen and (max-width: 768px) {
  .DetailPage .Contact .Info dt {
    width: 30%;
  }
}
@media screen and (min-width: 769px) {
  .DetailPage .Contact .Info dt {
    width: 16%;
  }
}
.DetailPage .Contact .Info dd {
  float: right;
}
@media screen and (max-width: 768px) {
  .DetailPage .Contact .Info dd {
    width: 70%;
    padding: 0 0 0 10px;
  }
}
@media screen and (min-width: 769px) {
  .DetailPage .Contact .Info dd {
    width: 84%;
  }
}
.DetailPage .Contact .Info dd a {
  color: #2F67BD;
}
.DetailPage .Contact .Info dd a:hover {
  text-decoration: underline;
}
.DetailPage .FreeBox .Desc {
  margin: 20px 0 0;
}
.DetailPage .FreeBox .Desc:first-of-type {
  margin-top: 0;
}
.DetailPage .FreeBox .Desc .Unit:after {
  clear: both;
  content: '';
  display: block;
}
@media screen and (max-width: 768px) {
  .DetailPage .FreeBox .Desc .ImgBox {
    padding: 0 0 10px;
  }
}
.DetailPage .FreeBox .Desc .ImgBox img {
  display: block;
  max-width: 100%;
}
@media screen and (min-width: 769px) {
  .DetailPage .FreeBox .Desc .ImgBox.IgLeft {
    max-width: 50%;
    float: left;
    padding: 0 10px 0 0;
  }
}
@media screen and (min-width: 769px) {
  .DetailPage .FreeBox .Desc .ImgBox.IgRight {
    max-width: 50%;
    float: right;
    padding: 0 0 0 10px;
  }
}
@media screen and (min-width: 769px) {
  .DetailPage .FreeBox .Desc .ImgBox.IgCenter {
    padding: 0 0 10px;
  }
}
.DetailPage .FreeBox .Desc .ImgBox.IgCenter img {
  margin: auto;
}
/*************************
人数入力
*************************/
.BeginPage h2 {
  margin: 0 0 10px;
}
.BeginPage table {
  width: 100%;
}
.BeginPage th,
.BeginPage td {
  border-bottom: 1px solid #CCC;
  padding: 10px;
}
@media screen and (max-width: 768px) {
  .BeginPage .Interval {
    padding: 0 0 30px;
  }
}
@media screen and (min-width: 769px) {
  .BeginPage .Interval {
    padding: 0 0 40px;
  }
}
.BeginPage .Interval th {
  text-align: left;
}
@media screen and (max-width: 768px) {
  .BeginPage .Interval th {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .BeginPage .Interval th {
    width: 10%;
  }
}
.BeginPage .Interval td {
  padding-bottom: 0;
}
@media screen and (min-width: 769px) {
  .BeginPage .Interval td {
    width: 90%;
  }
}
.BeginPage .Interval dl,
.BeginPage .Interval dt,
.BeginPage .Interval dd {
  display: inline-block;
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  .BeginPage .Interval dl {
    padding: 0 6px 10px 0;
  }
}
@media screen and (min-width: 769px) {
  .BeginPage .Interval dl {
    padding: 0 30px 10px 0;
  }
}
@media screen and (max-width: 768px) {
  .BeginPage .Interval dl:last-of-type {
    padding-right: 0;
  }
}
@media screen and (max-width: 768px) {
  .BeginPage .Interval dt {
    padding: 0 3px 0 0;
  }
}
@media screen and (min-width: 769px) {
  .BeginPage .Interval dt {
    padding: 0 10px 0 0;
  }
}
@media screen and (max-width: 768px) {
  .BeginPage .RoomType {
    padding: 0 0 30px;
  }
}
@media screen and (min-width: 769px) {
  .BeginPage .RoomType {
    padding: 0 0 40px;
  }
}
@media screen and (max-width: 768px) {
  .BeginPage .RoomType thead {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .BeginPage .RoomType tr {
    display: block;
    border-bottom: 1px solid #CCC;
    margin: 0 0 10px;
  }
}
@media screen and (max-width: 768px) {
  .BeginPage .RoomType tr:last-of-type {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 768px) {
  .BeginPage .RoomType td {
    border-bottom: none;
  }
}
@media screen and (max-width: 768px) {
  .BeginPage .RoomType .Type {
    display: block;
    font-weight: bold;
  }
}
@media screen and (max-width: 768px) {
  .BeginPage .RoomType .Room:before,
  .BeginPage .RoomType .Count:before {
    content: attr(data-text) "";
    display: inline-block;
  }
}
@media screen and (max-width: 768px) {
  .BeginPage .RoomType .Room .SelectBox,
  .BeginPage .RoomType .Count .SelectBox {
    display: inline-block;
  }
}
@media screen and (max-width: 768px) {
  .BeginPage .RoomType .Room {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .BeginPage .RoomType .Count {
    display: inline-block;
    padding: 0 0 10px 10px;
  }
}
@media screen and (max-width: 768px) {
  .BeginPage .Extension {
    padding: 0 0 30px;
  }
}
@media screen and (min-width: 769px) {
  .BeginPage .Extension {
    padding: 0 0 40px;
  }
}
.BeginPage .Extension th {
  text-align: left;
}
@media screen and (max-width: 768px) {
  .BeginPage .Extension th {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .BeginPage .Extension th {
    width: 10%;
  }
}
@media screen and (min-width: 769px) {
  .BeginPage .Extension td {
    width: 90%;
  }
}
@media screen and (min-width: 769px) {
  .BeginPage .Extension .SelectBox {
    display: inline-block;
    min-width: 220px;
  }
}
.BeginPage .Information {
  padding: 20px 0 0;
}
.BeginPage .Attn {
  color: #D94545;
}
/*************************
行程選択
*************************/
.QuotePage h2 {
  margin: 0 0 10px;
}
@media screen and (max-width: 768px) {
  .QuotePage .Transit {
    padding: 0 0 30px;
  }
}
@media screen and (min-width: 769px) {
  .QuotePage .Transit {
    padding: 0 0 40px;
  }
}
.QuotePage .Transit table {
  width: 100%;
  margin: 10px 0 0;
}
@media screen and (max-width: 768px) {
  .QuotePage .Transit table {
    display: block;
    border-collapse: separate;
  }
}
.QuotePage .Transit table:first-of-type {
  margin-top: 0;
}
.QuotePage .Transit caption {
  text-align: left;
  font-size: 16px;
  padding: 10px 10px 5px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .QuotePage .Transit caption {
    display: block;
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .QuotePage .Transit thead {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .QuotePage .Transit tbody {
    display: block;
    width: 100%;
  }
}
.QuotePage .Transit th,
.QuotePage .Transit td {
  padding: 10px;
  word-break: break-all;
}
@media screen and (min-width: 769px) {
  .QuotePage .Transit th,
  .QuotePage .Transit td {
    border: 1px solid #CCC;
  }
}
@media screen and (max-width: 768px) {
  .QuotePage .Transit tr {
    display: table;
    width: 100%;
    border: 1px solid #CCC;
    border-top: none;
  }
}
@media screen and (max-width: 768px) {
  .QuotePage .Transit tr:after {
    clear: both;
    content: '';
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .QuotePage .Transit tr:first-of-type {
    border-top: 1px solid #CCC;
  }
}
.QuotePage .Transit th {
  background: #eaeaea;
  font-weight: normal;
}
.QuotePage .Transit .Select {
  text-align: center;
}
@media screen and (max-width: 768px) {
  .QuotePage .Transit .Select {
    display: table-cell;
    width: 14%;
    border-right: 1px solid #CCC;
  }
}
@media screen and (min-width: 769px) {
  .QuotePage .Transit .Select {
    width: 8%;
  }
}
@media screen and (max-width: 768px) {
  .QuotePage .Transit .Name {
    display: table;
    width: 100%;
    font-weight: bold;
    border-bottom: none;
    padding-bottom: 0;
  }
}
@media screen and (max-width: 768px) {
  .QuotePage .Transit .Time,
  .QuotePage .Transit .Extra,
  .QuotePage .Transit .Status {
    display: table;
    width: 50%;
    float: left;
    font-size: 11px;
  }
}
@media screen and (min-width: 769px) {
  .QuotePage .Transit .Time,
  .QuotePage .Transit .Extra,
  .QuotePage .Transit .Status {
    width: 12%;
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  .QuotePage .Transit .Time:before,
  .QuotePage .Transit .Extra:before,
  .QuotePage .Transit .Status:before {
    content: attr(data-text) "";
    display: inline-block;
  }
}
@media screen and (max-width: 768px) {
  .QuotePage .Transit .Flight .Name {
    border-bottom: 1px dashed #CCC;
    padding-bottom: 10px;
  }
}
@media screen and (max-width: 768px) {
  .QuotePage .Transit .Flight .Time,
  .QuotePage .Transit .Flight .Extra {
    padding-bottom: 0;
  }
}
@media screen and (max-width: 768px) {
  .QuotePage .Transit .OtherBin .DepArr {
    display: table;
    width: 100%;
    border-bottom: 1px dashed #CCC;
  }
}
@media screen and (min-width: 769px) {
  .QuotePage .Transit .OtherBin .DepArr {
    width: 40%;
  }
}
.QuotePage .Transit .OtherBin .DepArr .Dep {
  margin: 0 0 10px;
}
.QuotePage .Transit .OtherBin .DepArr .Dep.ActionAlloc + .Arr:before {
  content: "\f103";
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 900;
  width: 100%;
  text-align: center;
  font-size: 26px;
  color: #CCC;
  margin: 0 0 10px;
}
.QuotePage .Transit .OtherBin .DepArr .Item {
  display: inline-block;
  width: 30px;
  vertical-align: middle;
}
.QuotePage .Transit .OtherBin .DepArr .SelectBox {
  display: inline-block;
  width: -webkit-calc(100% - 36px);
  width: calc(100% - 36px);
  vertical-align: middle;
}
.QuotePage .Transit .OtherBin .AllocBox {
  display: none;
  padding: 10px 0 0;
}
.QuotePage .Transit .OtherBin .AllocBox.Open {
  display: block;
}
.QuotePage .Transit .OtherBin .AllocBox .Count {
  text-align: right;
  padding: 0 0 10px;
}
.QuotePage .Transit .OtherBin .AllocBox .Count dl,
.QuotePage .Transit .OtherBin .AllocBox .Count dt,
.QuotePage .Transit .OtherBin .AllocBox .Count dd {
  display: inline-block;
}
.QuotePage .Transit .OtherBin .AllocBox .Count dl {
  padding: 0 0 0 10px;
}
@media screen and (max-width: 768px) {
}
.QuotePage .Transit .OtherBin .AllocBox .Count dl:first-of-type {
  padding-left: 0;
}
@media screen and (max-width: 768px) {
  .QuotePage .Transit .OtherBin .AllocBox .Count dl:nth-of-type(3) {
    margin-top: 5px;
  }
}
.QuotePage .Transit .OtherBin .AllocBox .Count dt {
  padding: 0 5px 0 0;
}
.QuotePage .Transit .OtherBin .AllocBox .Count dd .SelectBox {
  width: 100%;
}
.QuotePage .Transit .OtherBin .AllocBox .AddClearBtnBox {
  text-align: right;
}
.QuotePage .Transit .OtherBin .AllocBox .AddClearBtnBox p {
  display: inline-block;
}
.QuotePage .Transit .OtherBin .AllocBox .AddClearBtnBox .AddBtn {
  background: #65CC4C;
  color: #FFF;
  cursor: default;
  text-align: center;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
@media screen and (max-width: 768px) {
  .QuotePage .Transit .OtherBin .AllocBox .AddClearBtnBox .AddBtn {
    width: 90px;
    padding: 5px;
  }
}
@media screen and (min-width: 769px) {
  .QuotePage .Transit .OtherBin .AllocBox .AddClearBtnBox .AddBtn {
    width: 110px;
    padding: 3px;
  }
}
.QuotePage .Transit .OtherBin .AllocBox .AddClearBtnBox .ClearBtn {
  width: 50px;
  background: #777777;
  color: #FFF;
  padding: 3px;
  cursor: default;
  text-align: center;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
@media screen and (max-width: 768px) {
  .QuotePage .Hotel {
    padding: 0 0 30px;
  }
}
@media screen and (min-width: 769px) {
  .QuotePage .Hotel {
    padding: 0 0 40px;
  }
}
.QuotePage .Hotel .Days {
  padding: 20px 0 0;
}
.QuotePage .Hotel .Days:first-of-type {
  padding-top: 0;
}
.QuotePage .Hotel .Days .Day {
  font-size: 16px;
  padding: 10px 10px 5px;
  font-weight: bold;
}
.QuotePage .Hotel .Unit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 10px;
  border-bottom: 1px solid #D4D4D4;
}
.QuotePage .Hotel .RadioBox {
  text-align: center;
  -ms-flex-item-align: center;
  -webkit-align-self: center;
  align-self: center;
}
@media screen and (max-width: 768px) {
  .QuotePage .Hotel .RadioBox {
    width: 40px;
    padding: 0 10px 0 0;
  }
}
@media screen and (min-width: 769px) {
  .QuotePage .Hotel .RadioBox {
    width: 80px;
  }
}
@media screen and (max-width: 768px) {
  .QuotePage .Hotel .Photo {
    width: 80px;
  }
}
@media screen and (min-width: 769px) {
  .QuotePage .Hotel .Photo {
    width: 120px;
  }
}
.QuotePage .Hotel .Photo img {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .QuotePage .Hotel .Basic {
    width: -webkit-calc(100% - 120px);
    width: calc(100% - 120px);
    padding: 0 0 0 10px;
  }
}
@media screen and (min-width: 769px) {
  .QuotePage .Hotel .Basic {
    width: -webkit-calc(100% - 240px);
    width: calc(100% - 240px);
    padding: 0 0 0 20px;
  }
}
.QuotePage .Hotel .Basic .Name {
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .QuotePage .Hotel .Basic .Name {
    padding: 0 0 5px;
  }
}
@media screen and (min-width: 769px) {
  .QuotePage .Hotel .Basic .Name {
    font-size: 16px;
  }
}
.QuotePage .Hotel .Basic .Address {
  color: #777777;
}
@media screen and (max-width: 768px) {
  .QuotePage .Hotel .Basic .Address {
    font-size: 11px;
  }
}
.QuotePage .Hotel .Basic .Info {
  padding: 10px 0 0;
}
@media screen and (max-width: 768px) {
  .QuotePage .Hotel .Basic .Info table {
    width: 100%;
  }
}
@media screen and (min-width: 769px) {
  .QuotePage .Hotel .Basic .Info table {
    min-width: 200px;
  }
}
.QuotePage .Hotel .Basic .Info th,
.QuotePage .Hotel .Basic .Info td {
  border: 1px solid #CCC;
  padding: 2px 5px;
}


@media screen and (max-width: 768px) {
  .QuotePage .Hotel .Basic .Info th,
  .QuotePage .Hotel .Basic .Info td {
    font-size: 11px;
  }
}


@media screen and (min-width: 769px) {
  .QuotePage .Hotel .Basic .Info th,
  .QuotePage .Hotel .Basic .Info td {
    font-size: 12px;
  }
}
.QuotePage .Hotel .Basic .Info th {
  width: 80px;
  text-align: left;
  font-weight: normal;
  background: #eaeaea;
}
.QuotePage .Hotel .Basic .Info td p {
  display: inline-block;
  padding: 0 20px 0 0;
}
.QuotePage .Hotel .Basic .Info td p:last-of-type {
  padding-right: 0;
}
@media screen and (max-width: 768px) {
  .QuotePage .Rental {
    padding: 0 0 30px;
  }
}
@media screen and (min-width: 769px) {
  .QuotePage .Rental {
    padding: 0 0 40px;
  }
}
.QuotePage .Rental .DebtCredit {
  padding: 0 0 10px;
}
.QuotePage .Rental .DebtCredit dl {
  display: inline-block;
  padding: 10px;
}
.QuotePage .Rental .DebtCredit dt,
.QuotePage .Rental .DebtCredit dd {
  display: inline-block;
  vertical-align: middle;
}
.QuotePage .Rental .DebtCredit dt {
  padding: 0 5px 0 0;
}
@media screen and (min-width: 769px) {
  .QuotePage .Rental .DebtCredit dt {
    font-weight: bold;
  }
}
@media screen and (min-width: 769px) {
  .QuotePage .Rental .DebtCredit dd {
    width: 140px;
  }
}
.QuotePage .Rental table {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .QuotePage .Rental thead {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .QuotePage .Rental tr {
    display: block;
    border-bottom: 1px solid #CCC;
    margin: 0 0 10px;
  }
}
@media screen and (max-width: 768px) {
  .QuotePage .Rental tr:last-of-type {
    margin-bottom: 0;
  }
}
.QuotePage .Rental th,
.QuotePage .Rental td {
  border-bottom: 1px solid #CCC;
  padding: 10px;
}
@media screen and (max-width: 768px) {
  .QuotePage .Rental td {
    border-bottom: none;
  }
}
@media screen and (max-width: 768px) {
  .QuotePage .Rental .Name {
    display: block;
    padding-bottom: 0;
    font-weight: bold;
  }
}
@media screen and (max-width: 768px) {
  .QuotePage .Rental .Price,
  .QuotePage .Rental .Count {
    display: inline-block;
  }
}
@media screen and (max-width: 768px) {
  .QuotePage .Rental .Price:before,
  .QuotePage .Rental .Count:before {
    content: attr(data-text) "";
    display: inline-block;
  }
}
@media screen and (max-width: 768px) {
  .QuotePage .Rental .Price {
    width: 120px;
  }
}
@media screen and (min-width: 769px) {
  .QuotePage .Rental .Price {
    text-align: center;
  }
}
@media screen and (min-width: 769px) {
  .QuotePage .Rental .Count {
    width: 20%;
  }
}
@media screen and (max-width: 768px) {
  .QuotePage .Rental .Count .SelectBox {
    display: inline-block;
  }
}
@media screen and (max-width: 768px) {
  .QuotePage .Optional {
    padding: 0 0 30px;
  }
}
@media screen and (min-width: 769px) {
  .QuotePage .Optional {
    padding: 0 0 40px;
  }
}
.QuotePage .Optional table {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .QuotePage .Optional thead {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .QuotePage .Optional tr {
    display: block;
    border-bottom: 1px solid #CCC;
    margin: 0 0 10px;
  }
}
@media screen and (max-width: 768px) {
  .QuotePage .Optional tr:last-of-type {
    margin-bottom: 0;
  }
}
.QuotePage .Optional th,
.QuotePage .Optional td {
  border-bottom: 1px solid #CCC;
  padding: 10px;
}
@media screen and (max-width: 768px) {
  .QuotePage .Optional td {
    border-bottom: none;
  }
}
@media screen and (max-width: 768px) {
  .QuotePage .Optional .Option {
    display: block;
    font-weight: bold;
  }
}
@media screen and (min-width: 769px) {
  .QuotePage .Optional .Option {
    width: 40%;
  }
}
.QuotePage .Optional .Option .Plan:before {
  content: "：";
}
@media screen and (max-width: 768px) {
  .QuotePage .Optional .When:before {
    content: attr(data-text) "";
    display: inline-block;
  }
}
@media screen and (max-width: 768px) {
  .QuotePage .Optional .When .SelectBox {
    display: inline-block;
  }
}
@media screen and (max-width: 768px) {
  .QuotePage .Optional .When {
    display: block;
  }
}
@media screen and (min-width: 769px) {
  .QuotePage .Optional .When {
    width: 12%;
  }
}
@media screen and (max-width: 768px) {
  .QuotePage .Optional .Count {
    display: inline-block;
    padding: 0 0 0 10px;
  }
}
@media screen and (min-width: 769px) {
  .QuotePage .Optional .Count {
    width: 48%;
  }
}
.QuotePage .Optional .Count dl,
.QuotePage .Optional .Count dt,
.QuotePage .Optional .Count dd {
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .QuotePage .Optional .Count dl {
    padding: 0 6px 10px 0;
  }
}
@media screen and (min-width: 769px) {
  .QuotePage .Optional .Count dl {
    padding: 0 30px 0 0;
  }
}
@media screen and (min-width: 769px) {
  .QuotePage .Optional .Count dl:nth-child(n+4) {
    padding-top: 10px;
  }
}
@media screen and (min-width: 769px) {
  .QuotePage .Optional .Count dl:first-of-type {
    padding-left: 20px;
  }
}
@media screen and (max-width: 768px) {
  .QuotePage .Optional .Count dl:last-of-type {
    padding-right: 0;
  }
}
@media screen and (max-width: 768px) {
  .QuotePage .Optional .Count dt {
    padding: 0 3px 0 0;
  }
}
@media screen and (min-width: 769px) {
  .QuotePage .Optional .Count dt {
    padding: 0 10px 0 0;
  }
}
.QuotePage .Information {
  padding: 20px 0 0;
}
.QuotePage .Attn {
  color: #D94545;
}
/*************************
旅行代金内訳
*************************/
@media screen and (min-width: 769px) {
  .BreakdownPage {
    padding-top: 40px;
  }
}
@media screen and (max-width: 768px) {
  .BreakdownPage .Quote {
    padding: 0 0 30px;
  }
}
@media screen and (min-width: 769px) {
  .BreakdownPage .Quote {
    padding: 0 0 40px;
  }
}
.BreakdownPage .Quote table {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .BreakdownPage .Quote tr {
    display: block;
    border-bottom: 1px solid #CCC;
  }
}
.BreakdownPage .Quote th,
.BreakdownPage .Quote td {
  padding: 10px;
}
@media screen and (max-width: 768px) {
  .BreakdownPage .Quote th,
  .BreakdownPage .Quote td {
    display: block;
  }
}
@media screen and (min-width: 769px) {
  .BreakdownPage .Quote th,
  .BreakdownPage .Quote td {
    border-bottom: 1px solid #CCC;
  }
}
.BreakdownPage .Quote th {
  text-align: left;
}
@media screen and (max-width: 768px) {
  .BreakdownPage .Quote th {
    padding-bottom: 0;
  }
}
@media screen and (min-width: 769px) {
  .BreakdownPage .Quote th {
    width: 24%;
    font-weight: normal;
  }
}
.BreakdownPage .Quote th .Required {
  display: inline-block;
  color: #D94545;
  padding: 0 0 0 10px;
}
@media screen and (min-width: 769px) {
  .BreakdownPage .Quote td {
    width: 76%;
  }
}
.BreakdownPage .Quote span {
  display: inline-block;
}
.BreakdownPage .Quote .Fee {
  width: 70px;
}
.BreakdownPage .Quote .Pax {
  width: 30px;
}
.BreakdownPage .Quote .Symbol {
  padding: 0 10px 0 0;
}
.BreakdownPage .Quote .Total {
  text-align: center;
  padding: 10px 0 0;
}
@media screen and (max-width: 768px) {
  .BreakdownPage .Quote .Total {
    text-align: right;
  }
}
.BreakdownPage .Quote .Total:first-of-type {
  padding-top: 0;
}
.BreakdownPage .Quote .Total dl,
.BreakdownPage .Quote .Total dt,
.BreakdownPage .Quote .Total dd {
  display: inline-block;
}
.BreakdownPage .Quote .Total dl {
  padding: 0 10px 0 0;
  vertical-align: middle;
}
.BreakdownPage .Quote .Total dd {
  color: #D94545;
  font-weight: bold;
  font-size: 22px;
}
.BreakdownPage .Quote .Total .AccBreak {
  display: inline-block;
  border: 1px solid #CCC;
  background-image: -webkit-gradient(linear, left bottom, left top, from(#E6E6E6), to(white));
  background-image: -webkit-linear-gradient(bottom, #E6E6E6 0%, white 100%);
  background-image: -o-linear-gradient(bottom, #E6E6E6 0%, white 100%);
  background-image: linear-gradient(to top, #E6E6E6 0%, white 100%);
  padding: 2px 5px;
  cursor: pointer;
  position: relative;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
@media screen and (min-width: 769px) {
  .BreakdownPage .Quote .Total .AccBreak {
    width: 70px;
  }
}
.BreakdownPage .Quote .Total .AccBreak:after {
  content: "\f107";
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 900;
  vertical-align: middle;
  font-size: 16px;
  padding: 0 0 0 5px;
}
.BreakdownPage .Quote .Total .AccBreak.Open:after {
  content: "\f106";
}
/*************************
お問い合わせ
*************************/
.ContactPage .AppInfo .Rental .Unit {
  padding: 0 0 5px;
}
.ContactPage .AppInfo .Rental .Unit:last-of-type {
  padding-bottom: 0;
}
.ContactPage .EntryBox .Request textarea {
  display: block;
}
@media screen and (max-width: 768px) {
  .ContactPage .EntryBox .Request textarea {
    height: 110px;
  }
}
@media screen and (min-width: 769px) {
  .ContactPage .EntryBox .Request textarea {
    width: 80%;
    height: 150px;
  }
}
.ContactPage .Atten {
  text-align: center;
  color: #D94545;
  padding: 15px 0 0;
}
/*************************
ログイン
*************************/
.LoginPage h2 {
  margin: 0 0 10px;
}
.LoginPage .OnlineTxt {
  text-align: center;
  padding: 20px 0 40px;
}
@media screen and (min-width: 769px) {
  .LoginPage .OnlineTxt br {
    display: none;
  }
}
.LoginPage .WhichBox {
  padding: 10px 0 0;
}
@media screen and (min-width: 769px) {
  .LoginPage .WhichBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 100%;
  }
}
@media screen and (min-width: 769px) {
  .LoginPage .Unit {
    width: 49%;
    padding: 20px;
    border: 1px solid #CCC;
  }
}
.LoginPage .Unit .SubTitle {
  text-align: center;
  font-size: 16px;
  padding: 0 0 20px;
}
.LoginPage .Unit .LogBtnBox .Advance {
  width: 200px;
  margin: auto;
}
.LoginPage .Unit .LogBtnBox .Advance .Already {
  display: block;
  width: 100%;
  font-size: 16px;
  background: #65CC4C;
  border: none;
  color: #FFF;
  cursor: pointer;
  padding: 10px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
@media screen and (max-width: 768px) {
  .LoginPage .Login {
    padding: 0 0 20px;
    border-bottom: 1px solid #CCC;
  }
}
.LoginPage .Login table {
  width: 100%;
  margin: 0 0 20px;
}
.LoginPage .Login tr:last-of-type td {
  padding-bottom: 0;
}
@media screen and (max-width: 768px) {
  .LoginPage .Login th,
  .LoginPage .Login td {
    display: block;
  }
}
.LoginPage .Login th {
  text-align: left;
}
@media screen and (max-width: 768px) {
  .LoginPage .Login th {
    padding: 0 0 5px;
  }
}
@media screen and (min-width: 769px) {
  .LoginPage .Login th {
    width: 28%;
    font-weight: normal;
  }
}
.LoginPage .Login td {
  padding: 0 0 10px;
}
.LoginPage .Login .LogTxt {
  padding: 20px 0 0;
}
@media screen and (max-width: 768px) {
  .LoginPage .Login .LogTxt .Forgot p {
    padding: 0 0 5px;
  }
}
.LoginPage .Login .LogTxt .Txt {
  padding: 10px 0;
}
.LoginPage .Login .LogTxt dd {
  padding: 0 0 5px 10px;
}
.LoginPage .Login .LogTxt dd:last-of-type {
  padding-bottom: 0;
}
@media screen and (max-width: 768px) {
  .LoginPage .NoLogin {
    border-bottom: 1px solid #CCC;
  }
}
.LoginPage .NoLogin .SubTitle {
  padding-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .LoginPage .NoLogin .SubTitle {
    padding-top: 20px;
  }
}
.LoginPage .NoLogin .NewMember {
  padding: 0 0 20px;
  border-bottom: 1px dashed #CCC;
}
.LoginPage .NoLogin .NewMember .LogTxt .Txt {
  padding: 20px 0 0;
}
@media screen and (max-width: 768px) {
  .LoginPage .NoLogin .NoMember {
    padding: 0 0 20px;
  }
}
@media screen and (min-width: 769px) {
  .LoginPage .NoLogin .NoMember {
    padding: 20px 0 0;
  }
}
.LoginPage .NoLogin .NoMember .LogBtnBox .Advance .Already {
  color: #444;
  border: 1px solid #CCC;
  background-image: -webkit-gradient(linear, left bottom, left top, from(#E6E6E6), to(white));
  background-image: -webkit-linear-gradient(bottom, #E6E6E6 0%, white 100%);
  background-image: -o-linear-gradient(bottom, #E6E6E6 0%, white 100%);
  background-image: linear-gradient(to top, #E6E6E6 0%, white 100%);
}
.LoginPage .NoLogin .NoMember .LogTxt .Txt {
  padding: 20px 0 0;
}
/*************************
ID・パスワードを忘れた方 入力画面
*************************/
.ForgotPage .GetTxt {
  padding: 0 0 10px;
}
.ForgotPage .OnlineTxt {
  text-align: center;
  padding: 20px 0 40px;
}
@media screen and (min-width: 769px) {
  .ForgotPage .OnlineTxt br {
    display: none;
  }
}
.ForgotPage table {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .ForgotPage tr {
    display: block;
    border-bottom: 1px solid #CCC;
  }
}
.ForgotPage th,
.ForgotPage td {
  padding: 10px;
}
@media screen and (max-width: 768px) {
  .ForgotPage th,
  .ForgotPage td {
    display: block;
  }
}
@media screen and (min-width: 769px) {
  .ForgotPage th,
  .ForgotPage td {
    border-bottom: 1px solid #CCC;
  }
}
.ForgotPage th {
  text-align: left;
}
@media screen and (max-width: 768px) {
  .ForgotPage th {
    padding-bottom: 0;
  }
}
@media screen and (min-width: 769px) {
  .ForgotPage th {
    width: 24%;
    font-weight: normal;
  }
}
.ForgotPage th .Required {
  display: inline-block;
  color: #D94545;
  padding: 0 0 0 10px;
}
@media screen and (min-width: 769px) {
  .ForgotPage td {
    width: 76%;
  }
}
.ForgotPage td input[type="mail"],
.ForgotPage td input[type="text"] {
  margin-top: 5px;
}
@media screen and (max-width: 768px) {
  .ForgotPage td input[type="mail"],
  .ForgotPage td input[type="text"] {
    width: 100%;
  }
}
@media screen and (min-width: 769px) {
  .ForgotPage td input[type="mail"],
  .ForgotPage td input[type="text"] {
    width: 80%;
  }
}
.ForgotPage td input[type="mail"]:first-of-type,
.ForgotPage td input[type="text"]:first-of-type {
  margin-top: 0;
}
.ForgotPage .Secret .SelectBox {
  padding: 0 0 5px;
}
@media screen and (max-width: 768px) {
  .ForgotPage .Secret .SelectBox {
    width: 100%;
  }
}
@media screen and (min-width: 769px) {
  .ForgotPage .Secret .SelectBox {
    width: 40%;
  }
}
.ForgotPage .Error {
  color: #D94545;
  font-weight: bold;
}
.ForgotPage .Error:first-of-type {
  padding: 10px 0 0;
}
/*************************
ID・パスワードを忘れた方 送信完了画面
*************************/
.ContactCompPage .BtnBox .Return:after,
.ForgotCompPage .BtnBox .Return:after {
  display: none;
}
@media screen and (max-width: 768px) {
  .ContactCompPage .MailAttn,
  .ForgotCompPage .MailAttn {
    padding: 0 10px;
    margin: 20px 0 0;
  }
}
@media screen and (min-width: 769px) {
  .ContactCompPage .MailAttn,
  .ForgotCompPage .MailAttn {
    width: 630px;
    margin: 20px auto 0;
  }
}
.ContactCompPage .MailAttn .Title,
.ForgotCompPage .MailAttn .Title {
  color: #D94545;
}
@media screen and (min-width: 769px) {
  .ContactCompPage .MailAttn .Title,
  .ForgotCompPage .MailAttn .Title {
    font-size: 16px;
    text-align: center;
  }
}
/*************************
お客様情報入力
*************************/
.PersonPage h2 {
  margin: 0 0 10px;
}
@media screen and (max-width: 768px) {
  .PersonPage .MemberReg {
    padding: 0 0 30px;
  }
}
@media screen and (min-width: 769px) {
  .PersonPage .MemberReg {
    padding: 0 0 40px;
  }
}
.PersonPage .MemberReg table {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .PersonPage .MemberReg tr {
    display: block;
    border-bottom: 1px solid #CCC;
  }
}
.PersonPage .MemberReg th,
.PersonPage .MemberReg td {
  padding: 10px;
}
@media screen and (max-width: 768px) {
  .PersonPage .MemberReg th,
  .PersonPage .MemberReg td {
    display: block;
  }
}
@media screen and (min-width: 769px) {
  .PersonPage .MemberReg th,
  .PersonPage .MemberReg td {
    border-bottom: 1px solid #CCC;
  }
}
.PersonPage .MemberReg th {
  font-weight: normal;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .PersonPage .MemberReg th {
    padding-bottom: 0;
  }
}
@media screen and (min-width: 769px) {
  .PersonPage .MemberReg th {
    width: 24%;
  }
}
.PersonPage .MemberReg th .Required {
  display: inline-block;
  color: #D94545;
  padding: 0 0 0 10px;
}
@media screen and (min-width: 769px) {
  .PersonPage .MemberReg td {
    width: 76%;
  }
}
.PersonPage .MemberReg .Nickname input[type="mail"],
.PersonPage .MemberReg .Password input[type="mail"],
.PersonPage .MemberReg .Secret input[type="mail"],
.PersonPage .MemberReg .Nickname input[type="password"],
.PersonPage .MemberReg .Password input[type="password"],
.PersonPage .MemberReg .Secret input[type="password"],
.PersonPage .MemberReg .Nickname input[type="text"],
.PersonPage .MemberReg .Password input[type="text"],
.PersonPage .MemberReg .Secret input[type="text"] {
  margin-top: 5px;
}
@media screen and (max-width: 768px) {
  .PersonPage .MemberReg .Nickname input[type="mail"],
  .PersonPage .MemberReg .Password input[type="mail"],
  .PersonPage .MemberReg .Secret input[type="mail"],
  .PersonPage .MemberReg .Nickname input[type="password"],
  .PersonPage .MemberReg .Password input[type="password"],
  .PersonPage .MemberReg .Secret input[type="password"],
  .PersonPage .MemberReg .Nickname input[type="text"],
  .PersonPage .MemberReg .Password input[type="text"],
  .PersonPage .MemberReg .Secret input[type="text"] {
    width: 100%;
  }
}
@media screen and (min-width: 769px) {
  .PersonPage .MemberReg .Nickname input[type="mail"],
  .PersonPage .MemberReg .Password input[type="mail"],
  .PersonPage .MemberReg .Secret input[type="mail"],
  .PersonPage .MemberReg .Nickname input[type="password"],
  .PersonPage .MemberReg .Password input[type="password"],
  .PersonPage .MemberReg .Secret input[type="password"],
  .PersonPage .MemberReg .Nickname input[type="text"],
  .PersonPage .MemberReg .Password input[type="text"],
  .PersonPage .MemberReg .Secret input[type="text"] {
    width: 80%;
  }
}
.PersonPage .MemberReg .Nickname input[type="mail"]:first-of-type,
.PersonPage .MemberReg .Password input[type="mail"]:first-of-type,
.PersonPage .MemberReg .Secret input[type="mail"]:first-of-type,
.PersonPage .MemberReg .Nickname input[type="password"]:first-of-type,
.PersonPage .MemberReg .Password input[type="password"]:first-of-type,
.PersonPage .MemberReg .Secret input[type="password"]:first-of-type,
.PersonPage .MemberReg .Nickname input[type="text"]:first-of-type,
.PersonPage .MemberReg .Password input[type="text"]:first-of-type,
.PersonPage .MemberReg .Secret input[type="text"]:first-of-type {
  margin-top: 0;
}
.PersonPage .MemberReg .Secret .SelectBox {
  padding: 0 0 5px;
}
@media screen and (max-width: 768px) {
  .PersonPage .MemberReg .Secret .SelectBox {
    width: 100%;
  }
}
@media screen and (min-width: 769px) {
  .PersonPage .MemberReg .Secret .SelectBox {
    width: 40%;
  }
}
.PersonPage .MemberReg .Txt:first-of-type {
  padding: 10px 0 0;
}
.PersonPage .MemberReg .Error {
  color: #D94545;
  font-weight: bold;
}
.PersonPage .MemberReg .Error:first-of-type {
  padding: 10px 0 0;
}
.PersonPage .Representative {
  display: none;
}
.PersonPage .Payment .Choose {
  display: none;
}
@media screen and (max-width: 768px) {
  .PersonPage .Payment .Choose.Open {
    display: block;
  }
}
@media screen and (min-width: 769px) {
  .PersonPage .Payment .Choose.Open {
    display: table-row;
  }
}
@media screen and (max-width: 768px) {
  .PersonPage .Payment img {
    max-width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .PersonPage .Rental {
    padding: 0 0 30px;
  }
}
@media screen and (min-width: 769px) {
  .PersonPage .Rental {
    padding: 0 0 40px;
  }
}
.PersonPage .Rental table {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .PersonPage .Rental tr {
    display: block;
    border-bottom: 1px solid #CCC;
  }
}
.PersonPage .Rental th,
.PersonPage .Rental td {
  padding: 10px;
}
@media screen and (max-width: 768px) {
  .PersonPage .Rental th,
  .PersonPage .Rental td {
    display: block;
  }
}
@media screen and (min-width: 769px) {
  .PersonPage .Rental th,
  .PersonPage .Rental td {
    border-bottom: 1px solid #CCC;
  }
}
.PersonPage .Rental th {
  text-align: left;
  font-weight: normal;
}
@media screen and (max-width: 768px) {
  .PersonPage .Rental th {
    padding-bottom: 0;
  }
}
@media screen and (min-width: 769px) {
  .PersonPage .Rental th {
    width: 28%;
  }
}
.PersonPage .Rental th .Example {
  color: #D94545;
}
@media screen and (min-width: 769px) {
  .PersonPage .Rental td {
    width: 72%;
  }
}
.PersonPage .Rental textarea {
  height: 142px;
}
@media screen and (max-width: 768px) {
  .PersonPage .point {
    padding: 0 0 30px;
  }
}
@media screen and (min-width: 769px) {
  .PersonPage .point {
    padding: 0 0 40px;
  }
}
.PersonPage .point .Info {
  border: 1px solid #CCC;
  padding: 10px;
}
.PersonPage .Terms {
  text-align: center;
  padding: 0 0 30px;
}
.PersonPage .Terms .Link {
  padding: 0 0 10px;
}
.PersonPage .Terms .Link a {
  font-size: 16px;
}
.PersonPage .Terms .Info {
  padding: 10px;
}
.PersonPage .Terms .TermsSelect {
  padding: 20px 0 0;
}
.PersonPage .Terms .RadioBox {
  padding: 0 20px 0 0;
}
.PersonPage .Terms .RadioBox label:before {
  padding: 0 5px 0 0;
}
@media screen and (max-width: 768px) {
  .PersonPage .Caution {
    margin: 20px 10px 0;
  }
}
@media screen and (min-width: 769px) {
  .PersonPage .Caution {
    margin: 20px 0 0;
  }
}
.PersonPage .Caution .Info {
  text-align: center;
  color: #D94545;
}
/*************************
集合場所・解散場所
*************************/
.PlacePage h2 {
  margin: 0 0 10px;
}
@media screen and (max-width: 768px) {
  .PlacePage .Place {
    padding: 0 0 30px;
  }
}
@media screen and (min-width: 769px) {
  .PlacePage .Place {
    padding: 0 0 40px;
  }
}
.PlacePage table {
  width: 100%;
}
@media screen and (min-width: 769px) {
  .PlacePage table {
    table-layout: fixed;
  }
}
@media screen and (max-width: 768px) {
  .PlacePage thead {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .PlacePage tr {
    display: block;
    border-bottom: 1px solid #CCC;
    margin: 0 0 10px;
  }
}
@media screen and (max-width: 768px) {
  .PlacePage tr:last-of-type {
    margin-bottom: 0;
  }
}
.PlacePage th,
.PlacePage td {
  border-bottom: 1px solid #CCC;
  padding: 10px;
}
@media screen and (max-width: 768px) {
  .PlacePage td {
    display: block;
    border-bottom: none;
  }
}
@media screen and (min-width: 769px) {
  .PlacePage .Name {
    width: 40%;
  }
}
@media screen and (max-width: 768px) {
  .PlacePage .Set:before,
  .PlacePage .Disband:before {
    content: attr(data-text) "";
    display: inline-block;
    width: 54px;
  }
}
@media screen and (max-width: 768px) {
  .PlacePage .Set .SelectBox,
  .PlacePage .Disband .SelectBox {
    display: inline-block;
    width: -webkit-calc(100% - 62px);
    width: calc(100% - 62px);
  }
}
@media screen and (max-width: 768px) {
  .PlacePage .Set {
    padding-bottom: 0;
  }
}
.PlacePage .Information {
  padding: 20px 0 0;
}
.PlacePage .Attn {
  color: #D94545;
}
/*************************
レンタル使用者・サイズ
*************************/
.RentalPage h2 {
  margin: 0 0 10px;
}
@media screen and (max-width: 768px) {
  .RentalPage .Rental {
    padding: 0 0 30px;
  }
}
@media screen and (min-width: 769px) {
  .RentalPage .Rental {
    padding: 0 0 40px;
  }
}
.RentalPage table {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .RentalPage table {
    margin: 10px 0 0;
  }
}
@media screen and (min-width: 769px) {
  .RentalPage table {
    table-layout: fixed;
    margin: 40px 0 0;
  }
}
.RentalPage table:first-of-type {
  margin-top: 0;
}
.RentalPage caption {
  text-align: left;
  font-size: 16px;
  padding: 10px 10px 5px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .RentalPage thead {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .RentalPage tr {
    display: block;
    border-bottom: 1px dashed #CCC;
  }
}
@media screen and (max-width: 768px) {
  .RentalPage tr:last-of-type {
    margin-bottom: 0;
    border-bottom: 1px solid #CCC;
  }
}
.RentalPage th,
.RentalPage td {
  border-bottom: 1px solid #CCC;
  padding: 10px;
}
@media screen and (max-width: 768px) {
  .RentalPage td {
    display: block;
    border-bottom: none;
    padding-bottom: 0;
  }
}
@media screen and (max-width: 768px) {
  .RentalPage td:before {
    content: attr(data-text) "";
    display: inline-block;
    width: 54px;
  }
}
@media screen and (max-width: 768px) {
  .RentalPage td:last-of-type {
    padding-bottom: 10px;
  }
}
@media screen and (max-width: 768px) {
  .RentalPage td .SelectBox,
  .RentalPage td input {
    display: inline-block;
    width: -webkit-calc(100% - 62px);
    width: calc(100% - 62px);
  }
}
@media screen and (min-width: 769px) {
  .RentalPage .Name {
    width: 30%;
  }
}
.RentalPage .Information {
  padding: 20px 0 0;
}
.RentalPage .Attn {
  color: #D94545;
}
/*************************
クーポン
*************************/
@media screen and (max-width: 768px) {
  .CouponPage .Coupon {
    padding: 0 0 30px;
  }
}
@media screen and (min-width: 769px) {
  .CouponPage .Coupon {
    padding: 0 0 40px;
  }
}
.CouponPage .CpTxt {
  padding: 0 0 10px;
}
.CouponPage table {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .CouponPage tr {
    display: block;
    border-bottom: 1px solid #CCC;
  }
}
.CouponPage th,
.CouponPage td {
  padding: 10px;
}
@media screen and (max-width: 768px) {
  .CouponPage th,
  .CouponPage td {
    display: block;
  }
}
@media screen and (min-width: 769px) {
  .CouponPage th,
  .CouponPage td {
    border-bottom: 1px solid #CCC;
  }
}
.CouponPage th {
  text-align: left;
}
@media screen and (max-width: 768px) {
  .CouponPage th {
    padding-bottom: 0;
  }
}
@media screen and (min-width: 769px) {
  .CouponPage th {
    width: 24%;
    font-weight: normal;
  }
}
.CouponPage th .Required {
  display: inline-block;
  color: #D94545;
  padding: 0 0 0 10px;
}
@media screen and (min-width: 769px) {
  .CouponPage td {
    width: 76%;
  }
}
.CouponPage td input[type="mail"],
.CouponPage td input[type="text"] {
  margin-top: 5px;
}
@media screen and (max-width: 768px) {
  .CouponPage td input[type="mail"],
  .CouponPage td input[type="text"] {
    width: 100%;
  }
}
@media screen and (min-width: 769px) {
  .CouponPage td input[type="mail"],
  .CouponPage td input[type="text"] {
    width: 80%;
  }
}
.CouponPage td input[type="mail"]:first-of-type,
.CouponPage td input[type="text"]:first-of-type {
  margin-top: 0;
}
.CouponPage .Error {
  color: #D94545;
  font-weight: bold;
}
.CouponPage .Error:first-of-type {
  padding: 10px 0 0;
}
/*************************
ポイント
*************************/
@media screen and (max-width: 768px) {
  .PointPage .Point {
    padding: 0 0 30px;
  }
}
@media screen and (min-width: 769px) {
  .PointPage .Point {
    padding: 0 0 40px;
  }
}
.PointPage table {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .PointPage tr {
    display: block;
    border-bottom: 1px solid #CCC;
  }
}
.PointPage th,
.PointPage td {
  padding: 10px;
}
@media screen and (max-width: 768px) {
  .PointPage th,
  .PointPage td {
    display: block;
  }
}
@media screen and (min-width: 769px) {
  .PointPage th,
  .PointPage td {
    border-bottom: 1px solid #CCC;
  }
}
.PointPage th {
  text-align: left;
}
@media screen and (max-width: 768px) {
  .PointPage th {
    padding-bottom: 0;
  }
}
@media screen and (min-width: 769px) {
  .PointPage th {
    width: 24%;
    font-weight: normal;
  }
}
.PointPage th .Required {
  display: inline-block;
  color: #D94545;
  padding: 0 0 0 10px;
}
@media screen and (min-width: 769px) {
  .PointPage td {
    width: 76%;
  }
}
.PointPage td input[type="mail"],
.PointPage td input[type="text"] {
  margin-top: 5px;
}
@media screen and (max-width: 768px) {
  .PointPage td input[type="mail"],
  .PointPage td input[type="text"] {
    width: 100%;
  }
}
@media screen and (min-width: 769px) {
  .PointPage td input[type="mail"],
  .PointPage td input[type="text"] {
    width: 80%;
  }
}
.PointPage td input[type="mail"]:first-of-type,
.PointPage td input[type="text"]:first-of-type {
  margin-top: 0;
}
.PointPage .Number input {
  width: 100px;
}
.PointPage p {
  padding-top: 10px;
}
.PointPage .Error {
  color: #D94545;
  font-weight: bold;
}
/*************************
最終確認
*************************/
.LastConfPage .RaseInput {
  padding: 0 0 20px;
}
@media screen and (max-width: 768px) {
  .LastConfPage .Payment {
    padding: 0 0 30px;
  }
}
@media screen and (min-width: 769px) {
  .LastConfPage .Payment {
    padding: 0 0 40px;
  }
}
@media screen and (max-width: 768px) {
  .LastConfPage .Point {
    padding: 0 0 30px;
  }
}
@media screen and (min-width: 769px) {
  .LastConfPage .Point {
    padding: 0 0 40px;
  }
}
.LastConfPage .Point table {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .LastConfPage .Point tr {
    display: block;
    border-bottom: 1px solid #CCC;
  }
}
.LastConfPage .Point th,
.LastConfPage .Point td {
  padding: 10px;
}
@media screen and (max-width: 768px) {
  .LastConfPage .Point th,
  .LastConfPage .Point td {
    display: block;
  }
}
@media screen and (min-width: 769px) {
  .LastConfPage .Point th,
  .LastConfPage .Point td {
    border-bottom: 1px solid #CCC;
  }
}
.LastConfPage .Point th {
  text-align: left;
}
@media screen and (max-width: 768px) {
  .LastConfPage .Point th {
    padding-bottom: 0;
  }
}
@media screen and (min-width: 769px) {
  .LastConfPage .Point th {
    width: 24%;
    font-weight: normal;
  }
}
.LastConfPage .Point th .Required {
  display: inline-block;
  color: #D94545;
  padding: 0 0 0 10px;
}
@media screen and (min-width: 769px) {
  .LastConfPage .Point td {
    width: 76%;
  }
}
@media screen and (max-width: 768px) {
  .LastConfPage .Quote {
    padding: 0 0 30px;
  }
}
@media screen and (min-width: 769px) {
  .LastConfPage .Quote {
    padding: 0 0 40px;
  }
}
.LastConfPage .Quote table {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .LastConfPage .Quote tr {
    display: block;
    border-bottom: 1px solid #CCC;
  }
}
.LastConfPage .Quote th,
.LastConfPage .Quote td {
  padding: 10px;
}
@media screen and (max-width: 768px) {
  .LastConfPage .Quote th,
  .LastConfPage .Quote td {
    display: block;
  }
}
@media screen and (min-width: 769px) {
  .LastConfPage .Quote th,
  .LastConfPage .Quote td {
    border-bottom: 1px solid #CCC;
  }
}
.LastConfPage .Quote th {
  text-align: left;
}
@media screen and (max-width: 768px) {
  .LastConfPage .Quote th {
    padding-bottom: 0;
  }
}
@media screen and (min-width: 769px) {
  .LastConfPage .Quote th {
    width: 24%;
    font-weight: normal;
  }
}
.LastConfPage .Quote th .Required {
  display: inline-block;
  color: #D94545;
  padding: 0 0 0 10px;
}
@media screen and (min-width: 769px) {
  .LastConfPage .Quote td {
    width: 76%;
  }
}
.LastConfPage .Quote span {
  display: inline-block;
}
.LastConfPage .Quote .Fee {
  width: 70px;
}
.LastConfPage .Quote .Pax {
  width: 30px;
}
.LastConfPage .Quote .Symbol {
  padding: 0 10px 0 0;
}
.LastConfPage .Quote .Total {
  text-align: center;
  padding: 10px 0 0;
}
@media screen and (max-width: 768px) {
  .LastConfPage .Quote .Total {
    text-align: right;
  }
}
.LastConfPage .Quote .Total:first-of-type {
  padding-top: 0;
}
.LastConfPage .Quote .Total dl,
.LastConfPage .Quote .Total dt,
.LastConfPage .Quote .Total dd {
  display: inline-block;
}
.LastConfPage .Quote .Total dl {
  padding: 0 10px 0 0;
  vertical-align: middle;
}
.LastConfPage .Quote .Total dd {
  color: #D94545;
  font-weight: bold;
  font-size: 22px;
}
.LastConfPage .Quote .Total .AccBreak {
  display: inline-block;
  border: 1px solid #CCC;
  background-image: -webkit-gradient(linear, left bottom, left top, from(#E6E6E6), to(white));
  background-image: -webkit-linear-gradient(bottom, #E6E6E6 0%, white 100%);
  background-image: -o-linear-gradient(bottom, #E6E6E6 0%, white 100%);
  background-image: linear-gradient(to top, #E6E6E6 0%, white 100%);
  padding: 2px 5px;
  cursor: pointer;
  position: relative;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
@media screen and (min-width: 769px) {
  .LastConfPage .Quote .Total .AccBreak {
    width: 70px;
  }
}
.LastConfPage .Quote .Total .AccBreak:after {
  content: "\f107";
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 900;
  vertical-align: middle;
  font-size: 16px;
  padding: 0 0 0 5px;
}
.LastConfPage .Quote .Total .AccBreak.Open:after {
  content: "\f106";
}
.LastConfPage .Quote .Breakdown {
  padding: 5px 0 20px;
}
@media screen and (max-width: 768px) {
  .LastConfPage .Terms {
    padding: 0 10px 30px;
  }
}
@media screen and (min-width: 769px) {
  .LastConfPage .Terms {
    padding: 0 0 30px;
  }
}
@media screen and (max-width: 768px) {
  .LastConfPage .Terms .Link {
    padding: 0 0 30px;
  }
}
@media screen and (min-width: 769px) {
  .LastConfPage .Terms .Link {
    padding: 0 0 40px;
  }
}
.LastConfPage .Terms .Link iframe {
  height: 300px;
}
.LastConfPage .Terms .TermsSelect {
  text-align: center;
}
.LastConfPage .Terms .CheckBox {
  display: block;
  margin: 0 0 10px;
}
.LastConfPage .Terms .CheckBox:last-of-type {
  margin-bottom: 0;
}
.LastConfPage .Terms .CheckBox label {
  display: inline-block;
  font-size: 16px;
}
.LastConfPage .Terms .CheckBox label:before {
  padding: 0 5px 3px 0;
  vertical-align: middle;
}
.LastConfPage .Caution {
  border: 2px solid #D94545;
}
@media screen and (max-width: 768px) {
  .LastConfPage .Caution {
    margin: 20px 10px 0;
    padding: 10px;
  }
}
@media screen and (min-width: 769px) {
  .LastConfPage .Caution {
    width: 650px;
    margin: 20px auto 0;
    padding: 20px;
  }
}
.LastConfPage .Caution .Title {
  color: #D94545;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .LastConfPage .Caution .Title {
    font-size: 16px;
  }
}
@media screen and (min-width: 769px) {
  .LastConfPage .Caution .Title {
    font-size: 22px;
  }
}
@media screen and (min-width: 769px) {
  .LastConfPage .Caution .Info {
    padding: 0 30px;
  }
}
/*************************
予約完了
*************************/
@media screen and (max-width: 768px) {
  .CompPage .ReseTxt {
    padding: 0 10px 30px;
  }
}
@media screen and (min-width: 769px) {
  .CompPage .ReseTxt {
    padding: 0 10px 30px;
  }
}
.CompPage .ReseTxt .ReseNum {
  padding: 0 0 10px;
}
@media screen and (min-width: 769px) {
  .CompPage .ReseTxt .ReseNum {
    font-size: 16px;
  }
}
.CompPage .ReseTxt .ReseNum .Item,
.CompPage .ReseTxt .ReseNum .Number {
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .CompPage .RequestInput {
    padding: 0 0 30px;
  }
}
@media screen and (min-width: 769px) {
  .CompPage .RequestInput {
    padding: 0 0 40px;
  }
}
@media screen and (max-width: 768px) {
  .CompPage .Point {
    padding: 0 0 30px;
  }
}
@media screen and (min-width: 769px) {
  .CompPage .Point {
    padding: 0 0 40px;
  }
}
.CompPage .Point table {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .CompPage .Point tr {
    display: block;
    border-bottom: 1px solid #CCC;
  }
}
.CompPage .Point th,
.CompPage .Point td {
  padding: 10px;
}
@media screen and (max-width: 768px) {
  .CompPage .Point th,
  .CompPage .Point td {
    display: block;
  }
}
@media screen and (min-width: 769px) {
  .CompPage .Point th,
  .CompPage .Point td {
    border-bottom: 1px solid #CCC;
  }
}
.CompPage .Point th {
  text-align: left;
}
@media screen and (max-width: 768px) {
  .CompPage .Point th {
    padding-bottom: 0;
  }
}
@media screen and (min-width: 769px) {
  .CompPage .Point th {
    width: 24%;
    font-weight: normal;
  }
}
.CompPage .Point th .Required {
  display: inline-block;
  color: #D94545;
  padding: 0 0 0 10px;
}
@media screen and (min-width: 769px) {
  .CompPage .Point td {
    width: 76%;
  }
}
@media screen and (max-width: 768px) {
  .CompPage .Quote {
    padding: 0 0 30px;
  }
}
@media screen and (min-width: 769px) {
  .CompPage .Quote {
    padding: 0 0 40px;
  }
}
.CompPage .Quote table {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .CompPage .Quote tr {
    display: block;
    border-bottom: 1px solid #CCC;
  }
}
.CompPage .Quote th,
.CompPage .Quote td {
  padding: 10px;
}
@media screen and (max-width: 768px) {
  .CompPage .Quote th,
  .CompPage .Quote td {
    display: block;
  }
}
@media screen and (min-width: 769px) {
  .CompPage .Quote th,
  .CompPage .Quote td {
    border-bottom: 1px solid #CCC;
  }
}
.CompPage .Quote th {
  text-align: left;
}
@media screen and (max-width: 768px) {
  .CompPage .Quote th {
    padding-bottom: 0;
  }
}
@media screen and (min-width: 769px) {
  .CompPage .Quote th {
    width: 24%;
    font-weight: normal;
  }
}
.CompPage .Quote th .Required {
  display: inline-block;
  color: #D94545;
  padding: 0 0 0 10px;
}
@media screen and (min-width: 769px) {
  .CompPage .Quote td {
    width: 76%;
  }
}
.CompPage .Quote span {
  display: inline-block;
}
.CompPage .Quote .Fee {
  width: 70px;
}
.CompPage .Quote .Pax {
  width: 30px;
}
.CompPage .Quote .Symbol {
  padding: 0 10px 0 0;
}
.CompPage .Quote .Total {
  text-align: center;
  padding: 10px 0 0;
}
@media screen and (max-width: 768px) {
  .CompPage .Quote .Total {
    text-align: right;
  }
}
.CompPage .Quote .Total:first-of-type {
  padding-top: 0;
}
.CompPage .Quote .Total dl,
.CompPage .Quote .Total dt,
.CompPage .Quote .Total dd {
  display: inline-block;
}
.CompPage .Quote .Total dl {
  padding: 0 10px 0 0;
  vertical-align: middle;
}
.CompPage .Quote .Total dd {
  color: #D94545;
  font-weight: bold;
  font-size: 22px;
}
.CompPage .Quote .Total .AccBreak {
  display: inline-block;
  border: 1px solid #CCC;
  background-image: -webkit-gradient(linear, left bottom, left top, from(#E6E6E6), to(white));
  background-image: -webkit-linear-gradient(bottom, #E6E6E6 0%, white 100%);
  background-image: -o-linear-gradient(bottom, #E6E6E6 0%, white 100%);
  background-image: linear-gradient(to top, #E6E6E6 0%, white 100%);
  padding: 2px 5px;
  cursor: pointer;
  position: relative;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
@media screen and (min-width: 769px) {
  .CompPage .Quote .Total .AccBreak {
    width: 70px;
  }
}
.CompPage .Quote .Total .AccBreak:after {
  content: "\f107";
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 900;
  vertical-align: middle;
  font-size: 16px;
  padding: 0 0 0 5px;
}
.CompPage .Quote .Total .AccBreak.Open:after {
  content: "\f106";
}
.CompPage .Quote .Breakdown {
  padding: 5px 0 20px;
}
@media screen and (max-width: 768px) {
  .CompPage .Cancel {
    padding: 0 0 30px;
  }
}
@media screen and (min-width: 769px) {
  .CompPage .Cancel {
    padding: 0 0 40px;
  }
}
.CompPage .Cancel table {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .CompPage .Cancel tr {
    display: block;
    border-bottom: 1px solid #CCC;
  }
}
.CompPage .Cancel th,
.CompPage .Cancel td {
  padding: 10px;
}
@media screen and (max-width: 768px) {
  .CompPage .Cancel th,
  .CompPage .Cancel td {
    display: block;
  }
}
@media screen and (min-width: 769px) {
  .CompPage .Cancel th,
  .CompPage .Cancel td {
    border-bottom: 1px solid #CCC;
  }
}
.CompPage .Cancel th {
  text-align: left;
}
@media screen and (max-width: 768px) {
  .CompPage .Cancel th {
    padding-bottom: 0;
  }
}
@media screen and (min-width: 769px) {
  .CompPage .Cancel th {
    width: 24%;
    font-weight: normal;
  }
}
.CompPage .Cancel th .Required {
  display: inline-block;
  color: #D94545;
  padding: 0 0 0 10px;
}
@media screen and (min-width: 769px) {
  .CompPage .Cancel td {
    width: 76%;
  }
}
.CompPage .Cancel span {
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .CompPage .MailAttn {
    padding: 0 10px;
    margin: 20px 0 0;
  }
}
@media screen and (min-width: 769px) {
  .CompPage .MailAttn {
    width: 630px;
    margin: 20px auto 0;
  }
}
.CompPage .MailAttn .Title {
  color: #D94545;
}
@media screen and (min-width: 769px) {
  .CompPage .MailAttn .Title {
    font-size: 16px;
    text-align: center;
  }
}
/*************************
再決済
*************************/
.RePaymentPage .RePayTxt {
  color: #D94545;
}
@media screen and (max-width: 768px) {
  .RePaymentPage .RePayTxt {
    padding: 0 0 30px;
  }
}
@media screen and (min-width: 769px) {
  .RePaymentPage .RePayTxt {
    padding: 0 10px 30px;
  }
}
.RePaymentPage .RePayTxt .RePayTitle {
  font-weight: bold;
}