@charset "utf-8";

.searchbox01 .type-select .btn-group .btn.active:before {
  display: none;
}

.binlist-calendar {
  min-height: auto;
}

.ttl-box{
	margin-bottom: 15px;
}

.bin-time-box{
	background: #f7f7f7;
	padding: 10px 10px;
	border-radius: 10px;
}
.bin-ttl-box {
  padding-bottom: 10px;
}

.dep-arr-box {
	margin-bottom: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.dep-arr-box .item{
	width: 49.5%;
	order: 1;
}
.dep-arr-box .item a {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;

  text-align: center;
  border: 1px solid #ddd;
  background: #fff;
	border-radius: 10px;
	border:none;
	padding: 15px 3px;
  text-decoration: none;
}

.dep-arr-box .item a:hover {
  background: #fff5f9;
}
.dep-arr-day-txt {
  font-size: 14px;
  letter-spacing: -0.8px;
}

.dep-arr-time-txt {
  font-size: 20px;
  font-weight: bold;
  margin: 0 8px;
}

.dep-arr-txt {
  font-size: 14px;
  font-weight: bold;
}

.dep-arr-port {
  font-size: 14px;
}
.dep-arr-port:before {
  content: "\f3c5";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 5px;
  color: #F53D7E;
}
.dep-arr-port,
.card h3.dep-arr-port{
	font-size: 14px;
	padding: 0;
	margin: 0;
	font-weight: normal;
}
.dep-arr-port:before,
.card h3.dep-arr-port:before{
	color: #000;
	font-size: 10px;
}
.dep-arr-port b,
.card h3.dep-arr-port b{
	display: block;
	font-weight: normal;
}
.card-body .notice-check label {
  font-size: 14px;
  font-weight: bold;
  color: #cc0000;
  text-align: center;
  cursor: pointer;
}

.card-body .notice-check input {
  cursor: pointer;
}

.notice-check a {
  display: block;
  padding: 15px 10px;
  color: #cc0000;
  font-weight: bold;
  text-align: center;
  background: #FEEBF2;
  text-decoration: none;
}

.notice-check a i {
  margin-right: 7px;
}

.notice-check a:hover {
  background: #fbdee9;
}

.ferry-thumb-box-header {
  position: relative;
  font-weight: bold;
  padding: 10px 30px 0px 10px;
}

.ferry-thumb-box-body {
  display: flex;
  justify-content: center;
  gap: 15px;
  padding: 10px 0 12px 0;
}

.ferry-thumb-box-body img {
  max-width: 150px;
  height: 100px;
  object-fit: cover;
}

.ferry-thumb-box-body img:nth-child(2n) {
  max-width: calc(50% - 15px);
}

.card .ferry-thumb-box h3 {
  padding-top: 5px;
  margin: 0;
}

.card .ferry-thumb-box .ellipsis {
  top: 5px;
  transform: initial;
  right: 5px;
}

.bin-box-ferry-in {
  padding: 0 17px;
}

.bin-box-ferry-in .messege-box02 {
  margin-bottom: 10px;
}


.ferry-bin-list {
  background: #FAFAFA;
}

.ferry-bin-list .bin-box-ferry-in {
  padding: 15px 17px;
}

.ferry-bin-list .card {
  margin-bottom: 15px !important;
}

.ferry-bin-list .card-body {
  padding: 15px;
}

.ferry-bin-list .card-header h3 {
  position: relative;
  font-size: 14px;
  padding: 0;
  margin: 0;
}

.ferry-bin-list-price {
  display: flex;
  justify-content: space-between;
  align-items: center;
}



.ferry-bin-list-price {
  width: 100%;
}

.ferry-bin-list-price+.ferry-bin-list-price {
  margin-top: 7px;
}

.ferry-plan-card-header h4 {
  font-size: 14px;
  font-weight: bold;
}

.card-body h3 {
  padding: 0;
}

.card-body h4 {
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 5px;
}

.room-type-label {
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  margin-left: 5px;
  padding: 2px 7px 1px 7px;
  background: #3bafda;
  vertical-align: 3px;
  border-radius: 2px;
}

ul.room-info {
  margin-top: 7px;
  font-size: 0;
}

ul.room-info li {
  font-size: 13px;
  line-height: 1;
  color: #666;
  display: inline-block;
}

ul.room-info li:not(:last-child):after {
  display: inline-block;
  content: "|";
  margin: 0 7px;
  color: #bbb;
}

.ferry-bin-list h3 .ellipsis {
  right: 0;
}


.discount-label-group {
  margin-top: 5px;
}

.discount-label {
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  margin-right: 2px;
  padding: 2px 7px 1px 7px;
  background: #3bafda;
  vertical-align: 3px;
  border-radius: 2px;
}

.bin-box-ferry-in .card-header {
  border-bottom: none;
  padding-bottom: 0;
}

.ferry-plan-card-body {
  padding-top: 5px;
}

.ferry-bin-list-price .price-line {
  font-size: 18px;
  font-weight: bold;
  color: #cc0000;
}

.ferry-bin-list-price {
  width: 100%;
}

.ferry-bin-list .card-body .ferry-bin-list-btn-set {
  width: 180px;
}

.ferry-bin-list .card-body .ferry-bin-list-btn-set a.bin-cartbtn {
  width: 100%;
  font-size: 14px;
  padding: 10px 7px;
  margin: 0;
  border-radius: 7px;
}

a.ferry-bin-plan-link {
  display: block;
  border-radius: 4px;
  border: 1px solid #ddd;
  padding: 15px;
}

a.ferry-bin-plan-link:hover {
  text-decoration: none;
  background: #FEEBF2;
}

a.ferry-bin-plan-link+a.ferry-bin-plan-link {
  margin-top: 10px;
}

.messege-box02 a:after {
  font-size: 18px;
  content: "\f077";
}

.messege-box02 a.collapsed:after {
  font-size: 18px;
  content: "\f078";
}

.info-box {
  display: block;
  padding: 10px 20px;
  border: 1px solid #f9adc8;
  border-radius: 2px;
  background: #FEEBF2;
  text-decoration: none;
  color: #cc0000;
  margin-bottom: 15px;
}

.info-box a.messege-ttl-link {
  display: flex;
  align-items: center;
  gap: 15px;
  font-size: 12px;
  color: #cc0000;
  position: relative;
}

.info-box a.messege-ttl-link:hover {
  text-decoration: none;
}

.info-box a.messege-ttl-link.collapsed:after {
  display: block;
  content: "\f078";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  right: 0px;
}

.info-box a.messege-ttl-link:after {
  display: block;
  content: "\f077";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  right: 0px;
}

.info-label {
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  padding: 2px 7px;
  background: #cc0000;
  border-radius: 2px;
}

.info-box .messege-ttl,
.info-box a .messege-ttl {
  font-size: 14px;
  font-weight: bold;
}

.info-box-ttl-link {
  font-size: 14px;
  font-weight: bold;
  display: inline-block;
}

.info-box .info-box-in p {
  font-size: 12px;
  margin-top: 12px;
}

.info-box i {
  font-size: 20px;
  margin-left: 7px;
  margin-right: 22px;
}

.info-box ul li a {
  font-size: 14px;
  color: #cc0000;
  margin-top: 10px;
  display: inline-block;
  text-decoration: underline;
}

.bin-box-ferry-in .info-box-group {
  display: flex;
  flex-flow: column;
  gap: 7px;
  margin: 15px 0;
}

.bin-box-ferry-in .info-box-group .info-box {
  margin: 0;
}

.ferry-thumb-box {
  padding: 15px 20px 15px 20px;
}

dl.ferry-company {
  display: flex;
}

dl.ferry-company dt,
dl.ferry-company dd {
  font-size: 13px;
  font-weight: normal;
}

dl.ferry-company:first-child {
  margin-top: 5px;
}

.ferry-thumb-box+.info-box-group {
  margin-top: 0;
}


.info-box ul li {
  padding-bottom: 7px;
  border-bottom: 1px solid #f9adc8;
}

.info-box ul li:last-child {
  padding-bottom: 0px;
  border-bottom: none;
}

.ferry-bin-list-price-left p {
  font-size: 12px;
}

.ferry-bin-list-price-right {
  width: 115px;
}

.ferry-bin-notice {
  color: #333;
  font-weight: bold;
  padding: 10px 5px;
  margin-bottom: 12px;
  text-align: center;
  background: #eee;
}

.ferry-bin-list-price-right .price-line {
  text-align: right;
}

.ferry-bin-list-price-right .other-search-txt {
  font-size: 14px;
  font-weight: bold;
  color: #F53D7E;
}

.ferry-bin-list-price-right .other-search-txt:after {
  content: "\f0da";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-left: 7px;
}

.modal-body h3 {
  font-size: 12px;
  font-weight: bold;
  margin: 0 0 5px 0;
  padding: 0;

}

.modal-body h4 {
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 10px;
}

.modal-body img,
.modal-body p {
  margin-bottom: 10px;
}

.modal .searchbox01,
.modal .searchbox01 .btn-group {
  margin: 0;
}

.modal .btn-search {
  margin-top: 0;
}

table.tbl-ship-info {
  margin-bottom: 15px;
  width: 100%;
  color: #666;
}

table.tbl-ship-info th {
  width: 83px;
}

table.tbl-ship-info td {
  width: calc(100% - 83px);
}

table.tbl-ship-info th,
table.tbl-ship-info td {
  font-size: 12px;
  vertical-align: top;
}


table.tbl-ship-info-border {
  margin-bottom: 15px;
  width: 100%;
  color: #666;
}

table.tbl-ship-info-border:last-child {
  margin-bottom: 0;
}

table.tbl-ship-info-border tr {
  border-top: 1px solid #ddd;
}

table.tbl-ship-info-border tr:last-child {
  border-bottom: 1px solid #ddd;
}

table.tbl-ship-info-border th {
  width: 83px;
}

table.tbl-ship-info-border td {
  width: calc(100% - 83px);
}

table.tbl-ship-info-border th,
table.tbl-ship-info-border td {
  font-size: 12px;
  vertical-align: top;
  padding: 8px 0 5px 5px;
}

.row table.tbl-ship-info-border {
  margin-top: 15px;
}

.box-border {
  padding: 15px;
  border: 1px solid #ddd;
}

.about-child {
  position: relative;
}

.about-child img {
  position: absolute;
  top: 0;
  right: 0;
  width: auto;
}


.about-child dl {
  display: flex;
  gap: 15px;
  color: #666;
}

.about-child dl dt,
.about-child dl dd {
  padding: 2px 0px;
}

.about-child dl:last-child {
  margin-bottom: 15px;
}

.about-child-box {
  max-width: 285px;
  margin: 0 auto 15px auto;
  text-align: center;
}


.about-child-box .row {
  margin-bottom: 10px;
}

.about-child-box .col-6 {
  padding: 0;
}

.about-child-box .col-6 p {
  margin: 0;
}

.passenger-box .card .card-header h3 {
  color: #555;
  padding: 0;
  margin: 0;
}

.passenger-box label {
  display: block;
  position: relative;
}

.passenger-box .form-control {
  margin-bottom: 10px;
}

.discount-select + .txt-afterinput{
  margin-top: 20px;
}
button:focus {
  outline: none;
}

.btn-add-search {
  display: block;
  border: none;
  outline: none;
  background: #333;
  width: 100%;
  padding: 7px 5px;
  margin-top: 4px;
  border-radius: 4px;
  font-size: 12px;
  color: #fff;
  cursor: pointer;
}

.txt-required:after {
  display: block;
  content: "Required";
  font-size: 12px;
  font-weight: normal;
  color: #F53D7E;
  position: absolute;
  top: 0;
  right: 0;
}

.child-link {
  position: relative;
  display: block;
  margin-top: 7px;
  padding: 7px 10px 7px 22px;
  font-size: 12px;
  text-align: center;
  background: #f4f4f4;
}

.child-link:before {
  display: inline-block;
  content: "\f059";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 7px;
}

.child-link:hover {
  text-decoration: none;
  color: #F53D7E;
}

.question-link {
  position: relative;
  display: inline-block;
  font-size: 14px;
}

.question-link:before {
  display: inline-block;
  content: "\f059";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 5px;
}

.btn-mypage-import-data {
  border-radius: 3px;
  outline: none;
  border: none;
  font-size: 12px;
  color: #fff;
  padding: 7px 10px 5px 10px;
  margin: 0 0 10px auto;
  background: #333;
}

.btn-mypage-import-data:hover {
  cursor: pointer;
  opacity: 0.8;
}

.pregnant-box {
  margin-top: 7px;
  padding: 15px;
  background: #fff8fb;
  border-radius: 4px;
  border: 1px solid #f9adc8;
}

dl.car-info {
  display: flex;
  align-items: center;
  gap: 15px;
}

dl.car-info dt {
  width: 70px;
}

dl.car-info dd {
  width: calc(100% - 85px);
}

dl.car-info dt,
dl.car-info dd {
  font-size: 14px;
  padding: 5px;
}

dl.car-info dd .form-control {
  margin: 0 !important;
}

.select-style-box.discount-select .btn .discount-txt {
  font-weight: normal;
  margin-right: 10px;
}

.select-style-box.discount-select .btn .price-num {
  color: #f53d7e;
}

.card.discount-card .card-footer {
  font-weight: normal;
  background: #fff;
}

.card.discount-card .card-footer a {
  color: #333;
}

.card.discount-card .select-style-box.discount-select .btn-group {
  margin: 0;
}

.card.discount-card .card-footer dl.totalprice dt {
  color: #333;
  width: 200px;
  text-align: left;
}

.card.discount-card .card-footer dl.totalprice.discount-before {
  margin-top: 7px;
}

.card.discount-card .card-footer dl.totalprice.discount-before dt {
  font-size: 12px;
  font-weight: normal;
}

.card.discount-card .card-footer dl.totalprice.discount-before dd {
  font-size: 18px;
}

.btn-back {
  position: relative;
}

.btn-back:after {
  position: relative;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  left: 20px;
  content: "\f053";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #333;
}

.btn-next {
  position: relative;
}

.btn-next:after {
  position: relative;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  right: 20px;
  content: "\f054";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #fff;
  height: initial;
  visibility: visible;
}

ul.status-list {
  display: flex;
  flex-flow: column;
  gap: 20px;
}

ul.status-list li {
  padding-top: 20px;
  border-top: 1px solid #ddd;
}

ul.status-list li h3 {
  font-size: 14px;
}

ul.status-list li:first-child {
  padding-top: 0px;
  border-top: none;
}

.modal .card-body ul.status-list li p:last-child {
  margin-bottom: 0;
}


@media(min-width: 992px) {
  .card.discount-card .card-footer {
    padding: 20px 30px;
  }

  .card-header h2 {
    font-size: 16px;
  }

  .modal .card-header {
    padding: 10px 15px;
  }

  .modal .card-header h2 {
    font-size: 14px;
    margin-bottom: 0;
  }
}

@media(max-width:991px) {

  #sidebar .btn-center01.onlysm,
  #sidebar .btn-next.onlysm {
    display: block !important;
  }
}

