.items-container {
  position: relative;
  top: 70px;
  padding-bottom: 80px;
}

.items-container-body {
  display: none;
}

.select-space-container {
  display: none;
}

#select-plan-box {
  display: none;
}

#select-btn-txt {
  display: none;
}

.oyo_plan_label {
  display: none;
}

.individually_plan_label {
  display: none;
}

.oyo_plan_box {
  margin-top: 10px;
}

.later-btn-next {
  display: none;
}

.accordion-toggle a
{
  display: block;
}
.accordion-toggle a:after {
  font-family: 'Glyphicons Halflings';
  content:"\e113";
  float: right;
  color: inherit;
}
.accordion-toggle a.collapsed:after {
  font-family: 'Glyphicons Halflings';
  content:"\e114";
  float: right;
  color: inherit;
}
.item
{
  padding: 0;
}
.item .content
{
  position: relative;
  border: 1px solid #F7F7F7;
}
.item .content.active
{
  color: #15ae68;
  border: 1px solid #15ae68;
  background-color: #f5f5f5;
}
.item .content .image img
{
  max-width: 100%;
  height: auto;
}
.item .content .name {
  padding: 5px 10px;
  width: 55%;
  float: left;
}

.item .content .num {
  padding: 0 10px 10px 10px;
  width: 35%;
}
.item .content .delete
{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  font-size: 1.5rem;
  text-align: center;
  padding: 3px;
  background-color: rgba(0, 0, 0, 0.2);
}

.item .image {
  width: 10%;
  float: left;
}

.input-group-addon:last-child {
  font-size: 10px;
}

#header-info-body
{
  padding: 10px 0;
  background-color: #FFFFFF;
  font-size: 1.3em;
  z-index: 999;
}
#header-info-body.fixed-top
{
  position: fixed;
  top: 0;
  left: auto;
  border-bottom: 1px solid #DDDDDD;
  box-shadow: 0 7px 30px 5px #FFFFFF;
}
.badge{margin-top: -4px;}

.select_space {
  background-color: rgb(225, 239, 217);
  height: 60px;
  width: 100vw;
  margin: 0;
  color: rgb(82, 130, 59);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 23px;
  font-weight: bold;
  position: fixed;
  top: 80px;
  z-index: 1000;
}

.select_space p {
    margin: 0;
}
.select_space span.selecter {
    border: solid 5px rgb(82, 130, 59);
    border-radius: 10px;
    background: #fff;
    margin: 8px;
    padding: 5px 8px;
    font-weight: bold;
}

.accordion-toggle a
{
  display: block;
}
.accordion-toggle a:after {
  font-family: 'Glyphicons Halflings';
  content:"\e113";
  float: right;
  color: inherit;
}
.accordion-toggle a.collapsed:after {
  font-family: 'Glyphicons Halflings';
  content:"\e114";
  float: right;
  color: inherit;
}
.option
{
  padding: 0;
}
.option .content
{
  position: relative;
  border: 1px solid #F7F7F7;
}
.option .content.active
{
  color: #15ae68;
  border: 1px solid #15ae68;
  background-color: #f5f5f5;
}
.option .content .image img
{
  max-width: 100%;
  height: auto;
}
.option .content .name
{
  padding: 5px 10px;
}
.option .content .price
{
  padding: 0 10px 5px 10px;
  text-align: right;
}
.option .content .num
{
  padding: 0 10px 10px 10px;
}
.option-check:not(:checked) + i:before
{
  width: 15px;
  display: inline-block;
  content: "\f096";
}
.option-check:checked + i:before
{
  width: 15px;
  display: inline-block;
  content: "\f046";
}

.next-btn {
  display: none;
}




/*新規登録フローの改善PC表示*/
.tab-pane{padding: 20px 0;}
.stepwizard-step p {
  margin-top: 10px;
}
.spaces input[type="radio"]{display: none;}
.spaces input[type="radio"]:checked ~ div > .space{color: #15ae68; background-color: #f5f5f5;}
.spaces input[type="radio"]:checked ~ div > .text-info{color: #FFFFFF!important;}
.spaces input[type="radio"][disabled] ~ div > .space{background-color: #CCCCCC; cursor: not-allowed;}

.spaces input[type="radio"] {
    display: none;
}

#select-btn {
  display: flex;
}

#select-btn img {
  margin: 0 auto;
  cursor: pointer;
  cursor: hand;
}

.selectbtn:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

.selectbtn2:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

#select-btn-txt {
  margin-top: 50px;
}

.select_space {
  display: none;
}

.item_space {
  border: solid 2px #C0C0C0;
}

.text-price {
  border: solid 1px #C0C0C0;
  background-color: #15ae68;
  color: white;
}

.light_plan_small {
  font-size: 71%;
}

.close-btn {
  display: none;
}

.select-space-size .item_image {
  display: block;
}

.select-space-size .item_icon {
  display: none;
}

.select-space-size .item .content {
  margin: 8px;
}

.select-space-size .input-group {
  display: flex;
  justify-content: center;
  align-items: flex-end;
}

