/* レスポンシブ対応 */
@media screen and (min-width: 767px) { /*PC（ウィンドウ幅が767px以上の場合に適用）*/
  /* 基本のスタイル */
  h1 {
    font-size: 32px;
    margin: 0px;
    padding: 4px;
    color: #863120;
  }

  h2 {
    font-size: 20px;
    margin: 0px;
    padding: 4px;
    color: #629aa7;
    font-weight: bold;
  }

  h3 {
    font-size: 14px;
    margin: 0px;
    padding: 4px;
    color: #4e4e4e;
    font-weight: bold;
  }
  
  h4 {
    font-size: 20px;
    margin: 0px;
    padding: 4px;
    color: #4e4e4e;
  }
  /* ログインページ */
  td.login_title {
    font-size: 18px;
    width: 150px;
    text-align: left;
    padding: 8px;
    color: #ffffff;
    background-color: #f0830c;
  }
  
  .form-horizontal .control-label{
    padding-top:7px;
    margin-bottom:0;
    text-align:right;
  }
  
  .form-horizontal .form-group-lg .control-label{
    padding-top:11px;
    font-size:18px;
  }
  
  .col-li-tb{
    width:55%;
  }
  /* Q&A */
  .qa {
    margin: 20px 45px;
  }
  .iconblowing1,.iconblowing2,.iconblowing3,.iconblowing4,.iconblowing5 {
  	padding:5px 10px 5px 55px;
  	position:relative;
  }
  .iconblowing1:before {
  	content: url(../img/fixation1.png);
  	position:absolute;
  	top:50%;
  	left:0;
  	-webkit-transform:translateY(-50%);
  	transform: translateY(-50%);
  }
  .iconblowing2:before {
  	content: url(../img/fixation2.png);
  	position:absolute;
  	top:50%;
  	left:0;
  	-webkit-transform:translateY(-50%);
  	transform: translateY(-50%);
  }
  .iconblowing3:before {
  	content: url(../img/fixation3.png);
  	position:absolute;
  	top:50%;
  	left:0;
  	-webkit-transform:translateY(-50%);
  	transform: translateY(-50%);
  }
  .iconblowing4:before {
  	content: url(../img/fixation4.png);
  	position:absolute;
  	top:50%;
  	left:0;
  	-webkit-transform:translateY(-50%);
  	transform: translateY(-50%);
  }
  .iconblowing5:before {
  	content: url(../img/fixation5.png);
  	position:absolute;
  	top:50%;
  	left:0;
  	-webkit-transform:translateY(-50%);
  	transform: translateY(-50%);
  }
}
@media screen and (max-width: 767px) { /*タブレット（ウィンドウ幅が最大767pxまでの場合に適用）*/
  /* 基本のスタイル */
  h1 {
    font-size: 32px;
    margin: 0px;
    padding: 4px;
    color: #863120;
  }

  h2 {
    font-size: 20px;
    margin: 0px;
    padding: 4px;
    color: #629aa7;
    font-weight: bold;
  }

  h3 {
    font-size: 14px;
    margin: 0px;
    padding: 4px;
    color: #4e4e4e;
    font-weight: bold;
  }
  
  h4 {
    font-size: 20px;
    margin: 0px;
    padding: 4px;
    color: #4e4e4e;
  }
  /* ログインページ */
  td.login_title {
    font-size: 18px;
    width: 150px;
    text-align: left;
    padding: 8px;
    color: #ffffff;
    background-color: #f0830c;
  }
  
  .form-horizontal .control-label{
    padding-top:7px;
    margin-bottom:0;
    text-align:right;
  }
  
  .form-horizontal .form-group-lg .control-label{
    padding-top:11px;
    font-size:18px;
  }
  
  .col-li-tb{
    width:55%;
  }
  /* Q&A */
  .qa {
    margin: 20px 45px;
  }
  .iconblowing1,.iconblowing2,.iconblowing3,.iconblowing4,.iconblowing5 {
  	padding:5px 10px 5px 55px;
  	position:relative;
  }
  .iconblowing1:before {
  	content: url(../img/fixation1.png);
  	position:absolute;
  	top:50%;
  	left:0;
  	-webkit-transform:translateY(-50%);
  	transform: translateY(-50%);
  }
  .iconblowing2:before {
  	content: url(../img/fixation2.png);
  	position:absolute;
  	top:50%;
  	left:0;
  	-webkit-transform:translateY(-50%);
  	transform: translateY(-50%);
  }
  .iconblowing3:before {
  	content: url(../img/fixation3.png);
  	position:absolute;
  	top:50%;
  	left:0;
  	-webkit-transform:translateY(-50%);
  	transform: translateY(-50%);
  }
  .iconblowing4:before {
  	content: url(../img/fixation4.png);
  	position:absolute;
  	top:50%;
  	left:0;
  	-webkit-transform:translateY(-50%);
  	transform: translateY(-50%);
  }
  .iconblowing5:before {
  	content: url(../img/fixation5.png);
  	position:absolute;
  	top:50%;
  	left:0;
  	-webkit-transform:translateY(-50%);
  	transform: translateY(-50%);
  }
}
@media screen and (max-width: 479px) { /*スマホ（ウィンドウ幅が最大479pxまでの場合に適用）*/
  /* 基本のスタイル */
  h1 {
    //font-size: 20px;
    //margin: 0px;
    //padding: 4px;
    //color: #863120;
    display: block;
    margin-block-start: 0.67em;
    margin-block-end: 0.67em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
  }

  h2 {
    font-size: 16px;
    margin: 0px;
    padding: 4px;
    color: #629aa7;
    font-weight: bold;
  }

  h3 {
    font-size: 12px;
    margin: 0px;
    padding: 4px;
    color: #4e4e4e;
    font-weight: bold;
  }
  
  h4 {
    font-size: 16px;
    margin: 0px;
    padding: 4px;
    color: #4e4e4e;
  }
  
  /* ログインページ */
  td.login_title {
    font-size: 14px;
    width: 120px;
    text-align: left;
    padding: 8px;
    color: #ffffff;
    background-color: #f0830c;
  }
  
  .col-li-tb{
    width:80%;
  }
  
  /* 発注詳細 */
  .order-box-wrap{
    flex-direction: column;
    flex-wrap: nowrap;
  }
  /* Q&A */
  .qa {
    margin: 20px 5px;
  }
  .iconblowing1,.iconblowing2,.iconblowing3,.iconblowing4,.iconblowing5 {
  	padding:5px 30px 5px 55px;
  	position:relative;
  }
  .iconblowing1:before {
  	content: url(../img/fixation1.png);
  	position:absolute;
  	top:50%;
  	left:0;
  	-webkit-transform:translateY(-50%);
  	transform: translateY(-50%);
  }
  .iconblowing2:before {
  	content: url(../img/fixation2.png);
  	position:absolute;
  	top:50%;
  	left:0;
  	-webkit-transform:translateY(-50%);
  	transform: translateY(-50%);
  }
  .iconblowing3:before {
  	content: url(../img/fixation3.png);
  	position:absolute;
  	top:50%;
  	left:0;
  	-webkit-transform:translateY(-50%);
  	transform: translateY(-50%);
  }
  .iconblowing4:before {
  	content: url(../img/fixation4.png);
  	position:absolute;
  	top:50%;
  	left:0;
  	-webkit-transform:translateY(-50%);
  	transform: translateY(-50%);
  }
  .iconblowing5:before {
  	content: url(../img/fixation5.png);
  	position:absolute;
  	top:50%;
  	left:0;
  	-webkit-transform:translateY(-50%);
  	transform: translateY(-50%);
  }
}

/* 共通設定 */
hr {
    margin-top: 8px;
    margin-bottom: 8px;
}

.mg_t10 {
	margin-top: 10px;
}

.mg_b10 {
	margin-bottom: 10px;
}

.mg_b20 {
	margin-bottom: 20px;
}

.pd_t5 {
	padding-top: 5px;
}

.pd_t10 {
	padding-top: 10px;
}