@media(min-width:768px) {
  .select-style-box.discount-select .btn {
    display: flex !important;
    justify-content: space-between;
  }
}

@media(max-width:767px) {
  .select-style-box.discount-select .btn {
    display: flex !important;
    flex-flow: column;
    gap: 5px;
  }

  .select-style-box .discount-price {
    text-align: right;
  }
}

.searchbox01 .people-selection {
  margin-bottom: 0;
}

#sidebar .searchbox01 .people-selection {
  margin-bottom: 10px;
}

.select-payment-box label {
  margin-bottom: 5px;
}

.card-logo-set {
  margin-bottom: 10px;
}

.card-logo-set .btn:after,
.select-1 .btn:after {
  display: none;
}

.card-logo-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #ccc;
  border-radius: 4px;
  cursor: pointer;
  padding: 10px;
}

.card-logo-btn.active-card .fa-cc-visa,
.card-logo-btn.active-card .fa-cc-mastercard,
.card-logo-btn.active-card .fa-cc-jcb,
.card-logo-btn.active-card .fa-cc-amex {
  color: #f53d7e !important;
}

.select-payment-box h3 {
  font-size: 13px;
  padding: 0;
}

.select-1 .label-btn {
  display: block;
  position: relative;
  padding: 12px 15px 12px 45px;
  border: 1px solid #DBDBDB;
  border-radius: 4px;
  cursor: pointer;
  font-size: 13px;
  transition: all 0.2s ease;
}

.select-1 .label-btn:before {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  left: 15px;
  content: "\f058";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 18px;
  color: #E7E7E7;
}

.select-1 .label-btn.active-btn {
  color: #fff;
  background: #f53d7e;
}

.select-1 .label-btn.active-btn:before {
  color: #fff;
}

.select-style-box .btn-group {
  margin: 15px 0;
}

.select-style-box .btn {
  padding: 10px 10px 10px 35px;
  border-radius: 4px !important;
}

.select-style-box .btn:after {
  font-size: 16px;
  left: 10px;
  right: initial;
}

.select-style-box .btn+.btn {
  margin-top: 10px;
}

.notice-check01 {
  margin-bottom: 10px;
}

.notice-check01 a {
  display: block;
  padding: 12px 15px;
  border: 1px solid #f9adc8;
  border-radius: 2px;
  background: #FEEBF2;
  text-decoration: none;
  font-weight: bold;
  color: #cc0000;
}

.notice-check01 a:hover {
  background: #fbd4e2;
  text-decoration: none;
}

.notice-check01 a dl {
  display: flex;
  gap: 15px;
  text-align: left;
  font-size: 13px;
}

.notice-check01 dl dt {
  width: 60px;
}

.notice-check01 dl dd {
  font-size: 16px;
  width: calc(100% - 70px);
  padding-top: 2px;
}

.notice-check01 dl dt .label01 {
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  padding: 3px 7px 1px 7px;
  margin: 0;
  background: #cc0000;
  border-radius: 2px;
  display: block;
  text-align: center;
  line-height: 1.5;
}

.notice-check01 dl dt .label02 {
  font-size: 14px;
  font-weight: bold;
  color: #cc0000;
  padding: 3px 7px 1px 7px;
  background: #fff;
  border-radius: 2px;
  border: 1px solid #cc0000;
  display: block;
  text-align: center;
  line-height: 1.5;
}


.notice-check02 {
  margin-bottom: 10px;
}

.notice-check02 a {
  display: block;
  padding: 10px;
  border: 1px solid #f9adc8;
  border-radius: 2px;
  background: #FEEBF2;
  text-decoration: none;
  font-weight: bold;
  color: #cc0000;
}

.notice-check02 a:hover {
  background: #fbd4e2;
  text-decoration: none;
}

.notice-check02 a dl {
  display: flex;
  gap: 10px;
  text-align: left;
  font-size: 13px;
}

.notice-check02 dl dt {
  width: 40px;
}

.notice-check02 dl dd {
  width: calc(100% - 50px);
}

.notice-check02 dl dt .label01 {
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  padding: 2px 7px;
  background: #cc0000;
  border-radius: 2px;
}

.notice-check02 dl dt .label02 {
  font-size: 12px;
  font-weight: bold;
  color: #cc0000;
  padding: 2px 7px;
  background: #fff;
  border-radius: 2px;
  border: 1px solid #cc0000;
}







.notice-check03 {
  background: #FEEBF2;
  border-radius: 2px;
}

.notice-check03 dl {
  display: flex;
  padding: 10px;
  gap: 15px;
  border: 1px solid #f9adc8;
  border-radius: 2px;
  background: #FEEBF2;
  text-decoration: none;
  color: #cc0000;
}

.notice-check03 dl dt {
  width: 70px;
}

.notice-check03 dl dd {
  padding: 5px 0 0 0;
  font-size: 13px;
}

.notice-check03 dl dt .label02 {
  font-size: 12px;
  font-weight: bold;
  color: #cc0000;
  padding: 5px 7px 4px 7px;
  background: #fff;
  border-radius: 2px;
  border: 1px solid #cc0000;
  line-height: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  height: 25px;
}

.card-body ul.discount-list li {
  padding: 15px;
  border: 1px solid #ccc;
  border-radius: 4px;
  margin-top: 10px;
}