.select-space-size .input-group .form-control {
  width: 95px;
}

.select-space-size .icon_option-item {
  display: none;
}

.select-space-size .select-space-size {
  background: unset;
}

/*新規登録フローの改善SP表示*/
  .close-btn {
    display: unset;
  }
  .icon_option-item {
    display: unset;
  }
  .select_space {
    background-color: rgb(225, 239, 217);
    height: 70px;
    width: 100vw;
    margin: 0;
    color: rgb(82, 130, 59);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 23px;
    font-weight: bold;
    position: fixed;
    top: 80px;
    z-index: 1000;
  }

  .header_registration {
    position: fixed;
    z-index: 111;
    background: white;
    width: 100vw;
  }

  .select_space p {
    margin: 0;
    text-align: center;
  }

  .select_space span.selecter {
    border: solid 5px rgb(82, 130, 59);
    border-radius: 10px;
    background: #fff;
    margin: 8px;
    padding: 5px 8px;
    font-weight: bold;
  }

  .select-space-size {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1111;
    background: rgba(0,0,0, 0.5);
    padding: 10px;
    min-height: 800px;
  }

  .add-margin {
    height: 130px;
  }

  .registration-navi {
    margin-top: 130px;
    padding-top: 1px;
  }

  .space_container {
    z-index: -1;
  }

  .form_select-space-size {
    width: 370px;
    margin: auto;
    margin-top: 75px;
  }
  .panel_select-space-size {
    padding: 10px;
  }

  .panel_select-space-size .panel-heading {
    background-color: unset;
    border: none;
  }

  .panel_select-space-size .panel-title {
    font-size: 23px;
  }

  .select-space-size .padding_0 {
    padding: 0;
  }

  .select-space-size .space_head {
    font-size: 20px;
    font-family: sans-serif;
    font-weight: bold;
    letter-spacing: 1px;
  }

  .select-space-size .text_cardboad-number {
    font-size: 15px;
  }

  .select-space-size .text_cardboad-number-lightplan {
    font-size: 13px;
  }

  .select-space-size .text-price {
    color: rgb(84, 168, 106);
    border: solid 2px;
    border-radius: 10px;
    font-size: 23px;
    padding-top: 8px;
    width: 90%;
    margin: auto;
  }

  .select-space-size .text_tax {
    font-size: 15px;
    position: relative;
    top: -8px;
  }

  .select-space-size .item_space {
    padding: 15px 0;
    border: 1.4px solid #333;
    margin: 5px;
  }

  .select-space-size .panel-body_select-space {
    padding: 15px 10px;
    padding-top: 0;
  }


  .active_modal {
    display: block;
  }

  .u_pcHide2   {
    display: none !important; 
  }

.at_alert_announce.at_alert_error {
  display: flex;
  color: #e53e3e;
  background-color: #FED7D7;
  border: 1px solid #e53e3e;
  border-radius: 4px;
  padding: 1rem;
  width: 80%;
  margin: 0 auto;
}

.at_alert_error_icon {
  background-size: 24px;
}

.at_alert_error_text {
  padding-left: 5px;
}

/* 2019.10.17 IEハック */
@media all and (-ms-high-contrast: none){

    /* 横並びのwidthを指定・余白調整 */
    #select-plan-box .panel-body_select-space .spaces .col-xs-12 label .col-md-4 {
        width: calc( 980px /3 );
      }
    #select-plan-box .panel-body_select-space .spaces .col-xs-12 label .col-md-4 .light_plan {
        height: 150px !important;
        padding-top: 10px;
      }
    #select-plan-box .panel-body_select-space .spaces .col-xs-12 label .col-md-4 .light_plan .text-price {
        padding-top: 5px;
    }

}

  @media screen and (min-width: 800px) {
     .content-additem { height: 100px }
  }

  @media screen and (max-width: 767px) {
    .br::before {
      content: "\A" ;
      white-space: pre ;
    }

    .select_space {
      height: 90px;
    }

    .items-container {
      top: 60px;
    }

    #select-btn {
      /*margin-right: 15px;*/
    }

    #select-btn .selectbtn2 img {
      margin: 0;
    }

    #select-btn-txt {
      font-size: 12px;
    }

    .text-price-space {
      font-size: 14px;
      white-space: nowrap;
    }

    .select_plan_small {
      font-size:10px;
      transform: scale(0.8);
      display: block;
      transform-origin: center;
    }

    .select_plan_small_selectplan {
      font-size:8px;
    }

    .select_plan_num {
      font-size: 13px;
    }

    #space-default-view {
      font-size: 14px;
    }

    .select-plan {
      padding: 3px;
      margin: 0;
    }

    .u_pcHide {
      display: none !important; 
    } 

    .u_pcHide2 {
      display: block !important; 
    }

    .at_alert_announce.at_alert_error {
      width: unset;
    }

  }

  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .select_space {
      width: 130vw;
    }

    .br::before {
      content: "" ;
    }
  }

  @media only screen and (min-width: 1024px) and (max-width: 1366px) {
    .select_space {
      height: 70px;
      width: 100vw;
    }
  }