.pd_b5 {
	padding-bottom: 5px;
}

.pd_b10 {
	padding-bottom: 10px;
}

.pd_r5 {
  padding-right:5px;
}

.w_50 {
	width: 50px;
}

.w_100 {
	width: 100px;
}

.p_white{
	color:rgba(255,255,255,1.00)!important;
}

.error{
	color: #ED1C24;
}

.dsp_tbl{
	display:table;
}
.dsp_tbl_c{
	display: table-cell;
	border-left: 1px solid rgba(221,221,221,1.00);
	border-bottom: 1px solid rgba(221,221,221,1.00);
	padding:5px 10px;
	word-wrap: break-word;
}
.dsp_tbl_c_end{
	display: table-cell;
	border-left: 1px solid rgba(221,221,221,1.00);
	border-bottom: 1px solid rgba(221,221,221,1.00);
	border-right: 1px solid rgba(221,221,221,1.00);
	padding:5px 10px;
	word-wrap: break-word;
}
.dsp_tbl_header{
	text-align: center;
	font-weight: bold;
	vertical-align: middle;
}

.flexbox {
	display: -ms-flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

.flex_justify_space_between {
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.flex_align_items_baseline {
	-webkit-align-items: baseline;
	align-items: baseline;
}

.bg_white{
	background:rgba(255,255,255,1.00)!important;
}

li a{
    display: block;
    height: 100%;
    width: 100%
}
/* ページ固有のスタイル */
/* ログインページ */
td.login_field {
    padding: 8px;
}

td.login_button {
    text-align: center;
    padding: 8px;
}

td.logout_button {
    text-align: center;
    padding: 8px;
}

td.gologin_button {
    text-align: center;
    padding: 8px;
}
#makepw{
  border-bottom: 1px solid #84C910;
  color: #84C910;
}

.well-lg{
  padding-top: 24px;
  padding-bottom: 52px;
  background-color: #F9F9F9;
}

.well{
  min-height:20px;
  padding:15px 12px 15px 12px;
  margin-bottom:15px;
  background-color:#f5f5f5;
  border:1px solid #e3e3e3;
  border-radius:4px;
  -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);
  box-shadow:inset 0 1px 1px rgba(0,0,0,.05);
}
.well2{
  min-height:20px;
  padding:15px 12px 15px 12px;
  margin-bottom:15px;
  background-color:#e8f2f9;
  border:1px solid #e3e3e3;
  border-radius:4px;
  -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);
  box-shadow:inset 0 1px 1px rgba(0,0,0,.05);
}
.bgcolor{
  background-color:#f5f5f5;
  border:1px solid #e3e3e3;
  border-radius:4px;
  padding-right:15px;
}
.template_id{
  width:150px;
}
.form-group{
  margin-bottom:15px;
}

.form-login{
  display:block;
  width:100%;
  box-sizing: border-box;
  padding: 0 10px 0 10px;
  min-height: 42px;
  vertical-align: middle;
  font-size:16px;
  line-height:1.42857143;
  color:#555;
  background-color:#fff;
  background-image:none;
  border:1px solid #ADADAD;
  border-radius:5px;
  -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
  -webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.forgetPass {
    margin: 10px 0 10px 0;
    text-align: center;
    text-decoration: underline;
}

.mod-linkBtn {
    position: relative;
    display: block;
    background-color: #F35353;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    margin: 0 auto 0 auto;
    width: 100%;
    max-width: 400px;
    height: 44px;
    line-height: 44px;
    font-weight: bold;
    box-sizing: border-box;
    cursor: pointer;
}

.sec_commit .commitList {
    overflow: hidden;
    margin-bottom: 42px;
    text-align: center;
}

ul.commitList {
	list-style: none;
}

.sec_commit {
    padding-top: 30px;
}

.sec_commit h3 {
    text-align: center;
    font-size: 24px;
    line-height: 1.2;
    color: #524B3D;
    font-weight: bold;
    margin-bottom: 30px;
}

.sec_commit .grid {
    width: 100%;
    max-width: 768px;
    margin: 0 auto;
}

.sec_commit .commitList li h2 {
    color: white;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.3;
    text-align: left;
    margin: 0 14px 10px;
}

.sec_commit .commitList li .commitList-text {
    font-size: 15px;
    font-size: 0.8rem;
    text-align: left;
    line-height: 1.5;
    margin: 0 20px 15px;
    color: #524B3D;
}

.sec_commit .commitList li:nth-child(1) {
    background-image: url("/img/fukidasi1.png");
}
.sec_commit .commitList li:nth-child(2) {
    background-image: url("/img/fukidasi2.png");
}
.sec_commit .commitList li:nth-child(3) {
    background-image: url("/img/fukidasi3.png");
}
.sec_commit .commitList li:nth-child(4) {
    background-image: url("/img/fukidasi4.png");
}
.sec_commit .commitList li:nth-child(5) {
    background-image: url("/img/fukidasi5.png");
}

.sec_commit .commitList li {
    display: inline-block;
    vertical-align: top;
    margin: 0 0 20px;
    position: relative;
    width: 254px;
    min-height: 257px;
    background-size: 254px;
    background-repeat: no-repeat;
    background-position: center top;
    padding-top: 20px;
    box-sizing: border-box;
}

.sec_commit .commitList li .image {
  width: 254px;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media screen and (min-width: 320px) and (max-width: 375px) {
  .sec_commit .commitList li {
    width: 280px;
    min-height: 230px;
    background-size: 270px;
  }
  .sec_commit .commitList li .image {
    width: 294px;
  }
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  .sec_commit .commitList li {
    width: 280px;
    min-height: 230px;
    background-size: 270px;
  }
  .sec_commit .commitList li .image {
    width: 337px;
  }
}
@media screen and (min-width: 768px) {
  .sec_commit .commitList li {
    margin: 0 20px 20px;
  }
}

.globalFooter nav {
    position: relative;
    background: #F9F9F9;
    padding: 10px 0 10px;
    display: block;
}

.grid {
    max-width: 960px;
    margin: 0 auto;
}

.grid > .inner {
    margin: 0 13px;
}

.globalFooter nav ul {
    padding: 19px 0 15px;
    list-style: none;
}

.globalFooter nav ul li {
    margin-bottom: 1px;
    list-style: none;
    line-height: 1;
    font-weight: normal;
}

.globalFooter nav ul li a {
    display: inline-block;
    white-space: nowrap;
    color: #6C6C6C;
    font-size: 14px;
    padding: 12px 20px;
}

.text-warning{
  color:#8a6d3b;
}

.col-li-lb,col-li-tb{
  text-align: center;
  min-height:1px;
  padding-right:15px;
  padding-left:15px;
}

.col-li-lb{
  width:33.33333333%;
}
/*pc用スタイル*/
@media only screen and (min-width: 767px) {
    div.wrap {
        display: -webkit-flex;
        display: flex;
    }
    div.side {
        -webkit-flex-basis: 200px;
        flex-basis: 200px;
    }
    div.contents {
        -webkit-flex: 1;
        flex: 1;
    }
    #loginform{
      width:45%;
    }
    #ordering_details{
      margin-right:200px;
      margin-left:200px;
    }
}

.top .header h1 {
    line-height: 78px;
}

/*三本線メニューのアイコン*/
span.menu3bar {
    position: absolute;
    right: 10px;
    top: 10px;
    display: inline-block;
    width: 30px;
    height: 30px;
    outline: 1px solid #999;
    background-color: #999;
    border: 5px solid #fff;
    vertical-align: middle;
}
span.menu3bar:before, span.menu3bar:after {
    position: absolute;
    content:"";
    display: block;
    top: 20%;
    right: 0;
    height: 20%;
    left: 0;
    background-color: #fff;
}
span.menu3bar:before {
    top: 20%;
}
span.menu3bar:after {
    top: 60%;
}