.modal-body img,
.card-body img {
  width: 100%;
  height: auto;
}

.about-child img,
.modal-body .about-child img,
.card-body .about-child img,
.select-payment-box img {
  width: auto;
}

.card-body .wcolle-seat-ex img {
  width: 80px;
}

.card-body ul.discount-list li h3 {
  font-size: 14px;
  margin-bottom: 7px;
}

.card-body ul.discount-list li p {
  font-size: 12px;
  color: #444;
}

.label-return {
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  margin-right: 10px;
  padding: 2px 10px;
  background: #3bafda;
  vertical-align: 3px;
  border-radius: 2px;
}

.label-return span {
  display: inline-block;
  margin: 0 -10px 0 -7px;
}

#main .card-body .people-selection dl {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

#main .card-body .people-selection dl dt {
  font-size: 14px;
  width: calc(100% - 200px);
}

#main .card-body .people-selection dl dd {
  width: 200px;
}

#main .card-body .people-selection dl dd .input-group {
  margin-bottom: 3px;
}

#main .card-body .people-selection input {
  text-align: center;
}

.add-price {
  font-size: 12px;
  text-align: right;
  padding-right: 10px;
  margin-bottom: 7px;
}

.add-price-num {
  font-size: 14px;
  font-weight: bold;
  color: #f53d7e;
  margin-left: 7px;
}

.btn-confirm {
  display: block;
  background: #FEEBF2;
  padding: 10px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid #f9adc8;
  border-radius: 2px;
  text-decoration: none;
}

.btn-confirm:hover {
  background: #fbd4e2;
  text-decoration: none;
}

.btn-confirm:before {
  display: inline-block;
  margin-right: 10px;
  content: "";
  width: 15px;
  height: 15px;
  background: url(/fstc/3/image/common/icon/i-win02.svg) no-repeat center center;
  background-size: cover;
}

.mt-5 {
  margin-top: 5px !important;
}

.mt-10 {
  margin-top: 10px !important;
}

.mb-3 {
  margin-bottom: 3px !important;
}

.mb-5 {
  margin-bottom: 5px !important;
}

.mb-10 {
  margin-bottom: 10px !important;
}

.ferry-select-room .card-header {
  position: relative;
  background: none;
}

.ferry-select-room .card-header h3 {
  font-size: 14px;
  padding: 0 15px 4px 20px;
  margin: 0;
}

.ferry-select-room .card-header h3:after {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 15px;
  content: "\f058";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 18px;
  color: #E7E7E7;
}

.ferry-select-room .card-header h3:hover {
  cursor: pointer;
}

.ferry-select-room .card-header h3.active:after,
.ferry-select-room .card-header h3:hover:after {
  color: #f53d7e;
}

.ferry-select-room .card-body {
  padding: 15px;
}

.ferry-select-room .price-line {
  text-align: right;
}

.ferry-select-room .price-line .price-txt {
  color: #333;
}

.ferry-select-room .price-line .price-num {
  min-width: 70px;
  display: inline-block;
}

.room-type {
  font-size: 11px;
  font-weight: normal;
  color: #fff;
  padding: 3px 7px 2px 7px;
  background: #3bafda;
  vertical-align: 3px;
  display: inline-block;
  vertical-align: 2px;
  border-radius: 2px;
}

h3 .room-type {
  margin-left: 10px;
}

.ferry-select-room .room-type {
  margin-bottom: 7px;
}

.ferry-select-room {
  margin: 15px 0;
}

.ferry-select-room .card {
  box-shadow: 0px 0px 4px #ccc;
  margin-bottom: 15px !important;
}

.ferry-select-room .row {
  margin-bottom: 10px;
}

.modal .totalprice {
  border-bottom: 1px solid #ddd;
  margin-bottom: 20px;
}

.modal .totalprice:last-child {
  margin-bottom: 0px;
}

table.tbl-price {
  border-collapse: seprate;
  border-spacing: 0px;
  width: 100%;
  margin: 7px 0 15px 0;
}

table.tbl-price th,
table.tbl-price td {
  font-size: 12px;
  padding: 6px 10px 5px 10px;
  border: 1px solid #ddd;
}

table.tbl-price th {
  font-weight: normal;
  width: 70%;
  background: #fafafa;
}

.subtotal {
  border-top: 3px double #ddd !important;
}


table.tbl-price th[colspan="2"] {
  font-weight: bold;
  background: #f4f4f4;
}

table.tbl-price td {
  width: 30%;
  text-align: right;
}

#acc-child {
  margin: 15px 0;
  padding: 20px;
  border: 1px solid #ddd;
}

#acc-child h2 {
  margin-bottom: 15px;
}

.searchbox01 dl.about-child dt {
  float: none;
  width: 35px;
  line-height: 1;
}

.searchbox01 dl.about-child dd {
  margin-left: 0;
}

.btn-next-return {
  position: relative;
  font-size: 14px;
  font-weight: bold;
  color: #F53D7E;
  background: #fff;
  padding: 12px 10px;
  margin: 15px auto;
  border: 2px solid #F53D7E;
  display: inline-block;
  letter-spacing: 6px;
  text-align: center;
  border-radius: 2px;
  max-width: 400px;
  text-decoration: none;
}

.btn-next-return:hover {
  color: #F53D7E;
  background: #fff0f5;
}

.btn-next-return:after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  right: 10px;
  content: "\f054";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

ul.page-link-group {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  max-width: 500px;
  margin: 20px auto 30px auto;
}

ul.page-link-group li a.page-link {
  text-align: center;
  border-radius: 4px;
  color: #F53D7E;
  box-shadow: none;
}

ul.page-link-group li a.page-link:hover {
  color: #fff;
  background: #F53D7E;
}

ul.page-link-group li a.page-link:after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  right: 12px;
  content: "\f063";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

ul.txt-link li p {
  font-weight: bold;
  padding: 20px 0;
}

.card-comfirm table.tbl-ship-info-border {
  margin: 0;
}

.card-comfirm table.tbl-ship-info-border th,
.card-comfirm table.tbl-ship-info-border td {
  font-size: 13px;
  color: #333;
}

.card-comfirm table.tbl-ship-info-border th {
  width: 120px;
  padding: 5px 0;
}

.card-comfirm table.tbl-ship-info-border td {
  padding: 10px;
}

.card-comfirm table.tbl-ship-info-border th .bg {
  padding: 5px 10px;
  background: #F2F2F2;
  text-align: center;
}

.card-comfirm a,
.card-comfirm table.tbl-ship-info-border td a {
  font-size: 13px;
  color: #F53D7E;
  text-decoration: underline;
}

.card-comfirm .totalprice a {
  font-size: 16px;
  color: #333;
  text-decoration: none;
  position: relative;
  padding-right: 20px;
}

.card-comfirm .totalprice a:after {
  font-size: 16px;
  content: "\f077";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  right: 0px;
  color: #F53D7E;
}

.card-comfirm .totalprice a.collapsed:after {
  content: "\f078";
}

.card-comfirm h3 {
  font-size: 14px;
  margin: 15px 0 5px 0;
}

.card-notice h3 {
  font-size: 14px;
  margin: 0px 0 5px 0;
}

.card-notice p {
  font-size: 12px;
}

.card-notice p+p {
  margin-top: 10px;
}

table.passengers-list th {
  width: 80px;
}

table.passengers-list td:last-child {
  width: auto;
  text-align: left;
}

table.passengers-list td p {
  font-size: 13px;
}

.agree-box {
  width: 100%;
}

ul.link-list {
  font-size: 0;
}

ul.link-list:after {
  content: "";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}

ul.link-list li {
  float: left;
  margin-right: 15px;
}

ul.link-list li a {
  font-size: 14px;
  text-decoration: underline;
}

ul.link-list li a:hover {
  text-decoration: none;
}

/* popupアイコン */
.i-popup {
  position: relative;
}

.i-popup:hover {
  color: #F53D7E;
  text-decoration: none;
}

.i-popup:after {
  display: inline-block;
  margin-left: 10px;
  content: "";
  width: 15px;
  height: 15px;
  background: url(/fstc/3/image/common/icon/i-win01.svg) no-repeat center center;
  background-size: cover;
  position: absolute;
  top: 1px;
}

@media(min-width:992px) {
  .menu-fixed {
    display: none;
  }

  .select-payment-box .btn:after {
    top: 10px;
  }
}

@media(max-width:575px) {
  header:has(#obi-10man)+article {
    margin-top: 100px;
  }
}

@media(max-width:767px) {
  .binlist-calendar {
    padding-bottom: 0;
  }

  .modal .searchbox01,
  .searchbox01 .btn-group {
    margin-bottom: 0;
  }

  #mb-searchbox .modal-body {
    padding-bottom: 0;
  }

  #mb-searchbox .modal-footer button.btn-search {
    margin: 0 auto;
  }

  #mb-searchbox .modal-footer {
    padding: 20px 0;
  }

  .sort-box {
    margin-top: 15px;
  }

  .dep-arr-box {
	margin-bottom: 0;
	margin-top: 10px;
  }

  .bin-box .card-header {
    padding: 10px 15px 10px 15px;
  }

  .dep-arr-day-txt {
    font-size: 12px;
  }

  .dep-arr-time-txt {
    font-size: 17px;
    margin: 0 4px;
  }

