/***************/
/* Common      */
/***************/
.FloatLeft {
  float: left;
}
.clear {
  clear:both;
}
.OdakinFloatClear {
  clear:both;
}
h1, h2, h3, h4, h5, h6{
  font-weight:900!important;
}
#main #container {
  padding-top: 0px!important;
}
.content .entry-content {
  margin-bottom: 10px!important;
}

.btn-normal {
  color: #fff;
  background-color: #e90000;
  border-color: #e90000;
}
.input-normal {
  margin: 0px 0px 10px 0px;
}

.OrderListContainer {
  max-width: 81%;
  margin: 0 2% 0% 2%;
}
.OrderListContainer table th,
.OrderListContainer table td
{
  border: none;
  margin-right: 2px;
  border-bottom: 1px solid #e9e9e9;
  border: 1px solid #e5e5e5;
  padding: 10px 10px;
  vertical-align: top;
}

/*****************/
/* Standard Page */
/*****************/
/* Login */



/***************/
/* List Header */
/***************/
.content {
  width: 100%;
}
/* Header */
#StatusBarWrap {
  width: 100%;
}

#StatusBarWrap,
#DeliveryDateWrap,
#SelectOptionsWrap,
#HeaderButtonsWrap,
#HeaderLangWrap
{
  margin: 0px 0px 10px 0px;
  overflow: hidden;
  position: relative;
  zoom:1;
}
#HeaderButtonsWrap,
#HeaderLangWrap {
  float: left;
}
/* Welcome */
#WelcomeWrap {
  float: right;
}
#WelcomeBuyerCodeWrap,
#WelcomeBuyerNameEnWrap {
  float: left;
}

/* Header Delivery Date */
#DeliveryText,
#DeliveryWD {
  float: left;
  margin-top: 10px;
}
#DeliveryWD {
  margin-left: 15px;
}
#InputDeliveryDate {
  float: left;
  margin: 0px 10px 0px 10px;
  padding: 10px 10px 10px 10px;
}

/* Header Status Bar */
#StatusSelection,
#StatusReview,
#StatusFinish
{
  text-align: center;
  float: left;
  padding:10px 10px 10px 30px;
  width:32%;
  position:relative;
  background-color:#e90000;
  color:#fff;
  margin: 5px;
  font-size: 25px;
  font-weight:bold;
}

#StatusSelection {z-index: 3;}
#StatusReview {z-index: 2;}
#StatusFinish {z-index: 1;}

#StatusReview::before,
#StatusFinish::before,
#StatusSelection::after,
#StatusReview::after
{
  border-style:solid;
  border-top-width: 20px;
  border-right-width: 0px;
  border-bottom-width: 20px;
  border-left-width: 20px;
  content: " ";
  top: 0px;
  position:absolute;
  background-color:transparent;
}

#StatusReview::before,
#StatusFinish::before
{
  border-color:transparent #fff;
  left: -1px;
  right: auto;
}

#StatusSelection::after,
#StatusReview::after
{
  border-color:transparent #e90000;
  left: auto;
  right: -24px;
  position:absolute;
  background-color:transparent;
}

/* Header Select-Options */
#DeliveryDateWrap,
#SupplierSelectWrap,
#ProductTagSelectWrap,
#HeaderLangWrap
{
  float: left;
  font-size: 20px;
  font-weight:bold;
}
#DeliveryDateWrap,
#SupplierSelectWrap,
#ProductTagSelectWrap
{
  margin: 0px 20px 5px 0px;
}
#HeaderLangWrap
{
  margin: 0px 0px 0px 10px;
}
#SupplierSelect,
#ProductTagSelect,
#MemoToSupplierSelect {
}

/* Header Button */
#ClearListButton,
#NextReviewButton,
#NextFinishButton,
#ContinueButton,
#OrderMemoButton,
#OrderMemoOKButton,
#OrdeMemoCancelButton{
  float: left;
  margin: 0px 0px 0px 10px;
  width:auto;
  font-size:20px;
  font-weight:bold;
  text-decoration:none;
  display:block;
  text-align:center;
  padding:12px;
  color:#fff;
  background-color:#222979;
  border-radius:5px;
  box-shadow:2px 2px 2px #555;
}