img.homeicon {
    position: absolute;
    right: 75px;
    top: 10px;
    display: inline-block;
    vertical-align: middle;
}
img.carticon {
    position: absolute;
    right: 45px;
    top: 10px;
    display: inline-block;
    vertical-align: middle;
}

/*pc用スタイル*/
@media only screen and (min-width: 767px) {
    span.menu3bar {
        display: none;
    }
    img.homeicon {
        display: none;
    }
    img.carticon {
        display: none;
    }
    div.menu3bar > ul {
        width: 100%;
    }
    table.specified {
        width: 70%;
    }
}
@media screen and (max-width: 479px) {
    li.shopping_cart {
        display: none;
    }
    div.menu3bar > ul {
        width: 50%;
    }
    table.specified {
        width:100%;
    }
}
/* メニュー */
.category1 {
  background-color: #a6d3db;
  font-size: 18px;
  padding: 7px 10px;
  color: #fff;
}

.category2 {
  background-color: #b3dcb5;
  font-size: 18px;
  padding: 7px 10px;
  color: #fff;
}

.category3 {
  background-color: #fbd7a2;
  font-size: 18px;
  padding: 7px 10px;
  color: #fff;
}

.category4 {
  background-color: #f4c0c3;
  font-size: 18px;
  padding: 7px 10px;
  color: #fff;
}

.category5 {
  background-color: #cecdcd;
  font-size: 18px;
  padding: 7px 10px;
  color: #fff;
}

.category6 {
  background-color: #80807f;
  font-size: 18px;
  padding: 7px 10px;
  color: #fff;
}
.col-md-6{
  position:relative;
  min-height:1px;
  float:left;
  width:50%;
}

.btn{
  margin-right:-1px;
}

.btn-block{
  width:70%;
}

a.btn-block{
  text-decoration: none;
}

.col-md-6 .btn-lg{
  padding:15px 16px;
  font-size:14px;
  line-height:1.3333333;
  border-radius:6px;
}

.btn-logout{
  color:#fff;
  background-color:#808080;
}

#menucont.container{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:25px
}

#menuitem.item_smart{
  padding:5px;
  margin:5px 5px 2px;
  border-radius:6px;
}
#menuitem.item{
  font-size:18px;
  padding:5px;
  margin:5px 5px 2px;
  border-radius:6px;
}
.desc_smart{
  padding:2px;
  font-size:8px;
  margin:2px 5px 15px;
}
.desc{
  padding:2px;
  margin:2px 5px 10px;
}

#searchcont.container{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:25px
}

div.menu3bar ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
div.menu3bar > ul {
    position: fixed;
    top: 0;
    right: -100%;
    z-index: 100;
    height: 100%;

    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.8);

    text-align: left;
    overflow: auto;
    font-size: 90%;
    line-height: 160%;

    -webkit-overflow-scrolling: touch;

    -webkit-transition: right .3s ease-in-out;
    transition: right .3s ease-in-out;
}
    div.menu3bar > ul > li {
        margin: 0;
        padding: 10px;
        border-bottom: 1px solid #eee;
    }

    div.menu3bar > ul ul {
        margin-left: 10px;
    }
    div.menu3bar > ul ul li {
        padding: 5px;
    }

    div.menu3bar_on > ul {
        right: 0;
    }
    
.precautions {
    color: #ff0000;
}
.g-layout_foot {
    margin: 0 0 45px 0;
}

.notice{
  background-color:#fff;
}

.notice .grid {
    max-width: 768px;
}
.notice .title {
    position: relative;
    margin: 0 auto 0 auto;
    padding: 0 2px 8px;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
    color: #524B3D;
}
.notice .title:after {
    position: absolute;
    bottom: 0;
    left: 0;
    content: ' ';
    width: 100%;
    height: 2px;
    background-color: #629aa7;
}
.notice .noticeLists {
    margin: 0 2px;
}
.notice .noticeLists .noticeList:last-child {
    border-bottom: none;
}
.notice .noticeLists .noticeList {
    margin: 25px 0 0 0;
    padding: 0 0 25px 0;
    border-bottom: 1px solid #dcdcdc;
}
.notice .noticeLists .titleBlock {
    margin: 0 0 12px 0;
}
.notice .noticeLists .titleBlock .text {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    margin-bottom: 5px;
}
.notice .noticeLists .titleBlock .date {
    font-size: 13px;
    font-size: 1.3rem;
    color: #999;
}
.notice .noticeLists .titleBlock .new {
    margin-left: 10px;
    font-size: 11px;
    font-size: 1.1rem;
    color: #F35353;
}
.notice .noticeLists .desc {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.5;
}
.notice .noticeLists .desc a {
    text-decoration: underline;
    color: #61AED6;
}
/*pc用スタイル（例）*/
@media only screen and (min-width: 767px) {
    div.menu3bar > ul {
        position: static;
        max-width: none;
        overflow: visible;
        font-size: 110%;
    }
}

/* リストページ */
table.toolbar {
    margin-top: 16px;
    margin-bottom: 32px;
}

table.list th {
    width: 150px;
    text-align: left;
    padding: 8px;
    color: #ffffff;
    background-color: #5555aa;
}

table.list td {
    background-color: #bbbbff;
    padding: 8px;
}

/* 追加・編集・削除ページ */
th.add_field {
    width: 150px;
    text-align: left;
    padding: 8px;
    color: #ffffff;
    background-color: #aaaaff;
}

td.add_field {
    padding: 8px;
}

td.add_button {
    text-align: center;
    padding: 8px;
}

body{
    background: #ffffff;
    font-family: "ヒラギノ丸ゴシック ProN","UDデジタル教科書体N-R","UDデジタル教科書体N-B","Meiryo UI","sans-serif";
    font-size: 14px;
    line-height: 1.42857143;
    color: #4e4e4e;
    background-color: #fff;
}

label {
    display: inline;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}

label.login-label {
    text-align: left;
    font-weight: 400;
    color: #524B3D;
}
.site-header{
    background: #fff;
    display: flex;
    padding: 20px 20px;
    position: fixed;
    top: 0px;
    justify-content: space-between;
    width: 85%;
}

.col-md-12{
  width:99%;
  position:relative;
  min-height:1px;
  padding-right:15px;
  padding-left:15px;
  float: left;
}

/* 顧客会員登録 */
.cp_ipradio {
	width: 100%;
	margin: 0em auto;
	text-align: left;
}
.cp_ipradio input[type='radio'] {
	position: absolute;
	z-index: -1;
	opacity: 0;
}
.cp_ipradio label {
	position: relative;
	display: inline-block;
	margin-right: 30px;
	padding-right: 10px;
	padding-left: 35px;
	cursor: pointer;
}
.cp_ipradio label::before {
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	display: block;
	width: 20px;
	height: 20px;
	content: ' ';
	border: 2px solid #da3c41;
	border-radius: 3px;
}
.cp_ipradio input[type='radio'] + label::before {
	border-radius: 18px;
}
.cp_ipradio input[type='radio']:checked + label {
	padding-left: 10px;
	color: #ffffff;
}
.cp_ipradio input[type='radio']:checked + label::before {
	top: 0;
	width: 100%;
	height: 100%;
	background: #da3c41;
}
/* Transition */
.cp_ipradio label, .cp_ipradio label::before {
	-webkit-transition: 0.25s all ease;
	        transition: 0.25s all ease;
}