/*  .dep-arr-box {
    gap: 10px;
  }

  .dep-arr-box .item a:before {
    right: 5px;
  }*/

  .dep-arr-port {
    font-size: 13px;
  }
	.dep-arr-port,
	.card h3.dep-arr-port{
	font-size: 12px;
	letter-spacing: -0.5px;
	padding: 0 5px;
	}
  .dep-arr-box .item a {
	padding: 10px 3px;
  }

  .ferry-thumb-box-header {
    padding: 10px 10px 0px 0;
  }

  .ferry-thumb-box-body {
    gap: 10px;
  }

  .ferry-thumb-box-body img {
    width: 31%;
    height: 65px;
  }

  .card .ferry-thumb-box h3 {
    padding-right: 5px;
  }

  .card .ferry-thumb-box .ellipsis {
    right: 0px;
  }

  .ferry-bin-list-price-left {
    width: calc(100% - 115px);
  }

  .ferry-bin-list-price-right {
    width: 115px;
  }

  .ferry-bin-list .card-body .multiple-block {
    width: 100%;
  }

  .notice-check a {
    font-size: 14px;
    padding: 10px;
  }

  .ferry-bin-list .card-body {
    display: flex;
    flex-flow: column;
    gap: 7px;
  }

  .ferry-bin-list .card-body .ferry-bin-list-price {
    width: 100%;
  }

  .bin-search-result-text-notfound p {
    font-size: 14px;
  }

  table.cancel-txt {
    margin-bottom: 15px;
  }

  table.cancel-txt th {
    width: 75%;
  }

  table.cancel-txt td {
    width: 25%;
  }

  .label-return {
    font-size: 14px;
    margin-bottom: 5px;
  }

  .ferry-thumb-box {
    padding: 15px 0px 15px 0px;
  }

  dl.ferry-company {
    width: 100%;
  }

  dl.ferry-company dt {
    width: 53px;
  }

  dl.ferry-company dd {
    width: calc(100% - 73px);
  }

  .ferry-bin-list h3 .ellipsis {
    top: 16px;
    right: -8px;
  }

  .ferry-bin-list .card-header {
    padding-top: 20px;
  }

  .ferry-bin-list .bin-box-ferry-in h3 {
    line-height: 1.6;
    padding-top: 3px;
    padding-right: 15px;
  }

  .modal a.child-link.collapsed:after,
  .modal a.child-link:after {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    right: 10px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
  }

  .modal a.child-link.collapsed:after {
    content: "\f078";
  }

  .modal a.child-link:after {
    content: "\f077";
  }
}

@media(max-width:991px) {
  .menu-fixed .btn-search {
    max-width: 80%;
  }
}

@media(min-width:450px) and (max-width:767px) {
  .ferry-thumb-box-body img {
    width: 120px;
    height: 80px;
  }
}

@media(max-width:376px) {
  .dep-arr-time-txt {
    font-size: 16px;
  }
  .dep-arr-txt {
    font-size: 13px;
  }
  .info-box {
    padding: 10px;
  }
  .info-box a.collapsed:after,
  .info-box a:after {
    right: 0px;
  }
}

/*
Ferry UI
*****************************/
.label-return {
  width: 80px;
  text-align: center;
  vertical-align: middle;
}
@media(max-width:767px) {
  .label-return {
    display: block;
  }
}
.txt-13{
	font-size: 13px !important;
}
.ellipsis a{
	color: #080808;
}
.card-body p font{
	color: #f95151 !important;
}
h2.title-seo-relation{
	text-align: center;
	padding: 20px 0;
	margin-bottom: 15px;
	font-weight: bold;
	border-bottom: 1px solid #eee;
}
h2.title-seo-relation span{
	font-size: 22px;
	padding: 0 5px;
}
#bus_terminal-link table{
	margin-top: 0;
}
@media (max-width: 767px) {
	h2.title-seo-relation{
		padding: 5px 0 10px 0;
	}
	h2.title-seo-relation span{
		font-size: 18px;
	}
}
.btn-group .btn{
	overflow-wrap: break-word;
	word-break: auto-phrase;
	white-space:initial;
	display: flex !important;
	align-items: center;
	min-height: 44px;
	justify-content: space-between;
}
.select-style-box .btn-group{
	margin: 0;
}
.select-style-box .btn{
	padding: 10px 10px 10px 40px;
	font-weight: normal;
}
.binlist-calendar .btn-group .btn{
	justify-content: center;
}
.ellipsis{
	font-size: 14px !important;
}
.btn-next:after{
	display: none;
}
.room-type-label{
	padding: 5px 5px 3px;
	background: #516ece;
	border-radius: 4px;
}
table.tbl-price{
	margin-top: 0;
}
.text-color-pink{
	color: #f53d7e;
}
.mb-20{
	margin-bottom: 20px !important;
}
.card-body .btn-change{
	margin-top: 20px;
}
.btn-search .result-all-num{
	color: #fff;
	line-height: 0.5;
	font-size: 20px;
}
.searchbox01.card-topsearch{
	background: none;
	box-shadow: none;
	padding: 0;
}
.searchbox01.card-topsearch .card-body{
	padding: 0;
}
.searchbox01.card-topsearch .btn-search{
	display: none !important;
}
@media (max-width: 991px) {
.searchbox01.card-topsearch .btn-search{
	display: block !important;
}
}