/**************/
/* Order List */
/**************/
#ItemListTable{
  width: 100%;
  word-break: break-all;
}

.TrItemList
{
  font-size: 20px;
  line-height: 1.2em;
  color: #222979;
  background-color: #C5C5C5;
  margin-top: 0;
  margin-bottom: 8px;
  cursor: pointer;
}
#OrderListRow, #SeledctedRow
{
  font-size: 20px;
  line-height: 1.2em;
  color: #222979;
  background-color: #C5C5C5;
  margin-top: 0;
  margin-bottom: 8px;
  cursor: pointer;
  height: 100%;
}

#OrderQuantitySelect,
#OrderUnitSelect,
#DefaultOrderQuantitySelect {
  -webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
  padding: 10px 7px 10px 10px;
  background: #ffffff;
  text-align: right;
  -webkit-appearance: button;    /* Firefox向け */
  -moz-appearance: button;       /* Google Chrome、Safari向け */
  appearance: button;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
}
#OrderQuantitySelect {
  width: auto;
  height: 50px;
}

#DefaultOrderQuantitySelect {
  width: 100%;
  height: 40px;
}

#TdDefaultOpen,
#TdSelectFlg,
#TdChangedFlg,
#TdSupplierCode,
#TdSupplierNameEn,
#TdBuyerCode,
#TdProductCode,
#TdBuyerProductTag,
#TdOfclProductName,
/*
#TdSupplierShortName,
#TdProductNameEn,
#TdProductImage,
*/
#TdProductNameJa,
#TdProductNameCn,
#TdProductNameTw,
#TdProductNameKo,

/*
#TdOrderQuantity,
#TdBuyerOrderUnit,
*/

#TdBuyerSortKey01,
#TdBuyerSortKey02,
#TdBuyerSortKey03,
#TdBuyerSortKey04,
#TdBuyerSortKey05,

#TdDeleteFlag,
#TdAutomaticCalculate{
  display: none;
}

#TdOrderUnit {
  width: 20px;
}

/*********************/
/* Order Memo Dialog */
/*********************/
#OrdeMemoOverlay{
	z-index:4;
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:120%;
	background-color:rgba(0,0,0,0.75);
}
#OrdeMemoContent{
	width:75%;
	margin:1.5em auto 0;
	padding:10px 20px;
	border:2px solid #aaa;
	background:#fff;
	z-index:999;
  position:fixed;
  display:none;
}
.modal-p{
	margin-top:1em;
}
.modal-p:first-child{
	margin-top:0;
}
.button-link{
	color:#00f;
	text-decoration:underline;
}
.button-link:hover{
	cursor:pointer;
	color:#f00;
}
#MemoToSupplierSelect {
  font-size: 20px;
}
#MemoUpdateSupplier,
#MemoUpdateSupplierMemoNumber
{
  font-size: 20px;
  display: none;
}
#OrderMemoText {
  width: 330%;
  height: 10em;
  font-size: 20px;
  margin: 10px 0px 10px 0px;
}
#SupplierCommentWrapper {
  float: left;
}
/********************/
/* Order Memo Table */
/********************/
#OrderMemoTitle {
  display: none;
}
#OrderMemoTable {
  width: 100%;
  word-break: break-all;
  font-size: 108%;
}
#DeleteMemoButton,
#EditMemoButton,
#SaveMemoButton
{
  background-color: #e90000;
  display: inline-block;
  overflow: hidden;
  position: relative;
  padding: 8px 20px 6px;
  text-decoration: none;
  cursor: pointer;
  border: none;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
}

#TdEditMemoButton, #TdDeleteMemoButton {
  width: 40px;
}

#TdOrderMemoListText{
}

#TdMemoListCount,
#TdDefaultOpen,
#TdMemoStatus,
#TdMemoNumber
{
  display: none;
  border: none;
}

