@charset "utf-8";

.login_background {
    min-height: 100vh;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
    background-image: url(../../img/bg_login.jpg);
}
footer {
    background-color: rgba(255,255,255,.75)
}
.login-input {
    background-color: rgba(255,255,255,.75);
}

.information_title{
    text-align: left;
}
/* ---- information field ---- */
.news-date {
    width: 110px;
}
.news-category{
    width: 100px;
}
.news-label-size{
    width: 90px !important;
}
.news-detail-underline{
    text-decoration: underline;
}
.news-line{
    width:100%
}
.news-subject{
    float: left;
    text-align: left;
}
.news-header{
    float: left;
}
.btn_inline{
    display:inline-block;
}
.min-top-width{
    min-width:1100px;
}
.top{
    background: -moz-linear-gradient(top left,#fff, #AEFFBD);
    background: -webkit-linear-gradient(top left,#fff,#AEFFBD);
    background: linear-gradient(to bottom right,#fff, #AEFFBD);
}
.order_font_size{
    font-size: 50px;
    margin-top: 20px;
}
.order_histry_font_size{
    font-size: 50px;
    margin-top: 20px;
}
.order_analysis_font_size{
    font-size: 50px;
    margin-top: 20px;
}
.order_introduction_font_size{
    font-size: 50px;
    margin-top: 20px;
}
.order_inquiry_font_size{
    font-size: 50px;
    margin-top: 20px;
}
.order_trend_font_size{
    font-size: 50px;
    margin-top: 20px;
}
.func_icon {
	font-size: 50px;
    margin-top: 20px;
}
.top_not_line{
    text-decoration: none !important;
    color:#333333 !important;
}

/* question start */

.question_textarea{
    resize :none
}

.question_table_date{
    width:15%;
}

.question_table_title{
    width:45%;
}

.question_table_status{
    width:15%;
}

.question_table_confirm{
    width:10%;
}

/* question end */

/* acount infomation srt */
.acount_information{
    width:100%;
}
.acount_btn{
    width: 110px;
    height: 35px;
}
/* acount infomation end */

/* order srt */
.quantity-input {
    min-width: 70px !important;
}
/* order end */

/* order histry detail srt */
.delivery_date{
    width: 200px !important;
}

/* order histry list srt*/
.reorder_btn{
    width: 160px;
    height: 45px;
}
.order_detail{
    width: 80px;
    /* height: 35px; */
}
.order_date{
    width: 190px !important;
}
.order_search{
    width: 80px;
    /* height: 35px; */
}
/* order histry list end */

/* order histry detail srt */
.delivery_date{
    width: 200px !important;
}
/* order histry detail end */

/* order histry detail srt */
.delivery_date{
    width: 200px !important;
}
/* order histry detail end */

/*  srt */
.previous_date{
    width: 200px !important;
}
.analysis_border{
    border-bottom:solid 2px  #ccc ;
}
.accordion-container {
    position: relative;
    width: 100%;
    border: 1px solid #0079c1;
    border-top: none;
    outline: 0;
    cursor: pointer
  }
  .accordion-container .accordion-title {
    display: block;
    position: relative;
    margin: 0;
    padding: 0.625em 0.625em 0.625em 2em;
    font-size: 1.25em;
    font-weight: normal;
    color: #fff;
    background: #000;
    cursor: pointer;
  }
  .accordion-container .accordion-title:hover,
  .accordion-container .accordion-title:active,
  .accordion-container .content-entry.open .accordion-title {
    background-color: #00aaa7;
    color: white;
  }
  .accordion-container .accordion-title:hover i:before,
  .accordion-container .accordion-title:hover i:active,
  .accordion-container .content-entry.open i {
    color: white;
  }
  .accordion-title{
    position: relative;
  }
  .accordion-title:after {
    content: "";
    position: absolute;
    right: 25px;
    top: 38%;
    transition: all 0.2s ease-in-out;
    display: block;
    width: 8px;
    height: 8px;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }
  .accordion-title.open:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 45%;
  }
  .accordion-content {
    display: none;
  }
/* order analysis end */

/* subscription srt*/
fieldset {
    border: none;
    padding: 0;
    margin: 0;
    text-align: center;
  }
  .radio-inline__input {
      clip: rect(1px, 1px, 1px, 1px);
      position: absolute !important;
  }
  .radio-inline__label {
      display: inline-block;
      padding: 0.5rem 1rem;
      margin-right: 18px;
      border-radius: 3px;
      transition: all .2s;
  }
  .radio-inline__input:checked + .radio-inline__label {
      background: #B54A4A;
      color: #fff;
      text-shadow: 0 0 1px rgba(0,0,0,.7);
  }
  .radio-inline__input:focus + .radio-inline__label {
      outline-color: #4D90FE;
      outline-offset: -2px;
      outline-style: auto;
      outline-width: 5px;
  }
 input[type=checkbox].add_chk_item{
    transition: all 0.3s;
    box-sizing: border-box;
    display: unset !important;
    vertical-align: middle;
    transform: scale(1.5);
}
/* subscription srt*/

/* table start */
table.table-bordered{
    border:1px solid #343a40;
    margin-top:20px;
}
table.table-bordered > thead > tr > th{
    border:1px solid #343a40;
}
table.table-bordered > tbody > tr > td{
    border:1px solid #343a40;
}

/* table end */

/* 定番商品登録画面 チェックボックス start */
.regular_regist_check {
  -ms-transform: scale(1.5, 1.5);
  -webkit-transform: scale(1.5, 1.5);
  transform: scale(1.5, 1.5);
}

/* 定番商品登録画面 チェックボックス end */

.container {
    margin-bottom: 3rem !important;
}

input.fl_input:focus {
    background-color: #d4edda;
}

input.fl_input:not(:placeholder-shown) {
        background-color: #d4edda;
}

.keypad-popup {
    position: relative;
}

.pagination li {
	margin: 0 !important;
}

/* 注文詳細画面　数量表示用*/
.group-number {
    display:block;
    width: 70px;
}
/* 商品情報画像用　*/
.thumbnail {
      width:215px;
  }

/* 商品情報画像用 modal用追加　*/
.modal_thumbnail {
    width:165px;
}

/* trends start */
.badge_rank1{
    width:40px;
    background-color:#efaf00;
    color:#fff;
}
.badge_rank2{
    width:40px;
    background-color:#9eacb4;
    color:#fff;
}
.badge_rank3{
    width:40px;
    background-color:#c47022;
    color:#fff;
}
.badge_rank{
    width:40px;
    background-color:#fff;
    border:1px solid #ccc;
}

/* trends end */

/* 通知アイコン表示用*/
.circle {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    min-width: 46px;
    height: 44px;
    box-sizing: border-box;
    padding: 8px;
    color: #fff;
    background-color: red;
    border-radius: 22px;
    font-weight:bold;
    font-size: 26px;
    /* box-shadow: inset 0 2px 0 rgb(255 255 255 / 20%), 0 2px 2px rgb(0 0 0 / 60%); */
    z-index: 100;
    top: 0;
    right: 0;
    transform: translate(40%, -40%);
}

.goods-info {
	width:100%;
}

.fa-plus-circle{
	cursor:pointer;
}

.fa-minus-circle{
	cursor:pointer;
}

.fa-trash-alt{
	cursor:pointer;
}