.bin-box .card-header{
	padding: 10px 10px 0;
	border-bottom: none;
}
.bin-box .card .card-header{
	padding: 15px 15px 0 15px;
}
.card-header .bin-ttl-box h2{
	font-size: 16px;
	margin-top: 0;
	padding: 5px 5px 0 5px;
}
.dep-arr-line{
	margin-bottom: 5px;
}
.notice-check{
	width: 100%;
	order: 3;
}
.dep-arr-time-txt{
	font-size: 24px;
	color: #000;
	margin:0;
}
.dep-arr-txt{
	font-size: 11px;
	display: inline-flex;
	width: 40px;
	height: 28px;
	align-items: center;
	justify-content: center;
	line-height: 1;
	background: #6f6f6f;
	font-size: 13px;
	color: #fff;
	position: relative;
	top: -6px;
	border-radius: 4px;
	margin-right: 5px;
}
.dep-arr-txt.label-arr{
	border: solid 1px #6f6f6f;
	background: #fff;
	color: #707070;
}
.notice-check a{
	background: #fff4f4;
	position: relative;
	margin-top: 10px;
	color: #ec7190;
	border-radius: 10px;
	border: 1px solid #ec7190;
	text-align: left;
	padding: 10px 15px 10px 35px;
	font-size: 13px;
}
.notice-check a:before{
	content: "\f071";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	position: absolute;
	top:8px;
	left: 15px;
	font-size: 14px;
}
.card-body h4{
	font-size: 16px;
}
.ferry-bin-list .card-body{
	padding: 10px 15px 15px 15px;
}
.ferry-bin-plan-only-link{
	display: block;
	font-size: 13px;
	border: 1px solid #ddd;
	border-radius: 4px;
	padding: 10px 10px 8px 10px;
	margin-bottom: 10px;
}
.ferry-bin-plan-only-link p{
	font-size: 13px;
}
a.ferry-bin-plan-link + a.ferry-bin-plan-link{
	margin-top: 10px;
}
.bin-box-ferry-in > .card{
	box-shadow: none;
}
.ferry-bin-list .bin-box-ferry-in h3{
	font-size: 14px;
	line-height: 1.4;
}
ul.room-info li{
	line-height: 1.2;
	letter-spacing: -0.5px;
	color: #999;
}
.ferry-bin-list-price{
	align-items: flex-end;
}
a.ferry-bin-plan-link{
	position: relative;
	padding: 15px 45px 12px 15px;
	border-radius: 10px;
	box-shadow: 0px 0px 6px rgba(204, 204, 204, 0.5);
	border:1px solid #d9d9d9;
}
a.ferry-bin-plan-link:after {
	content: "\f0da";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	position: absolute;
	top:50%;
	right: 10px;
	color:#fff;
	transform: translate(0, -50%);
    font-size: 16px;
    background: #333;
    border-radius: 100px;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 2px;
}
.ferry-bin-list-price-right .other-search-txt:after{
	display: none;
}
.ferry-bin-list-price-right{
	width: 145px;
	text-align: right;
}
.ferry-bin-list-price-right .other-search-txt{
	font-size: 14px;
	font-weight: normal;
}
.ferry-bin-list-price .price-line{
	font-size: 18px;
	color: #F53D7E;
}
.box-border .ferry-bin-list-price .price-line{
	font-size: 13px;
	color: #000;
}
.text-yen:before{
	content: "From";
	font-size: 80%;
	margin-right: 5px;
}
.text-yen.priceonly:before{
	display: none;
}
.text-yen:after{
	content: "JPY";
	font-size: 80%;
	margin-left: 5px;
}
.ferry-bin-list-price-left p{
	font-size: 13px;
	color: #999;
}
.ferry-bin-list-price + .ferry-bin-list-price{
	border-top: 1px dotted #ccc;
	padding-top: 7px;
	position: relative;
}
a.ferry-bin-plan-link:hover .ferry-bin-list-price:before{
	background: #FEEBF2;
}
.discount-label{
	font-size: 11px;
	font-weight: normal;
	border: solid 1px #F53D7E;
	background: #fff;
	color: #F53D7E;
}
.info-box-in{
	background: #fff;
	margin-top: 10px;
	padding: 5px 15px;
	border-radius: 10px;
}
.info-box-type01 .info-box-in{
	background: #fff;
	margin-top: 0;
	padding: 0;
}
.bin-box-ferry-in .info-box-group{
	padding: 0 20px;
}
.info-box-type01{
	background: none;
	border:1px solid #cdcdcd;
	padding: 15px 25px;
	border-radius: 10px;
}
.info-box-type01 .messege-ttl{
	color: #333;
}
.info-box.info-box-type01 i{
	color: #f95151;
	margin-right: 10px;
}
.info-box.info-box-type01 ul{
	padding-left: 30px;
}
.info-box.info-box-type01 ul li a{
	color: #333;
}
.info-box.info-box-type01 ul li{
	border-bottom: none;
	position: relative;
	padding-left: 15px;
	padding-bottom: 0;
}
.info-box.info-box-type01 ul li:before{
	content: "・";
	position: absolute;
	top: 8px;
	left: -3px;
	color: #212529;
}
.info-box-type02{
	border:none;
	background: #fff4f4;
	border-radius: 10px;
	border:solid 1px #ec7190;
	padding: 10px 10px;
}
.info-box.info-box-type03 a.messege-ttl-link{
	color: #cc7300;
}
.info-box.info-box-type02 a.messege-ttl-link{
	color: #ec7190;
}
.info-box-type02 .messege-ttl{
	color: #ec7190;
}
.info-box-type02 .info-label{
	color: #fff;
	background: #ec7190;
}
.info-box.info-box-type02 ul{
	padding: 0;
}
.info-box.info-box-type02 ul + ul{
	border-top: 1px solid #ec7190;
	margin-top: 10px;
}
.info-box.info-box-type02 ul li{
	margin-top: 0;
	padding: 10px 5px;
	border-bottom: none;
  color: #333;
  font-size: 13px;
}
.info-box.info-box-type02 ul li p{
	margin-top: 0;
	color: #333;
}
.info-box.info-box-type02 ul li + li{
	margin-top: 0;
	border-top: 1px dotted #ccc;
}
.info-box-type03{
	border:none;
	background: #f2f8fc;
	border-radius: 10px;
	border: 1px solid #516ece;
	padding: 10px 10px;
}
.info-box.info-box-type03 i{
	margin-right: 0;
}
.info-box.info-box-type03 a.messege-ttl-link{
	color: #516ece;
}
.info-box-type03 .messege-ttl{
	color: #516ece;
}
.info-box-type03 .info-label{
	color: #cc7300;
	background: #fff;
	border:1px solid #cc7300;
}
.info-box.info-box-type03 ul{
	padding: 0;
}
.info-box.info-box-type03 ul + ul{
	border-top: 1px solid #516ece;
	margin-top: 10px;
}
.info-box.info-box-type03 ul li{
	margin-top: 0;
	padding: 10px 5px;
	border-bottom: none;
}
.info-box.info-box-type03 ul li p{
	margin-top: 0;
	color: #333;
}
.info-box.info-box-type03 ul li + li{
	margin-top: 0;
	border-top: 1px dotted #ccc;
}
ul.room-info li:not(:last-child):after{
	margin:0 2px;
}
.box-border .ferry-bin-list-price-left p{
	color: #666;
}
.box-search-result{
	background: #fff;
	padding: 20px 25px;
	border-radius: 4px;
	box-shadow: 0px 0px 6px #ccc;
}
.box-search-result + .box-search-result{
	margin-top: 10px;
}
#open-ouro{
	padding-top: 10px;
}
.search-result-text{
	display: flex;
	margin: 0;
	text-align: left;
	font-size: 11px;
}
.card-topsearch.searchbox01 dl.search-result-text dt{
	font-size: 14px;
	line-height: 1.4;
	width: 220px;
	font-weight: normal;
}
.card-topsearch.searchbox01 dl + dl{
	border-top: 1px dotted #ccc;
	padding-top: 10px;
	margin-top: 10px !important;
}
.card-topsearch.searchbox01 dl.search-result-text dd{
	line-height: 1.4;
	font-size: 14px;
	width: calc(100% - 270px);
}
.card-topsearch.searchbox01 dl.search-result-text dd b{
	font-weight: normal;
}
.list-result-people{
	display: flex;
	flex-wrap: wrap;
}
.list-result-people > li + li{
	margin-left: 10px;
}
.list-result-people > li b{
	font-weight: normal;
}
.searchbox01 .select-style-box .btn-group>.btn{
	height: 44px;
	display: flex !important;
	align-items: center;
}
@media (max-width: 767px) {
	.bin-box .card-header{
		border-bottom: none;
	}
	.bin-box .card .card-header{
		padding: 10px 10px 0 10px;
	}
	.card-header .bin-ttl-box h2{
		font-size: 15px;
		margin-top: 0;
	}
	.ferry-bin-list .bin-box-ferry-in{
		position: relative;
		z-index: 1;
		padding: 10px;
	}
	.info-box.info-box-type01 ul{
		padding-left: 5px;
		margin-top: 5px;
	}
	.dep-arr-time-txt{
		font-size: 16px;
	}
	.dep-arr-txt{
		display: inline-flex;
		width: 35px;
		height: 20px;
		align-items: center;
		justify-content: center;
		line-height: 1;
		background: #6f6f6f;
		font-size: 11px;
		color: #fff;
		position: relative;
		top: -3px;
		border-radius: 4px;
	}
	.dep-arr-txt.label-arr{
		border: solid 1px #6f6f6f;
		background: #fff;
		color: #707070;
	}
	.notice-check a{
		position: relative;
		margin-top: 10px;
	}
	.card-body h4{
		font-size: 13px;
	}
	.ferry-bin-list .card-body{
		padding: 10px 10px;
	}
	a.ferry-bin-plan-link + a.ferry-bin-plan-link{
		margin-top: 0;
	}
	.ferry-bin-list .bin-box-ferry-in h3{
		font-size: 14px;
		line-height: 1.4;
	}
	ul.room-info li{
		line-height: 1.2;
		letter-spacing: -0.5px;
	}
	.ferry-bin-list-price{
		align-items: flex-end;
	}
	.ferry-bin-list-price-left{
		width: calc(100% - 125px);
	}
	a.ferry-bin-plan-link{
		position: relative;
		padding: 10px 30px 8px 10px;
	}
	a.ferry-bin-plan-link:after {
		right: 8px;
		font-size: 14px;
		width: 18px;
		height: 18px;
		padding-left: 2px;
	}
	.ferry-bin-list-price-right .other-search-txt:after{
		display: none;
	}
	.ferry-bin-list-price-right{
		text-align: right;
	}
	.ferry-bin-list-price-right .other-search-txt{
		font-size: 12px;
		font-weight: normal;
	}
	.ferry-bin-list-price .price-line{
		font-size: 14px;
		color: #F53D7E;
	}
	.box-border .ferry-bin-list-price .price-line{
		font-size: 11px;
	}
	.ferry-bin-list-price-left p{
		font-size: 11px;
	}
	.bin-box-ferry-in .info-box-group{
		padding: 0;
	}
	.info-box-type01{
		padding: 10px 15px;
	}
	.info-box i{
		font-size: 14px;
	}
	.info-box-type02,
	.info-box-type03{
		padding: 10px 10px;
	}
	.card-topsearch.searchbox01 dl.search-result-text dt{
		font-size: 12px;
		width: 40%;
	}
	.card-topsearch.searchbox01 dl + dl{
		padding-top: 5px;
		margin-top: 5px !important;
	}
	.card-topsearch.searchbox01 dl.search-result-text dd{
		font-size: 13px;
		width: 55%;
	}
	.box-search-result{
		background: #fff;
		padding: 10px 15px;
		border-radius: 4px;
		box-shadow: 0px 0px 6px #ccc;
	}
}

/*選択確認*/
.btn-confirm{
	font-size: 14px;
	font-weight: bold;
	color: #333;
	padding: 10px 20px;
	margin:20px auto 0;
	border: 2px solid #333;
	display:block;
	text-align: center;
	border-radius: 2px;
	text-decoration: none;
	background: none;
	width: 100%;
	max-width: 300px;
}
.btn-confirm:before{
	display: none;
}
.btn-confirm:hover {
    color: #fff;
    text-decoration: none;
    background: #333;
}
.add-price{
	margin-bottom: 0;
	margin-top: 5px;
}
.add-price + dl.clearfix{
	margin-top: 10px;
}
.notice-check02{
	margin-bottom: 15px;
}
.notice-check02 a{
	border:none;
	font-weight: normal;
}
#main .card-body .people-selection dl dt{
	font-size: 13px;
	width: 70%;
	padding-right: 10px;
	font-weight: normal;
}
#main .card-body .people-selection dl dd{
	width: 30%;
}
.people-selection .input-group-btn .btn-right,
.people-selection .input-group-btn .btn-left,
.people-selection input{
	border-color: #DBDBDB;
}

.box-border{
	padding: 10px 15ox;
	background: #fafafa;
	border:none;
}
.box-border > p{
	font-size: 13px;
	font-weight: bold;
}
dl.totalprice dd{
	font-size: 20px;
}
.add-price-num{
	font-size: 14px;
}
.notice-check03 dl dt .label02{
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    padding: 2px 7px;
    background: #b8993e;
    border-radius: 2px;
    display: inline-block;
    height: auto;
    line-height: inherit;
    border:none;
}
.notice-check03 dl dt{
	width: 40px;
}
.notice-check03 dl{
    display: flex;
    gap: 10px;
    text-align: left;
   	border: none;
	background: #fdf8e5;
}
.notice-check03 dl dd{
	padding: 0;
	color: #816506;
	width: calc(100% - 50px);
}
.notice-check01{
	border: none;
	background: #f3f8ff;
	border: 1px solid #256ec8;
	margin-bottom: 30px;
}
.notice-check01 dl dt{
	width: auto;
}
.notice-check01 dl dd{
	font-size: 14px;
	width: calc(100% - 75px);
	color: #256ec8;
}
.notice-check01 dl:after{
	color: #256ec8;
}
.notice-acc-contents{
	border-top: none;
	padding: 0;
}
.notice-check01 .notice-acc-contents p{
	color: #333;
}
.notice-check01 dl dt .label01{
	color: #256ec8;
	background: #fff;
	border: 1px solid #256ec8;
	font-size: 12px;
}
.i-label{
	background: #333;
	border-radius: 0 100px 100px 0;
}
.btn-next-return{
	letter-spacing: 1px;
	max-width: 200px;
}
.card-cancel-body p{
	font-size: 13px;
}
.modal-discount{
	display: block;
}
.modal-discount:hover{
	text-decoration: none;
}
.text-discount-more{
	margin-top: 10px;
}
.notice-important{
	border: solid 1px #f95757;
	padding: 15px;
	border-radius: 10px;
	background: #fff2f2;
}
.notice-important p,
.notice-usually p{
	font-size: 13px;
}
.notice-important + .notice-usually{
	margin-top: 15px;
}
.card-notice p{
	font-size: 13px;
}
@media (max-width: 767px) {
	.ferry-bin-list-price-left{
		width: calc(100% - 110px);
	}
	.notice-check01 dl dt .label01{
		font-size: 12px;
	}
.totalprice-fixed-mb0{
	margin-bottom: 0px;
}
.totalprice-fixed{
	margin-bottom: 15px;
}
#main .card-body .people-selection dl dt{
	width: 50%;
}
#main .card-body .people-selection dl dd{
	width: 50%;
}
.card-body .notice-important p,
.card-body .notice-usually p{
	font-size: 13px;
}
}

/*確認画面*/
ul.page-link-group li a.page-link{
	font-size: 14px;
}
ul.page-link-group li a.page-link:after{
	font-size: 10px;
}
@media (max-width: 767px) {
ul.page-link-group li a.page-link{
	text-align: left;
}
}