@font-face {
    font-family: 'LigatureSymbols';
    src: url('LigatureSymbols-2.11.eot');
    src: url('LigatureSymbols-2.11.eot?#iefix') format('embedded-opentype'),
         url('LigatureSymbols-2.11.woff') format('woff'),
         url('LigatureSymbols-2.11.ttf') format('truetype'),
         url('LigatureSymbols-2.11.svg#LigatureSymbols') format('svg');
    src: url('LigatureSymbols-2.11.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.lsf, .lsf-icon:before {
  font-family: 'LigatureSymbols';
  -webkit-text-rendering: optimizeLegibility;
  -moz-text-rendering: optimizeLegibility;
  -ms-text-rendering: optimizeLegibility;
  -o-text-rendering: optimizeLegibility;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
}

.lsf-icon:before {
  content:attr(title);
  margin-right:0.3em;
  font-size:130%;
}

.lsf-icon.sort:before {
  content: '\E120';
}

.lsf-icon.backspace:before {
  content: '\E010';
}

.lsf-icon.back:before {
  content: '\E00f';
}

.lsf-icon.check:before {
  content: '\E029';
}


.linkname{
  border-bottom: 1px solid #0000ff;
  color: #0000ff;
}

/* 商品詳細 */

.tooltip {
  position: absolute;
  z-index: 1080;
  display: block;
  margin: 0;
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  opacity: 0;
}
.tooltip.show {
  opacity: 0.9;
}
.tooltip .tooltip-arrow {
  position: absolute;
  display: block;
  width: 0.8rem;
  height: 0.4rem;
}
.tooltip .tooltip-arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-tooltip-top, .bs-tooltip-auto[data-popper-placement^=top] {
  padding: 0.4rem 0;
}
.bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow {
  bottom: 0;
}
.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
  top: -1px;
  border-width: 0.4rem 0.4rem 0;
  border-top-color: #000;
}

.bs-tooltip-end, .bs-tooltip-auto[data-popper-placement^=right] {
  padding: 0 0.4rem;
}
.bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
  left: 0;
  width: 0.4rem;
  height: 0.8rem;
}
.bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
  right: -1px;
  border-width: 0.4rem 0.4rem 0.4rem 0;
  border-right-color: #000;
}

.bs-tooltip-bottom, .bs-tooltip-auto[data-popper-placement^=bottom] {
  padding: 0.4rem 0;
}
.bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow {
  top: 0;
}
.bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
  bottom: -1px;
  border-width: 0 0.4rem 0.4rem;
  border-bottom-color: #000;
}

.bs-tooltip-start, .bs-tooltip-auto[data-popper-placement^=left] {
  padding: 0 0.4rem;
}
.bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow {
  right: 0;
  width: 0.4rem;
  height: 0.8rem;
}
.bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
  left: -1px;
  border-width: 0.4rem 0 0.4rem 0.4rem;
  border-left-color: #000;
}

.tooltip-inner {
  max-width: 300px;
  padding: 5rem 5rem;
  color: #fff;
  font-size: 18px;
  text-align: center;
  background-color: #000;
  border-radius: 0.25rem;
}

.popover {
  position: absolute;
  top: 0;
  left: 0 /* rtl:ignore */;
  z-index: 1070;
  display: block;
  max-width: 276px;
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
}
.popover .popover-arrow {
  position: absolute;
  display: block;
  width: 1rem;
  height: 0.5rem;
}
.popover .popover-arrow::before, .popover .popover-arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow {
  bottom: calc(-0.5rem - 1px);
}
.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before {
  bottom: 0;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
  bottom: 1px;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: #fff;
}

.bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow {
  left: calc(-0.5rem - 1px);
  width: 0.5rem;
  height: 1rem;
}
.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before {
  left: 0;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
  left: 1px;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: #fff;
}

.bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow {
  top: calc(-0.5rem - 1px);
}
.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before {
  top: 0;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
  top: 1px;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: #fff;
}
.bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 1rem;
  margin-left: -0.5rem;
  content: "";
  border-bottom: 1px solid #f0f0f0;
}

.bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow {
  right: calc(-0.5rem - 1px);
  width: 0.5rem;
  height: 1rem;
}
.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before {
  right: 0;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
  right: 1px;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: #fff;
}

.popover-header {
  padding: 0.5rem 1rem;
  margin-bottom: 0;
  font-size: 1rem;
  background-color: #f0f0f0;
  border-bottom: 1px solid #d8d8d8;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}
.popover-header:empty {
  display: none;
}

.popover-body {
  padding: 1rem 1rem;
  color: #212529;
}

/* ショッピングカート */
.d_cartBox{
  background-color:#fff;
  border:#dbdbdb solid 3px;
  border-radius:3px;
  margin:10px 0 0;
  width:100%;
}

.d_cartBox .header{
  background-color:#dbdbdb;
  width:100%;
}

.d_cartBox .header .title{
  color:#7c7c7c;
  font-size:21px;
  font-weight:700;
  line-height:50px;
  text-align:center;
  vertical-align:middle;
}

.d_cartBox .innerContent{
  margin:0 3px;
}

.w100p{
  width:100%;
}

.textLeft{
  text-align:left;
}

.textCenter{
  text-align:center;
}

.textRight{
  text-align:right;
}

.d_itemListTable tr{
  border-bottom:1px solid #ddd;
  height:140px;
  letter-spacing:1px;
}

.d_itemListTable tr.caption{
  font-size:12px;
  height:40px;
}

.d_itemListTable.noLastBorder tr:last-child{
  border-bottom:none;
}

.d_itemListTable th{
  border-bottom:1px solid #ddd;
  color:#585858;
  font-size:12px;
  font-weight:700;
  padding:0 0px 10px 0;
  vertical-align:bottom;
  white-space:nowrap
}

.d_itemListTable th:last-child{
  padding:0 0 5px;
}

.d_itemListTable td:first-child{
  text-align:center;
}

.d_itemListTable td.textLeft:first-child{
  text-align:left;
}

.d_itemListTable td{
  border-bottom:1px solid #ddd;
  font-size:11px;
  line-height:1.0;
  vertical-align:middle;
  white-space:nowrap;
}

.d_itemListTable td.community{
  width:65%;
}

.d_itemListTable td .sub{
  font-size:12px;
}

.d_itemListTable td .sub.itemCol__var{
  display:block;
  margin-left:0;
}

.d_itemListTable td:last-child{
  padding:0 0 5px 5px;
}

.d_itemListTable td.textEllipsis{
  line-height:75px;
}

.d_itemListTable .itemImg{
  float:left;
}

.d_itemListTable img.thumbnail{
  line-height:140px;
  max-height:100px;
  max-width:100px;
  vertical-align:middle;
}

.itemCol{
  max-width:315px;
  min-width:200px;
  overflow:hidden;
  text-overflow:
  ellipsis;
  white-space:nowrap
}

.itemCol__defaultCart{
  font-family:Helvetica,"Hiragino Kaku Gothic ProN",Hiragino Kaku Gothic ProN,Meiryo,Arial,sans-serif;
  overflow:hidden;
  text-overflow:ellipsis;
}

.itemCol__defaultCartTitle{
  margin-bottom:9px;
}

.itemCol__title{
  font-weight:700;
}

.itemCol__optionBox{
  margin-bottom:3px;
  margin-top:3px;
  white-space:normal;
  word-break:break-all;
}

.itemCol__optionName{
  font-weight:700;
}

.itemCol__optionPrice{
  white-space:nowrap;
}

.itemCol__variation{
  font-weight:normal;
}

.itemCol__optionForm{
  background-color:#f6f6f6;
  padding:4px 2px 4px 6px;
  text-align:left;
  white-space:normal;
}

.clearfix:after{
  clear:both;
  content:".";
  display:block;
  font-size:0;
  height:0;
  visibility:hidden;
}

.clearfix{
  display:inline-block;
}

.subTotalBlock{
  padding:10px 0;
}

.subTotalBlock__list{
  margin:0 0 0 auto;
  width:600px;
}

.listTable__heading{
  color:#666;
  display:table-cell;
  font-size:13px;
  text-align:right;
}

.listTable__content{
  display:table-cell;
  font-size:16px;
  text-align:right;
  width:350px;
}

.d_cartBox .innerContent .row{
  border-top:1px solid #e6e6e6;
  overflow:hidden;
  padding:10px 0;
}

.d_cartBox .innerContent .row:first-child{
  border-top:none;
}

.d_cartBox .innerContent .row.noBorder{
  border-top:none;
  padding:10px 0 30px;
}

#orderItems.d_cartBox .innerContent .row.row--price{
  border:none;
  padding:0 0 10px;
}

