/* -----------------------------------------------------------
CSS Information

File name:      style.css
Created:        2016-09-20
Style Info:     for [tour/index.html]
----------------------------------------------------------- */
.content_wrap {padding:30px 0;font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.content_side {padding-right:20px;}
.content_main {}
@media screen and (max-width: 1120px){
  .content_wrap {padding:20px 15px;}
}
@media screen and (max-width: 767px){
  .content_wrap {padding:10px 5px;}
  .content_side {padding-right:0;}
}

.ListBack{
	width:100%;
	background-color:#f8f5f0;
}


/* content side
----------------------------------------------------------- */

.tour_searchBx {margin-bottom:15px;}

.tour_searchBx_heading {background:#e7e7e7;border:0;font-size:14px;padding:10px 0;cursor:pointer;position:relative;}

.tour_searchBx_heading.collapsed {}

.tour_searchBx_heading .fa {width:14px;height:14px;vertical-align:middle;font-size:10px;position:absolute;top:50%;right:10px;background:#fff;margin-top:-7px;color:#a50000;font-weight:normal;padding:3px 0 0 3px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;}
.tour_searchBx_heading .fa-plus {display:none;}
.tour_searchBx_heading.collapsed .fa-minus {display:none;}
.tour_searchBx_heading.collapsed .fa-plus {display:block;}
.tour_searchBx_heading .tit {text-align:center;font-size:14px;font-weight:bold;}
.tour_searchBx_heading:after{
  content: "";
  height: 0;
  width: 0;
  border-top: 10px solid #e7e7e7;
    border-right: 7px solid transparent;
    border-bottom: none;
    border-left: 7px solid transparent;
    position: absolute;
    bottom:-10px;
}

.tour_searchBx_body {background:#ffffff;padding:10px 8px;}
  
.tour_searchBx_body dt {font-weight:bold;padding-bottom:5px;}
.tour_searchBx_body dd {overflow:hidden;padding-bottom:10px;}

.tour_searchBx_body .formbx {border-bottom:1px solid #e5e5e5;padding:0px 0px 10px;}
.tour_searchBx_body .formbx_tit {font-weight:bold;padding-bottom:5px;}

.tour_searchBx_body .formbx li {font-size:12px;color:#505050;margin-bottom:8px;overflow:hidden;}
.tour_searchBx_body .formbx li input[type="checkbox"] {display:block;float:left;}
.tour_searchBx_body .formbx li label {display:block;padding-left:25px;}
.tour_searchBx_body .formbx .rank_list img {width:100%;max-width:126px;}
.tour_searchBx_body .form-group .tit {color:#000;line-height:14px;margin-bottom:10px;}
.tour_searchBx_body .form-control {border:1px solid #c8c8c8;box-shadow:none;}
.form_search_btn {margin:10px 0;}
/*.form_search_btn a {width:140px;margin:0 auto;background:#e11432;color:#fff;border:0;border-bottom:3px solid #c80015;letter-spacing: 0;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;}
.form_search_btn a:hover {background:#c80015;border:0;border-bottom:3px solid #c80015;}*/


/* tourlist body
----------------------------------------------------------- */
.tourlist_body {overflow:hidden;padding-bottom:37px;position:relative;}
.tourlist_pager.top {position:absolute;top:0;right:0px;}
.tourlist_pager.btm {position:absolute;bottom:0;right:10px;}
.tourlist_pager .pagination {margin:0;}
.tourlist_pager .pager_arr {text-indent:-9999px;height:100%;display:block;background-image:url(../images/tour/pager_arr.png);background-repeat:no-repeat;}
.tourlist_pager .arr_right {background-position:center -40px;}
.tourlist_pager .arr_left {background-position:center 10px;}
.tourlist_pager .pagination > li > a,
.tourlist_pager .pagination > li > span {color:#969696;}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {color:#969696;background:#ece9e9;border-color:#ddd;}
@media screen and (max-width: 1120px){
  #display_panel .tourlist_pager.top {position:static;margin-bottom:20px;overflow:hidden;}
  #display_panel .tourlist_pager.top .pagination {float:right;}
}
@media screen and (max-width: 640px){
  .tourlist_pager.top {right:0;}
  .tourlist_pager.btm {right:0;}
}


/* tourlist body 一覧表示
----------------------------------------------------------- */

#display_list .tourlist_sort {font-size:12px;font-weight:bold;}
#display_list .tourlist_sort a {}

.results{ font-size:1.2em;}
.results span{ font-size:1.8em; color:#ef473e;font-weight:bold;}

#display_list .tourlist_index li {margin-bottom:15px;border-top:3px solid #d2d2d2;overflow:hidden;background:#ffffff;position:relative;padding:20px}

#display_list .img_cont img {width:100%;}

#display_list .tour_title {font-weight:bold;font-size:1.36666em;}
#display_list .tour_title A{
		text-decoration:underline !important;
}

#display_list .tour_code {font-size:10px;margin-bottom:10px;padding:3px 5px;background:#f8f6f0;}

#display_list .tour_info_01 .tour_rank {padding-top:1px;margin-right:10px;}
#display_list .tour_info_01 .tour_rank span {display:inline-block;width:126px;height:15px;background-image:url(../images/tour/icon_rank.png);}
#display_list .tour_info_01 .rank_05 {background-position:left top;}
#display_list .tour_info_01 .rank_04 {background-position:left -24px;}
#display_list .tour_info_01 .rank_03 {background-position:left -48px;}
#display_list .tour_info_01 .rank_02 {background-position:left -72px;}

#display_list .airlines_name,
#display_list .flight_sheet {float:left;padding-top:2px;}
#display_list .flight_icon {float:left;display:inline-block;padding:2px 8px 2px 23px;color:#fff;height:15px;line-height:11px;background:#e11432 url(../images/tour/icon_directflight_01.png) 8px center no-repeat;margin-left:10px;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;}

  
#display_list .price {color:#ef473e;font-size:1.2em;font-weight:bold;}
#display_list .price strong {font-size:22px;}
#display_list .fuel {color:#000;font-size:10px;font-weight:normal;}

#emergency_contact_top {
  background:#63666a;
  text-align: center;
  color:white;
  padding: 15px 10px;
  width:100%;
  font-size: 14px;
}

#emergency_contact_top.emergency_contact_top_op {
  margin: 30px 0 15px;
}

#emergency_contact_top span {
  color:white;
  font-size: 12px;
}

.tour_regular_button {
  height: 40px;
  padding: 5px 10px;
  border: solid 1px #d2d2d2;
  border-radius: 4px;
  font-size: 13px;
  background-color: #f7f5f0;
  cursor: pointer;
}

/* ラジオボタン */
.under18attention input[type="radio"]{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: none;
}
.under18attention input[type="radio"] + label{
  position: relative;
  display: inline-block;
  padding: 3px 3px 3px 25px;
  margin: 0 10px 0 0;
  cursor: pointer;
  min-width: 14px;
}
.under18attention input[type="radio"] + label:before{
  position: absolute;
  content: '';
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  width: 16px;
  height: 16px;
  background: white;
  border: 1px solid #d2d2d2;
  border-radius: 100%;
  box-shadow: inset 2px 2px 2px 2px rgb(51 51 51 / 10%);
}
.under18attention input[type="radio"]:checked + label:before {
    border: 1px solid #f9423a;
}
.under18attention input[type="radio"]:checked + label:after {
    position: absolute;
    content: '';
    margin: auto;
    bottom: 0;
    top: 0;
    left: 4px;
    width: 8px;
    height: 8px;
    background: #f9423a;
    border-radius: 100%;
}

/* 必須入力ラベル */
.under18attention .required,
.under18attention .label{
  font-size: 13px;
  background: #f9423a;
  color: white;
  border-radius: 100px;
  width: 50px;
  height: 25px;
  font-weight: normal;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 0;
  padding: 0;
}
@media (max-width: 657px) {
  .under18attention .required,
  .under18attention .label{
    font-size: 12px;
    width: 40px;
    height: 20px;
  }
}

/* 重要確認事項　親権者の同意確認 */
.under18attention .cardformAttention .required,
.under18attention .cardformAttention .label{
  position: absolute;
  top: 0;
  bottom: 0;
  right: 20px;
  margin: auto 0 !important;
}
.under18attention .cardform + .cardformAttention{
  margin-top: 30px;
}
.under18attention .cardformAttention{
  border: 2px solid #f9423a;
  font-size: 15px;
}
.under18attention .cardformAttention .cardform-title{
  background: #f9423a;
  color: white;
}
.under18attention .cardformAttention > label,
.under18attention .cardformAttention .question{
  padding: 20px 80px 20px 20px;
  width: 100%;
  font-weight: bold;
  background: #f5f5b2;
  position: relative;
}
.under18attention .cardformAttention .cardform-body{
  padding: 20px;
}
.under18attention .cardformAttention p + .cardform-inner{
  margin: 20px 0 0;
}
.under18attention .cardformAttention .cardform-inner li{
  font-weight: bold;
}
.under18attention .cardformAttention .cardform-inner li span{
  margin-left: 10px;
}
.under18attention .cardform-inner .cardform-list{
  font-weight: bold;
}
.under18attention .cardform-inner .cardform-list + .cardform-list{
  margin-top: 10px;
  padding-top: 10px;
  border-top: solid 1px #d2d2d2;
}
.under18attention .cardform-inner .cardform-list span{
  margin-left: auto;
  font-weight: normal;
}

/* バリデーションエラーメッセージ */
.under18attention .validation_error{
  display: inline-block;
  position: relative;
  padding: 5px 10px;
  background: #f9423a !important;
  border-radius: 4px;
  color: white;
  font-size: 15px;
  font-weight: bold;
  margin-top: 20px;
}
.under18attention .validation_error:before{
  top: -9px;
  border: 10px solid transparent;
  border-top-width: 0;
  border-bottom-color: #f9423a !important;
  z-index: 1;
}

.under18attention .airST-h2 {
  font-size: 20px !important;
  margin: 0 0 30px;
  padding: 0 0 0 15px;
  border-left: 3px solid #333;
}
.under18attention .cardformFlex {
  display: flex;
  flex-wrap: wrap;
}
.under18attention .cardform {
  border-radius: 4px;
  overflow: visible;
  box-shadow: rgb(0 0 0 / 20%) 0px 2px 4px 0px;
}
.under18attention .cardformFlex .cardform-title {
  border-bottom: solid 1px white;
  flex: 0 0 auto;
  font-size: 14px;
  width: 32.5%;
}
.under18attention .cardform-title {
  background: #f6f6f6;
  color: #333;
  padding: 20px;
  font-weight: bold;
}
.under18attention .cardform-inner li:first-child {
  margin-top: 0;
}
.under18attention .cardform-inner li {
  display: flex;
  align-items: center;
  margin-top: 5px;
  font-size: 14px;
}
.under18attention .cardformFlex .cardform-body {
  padding: 30px;
  border-bottom: solid 1px #d2d2d2;
  flex: 0 0 auto;
  width: 67%;
}
.under18attention .cardform-body {
  padding: 10px 0;
  background: white;
  border-bottom: solid 1px #d2d2d2;
}
.under18attention .cardformAttention .cardform-body {
  padding: 20px;
  font-weight: bold;
}
.under18attention .caution + .text {
  margin-top: 10px;
}
.under18attention .text {
  padding-left: 20px;
  margin-left: 10px;
  border-left: 1px solid #d2d2d2;
  font-size: 13px;
}
.under18attention .caution:before {
  position: relative;
  margin-right: 10px;
  top: 0;
  left: 0;
  content: '';
  width: 20px;
  height: 20px;
  background: url(../images/up_info.svg) no-repeat;
  vertical-align: middle;
  display: inline-block;
  background-size: contain;
}
.under18attention .caution {
  font-size: 14px;
  font-weight: bold;
  color: #f9423a;
}

@media (max-width: 657px) {

  .under18attention .cardformAttention .required,
  .under18attention .cardformAttention .label{
    right: 15px;
  }
  .under18attention .cardform + .cardformAttention{
    margin-top: 15px;
  }
  .under18attention .cardformAttention > label,
  .under18attention .cardformAttention .question{
    padding: 15px 65px 15px 15px;
  }
  .under18attention .cardformAttention .cardform-body{
    padding: 15px 15px 20px;
    font-weight: bold;
  }
  .under18attention .cardformAttention .cardform-inner li{
    flex-direction: column;
    align-items: start;
  }
  .under18attention .cardformAttention .cardform-inner li span{
    margin-left:0;
    margin-top: 5px;
  }
  .under18attention .cardform-inner .cardform-list{
    flex-wrap: wrap;
  }
  .under18attention .cardform-inner .cardform-list span{
    width: 100%;
    margin-top: 5px;
  }
  .under18attention .cardformFlex .cardform-title {
    width: 26%;
  }
}

.res_detail_main_personpanel .cardform {
  border-radius: 4px;
  overflow: visible;
  box-shadow: rgb(0 0 0 / 20%) 0px 2px 4px 0px;
}
.res_detail_main_personpanel .cardformFlex {
  display: flex;
  flex-wrap: wrap;
}
.res_detail_main_personpanel .cardformFlex .cardform-title {
  border-bottom: solid 1px white;
  flex: 0 0 auto;
  width: 32%;
}
.res_detail_main_personpanel .cardform-title {
  background: #f6f6f6;
  color: #333;
  padding: 20px;
  font-weight: bold;
}
.res_detail_main_personpanel .cardformFlex .cardform-body {
  padding: 15px;
  border-bottom: solid 1px #d2d2d2;
  flex: 0 0 auto;
  width: 68%;
  word-break: break-all;
}
.res_detail_main_personpanel .cardform-body {
  padding: 10px 0;
  background: white;
  border-bottom: solid 1px #d2d2d2;
}
.res_detail_main_personpanel .cardform {
  border-radius: 4px;
  overflow: visible;
  box-shadow: rgb(0 0 0 / 20%) 0px 2px 4px 0px;
}
.res_detail_main_personpanel .airST-h2 {
  font-size: 20px !important;
  margin: 0 0 30px;
  padding: 0 0 0 15px;
  border-left: 3px solid #333;
}
.res_detail_main_personpanel {
  margin-top: 80px;
}

/* reservation_confirm_air */
.res_detail_main_personpanel .airRC-form + .airRC-form{
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #d2d2d2;
}
.res_detail_main_personpanel .airRC-form li .input-title {
  flex:0 0 30%;
}
.res_detail_main_personpanel .airRC-form li .input {
  font-weight: bold;
}
.res_detail_main_personpanel .airRC-info .cardform {
  border-radius: 0;
  border: 1px solid #c4c4c4;
  margin-top: -1px;
  position: relative;
}
.res_detail_main_personpanel .airRC-info .btn {
  width: 250px;
  position: absolute;
  right: 15px;
  bottom: 20px;
}

.res_detail_main_personpanel .airRC-payment .cardform {
  border-radius: 0;
  border: 1px solid #c4c4c4;
  margin-top: -1px;
  position: relative;
}
.res_detail_main_personpanel .airRC-payment .btn {
  width: 250px;
  position: absolute;
  right: 15px;
  bottom: 14px;
}
.res_detail_main_personpanel .airRC-confirm.btn {
  display: block;
  color: white;
  background: #f9423a;
  padding: 20px 0;
  max-width: 450px;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 870px) {
  .res_detail_main_personpanel .airRC-info .btn {
    position: static;
  }
  .res_detail_main_personpanel .airRC-payment .btn {
    position: static;
  }
}
@media (max-width: 657px) {
  .res_detail_main_personpanel .airRC-form li .input-title {
    flex: 0 0 90px;
  }
  .res_detail_main_personpanel .airRC-info .cardform {
    border-radius: 4px;
    border: 0;
  }
  .res_detail_main_personpanel .airRC-payment .cardform {
    border-radius: 4px;
    border: 0;
  }
  .res_detail_main_personpanel .cardformFlex .cardform-title {
    width: 26%;
  }
}

.res_detail_main_personpanel .bordCR_c29a6b {
  border-color:#E7E7E7 !important;
}
.res_detail_main_personpanel .Bg_f7f5f0 {
  position: relative;
  background: none;
}
.res_detail_main_personpanel .airST-h2 + .airRC-info-btn {
    position: absolute;
    top: 0;
    right: 0;
    padding: 8px 40px 8px 10px;
}
.res_detail_main_personpanel .btn-blue-outline {
    border-color: #115da1;
    color: #115da1;
    background: white;
}
.res_detail_main_personpanel .btn {
    padding: 10px;
    line-height: 1;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    border-radius: 4px; 
}

.res_detail_main_personpanel .tabi-label {
  display: inline;
  padding: .2em .6em;
  font-size: 75%;
  font-weight: bold;
  font-color: #ffffff;
  line-height: 1;
  color: #ffffff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 100px;
}
.res_detail_main_personpanel .tabi-label-info {
  background-color:#63666a;
}

.airST-steps {
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
}
.airST-h2{
  font-size: 20px !important;
  margin: 0 0 30px;
  padding: 0 0 0 15px;
  border-left: 3px solid #333;
}
.airST-h2 + .airRC-info-btn{
  position: absolute;
  top: 40px;
  right: 40px;
  padding: 8px 40px 8px 10px;
}
/* 注意事項用ボタン */
.airST-h2-btn {
  position: relative;
  display: inline-block;
  width: 100%;
  margin: 0 0 15px;
  padding: 5px 0 5px 15px;
  text-align: left;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  background-color: #ffffff;
  border: none;
  border-left: 3px solid #333333;
  white-space: normal;
  font-weight: bold;
  font-size: 20px !important;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.airST-h2-btn:before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: 15px;
  width: 20px;
  height: 20px;
  margin-top: -8px;
  border-radius: 50%;
  background: #000000;
}
.airST-h2-btn:after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  border: 5px solid transparent;
  border-top: 5px solid #ffffff;
}
.airST-h2-btn.show:after {
  top: 30%;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg);
}
/* END 注意事項用ボタン */
.airST-item-btns {
  text-align: center;
  padding: 0 10px;
  max-width: 370px;
  margin: 0 auto;
}
.airST-item-btns > .btn + .btn{
  margin: 10px 0 0;
}
.airST-item-btns-nextBtn {
  font-weight: bold;
  font-size: 20px;
}
.airST-item-btns-prevBtn {
  height: auto;
  background: #63666a;
  color: white !important;
}
.airST-steps li {
  height: 45px;
  position: relative;
  font-size: 12px;
  width: 100%;
  padding: 0 25px;
}
.airST-steps li:nth-child(n) {
  background:#f7f5f0;
}
.airST-steps li:nth-child(n):after {
  border-left-color:#f7f5f0;
}
.airST-steps li:nth-child(2n) {
  background: white;
}
.airST-steps li:nth-child(2n):after {
  border-left-color: white;
}
.airST-steps li:after {
  content: "";
  position: absolute;
  right: -10px;
  top: 0;
  width: 0;
  height: 0;
  border-top: 22.5px solid transparent;
  border-bottom: 22.5px solid transparent;
  border-left: 11px solid green;
  z-index: 1;
}
.airST-steps li:last-child:after {
  display: none;
}
.airST-steps li.is-active {
  background: #f9423a;
  color: white;
}
.airST-steps li.is-active:after {
  border-left-color: #f9423a;
}

@media (max-width: 657px) {
  .airST-h2{
    font-size: 20px !important;
    margin: 15px 0;
  }
  .airST-h2 + .airRC-info-btn{
    top: 15px;
    right: 15px;
    font-size: 14px;
    padding: 10px 30px 10px 10px;
  }
  .airST-steps{
    margin: -14px auto;
  }
  .airST-steps li {
    font-size: 3vw;
    padding: 0 0 0 15px;
  }
  .airST-steps li:first-child {
    padding:0 0 0 5px;
  }
  .airST-item-btns-nextBtn{
    font-size: 15px;
    min-height: 50px;
  }
}

/* air reservation input */
.airRI-text-smallGray {
  font-size: 12px;
  color: #62666a;
}
.airRI-text-blue {
  color: #115da1;
}

.airRI-tag {
  border: solid 1px #e5e5e5;
  padding: 4px 8px;
  font-size: 10px;
  white-space: nowrap;
}
.airRI .btn-blue-outline {
  border-color: #115da1;
  color: #115da1;
  background: white;
}
.airRI-more,
.airRI-blank,
.airRC-info-btn{
  padding-right: 40px;
  position: relative;
}
.btn.airRI-more,
.btn.airRI-blank{
  white-space: normal;
  font-weight: bold;
  font-size: 15px;
  width: 100%;
}
.airRI-more:after,
.airST-moreDetail:after{
  content: "";
  position: absolute;
  margin: auto;
  right: 15px;
  top: 0;
  bottom: 0;
  font-size: 15px;
  border-right: 2px solid #115da1;
  border-top: 2px solid #115da1;
  height: 8px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  transform: rotate(135deg);
  width: 8px;
}
.airRI-more.show:after,
.airST-moreDetail.show:after{
  -webkit-transform: rotate(315deg);
  -moz-transform: rotate(315deg);
  transform: rotate(315deg);
}
.airRI-moreDetail {
  width: auto;
  background-color: rgba(51, 122, 183, 0.05);
  color: #115da1 !important;
  border: solid 1px #115da1;
  font-weight: bold;
  padding: 12px 0;
  font-size: 15px;
  width: 100%;
}

.cardform-inner li {
  display: flex;
  align-items: center;
  margin-top: 5px;
}

.res_detail_online_packagepanel {
  margin-top: 25px;
}

.res_detail_paypanel {
  margin-top: 25px;
}

.res_detail_main_personpanel .pd40 {
  padding: 0 !important;
}

.input-title-first{
  min-width: 170px;
}

.Icon_emergency_contact{
	border:1px solid #100e0e;
	padding: 5px;
	text-align: center;
		color: #222121;
	border-radius: 3px;
		display: inline-block;
	height: 25px;
	width: 125px;
}

.Icon_adult{
	border:1px solid #ec180d;
	padding: 5px;
	text-align: center;
		color: #f9423a;
	border-radius: 3px;
		display: inline-block;
	height: 25px;
	width: 40px;
}

.airRC-commentText {
  color: #000000;
  font-weight: bold;
}

.hotelRI-more:before,
.hotelRI-moreDetail:before{
  content: "＋";
  font-size: 15px;
  color: white !important;
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  width: 18px;
  height: 18px;
  line-height:18px;
  background: #115da1 !important;
}
.hotelRI-more.show:before,
.hotelRI-moreDetail.show:before{
  content: "－";
  font-size: 15px;
  color: white !important;
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  width: 18px;
  height: 18px;
  line-height:18px;
  background: #115da1 !important;
}
.hotelRI-moreDetail {
  width: auto;
  background-color: rgba(51, 122, 183, 0.05);
  color: #115da1 !important;
  border: solid 1px #115da1;
  font-weight: bold;
  padding: 12px 0;
  font-size: 15px;
  width: 100%;
}

/* 3DSモダール*/
#payment3DSGoodsModal .red-header{
  border-top: 20px solid #f9423a !important;
}
#payment3DSGoodsModal.modal {
  padding: 0 !important;
  overflow-x: auto;
}
#payment3DSGoodsModal .tds-1-modal {
  padding: 0;
  width: 421px !important;
  margin: 80px auto !important;
}
#payment3DSGoodsModal .tds-2-modal {
  padding: 0;
}
#payment3DSGoodsModal .tds-1-content {
  height: 512px;
  width: 421px;
}
#payment3DSGoodsModal .tds-2-content {
  height: 600px;
}
#payment3DSGoodsModal .modal-header {
  padding: 20px;
  border-radius: 4px 4px 0 0;
  border-bottom: none;
  position: relative;
}
#payment3DSGoodsModal .header-text {
  font-weight: bold !important;
  color: #000000;
  font-size: 16px !important;
  letter-spacing: 1pt !important;
  padding-left: 15px;
  padding-right: 15px;
  text-align: center;
}
#payment3DSGoodsModal .close-button {
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  background-color: transparent;
  border: none;
  color: #636363;
  font-size: 30px;
}
#payment3DSGoodsModal .modal-body {
  padding: 0;
}
#payment3DSGoodsModal .gmo-frame-cont {
  /* max-height: 500px; */
  /* overflow-y: scroll; */
  color: red;
}
#gmoRedirectGoodsPage {
  border: none;
  height: 500px;
}

@media screen and (max-width: 657px) {
  #payment3DSGoodsModal.modal-content.tds-content {
    height: calc(100vh - 100px);
  }
  #gmoRedirectGoodsPage {
    height: calc(100vh - 100px);
  }
}