/*バス検索ボックスの設定*/
.child-link{
	display: inline-block;
	padding: 0;
	margin: 0!important;
	background: none;
	margin-left: 10px !important;
	position: relative;
	top: -2px;
}
.room-type{
	margin-left: 15px;
}
#sidebar .select-wrap,
#sidebar .calendar-wrap,
#sidebar .wrap-search-detail dl{
	display: flex;
}
#sidebar .searchbox01 .wrap-search-detail dl dt{
	width: 105px;
}
#sidebar .searchbox01 .wrap-search-detail dl dd{
	width: calc(100% - 105px);
	margin-left: 0;
}
#sidebar .wrap-search-detail dl + dl{
	margin-top: 5px;
}
.ttl-box{
	padding-top: 15px;
}

.searchbox01 .day-selection input{
	margin-bottom: 0;
	height: 44px;
	border: 1px solid #DBDBDB;
	padding: 5px 5px 5px 20px;
}
.searchbox01 .card-body select{
	margin-bottom: 0;
	height: 44px;
	border: 1px solid #DBDBDB;
	padding: 5px 5px 5px 10px;
	position: relative;
}

.form-control:focus{
	box-shadow: none;
}
.searchbox01 .btn-search{
	margin: 15px auto 0;
	width: 100%;
	max-width: 100%;
	display: block;
	padding: 14px 5px;
}
.optionopen-selection{
	font-size: 14px;
	margin-top: 15px !important;
}
.area-selection{
	align-items: center;
}
.searchbox01 dl + dl{
	margin-top: 0px;
}
.link-open-option{
	position: relative;
	padding-left: 25px;
	font-size: 14px;
	display: block;
}
.link-open-option:hover{
	text-decoration: none;
}
.link-open-option.collapsed:before{
    content: "\f0fe";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
	position: absolute;
	top: 50%;
	left:0px;
	transform: translate(0, -50%);
}
.link-open-option:before{
    content: "\f0fe";
    font-family: "Font Awesome 5 Free";
    font-weight: normal;
	position: absolute;
	top: 50%;
	left:0px;
	transform: translate(0, -50%);
}
.option-selection .col-12 + .col-12{
	margin-top: 10px;
}
.select-peaple-wrap{
	display: flex;
	align-items: center;
}
.select-peaple-wrap dt{
	width: 50% !important;
	float: none !important;
	line-height: 1;
}
.select-peaple-wrap dd{
	width: 50%;
}
.select-peaple-wrap dd .input-group{
	margin: 0;
}
.select-peaple-wrap dd .input-group .form-control,
.select-peaple-wrap dd .input-group .btn-left,
.select-peaple-wrap dd .input-group .btn-right{
	height: 44px;
	text-align: center;
}
.searchbox01 .btn-group.select-carbike .btn{
	height: 44px;
	display: flex !important;
	justify-content: center;
	align-items: center;
	font-size: 14px !important;
}
.searchbox01 .btn-group.select-carbike{
	overflow: hidden;
	border: 1px solid #DBDBDB;
}
.searchbox01 .btn-group.select-carbike .btn + .btn{
	border-left: 1px solid #ccc;
}
.select-peaple-wrap .input-group .fa-plus,
.select-peaple-wrap .input-group .fa-minus{
	color: #666;
}
.select-peaple-wrap .input-group-btn .btn{
	border-color: #707070;
}
.select-peaple-wrap .form-control{
	border-color: #707070;
}
.bin-search-result-text-notfound{
	padding: 20px 25px;
	border-radius: 10px;
}
.bin-search-result-text-notfound p{
	font-size: 14px;
	text-align: left;
}
#sidebar .searchbox01 .people-selection{
	margin-bottom: 0;
}
#sidebar .searchbox01 .people-selection .input-group:first-child{
	margin-bottom: 0;
}
.wrap-search-detail + .wrap-search-detail{
	margin-top: 15px;
}
@media (max-width: 767px) {
.ttl-box{
	padding-top: 15px;
}
.search-detail > .row + .row{
	margin-top: 10px;
}
.searchbox01.card{
	margin-bottom: 15px !important;
	background: none;
	box-shadow: none;
}
.searchbox01 .card-body{
	padding: 0px;
}
.searchbox01 dl dd{
	margin-left: 5%;
}
.searchbox01 .card-body select{
	margin-bottom: 0;
	height: 44px;
	border: 1px solid #707070;
	padding: 5px 5px 5px 20px;
}
.form-control:focus{
	box-shadow: none;
}
.searchbox01 .btn-search{
	margin: 10px auto 0;
	display: block;
	width: 100%;
	max-width: 100%;
	padding: 14px 5px;
}
.optionopen-selection{
	font-size: 14px;
	margin-top: 15px !important;
}
.area-selection{
	align-items: center;
}
.searchbox01 dl + dl{
	margin-top: 5px;
}
.link-open-option{
	position: relative;
	padding-left: 20px;
	font-size: 13px;
}
.link-open-option:hover{
	text-decoration: none;
}
.link-open-option.collapsed:before{
    content: "\f0fe";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
	position: absolute;
	top: 50%;
	left:0;
	transform: translate(0, -50%);
}
.link-open-option:before{
    content: "\f0fe";
    font-family: "Font Awesome 5 Free";
    font-weight: normal;
	position: absolute;
	top: 50%;
	left:0px;
	transform: translate(0, -50%);
}
.option-selection .col-12 + .col-12{
	margin-top: 10px;
}
.select-peaple-wrap{
	display: flex;
	align-items: center;
}
.select-peaple-wrap dt{
	width: 50% !important;
	float: none !important;
	line-height: 1;
}
.select-peaple-wrap dd{
	width: 50%;
}
.select-peaple-wrap dd .input-group{
	margin: 0;
}
.select-peaple-wrap dd .input-group .form-control,
.select-peaple-wrap dd .input-group .btn-left,
.select-peaple-wrap dd .input-group .btn-right{
	height: 44px;
	text-align: center;
}
.searchbox01 .btn-group.select-carbike .btn{
	height: 44px;
	display: flex !important;
	justify-content: center;
	align-items: center;
}
.searchbox01 .btn-group.select-carbike{
	border-radius: 100px;
	overflow: hidden;
	border: 1px solid #707070;
}
.searchbox01 .btn-group.select-carbike .btn + .btn{
	border-left: 1px solid #ccc;
}
.select-peaple-wrap .input-group .fa-plus,
.select-peaple-wrap .input-group .fa-minus{
	color: #666;
}
.select-peaple-wrap .input-group-btn .btn{
	border-color: #707070;
}
.select-peaple-wrap .form-control{
	border-color: #707070;
}
.bin-search-result-text-notfound{
	padding: 10px 15px;
}
.bin-search-result-text-notfound p{
	font-size: 13px;
	text-align: left;
}
}

.wrap-select-list{
	margin-top: 15px;
}
.wrap-cancel + .wrap-cancel{
	margin-top: 30px;
}
.notice-message{
	margin-bottom: 15px;
}
.notice-message > a{
	display: block;
    padding: 10px;
    text-decoration: none;
    border-radius: 2px;
}
.notice-message dl{
	display: flex;
}
.notice-message dl dt{
	width: 40px;
}
.notice-message dl dd{
	width: calc(100% - 40px);
	padding-left: 10px;
	padding-top: 2px;
	font-size: 14px;
}
.notice-message dl dt span{
	font-size: 12px;
	font-weight: bold;
	color: #666;
	padding: 2px 7px;
	background: #ccc;
	border-radius: 4px;
}
.notice-message.messagever-equired dl dt span{
	color: #fff;
	background: #f95151;
}
.notice-message.messagever-equired > a{
    background: #fff4f4;
    color: #f95151;
    padding: 10px;
    border: 1px solid #f95151;
    border-radius: 10px;
}
.notice-message.messagever-important dl dt span{
	color: #fff;
	background: #516ece;
}
.notice-message.messagever-important dl{
    background: #f2f8fc;
    color: #516ece;
    padding: 10px;
    border: 1px solid #516ece;
    border-radius: 10px;
}
.notice-message.messagever-important dl dd{
	color: #516ece;
}
.wrap-subtotal{
	padding: 10px 10px;
	background: #f7f7f7;
}
.wrap-select-list + .wrap-subtotal{
	margin-top: 15px;
}
.wrap-subtotal a:hover{
	text-decoration: none;
}
.wrap-subtotal dl{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0;
}
.wrap-subtotal dl.discount-after{
	font-size: 120%;
	margin-bottom: 10px;
}
.wrap-subtotal dl dt{
	font-size: 12px;
	position: relative;
}
.wrap-subtotal dl.discount-before dt{
	font-weight: normal;
}
.wrap-subtotal a dl dt:after{
    display: inline-block;
    margin-left: 5px;
    content: "";
    width: 11px;
    height: 11px;
    background: url(/fstc/3/image/common/icon/i-win01.svg) no-repeat center center;
    background-size: cover;
    position: relative;
    top: 1px;
}
.wrap-subtotal dl dd{
	text-align: right;
	margin-left: 7px;
	color: #f53d7e;
	font-weight: bold;
}
.wrap-subtotal dl dd .price-line{
	font-size: 16px;
}
.add-price{
	font-size: 13px;
}
.add-price-num{
	font-size: 13px;
}
.box-border{
	margin-top: 10px;
}
.detail-title{
	padding-bottom: 0;
}

/*SEO用関連コンテンツ*/
@media (max-width: 767px) {
#area-link h2 span{
	font-size: 16px;
}
#blog-entry-box h3{
	font-size: 16px;
}
}