/*****************/
/* Result Report */
/*****************/
#ResultSupplierReportWrap {
  border:1px solid #aaa;
  margin: 10px 0px 10px 0px;
}

#ResultSupplierName,
#OrderMemoTitle {
  background-color: #e90000;
  color: #fff;
  padding: 10px 0px 10px 10px;
}

/****************************/
/* Buyer Master Maintenance */
/****************************/
/* List */
#TrProductListHeader01Row,
#TrProductListHeader02Row {
  text-align: center;
  font-size:16px;
  font-weight:bold;
  background-color:#585858;
  color:#fff;
}
#TrProductList01Row,
#TrProductList02Row{
}
#BPMDeleteButton,
#BPMDetailButton{
  cursor: pointer;
  float: left;
  margin: 5px 0px 0px 0px;
  width: 55px;
  font-size:12px;
  font-weight:bold;
  text-decoration:none;
  display:block;
  text-align:center;
  padding:10px;
  color:#fff;
  border-radius:5px;
  box-shadow:2px 2px 2px #555;
}
#BPMDeleteButton{
  background-color:#e90000;
}
#BPMDetailButton{
  background-color:#F69821;
}

#PRoductListTbody input {
  padding: 10px 10px 10px 10px;
  border:none;
  color: #1C1C1C;
  background-color: #fff;
}
#InputBuyerProductNameJa,
#InputBuyerProductNameEn,
#InputBuyerProductNameCn,
#InputBuyerProductNameTw,
#InputBuyerProductNameKo
{
  width: 169px;
}

/************/
/* Top Page */
/************/
.TopFlameWrap div{
}
.TopFlameWrap img{
  width: 100%;
}
.TopYoutube {
}
.TopYoutube iframe {
}

.TopCatchPhraseWrap{
}
.TopCatchPhraseImgWrap,
.TopCatchPhraseTextWrap{
  width: 330px;
  height: auto;
}
.TopCatchPhraseImgWrap{
  float: left;
}
.TopCatchPhraseWrap a {
  text-decoration: none;
}
.TopCatchPhraseTextWrap{
  float: left;
}
.TopCatchPhraseTitle {
  margin: 10px;
  font-size: 20px;
  font-weight:bold;
  color: #333;
}
.TopCatchPhraseExcerpt {
  margin: 10px;
}
.TopCatchPhraseButton{
  background-color: #204a7d;
  color:#fff;
  padding: 10px 0px 10px 0px;
  text-align: center;
  font-size:16px;
  font-weight:bold;
  width: 80%;
  height: auto;
  margin: 0 auto;
  max-width: 500px;
}
.TopCatchPhraseUnderLine{
  margin: 20px 50px 0px 50px;
}


/******************/
/* Test           */
/******************/
.IMGSizeTest {
  width: 560px;
  height: 315px;
  background-color: #F69821;
}

/* All Mobile Sizes (devices and browser) */
@media (min-width: 970px) {
#main #container #sideTower {
  width: 250px!important;
}
}
@media only screen and (max-width: 1024px) {
}
@media only screen and (max-width: 1000px) {
}

/********************************************
* Spinner Now Loading
********************************************/
#overlay{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height:100%;
    display: none;
    background: rgba(0,0,0,0.6);
}
.cv-spinner {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.spinner {
    width: 80px;
    height: 80px;
    border: 4px #ddd solid;
    border-top: 4px #999 solid;
    border-radius: 50%;
    animation: sp-anime 0.8s infinite linear;
}
@keyframes sp-anime {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(359deg); }
}
.is-hide{
    display:none;
}

/*
Move to Page Top
*/

#page_top{
  width: 50px;
  height: 50px;
  position: fixed;
  right: 0;
  bottom: 32px;
  background: #3f98ef;
  opacity: 0.6;
  border-radius: 50%;
}
#page_top a{
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  text-decoration: none;
}
#page_top a::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f102';
  font-size: 25px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: -5px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}