.priceTotal{
  background-color:#f6f6f6;
  font-size:20px;
  line-height:65px;
  padding:0 5px 0 0;
  text-align:right;
}

.priceTotal2{
  background-color:#f6f6f6;
  font-size:20px;
  line-height:30px;
  padding:0 5px 0 0;
  text-align:right;
}
.priceTotal__label{
  padding:0 10px 0 0;
}

.priceTotal__label:after{
  content:"：";
}

.priceTotal__price{
  font-weight:700;
}
.priceTotal_betu{
  font-size:15px;
}

.d_bntBox{
  background-color:#fff;
  border-radius:3px;
  margin:15px 0 0;
  padding:10px;
}

.d_bntBox .innerContent{
  width:100%;
}

.d_bntBox .innerContent .r{
  float:right;
}

.purchaseButtons{
  padding:10px;
  margin-top: 5px;
  margin-left: 30px;
  margin-right: 30px;
  margin-bottom: 5px;
  border-radius:6px;
}

.purchaseButtons .payButton__text{
  display:inline-block;
  line-height:26px;
  margin-left:10px;
  vertical-align:middle;
}

.btnPurchase{
  display:inline-block;
  vertical-align:top;
  width:350px;
}

.btn--main{
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  background-color:#11beae;
  border-radius:6px;
  box-sizing:border-box;
  color:#fff;
  cursor:pointer;
  display:block;
  outline:0;
  text-align:center;
  text-decoration:none;
  border:none;
  font-size:16px;
  padding:10px 10px;
}

.btn--main:active,.btn--main:hover{
  text-decoration:none;
  background-color:#219d92;
  color:#fff;
  transition:.2s;
  border:none;
}

.btn--main.is_disabled,.btn--main:disabled{
  background-color:#ccc;
  cursor:default;
}

.btnPurchase--pay{
  background-color:#0063f0;
}

.btnPurchase--back{
  background-color:#1b1b1b;
}

.btnPurchase--pay:hover{
  background-color:#0e5ac7;
}

/* 決済情報登録、決済情報確認 */
.dl_form_h3, .payment_secst {
  display: none;
}
.dl_form {
  background: #FFF;
  border-right: none;
  border-bottom: none;
  border-left: none;
  margin-bottom: 0;
}
.dl_form dt, .dl_form dd {
  border-top: none;
}
.dl_form dt {
  padding: 5px 10px;
  background: #f5f5f5;
  border-top: 1px solid #ccc;
  font-weight: bold;
  float: none;
  width: 100%;
}
.dl_form dt .q-box {
  font-size: 1.1rem;
  padding: 0 3px;
  margin-left: 5px;
  color: #08c;
  border: solid 1px #08c;
  line-height: 0;
  text-decoration: none;
}
.dl_form dd {
  padding: 10px;
  margin-left: 0;
  border-left: none;
}
.dl_form dd div {
  border: solid 1px #ccc;
  width: 100%;
  float: none;
  margin-right: 0;
  vertical-align: middle;
  border-radius: 3px;
}
.dl_form .annotation {
  color: #c93535 !important;
  padding: 15px 10px 10px;
  font-weight: normal;
}
.dt-ex {
  display: none;
}
.mb-ex {
  display: inline;
}
.mb-boder {
  border-bottom: solid 1px #ccc;
}

.p-10 {
  padding: 10px 10px 0;
  display: block;
}

/* 決済完了 */
.ta-c-l {
  text-align: left;
  padding: 10px;
}

/* 発注一覧 */
.form-control{
  display: inline-block;
  width: 137px;
  vertical-align: middle;
  height:34px;
  padding:1px;
  font-size:14px;
  line-height:1.42857143;
  color:#555;
  background-color:#fff;
  background-image:none;
  border:1px solid #ccc;
  border-radius:4px;
  -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
  -webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.btn-primary{
  color:#4e4e4e;
  background-color:#a6d3db;
  border-color:#a6d3db;
  border-radius: 6px;
  font-weight: bold;
}
.btn-primary2{
  color:#4e4e4e;
  background-color:#b3dcb5;
  border-color:#b3dcb5;
  border-radius: 6px;
  font-weight: bold;
}
.btn-primary3{
  color:#4e4e4e;
  background-color:#fbd7a2;
  border-color:#fbd7a2;
  border-radius: 6px;
  font-weight: bold;
}
.btn-primary4{
  color:#4e4e4e;
  background-color:#f4c0c3;
  border-color:#f4c0c3;
  border-radius: 6px;
  font-weight: bold;
}
.btn-primary5{
  color:#4e4e4e;
  background-color:#cecdcd;
  border-color:#cecdcd;
  border-radius: 6px;
  font-weight: bold;
}
.btn,.btn-xs{
  padding:1px 5px;
  font-size:12px;
  line-height:1.5;
  border-radius:3px;
}

.btn .badge,.btn-xs .badge{
  top:0;
  padding:1px 5px;
}

.btn{
  display:inline-block;
  padding:6px 12px;
  margin-bottom:0;
  font-size:14px;
  font-weight:400;
  line-height:1.42857143;
  text-align:center;
  white-space:nowrap;
  vertical-align:middle;
  -ms-touch-action:manipulation;
  touch-action:manipulation;
  cursor:pointer;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  background-image:none;
  border:1px solid transparent;
  border-radius:4px;
}

.btn-default{
  color:#333;
  background-color:#fff;
  border-color:#ccc;
}

.container{
  padding-right:3px;
  padding-left:3px;
  margin-right:auto;
  margin-left:auto;
}

.container-shop{
  display:grid;
  grid-template-columns:70% 30%;
}

/* 発注詳細 */
.table{
  border-collapse:collapse!important;
  margin-right:auto;
  margin-left:auto;
}

.table-striped>tbody>tr:nth-of-type(odd){
  background-color:#f9f9f9;
}

.table-bordered td,.table-bordered th{
  border:1px solid #ddd!important;
}

.bg-info{
  background-color:#d9edf7;
}

.text-left{
  text-align:left;
  padding:3px;
}

.text-right{
  text-align:right;
  padding:3px;
}

.text-center{
  text-align:center;
  padding:3px;
}

.container-fluid{
  padding-right:5px;
  padding-left:5px;
  margin-right:auto;
  margin-left:auto;
}

.col-md-3,.col-md-4,.col-md-7{
  width:260px;
  position:relative;
  min-height:1px;
  padding-right:10px;
  padding-left:10px;
}

.btn-lg{
  padding:10px 16px;
  font-size:18px;
  line-height:1.3333333;
  border-radius:6px;
}

.btn-warning{
  color:#fff;
  background-color:#f0ad4e;
  border-color:#eea236;
}

.btn-trading{
  color:#000;
  background-color:#dcdcdc;
  border-color:#808080;
}

.btn-clear{
  color:#fff;
  background-color:#4169e1;
  border-color:#4169e1;
}

.btn-success{
  color:#fff;
  background-color:#5cb85c;
  border-color:#4cae4c;
}

.order-box-wrap{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 2% 5%;
}

.information{
  display: inline-block;
  width: 100%;
  vertical-align: middle;
  height:42px;
  padding:1px;
  font-size:14px;
  line-height:1.42857143;
  color:#555;
  background-color:#fff;
  background-image:none;
  border:1px solid #ccc;
  border-radius:4px;
  -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
  -webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.order-info{
  height:34px;
  padding: 2px 5px;
}

#processing.form-control{
  display: inline-block;
  width: 100%;
  vertical-align: middle;
  text-align:center;
  height:34px;
  padding:1px;
  font-size:14px;
  line-height:1.42857143;
  color:#555;
  background-color:#fff;
  background-image:none;
  border:1px solid #ccc;
  border-radius:4px;
  -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
  -webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

/* 領収書発行 */
@media print{
  .noPrint{display:none;}       /* 印刷しない */
}

@media screen{
  .noScreen{display:none;}      /* 画面に表示しない */
}

/* 商品登録 */
.table-bordered{
  border:1px solid #ddd;
}

.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{
  border:1px solid #ddd;
}

.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{
  border-bottom-width:2px;
}

.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success{
  background-color:#dff0d8;
}

.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover{
  background-color:#d0e9c6;
}

.smallimg{
  max-height:100px;
  max-width:100px;
  vertical-align:middle;
}

/* 公開商品管理 */
label.col-md-3{
  width: 23%;
  position:relative;
  min-height:1px;
  padding-right:1px;
  padding-left:1px;
  float: left;
}

.col-md-6{
  display:block;
  width:100%;
  height:34px;
  padding:6px 12px;
  font-size:16px;
  line-height:1.42857143;
  color:#555;
  background-color:#fff;
  background-image:none;
  border:1px solid #ccc;
  border-radius:4px;
  -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
  -webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.bg-success{
  background-color:#dff0d8;
}

.inventory{
  width:100%;
  text-align:right;
}


/* 注文一覧 */
.radio-inline input[type=radio]{
  position:absolute;
  margin-top:4px\9;
  margin-left:-20px;
}

.checkbox-inline,.radio-inline{
  position:relative;
  display:inline-block;
  padding-left:20px;
  margin-bottom:0;
  font-weight:400;
  vertical-align:middle;
  cursor:pointer;
}

div.col-md-3{
  position:relative;
  min-height:1px;
  padding-right:15px;
  padding-left:15px;
  float: left;
  width:25%;
}

.form-inline .form-group{
  display:inline-block;
  margin-bottom:0;
  vertical-align:middle;
}

.btn-danger{
  color:#fff;
  background-color:#d9534f;
  border-color:#d43f3a;
}

.page-header{
  padding-bottom:9px;
  margin:40px 0 20px;
  border-bottom:1px solid #eee;
}

.btn-sm{
  padding:5px 10px;
  font-size:12px;
  line-height:1.5;
  border-radius:3px;
}

.col-md-5,.col-md-7,.col-md-9{
  float:left;
  position:relative;
  min-height:1px;
  padding-right:15px;
  padding-left:15px;
}

.col-md-11{
  float:left;
  position:relative;
  min-height:1px;
  padding-right:8px;
  padding-left:8px;
}

#desc_receiv.col-md-5{
  width:28%;
  padding-left:1px;
}

#desc_receiv.col-md-7{
  width:40%;
  padding-left:5px;
}

#desc_receiv.col-md-9{
  width:60%;
}
.form-control-static{
  min-height:34px;
  padding-top:7px;
  padding-bottom:7px;
  margin-bottom:0;
}