.select-1 .btn-group .btn{
	font-weight: normal;
}
.select-2 .btn-group .btn{
	font-weight: normal;
	justify-content: center;
	margin-bottom: 0;
}
.select-2 .btn-group{
	margin-bottom: 0;
}
.passenger-detail label.txt-afterinput,
.passenger-detail label.txt-required{
	margin-bottom: 10px;
}
.txt-alert{
	margin-top: 5px;
	margin-bottom: 5px;
}
.ellipsis-out + .txt-alert,
label + .txt-alert{
	margin-top: 5px;
}
.passenger-detail p{
	margin-bottom: 0;
}
.passenger-box .passenger-input + .passenger-input{
	margin-top: 15px;
}
.form-card .passenger-input + .passenger-input{
	margin-top: 15px;
}
.passenger-box .form-control{
	margin-bottom: 0px;
	min-height: 44px;
}
.card-footer a.question-link{
	margin: 0;
	padding: 0;
}
.btn-add-search{
	display: inline-flex;
	height: 44px;
	justify-content: center;
	align-items: center;
	margin:0;
	padding: 0px 15px;
	width: auto;
}
.btn-center01 .btn-back{
	width: 100%;
	max-width: 120px;
	font-size: 14px;
	font-weight: normal;
	padding: 10px 10px;
}
.btn-back:after{
	display: none;
}
.title-add-wrap{
	display: flex;
	margin: 17px 0;
	align-items: center;
}
.title-add-wrap .subtitle{
	margin: 0;
}
.text-question{
	margin-top: 15px;
}
.bin-box-ferry-in .text-question{
	margin-top: 0;
	margin-bottom: 15px;
}
.title-add-wrap .text-question{
	margin:0;
	margin-left: 15px;
}
.card-pet .text-question{
	margin-top: 0px;
}
.card.discount-card .card-footer{
	padding: 15px;
}
.discount-price{
	font-weight: bold;
	font-size: 12px;
	margin-top: 5px;
}
.discount-txt{
	font-size: 12px;
}
.select-style-box.discount-select .btn .price-num{
	font-weight: bold;
	font-size: 14px;
}
.card.car-input-card .card-body img{
	width: auto;
}
.pregnant-box{
	margin-top: 20px;
	background: #fff4f4;
	border-radius: 10px;
    border: 1px solid #ec7190;
}
.row-pregnant{
	margin-bottom: 20px;
}
.list-pregnant-info{
	margin: 10px 0 0;
}
.list-pregnant-info > li{
	font-size: 14px;
	padding-left: 20px;
	position: relative;
}
.list-pregnant-info > li:before{
	content: "・";
	position: absolute;
	top: 0;
	left: 0;
}
.list-pregnant-info > li .expl_caution{
	color: #f95151;
}
@media (max-width: 767px) {
.passenger-box .div + .div{
	margin-top: 15px;
}
a.question-link{
	font-size: 13px;
}
.bin-box-ferry-in .text-question{
	margin-top: 0;
	margin-bottom: 5px;
}
.discount-select .btn-group .btn{
	display: block !important;
}
.title-add-wrap.baggage-ver{
	flex-wrap: wrap;
}
.title-add-wrap.baggage-ver .subtitle{
	margin-bottom: 5px;
}
.title-add-wrap.baggage-ver .subtitle,
.title-add-wrap.baggage-ver .text-question{
	width: 100%;
}
}

.card-comfirm h3{
	margin-top: 0;
}
.card-comfirm table.tbl-ship-info-border th{
	font-size: 11px;
	width: 100px;
}
table.tbl-ship-info-border td{
	width: calc(100% - 100px);
}
.card-comfirm table.tbl-ship-info-border td{
	position: relative;
	padding-right: 20px;
}
.card-comfirm table.tbl-ship-info-border td p{
	font-size: 13px;
}
.tbl-ship-info-border .ellipsis{
	top: 10px;
	right: 0px;
    transform: initial;
}
.tbl-ship-info-border .ellipsis a{
	color: #9B9B9B !important;
	padding: 5px 10px;
}
#tokushoho-text{
	margin-bottom: 20px;
}
.cxl-txt-box{
	padding: 12px 15px;
	border: 2px solid #ccc;
	border-radius: 5px;
}
ul.kome li {
    position: relative;
    padding-left: 18px;
    font-size: 14px;
    list-style: none;
}
ul.kome li + li {
    margin-top: 3px;
}
ul.kome li:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "※";
}
.cxl-txt-box a {
    text-decoration: underline;
}
table.passengers-list th{
	width: 100px;
}
table.passengers-list td{
	width: calc(100% - 100px);
}
.passengers-num{
	font-size: 11px;
}
.confirm-detail{
	display: flex;
	align-items: flex-start;
}
.pay-confirm-detail-set dl.confirm-detail dt{
	width: 100px;
}
.pay-confirm-detail-set dl.confirm-detail dd{
	width: calc(100% - 100px);
	margin-left: 0;
	padding: 5px 10px;
}
.totalprice{
	display: flex;
	/*align-items: center;*/
	justify-content: space-between;
}
.card-comfirm .totalprice a:after{
	font-size: 12px;
}
dl.totalprice dt{
	float: none;
	margin:0;
	width: 160px;
}
#acc-price{
	padding-top: 15px;
}
.row-card-number{
	display: flex;
	align-items: center;
}
.col-card-number span + span{
	margin-left: 15px;
}
.btn-group .btn.card-no{
	padding-left: 10px;
}
.security-box p{
	margin-bottom: 0;
}
.wrap-confirm + .wrap-confirm{
	margin-top: 30px;
}
.wrap-confirm h3{
	margin-bottom: 15px;
}
.wrap-confirm-subtext{
	border:1px dotted #ccc;
	padding: 10px 15px;
	margin-top: 5px;
	border-radius: 2px;
}
.wrap-confirm-subtext p{
	font-size: 13px !important;
}
.wrap-notice-info-route + .wrap-notice-info-bin,
.wrap-notice-info-route + .wrap-notice-info-plan{
	margin-top: 15px;
	padding-top: 15px;
	border-top: 1px dotted #ccc;
}
.wrap-notice-info-bin + .wrap-notice-info-plan{
	margin-top: 15px;
	padding-top: 15px;
	border-top: 1px dotted #ccc;
}
.wrap-notice-info-route > div + div,
.wrap-notice-info-bin > div + div,
.wrap-notice-info-plan > div + div{
	margin-top: 10px;
}
.wrap-notice-info-route > div p,
.wrap-notice-info-bin > div p,
.wrap-notice-info-plan > div p{
	margin:0 !important;
}
.wrap-notice-info-route > div p + p,
.wrap-notice-info-bin > div p + p,
.wrap-notice-info-plan > div p + p{
	margin-top: 5px !important;
}
table.tbl-price th{
	width: 50%;
}
table.tbl-price td{
	width: 50%;
}
@media (max-width: 767px) {
.row-card-number{
	display: flex;
	align-items: flex-start;
}
.col-card-number span{
	display: block !important;
}
.col-card-number span + span{
	margin-top: 5px;
	margin-left: 0;
}
.btn-next-fixed{
	padding: 10px;
}
table.tbl-price th{
	width: 60%;
}
table.tbl-price td{
	width: 40%;
}
}





.row-shipname-info{
	display: flex;
	padding: 25px 20px;
}
.col-shipname-thum{
	max-width: 120px;
}
.col-shipname-text{
	width: calc(100% - 120px);
	padding-left: 10px;
	position: relative;
	padding-right: 15px;
}
.col-shipname-text h3,
.col-shipname-text h2{
	font-size: 13px;
	font-weight: normal;
	margin-bottom: 5px;
	padding: 0;
	font-weight: normal;
}
.col-shipname-text .ellipsis{
	top: 0;
	transform: initial;
	right: -10px;
}
.shipname-text{
	font-size: 14px;
	display: block;
	margin-top: 8px;
}
.bin-box-ferry-in .info-box-group{
	margin-top: 0;
}
.row-shipselect-info{
	display: flex;
}
.col-shipselect-info-thum{
	width: 25%;
}
.col-shipselect-info-text{
	width: 75%;
	padding-left: 20px;
}
.ferry-bin-list .bin-box-ferry-in h3{
	padding: 0 25px 0 0;
}
@media (max-width: 767px) {
.row-shipname-info{
	display: flex;
	padding: 25px 0px;
}
.col-shipname-thum{
	max-width: 80px;
}
.col-shipname-text{
	width: calc(100% - 80px);
}
.col-shipselect-info-thum{
	width: 30%;
}
.col-shipselect-info-text{
	width: 70%;
	padding-left: 10px;
}
}


.ferry-bin-list-price .ferry-bin-list-price-left small{
	display: block;
}



/* モーダル内の設定 */
.modal-body img,
.modal-body p{
	margin:0;
}
.modal-body h1 .room-type-label{
	margin-left: 0;
	margin-right: 10px;
}
.modal-inner-header h2{
	background: #333;
	color: #fff;
	padding: 10px 15px;
	font-size: 16px;
	margin-bottom: 15px;
}
.modal-total-price .modal-inner-header h2{
	background: none;
	padding: 0;
	text-align: center;
}
.modal-total-price .modal-inner-header h2 span{
	background: #333;
	color: #fff;
	padding: 10px 15px;
	font-size: 14px;
	display: inline-block;
	border-radius: 100px;
	text-align: center;
}
.modal-inner-body h3{
	border-bottom: 1px dotted #000;
	padding-bottom: 10px;
	margin-bottom: 15px;
	display: flex;
	align-items: flex-start;
	width: 100%;
	line-height: 1.4;
}
.modal-inner-body h3 .room-type-label{
	margin-right: 10px;
	margin-left: 0;
	width: 70px;
	text-align: center;
}
.modal-inner-body h3 .room-type-label + span{
	width: calc(100% - 70px);
}
.wrap-modalcontents + .wrap-modalcontents{
	margin-top: 30px;
}
.modal-inner-body > .wrap-modalcontents + .wrap-modalcontents{
	margin-top: 30px;
}
.wrap-modalcontents p + p{
	margin-top: 5px;
}
.wrap-modalcontents p + table,
.wrap-modalcontents table + p,
.wrap-modalcontents p + img,
.wrap-modalcontents img + p,
.wrap-modalcontents table + img,
.wrap-modalcontents img + table{
	margin-top: 10px;
}
.row-equipment{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.row-equipment > img{
	width: 200px;
}
.row-equipment > p,
.row-equipment > table{
	width: calc(100% - 215px);
}
.row-equipment + p{
	margin-top: 10px;
}
.list-other-equipment{
	display: flex;
	flex-wrap: wrap;
}
.list-other-equipment > li{
	position: relative;
	padding-left: 15px;
	padding-right: 5px;
}
.list-other-equipment > li:before{
	content: "・";
	position: absolute;
	top: 0;
	left: 0;
}
table.tbl-ship-info{
	margin-bottom: 0;
}
ul.status-list{
	display: block;
	flex-flow:initial;
	gap: initial;
}
.modal-body ul.status-list > li{
	border: 1px solid #ccc;
	padding: 15px;
	border-radius: 4px;
}
ul.status-list > li + li{
	margin-top: 10px;
}
.modal-body ul.status-list li:first-child{
	border: 1px solid #ccc;
	padding: 15px;
}
@media (max-width: 767px) {
.row-equipment{
	display: block;
}
.row-equipment > img{
	width: 100%;
}
.row-equipment > p,
.row-equipment > table{
	width: 100%;
}
}

.card.card-room h2,
.card.card-room h3{
	display: flex;
	align-items: flex-start;
	margin-bottom: 15px;
	font-size: 16px;
	font-weight: bold;
}
.card.card-room h2 .room-type-label,
.card.card-room h3 .room-type-label{
	margin-left: 0;
	margin-right: 10px;
	width: 70px;
	text-align: center;
}
.card.card-room h2 .room-type-label + span,
.card.card-room h3 .room-type-label + span{
	width: calc(100% - 80px);
	padding-top: 3px;
}
#open-room-price{
	margin-top: 10px;
}