.form-group-sm .form-control-static{
  height:30px;
  min-height:32px;
  padding:6px 10px;
  font-size:12px;
  line-height:1.5;
}

#desc_receiv.clearfix{
  display: block;
}

.form-horizontal .form-group-sm .control-label {
  padding-top: 6px;
  font-size: 12px;
}

.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.warning,.table>thead>tr>th.warning{
  background-color:#fcf8e3;
}

#order_tbl.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}

/* 売上管理 */
.container-sales{
    margin-right: 15px;
    margin-left: 15px;
    margin-bottom: 10em;
    width: 95%;
}

#summary_tbl.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}
/* 受注集計 */
.sheet {
  page-break-after: always;
}
/* 商品在庫管理 */
.f-container{
	display:flex;
//	flex-diretion: row;
//	align-items: stretch;
}
/* 得意先一覧 */
.table-type3 {
  width: 100%;
  border-top: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
}

.table-type3 .tr {
  display: table;
  width: 100%;
}

.table-type3 .tr .th,
.table-type3 .tr .td {
  display: table-cell;
  font-size: 14px;
  padding: 10px 15px;
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
}

.table-type3 .tr .th {
  background: #dff0d8;
  font-weight: bold;
}

#hagentid {
  width: 10%;
}
#agentid {
  width: 10%;
  text-decoration:underline;
  text-decoration-color:#FF0000;
}
#linkchar:link { color: #0000ff; }
#linkchar:visited { color: #000080; }
#linkchar:hover { color: #ff0000; }
#linkchar:active { color: #ff8000; }

#hgenrename, #genrename {
  width: 15%;
}
#hagentname, #agentname {
  width: 20%;
}
#hagenttel, #agenttel {
  width: 10%;
}
#hagentmail, #agentmail {
  width: 30%;
}
#hincharge, #incharge {
  width: 15%;
}

@media screen and (max-width: 991px) {
  .table-scroll {
    overflow: auto;
    white-space: nowrap;
  }
  .table-scroll::after {
    content: "※このテーブルは横にスクロールできます。";
  }
  .table-type3 {
    width: 991px;
    margin-bottom: 5px;
  }
}

/* 共通 */
#conditions.container{
  display:grid;
  grid-template-columns: 1.5fr 1fr 1fr 1fr 1fr;
}

#conditions.item{
  padding:10px;
}

#itemlist.container{
  display:grid;
  grid-template-columns: 4fr 6fr;
}

#itemlist.nest-container{
  display:grid;
}

#itemlist.item{
  padding:10px;
}

.picbox{
    margin-top: 5px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 5px;
    text-align: center;
}

.productinfo{
    margin-top: 5px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 5px;
}

#purchase.container{
  display:grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap:10px;
}

#purchase.item{
  padding:5px;
}

.cautionred{
  color:#f00;
}

.itemPrice{
  color:#f00;
  font-size:28px;
}

.itemProcessing{
  color:#f00;
  font-size:12px;
}

.outofterm{
  color:#f00;
  text-align:center;
  vertical-align:middle;
}

#productinfo.container{
  display:grid;
  grid-template-columns: 3fr 7fr;
}

#productinfo.item{
  padding:5px;
}
.itemPriceArea{
  padding:0 5px;
}

.btn-1{
  background-color:#337ab7;
  color:#fff;
  padding:10px;
  margin: 5px 40px;
  border-radius:6px;
}

#btn-continue.btn-1,#btn-cart.btn-1,#btn-return.btn-1{
  background-color:#11beae;
  margin-top: 15px;
  margin-bottom: 15px;
  width: 80%;
}

#btn-buy.btn-1,#btn-confirm.btn-1,#btn-pay.btn-1{
  background-color:#0063f0;
  margin-top: 15px;
  margin-bottom: 15px;
  width: 80%;
}

#payjp_checkout_box input[type=button]{
  margin-top: 15px;
  margin-bottom: 15px;
  width: 80%;
  padding:10px;
  margin: 5px 30px;
  border-radius:6px;
}

.linkbtn{
  background-color:#11beae;
  padding:10px;
  margin: 5px 38px;
  border-radius:6px;
  width: 80%;
}
a#btn-cart{
  color:#fff;
}

#cartitem.container{
  display:grid;
  grid-template-columns: 2fr 8fr;
}

#cartitem.nest-container{
  display:grid;
}

#nest-item.nest-nest-container{
  display:grid;
  grid-template-columns: 5fr 5fr;
}
#cartitem.item{
  padding:10px;
}

#cartsum.container{
  display:grid;
  grid-template-columns: 1fr 1fr;
}

#cartsum.container2{
  display:grid;
  grid-template-columns: 1fr 10fr;
}
.delete{
  display:table-cell;
  text-align:right;
  width:350px;
}

select::-ms-expand {
	display: none;
}
select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding: 5px 15px 5px 10px;
	font-size: 93%;
	line-height: 1.1em;
	border-radius: 5px;
	background-image: url(../img/btn_arrow.png);
	background-repeat: no-repeat;
	background-size: 12px 10px;
	background-position: right 0px center;
	background-color:#ffffff;
}
option:first-child{
	color:#000;
}
select, option{
  border:gray 1px solid;
}

.base-button {
  display       : inline-block;
  border-radius : 12%;          /* 角丸       */
  font-size     : 10pt;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 7px 10px;   /* 余白       */
  background    : #337daa;     /* 背景色     */
  color         : #ffffff;     /* 文字色     */
  line-height   : 1em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
  border        : 1px solid gray;
}

.innumber {
  box-sizing    : border-box;
  margin        : 0;
  vertical-align: top;
 
  width         : 50%;                /* 一旦100%幅     */
  max-width     : 130px;               /* 入力域の最大幅 */
  height        : 24px;                /* 入力域の高さ   */
  background    : #ffffff;             /* 入力域の背景色 */
  border        : 2px solid #a9a9a9;   /* 入力域の枠線   */
  border-radius : 4px;                 /* 入力域の角丸   */
  padding       : 0 6px;              /* 入力文字の余白 */
  font-size     : 14px;                /* 入力文字サイズ */
  color         : #000000;             /* 入力文字の色   */
  letter-spacing: .1em;                /* 入力文字の間隔 */
}
 /* --- 入力フィールドにフォーカスか来たら ----------------*/
.innumber:focus {
  border-color  : #66ff66;                 /* 枠線色     */
  background    : rgba(102, 255, 102, 0.20);  /* 背景色     */
  box-shadow    : 4px 4px 2px #999;        /* 影付け     */
  outline       : 0;
}
 /* --- IEの入力エリア右側×消し -------------------------*/
.innumber::-ms-clear {
  display     : none;                      /* ×を消す   */
}
.inname {
  box-sizing    : border-box;
  margin        : 0;
  vertical-align: top;
 
  width         : 80%;                /* 一旦100%幅     */
  max-width     : 240px;               /* 入力域の最大幅 */
  height        : 24px;                /* 入力域の高さ   */
  background    : #ffffff;             /* 入力域の背景色 */
  border        : 2px solid #a9a9a9;   /* 入力域の枠線   */
  border-radius : 4px;                 /* 入力域の角丸   */
  padding       : 0 6px;              /* 入力文字の余白 */
  font-size     : 14px;                /* 入力文字サイズ */
  color         : #000000;             /* 入力文字の色   */
  letter-spacing: .1em;                /* 入力文字の間隔 */
}
 /* --- 入力フィールドにフォーカスか来たら ----------------*/
.inname:focus {
  border-color  : #66ff66;                 /* 枠線色     */
  background    : rgba(102, 255, 102, 0.20);  /* 背景色     */
  box-shadow    : 4px 4px 2px #999;        /* 影付け     */
  outline       : 0;
}
 /* --- IEの入力エリア右側×消し -------------------------*/
.inname::-ms-clear {
  display     : none;                      /* ×を消す   */
}
.inamount {
  box-sizing    : border-box;
  margin        : 0;
  vertical-align: top;
 
  width         : 40%;                /* 一旦100%幅     */
  max-width     : 100px;               /* 入力域の最大幅 */
  height        : 24px;                /* 入力域の高さ   */
  background    : #ffffff;             /* 入力域の背景色 */
  border        : 2px solid #a9a9a9;   /* 入力域の枠線   */
  border-radius : 4px;                 /* 入力域の角丸   */
  padding       : 0 6px;              /* 入力文字の余白 */
  font-size     : 14px;                /* 入力文字サイズ */
  color         : #000000;             /* 入力文字の色   */
  letter-spacing: .1em;                /* 入力文字の間隔 */
}
.insort {
    box-sizing: border-box;
    margin: 0;
    vertical-align: top;
    width: 80%;
    max-width: 100px;
    height: 24px;
    background: #ffffff;
    border: 2px solid #a9a9a9;
    border-radius: 4px;
    padding: 0 2px;
    font-size: 14px;
    color: #000000;
    letter-spacing: .1em;
}
 /* --- 入力フィールドにフォーカスか来たら ----------------*/
.inamount:focus {
  border-color  : #66ff66;                 /* 枠線色     */
  background    : rgba(102, 255, 102, 0.20);  /* 背景色     */
  box-shadow    : 4px 4px 2px #999;        /* 影付け     */
  outline       : 0;
}
 /* --- IEの入力エリア右側×消し -------------------------*/
.inamount::-ms-clear {
  display     : none;                      /* ×を消す   */
}
#stock.inamount {
  text-align:right;
}

.incardname {
  box-sizing    : border-box;
  margin        : 0;
  vertical-align: top;
 
  width         : 100%;                /* 一旦100%幅     */
  max-width     : 500px;               /* 入力域の最大幅 */
  height        : 24px;                /* 入力域の高さ   */
  background    : #ffffff;             /* 入力域の背景色 */
  border        : 2px solid #a9a9a9;   /* 入力域の枠線   */
  border-radius : 4px;                 /* 入力域の角丸   */
  padding       : 0 6px;              /* 入力文字の余白 */
  font-size     : 14px;                /* 入力文字サイズ */
  color         : #000000;             /* 入力文字の色   */
  letter-spacing: .1em;                /* 入力文字の間隔 */
}
 /* --- 入力フィールドにフォーカスか来たら ----------------*/
.incardname:focus {
  border-color  : #66ff66;                 /* 枠線色     */
  background    : rgba(102, 255, 102, 0.20);  /* 背景色     */
  box-shadow    : 4px 4px 2px #999;        /* 影付け     */
  outline       : 0;
}
 /* --- IEの入力エリア右側×消し -------------------------*/
.incardname::-ms-clear {
  display     : none;                      /* ×を消す   */
}
.incardnumber {
  box-sizing    : border-box;
  margin        : 0;
  vertical-align: top;
 
  width         : 100%;                /* 一旦100%幅     */
  max-width     : 180px;               /* 入力域の最大幅 */
  height        : 24px;                /* 入力域の高さ   */
  background    : #ffffff;             /* 入力域の背景色 */
  border        : 2px solid #a9a9a9;   /* 入力域の枠線   */
  border-radius : 4px;                 /* 入力域の角丸   */
  padding       : 0 6px;              /* 入力文字の余白 */
  font-size     : 14px;                /* 入力文字サイズ */
  color         : #000000;             /* 入力文字の色   */
  letter-spacing: .1em;                /* 入力文字の間隔 */
}
 /* --- 入力フィールドにフォーカスか来たら ----------------*/
.incardnumber:focus {
  border-color  : #66ff66;                 /* 枠線色     */
  background    : rgba(102, 255, 102, 0.20);  /* 背景色     */
  box-shadow    : 4px 4px 2px #999;        /* 影付け     */
  outline       : 0;
}
 /* --- IEの入力エリア右側×消し -------------------------*/
.incardnumber::-ms-clear {
  display     : none;                      /* ×を消す   */
}
.increyear {
  box-sizing    : border-box;
  margin        : 0;
  vertical-align: top;
 
  width         : 100%;                /* 一旦100%幅     */
  max-width     : 42px;               /* 入力域の最大幅 */
  height        : 32px;                /* 入力域の高さ   */
  background    : #ffffff;             /* 入力域の背景色 */
  border        : 2px solid #a9a9a9;   /* 入力域の枠線   */
  border-radius : 4px;                 /* 入力域の角丸   */
  padding       : 0 6px;              /* 入力文字の余白 */
  font-size     : 14px;                /* 入力文字サイズ */
  color         : #000000;             /* 入力文字の色   */
  letter-spacing: .1em;                /* 入力文字の間隔 */
}
 /* --- 入力フィールドにフォーカスか来たら ----------------*/
.increyear:focus {
  border-color  : #66ff66;                 /* 枠線色     */
  background    : rgba(102, 255, 102, 0.20);  /* 背景色     */
  box-shadow    : 4px 4px 2px #999;        /* 影付け     */
  outline       : 0;
}
 /* --- IEの入力エリア右側×消し -------------------------*/