.select-payment-box .security-box{
	margin-bottom: 20px;
}
.select-style-box .btn.card-no:after {
    position: absolute;
    top: 50%;
    left: auto;
    right: 15px;
    font-size: 24px;
}
#modal-card-list .select-style-box + .card{
	margin-top: 10px;
	margin-bottom: 0 !important;
}
#modal-card-list ul.txt-link li a{
	padding: 15px 0;
	min-height: 44px;
}
#confirm-txt-box {
    color: #f53d7e;
    font-weight: bold;
    text-align: center;
    border: 2px solid #f53d7e;
    max-width: 1140px;
    width: 94%;
    padding: 15px 10px;
    margin: 170px auto 20px auto;
}
@media (max-width: 767px) {
    #confirm-txt-box {
        margin: 120px auto 20px auto;
    }
}
.wrap-include-responsive{
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 75%;
  margin-bottom: 20px;
}
.wrap-include-responsive iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.box-regist .form-control{
	min-height: 44px;
}
.box-regist .select-2 .btn-group{
	margin-bottom: 10px;
}
.box-regist .address-search-set .btn-address-search{
	min-height: 44px;
}
#mb-searchbox .search-detail .dl-search{
	display: flex;
}
#mb-searchbox .searchbox01 .dl-search dt{
	float: none;
	display: flex;
	align-items: center;
}
#mb-searchbox .searchbox01 .dl-search dd{
	width: calc(100% - 105px);
}
#mb-searchbox .form-control{
	min-height: 44px;
}
#mb-searchbox .people-selection .input-group-btn .btn-right,
#mb-searchbox .people-selection .input-group-btn .btn-left,
#mb-searchbox .people-selection input{
	min-height: 44px;
}
#mb-searchbox .modal-footer{
	padding: 10px;
}
#mb-searchbox .btn-group .btn{
	justify-content: center;
}
#mb-searchbox .people-selection{
	margin-bottom: 5px;
}
.modal a.child-link:after{
	display: none;
}
.ferry-bin-notice{
	color: #d44a4a;
	border: 2px solid #d44a4a;
	background: #fff;
	padding: 10px 20px;
}
.ferry-bin-notice.notice-suspension{
	border-color: #707070;
	color: #707070;
}
.ferry-bin-notice.notice-salesstop{
	border-color: #f95151;
	color: #f95151;
}
.ferry-bin-notice.notice-full{
	border-color: #3f87be;
	color: #3f87be;	
}
.modal-footer button{
	cursor: pointer;
}

.card-info-caveat .card-header,
.card-info-caution .card-header{
	background: none;
	border: none;
	padding-bottom: 0;
}
.card-info-caveat .card-header h2,
.card-info-caution .card-header h2{
	position: relative;
	padding-left: 40px;
	padding-top: 10px;
	border-bottom: 2px solid #333;
	padding-bottom: 10px;
}
.card-info-caveat .card-header h2{
	border-color: #f95151;
}
.card-info-caution .card-header h2{
	border-color: #f1c11c;
}
.card-info-caveat .card-header h2:before,
.card-info-caution .card-header h2:before{
    content: "\f071";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    top: 7px;
    left: 7px;
    font-size: 120%;
}
.card-info-caveat .card-header h2:before{
	color: #f95151;
}
.card-info-caution .card-header h2:before{
	color: #f1c11c;
}
.card-info-caveat .modal-inner-header h2,
.card-info-caution .modal-inner-header h2{
	background: none;
	position: relative;
	padding-left: 40px;
	color: #333;
	border-bottom: 2px solid #333;
}
.card-info-caveat .modal-inner-header h2{
	border-color: #f95151;
}
.card-info-caution .modal-inner-header h2{
	border-color: #f1c11c;
}
.card-info-caveat .modal-inner-header h2:before,
.card-info-caution .modal-inner-header h2:before{
    content: "\f071";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    top: 7px;
    left: 7px;
    font-size: 120%;
}
.card-info-caveat .modal-inner-header h2:before{
	color: #f95151;
}
.card-info-caution .modal-inner-header h2:before{
	color: #f1c11c;
}

@media (max-width: 767px) {
.card-info-caveat .card-header,
.card-info-caution .card-header{
	background: none;
	border: none;
	padding:10px 10px;
}
}
ul.page-link-group li a.page-link{
	background: #F53D7E;
	border: none;
	border-radius: 4px;
	color: #fff;
}
ul.page-link-group li a.page-link:after{
	content: "\f0dd";
}
.listBrand {
	margin: 0;
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;/*1蛻�*/
	flex-wrap: nowrap;
	overflow-x: scroll;
}

.listBrand li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	width: 260px;
	margin: 8px 12px 14px 0;
}
.listBrand a {
	display: block;
	width: 260px;
	color: #333333;
	background: #fff;
	border-radius: 10px;
	overflow: hidden;
}
.listBrand .img {
	position: relative;
	background: #EDEDED;
}
.listBrand .img:before {
	content: "";
	display: block;
	width: 100%;
	padding-top: 83%;
}
.listBrand .img img {
	position: absolute;
	top: 50%;
	left: 50%;
	max-width: 60%;
	height: auto;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.listBrand .name {
	padding: 10px 10px 0;
	font-size: 11px;
	line-height: 1.45;
	font-weight: 700;
	word-break: break-all;
	text-align: left;
}
.listBrand p {
	text-align: left;
	font-size: 11px;
	padding: 10px;
}

@media all and (min-width: 768px) {
	.listBrand {
		padding: 0 0 0 12px;
		flex-wrap: wrap;
		overflow-x: inherit;
	}
	.listBrand li {
		width: calc(33.33% - 12px);
		margin: 8px 12px 14px 0;
		border-radius: 4px;
	}
	.listBrand a {
		box-shadow: 0 0 6px #E7E7E7;
		width: 100%;
	}
	.listBrand a:hover {
		text-decoration: none;
		background: #FEEBF2;
	}
	.listBrand .img:before {
		padding-top: 68%;
	}
	.listBrand .img img {
		max-width: 60%;
	}
	.listBrand .name {
		font-size: 12px;
		line-height: 1.5;
		text-align: left;
	}
	.listBrand p {
		font-size: 12px;
	}
}
.dep-arr-day-txt {
	letter-spacing: 0;
}

/* バイク確認 */
.tbl-price th,
.tbl-price td {
    font-size: 13px;
}
table.tbl-price th,
table.tbl-price td {
	font-size: 13px;
}
.card-body .notice-check {
    width: 90%;
    margin: 0 auto;
}
.search-result-dep::after {
	content: "to";
	margin-left: 5px;
}

/* 会員登録入力画面 */
.graduate-box select {
	font-size: 14px !important;
}
@media (min-width: 992px){
	.form-card input {
		margin-top: 0;
		margin-bottom: 15px !important;
	}
    .form-card .col-lg-6 .txt-11 {
        margin-bottom: 10px;
        margin-top: -5px;
    }
    input[name="lastNameKana"] {
        width: 49%;
        float: left;
    }
    input[name="firstNameKana"] {
        width: 49%;
        float: right;
        margin-top: 0 !important;
    }
}

/*復路人数変更不可の注意文*/
.box-search-result .attention-text{
  color: #F53D7E;
  margin-top: 15px;
  font-size: 14px;
}
@media(max-width:767px) {
  .box-search-result .attention-text{
    font-size: 12px;
  }
}

/*復路結果無し ferry-search03.html*/
/*ボタン共通*/
.wrap-btn .link-btn{
	position: relative;
	display: block;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	margin: 20px auto;/*上下余白・中央揃え*/
	padding: 14px;
	border-radius: 5px;
	width: 100%;
	max-width: 300px;
	font-size: 14px;
	background: #f53d7e;
	color: #fff;
}
.wrap-btn .link-btn:hover{
	color: #fff;
	text-decoration: none;
	opacity: 0.7;
	transition: 0.3s;
}

/*往路(行き)のみ予約する*/
.wrap-btn-ouro .link-btn{
	background: #f53d7e;
	color: #fff;
}

/*便一覧の港モーダル内交通機関情報を非表示*/
#modal-terminal .wrap-modalcontents:nth-child(4) {
    display: none;
}

/*再検索ボックスの項目名位置修正*/
#sidebar .searchbox01 .wrap-search-detail dl dt{
	line-height: 1.3;
}
#sidebar .select-wrap, #sidebar .calendar-wrap, #sidebar .wrap-search-detail dl {
align-items: center;
}

/*Phase2調整*/
@media (min-width: 992px){
  .searchbox01 .btn-group.select-carbike .btn {
  font-size: 12px !important;
}
}
.searchbox01 .btn-group.select-carbike .btn {
  line-height: 1.2 !important;
}
.totalprice {
  flex-direction: column;
}
.notice-message dl {
    display: flex;
    flex-direction: column;
}
.notice-message dl dd {
    padding-left: 4px;
    padding-top: 8px;
}
.messagever-equired dl dt {
    width: 80px;
}
.notice-message.messagever-important dt {
    width: 140px;
}
.info-box.info-box-type03 ul li {
  font-size: 13px;
}