.increyear::-ms-clear {
  display     : none;                      /* ×を消す   */
}
.incode {
  box-sizing    : border-box;
  margin        : 0;
  vertical-align: top;
 
  width         : 100%;                /* 一旦100%幅     */
  max-width     : 60px;               /* 入力域の最大幅 */
  height        : 24px;                /* 入力域の高さ   */
  background    : #ffffff;             /* 入力域の背景色 */
  border        : 2px solid #a9a9a9;   /* 入力域の枠線   */
  border-radius : 4px;                 /* 入力域の角丸   */
  padding       : 0 6px;              /* 入力文字の余白 */
  font-size     : 14px;                /* 入力文字サイズ */
  color         : #000000;             /* 入力文字の色   */
  letter-spacing: .1em;                /* 入力文字の間隔 */
}
 /* --- 入力フィールドにフォーカスか来たら ----------------*/
.incode:focus {
  border-color  : #66ff66;                 /* 枠線色     */
  background    : rgba(102, 255, 102, 0.20);  /* 背景色     */
  box-shadow    : 4px 4px 2px #999;        /* 影付け     */
  outline       : 0;
}
 /* --- IEの入力エリア右側×消し -------------------------*/
.incode::-ms-clear {
  display     : none;                      /* ×を消す   */
}
#orderday.outer{
  display:table;
  text-align: center;
}

#orderday.inner{
  padding:3px;
  display: table-cell;
  vertical-align: middle;
}

.listarea{
  padding:3px;
}

.list_tbl_header{
  border:1px solid rgba(221,221,221,1.00);
  background-color:#DFF0D8;
  color:#000000;
  text-align:center;
}

.list_tbl_element{
  border:1px solid rgba(221,221,221,1.00);
  text-align:center;
  vertical-align:middle;
}
.list_tbl_element2{
  border-top:2px solid rgba(100,100,100,1.00);
  border-bottom:1px solid rgba(221,221,221,1.00);
  border-left:1px solid rgba(221,221,221,1.00);
  border-right:1px solid rgba(221,221,221,1.00);
  text-align:center;
  vertical-align:middle;
}

.list_tbl_subtotal {
    border: 1px solid rgba(221,221,221,1.00);
    text-align: center;
    vertical-align: middle;
    background-color: #fcf8e3;
}

#btn-details.base-button{
  color:#ffffff;
}

#orderlist.container{
  display:grid;
  grid-template-columns: 4.5fr 5.5fr;
}

#orderlist.item{
  padding:5px;
}

#campanyinfo.container{
  display:grid;
  grid-template-columns: 5fr 3fr;
}

#campanyinfo.nest-container{
  display:grid;
}

.date-control{
  display: inline-block;
  width: 138px;
  vertical-align: middle;
  height:34px;
  padding:1px;
  font-size:14px;
  line-height:1.42857143;
  color:#555;
  background-color:#fff;
  background-image:none;
  border:1px solid #ccc;
  border-radius:4px;
  -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
  -webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.time-control{
  display: inline-block;
  width: 80px;
  vertical-align: middle;
  height:34px;
  padding:1px;
  font-size:14px;
  line-height:1.42857143;
  color:#555;
  background-color:#fff;
  background-image:none;
  border:1px solid #ccc;
  border-radius:4px;
  -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
  -webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.ex-textarea{
  text-align:left;
  border:1px solid #dbdbdb;
  border-radius:4px;
  padding: 10px;
}

.maker, .maker_cd, .agent_id, .genre, .user_id, .status, .delivery{
  border:1px solid #dbdbdb;
  border-radius:4px;
  padding: 7px 20px 7px 7px;
}

.btn-upload {
  display       : inline-block;
  border        : 1px solid #000000;
  border-radius : 4px;          /* 角丸       */
  font-size     : 10pt;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  padding       : 4px;         /* 余白       */
  background    : #eeeeee;     /* 背景色     */
  color         : #000000;     /* 文字色     */
}

.g-del-btn{
  border-color    : #696969;
  background-color: #696969;
  color           : #ffffff;     /* 文字色     */
}

.btn-dell{
    text-align: right;
    border: 1px solid #696969;
    border-radius:4px;
    padding: 5px;
    background: #696969;
    color: #ffffff;
}

.btn-tocart{
    text-align: center;
    border: 1px solid #eb6157;
    border-radius:4px;
    padding: 5px;
    background: #eb6157;
    color: #ffffff;
    margin-top: 8px;
    margin-bottom: 8px;
    width: 80%;
}

.btn-topayment{
    text-align: center;
    border: 1px solid #337daa;
    border-radius:4px;
    padding: 5px;
    background: #337daa;
    color: #ffffff;
    margin-top: 8px;
    margin-bottom: 8px;
    width: 80%;
}

.btn-returnBtn{
    text-align: center;
    border: 1px solid #337daa;
    border-radius:4px;
    padding: 5px;
    background: #337daa;
    color: #ffffff;
    margin-top: 8px;
    margin-bottom: 8px;
    width: 80%;
}
.g-btn-del{
    border-color: #696969;
    background-color: #696969;
    color: #FFFFFF;
}

/***追従するトップへ戻るボタン***/
.gotop{
    display: block;
    width: 50px;
    height: 50px;
    box-sizing: border-box;
    background: #FFF;
    border: 1px solid #999;
    padding-top: 30px;
    text-align: center;
    letter-spacing: -1px;
    font-size: 75%;
    text-decoration: none;
    color: #333;
    opacity: 0.5;
    position: fixed;
    bottom: 30px;
    left: 5px;
    z-index: 10000;
}
.gotop::before{
    content: "";
    display: block;
//    border-top: 2px solid #333;
//    border-right: 2px solid #333;
    background-image: url(../img/home.png);
//    width: 25%;
//    height: 25%;
//    top: 25%;
    width: 30px;
    height: 30px;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    position: absolute;
//    transform: rotate(-45deg);
}
.gotop:hover{
    opacity: 1;
}

/***トップへ戻るボタンここまで***/
.pagebreak {
  break-after: page;
}

.msgattribute{
    font-size: 20px;
    color: #ff0000;
    font-weight: bold;
}

input[type=number]{
	text-align: right;
}

.g-btn-login{
    text-align: center;
    text-decoration:underline;
    color: #0000ff;
    font-size: 1.2em;
}
.cp_qa *, .cp_qa *:after, .cp_qa *:before {
	font-family: 'FontAwesome', sans-serif;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.cp_qa dt,.cp_qa dd {
	position: relative;
	padding: 0.5em;
	box-shadow: 0px 1px 1px rgba(0,0,0,0.2);
	border-radius: 0.3em;
}
.cp_qa dt {
	margin: 0 3em 1em 3em;
	background: #ffe0b2;
}
.cp_qa dd {
	margin: 0 3em 3em 3em;
	background: #b2ebf2;
}
/* 吹き出し▶︎ */
.cp_qa dt::before,.cp_qa dd::before{
	position: absolute;
	z-index: 99;
	top: 0.5em;
	display: inline-block;
	width: 0;
	height: 0;
	content: '';
	border-style: solid;
}
/* 質問吹き出し▶︎ */
.cp_qa dt::before {
	left: -0.5em;
	border-width: 5px 8.7px 5px 0;
	border-color: transparent #ffe0b2 transparent transparent;
}
/* 答え吹き出し▶︎ */
.cp_qa dd::before {
	right: -0.5em;
	border-width: 5px 0 5px 8.7px;
	border-color: transparent transparent transparent #b2ebf2;
}
/* ?!アイコン */
.cp_qa dt::after,.cp_qa dd::after {
	font-size: 1.2em;
	position: absolute;
	top: 0;
	color: #ffffff;
	border-radius: 50%;
	display: inline-block;
	width: 1.5em;
	height: 1.5em;
	line-height: 1.2em;
}
/* ?アイコン */
.cp_qa dt::after {
	left: -2.5em;
	margin: 0 0.5em 0 0;
	padding: 0.2em 0.25em;
	content: 'Ｑ';
	background: #f57c00;
}
/* !アイコン */
.cp_qa dd::after {
	right: -2.5em;
	margin: 0 0 0 0.5em;
	padding: 0.2em 0.25em;
	content: 'Ａ';
	background: #0097a7;
}
.underbar {
	text-decoration:underline;
	text-decoration-color: #0044CC;
	color: #0044CC;
}