@charset "UTF-8";

/* エラー（新管理画面でしか読ませたくないもの） ※form.cssには書けないのでここに */
p.fo-error-massage {
	margin-bottom: 20px;
}
p.err-heading {
	font-size: 123.1%;
	margin-top: 50px;
}
p.err-txt,
div.err-txt {
	line-height: 1.6;
	font-size: 108%;
	color: #DC4D4D;
	font-weight: bold;
	text-align: center;
	padding: 20px 0;
	margin-bottom: 0;
}
ul.err-txt {
	font-size: 108%;
	color: #DC4D4D;
	list-style: disc outside;
	font-weight: bold;
	margin: 0 auto 20px;
}
ul.err-txt li {
	margin-bottom: 5px;
}
/* 旧機能へのアクセス */
.change-url-guide {
	width: 41em;
	padding: 20px;
	background-color: #f6f6f6;
	border-radius: 10px;
	-moz-border-radius: 10px;
	border: 1px solid #ccc;
	text-align: center;
	margin: 0 auto 70px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
p.change-url-guide-heading {
	margin-bottom: 30px;
	font-size: 123.1%;
}
p.change-url-guide-txt {
	margin-bottom: 30px;
	line-height: 1.6;
	font-size: 108%;
}
p.change-url-link {
	margin: 0;
}
/* ドラッグ＆ドロップ系 */
.drop-possible { background-color: #fff7e1!important; }
.drag-box {
	box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.4);
	cursor: url("/img-dealer/common/icon/icon_move_hand2.cur"), move;
}
/*----------------------
		ログイン画面
-----------------------*/
#unique-common-login .co-title1 {
	margin: 20px 0 30px;
}
#unique-common-login .login-area-wrap {
	width: 460px;
	margin: 0 auto;
	text-align: right;
}
#unique-common-login .login-area,
#unique-common-login .other-link {
	margin-bottom: 20px;
	padding: 30px 20px 20px;
	background-color: #f6f6f6;
	border-radius: 10px;
	-moz-border-radius: 10px;
	text-align: left;
	border: 1px solid #ccc;
}
#unique-common-login p.login-info {
	text-align: center;
	margin-bottom: 10px;
}
#unique-common-login .field {
	margin-bottom: 20px;
}
#unique-common-login .login-area input[type="text"],
#unique-common-login .login-area input[type="password"] {
	padding: 8px;
	border: solid 1px #ccc;
	width: 300px;
	font-size: 138.5%;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#unique-common-login .info {
	margin-bottom: 5px;
	padding-top: 20px;
	position: relative;
	border-top: 1px solid #CCCCCC;
}
#unique-common-login .info:before {
	content: '';
	position: absolute;
	width: 418px;
	height: 1px;
	background-color: #fff;
	top: 0;
	left: 0;
	font-size: 0;
	overflow: hidden;
}
#unique-common-login .submit-area {
	text-align: center;
}
#unique-common-login .submit-area img {
	text-align: center;
	vertical-align: text-bottom;
}
#unique-common-login .input-wrap {
	width: 316px;
	margin: 0 auto 20px;
}
#unique-common-login h2 {
	width: 316px;
	margin: 0 auto;
}
#unique-common-login h2 a {
	top: -1px;
}
#unique-common-login h2 a span {
	width: 17.5em;
	top: 1.4em;
	padding: 12px;
}
#unique-common-login .fo-error-massage {
	margin-bottom: 20px;
}
#unique-common-login ul.fo-errors {
	border-bottom: 1px solid #f6f6f6;
}
#unique-common-login .other-link {
	text-align: center;
	padding: 20px;
}
#unique-common-login .other-link p {
	font-weight: 600;
	font-size: 16px;
	margin-bottom: 15px;
}
#unique-common-login .other-link a {
	display: inline-block;
	margin: 0 10px;
}
#unique-common-login .formbtn {
	width: 143px;
	height: 35px;
	border: none;
	padding: 0;
	cursor: pointer;
	background: url("/img-dealer/common/button/form_action_login.gif") left top no-repeat;
}
#unique-common-login .formbtn:hover {
	background-position: 0 -35px;
}
/*----------------------
　　　初回ログイン設定画面
-----------------------*/
#first-login .co-title1 {
	margin: 20px 0 30px;
}
#first-login .info {
	text-align: center;
	padding: 60px 0 10px;
	background-image: url('/img-dealer/contents/first-login/icon_input.png');
	background-repeat: no-repeat;
	background-position: calc(50% - 20px) 0;
}
#first-login .info p {
	font-size: 20px;
	font-weight: bold;
	margin-top: 20px;
}
#first-login .input-area-wrap {
	width: 520px;
	margin: 0 auto;
	text-align: right;
}
#first-login .input-area {
	margin-bottom: 20px;
	padding: 35px 70px;
	background-color: #f6f6f6;
	border-radius: 10px;
	-moz-border-radius: 10px;
	text-align: left;
	border: 1px solid #ccc;
}
#first-login .input-area h2 {
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 3px;
}
#first-login .input-area .input-frame {
	padding: 8px;
	border: solid 1px #ccc;
	width: 362px;
	font-size: 138.5%;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#first-login .input-area .note {
	color: #666666;
	padding-top: 5px;
	font-size: 13px;
	font-weight: normal;
}
#first-login .input-area ul.note-attention {
    font-size: 11px;
    color: #707070;
    line-height: 1.4;
    margin-top: 6px;
}
#first-login .input-area ul.note-attention li:before {
	content: "";
    width: 4px;
    height: 4px;
    display: inline-block;
    background-color: #333333;
    border-radius: 50%;
    margin-right: 6px;
    vertical-align: middle;
}
#first-login .submit {
	text-align: center;
}
#first-login .topic {
	display: inline-block;
	margin: 30px 0 8px;
}
#first-login .fo-error-massage {
	margin-bottom: 20px;
}
#first-login .toggle-pass.fa-eye-slash,
#first-login .toggle-pass.fa-eye {width:40px;}
#first-login ul.fo-errors {
	border-bottom: 1px solid #f6f6f6;
}
/*----------------------
　　パスワード表示非表示
-----------------------*/
.toggle-pass-box {position: relative;}
.toggle-pass {
	position:absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
}
.toggle-pass.fa-eye { background: url("/img-dealer/common/icon/eye-solid.svg") no-repeat;}
.toggle-pass.fa-eye-slash { background: url("/img-dealer/common/icon/eye-slash-solid.svg") no-repeat;}
.toggle-pass.fa-eye,
.toggle-pass.fa-eye-slash {
	width: 34px;
	height: 16px;
	background-position: center;
	background-color: #fff;
}
/*----------------------
　初回ログイン設定 完了画面
-----------------------*/
#first-login-complete .wrap {
	text-align: center;
	margin: 50px auto 0;
}
#first-login-complete .main {
	font-size: 20px;
	font-weight: bold;
	margin: 40px 0 8px;
}
#first-login-complete .topic {
	display: inline-block;
}
#first-login-complete .sub {
	font-size: 15px;
	margin: 30px 0 15px;
}
/*** 振込口座用 ***/
/* 銀行選択 */
#page-payee-account {
	margin-bottom: 0;
}
#page-payee-account .btn-dsb {
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
#page-payee-account .payee-wrap {
	display: table;
	width: 100%;
	margin: 10px 0;
}
#page-payee-account .payee-info {
	display: table-cell;
	white-space: nowrap;
}
#page-payee-account .payee-info span.co-attention2 {
	display: block;
	margin-bottom: 0;
}
#page-payee-account .payee-btn {
	display: table-cell;
	vertical-align: bottom;
	text-align: right;
}
#page-payee-account .first-select-table {
	width: 585px;
	border-color: #ccc;
}
#page-payee-account td.first-select-area {
	padding: 10px;
	text-align: center;
	border-color: #ccc;
	border-right: 1px solid #ccc;
}
#page-payee-account td.first-select-area input[type="button"] {
	padding: 3px 6px;
}
#page-payee-account .bank-slct-name,
#page-payee-account .bank-slct-name:link {
	display: inline-block;
	margin: 8px 5px;
	width: 25%;
	text-align: center;
	padding: 18px 0;
	border-radius: 5px;
	webkit-border-radius: 5px;
	border: 2px #cccccc solid;
	color: #666666;
	line-height: 1;
}
*:first-child+html #page-payee-account .bank-slct-name:link,
*:first-child+html #page-payee-account .step-info .step-txt p,
*:first-child+html #page-payee-account .step-info .step-dot p { /* for IE7 */
	display: inline;
	zoom: 1;
}
#page-payee-account .bank-slct-name:hover {
	border-color: #599bde;
	background-color: #f2f8ff;
	color: #0066cc;
	text-decoration: none;
}
/* ボタン */
#page-payee-account .goback,
#page-payee-account .large-btn-b,
#page-payee-account .small-btn-b {
	border: none;
	cursor: pointer;
}
#page-payee-account .goback,
#page-payee-account .large-btn-b { color: #ffffff; }
/* 戻る */
#page-payee-account .goback {
	width: 45px;
	height: 23px;
	display: inline-block;
	text-indent: 999px;
	white-space: nowrap;
	background: url('/img-dealer/common/button/function_back.gif') left top no-repeat;
	overflow: hidden;
	vertical-align: bottom;
}
#page-payee-account .goback:hover {
	background-image: url('/img-dealer/common/button/function_back_on.gif');
}
/* ボタン大（青） */
#page-payee-account .large-btn-b {
	width: 143px;
	height: 35px;
	display: inline-block;
	font-size: 16px;
	letter-spacing: 3px;
	padding: 3px 0 3px 15px;
	line-height: 1.9;
	background: url('/img-dealer/common/button/form_btn_bg.gif') left top no-repeat;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#page-payee-account .large-btn-b:hover {
	background-position: left -35px;
	padding: 4px 0 2px 15px;
	text-decoration: none;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#page-payee-account .large-btn-b:active:not(:target) {
		padding: 3px 0 3px 13px;
	}
}
/* ボタン小（グレー） */
#page-payee-account .small-btn-b {
	width: 64px;
	height: 23px;
	display: inline-block;
	font-size: 12px;
	background: url('/img-dealer/common/button/form_btn_bg_s.gif') left top no-repeat;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #333;
	padding: 3px 0;
	text-align: center;
	line-height: 1.5;
}
#page-payee-account .small-btn-b:hover {
	background-position: left -23px;
	padding: 4px 0 2px;
	text-decoration: none;
}
#page-payee-account .small-btn-b:active {
	text-decoration: none;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#page-payee-account .small-btn-b:active:not(:target) {
		padding: 3px 2px 3px 0;
	}
}


/*** 契約自動化 ***/
/* 締結画面 */
#dfNewDealerContract .graph-navi {
	list-style: none;
	margin: 40px auto 0;
	text-align: center;
	width: 960px;
}

#dfNewDealerContract .graph-navi li {
	background-color: #f2f2f9;
	border-left: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
	border-top: solid 1px #cccccc;
	border-radius: 5px 5px 0 0;
	display: inline-block;
	margin: 0 10px;
	width: 160px;
}

#dfNewDealerContract .graph-navi li.tab-on {
	background-color: #ffffff;
}

#dfNewDealerContract .graph-navi li a {
	color: #333333;
	display: block;
	font-size: 16px;
	font-weight: bold;
	height: 40px;
	line-height: 40px;
	text-align: center;
	text-decoration: none;
}

#dfNewDealerContract .co-title2 {
	width: 960px;
}

#dfNewDealerContract .sec-catch {
	font-size: 20px;
	font-weight: bold;
	margin: 30px auto 20px;
	text-align: left;
	width: 960px;
}

#dfNewDealerContract .sec-ttl {
	font-size: 15px;
	margin: 10px auto 20px;
	text-align: left;
	width: 960px;
}

#dfNewDealerContract .sec-ttl span {
	color: #dc4d4d;
	font-weight: bold;
}

#dfNewDealerContract .sec-box {
	border: solid 1px #cccccc;
	height: 300px;
	margin: 0 auto;
	padding-top: 30px;
	width: 960px;
}

#dfNewDealerContract .graph-box {
	float: left;
	padding: 0 0 0 30px;
	width: 385px;
}

#dfNewDealerContract .graph-ttl {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 5px;
	text-align: left;
}

#dfNewDealerContract .graph {
	text-align: left;
}

#dfNewDealerContract .graph-notice {
	font-size: 12px;
	margin-bottom: 5px;
	text-align: left;
}

#dfNewDealerContract .point-box {
	float: right;
	padding: 30px 30px 0 0;
	width: 505px;
}

#dfNewDealerContract .point-box .point {
	background: #f2f2f9;
	border: solid 1px #cccccc;
	font-size: 15px;
	margin-top: 20px;
	padding: 15px;
}


#dfNewDealerContract .point-box .point p {
	background-color: #dc4d4d;
	border-radius: 5px;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	padding: 5px;
	text-align: center;
	width: 4em;
}

#dfNewDealerContract .imp-txt {
	font-size: 15px;
	margin: 0 auto 20px;
	text-align: left;
	width: 960px;
}

#dfNewDealerContract .imp-points {
	list-style: none;
	width: 960px;
}

#dfNewDealerContract .imp-points li {
	display: inline-block;
	width: 192px;
}

#dfNewDealerContract .imp-points li .title {
	background: #ffffff;
	border-radius: 5px;
	border: solid 1px #cccccc;
	box-shadow: 0 0 5px 0 rgba(120,120,120,0.2);
	height: 7.5em;
	line-height: 7.5em;
	margin: 0 auto;
	width: 180px;
}

#dfNewDealerContract .imp-points .headline:before {
	display: block;
	font-size: 22px;
	padding-top: 1.5em;
}

#dfNewDealerContract .imp-points li .headline {
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffea33', GradientType=0)";
	background: -ms-linear-gradient(#ffffff 60%, #ffea33 40%);
	background: -moz-linear-gradient(#ffffff 60%, #ffea33 40%);
	background: -webkit-linear-gradient(top, #ffffff 60%, #ffea33 40%);
	background: linear-gradient(to bottom #ffffff 60%, #ffea33 40%);
	color: #000000;
	font-size: 20px;
	font-weight: bold;
}

#dfNewDealerContract .imp-points li .text {
	display: block;
	line-height: 1.5;
	padding: 0 10px 10px;
}

#dfNewDealerContract .imp-points li img {
	vertical-align: middle;
}

#dfNewDealerContract #section1,
#dfNewDealerContract #section2,
#dfNewDealerContract #section3,
#dfNewDealerContract #section4,
#dfNewDealerContract #section5 {
	margin: -1px auto 50px;
}

#dfNewDealerContract #section6 {
	background-color: #f2f2f9;
	padding: 30px 0;
}

#dfNewDealerContract #section7 {
	padding: 30px 0 0;
}

/* 契約締結画面 （フォーム） 20180625*/
#dfNewDealerContract {
	padding-bottom: 141px;
}
#dfNewDealerContract .price {
	letter-spacing: -1em;
}
#dfNewDealerContract .price dt {
	display: inline-block;
	width: 40%;
	letter-spacing: normal;
	vertical-align: top;
	padding: 3px 5% 3px 0;
	border-top: 1px dotted #cccccc;
}
#dfNewDealerContract .price dd {
	display: inline-block;
	width: 55%;
	letter-spacing: normal;
	padding: 3px 0;
	border-top: 1px dotted #cccccc;
}
#dfNewDealerContract .price dt:first-of-type,
#dfNewDealerContract .price dd:first-of-type {
	border-top: none;
}
#dfNewDealerContract .note {
	text-indent: -1em;
	padding-left: 1em;
	border-top: dotted 1px #cccccc;	
	margin-top: 15px;
}
#dfNewDealerContract .agree {
	padding: 3px 12px;
}
#dfNewDealerContract .agree .pc-indent {
	display: block;
	margin-left: 18px;
}
#dfNewDealerContract .material-list a:nth-child(n+2) {
	margin-left: 20px;
}
@media screen and (max-width: 670px) {
	#dfNewDealerContract .agree .pc-indent {
		display: inline;
		margin-left: 0;
	}
	#dfNewDealerContract .complete-message {
		text-align: left;	
	}
	#dfNewDealerContract .material-list {
		text-align: left;
		padding: 0 10px;
	}
	#dfNewDealerContract .material-list a {
		display: inline-block;
	}
	#dfNewDealerContract .material-list a:nth-child(n+2) {
		margin: 5px 0 0;
	}
}
/* 出展申し込み
---------------------------------------------------- */
#new-dealer-apply {
	padding-bottom: 141px;
}
#new-dealer-apply .form-disabled-block {
	color: #AAAAAA;
}
#new-dealer-apply .price {
	letter-spacing: -1em;
}
#new-dealer-apply .price dt {
	display: inline-block;
	width: 40%;
	letter-spacing: normal;
	vertical-align: top;
	padding: 3px 5% 3px 0;
	border-top: 1px dotted #cccccc;
}
#new-dealer-apply .price dd {
	display: inline-block;
	width: 55%;
	letter-spacing: normal;
	padding: 3px 0;
	border-top: 1px dotted #cccccc;
}
#new-dealer-apply .price dt:first-of-type,
#new-dealer-apply .price dd:first-of-type {
	border-top: none;
}
#new-dealer-apply .note {
	text-indent: -1em;
	padding-left: 1em;
	border-top: dotted 1px #cccccc;	
	margin-top: 15px;
}
#new-dealer-apply .postal input {
	box-sizing: border-box;
}
#new-dealer-apply .table-caption {
  display: table-caption;
  width: 100%;
  padding: 10px 15px;
  box-sizing: border-box;
  background: #666666;
  color: #fff;
  font-weight: 600;
  font-size: 16px;
}
@media screen and (max-width: 670px){
  #new-dealer-apply .table-caption {
    display: block;
  }
}
#new-dealer-apply .material-inputs {
  margin: 15px 0 0;
  padding-left: 0;
  list-style-type: none;
}
#new-dealer-apply .material-inputs .material-title {
  font-weight: 600;
  font-size: 14px;
}
#new-dealer-apply .company_sales_plan_product {
  position: relative;
  margin: 0 -15px;
  padding: 0 15px 13px;
  transition: 0.3s;
}
#new-dealer-apply .company_sales_plan_product .delete-button-wrap {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  display: inline-block;
  margin-right: 8px; 
}
#new-dealer-apply .company_sales_plan_product .delete-button {
  padding: 0;
  border: 1px #83a1b2 solid;
  box-shadow: 0 0 0 1px #ffffff inset;
  width: 27px;
  height: 27px;
  border-radius: 4px;
  background-color: #ffffff;
  background-image: -moz-linear-gradient(center top , #ffffff 45%, #f0f0f7 70%, #e9e9f2 85%);
  background-image: -webkit-gradient(linear, left bottom, left top, from(#e9e9f2), color-stop(0.3, #f0f0f7), color-stop(0.6, #ffffff));
  background: -ms-linear-gradient(top, #ffffff 0%, #e9e9f2 100%);
  background: linear-gradient(top, #ffffff 0%, #e9e9f2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#e9e9f2');
  text-indent: -200px;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block; 
}
#new-dealer-apply .company_sales_plan_product .delete-button span {
  display: block;
  width: 25px;
  height: 23px;
  margin: 1px auto;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(/img-dealer/common/icon/btn_trush_00.png);
}
#new-dealer-apply .company_sales_plan_product .delete-button-pop {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 2.4rem;
  color: #ffffff;
  background-color: #4d4d4d;
  border-radius: 5px;
  padding: 8px;
  z-index: 1;
  display: none;
  line-height: 1;
  margin-top: 9px;
  text-align: center; 
}
#new-dealer-apply .company_sales_plan_product .delete-button-pop::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 7px 10px;
  border-color: transparent transparent #4d4d4d;
  position: absolute;
  top: -9px;
  left: 50%;
  margin-left: -7px;
}
#new-dealer-apply .company_sales_plan_product:has(.delete-button:hover) {
  background: #FFF7E1;
}
#new-dealer-apply .company_sales_plan_product .delete-button:hover {
  cursor: pointer;
  border-color: #648a9f;
  background-color: #e0e0e9;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #e0e0e9), color-stop(1, #e0e0e9));  
}
@media screen and (min-width: 941px) {
  #new-dealer-apply .company_sales_plan_product .delete-button:hover +.delete-button-pop {
    display: block;
  }
}
#new-dealer-apply .company_sales_plan_product:nth-child(n+2) {
  padding: 0 44px 0 15px;
  border-top: 1px dotted #CCCCCC;
  border-bottom: 1px dotted #CCCCCC;
}
#new-dealer-apply .company_sales_plan_product:nth-child(n+2) .company_sales_plan_product-inner {
  padding: 13px 0;
  border-right: 1px dotted #CCCCCC;
}
@media screen and (max-width: 670px) {
  #new-dealer-apply .company_sales_plan_product {
    margin: 0 -3%;
  }
  #new-dealer-apply .company_sales_plan_product .delete-button-wrap {
    margin-right: 2%;
  }
  #new-dealer-apply .company_sales_plan_product:nth-child(n+2) {
    padding: 0 13% 0 3%;
  }
  #new-dealer-apply .company_sales_plan_product:nth-child(n+2) .company_sales_plan_product-inner {
    padding: 13px 0;
    border-right: 1px dotted #CCCCCC;
  }
}
#new-dealer-apply .genre-slcts {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
#new-dealer-apply .genre-slcts select {
  width: 195px;
}
#new-dealer-apply .price-list {
  display: flex;
  align-items: center;
}
#new-dealer-apply .price-list-rate {
  display: flex;
  align-items: center;
}
#new-dealer-apply .price-list-rate-input input,#new-dealer-apply .product-number input {
  width: 80px;
}
/* 既存のデザインをhtml構成変えて上書き */
#new-dealer-apply .newDealerApplyForm .fo-attachment .attachment-item {
  display: inline-block;
  height: 22px;
  border-radius: 13px;
  margin: 2px 6px 4px 0;
}
#new-dealer-apply .newDealerApplyForm .fo-attachment .attaching-list .material-name{
	display: inline-block;
  width: auto;
	background: #DADADA;
	border-radius: 13px;
	font-size: 12px;
	line-height: 22px;
	padding: 0 24px 0 11px;
	margin: 0;
	position: relative;
	cursor: pointer;
  color: inherit;
}
#new-dealer-apply .newDealerApplyForm .fo-attachment .attaching-list .material-name:before{
	content: ' ';
	display: inline-block;
	top: 4px;
	right: 3px;
	position: absolute;
	background: #8F8F8F;
	border-radius: 50%;
	width: 14px;
	height: 14px;
}
#new-dealer-apply .newDealerApplyForm .fo-attachment .attaching-list .material-name span:not(.attaching-loading):after,
#new-dealer-apply .newDealerApplyForm .fo-attachment .attaching-list .material-name span:not(.attaching-loading):before{
	content: ' ';
	display: inline-block;
	background: #fff;
	height: 10px;
	width: 2px;
	position: absolute;
	right: 9px;
	top: 6px;
	border-radius: 2px;
	transform: rotate(46deg);
}
#new-dealer-apply .newDealerApplyForm .fo-attachment .attaching-list .material-name span:not(.attaching-loading):before{
	transform: rotate(-46deg);
}
#new-dealer-apply .newDealerApplyForm .fo-attachment .attaching-list .material-name span {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
#new-dealer-apply .newDealerApplyForm label:hover {
  cursor: pointer;
}
#new-dealer-apply .newDealerApplyForm input[type="checkbox"]:hover {
  cursor: pointer;
}
/* LPから遷移する出展申し込み */
/* メアド入力画面 */
#new-dealer-apply .mail-input {
	width: 900px;
	margin: auto;
	box-sizing: border-box;
}
#new-dealer-apply .mail-input .input-box { padding: 25px 0 0; }
#new-dealer-apply .mail-input .mail-box { margin-bottom: 60px; }
#new-dealer-apply .mail-input .mail-box .step-info {
	margin: 0 auto 50px;
	max-width: 900px;
}
#new-dealer-apply .mail-input .mail-box h2 {
	font-size: 32px;
	color: #003894;
	font-weight: 600;
	text-align: center;
	margin-bottom: 30px;
}
#new-dealer-apply .mail-input .mail-box h2 span.sub_ttl {
	text-align: center;
	font-size: 22px;
	color: #333;
	font-weight: normal;
}
#new-dealer-apply .mail-input .input-box h3 {
	font-size: 20px;
	color: #fff;
	background-color: #003894;
	padding: 5px 0 5px 16px;
	margin-bottom: 15px;
}
#new-dealer-apply .mail-input .mail-box .sub_txt {
	font-size: 16px;
	text-align: center;
	line-height: 1.6;
	padding-top: 10px;
	margin-bottom: 40px;
}
#new-dealer-apply .mail-input .mail-box .check_error {
	text-align: center;
}
#new-dealer-apply .mail-input .mail-box form div {
	display: flex;
	align-items: center;
	justify-content: center;
}
/* チェックボックス */
#new-dealer-apply .mail-input .input-box .confirm-box > p {
	font-size: 16px;
	margin-bottom: 20px;
}
#new-dealer-apply .mail-input .input-box .check_box_area {
	position: relative;
	max-width: 900px;
}
#new-dealer-apply .mail-input .input-box .check_box_text {
	position: relative;
	background-color: #E6EEFF;
	border: 2px solid #2F6AA8;
	margin: 0 0 20px;
}
#new-dealer-apply .mail-input .input-box .check_box_text:last-child { margin-bottom: 0; }
#new-dealer-apply .mail-input .input-box .check_box_area label {
	padding-left: 28px;
	display: block;
	line-height: 1.4;
	padding: 40px 45px;
}
#new-dealer-apply .mail-input .input-box .check_box_text label::before {
	position: absolute;
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 16px;
	height: 16px;
	background-color: #ffffff;
	border-radius: 3px;
	border: 2px #cccccc solid;
}
#new-dealer-apply .mail-input .input-box .check_box_area label:hover { cursor: pointer; }
#new-dealer-apply .mail-input .input-box .check_box_area label > span {
	display: inline-block;
	vertical-align: top;
	text-align: left;
	padding-left: 30px;
}
#new-dealer-apply .mail-input .input-box .check_box_area label .check_ttl {
	font-size: 17px;
	font-weight: 600;
	color: #003894;
}
#new-dealer-apply .mail-input .input-box .check_box_area label .check_txt {
	display: block;
	font-size: 15px;
	color: #333;
	font-weight: normal;
	line-height: 1.6;
	margin: 6px 0 0 -30px;
}
#new-dealer-apply .mail-input .input-box .check_box_area input[type='checkbox']:checked ~ label > span { position: relative; }
#new-dealer-apply .mail-input .input-box .check_box_area input[type='checkbox']:checked ~ label > span:before,
#new-dealer-apply .mail-input .input-box .check_box_area input[type='checkbox']:checked ~ label > span:after {
	content: '';
	position: absolute;
	height: 4px;
	background-color: #2489ce;
}
#new-dealer-apply .mail-input .input-box .check_box_area input[type='checkbox']:checked ~ label > span:before {
	width: 8px;
	-ms-transform: rotate(46deg);
	-webkit-transform: rotate(46deg);
	transform: rotate(46deg);
	top: 9px;
	left: 3px;
	border-radius: 0 3px 0 0;
}
#new-dealer-apply .mail-input .input-box .check_box_area input[type='checkbox']:checked ~ label > span:after {
	width: 12px;
	-ms-transform: rotate(-46deg);
	-webkit-transform: rotate(-46deg);
	transform: rotate(-46deg);
	top: 8px;
	left: 6px;
}
#new-dealer-apply .mail-input .input-box .check_box_text input { display: none; }
#new-dealer-apply .mail-input .input-box .check_box_text input::before {
	position: absolute;
	width: 16px;
	height: 16px;
	left: 0;
	top: 0;
	border-radius: 3px;
	border: 2px #cccccc solid;
}
#new-dealer-apply .mail-input .input-box input.mailAddress {
	border-radius: 3px;
	font-size: 20px;
	padding: 10px;
	margin-right: 10px;
	width: 18em;
	background-color: #F4F9FD;
	height: 30px;
}
#new-dealer-apply .mail-input .input-box input:disabled {
	box-shadow: 0 0 0 1px #dadada;
	border-width: 1px;
	border-color: #ffffff;
	background: #f3f4f8;
	color: #aaaaaa !important;
	cursor: default;
	pointer-events: none;
}
#new-dealer-apply .mail-input .input-box .check_box_area .check_txt { display: block; }
#new-dealer-apply .mail-input .check_txt .annotation {
	font-size: 14px;
	display: block;
	margin-top: 10px;
	margin-left: 15px;
}
#new-dealer-apply .mail-input .checklist {
	display: block;
	margin-top: 10px;
}
#new-dealer-apply .mail-input .checklist > span {
	position: relative;
	display: block;
	font-size: 14px;
	padding-left: 30px;
}
#new-dealer-apply .mail-input .checklist > span::before {
	position: absolute;
	content: '・';
	color: #333;
	top: 0;
	left: 10px;
}
#new-dealer-apply.co-container .page-top_box {
	position: relative;
	max-width: 900px;
	margin: 0 auto 100px;
}
#new-dealer-apply.co-container .page-top {
	background: #003894;
	border-radius: 50%;
	position: absolute;
	top: 30px;
	right: 0;
}
#new-dealer-apply.co-container .page-top a {
	position: relative;
	display: block;
	width: 50px;
	height: 50px;
	text-decoration: none;
}
#new-dealer-apply.co-container .page-top a::after {
	content: "";
	width: 12px;
	height: 12px;
	border-top: solid 3px #fff;
	border-right: solid 3px #fff;
	transform: rotate(-45deg);
	position: absolute;
	left: 17px;
	top: 20px;
}
#new-dealer-apply .sales-plan-products-item {
  list-style-type: none;
}
#new-dealer-apply .sales-plan-products-item:nth-child(n+2) {
  margin-top: 10px;
}
/* メアド送信完了画面 */
#new-dealer-apply .complete-message-box img {width: 165px; }
/* 補足説明POPUP */
#new-dealer-apply .co-tooltip-onclick {
	width: 780px;
	left: -318px;
	background-color: #F4F9FD;
}
#new-dealer-apply .co-tooltip-text {
	text-align: center;
}
#new-dealer-apply .co-tooltip-text .title {
	font-size: 16px;
	display: inline-block;
	background-image: linear-gradient(transparent 60%, #cce0f3 50%);
	margin: 25px 0;
}
#new-dealer-apply .co-tooltip-text .title span {
	font-size: 18px;
	font-weight: 600;
}
#new-dealer-apply .co-tooltip-text .detail-box {
	display: flex;
	margin: 0 20px;
}
#new-dealer-apply .co-tooltip-text .detail-box .box-text {
	width: 570px;
	text-align: left;
	margin-right: 20px;
}
#new-dealer-apply .co-tooltip-text .detail-box .box-text p {
	padding: 3px 0 3px 30px;
	background: url(/img-dealer/contents/guide/terms/ryouritsu_ok.svg) no-repeat center left / 22px ;
}
#new-dealer-apply .co-tooltip-text .detail-box .box-text img {
	padding: 0 0 20px;
}
#new-dealer-apply .co-tooltip-text .detail-box .box-text p:nth-child(3) {
	background-image: url(/img-dealer/contents/guide/terms/ryouritsu_no.svg);
}
#new-dealer-apply .co-tooltip-text .detail-box .box-table {
	width: 180px;
}
#new-dealer-apply .co-tooltip-text .detail-box .box-table tr th,
#new-dealer-apply .co-tooltip-text .detail-box .box-table tr td {
	padding: 5px;
	vertical-align: inherit;
	border-top: inherit;
	border-bottom: #F4F9FD 2px solid;
	text-align: center;
	border-right: #F4F9FD 2px solid;
}
#new-dealer-apply .co-tooltip-text .detail-box .box-table tr th {
	background-color: #cce0f3;
}
#new-dealer-apply .co-tooltip-text .detail-box .box-table tr th:nth-child(1) {
	width: 70%;
}
#new-dealer-apply .co-tooltip-text .detail-box .box-table tr td {
	background-color: #fff;
}
/* 規約確認 */
#new-dealer-apply .confirm-point > div {
	height: 170px;
	border: solid 1px #ccc;
	overflow: auto;
}
#new-dealer-apply .confirm-point > div.confirm-point-ajs {
	border-top: inherit;
}
/* TAB・SP */
@media screen and (max-width: 940px) {
	#new-dealer-apply .mail-input { width: inherit;}
	#new-dealer-apply .mail-input .mail-box h2 { font-size: 28px; }
	#new-dealer-apply .mail-input .mail-box h2 span.sub_ttl { font-size: 20px; }
	#new-dealer-apply .mail-input .input-box { padding: 15px 0 0; }
	#new-dealer-apply .mail-input .input-box form div {
		display: block;
		text-align: center;
	}
	#new-dealer-apply .mail-input .input-box .confirm-box > p,
	#new-dealer-apply .mail-input .mail-box .sub_txt,
	#new-dealer-apply .mail-input .input-box .check_box_area label .check_txt,
	#new-dealer-apply .mail-input .check_txt .annotation {
		font-size: 15px;
	}
	#new-dealer-apply .mail-input .input-box input.mailAddress {
		width: 80%;
		margin: 0 0 20px 0;
	}
	#new-dealer-apply .mail-input .input-box .check_box_area label { padding: 30px 35px; }
	#new-dealer-apply .co-tooltip-onclick {
		border: 0;
		border-radius: 0;
		padding: 0;
		position: fixed;
		left: 0;
		top: -3px;
		height: 100%;
		width: 100%;
		box-sizing: border-box;
		z-index: 10000;
		overflow-x: scroll;
	}
	#new-dealer-apply .co-tooltip-onclick .co-tooltip-t-line { height: 47px; }
	#new-dealer-apply .co-tooltip-onclick .co-tooltip-t-box {
		position: fixed;
		width: 100%;
		top: 0;
		box-sizing: border-box;
		z-index: 100;
	}
	#new-dealer-apply .co-tooltip-onclick .co-tooltip-t-text {
		height: 47px;
		background-color: #4d4d4d;
		color: #ffffff;
		font-size: 16px;
		font-weight: 600;
		padding: 11px 15px;
		margin-bottom: 0;
		position: relative;
		box-sizing: border-box;
		line-height: 1.6;
	}
	#new-dealer-apply .co-tooltip-onclick .co-tooltip-t-text span {
		box-sizing: border-box;
		position: absolute;
		right: 10px;
		top: 50%;
		margin-top: -16px;
		border-radius: 50%;
		line-height: 1;
		width: 30px;
		height: 30px;
		background-color: #ffffff;
		cursor: pointer;
	}
	#new-dealer-apply .co-tooltip-onclick .co-tooltip-t-text span:before,
	#new-dealer-apply .co-tooltip-onclick .co-tooltip-t-text span:after {
		content: '';
		display: block;
		position: absolute;
		width: 18px;
		height: 4px;
		border-radius: 2px;
		background-color: #666666;
		top: 13px;
		left: 6px;
	}
	#new-dealer-apply .co-tooltip-onclick .co-tooltip-t-text span:before { transform: rotate(45deg); }
	#new-dealer-apply .co-tooltip-onclick .co-tooltip-t-text span:after { transform: rotate(-45deg); }
	/* 補足説明POPUP */
	#new-dealer-apply .co-tooltip-text {
		text-align: left;
	}
	#new-dealer-apply .co-tooltip-text .title {
		font-size: 14px;
		display: inline-block;
		background-image: none;
		margin: 10px 0 0;
	}
	#new-dealer-apply .co-tooltip-text .title span {
		font-size: 14px;
		font-weight: normal;
	}
	#new-dealer-apply .co-tooltip-text .detail-box {
		display: block;
		margin: 0;
	}
	#new-dealer-apply .co-tooltip-text .detail-box .box-text {
		width: auto;
		margin-right: 0;
	}
	#new-dealer-apply .co-tooltip-text .detail-box .box-text p {
		padding: 0;
		background: none;
	}
	#new-dealer-apply .co-tooltip-text .detail-box .box-text p:nth-child(3) {
		background-image: none;
	}
	#new-dealer-apply .co-tooltip-text .detail-box .box-table {
		width: 180px;
		margin: 30px auto;
	}
	#new-dealer-apply .co-tooltip-text .detail-box .co-ts-only img {
		width: 220px;
		margin: 20px 0;
	}
}
/* SP */
@media screen and (max-width: 670px) {
	#new-dealer-apply .mail-input .input-box { padding: 0; }
	#new-dealer-apply .mail-input .mail-box { padding-top: 10px; }
	#new-dealer-apply .mail-input .input-box h2 {
		font-size: 22px;
		margin-bottom: 15px;
	}
	#new-dealer-apply .mail-input .input-box h2 span.sub_ttl { font-size: 15px; }
	#new-dealer-apply .mail-input .input-box h2 span.wrap { display: block; }
	#new-dealer-apply .mail-input .input-box h3 { font-size: 15px; }
	#new-dealer-apply .mail-input .mail-box { margin-bottom: 40px; }
	#new-dealer-apply .mail-input .mail-box .sub_txt {
		text-align: left;
		padding-top: 0;
		margin-bottom: 25px;
	}
	#new-dealer-apply .mail-input .mail-box .step-info { margin: 0 auto 35px; }
	#new-dealer-apply .mail-input .mail-box .step-info .step-txt { font-size: 10px; }
	#new-dealer-apply .mail-input .mail-box .step-info.step4 p { width: 25%; }
	#new-dealer-apply .mail-input .input-box input.mailAddress {
		width: 90%;
		margin: 0 0 10px 0;
		font-size: 14px;
	}
	#new-dealer-apply .mail-input .input-box .check_box_text { margin: 0 0 10px; }
	#new-dealer-apply .mail-input .input-box .confirm-box > p,
	#new-dealer-apply .mail-input .mail-box .sub_txt,
	#new-dealer-apply .mail-input .input-box .check_box_area label .check_txt,
	#new-dealer-apply .mail-input .check_txt .annotation,
	#new-dealer-apply .mail-input .checklist > span {
		font-size: 13px;
		line-height: 1.6;
	}
	#new-dealer-apply .mail-input .input-box .check_box_area label { padding: 20px 25px; }
	#new-dealer-apply .mail-input .input-box .check_box_area label span.check_ttl { font-size: 15px; }
	#new-dealer-apply .mail-input .input-box .check_box_area label span.check_txt {
		font-size: 13px;
		margin: 8px 0 0 -30px;
	}
	#new-dealer-apply .mail-input .input-box input.co-btns-m {
		min-width: 160px;
		font-size: 14px;
		padding: 8px 5px;
	}
	#new-dealer-apply .mail-input .checklist {
		padding: 0;
		margin-top: 8px;
	}
	#new-dealer-apply .mail-input .checklist h3 { padding-bottom: 5px; }
	#new-dealer-apply .mail-input .checklist h3 > span { font-size: 15px; }
	#new-dealer-apply .mail-input .check_txt .annotation { margin-top: 8px;}
	#new-dealer-apply.co-container .page-top_box { margin: 0 auto 50px; }
	#new-dealer-apply.co-container .page-top { top: 20px; }
	#new-dealer-apply.co-container .page-top a {
		width: 40px;
		height: 40px;
	}
	#new-dealer-apply.co-container .page-top a:after {
		left: 13px;
		top: 16px;
	}
	#new-dealer-apply .complete-message-box>div {
		text-align: left;
		word-break: break-all;
	}
}
/* 上向き吹き出しスタイル(ZenFotomatic)
---------------------------------------------------- */
#dealerformResisterSupport-input .zenfotomatic-area {
	position: relative;
	width: 90%;
	margin: 10px 0 0 10%;
	text-align: center;
}
#dealerformResisterSupport-input .zenfotomatic-note {
	position: relative;
	border-radius: 5px;
	display: inline-block;
	vertical-align: middle;
	background-color: #fff7e1;
	padding: 10px 15px;
	border: 1px #cccccc solid;
}
#dealerformResisterSupport-input .zenfotomatic-arw:before,
#dealerformResisterSupport-input .zenfotomatic-arw:after {
	content: '';
	position: absolute;
	width: 0;
	border: solid;
	border-width: 0 12px 20px;
	left: 50px;
}
#dealerformResisterSupport-input .zenfotomatic-arw:before {
	z-index: 100;
	top: -18px;
	border-color: transparent transparent #fff7e1;
}
#dealerformResisterSupport-input .zenfotomatic-arw:after {
	z-index: 10;
	top: -20px;
	border-color:transparent transparent #cccccc ;
}
#dealerformResisterSupport-input .zenfotomatic-note .zenfotomatic-left {
	text-align: left;
	float: left;
	width: 550px;
	padding-right: 10px;
	border-right: 1px solid #cccccc;
}
#dealerformResisterSupport-input .zenfotomatic-note .zenfotomatic-right {
	float: left;
	width: 250px;
	padding-left: 20px;
}
#dealerformResisterSupport-input .zenfotomatic-note .zenfotomatic-left span{
	font-weight: bold;
	display: block;
}
#dealerformResisterSupport-input .zenfotomatic-note .zenfotomatic-right p:first-child{
	background: #F4AF2A ;
	margin: 3px 0 10px;
	padding: 3px 0;
	color: #ffffff;
	font-weight: bold;
	position: relative;
}
#dealerformResisterSupport-input .zenfotomatic-note .zenfotomatic-left p,
#dealerformResisterSupport-input .zenfotomatic-note .zenfotomatic-right p:nth-child(2){
	margin: 0;
}
#dealerformResisterSupport-input .zenfotomatic-note .zenfotomatic-right p:first-child span{
	font-size: 134%;
	vertical-align: middle;
}
#dealerformResisterSupport-input .zenfotomatic-note .zenfotomatic-right p:first-child:before {
	content: '';
	position: absolute;
	width: 0;
	bottom: -6px;
	left: 50%;
	border: solid;
	border-color: #F4AF2A transparent transparent;
	border-width: 6px 6px 0;
	margin-left: -6px;
}

/* メルマガ配信
------------------------------------------------------------------------------------- */
#dealermail-wrap * { word-break: break-all; }
#dealermail-wrap label,
#dealermail-wrap input[type='radio'],
#dealermail-wrap [type='checkbox'] { cursor: pointer; }
#dealermail-wrap textarea,
#dealermail-wrap input[type='text'] {
	border-color: #abadb3 #dbdfe6 #e3e9ef #e2e3ea;
	border-radius: 4px;
	border-style: solid;
	border-width: 1px;
}
#dealermail-wrap input[type='text'] { padding: 4px 6px; }
/* 削除（×）共通 */
#dealermail-wrap .dm-panel .panel-dlt,
#dealermail-wrap .dm-product-set-p .product-dlt {
	background-color: #999999;
	border-radius: 50%;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	vertical-align: middle;
	position: absolute;
	cursor: pointer;
	z-index: 3;
}
#dealermail-wrap .dm-panel .panel-dlt:hover,
#dealermail-wrap .dm-product-set-p .product-dlt:hover { background-color: #dc4d4d; }
/****** 一覧 ******/
#dealermail-wrap * { box-sizing: border-box;}
#dealermail-wrap .searchbox-area * { box-sizing: content-box; }
#dealermail-wrap .pager-inner a,
#dealermail-wrap .pager-inner input { display: inline-block; }
#dealermail-wrap .comp-notice-area { width: 960px; }
/* 説明文 */
#dealermail-wrap .dminfo-txt,
#dealermail-wrap .dmhelp-link { 
	display: inline-block;
	vertical-align: top;
}
#dealermail-wrap .dminfo-txt {
	width: 75%;
	padding-top: 3px;
}
#dealermail-wrap .dminfo-txt .co-help {
	text-decoration: underline;
	margin: 0 5px 0 3px;
}
#dealermail-wrap .dminfo-txt .co-help:hover { text-decoration: none; }
#dealermail-wrap .dmhelp-link {
	width: 25%;
	text-align: right;
	margin-bottom: 10px;
}
/*** 絞り込み ***/
#dealermail-wrap .searchbox-area {
	width: 640px;
	margin-bottom: 30px;
}
#dealermail-wrap #co-calender-input-form,
#dealermail-wrap .co-calender-input-form { display: inline-block; }
#dealermail-wrap #co-calender-input-form .hasDatepicker,
#dealermail-wrap .co-calender-input-form .hasDatepicker {
	height: 24px;
	line-height: 1;
}
/*** 一覧テーブル ***/
#dealermail-wrap .co-contents-box-table th,
#dealermail-wrap .co-contents-box-table td { text-align: center; }
#dealermail-wrap .co-contents-box-table th { padding: 10px 15px; }
#dealermail-wrap .co-contents-box-table td { padding: 5px 15px; }
/* ステータス */
#dealermail-wrap .dm-status {
	border-style: solid;
	border-width: 1px;
	display: inline-block;
	font-size: 11px;
	line-height: 1;
	padding: 3px 10px 2px;
}
/* 予約済 */#dealermail-wrap .dm-status.dm-sts-reserved {
	background-color: #c5d3ef;
	border-color: #1145aa;
	color: #3a5fb4;
}
/* 編集中 */#dealermail-wrap .dm-status.dm-sts-editing {
	border-color: #8f8f8f;
	color: #666666;
}
/* 配信済 */#dealermail-wrap .dm-status.dm-sts-send {
	background-color: #eeeeee;
	border-color: #cccccc;
	color: #999999;
}
/* アイコン */
#dealermail-wrap .dm-lst-btn {
	line-height: 0;
	vertical-align: middle;
	white-space: nowrap;
	padding: 10px 5px;
	text-align: center;
}
#dealermail-wrap .dm-btn-wrap {
	position: relative;
	display: inline-block;
	margin: 0 5px;
}
#dealermail-wrap .dm-btn-wrap .dm-btn {
	border: 1px #83a1b2 solid;
	box-shadow: 0 0 0 1px #ffffff inset;
	width: 27px;
	height: 27px;
	border-radius: 4px;
	background-color: #ffffff;
	background-image: -moz-linear-gradient(center top , #ffffff 45%, #f0f0f7 70%, #e9e9f2 85%);
	background-image: -webkit-gradient(linear,left bottom,left top, from(#e9e9f2), color-stop(0.3, #f0f0f7),color-stop(0.6, #ffffff));
	background: -ms-linear-gradient(top, #ffffff 0%, #e9e9f2 100%);
	background: linear-gradient(top, #ffffff 0%, #e9e9f2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#e9e9f2');
	text-indent: -200px;
	white-space: nowrap;
	overflow: hidden;
	display: inline-block;
}
#dealermail-wrap .dm-btn-wrap .dm-btn span {
	display: block;
	width: 25px;
	height: 23px;
	margin: 1px auto;
	background-position: center center;
	background-repeat: no-repeat;
}
#dealermail-wrap .dm-btn-wrap .dm-btn span:hover { margin: 2px 0 0; }
#dealermail-wrap .dm-btn-wrap .dm-btn:hover {
	border-color: #648a9f;
	background-color: #e0e0e9;
	background-image: -moz-linear-gradient(center top , #e0e0e9, #e0e0e9);
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #e0e0e9),color-stop(1, #e0e0e9));
	background: -ms-linear-gradient(top, #e0e0e9 0%, #e0e0e9 100%);
	background: linear-gradient(top, #e0e0e9 0%, #e0e0e9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#e0e0e9', endColorstr='#e0e0e9');
}
/* 吹き出し */
#dealermail-wrap .dm-btn-wrap .dm-btn-bln {
	position: absolute;
	top: 100%;
	left: 50%;
	margin: 10px 0 0 -3.3em;
	width: 6.6em;
	color: #ffffff;
	background-color: #4d4d4d;
	border-radius: 5px;
	padding: 8px;
	z-index: 1;
	display: none;
	line-height: 1;
}
#dealermail-wrap .dm-btn-wrap .dm-btn-bln:before {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 7px 10px;
	border-color: transparent transparent #4d4d4d;
	position: absolute;
	top: -9px;
	left: 50%;
	margin-left: -7px;
}
#dealermail-wrap .dm-btn-wrap .dm-btn:hover+.dm-btn-bln { display: block; }
/*** 個別 ***/
/* 予約取消 */#dealermail-wrap .dm-btn-wrap .dm-btn.dm-btn-stop span { background-image: url('/img-dealer/common/icon/btn_stop_00.png'); }
/* 表示 */#dealermail-wrap .dm-btn-wrap .dm-btn.dm-btn-view span { background-image: url('/img-dealer/common/icon/btn_view_00.png'); }
/* 編集 */#dealermail-wrap .dm-btn-wrap .dm-btn.dm-btn-edit span { background-image: url('/img-dealer/common/icon/btn_edit_00.png'); }
/* コピー */#dealermail-wrap .dm-btn-wrap .dm-btn.dm-btn-copy span { background-image: url('/img-dealer/common/icon/btn_copy_00.png'); }
/* リンク設定 */#dealermail-wrap .dm-btn-wrap .dm-btn.dm-btn-link span { background-image: url('/img-dealer/common/icon/btn_link_00.png'); }
/* リンク解除 */#dealermail-wrap .dm-btn-wrap .dm-btn.dm-btn-linkno span { background-image: url('/img-dealer/common/icon/btn_linkno_00.png'); }
/* 削除 */#dealermail-wrap .dm-btn-wrap .dm-btn.dm-btn-trush span { background-image: url('/img-dealer/common/icon/btn_trush_00.png'); }

/******* メルマガ作成・編集 ******/
#dealermail-wrap .dm-mailedit-wrap {
	width: 960px;
	margin: 0 auto;
	position: relative;
}
#dealermail-wrap .dm-edit-cont-wrap {
	display: inline-block;
	vertical-align: top;
	width: 830px;
	border-left: 1px #cccccc solid;
	box-shadow: 7px 0 8px -6px rgba(200, 200, 200, 0.4) inset;
}
#dealermail-wrap .dm-edit-cont { padding: 0 0 50px 20px; }
#dealermail-wrap .dm-edit-cont:first-child { padding-top: 0; }
#dealermail-wrap .dm-edit-cont:last-child { border-bottom: 0; }
#dealermail-wrap .dm-edit-cont .co-title2 { margin-bottom: 25px; }
#dealermail-wrap .dm-edit-cont .dm-edit-changed { margin: -10px auto 20px; }
/* メニュー */
#dealermail-wrap .dm-mailedit-menu-wrap {
	display: inline-block;
	vertical-align: top;
	width: 130px;
}
#dealermail-wrap .dm-mailedit-menu {
	position: absolute;
	width: 140px;
	left: -10px;
	top: 10px;
}
#dealermail-wrap .dm-mailedit-menu li {
	position: relative;
	border-radius: 20px 0 0 20px;
	padding: 10px 15px;
	margin-top: 10px;
	cursor: pointer;
	transition: 0.1s;
}
#dealermail-wrap .dm-mailedit-menu li:hover,
#dealermail-wrap .dm-mailedit-menu li.dm-menu-on { background-color: #e9e9e9; }
#dealermail-wrap .dm-mailedit-menu.dm-fixed-menu {
	position: fixed;
	top: 20px;
}
/* タブ */
#dealermail-wrap .co-tab-box .co-tab-base:first-child { margin-left: 30px; }
#dealermail-wrap .dm-edit-area p,
#dealermail-wrap .dm-edit-area textarea { margin: 0; }
#dealermail-wrap .co-tab-box,
#dealermail-wrap .dm-edit-area {
	width: 810px;
	margin: 0 auto;
}
#dealermail-wrap .co-tab-box { position: relative; }
#dealermail-wrap .co-tab-box .co-help {
	position: absolute;
	right: 0;
	bottom: 5px;
	font-size: 14px;
	background-position: left 5px;
}
#dealermail-wrap .dm-edit-area { width: 810px; }
#dealermail-wrap .dm-edit-area .dm-edit-inner {
	margin: 0 auto;
	background-color: #ffffff;
	padding: 25px;
	border-left: 5px #5086c5 solid;
	border-right: 5px #5086c5 solid;
}
#dealermail-wrap .dm-edit-area .dm-edit-inner table,
#dealermail-wrap .dm-conf-area .dm-conf-area-inner table { border-collapse: separate; }
#dealermail-wrap .dm-edit-area .dm-edit-inner .dm-parts-wrap {
	width: 670px;
	margin: 0 auto;
	position: relative;
}
#dealermail-wrap .dm-edit-area .dm-edit-inner .dm-parts-wrap.dm-prev { width: 600px; }
#dealermail-wrap .dm-edit-area .dm-edit-inner .dm-parts-wrap.dm-prev a { cursor: default;}
#dealermail-wrap .dm-edit-area .dm-top-txt {
	background-color: #f3f3f3;
	padding: 10px;
	text-align: center;
	color: #666666;
	margin: 0;
	position: relative;
}
/* 確認画面 */
#dealermail-wrap .dm-conf-area {
	max-width: 980px;
	margin: 0 auto;
}
#dealermail-wrap .dm-conf-area-inner {
	border: 5px #5086c5 solid;
	background-color: #f1f5fa;
	background-color: #efefef;
	color: #4d4d4d;
}
#dealermail-wrap .dm-conf-area td > p:first-child a,
#dealermail-wrap .dm-conf-area td > div:last-child a { cursor: default; }

/* エラー */
#dealermail-wrap .dm-edit-area .fo-errors-box { margin: 5px 40px 0; }

/* 選択肢によって出てくる要素の矢印つきの線 */
#dealermail-wrap .dm-subchoice-line {
	border-top: 1px #cccccc solid;
	padding-top: 15px;
	margin-top: 25px;
	position: relative;
	z-index: 2;
}
#dealermail-wrap .dm-subchoice-arw:before,
#dealermail-wrap .dm-subchoice-arw:after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 7px 15px;
	position: absolute;
	left: 50%;
	margin-left: -7px;
}
#dealermail-wrap .dm-subchoice-arw:before {
	border-color: transparent transparent #cccccc;
	bottom: -20px;
}
#dealermail-wrap .dm-subchoice-arw:after {
	border-color: transparent transparent #ffffff;
	bottom: -22px;
}

/* 配信先選択 */
#dealermail-wrap .dm-edit-cont .slct-radio-box .slct-radio,
#dealermail-wrap .dm-edit-cont .slct-radio-box .slct-radio label { width: 12em; }
#original_condition_lits .co-btn > span > a,
#original_condition_lits .co-btn > span > span { min-width: 10em; }
#dealermail-wrap .dm-condition-list { width: 100%; }
#dealermail-wrap .dm-condition-list input { margin: 0; }
#dealermail-wrap .dm-condition-list th,
#dealermail-wrap .dm-condition-list td {
	padding: 6px 10px;
	border-left: 1px #cccccc solid;
	border-bottom: 1px #cccccc solid;
	height: 40px;
	vertical-align: middle;
}
#dealermail-wrap .dm-condition-list th:first-child,
#dealermail-wrap .dm-condition-list td:first-child,
#dealermail-wrap .dm-condition-list td:nth-child(2) { border-left: 0; }
#dealermail-wrap .dm-condition-list tr th,
#dealermail-wrap .dm-condition-list tr:last-child td { border-bottom: 0; }
#dealermail-wrap .dm-condition-list tr th { background-color: #eeeeee; }
#dealermail-wrap .dm-condition-list th.dm-func-icon {
	width: 2%;
	min-width: 90px;
}
#dealermail-wrap .dm-condition-list tr:hover td,
#dealermail-wrap .dm-condition-list tr.cond-slcted td {
	background-color: #fff7e1;
	cursor: pointer;
}
#dealermail-wrap .dm-condition-list .dm-lst-btn { padding: 7px; }
#dealermail-wrap .dm-condition-list .dm-btn-bln {
	width: 5em;
	margin-left: -2.5em;
}
/* 種別アイコン */
#dealermail-wrap .cond-mark-box {
	white-space: nowrap;
	padding-right: 0;
	width: 1%;
}
#dealermail-wrap .cond-mark {
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
	color: #ffffff;
	font-size: 11px;
	text-align: center;
	padding: 2px;
	width: 6.5em;
	border-radius: 2px;
	margin-left: 10px;
}
/* 既定 */#dealermail-wrap .cond-mark.con-default { background-color: #ffb72d; }
/* 小売店番号 */#dealermail-wrap .cond-mark.con-shopnum { background-color: #ae90d4; }
/* 複数条件 */#dealermail-wrap .cond-mark.con-choice { background-color: #6dc195; }
/* キャンペーン */#dealermail-wrap .cond-mark.con-campaign { background-color: #f29c9f; }

/*** パネル ***/
#dealermail-wrap .dm-panel-box,
#dealermail-wrap .dm-panel-put,
#dealermail-wrap .dm-panel.slctparts-panel{
	position: relative;
	margin-top: 15px;
}
#dealermail-wrap .dm-panel {
	display: table;
	width: 100%;
	border: 1px solid #cccccc;
	border-radius: 5px;
	background-color: #f3f3f3;
}
#dealermail-wrap .dm-panel-inner { display: table-row; }
#dealermail-wrap .dm-panel-inner > div {
	display: table-cell;
	vertical-align: middle;
	position: relative;
}
#dealermail-wrap .dm-panel .dm-panel-dots,
#dealermail-wrap .dm-panel .dm-panel-grasp { cursor: url('/img-dealer/common/icon/icon_move_hand1.cur'), move; }
#dealermail-wrap .dm-panel .dm-panel-dots {
	width: 30px;
	border-radius: 5px 0 0 5px;
	background: url('/img-dealer/dealermail/panel_dots_00.png') repeat-y left 10px top;
	overflow: hidden;
}
#dealermail-wrap .dm-panel .dm-panel-grasp {
	width: 40px;
	border-radius: 0 5px 5px 0;
	background: url('/img-dealer/dealermail/hand_grasp_00.png') no-repeat right 6px center;
}
#dealermail-wrap .dm-panel-box .dm-panel-contents { padding: 10px 0; }
#dealermail-wrap .dm-panel .dm-panel-inner textarea,
#dealermail-wrap .dm-panel .dm-panel-inner .panel-textarea,
#dealermail-wrap .dm-panel .dm-panel-inner input[type='text'] {
	border: 1px #afafaf solid;
	background-color: #fbfbfb;
	width: 100%;
}
#dealermail-wrap .dm-panel .dm-panel-inner textarea,
#dealermail-wrap .dm-panel .dm-panel-inner .panel-textarea {
	padding: 7px 5px;
	height: 130px;
	resize: none;
	overflow-y: scroll;
}
#dealermail-wrap .dm-panel .dm-panel-inner .panel-textarea { border-radius: 4px; }
#dealermail-wrap .dm-panel .dm-panel-inner input[type='text'] {
	font-size: 21px;
	padding: 10px 8px 8px;
	line-height: 1;
}
#dealermail-wrap .dm-panel .dm-panel-contents.img-panel-wrap:before,
#dealermail-wrap .dm-panel .dm-panel-contents.img-panel-wrap:after,
#dealermail-wrap .dm-panel .dm-panel-dots:before,
#dealermail-wrap .dm-panel .dm-panel-dots:after {
	content: '';
	display: block;
	height: 10px;
	width: 100%;
	background-color: #f3f3f3;
	position: absolute;
	left: 0;
	z-index: 3;
}
#dealermail-wrap .dm-panel-box .dm-panel-contents.img-panel-wrap:before,
#dealermail-wrap .dm-panel .dm-panel-dots:before { top: 0; }
#dealermail-wrap .dm-panel-box .dm-panel-contents.img-panel-wrap:after,
#dealermail-wrap .dm-panel .dm-panel-dots:after { bottom: 0; }
/* 移動中 */
#dealermail-wrap .dm-panel-box.dm-panel-moving {
	cursor: url("/img-dealer/common/icon/icon_move_hand2.cur"), move;
	opacity: 0.8;
	z-index: 5;
	position: absolute;
	width: 670px;
}
#dealermail-wrap .dm-panel-box.dm-panel-moving dm-panel { box-shadow: 2px 2px 2px 0 rgba(50, 50, 50, 0.4); }
#dealermail-wrap .dm-panel-box.dm-panel-moving .panel-dlt,
#dealermail-wrap .dm-panel-box.dm-panel-moving .dm-addparts,
#dealermail-wrap .dm-panel-box.dummy-panel .panel-dlt,
#dealermail-wrap .dm-panel-box.dummy-panel .dm-addparts { display: none; }
/* ダミー */
#dealermail-wrap .dm-panel-box.dummy-panel {
	opacity: 0.4;
	position: relative;
	z-index: 1;
}
#dealermail-wrap .dm-panel-box.dummy-panel,
#dealermail-wrap .dm-panel-box.dummy-panel * { cursor: default!important; }
/* 挿入目印 */
#dealermail-wrap .dm-panel-put {
	height: 70px;
	background-color: #fff7e1;
	border: 1px #cccccc dashed;
	border-radius: 5px;
}
/* パーツ追加吹き出し */
#dealermail-wrap .dm-addparts {
	height: 27px;
	line-height: 27px;
	min-width: 27px;
	background-color: #4d4d4d;
	color: #ffffff;
	border-radius: 15px;
	text-align: center;
	vertical-align: middle;
	position: absolute;
	right: 100%;
	top: 0;
	white-space: nowrap;
	padding: 0 10px;
	cursor: pointer;
	margin: -23px 9px 0 0;
	font-size: 12px;
}
#dealermail-wrap .dm-addparts.last-addparts {
	top: 100%;
	margin-top: -7px;
}
#dealermail-wrap .dm-addparts span,
#dealermail-wrap .dm-addparts:hover:after,
#dealermail-wrap .dm-addparts.cancelparts:after {
	display: inline-block;
	vertical-align: middle;
}
#dealermail-wrap .dm-addparts span {
	font-size: 18px;
	margin: 0 -5px;
	font-weight: bold;
}
#dealermail-wrap .dm-addparts span:after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4px 0 4px 7px;
	border-color: transparent transparent transparent #4d4d4d;
	position: absolute;
	right: 0;
	top: 50%;
	margin: -4px -6px 0 0;
}
#dealermail-wrap .dm-addparts:hover:after {
	content: 'パーツ追加';
	margin-left: 7px;
}/* hover */
#dealermail-wrap .dm-addparts:hover { background-color: #333333; }
#dealermail-wrap .dm-addparts:hover span:after { border-color: transparent transparent transparent #333333; }
/* キャンセル */
#dealermail-wrap .dm-addparts.cancelparts { margin-top: -1px; }
#dealermail-wrap .dm-addparts.cancelparts span {
	text-indent: -200px;
	overflow: hidden;
	width: 17px;
	height: 12px;
	background: url('/img-dealer/dealermail/cancel_00.png') center center no-repeat;
}
#dealermail-wrap .dm-addparts.cancelparts:after {
	content: 'キャンセル';
	margin-left: 7px;
}
/* パーツ選択 */
#dealermail-wrap .dm-panel.slctparts-panel {
	background-color: #4d4d4d;
	border-color: #4d4d4d;
	text-align: center;
	color: #ffffff;
	font-size: 14px;
	padding: 10px;
	cursor: default;
}
#dealermail-wrap .dm-panel.slctparts-panel img {
	margin: 7px;
	cursor: pointer;
}
#dealermail-wrap .dm-panel.slctparts-panel img:hover {
	background-color: #333333;
	box-shadow: 2px 2px 3px 1px rgba(0,0,0,0.6);
}
/* 画像枠ベース */
#dealermail-wrap .dm-panel-box .dm-panel-contents.img-panel-wrap { background-color: #333333; }
#dealermail-wrap .dm-panel-box .product-box .dm-panel-contents.img-panel-wrap {
	width: 170px;
	height: 170px;
}
#dealermail-wrap .dm-panel-box .img-panel {
	text-align: center;
	background-color: rgba(233, 233, 233, 1);
	border: 1px #afafaf dashed;
	font-size: 14px;
	color: #999999;
	position: relative;
	display: table-cell;
	vertical-align: middle;
	width: 172px;
	height: 172px;
	transition: 0.1s;
	cursor: pointer;
}
#dealermail-wrap .dm-panel-box .img-panel .img-panel-txt {
	display: block;
	line-height: 130px;
	height: 130px;
	width: 100%;
	transition: 0.1s;
}
#dealermail-wrap .dm-panel-box .dm-slct-img {
	display: none;
	width: 100%;
	height: 100%;
	color: #ffffff;
	font-size: 15px;
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
	z-index: 2;
	background-color: rgba(0,0,0,0.4);
}
#dealermail-wrap .dm-panel-box .dm-slct-img span {
	position: absolute;
	display: block;
	text-align: center;
	width: 100%;
	top: 50%;
	left: 0;
	margin-top: -0.5em;
}
#dealermail-wrap .dm-panel-inner .dm-panel-contents.img-panel-wrap:hover .img-panel+.dm-slct-img,
#dealermail-wrap .dm-panel-inner .dm-panel-contents.img-panel-wrap:hover .product-full+.dm-slct-img,
#dealermail-wrap .dm-panel-inner .dm-panel-contents.img-panel-wrap:hover .img-panel .dm-slct-img { display: block; }
#dealermail-wrap .dm-panel-box.dm-panel-moving .dm-panel-contents.img-panel-wrap:hover .dm-slct-img,
#dealermail-wrap .dm-panel-box.dummy-panel .dm-panel-contents.img-panel-wrap:hover .dm-slct-img { display: none; }
/* 画像とテキスト */
#dealermail-wrap .dm-panel .dm-panel-inner.product-box .img-panel-txt {
	width: 170px;
	height: 170px;
	line-height: 170px;
}
#dealermail-wrap .dm-panel .dm-panel-inner.product-box textarea,
#dealermail-wrap .dm-panel .dm-panel-inner.product-box .panel-textarea {
	display: inline-block;
	vertical-align: top;
	width: 408px;
	height: 170px;
}
#dealermail-wrap .dm-panel .dm-panel-contents.img-panel-wrap+.dm-panel-contents textarea { margin-left: 18px; }
/* 画像のみ */
#dealermail-wrap .dm-panel-box.visual-box .img-panel {
	height: auto;
	width: 600px;
}
#dealermail-wrap .dm-panel-box.visual-box .img-panel img {
	max-width: 596px;
	height: auto;
}
#dealermail-wrap .dm-panel-box input[type='file'] {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	cursor: pointer;
	z-index: 3;
	text-indent: -200%;
}
/* 複数商品 */
#dealermail-wrap .dm-panel .product-full {
	width: 598px;
	background-color: #f3f3f3;
	text-align: center;
	cursor: pointer;
}
#dealermail-wrap .dm-panel .product-box.products .product-box-inner {
	display: inline-block;
	vertical-align: top;
	width: 172px;
	background-color: #f3f3f3;
}
#dealermail-wrap .dm-panel .product-box .product-box-inner:nth-child(2),
#dealermail-wrap .dm-panel .product-box .product-box-inner:nth-child(3n+2),
#dealermail-wrap .dm-panel .product-box .product-box-inner:nth-child(3n) {
	padding-left: 40px;
	width: 212px;
}
#dealermail-wrap .dm-panel .product-box .product-box-inner p {
	padding: 10px 0;
	color: #666666;
	background-color: #f3f3f3;
	text-align: left;
}
/* ボタン */
#dealermail-wrap .plist-btn-box .dm-panel-dots,
#dealermail-wrap .plist-btn-box .dm-panel-grasp { width: auto; }
#dealermail-wrap .plist-btn-box .dm-panel-contents { width: 16em; }
#dealermail-wrap .dm-panel .dm-panel-inner .plist-btn {
	width: 16em;
	display: block;
	margin: 0 auto;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	background-color: #f67d6d;
	border-radius: 30px;
	color: #ffffff;
	text-decoration: none;
	padding: 11px 20px 9px 25px;
	cursor: default;
}
#dealermail-wrap .dm-panel .dm-panel-inner .plist-btn img {
	margin-left: 8px;
	vertical-align: middle;
}
/* 削除（×） */
#dealermail-wrap .dm-panel .panel-dlt {
	line-height: 23px;
	font-size: 19px;
	width: 23px;
	height: 23px;
	padding: 1px 4px;
	right: -10px;
	top: -10px;
}

/*** 処理ボタン ***/
#dealermail-wrap .dm-edit-submit {
	background-color: #e9e9e9;
	border-top: 1px #cccccc solid;
	border-bottom: 1px #cccccc solid;
	width: 104%;
	margin-left: -2%;
	padding: 15px 2%;
	text-align: center;
}
#dealermail-wrap .dm-fix-submit {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 5;
	margin-left: 0;
}
#dealermail-wrap .dm-edit-submit .dm-submit-inner {
	display: block;
	position: relative;
}
#dealermail-wrap .dm-edit-submit .dm-submit-inner .dm-list-back,
#dealermail-wrap .dm-edit-submit .dm-submit-inner .dm-submit-wrap,
#dealermail-wrap .dm-edit-submit .dm-submit-inner .dm-submit-bln-wrap {
	display: inline-block;
	vertical-align: middle;
}
#dealermail-wrap .dm-edit-submit .dm-submit-inner .dm-list-back { margin: 0 20px 0 0; }
#dealermail-wrap .dm-edit-submit .dm-submit-inner .dm-submit-wrap {
	border-left: 1px #ffffff solid;
	padding-left: 20px;
	box-shadow: -1px 0 0 0 #cccccc;
}
#dealermail-wrap .dm-edit-submit .dm-submit-inner .dm-submit-bln-wrap { position: relative; }
#dealermail-wrap .dm-edit-submit .dm-submit-inner .dm-submit-bln {
	background-color: #fff7e1;
	border: 1px solid #cccccc;
	color: #4d4d4d;
	box-shadow: 0 3px 4px -1px rgba(100, 100, 100, 0.4);
	padding: 7px;
	border-radius: 5px;
	width: 135px;
	text-align: center;
	position: absolute;
	left: 50%;
	bottom: 100%;
	margin: 0 0 15px -73px;
}
#dealermail-wrap .dm-edit-submit .dm-submit-inner .dm-submit-bln:before,
#dealermail-wrap .dm-edit-submit .dm-submit-inner .dm-submit-bln:after {
	content: '';
	width: 0;
	height: 0;
	display: block;
	border-style: solid;
	border-width: 10px 6px 0;
	position: absolute;
	left: 50%;
	top: 100%;
	margin-left: -6px;
}
#dealermail-wrap .dm-edit-submit .dm-submit-inner .dm-submit-bln:before {
	border-color: #cccccc transparent transparent;
	margin-top: 1px;
}
#dealermail-wrap .dm-edit-submit .dm-submit-inner .dm-submit-bln:after {
	border-color: #fff7e1 transparent transparent;
}
/* エラー */
#dealermail-wrap .dm-edit-submit .dm-submit-inner .dm-submit-bln.bln-err {
	border: 1px solid #dc4d4d;
	color: #dc4d4d;
	background-color: #ffe0df;
	width: 20em;
	margin-left: -10.5em;
}
#dealermail-wrap .dm-edit-submit .dm-submit-inner .dm-submit-bln.bln-err:before { border-color: #dc4d4d transparent transparent; }
#dealermail-wrap .dm-edit-submit .dm-submit-inner .dm-submit-bln.bln-err:after { border-color: #ffe0df transparent transparent; }

/*** モーダル ***/
#dealermail-wrap .co-tooltip-modal * { box-sizing: border-box; }
#dealermail-wrap .co-tooltip-modal {
	width: 370px;
	left: 50%;
	margin-left: -185px;
}
#dealermail-wrap .co-tooltip-modal .co-calender-input-form {
	z-index: 9001;
	position: relative;
}

/*** 一覧へ戻る際の保存確認 ***/
#dealermail-wrap .co-tooltip-modal.dm-goback-modal .co-btn a { min-width: 120px; }
/*** 配信先設定、商品選択共通 ***/
#dealermail-wrap .dm-setting-modal-wrap {
	position: fixed;
	width: 100%;
	top: 5%;
	left: 0;
	z-index: 9001;
	height: 100%;
}
#dealermail-wrap .co-tooltip-modal[class*="dm-setting-modal"] {
	width: 90%;
	display: block;
	height: 90%;
	position: relative;
	left: 0;
	top: 0;
	margin: 0 auto;
	overflow: hidden;
	max-height: 700px;
	max-width: 1366px;
	min-width: 895px;
}
#dealermail-wrap .co-tooltip-modal.dm-setting-modal {
	padding: 43px 0 97px;
	width: 895px;
}
#dealermail-wrap .co-tooltip-modal.dm-setting-modal-product { padding: 43px 0 70px; }
#dealermail-wrap .co-tooltip-modal[class*="dm-setting-modal"] .dm-setting-modal-subttl {
	font-weight: bold;
	padding: 4px 10px;
	border-left: 4px #8f8f8f solid;
	margin: -8px auto -15px;
}
/* 閉じるボタン */
#dealermail-wrap .co-tooltip-modal[class*="dm-setting-modal"] .co-tooltip-cancel {
	position: absolute;
	z-index: 3;
	right: 5px;
	top: 5px;
}
#dealermail-wrap .co-tooltip-modal[class*="dm-setting-modal"] .dm-setting-modal-inner {
	overflow-y: scroll;
	height: 100%;
	padding: 0 20px;
	text-align: left;
}
#dealermail-wrap .dm-setting-modal-inner .noticearea-box { margin-top: 25px; }
#dealermail-wrap .dm-setting-modal-inner .noticearea-box + .noticearea-box { margin-top: 10px; }
/* 上下の固定部分（タイトル・処理ボタン） */
#dealermail-wrap .co-tooltip-modal[class*="dm-setting-modal"] .dm-setting-modal-title,
#dealermail-wrap .co-tooltip-modal[class*="dm-setting-modal"] .dm-setting-modal-submit {
	background-color: #f6f6f6;
	width: 100%;
	position: absolute;
	left: 0;
}
#dealermail-wrap .co-tooltip-modal.dm-setting-modal-product .dm-setting-modal-title { border-bottom: 1px #bbbbbb solid; }
#dealermail-wrap .co-tooltip-modal[class*="dm-setting-modal"] .dm-setting-modal-title {
	height: 43px;
	top: 0;
	padding: 11px 15px;
}
#dealermail-wrap .co-tooltip-modal[class*="dm-setting-modal"] .dm-setting-modal-title .co-title2 {
	margin: 0;
	font-size: 15px;
	line-height: 1;
	padding: 3px 10px;
}
#dealermail-wrap .co-tooltip-modal[class*="dm-setting-modal"] .dm-setting-modal-submit {
	text-align: center;
	bottom: 0;
}
#dealermail-wrap .co-tooltip-modal[class*="dm-setting-modal"] .dm-setting-modal-submit .co-btn a,
#dealermail-wrap .co-tooltip-modal[class*="dm-setting-modal"] .dm-setting-modal-submit .co-btn-dsbl > span > span { min-width: 90px; }
#dealermail-wrap .co-tooltip-modal.dm-setting-modal .dm-setting-modal-submit {
	height: 97px;
	padding: 13px 15px;
}
#dealermail-wrap .co-tooltip-modal.dm-setting-modal-product .dm-setting-modal-submit {
	height: 70px;
	padding: 20px 15px;
}
#dealermail-wrap .co-tooltip-modal.dm-setting-modal .dm-set-judge { margin-bottom: 17px; }
#dealermail-wrap .co-tooltip-modal.dm-setting-modal .dm-setting-modal-btnbox:only-of-type { margin-top: 20px; }
#dealermail-wrap .co-tooltip-modal[class*="dm-setting-modal"] .dm-setting-conf .dm-set-judge label,
#dealermail-wrap .co-tooltip-modal[class*="dm-setting-modal"] .dm-setting-conf .dm-set-judge input { cursor: default; }
#dealermail-wrap .co-tooltip-modal.dm-setting-modal-product .co-tooltip-text {
	height: 100%;
	padding: 0;
}
/*** 配信先設定 ***/
/* 店舗数表示 */
#dealermail-wrap .co-tooltip-modal.dm-setting-modal .dm-setting-modal-shopbox {
	position: relative;
	display: inline-block;
	vertical-align: bottom;
}
#dealermail-wrap .co-tooltip-modal.dm-setting-modal .dm-setting-modal-shopnum {
	position: absolute;
	padding: 0.35em 22px;
	margin-left: 19px;
	line-height: 1;
	border: 1px #999999 solid;
	border-radius: 5px;
	background-color: #ffffff;
	font-size: 26px;
	left: 100%;
	top: 50%;
	margin-top: -0.9em;
	white-space: nowrap;
}
#dealermail-wrap .co-tooltip-modal.dm-setting-modal .dm-setting-modal-shopnum:before,
#dealermail-wrap .co-tooltip-modal.dm-setting-modal .dm-setting-modal-shopnum:after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7px 12px 7px 0;
	position: absolute;
	top: 50%;
	margin-top: -7px;
	right: 100%;
}
#dealermail-wrap .co-tooltip-modal.dm-setting-modal .dm-setting-modal-shopnum:before {
	border-color: transparent #999999 transparent transparent;
	margin-right: 1px;
}
#dealermail-wrap .co-tooltip-modal.dm-setting-modal .dm-setting-modal-shopnum:after {
	border-color: transparent #ffffff transparent transparent;
	margin-right: -1px;
}
#dealermail-wrap .co-tooltip-modal.dm-setting-modal .dm-setting-modal-shopnum span {
	font-size: 15px;
	margin-left: 10px;
}
/* モーダル内フォームパーツ*/
#dealermail-wrap .co-tooltip-modal.dm-setting-modal .slct-radio-box { margin: 0 0 -10px; }
#dealermail-wrap .co-tooltip-modal.dm-setting-modal .slct-radio-box .slct-radio,
#dealermail-wrap .co-tooltip-modal.dm-setting-modal .slct-radio-box .slct-radio label { width: 110px; }
#dealermail-wrap .co-tooltip-modal.dm-setting-modal table select:only-of-type { margin: -5px 0; }
#dealermail-wrap .co-tooltip-modal.dm-setting-modal .co-simpl-tbl th,
#dealermail-wrap .co-tooltip-modal.dm-setting-modal .co-simpl-tbl td{ padding: 13px 20px; }
#dealermail-wrap .co-tooltip-modal.dm-setting-modal .co-simpl-tbl th { width: 11em; }
#dealermail-wrap .co-tooltip-modal.dm-setting-modal .dm-subchoice-line { margin-top: 20px; }
/* tableの中のtable */
#dealermail-wrap .co-tooltip-modal.dm-setting-modal .dm-setting-modal-list {
	width: 100%;
	margin: -13px auto -14px;
}
#dealermail-wrap .co-tooltip-modal.dm-setting-modal .dm-setting-modal-list td {
	padding: 13px;
	border-left: 0;
}
#dealermail-wrap .co-tooltip-modal.dm-setting-modal .dm-setting-modal-list td:first-child { width: 7em; }
#dealermail-wrap .co-tooltip-modal.dm-setting-modal .dm-setting-modal-list tr:last-child td,
#dealermail-wrap .co-tooltip-modal.dm-setting-modal .dm-setting-modal-list tr:nth-child(3) td { border: 0; }
/* tableの中のtableの注記 */
#dealermail-wrap .co-tooltip-modal.dm-setting-modal .subchoice-ttl {
	margin: 0 auto;
	font-size: 13px;
	padding-left: 5px;
}
#dealermail-wrap .co-tooltip-modal.dm-setting-modal .subchoice-notice {
	font-size: 12px;
	margin: 3px 0 20px 8px;
	font-weight: normal;
	color: #666666;
}
/* 購入実績 */
#dealermail-wrap .co-tooltip-modal.dm-setting-modal .dm-setting-modal-sales .slct-radio-box .slct-radio { margin-right: 5px; }
#dealermail-wrap .co-tooltip-modal.dm-setting-modal .dm-setting-modal-sales .slct-radio-box .slct-radio,
#dealermail-wrap .co-tooltip-modal.dm-setting-modal .dm-setting-modal-sales .slct-radio-box .slct-radio label { width: 120px; }
#dealermail-wrap .co-tooltip-modal.dm-setting-modal .dm-setting-modal-sales .slct-radio-box .slct-radio label { height: 3em; }
/* 地域選択 */
#dealermail-wrap .co-tooltip-modal.dm-setting-modal .prefecture-switch {
	font-size: 14px;
	color: #0066cc;
	cursor: pointer;
}
#dealermail-wrap .co-tooltip-modal.dm-setting-modal .prefecture-switch:after {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 5px 0;
	border-color: #666666 transparent transparent;
	margin-left: 5px;
}
/* 地域チェック */
#dm-prefecture-slct {
	margin: 30px auto 2.2em;
	position: relative;
	height: 36em;
	min-height: 470px;
	background: url('/img-dealer/dealermail/area_map_00.png') left 175px top 10px no-repeat;
	display: none;
}
#dm-prefecture-slct .slct-check-box .slct-check,
#dm-prefecture-slct .slct-check-box .slct-check label {
	width: 7em;
	font-size: 12px;
}
#dm-prefecture-slct .slct-check-box .slct-check { margin: 0 5px 5px 0; }
#dm-prefecture-slct .dm-wide-area .slct-check-box .slct-check,
#dm-prefecture-slct .dm-wide-area .slct-check-box .slct-check label { width: 8em; }
#dm-prefecture-slct .slct-check-box .slct-check { text-align: left; }
#dm-prefecture-slct .slct-check-box .slct-check label {
	height: 31px;
	padding-left: 24px;
	display: block;
	line-height: 23px;
}
#dm-prefecture-slct .slct-check-box input[type="checkbox"] {
	left: 6px;
	top: 7px;
}
#dm-prefecture-slct .dm-prefecture-area {
	width: 20.5em;
	position: absolute;
}
#dm-prefecture-slct .dm-prefecture-area.area1 {/* 中部 */
	top: 0;
	left: 70px;
}
#dm-prefecture-slct .dm-prefecture-area.area2 {/* 北海道 */
	top: 0;
	right: 0;
	width: 14em;
}
#dm-prefecture-slct .dm-prefecture-area.area3 {/* 中国 */
	top: 150px;
	left: 0;
}
#dm-prefecture-slct .dm-prefecture-area.area4 {/* 関東 */
	top: 170px;
	right: -5px;
}
#dm-prefecture-slct .dm-prefecture-area.area5 {/* 九州/沖縄・離島 */
	bottom: 15px;
	left: 0;
}
#dm-prefecture-slct .dm-prefecture-area.area6 {/* 四国 */
	bottom: 15px;
	left: 240px;
	width: 7em;
}
#dm-prefecture-slct .dm-prefecture-area.area7 {/* 近畿 */
	bottom: 53px;
	left: 360px;
}
#dm-prefecture-slct .dm-prefecture-area.area8 {/* 海外（SD export会員を除く） */
	width: 16em;
	right: 0;
	bottom: -1.7em;
	padding: 25px 0 0 50px;
	border-radius: 100px 0 0;
	border-left: 1px dashed #aaaaaa;
	border-top: 1px dashed #aaaaaa;
}
/* 確認画面 */
#dealermail-wrap .co-tooltip-modal.dm-setting-modal .more-dots {
	line-height: 0.5;
	margin: 5px 0 0 2em;
}
#dealermail-wrap .co-tooltip-modal.dm-setting-modal .more-dots span { display: block;}
#dealermail-wrap .co-tooltip-modal.dm-setting-modal .dm-setting-hassub p,
#dealermail-wrap .co-tooltip-modal.dm-setting-modal .dm-setting-hassub ul {
	display: inline-block;
	vertical-align: top;
	margin: 0;
}
#dealermail-wrap .co-tooltip-modal.dm-setting-modal .dm-setting-hassub p { width: 13%; }
#dealermail-wrap .co-tooltip-modal.dm-setting-modal .dm-setting-hassub ul {
	width: 87%;
	border-left: 1px dashed #cccccc;
	padding-left: 15px;
}
#dealermail-wrap .co-tooltip-modal.dm-setting-modal .dm-setting-hassub ul li {
	text-indent: -5em;
	padding-left: 5em;
}
/*** 商品選択 ***/
#dm-product-setting {
	height: 100%;
	position: relative;
}
#dealermail-wrap .dm-product-set-p { position: relative; }
/* 商品読み込み中 */
#dm-product-setting .dm-product-loading {
	background-color: rgba(255,255,255,0.6);
	cursor: default;
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}
#dm-product-setting .dm-product-loading .loading {
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -40px 0 0 -40px;
}

/* 削除（×） */
#dealermail-wrap .dm-product-set-p .product-dlt {
	line-height: 20px;
	font-size: 19px;
	width: 21px;
	height: 21px;
	padding: 1px 2px;
	display: none;
	right: -7px;
	top: -7px;
}
/* 掲載終了 */
#dealermail-wrap .dm-product-set-p.dm-product-fin .product-fin-txt {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: rgba(0,0,0,0.6);
	color: #ffffff;
	font-size: 10px;
	text-align: center;
	padding: 1px 0;
}
/* 選択済み商品 */
#dm-product-setting .dm-product-set {
	position: absolute;
	width: 360px;
	top: 0;
	left: 0;
	padding: 20px 15px;
}
#dm-product-setting .dm-product-set .dm-product-set-txt {
	font-size: 14px;
	margin: -8px auto 15px;
}
#dm-product-setting .dm-product-set .dm-product-set-p {
	display: inline-block;
	vertical-align: top;
	margin: 0 10px 10px 0;
	position: relative;
}
#dm-product-setting .dm-product-set .dm-product-set-p p {
	display: table-cell;
	width: 100px;
	height: 100px;
	vertical-align: middle;
	text-align: center;
	border: 1px #cccccc dashed;
	color: #bbbbbb;
}
#dm-product-setting .dm-product-set .dm-product-set-p.set-p-single p {
	width: 200px;
	height: 200px;
}
#dm-product-setting .dm-product-set .dm-product-set-p p img {
	max-width: 98px;
	max-height: 98px;
}
#dm-product-setting .dm-product-set .dm-product-set-p.set-p-single p img {
	max-width: 198px;
	max-height: 198px;
}
/*** 商品選択 ***/
#dm-product-setting .dm-product-list-wrap {
	margin-left: 360px;
	border-left: 1px #bbbbbb solid;
	min-height: 100%;
}
/* 検索 */
#dm-product-setting .dm-product-list-wrap .dm-product-list-search {
	background-color: #e8e8e8;
	padding: 10px;
}
#dm-product-setting .dm-product-list-wrap .dm-product-list-search-inner {
	margin-right: 13.3em;
	border-right: 1px #cccccc solid;
	box-shadow: 1px 0 0 0 #ffffff;
	position: relative;
	display: inline-block;
	padding-right: 10px;
}
#dm-product-setting .dm-product-list-wrap .dm-product-list-search-inner label {
	display: inline-block;
	margin-right: 10px;
}
#dm-product-setting .dm-product-list-wrap .dm-product-list-search-inner .co-slct-pldwn {
	position: absolute;
	left: 100%;
	bottom: 0;
	margin-left: 10px;
}
/* 一覧 */
#dm-product-setting .dm-product-list-wrap .dm-product-list-box {
	position: relative;
	height: 100%;
	overflow: hidden;
	max-width: 100%;
}
#dm-product-setting .dm-product-list-wrap .dm-product-list-inner {
	position: relative;
	top: 0px;
	padding: 0 0 10px 15px;
}
#dm-product-setting .dm-product-list-wrap .dm-product-box {
	display: inline-block;
	vertical-align: top;
	margin: 20px 20px 0 0;
	width: 67px;
	cursor: url("/img-dealer/common/icon/icon_move_hand1.cur"), move;
	position: relative;
}
#dm-product-setting .dm-product-list-wrap .dm-product-box:hover { opacity: 0.9; }
#dm-product-setting .dm-product-box-inner {
	display: table-cell;
	width: 67px;
	height: 67px;
	vertical-align: middle;
	text-align: center;
	background-color: #ffffff;
}
/*** 掲載終了/選択済みの商品 ***/
#dm-product-setting .product-fin-txt,
#dm-product-setting .dm-product-list-wrap .dm-product-box.already:before {
	display: block;
	position: absolute;
	left: 0;
	background-color: rgba(0,0,0,0.6);
	text-align: center;
	color: #ffffff;
}
/* 掲載終了 */
#dm-product-setting .product-fin-txt {
	bottom: 0;
	width: 100%;
	font-size: 10px;
	padding: 1px 0;
	z-index: 1;
}
/* 選択済みの商品 */
#dm-product-setting .dm-product-list-wrap .dm-product-box.already:before {
	content: '選択済み';
	top: 0;
	width: 67px;
	height: 67px;
	font-size: 11px;
	padding: 27px 0 0;
	box-sizing: border-box;
	z-index: 2;
}
#dm-product-setting .dm-product-list-wrap .dm-product-box.already:hover {
	opacity: 1;
	cursor: default;
}
/* 検索結果 */
#dm-product-setting .dm-product-list-wrap .dm-product-searchresult {
	border-left: 5px solid #999999;
	font-size: 14px;
	font-weight: bold;
	margin-top: 10px;
	padding: 0 5px 0;
}
#dm-product-setting .dm-product-list-wrap .dm-product-searchresult dt,
#dm-product-setting .dm-product-list-wrap .dm-product-searchresult dd { display: inline; }
#dm-product-setting .dm-product-list-wrap .searchresult-info {
	color: #999999;
	font-size: 11px;
	font-weight: normal;
	display: inline-block;
}
#dm-product-setting .dm-product-list-wrap .dm-no-result {
	text-align: center;
	font-size: 15px;
	color: #dc4d4d;
	padding: 60px 0;
}
/* スクロールバー */
#dm-product-setting .mCustomScrollBox > .mCSB_scrollTools { opacity: 0.25; }
#dm-product-setting .dm-product-list-wrap.on .mCSB_scrollTools { opacity: 1; }
#dm-product-setting .dm-product-list-wrap.on .dm-product-list-search { background-color: #d0e3fe; }
#dm-product-setting .mCS-dark-thick > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background: #666666 none repeat scroll 0 0;
	border-radius: 0;
	width: 8px;
}
#dm-product-setting .mCS-dark-thick > .mCSB_scrollTools .mCSB_draggerRail {
	background: #999999 none repeat scroll 0 0;
	border-radius: 0;
	width: 2px;
}

/* 出展規約の合意 */
#dealer-agreement dl {
	width: 600px;
	box-sizing: border-box;
	border: 1px solid #999999;
	border-bottom: none;
	margin: 20px 0;
}
#dealer-agreement dl dt {
	float: left;
	width: 40%;
	background-color: #e6e6e6;
	box-sizing: border-box;
	padding: 7px 20px;
	border-right: 1px dotted #999999;
	border-bottom: 1px solid #999999;
	margin: 0;
}
#dealer-agreement dl dd {
	float: right;
	display: inline-block;
	width: 60%;
	box-sizing: border-box;
	padding: 7px 20px;
	border-bottom: 1px solid #999999;
	margin: 0;
}
#dealer-agreement .line {
	text-decoration: line-through;
	margin-right: 1em;
}
#dealer-agreement .attention-mark {
	color: #dc4d4d;
	font-weight: bold;
}

/* 料金体系変更のお申し込み */
#fee-change-apply .price {
	letter-spacing: -1em;
}
#fee-change-apply .price dt {
	display: inline-block;
	width: 40%;
	letter-spacing: normal;
	vertical-align: top;
	padding: 3px 5% 3px 0;
	border-top: 1px dotted #cccccc;
}
#fee-change-apply .price dd {
	display: inline-block;
	width: 55%;
	font-weight: bold;
	letter-spacing: normal;
	padding: 3px 0;
	border-top: 1px dotted #cccccc;
}
#fee-change-apply dt:first-of-type,
#fee-change-apply dd:first-of-type {
	border-top: none;
}
#fee-change-apply .note {
	text-indent: -1em;
	padding-left: 1em;
	border-top: dotted 1px #cccccc;	
	margin-top: 15px;
}
#fee-change-apply .note2 {
	font-size: 88%;
	color: #666666;
	padding-top: 3px;
}
#fee-change-apply .check {
	margin: 0 0 3px;
}
#fee-change-apply th {
	width: 180px;
}
#fee-change-apply .complete-main {
	width: 100%;
	height: 80%;
	text-align: center;
	padding: 0;

}

/*　資料請求　*/
#request-wrap .fo-radio {
	display: block;
	margin: 0 0 10px;
}
#request-wrap.bp16_form {
	padding-bottom: 141px;
}   
#request-wrap.bp16_form .exp-banner{
	width: 868px;
	margin: 0px auto;
	padding: 20px 0px;
}
#request-wrap.bp16_form .exp-left{
	float: left;
}
#request-wrap.bp16_form .exp-banner .exp-left-btn {
	display: none;
}
#request-wrap.bp16_form .exp-right{
	float: right;
	width: 453px;
	padding-left: 40px;
	text-align: left;
	font-size: 15px;
	line-height: 1.7;
}
#request-wrap.bp16_form .exp-right .br-pc {
	display: block;
}
#request-wrap.bp16_form .exp-banner-retailerform{
	width: 644px;
	margin: 0px auto;
	padding: 25px 0px;
}
#request-wrap.bp16_form .exp-left-retailerform{
	float: left;
	width: 312px;
}
#request-wrap.bp16_form .exp-right-retailerform{
	float: right;
	width: 290px;
	padding-left: 20px;
	text-align: left;
	font-size: 15px;
	line-height: 1.3;
	color: #ffffff;
}
#request-wrap.bp16_form .exp-banner-retailerform img {
	width: 323px;
	height: auto;
}
#request-wrap.bp16_form .export-btn {
	margin-top: 15px;
}
/* タブレット */
@media screen and (min-width:671px) and (max-width:970px){
	#request-wrap.bp16_form .exp-banner{
		width: 96%;
		margin: 0px auto;
		padding: 20px 0px;
	}
	#request-wrap.bp16_form .exp-left{
		float: left;
		width: 51%;
	}
	#request-wrap.bp16_form .exp-right{
		float: left;
		width: 47%;
		text-align: left;
		font-size: 13px;
		line-height: 1.5;
		padding-left: 10px;
	}
	#request-wrap.bp16_form .exp-right .br-pc {
		display: inline;
	}
	#request-wrap.bp16_form .exp-banner img {
		width: 100%;
		max-width: 320px;
		height: auto;
	}
	#request-wrap.bp16_form .exp-banner-retailerform{
		width: 96%;
		margin: 0px auto;
		padding: 25px 0px;
	}
	#request-wrap.bp16_form .exp-left-retailerform{
		float: left;
		width: 51%;
	}
	#request-wrap.bp16_form .exp-right-retailerform{
		float: right;
		width: 45%;
		padding-left: 20px;
		text-align: left;
		font-size: 13px;
		line-height: 1.5;
		color: #ffffff;
	}
	#request-wrap.bp16_form .exp-banner-retailerform img {
		width: 100%;
		max-width: 323px;
		height: auto;
	}
	#request-wrap.bp16_form .export-btn {
		margin-top: 5px;
	}
}
/* スマホ */
@media screen and (max-width: 670px) {
	#request-wrap.bp16_form .exp-banner-wrap {
		padding: 0 20px;
	}
	#request-wrap.bp16_form .exp-left {
		float: none;
	}
	#request-wrap.bp16_form .exp-banner .exp-left-btn {
		display: block;
	}
	#request-wrap.bp16_form .exp-right {
		display: none;
	}
	#request-wrap.bp16_form .exp-banner {
		width: 100%;
		padding: 20px 0 30px;
	}
	#request-wrap.bp16_form .exp-banner img {
		width: 100%;
		max-width: 375px;
	}
	#request-wrap.bp16_form .exp-banner-retailerform{
		width: 96%;
		margin: 0px auto;
		padding: 25px 0px;
	}
	#request-wrap.bp16_form .exp-left-retailerform{
		float: none;
		width: 100%;
	}
	#request-wrap.bp16_form .exp-right-retailerform{
		font-size: 15px;
		line-height: 1.5;
		color: #FFF;
		float: none;
		margin: 0px auto;
		padding: 15px;
		text-align: left;
		width: 92%;
	}
	#request-wrap.bp16_form .exp-banner-retailerform img {
		width: 95%;
		max-width: 323px;
		height: auto;
	}
	#request-wrap.bp16_form .export-btn {
		margin-top: 15px;
		text-align: center;
	}
}

/*　ログイン前エラーページ */
#errorpage .error-img {
	width: 100%;
	max-width: 620px;
	margin: 40px 0 20px;
}
#errorpage h3 {
	font-size: 18px;
	margin: 1em 0;
}
#errorpage p {
	font-size: 16px;
	margin: 1em 0;
}
#errorpage .back-to {
	color: #fff;
	text-decoration: none;
	display: inline-block;
	background-color: rgba(68, 92, 118, 1.0);
	border-radius: 20px;
	padding: 5px 20px;
	font-size: 14px;
	margin: 20px 0;
}
#errorpage .back-to:hover {
	background-color: rgba(68, 92, 118, 0.7);
}
/* TAB・SP */
@media screen and (max-width: 940px) {
	#errorpage #header-common  {
		min-width: auto;
	}
	#errorpage #header-simple .header-simple-left {
		margin-left: 10px;
	}
	#errorpage .error-img {
		width: 90%;
		margin: 20px 0 10px;
	}
	#errorpage h3 {
		font-size: 16px;
		width: 80%;
		margin: 1em auto;
	}
	#errorpage p {
		font-size: 15px;
		width: 80%;
		margin: auto;
	}
}
/* メッセージ基本レイアウト -------------------------------------------- */
#msgbox ~ .push, #msgbox .push {
	display: none;
	height: 0;
}
#msgbox ul {
	padding: 0;
	margin: 0;
}
#msgbox *,
#msgbox *::before,
#msgbox *::after,
#msgbox a {
	box-sizing: border-box;
	text-decoration: none;
}
#msgbox .fo-checkbox > label:before {
	box-sizing: content-box;
}
#msgbox {
	height: 100%;
}
#msgbox .co-title1 {
	font-size: 157%;
	font-weight: bold;
	padding-right: 0.3em;
	color: #666666;
	width: 100%;
	padding: 0 2% 3px 2%;
	margin: 20px auto 0;
	border-bottom: 1px solid #cccccc;
}
#msgbox .message-titile-right-pc,
#msgbox .message-titile-right-ts {
	text-align: right;
	font-size: 13px;
	font-weight: normal;
}
#msgbox .message-titile-right-pc {
	margin: -32px 0 15px 0;
	padding-right: 20px;
}
#msgbox .message-titile-right-ts {
	margin-top: 0;
	margin-bottom: 0px;
}
#msgbox .main-container {
	font-size: 14px;
	display: flex;
	max-width: 1550px;
	height: 100vh;
	width: 100%;
	margin: 0 auto;
	position: relative;
	z-index: 99;
}
#msgbox .mailbox-list-container {
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: 205px;
	margin: 0;
	font-size: 108%;
	height: 100%;
	background: #ffffff;
	text-align: right;
}
#msgbox .mailbox-list-container .make-new {
	margin: 15px 30px 15px 47px;
	text-align: center;
}
#msgbox #mailbox-list li {
	display: inline-block;
	text-align: left;
	padding: 0 10px 0 5px;
	width: 178px;
	margin-bottom: 5px;
	border-radius: 20px 0 0 20px;
	color: #333333;
}
#msgbox #mailbox-list li.hasUnread {
	font-weight: bold;
}
#msgbox #mailbox-list li:after {
	display: none;
}
#msgbox #mailbox-list li:hover,
#msgbox #mailbox-list-sp li.selected-box,
#msgbox #mailbox-list li.selected-box {
	background: #EEEEEE;
}
#msgbox #mailbox-list li div:first-child > a {
	width: 100%;
}
#msgbox #mailbox-list li:first-child div:first-child > a {
	width: inherit;
}
#msgbox #mailbox-list li div:first-child a > span {
	color: #333333;
	display: inline-block;
	width: 100%;
	padding: 9px 15px 9px 20px;
}
#msgbox #mailbox-list li:first-child div:first-child a > span {
	padding-left: 25px;
	padding-right: 20px;
	margin-left: -5px;
	width: inherit;
}
#msgbox #mailbox-list li:first-child > div:first-child {
	float: left;
	width: 108px;
}
#msgbox .update-box {
	padding: 13px 0;
	font-size: 0;
	line-height: 0;
}
#msgbox .update-box a {
	display: inline-block;
}
#msgbox .update-box > a span {
	font-size: 14px;
	line-height: 1.1;
	vertical-align: middle;
}
#msgbox .update-box img {
	margin: -1px 5px 0 0;
	vertical-align: middle;
}
#msgbox .update-box .dvs-loading {
	padding: 5px 5px 5px 1em;
	width: 2em;
	margin-top: -10px;
}
#msgbox #mailbox-list li:not(:first-of-type):not(:last-of-type) div:first-child >a,
#msgbox #mailbox-list-sp li:not(:first-of-type):not(:nth-last-of-type(2)) div:first-child >a {
 padding-left: 1em;
}
#msgbox #mailbox-list li .unread,
#msgbox #mailbox-list-sp li .unread,
#msgbox #mailbox-list li:first-child div span.unread {
	margin-left: 5px;
	color: #ffffff;
	text-align: center;
	display: inline-block;
	font-weight: bold;
	font-size: 13px;
	line-height: 15px;
	padding: 3px 5px 1px;
	background: #333333;
	border-radius: 3px;
}
#msgbox .receive-alart-area {
	padding: 15px;
	border-top: #DADADA 1px solid;
	text-align: left;
	margin: 10px 25px;
	font-size: 13px;
	position: relative;
}
#msgbox .receive-alart-area-sp .status > span:after,
#msgbox .receive-alart-area .status > span:after {
	left: 43px;
}
#msgbox .receive-alart-area-sp .status.notification-off > span:after,
#msgbox .receive-alart-area .status.notification-off > span:after {
	right: 24px;
}
#msgbox .receive-alart-area-sp .status span span {
	vertical-align: 3px;
}
/* ツールチップ */
#msgbox .tool-tip-box {
	display: none;
	top: -113px;
	left: -300px;
	visibility: hidden;
	position: absolute;
	font-size: 12px;
	text-align: left;
	width: 20em;
	z-index: 1000;
}
#msgbox .co-tooltip-onmouse a:hover .tool-tip-box {
	margin-top: 19px;
	background: #ffffff;
	box-shadow: 1px 1px 3px 0px #bbbbbb;
	border-radius: 5px;
	border: 1px solid #bbbbbb;
	padding: 5px 10px;
	visibility: visible;
	top: 0;
	left: 7em;
	color: #333333;
	text-decoration: none;
	display: block;
}
#msgbox .right-container {
	flex-basis: calc(100% - 205px);
	margin: 0;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	position: relative;
	background: #F6F6F6;
	height: 100%;
}
#msgbox .right-container:not(.mail-new):before {
	content: " ";
	display: inline-block;
	box-shadow: 5px 0 5px -5px rgba(0, 0, 0, 0.3) inset;
	position: absolute;
	z-index: 100;
	width: 5px;
	height: 100%;
	top: 0;
	left: 0;
}
#msgbox #search-box,
#msgbox #search-box-sp {
	width: 100%;
	border-bottom: 1px solid #cccccc;
	background: #E6E6E6;
	display: flex;
	flex-wrap: wrap;
  row-gap: 10px;
	height: 60px;
	align-items: center;
}
#msgbox #search-box {
	height: auto;
	min-height: 60px;
	padding: 12px 0 2px 0;
}
#msgbox #search-box .areabox {
	display: flex;
	flex-wrap: wrap;
  row-gap: 10px;
	align-items: center;
	margin: 0 0 0 12px;
}
#msgbox #search-box #search-box-pc {
	width: 100%;
	box-sizing: border-box;
	padding: 0 14px 0 14px;
	margin: -10px 0 0 0;
}
#msgbox #search-box #search-box-pc .search-conditions {
	width: 100%;
	margin: 4px 0 10px 0;
}
#msgbox #search-box #search-box-pc .search-conditions a {
	position: relative;
	background: #EFEFEF;
	border-radius: 14px;
	padding: 0 24px 0 9px;
	margin: 9px 3px 0 0;
	display: inline-block;
}
#msgbox #search-box #search-box-pc .search-conditions a span em {
	content: ' ';
	display: inline-block;
	top: 3px;
	right: 3px;
	position: absolute;
	background: #999999;
	border-radius: 50%;
	width: 14px;
	height: 14px;
}
#msgbox #search-box #search-box-pc .search-conditions a:hover span em {
	background: #dc4d4d;
}
#msgbox #search-box #search-box-pc .search-conditions span {
	display: flex;
	font-size: 13px;
	line-height: 20px;
	color: #333333;
}
#msgbox #search-box #search-box-pc .search-conditions span:after,
#msgbox #search-box #search-box-pc .search-conditions span:before {
	content: ' ';
	display: inline-block;
	background: #ffffff;
	height: 10px;
	width: 2px;
	position: absolute;
	right: 9px;
	top: 5px;
	transform: rotate(45deg);
	z-index: 1;
}
#msgbox #search-box #search-box-pc .search-conditions span:before {
	transform: rotate(-45deg);
}

#msgbox #search-box > div:first-child {
	flex-shrink: 8;
	flex-basis: 15%;
	max-width: 296px;
	position: relative;
	overflow: visible;
	height: 34px;
	min-width: 275px;
}
#msgbox #search-box .fo-textbox-long {
	border-radius: 3px;
	padding: 4px 5px 5px 34px;
	margin: 0 0 0 12px;
	width: calc(100% - 12px);
	height: 34px;
	border: 1px #AAAAAA solid;
	position: relative;
	z-index: 6;
	font-size: 14px;
}
#msgbox #search-box .detailed-search-box input[type='text'].fo-textbox-long2 {
	border-radius: 3px;
	padding: 4px 5px 5px 12px;
	margin: 0 12px;
	width: 256px;
	height: 34px;
	border: 1px #AAAAAA solid;
	position: relative;
	z-index: 6;
	font-size: 14px;
}
#msgbox #search-box > div:first-child:before,
#msgbox #search-box > div:first-child:after {
	content: ' ';
	display: block;
	position: absolute;
	z-index: 7;
}
#msgbox #search-box > div:first-child:before {
	width: 12px;
	height: 12px;
	border-radius: 50%;
	border: 2px #ccc solid;
	left: 22px;
	top: 10px;
}
#msgbox #search-box > div:first-child:after {
	height: 2px;
	width: 8px;
	background: #ccc;
	left: 30px;
	top: 21px;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
#msgbox #search-box .fo-checkbox {
	flex-shrink: 0;
	margin: 0 0 0 20px!important;
}


/*** 詳細検索 ***/
#msgbox #search-box #detailed-search-btn{
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 3px;
	position:absolute;
	right:12px;
	top:5px;
	font-size:12px;
	color:#111111;
	background-color:#eeeeee;
	width: 67px;
	padding: 4px 2px 2px 2px;
	cursor: pointer;
	box-sizing: border-box;
	z-index: 7;
}
#msgbox #search-box #detailed-search-btn:hover,
#msgbox.search-condition #search-box #detailed-search-btn {
	color:#ffffff;
	background-color:#666666;
}
#msgbox #search-box .detailed-search-box {
	display: none;
	text-align:left;
	z-index:100000;
	position:absolute;
	left:16px;
	top:50px;
	font-size:13px;
	color:#111111;
	background-color:#ffffff;
	width:486px;
	padding:15px;
	border-radius:5px;
	box-shadow: 0 0 6px 4px rgba(0, 0, 0, 0.2);
}
#msgbox.search-condition #search-box .detailed-search-box {
	display: block;
}
#msgbox #search-box .detailed-search-box .search-box-label {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#msgbox #search-box .detailed-search-box dl {
	position: relative;
	top: 0;
	left: 0;
	display: flex;
	align-items: center;
	width: 435px;
	margin: 0 auto;
}
#msgbox #search-box .detailed-search-box dl dt {
	position: relative;
	top: 0;
	left: 0;
	width: 98px;
	z-index: 7;
}
#msgbox #search-box .detailed-search-box dl dd {
	display: flex;
	align-items: center;
}
#msgbox #search-box .detailed-search-box .arr{
	position:relative;
}
#msgbox #search-box .detailed-search-box .arr img {
	position:absolute;
	left:200px;
	top:-30px;
}
#msgbox #search-box .detailed-search-box tr th {
	font-weight:bold;
	width:110px;
	text-align:right;
	vertical-align:top;
	padding-right:18px;
	padding-top:17px;
}
#msgbox #search-box .detailed-search-box tr td {
	padding:10px 0;
}
#msgbox #search-box .detailed-search-box input[type='text'] {
	padding:0 5px;
	border-radius:4px;
	border: 1px solid #999999;
	vertical-align: middle;
	height:25px;
}
#msgbox #search-box .detailed-search-box .genre-select select {
	padding:7px 25px 7px 7px;
	width:200px;
	border-radius: 4px;
	border: 1px #999999 solid;
	background: url(/img/button/arrow_down.gif) 94% center no-repeat;
	font-size: 13px;
	margin: 0;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	outline: none;
	line-height:1.4;
	font-family: "メイリオ",Meiryo,"Hiragino Sans",sans-serif;
}
#msgbox #search-box .detailed-search-box .genre-select select::-ms-expand { display: none; }
:root #msgbox #search-box .detailed-search-box .genre-select select { /* IE9 */
	appearance: normal\0/;
	padding: 3px\0/;
	background: none\0/;
}
#msgbox #search-box .detailed-search-box .keyword .search-word {
	font-size:15px;
	width:330px;
	padding:8px;
	height:33px;
}
#msgbox #search-box .detailed-search-box .price span {
	width:3.5em;
	display: inline-block;
}
#msgbox #search-box .detailed-search-box .price input {
	width:90px;
	margin-right:3px;
	margin-left:3px;
}
#msgbox #search-box .detailed-search-box .trading label,
#msgbox #search-box .detailed-search-box .trade-status label {
	width:85px;
	float:left;
	cursor: pointer;
}
#msgbox #search-box .detailed-search-box .trading label:nth-child(3){
	width:120px;
}
#msgbox #search-box .detailed-search-box .trading label input[type='radio'],
#msgbox #search-box .detailed-search-box .trade-status label input[type='radio'] {
	margin:3px 5px 0 0;
	cursor: pointer;
}
#msgbox #search-box .detailed-search-box .trading td,
#msgbox #search-box .detailed-search-box .trade-status td,
#msgbox #search-box .detailed-search-box .commitment td{
	padding:5px 0;
}
#msgbox #search-box .detailed-search-box .commitment label {
	width:47%;
	float:left;
	cursor: pointer;
}
#msgbox #search-box .detailed-search-box .commitment label input[type='checkbox'] {
	margin:3px 5px 0 0;
	cursor: pointer;
}
#msgbox #search-box .detailed-search-box .button-area {
	margin:10px auto;
	width:130px;
	position:relative;
}
#msgbox #search-box .detailed-search-box .button-area .button {
	zoom: 1;
	background-color: #9d9d9d;
	background-image: -moz-linear-gradient(center top , #707070, #414141);
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #414141),color-stop(1, #707070));
	background: -ms-linear-gradient(top, #707070 0%, #414141 100%);
	background: linear-gradient(top, #707070 0%, #414141 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#707070', endColorstr='#414141');
	border-radius: 5px;
	overflow: hidden;
	width:130px;
	box-sizing: border-box;
}
#msgbox #search-box .detailed-search-box .button-area .button:hover {
	background-color: #414141;
	background-image: -moz-linear-gradient(center top , #414141, #414141);
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #414141),color-stop(1, #414141));
	background: -ms-linear-gradient(top, #414141 0%, #414141 100%);
	background: linear-gradient(top, #414141 0%, #414141 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#414141', endColorstr='#414141');
}
#msgbox #search-box .detailed-search-box .button-area .button a {
	width: 100%;
	border: 0px;
	margin: 0px;
	cursor: pointer;
	background: url(/img/common/header/search/search_btn_00.png) 14px 10px no-repeat;
	background-size: 16px;
	color:#ffffff;
	font-size:15px;
	text-decoration: none;
	display:block;
	padding:8px 8px 8px 42px;
}
#msgbox #search-box .detailed-search-box .button-area .reset-btn {
	margin:5px;
	padding:5px;
	position:absolute;
	right:-120px;
	top:0px;
	color:#0066cc;
}
/* サーチボックスEND */

#msgbox #textSerchSp {
	position: relative;
	z-index: 6;
}
#msgbox .suggest {
	width: calc(100% - 24px);
	font-size: 83%;
	border: 1px #cccccc solid;
	position: absolute;
	top: 30px;
	left: 12px;
	z-index: 5;
	max-height: 300px;
	background: #ffffff;
	overflow-y: auto;
}
#msgbox.fixed .suggest.non-fix {
	display: none!important;
}
#msgbox #new-mail-to + .suggest {
	width: 250px;
	border: 1px #999999 solid;
	left: 0;
}
#msgbox .suggest li:hover {
	background: #F6F6F6;
}
#msgbox .suggest li:first-child {
	margin-top: 2px;
}
#msgbox .suggest li a {
	padding: 3px 7px;
	display: inline-block;
	color: #333333;
	width: 100%;
	cursor: pointer;
}
#msgbox #search-box .fo-checkbox label {
	line-height: normal;
}
#msgbox #search-box-sp .search-btn-sp {
	border-radius: 3px;
	padding-left: 6px;
	margin: 0 12px;
	width: 38px;
	border: 1px #AAAAAA solid;
	background: #595959;
	background: -moz-linear-gradient(top, #595959 0%, #000000 100%);
	background: -webkit-linear-gradient(top, #595959 0%, #000000 100%);
	background: linear-gradient(to bottom, #595959 0%, #000000 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#595959', endColorstr='#000000', GradientType=0 );
}
#msgbox #search-box-sp .suggest {
	width: 170px;
	top: 34px;
	left: 0;
}
#msgbox [id^='co-calender-input-form'] {
	position: relative;
	width: 130px;
}
#msgbox [id^='co-calender-input-form'] input {
	border: 1px #AAAAAA solid!important;
	font-size: 13px;
	height: 34px!important;
	width: 100%;
	border-radius: 3px;
}
#msgbox [id^='co-calender-input-form'] .ui-datepicker-trigger {
	border-radius: 0 3px 3px 0;
	border: 1px #AAAAAA solid;
	vertical-align: middle;
	margin-left: -31px;
	cursor: pointer;
}
#msgbox [id^='co-calender-input-form'] .hasDatepicker,
#msgbox .co-calender-input-form .hasDatepicker {
	background-color: #ffffff;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 0px 3px;
	height: 22px;
	border: none;
	border-left: 1px solid #e2e3ea;
	border-right: 1px solid #dbdfe6;
	border-top: 1px solid #abadb3;
	border-bottom: 1px solid #e3e9ef;
}
#msgbox [id^='co-calender-input-form'] .hasDatepicker:-moz-read-only,
#msgbox .co-calender-input-form .hasDatepicker:-moz-read-only {
	background-color: #ffffff;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 0px 3px;
	height:22px;
	border-left: 1px solid #e2e3ea;
	border-right: 1px solid #dbdfe6;
	border-top: 1px solid #abadb3;
	border-bottom: 1px solid #e3e9ef;
}
#msgbox [id^='co-calender-input-form'] a,
#msgbox .co-calender-input-form a {
	margin-left: 7px;
}
#msgbox [id^='co-calender-input-form'] .input-clear-date input,
#msgbox .co-calender-input-form .input-clear-date input {
	width: 135px;
}
#msgbox [id^='co-calender-input-form'] .hasDatepicker.fo-disabled-select,
#msgbox .co-calender-input-form .hasDatepicker.fo-disabled-select {
	color: #cccccc;
	background-color: #eeeeee;
	border: 1px solid #cccccc;
}
#msgbox .right-container:not(.mail-new) .right-container-inner {
	display: flex;
	height: calc(100% - 60px);
	background: #F6F6F6;
}
#msgbox #mail-list {
	flex-grow: 0;
	flex-shrink: 4;
	flex-basis: 43%;
	height: 100%;
	max-width: 500px;
	min-width: 345px;
	border-right: 1px solid #cccccc;
	position: relative;
}
#msgbox .co-slct-pldwn {
	border: none;
	background-color: #ffffff;
	border-radius: 4px;
	padding: 0;
	margin: 0;
}
#msgbox .listorder-slct select,
#msgbox select.co-slct-pldwn {
	border-radius: 4px;
	border: 1px #aaaaaa solid;
	background: url('/img/button/arrow_down.gif') right 10px center no-repeat;
	font-size: 13px;
	margin: 0;
	padding: 4px 24px 2px 5px;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	outline: none;
}
#msgbox .sort-box {
	align-items: center;
	background: #F6F6F6;
	max-width: 500px;
	height: 49px;
}
#msgbox .sort-box .fo-checkbox {
	border-right: 1px solid #dadada;
	padding: 15px 17px;
	height: 49px;
	margin-right: 5px;
	float: left;
}
#msgbox .sort-box select.co-slct-pldwn {
	border-radius: 3px;
	display: inline-block;
	padding-right: 21px;
	background-color: #ffffff;
	margin: 9px 5px 9px 7px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
#msgbox .sort-box select::-ms-expand {
	display: none;
}
#msgbox .sort-box .selected-action {
	float: left;
}
#msgbox .sort-box .selected-action select:disabled {
	background-color: #EEEEEE!important;
	border: #CCCCCC solid 1px!important;
	color: #aaaaaa!important;
	background-image: url('/img/button/arrow_down_dis.png')!important;
}
#msgbox .sort-box .sort {
	border-radius: 3px;
	padding: 0 5px 0 0;
	float: right;
}
#msgbox .sort-box .fo-checkbox label,
#msgbox #mail-list .fo-checkbox label {
	padding-left: 17px;
	float: left;
	margin: 0;
}
#msgbox .sort-box .fo-checkbox label span,
#msgbox #mail-list .fo-checkbox label span {
	left: 11px;
}
#msgbox .mail-list-container {
	height: calc(100% - 84px);
	overflow-y: scroll;
	overflow-x: hidden;
	border-top: 1px solid #cccccc;
}
#msgbox .mail-list-container li {
	padding: 0 8px;
	border-bottom: 1px solid #cccccc;
	display: flex;
	align-items: center;
	background: #ffffff;
}
#msgbox.sent-mail-box .mail-list-container li {
	padding-left: 15px;
}
#msgbox .mail-list-container li:hover,
#msgbox .mail-list-container li.viewing {
	background: #F6F6F6;
}
#msgbox .mail-list-container li.checking {
	background: #FFF7E1;
}
#msgbox .mail-list-container li:last-child {
	margin-bottom: -1px;
}
#msgbox .mail-list-container li .fo-checkbox {
	flex-grow: 0;
	flex-shrink: 0;
	margin: 0 17px 0 9px;
}
#msgbox .status {
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: 79px;
	min-width: 79px;
	margin-top: 1px;
}
#msgbox .status > span {
	display: inline-block;
	border-radius: 11px;
	font-size: 12px;
	line-height: 22px;
	color: #ffffff;
	position: relative;
	padding: 0 23px 0 10px;
	background: #2489CE;
	height: 22px;
	min-width: 62px;
	text-align: center;
	cursor: pointer;
}
#msgbox .status.processed > span,
#msgbox .status.notification-off > span {
	padding: 0 10px 0 23px;
	background: #AAAAAA;
}
#msgbox .status > span:after {
	content: " ";
	display: inline-block;
	background: #ffffff;
	position: absolute;
	border-radius: 50%;
	width: 16px;
	height: 16px;
	top: 3px;
	left: 50px;
	transition: 0.2s all;
}
#msgbox .status.processed > span:after,
#msgbox .status.notification-off > span:after {
	left: 3px;
	transition: 0.2s all;
}
#msgbox .status.moving span span {
	animation-name: toggleBtn;
	animation-duration: 0.2s;
	animation-timing-function: linear;
}
@keyframes toggleBtn {
 0% {
 opacity:1;
}
 50% {
 opacity:0;
}
 100% {
 opacity:1;
}
}
#msgbox .updating .update-box .dvs-loading {
	display: inline-block;
}
#msgbox .updating .update-box a > span {
	display: none;
}
#msgbox .updating .status span {
	display: none!important;
}
#msgbox .mail-list-container .mail-info {
	flex-grow: 0;
	flex-shrink: 5;
	flex-basis: 100%;
	padding: 5px 0;
	cursor: pointer;
}
#msgbox .mail-list-container .mail-info .title {
	height: 1.6em;
	margin-bottom: 3px;
	overflow: hidden;
	vertical-align: middle;
	word-break: break-all;
}
#msgbox .mail-list-container .mail-info .title .has-threads {
	padding: 3px 5px 2px;
	background: #DADADA;
	display: inline-block;
	position: relative;
	font-size: 11px;
	line-height: 1;
	vertical-align: top;
	color: #666666;
	font-weight: bold;
	margin-right: 3px;
}
#msgbox .mail-list-container .mail-info .title .has-threads:after {
	content: " ";
	display: inline-block;
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 5px 0 0;
	border-color: #DADADA transparent transparent transparent;
	top: 100%;
	left: calc(50% - 2px);
}
#msgbox .mail-list-container .mail-info .title img {
	height: 25px;
	width: 23px;
	display: inline-block;
	padding: 0 2px 3px;
	vertical-align: middle;
}
#msgbox .mail-list-container li:not(.read) .mail-info * {
	font-weight: bold;
	color: #333333;
}
#msgbox .mail-list-container .mail-info-inner {
	display: flex;
}
#msgbox .mail-list-container .mail-info-inner .sender,
#msgbox .mail-list-container .mail-info-inner .received-date {
	color: #8F8F8F;
	font-size: 87%;
	height: 1.5em;
	line-height: 1.8em;
	overflow: hidden;
}
#msgbox .mail-list-container .mail-info-inner .sender {
	flex-grow: 2;
	flex-shrink: 2;
	min-width: 0;
}
#msgbox .mail-list-container .mail-info-inner .received-date {
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: 10em;
	text-align: right;
}
#msgbox .mail-list-container li:not(.read) .mail-info .received-date {
	flex-basis: 10.5em;
}
#msgbox #mail-list .pagenation {
	background: #F6F6F6;
	border-top: #BBBBBB 1px solid;
	font-size: 86%;
	height: 35px;
	line-height: 24px;
	font-weight: bold;
	color: #666666;
	width: 100%;
	z-index: 3;
	display: flex;
	justify-content: flex-end;
	vertical-align: middle;
}
#msgbox #mail-list .pagenation span {
	display: inline-block;
}
#msgbox #mail-list .pagenation .search-results {
	font-weight: normal;
	font-size: 10px;
}
#msgbox #mail-list .pagenation .page :before,
#msgbox #mail-list .pagenation .page :after {
	box-sizing: content-box;
}
#msgbox #mail-list .pagenation .page {
	vertical-align: 1px;
	line-height: 22px;
}
#msgbox #mail-list .pagenation .page a {
	padding: 0 7px;
}
#msgbox #mail-list .co-pager .page a:hover {
	background-color: transparent;
}
#msgbox #message {
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: 57%;
	margin-top: 49px;
	height: calc(100% - 49px);
	position: relative;
	background: #F6F6F6;
	border-top: 1px solid #CCCCCC;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
}
#msgbox .mail-box-container-sp {
	display: none;
}
#msgbox #message .mail-detail {
	width: 100%;
	height: 100%;
	line-height: 1.8;
	overflow-y: auto;
	display: flex;
	flex-direction: column;
	align-content: space-between;
}
#msgbox #message .mail-detail .title,
#msgbox #message .mail-detail [class^='selected-mail'] {
	padding: 25px 30px 10px;
	background: #ffffff;
	margin: 0 0 10px;
	word-break: break-all;
	clear: both;
}
#msgbox #message .mail-detail [class^='selected-mail'] {
	padding: 20px 30px;
}
#msgbox #message .mail-detail .title {
	border-bottom: 1px solid #dadada;
	margin-bottom: 0px;
	flex-grow: 0;
	flex-shrink: 0;
}
#msgbox #message .mail-detail .title > span:first-child {
	font-weight: bold;
	font-size: 16px;
	display: inline-block;
	width: auto;
	min-width: 130px;
}
#msgbox #message .mail-detail .title > span:first-child .category {
	display: inline-block;
	padding: 2px 4px 0;
	border: #707070 1px solid;
	font-size: 12px;
	color: #666666;
	font-weight: normal;
	vertical-align: middle;
	margin-left: 3px;
	line-height: 1.4;
}
#msgbox #message .mail-detail .title .co-fr {
	text-align: right;
	margin-top: 2px;
	width: 140px;
}
#msgbox #message .mail-detail .title .co-fr > a {
	display: inline-block;
	padding: 2px 4px 2px 18px;
	font-size: 13px;
	background: url("/img/messagebox/reply.svg") no-repeat left center;
}
#msgbox #message .mail-detail .title .co-fr div {
	display: inline-block;
}
#msgbox #message .mail-detail-body {
	flex-grow: 2;
	flex-shrink: 0;
	overflow-y: auto;
}
#msgbox #message .mail-detail .message-header {
	border-bottom: #DADADA solid 1px;
	padding-bottom: 8px;
	margin-bottom: 12px;
}
#msgbox #message .mail-detail .body > div {
	padding-bottom: 15px;
}
#msgbox #message .mail-detail .sender {
	color: #666666;
	font-weight: bold;
	font-size: 14px;
	float: left;
}
#msgbox #message .mail-detail .received-date {
	font-size: 12px;
	float: right;
}
#msgbox #message .mail-detail #reply-toggle-btn .co-btn span a {
	padding: 9px 26px 9px 22px;
}
#msgbox #message .mail-detail #reply-toggle-btn .co-btn span a:before {
	content: url('/img/messagebox/reply.svg');
}
#msgbox #message .mail-detail #show_translate > span > a {
	line-height: 1.4;
}
#msgbox #message .mail-detail #translated_by {
	font-size: 12px;
	display: inline-block;
	margin-left: 5px;
}
/*▼過去のテンプレート用（はみ出さないように）*/
#msgbox #message .mail-detail .body .transaction * {
	word-break: break-all!important;
	max-width: 100%!important;
	width: auto!important;
	font-size: 13px!important;
}
#msgbox #message .mail-detail .body .transaction td,
#msgbox #message .mail-detail .body .transaction th {
	width: auto!important;
}
/*スレッド表示関連*/
#msgbox #message .mail-detail input {
	display: none;
}
#msgbox #message .mail-detail .all-detail-open,
#msgbox #message .mail-detail .mail-body-openTgl {
	color: #0066CC;
	text-align: right;
	display: inline-block;
	margin: 8px 30px;
	position: relative;
	padding-right: 13px;
	float: right;
	font-size: 13px;
	cursor: pointer;
}
#msgbox #message .mail-detail [class^="selected-mail"] .body .mail-body-openTgl {
	margin: -15px 0 0;
	width: 100%!important;
	padding: 0 13px;
	background-color: #ffffff;
	box-shadow: 0 -10px 20px 11px #ffffff;
	color: #0066cc;
}
#msgbox #message .mail-detail [class^="selected-mail"] .body .mail-body-openTgl span {
	line-height: 1;
}
#msgbox #message .mail-detail .all-detail-open:after,
#msgbox #message .mail-detail .mail-body-openTgl span:after {
	content: " ";
	display: inline-block;
	position: absolute;
	height: 9px;
	width: 9px;
	border-left: #AAAAAA 2px solid;
	border-bottom: #AAAAAA 2px solid;
	transform: rotate(-45deg);
	right: 0;
	top: calc(50% - 7px);
}
#msgbox #message .mail-detail .mail-body-openTgl span:before {
	content: "\958B\304F";
}
#msgbox #message .mail-detail [id^='mail-body'] + div + .body > div {
	max-height: 6.1em;
	overflow: hidden;
}
#msgbox #message .mail-detail > div > div > [class^='selected-mail']:last-of-type [id^='mail-body'] + div + .body label {
	display: none;
}
#msgbox #message .mail-detail > div > div > [class^='selected-mail']:last-of-type [id^='mail-body'] + div + .body > div,
#msgbox #message .mail-detail [id^='mail-body']:checked ~ .body > div {
	max-height: 5000em;
	height: auto;
}
#msgbox #message .mail-detail .all-detail-open.opened:after,
#msgbox #message .mail-detail [id^='mail-body']:checked ~ .body .mail-body-openTgl span:after {
	transform: rotate(135deg);
	top: calc(50% - 2px);
}
#msgbox #message .mail-detail [id^='mail-body']:checked ~ .body .mail-body-openTgl {
	box-shadow: none;
	padding-top: 4px;
}
#msgbox #message .mail-detail [id^='mail-body']:checked ~ .body .mail-body-openTgl span:before {
	content: "\9589\3058\308b";
}
#msgbox #message .attach-files {
	background: url("/img/messagebox/clip_00.svg") no-repeat left 0;
	background-size: 19px 23px;
	padding-left: 25px;
	margin-top: 8px;
}
#msgbox #message .attach-files a {
	margin-right: 15px;
	display: inline-block;
}
#msgbox.sent-mail-box .mail-list-container .status,
#msgbox.sent-mail-box .selected-action, #msgbox.sent-mail-box .has-threads,
#msgbox.sent-mail-box #search-box .fo-checkbox,
#msgbox.sent-mail-box #mail-list .fo-checkbox,
#msgbox.sent-mail-box .sort-box .fo-checkbox,
#msgbox.sent-mail-box #rwd_search_box ul.co-order-type-list li:nth-of-type(3),
#msgbox.sent-mail-box #rwd_search_box label.co-order-check {
	display: none;
}
#msgbox.sent-mail-box .mail-list-container li:not(.read) .mail-info .title {
	font-weight: normal;
}
#msgbox .co-order-type-mdl-content .co-order-type-word:before,
#msgbox .co-order-type-mdl-content .co-order-type-word:after {
	box-sizing: content-box;
}
#msgbox .co-order-type-mdl .co-order-type-mdl-content ul.co-order-type-list li ul li {
	border-bottom: none;
}
/*最初と検索結果０件の表示*/
#msgbox .no-result {
	padding: 5% 10%;
}
#msgbox .no-result a:before {
	content: "\0d7";
	color: #ffffff;
	vertical-align: middle;
	font-weight: bold;
	display: inline-block;
	height: 16px;
	width: 16px;
	background: #999999;
	border-radius: 9px;
	line-height: 16px;
	margin-right: 4px;
}
#msgbox #message .no-messages {
	height: 100%;
	width: 100%;
	padding: 50px 20px;
	text-align: center;
	color: #AAAAAA;
}
#msgbox #message .no-messages p.co-b {
	font-size: 138%;
	font-weight: bold;
}
#msgbox #message .no-messages p {
	margin: 5px 0;
}

/* TAB */
@media screen and (max-width: 940px) {
	#msgbox .co-title1 {
		padding-bottom: 10px;
		border: none;
	}
	#msgbox .message-titile-center {
		text-align: center;
		margin-top: 10px;
	}
	#msgbox.fixed .mail-list-container {
		position: relative;
	}
	#msgbox.fixed #mail-list .pagenation {
		bottom: 0;
		left: 0;
	}
	#msgbox.search-condition #rwd_search_box {
		top: 0;
	}
	#msgbox.search-condition #rwd_search_box,
	#msgbox.search-condition #rwd_mail_box_mdl {
		z-index: 9999;
	}
	#msgbox.search-condition #rwd_search_box .co-order-type-mdl-footer {
		bottom: 0;
	}
	#msgbox #rwd_mail_box_mdl.co-order-type-mdl #mailbox-list-sp {
		margin-bottom: 57px;
	}
	#msgbox .co-order-type-mdl ul li.alart-sp div {
		text-align: center;
	}
	#msgbox.category #rwd_mail_box_mdl .alart-sp {
		position: fixed;
		width: 100%;
		bottom: 0;
		border: none;
		background: #fff;
	}
	#msgbox.category #rwd_mail_box_mdl .alart-sp .tool-tip-box li {
		border: none;
	}
	#msgbox.category #rwd_mail_box_mdl .alart-sp:before,
	#msgbox.category #rwd_mail_box_mdl .alart-sp .tool-tip-box li:before {
		display: none;
		border: none;
	}
	#msgbox.category #rwd_mail_box_mdl .alart-sp .tool-tip-box li:hover,
	#msgbox.category #rwd_mail_box_mdl .alart-sp:hover {
		background: #ffffff;
	}
	.co-container.before-selecting-category{
		position: fixed;
		right: -100%;
	}
	.co-container.before-selecting-category #rwd_mail_box_mdl{
		left: 0;
		top: 0;
	}
	.co-container.selecting-category #rwd_mail_box_mdl{
		left: -100%;
		top: 0;
	}
	.co-container.after-selecting-category #rwd_mail_box_mdl{
		transition: unset;
	}
	#msgbox #fixed-mail-list-header {
		width: 100%;
		z-index: 10;
		flex-direction: column;
		justify-content: flex-start;
		align-items: stretch;
		display: flex;
		top: -100%;
		left: 0;
		position: fixed;
		transition: left 0.3s;
	}
	#msgbox.fixed #fixed-mail-list-header {
		top: 0;
	}
	.co-container.mail-open ,
	#msgbox.mail-open #fixed-mail-list-header {
		left: -100%;
	}
	#msgbox #fixed-mail-list-header .mailbox-list-container {
		flex-basis: 40px;
	}
	#rwd_mail_box_mdl,
	#rwd_search_box {
		position: fixed;
		transition: top 0.3s, left 0.3s;
		top: 100vh;
		left: 0;
	}
	.category #rwd_mail_box_mdl {
		top: 0;
	}
	#msgbox .alart-sp,
	#msgbox .co-order-type-mdl-footer {
		transition: bottom 0.3s;
		bottom: -63px;
	}
	#msgbox {
		text-align: center;
	}
	#msgbox .receive-alart-area-sp{
		width: auto;
		text-align: center;
		margin: 0 auto;
		padding: 5px 0;
	}
	#msgbox .receive-alart-area-sp a,
	#msgbox .receive-alart-area-sp .co-popup-link-03 {
		font-size: 14px;
		color: #333333;
		padding-right: 15px;
		display: inline-block;
	}
	#msgbox .receive-alart-area-sp > * {
		display: inline-block;
		font-size: 88%;
		min-width: 29px;
	}
	#msgbox .receive-alart-area-sp a:hover .tool-tip-box {
		bottom: calc(100% + 2px);
		left: -23px;
		width: 250px;
		top: auto;
	}
	#msgbox .main-container {
		text-align: left;
		display: block;
		min-height: 100vh;
		max-height: inherit;
		height: auto;
		width: 100%;
		margin: 0 auto;
		position: relative;
		background: #F6F6F6;
	}
	#msgbox .update-box a span {
		color: #ffffff!important;
		font-size: 13px;
	}
	#msgbox .mailbox-list-container {
		margin: 0;
		height: 40px;
		background: #2489CE;
		display: flex;
		font-size: 15px;
		align-items: center;
		justify-content: space-between;
		width: 100%;
		z-index: 3;
	}
	#msgbox #mailbox-list {
		display: inline-block;
		text-align: left;
	}
	#msgbox .mailbox-list-container .make-new,
	#msgbox .mailbox-list-container .make-new span,
	#msgbox .mailbox-list-container .make-new a,
	#msgbox .mailbox-list-container li.selected-box {
		border: none;
		background: transparent;
		text-shadow: none;
		color: #ffffff;
		padding: 0;
		border-radius: 0;
	}
	#msgbox .mailbox-list-container .make-new {
		margin: 0;
		display: inline-block;
		flex-basis: 70px;
	}
	#msgbox .mailbox-list-container .make-new a {
		line-height: 40px;
		text-align: left;
		background: url("/img/messagebox/create.svg") no-repeat 10px center;
		padding: 0 0 0 30px;
	}
	#msgbox .mailbox-list-container .mailbox-list-sp {
		text-align: left;
		flex-basis: calc(100% - 50px);
		display: inline-block;
		background: url("/img/messagebox/folder.svg") no-repeat 10px center;
	}
	#msgbox .mailbox-list-sp > a > span {
		display: inline-block;
		color: #ffffff;
		font-weight: bold;
		padding: 0 10px 0 40px;
		line-height: 40px;
		border-right: #54A9E3 solid 1px;
	}
	#msgbox .mail-box-container-sp .update-box,
	#msgbox .mailbox-list-container .update-box {
		text-align: left;
		padding: 0 0 0 5px;
		margin: 0;
		display: inline-block;
	}
	#msgbox .mail-box-container-sp .update-box a,
	#msgbox .mailbox-list-container .update-box a {
		display: inline-block;
		line-height: 38px;
		font-size: 13px;
	}
	#msgbox #mailbox-list li .unread,
	#msgbox #mailbox-list li:first-child div span.unread {
		display: none;
	}
	#top.mail-open #msgbox .receive-alart-area {
		display: none;
	}
	#msgbox .right-container:not(.mail-new):before {
		display: none;
	}
	#msgbox #search-box-sp {
		justify-content: space-between;
		padding: 8px 15px 5px;
		height: auto;
		width: 100%;
		z-index: 5;
		flex-wrap: wrap;
		font-size: 13px;
	}
	#msgbox #search-box-sp > div:first-child {
		width: calc(100% - 80px);
	}
	#msgbox #search-box-sp > div:first-child > div {
		display: inline-flex;
		position: relative;
		width: 100%;
		max-width: 228px;
	}
	#msgbox #search-box-sp .fo-textbox-long {
		border-radius: 3px 0 0 3px;
		padding: 5px 9px 6px;
		margin: 0 0 3px 0;
		max-width: 190px;
		height: 35px;
		border: 1px #AAAAAA solid;
		background: #ffffff;
		font-size: 13px;
	}
	#msgbox #search-box-sp .search-btn-sp {
		border-radius: 0 3px 3px 0;
		margin: 0 0 3px -1px;
		width: 38px;
		height: 35px;
		border: none;
		background: url("/img/common/header/search/search_btn_00.png") #595959;
		background: -moz-linear-gradient(top, #595959 0%, #000000 100%);
		background: -webkit-linear-gradient(top, #595959 0%, #000000 100%);
		background: url("/img/common/header/search/search_btn_00.png"), linear-gradient(to bottom, #595959 0%, #000000 100%);
	 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#595959', endColorstr='#000000', GradientType=0 );
		background-repeat: no-repeat;
		background-position: 50%, 0;
		background-size: 13px, 100%;
		flex-shrink: 0;
	}
	#msgbox #search-box-sp .suggest {
		width: calc(100% - 38px);
	}
	#msgbox #search-box-sp .search-conditions {
		width: 100%;
		border-top: #cccccc 1px solid;
		margin: 4px 0 3px 0;
	}
	#msgbox #search-box-sp .search-conditions a {
		position: relative;
		background: #8F8F8F;
		border-radius: 14px;
		padding: 0 24px 0 9px;
		margin: 6px 3px 2px 0;
		display: inline-block;
	}
	#msgbox #search-box-sp .search-conditions a:before {
		content: ' ';
		display: inline-block;
		top: 3px;
		right: 3px;
		position: absolute;
		background: #ffffff;
		border-radius: 50%;
		width: 14px;
		height: 14px;
	}
	#msgbox #search-box-sp .search-conditions span {
		font-size: 12px;
		line-height: 20px;
		color: #ffffff;
	}
	#msgbox #search-box-sp .search-conditions span:after,
	#msgbox #search-box-sp .search-conditions span:before {
		content: ' ';
		display: inline-block;
		background: #8F8F8F;
		height: 10px;
		width: 2px;
		position: absolute;
		right: 9px;
		top: 5px;
		transform: rotate(45deg);
	}
	#msgbox #search-box-sp .search-conditions span:before {
		transform: rotate(-45deg);
	}
	#msgbox #search-box-sp .search-conditions span:active:after {
		background: #333333;
		color: #ffffff;
	}
	#msgbox .order-refine {
		text-align: right;
	}
	#msgbox .order-refine a {
		margin: 0;
		display: block;
		color: #1b76d1;
		cursor: pointer;
		width: 5.7em;
	}
	#msgbox .order-refine a:before {
		content: '';
		display: inline-block;
		vertical-align: -1px;
		height: 12px;
		width: 15px;
		background-image: url('/img/common/icon/order_refine_01.png');
		background-size: contain;
		background-position: center center;
		background-repeat: no-repeat;
		margin-right: 3px;
	}
	#msgbox .sort-box .sort {
		height: 49px;
		padding: 13px 0;
	}
	#msgbox .sort-box .sort select {
		cursor: pointer;
		margin: 0;
		border: none;
		padding: 0 0 0 17px;
		color: #1b76d1;
		background-color: transparent;
		background-image: url('/img/common/icon/order_change_01.png') !important;
		background-size: 15px 13px;
		background-position: left center;
		background-repeat: no-repeat;
		font-size: 13px;
	}
	#msgbox .sort-box .sort select option {
		color: #333333;
		padding: 0;
	}
	#msgbox .right-container {
		border: none;
	}
	#msgbox .right-container:not(.mail-new) .right-container-inner{
		display: block;
		height: 100%;
	}
	#msgbox #mail-list {
		width: 100%;
		min-width: 270px;
		max-width: 100000px;
		border-right: none;
	}
	#msgbox .mail-list-container {
		overflow-y: hidden;
		border: none;
		min-height: 150px;
		height: auto;
	}
	#msgbox .mail-list-container ul {
		padding-bottom: 40px;
	}
	#msgbox .sort-box {
		max-width: 100%;
		align-items: center;
		width: 100%;
		z-index: 3;
		border-bottom: 1px solid #cccccc;
	}
	#msgbox .sort-box .fo-checkbox {
		padding: 15px 10px;
		height: 100%;
		margin: 0;
	}
	#msgbox .sort-box .fo-checkbox label,
	#msgbox .mail-list-container .fo-checkbox label,
	#msgbox .fo-checkbox label:before {
		width: 15px;
		height: 15px;
	}
	#msgbox .sort-box .sort {
		padding-right: 15px;
	}
	#msgbox .mail-list-container li .fo-checkbox {
		margin: 0 10px 0 2px;
	}
	#msgbox .sort-box .fo-checkbox input[type='checkbox']:checked ~ label span:before,
	#msgbox .mail-list-container .fo-checkbox input[type='checkbox']:checked ~ label span:before {
		width: 7px;
		-ms-transform: rotate(46deg);
		-webkit-transform: rotate(46deg);
		transform: rotate(46deg);
		top: 9px;
		left: -25px;
		border-radius: 0 3px 0 0;
		height: 3px;
	}
	#msgbox .sort-box .fo-checkbox input[type='checkbox']:checked ~ label span:after,
	#msgbox .mail-list-container .fo-checkbox input[type='checkbox']:checked ~ label span:after {
		width: 10px;
		-ms-transform: rotate(-46deg);
		-webkit-transform: rotate(-46deg);
		transform: rotate(-46deg);
		top: 8px;
		left: -22px;
		height: 3px;
	}
	#msgbox #mail-list .pagenation {
		height: 40px;
		justify-content: space-between;
		bottom: -41px;
		position: fixed;
		transition: bottom 0.3s, left 0.3s;
		padding: 2px 5px 2px;
	}
	#msgbox #mail-list .pagenation .to-top {
		margin-left: 5px;
	}
	#msgbox #mail-list .pagenation .to-top a {
		display: inline-block;
		padding: 5px 0 5px 23px;
		background: url('/img/messagebox/pagetop.svg') no-repeat 5px 47%;
		font-weight: normal;
		font-size: 13px;
	}
	#msgbox #mail-list .pagenation .to-top a,
	#msgbox #mail-list .pagenation .to-top a:hover,
	#msgbox #mail-list .pagenation .to-top a:visited,
	#msgbox #mail-list .pagenation .to-top a:active {
		color: #0066CC;
	}
	#msgbox #message {
		position: fixed;
		top: 0;
		bottom: 0;
		right: -100%;
		transition: right 0.3s;
		margin-top: 0;
		width: 100%;
		height: 100%;
		line-height: 1.8;
		z-index: 10;
	}
	.mail-open#msgbox #message {
		right: 0;
		border-top: none;
	}
	#msgbox .mail-box-container-sp {
		display: flex;
		height: 38px;
		background: #2489CE;
		align-items: center;
		justify-content: space-between;
		padding: 0 3% 0 0;
		border-right: none;
		flex-basis: 38px;
		flex-grow: 0;
		flex-shrink: 0;
	}
	#msgbox .mail-box-container-sp .current-box {
		display: inline-block;
		padding: 0 0 0 23px;
		height: auto;
		color: #ffffff;
		position: relative;
		font-size: 15px;
		font-weight: bold;
		flex-shrink: 0;
		flex-grow: 0;
		width: 70px;
	}
	#msgbox .mail-box-container-sp .current-box:before {
		content: " ";
		display: inline-block;
		position: absolute;
		height: 10px;
		width: 10px;
		border-left: #ffffff 2px solid;
		border-bottom: #ffffff 2px solid;
		transform: rotate(45deg);
		left: 10px;
		top: calc(50% - 6px);
	}
	#msgbox #mailbox-list-sp li {
		position: relative;
	}
	#msgbox .mail-box-container-sp .new-mail-head-title {
		text-align: center;
		color: #ffffff;
		font-size: 15px;
		font-weight: bold;
		flex-shrink: 0;
		flex-grow: 3;
		flex-basis: calc(97% - 70px);
		display: inline-block;
		padding-right: 70px;
	}
	#msgbox #mailbox-list-sp li {position: relative; }
	#msgbox #mailbox-list-sp li div a {
		color: #333333;
		font-size: 15px;
	}
	#msgbox #mailbox-list-sp li:before {
		content: " ";
		display: inline-block;
		position: absolute;
		height: 10px;
		width: 10px;
		border-top: #333333 2px solid;
		border-right: #333333 2px solid;
		transform: rotate(45deg);
		right: 3%;
		top: calc(50% - 6px);
	}
	#msgbox #message .mail-detail,
	#msgbox #message .no-messages {
		overflow: hidden;
		border: none;
	}
	#msgbox #message .no-messages {
		display: none;
	}
	#msgbox #message .mail-detail .title {
		width: 100%;
		flex-grow: 0;
		flex-shrink: 0;
	}
	#msgbox #message .mail-detail .mail-detail-body {
		overflow-y: scroll;
		flex-grow: 3;
		flex-shrink: 2;
	}
	#msgbox #message .mail-detail .title > span,
	#msgbox #message .mail-detail .title > div {
		width: inherit;
		display: inline-block;
	}
	#msgbox #message .mail-detail .title .co-fr {
		width: 132px;
	}
	#msgbox #message .mail-detail .title > span:first-child {
		width: auto;
		min-width: 100px;
		margin-bottom: 3px;
	}
	#msgbox .co-order-type-mdl ul li div,
	#msgbox #rwd_search_box .co-order-check-list:last-child {
		text-align: left;
	}
	#msgbox #rwd_search_box .co-order-date-list {
		display: table;
		width: 100%;
		text-align: right;
		padding-right: 8px;
	}
	#msgbox #rwd_search_box .co-order-date-list div.co-order-type-cap {
		display: table-cell;
		width: 7em;
		text-align: left;
	}
	#msgbox #rwd_search_box .co-order-check-list div.co-order-type-cap {
		width: 7em;
	}
	#msgbox #rwd_search_box .co-order-date-list > div:not(.co-order-type-cap) {
		display: table-cell;
		margin-bottom: -3px;
		text-align: left;
	}
	#msgbox #rwd_search_box .co-order-date-list > div:not(.co-order-type-cap) > div {
		margin-bottom: 3px;
		text-align: left;
	}
	#msgbox #rwd_search_box .co-order-check-list:last-child {
		padding: 0 0 0 12px;
		text-align: left;
	}
	#msgbox #rwd_mail_box_mdl.co-order-type-mdl .co-order-type-mdl-content {
		height: calc(100% - 51px);
	}
	#msgbox #rwd_search_box.co-order-type-mdl .co-order-type-mdl-content .co-order-type-input {
		width: calc(100% - 7em);
	}
	#msgbox #rwd_search_box.co-order-type-mdl .co-order-type-mdl-content .co-order-type-word .suggest {
		width: calc(100% - 2px);
		top: 35px;
		left: 1px;
	}
	.co-tooltip-onmouse a:hover span {
		font-weight: normal;
		z-index: 5;
	}
}

/* SP */
@media screen and (max-width: 671px) {
	#msgbox .co-title1 {
		font-size: 20px;
	}
	#msgbox .mail-list-container .mail-info {
		padding-top: 0;
	}
	#msgbox .mail-list-container .mail-info .sender,
	#msgbox .mail-list-container .mail-info .received-date {
		font-size: 11px;
	}
	#msgbox .mail-list-container .mail-info .title {
		height: 2.2em;
		line-height: 2.5em;
		margin-bottom: 0;
	}
	#msgbox .mail-list-container .mail-info .title .has-threads {
		vertical-align: middle;
		margin-top: -5px;
	}
	#msgbox #message {
		margin-top: 0;
		height: 100%;
	}
	#msgbox .mail-list-container .mail-info .title,
	#msgbox #message,
	#msgbox #message .mail-detail .sender {
		font-size: 13px;
	}
	#msgbox #message .mail-detail .sender {
		line-height: 1.5;
		background-position: left center;
	}
	#msgbox #message .mail-detail .title > span:first-child .category {
		font-size: 11px;
	}
	#msgbox #message .mail-detail .title > span:first-child {
		font-size: 14px;
	}
	#msgbox #message .mail-detail .title,
	#msgbox #message .mail-detail [class^='selected-mail'] {
		padding: 12px 17px 8px;
	}
	#msgbox #message .mail-detail {
		height: calc(100% - 38px);
	}
	#msgbox #message .mail-detail .message-header {
		padding-bottom: 5px;
	}
	#msgbox #message .mail-detail [class^='selected-mail'] {
		padding-bottom: 12px;
	}
	#msgbox #message .mail-detail .all-detail-open {
		margin: 9px 15px;
	}
}
/* ローディングアニメ */
.loading-l {
	background-color: rgba(255,255,255,0.6);
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 1100;
}
.loading-l div {
	position: absolute;
	top: 50%;
	left: 50%;
	height: 0;
	width: 0;
}
.loading-l div:before,
.loading-l div:after,
.loading-l span,
.loading-l span:before,
.loading-l span:after {
	display: inline-block;
	width: 13px;
	height: 13px;
	position: absolute;
	border-radius: 50%;
	-ms-transform-origin: center center;
	-webkit-transform-origin: center center;
	transform-origin: center center;
	-webkit-animation: post-inq-send 0.7s infinite;
	animation: post-inq-send 0.7s infinite;
	box-shadow: 0 0 0 3px #ffffff;
}
.loading-l div:before,
.loading-l div:after,
.loading-l span:before,
.loading-l span:after {
	content: '';
}
.loading-l div:before,
.loading-l div:after {
	left: 0;
}
.loading-l div:before {
	background-color: #f0f0f0;
	top: -30px;
}
.loading-l span:nth-child(1):before {
	background-color: #eeeeee;
	animation-delay: 0.1s;
}
.loading-l span:nth-child(1) {
	background-color: #dcdcdc;
	left: 30px;
	animation-delay: 0.2s;
}
.loading-l span:nth-child(1):after {
	background-color: #d3d3d3;
	animation-delay: 0.3s;
}
.loading-l div:after {
	background-color: #c0c0c0;
	top: 30px;
	animation-delay: 0.4s;
}
.loading-l span:nth-child(2):after {
	background-color: #a9a9a9;
	animation-delay: 0.5s;
}
.loading-l span:nth-child(2) {
	background-color: #808080;
	left: -30px;
	animation-delay: 0.6s;
}
.loading-l span:nth-child(2):before {
	background-color: #696969;
	animation-delay: 0.7s;
}
.loading-l span:nth-child(1),
.loading-l span:nth-child(2) {
	top: 0;
}
.loading-l span:nth-child(1):before,
.loading-l span:nth-child(2):before {
	top: -20px;
}
.loading-l span:nth-child(1):after,
.loading-l span:nth-child(2):after {
	top: 20px;
}
.loading-l span:nth-child(1):before,
.loading-l span:nth-child(1):after {
	left: -10px;
}
.loading-l span:nth-child(2):before,
.loading-l span:nth-child(2):after {
	left: 10px;
}
/* アニメーション */
@-webkit-keyframes post-inq-send {
 0% {
	background-color: #f0f0f0;
	}
 100% {
	background-color: #696969;
	}
}
@-moz-keyframes post-inq-send {
 0% {
	background-color: #f0f0f0;
	}
 100% {
	background-color: #696969;
	}
}
@-ms-keyframes post-inq-send {
 0% {
	background-color: #f0f0f0;
	}
 100% {
	background-color: #696969;
	}
}
@keyframes post-inq-send {
 0% {
	background-color: #f0f0f0;
	}
 100% {
	background-color: #696969;
	}
}
/*--------------------------------------------
		メール新規作成・返信
---------------------------------------------*/
#msgbox .right-container.mail-new {
	height: 100%;
	box-shadow: 5px 0 5px -5px rgba(0, 0, 0, 0.3) inset;
	overflow-y: auto;
}
#msgbox .right-container .mail-new-inner {
	width: 100%;
	height: calc(100% - 38px);
}
#msgbox .right-container .mail-new-inner > div > div:not(.confirm-btn):not(.mail-box-container-sp) {
	max-width: 718px;
	margin: 30px auto;
	border: #DADADA solid 1px;
	background: #ffffff;
}
#msgbox .right-container .right-container-inner .mail-new-inner > div > div:not(.confirm-btn) > div:not(#new-mail-body) {
	background: #EEEEEE;
	padding: 25px 60px 10px;
}
#msgbox .right-container .mail-new-inner > div:not(.confirm) > div:not(.confirm-btn) > div > div{
	width: 100%;
}
#msgbox .right-container .new-mail-th {
	display: inline-block;
	width: 2em;
	margin: 2px 30px 3px 0;
	color: #666666;
	font-weight: bold;
	vertical-align: top;
}
#msgbox .right-container .new-mail-td {
	display: inline-block;
	width: calc(100% - 2em - 30px);
	margin: 0 0 12px;
	vertical-align: middle;
}
#msgbox .right-container .confirm .new-mail-th,
#msgbox .right-container .confirm .new-mail-td {
	margin-bottom: 4px;
	font-size: 13px;
}
#msgbox .right-container .mail-new-inner > .confirm .new-mail-td {
	font-size: 14px;
}
#msgbox .right-container .new-mail-td .fo-errors-box {
	margin-top: 3px;
}
#msgbox .right-container .new-mail-to.new-mail-td{
	position: relative;
}
#msgbox .right-container .new-mail-to.new-mail-td input,
#msgbox .right-container .new-mail-td.new-mail-subject input{
	padding-left: 30px;
	line-height: 24px;
	height: 34px;
	font-size: 14px;
	border-radius: 3px;
}
#msgbox .right-container .new-mail-to.new-mail-td:before,
#msgbox .right-container .new-mail-to.new-mail-td:after{
	content: '';
	display: block;
	position: absolute;
	box-sizing: content-box;
}
#msgbox .right-container .new-mail-to.new-mail-td:before{
	width: 8px;
	height: 8px;
	border-radius: 50%;
	border: 2px #ccc solid;
	left: 8px;
	top: 9px;
}
#msgbox .right-container .new-mail-to.new-mail-td:after{
	height: 2px;
	width: 8px;
	background-color: #ccc;
	left: 16px;
	top: 20px;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
#msgbox .right-container .new-mail-td select{
	background-color: #ffffff;
	height: 32px;
}
#msgbox .right-container .new-mail-td.new-mail-subject input{
	padding-left: 8px;
	width: 370px;
}
#msgbox .right-container .attachment .new-mail-td a,
#msgbox .right-container .attachment .new-mail-td p,
#msgbox #message .reply-container .attachment a,
#msgbox #message .reply-container .attachment p {
	display: inline-block;
	vertical-align: middle;
	margin: 0;
}
#msgbox .right-container .attachment .new-mail-td a,
#msgbox #message .reply-container .attachment a{
	background: url('/img/messagebox/clip_00.svg') no-repeat left 2px;
	background-size: 19px 23px;
	padding: 4px 5px 4px 23px;
}
#msgbox .right-container .attachment .new-mail-td p,
#msgbox .right-container .attachment .new-mail-th p,
#msgbox #message .reply-container .attachment p{
	color: #AAAAAA;
	font-size: 12px;
	font-weight: normal;
	margin: 0;
}
#msgbox .right-container .attachment .new-mail-td .attaching-list div,
#msgbox #message .reply-container .attachment .attaching-list div{
	display: inline-block;
	background: #DADADA;
	border-radius: 13px;
	font-size: 12px;
	line-height: 22px;
	padding: 0 24px 0 11px;
	margin: 3px 6px 2px 0;
	position: relative;
	cursor: pointer;
}
#msgbox .right-container .attachment .new-mail-td .attaching-list div:before,
#msgbox #message .reply-container .attachment .attaching-list div:before{
	content: ' ';
	display: inline-block;
	top: 4px;
	right: 3px;
	position: absolute;
	background: #8F8F8F;
	border-radius: 50%;
	width: 14px;
	height: 14px;
}
#msgbox #message .reply-container .attachment .attaching-list div span:not(.attaching-loading):after,
#msgbox #message .reply-container .attachment .attaching-list div span:not(.attaching-loading):before,
#msgbox .right-container .attachment .new-mail-td .attaching-list div span:not(.attaching-loading):after,
#msgbox .right-container .attachment .new-mail-td .attaching-list div span:not(.attaching-loading):before{
	content: ' ';
	display: inline-block;
	background: #fff;
	height: 10px;
	width: 2px;
	position: absolute;
	right: 9px;
	top: 6px;
	border-radius: 2px;
	transform: rotate(46deg);
}
#msgbox #message .reply-container .attachment .attaching-list div span:not(.attaching-loading):before,
#msgbox .right-container .attachment .new-mail-td .attaching-list div span:not(.attaching-loading):before{
	transform: rotate(-46deg);
}
#msgbox .right-container .confirm .attachment .new-mail-td .attaching-list {
	display: inline-block;
	background: url('/img/messagebox/clip_00.svg') no-repeat left 2px;
	padding-left: 21px;
	background-size: 19px 23px;
	margin-top: -3px;
}
#msgbox .right-container .confirm .attachment .new-mail-td .attaching-list div{
	display: inline-block;
	background: none;
	padding: 0 5px;
	font-size: 14px;
	cursor: default;
}
#msgbox .right-container .confirm .attachment .new-mail-td .attaching-list div:before,
#msgbox #message .reply-container .confirm .attachment .attaching-list div:before,
#msgbox .right-container .confirm .attachment .new-mail-td .attaching-list div span:before,
#msgbox .right-container .confirm .attachment .new-mail-td .attaching-list div span:after,
#msgbox #message .reply-container .confirm .attachment .attaching-list div span:before,
#msgbox #message .reply-container .confirm .attachment .attaching-list div span:after,
#msgbox .right-container .confirm .attachment .new-mail-td .attaching-list div:hover:before,
#msgbox #message .reply-container .confirm .attachment .attaching-list div:hover:before{
	display: none;
}
#msgbox .right-container #new-mail-body{
	margin:25px 60px 5px;
	width: calc(100% - 120px);
	border-radius: 3px;
	min-height: 180px;
}
#msgbox .right-container > div.confirm * {
	word-break: break-all!important;
}
#msgbox .right-container .confirm #new-mail-body{
	min-height: 40px;
	margin-bottom: 25px;
}
#msgbox .right-container #new-mail-body ~ p{
	margin: 0 60px 0;
}
#msgbox .right-container #new-mail-body ~ p:not(.fo-errors-box){
	font-size: 13px;
	color: #666666;
	margin-bottom: 20px;
}
#msgbox .right-container .fo-errors-box {
	padding-left: 16px;
}
#msgbox .right-container .confirm-btn{
	text-align: center;
	margin-bottom: 20px;
}
#msgbox .right-container > .confirm-btn{
	width: 100%;
}
#msgbox #message .reply-container {
	background: #E6E6E6;
	width: 100%;
	max-height: 0;
	overflow: hidden;
	padding: 0 15px;
	border: none;
	bottom: 0;
	flex-grow: 0;
	flex-shrink: 0;
}
#msgbox #message .edit.reply-container {
	margin-top: auto;
	padding: 10px 15px;
	max-height: 10000px;
	border-top: 1px solid #cccccc;
}
#msgbox #message .reply-container #new-mail-body {
	border-radius: 3px;
	min-height: 180px;
	margin: 7px 0 3px;
	width: 100%;
}
#msgbox #message .reply-container .reply-submit {
	text-align: center;
	margin: 3px 5px;
}
/* ファイル添付時ローディング */
#msgbox .attaching-loading {
	width: 4px;
	height: 4px;
	margin: 0 13px 2px;
	position: relative;
	display: inline-block;
	overflow: visible!important;
}
#msgbox .attaching-loading,
#msgbox .attaching-loading:before,
#msgbox .attaching-loading:after {
	-webkit-animation: attaching-load 0.7s infinite;
	animation: attaching-load 0.7s infinite;
	border-radius: 50%;
}
#msgbox .attaching-loading:before,
#msgbox .attaching-loading:after {
	content: '';
	display: inline-block;
	width: 4px;
	height: 4px;
	position: absolute;
}
#msgbox .attaching-loading:before {
	left: -9px;
	background-color: #cccccc;
}
#msgbox .attaching-loading {
	background-color: #aaaaaa;
	animation-delay: 0.2s;
}
#msgbox .attaching-loading:after {
	right: -9px;
	background-color: #888888;
	animation-delay: 0.4s;
}
@-webkit-keyframes attaching-load {
 0% {
	background-color: #cccccc;
	}
 100% {
	background-color: #888888;
	}
}
@-moz-keyframes attaching-load {
 0% {
	background-color: #cccccc;
	}
 100% {
	background-color: #888888;
	}
}
@-ms-keyframes attaching-load {
 0% {
	background-color: #cccccc;
	}
 100% {
	background-color: #888888;
	}
}
@keyframes attaching-load {
 0% {
	background-color: #cccccc;
	}
 100% {
	background-color: #888888;
	}
}

/* PC */
@media screen and (min-width: 941px) {
	#msgbox .right-container.mail-new #search-box,
	#msgbox .right-container.mail-new #mail-list,
	#msgbox .right-container.mail-new #mail-list-sp {
		display: none;
	}
	#msgbox .right-container:not(.mail-new) .mail-new-inner,
	#msgbox.confirm-message .right-container .mail-new-inner.edit-outer {
		display: none;
	}
	#msgbox .right-container.mail-new .attachment .new-mail-td .attaching-list div:hover:before,
	#msgbox #message .reply-container .attachment .attaching-list div:hover:before {
		background: #DC4D4D;
	}
}

/* TAB */
@media screen and (max-width: 940px) {
	#msgbox.mail-list .loading-l {
		max-height: 100vh;
		max-width: 100vh;
	}
	#msgbox .right-container.mail-new:before {
		display: none;
	}
	#msgbox .right-container.mail-new {
		background: #ffffff;
		padding-bottom: 50px;
		min-height: calc(100vh - 40px);
		overflow-y: visible;
	}
	#msgbox .right-container.mail-new #mail-list,
	#msgbox .right-container.mail-new #mail-list-sp {
		display: block;
	}
	#msgbox .right-container .mail-new-inner {
		position:fixed;
		top:0;
		bottom: 0;
		right:-100%;
		transition:right 0.3s;
		margin: 0;
		width: 100%;
		height: 100%;
		line-height: 1.8;
		z-index: 9999;
		background: #fff;
		border-top: none;
		max-width: 1000px;
		overflow-y: hidden;
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		-webkit-overflow-scrolling: touch;
	}
	#msgbox .right-container.mail-new .mail-new-inner {
		right: 0;
	}
	#msgbox .right-container .right-container-inner .mail-new-inner .mail-box-container-sp {
		transition:right 0.3s;
		right: -100%;
		width: 100%;
		top: 0;
		z-index: 11;
		flex-shrink: 0;
		flex-grow: 0;
	}
	#msgbox .right-container.mail-new .right-container-inner .mail-new-inner .mail-box-container-sp {
		right: 0;
	}
	#msgbox .right-container .mail-new-inner > div{
		flex-shrink: 1;
		flex-grow: 2;
		overflow-y: auto;
	}
	#msgbox .right-container .mail-new-inner > div.confirm:not(.mail-box-container-sp) > div:not(.confirm-btn) {
		border: #DADADA solid 1px;
		margin: 10px;
		max-width: 940px;
	}
	#msgbox .right-container .right-container-inner .mail-new-inner > div.confirm > div:not(.confirm-btn) > div:not(#new-mail-body) {
		padding: 8px 4%;
	}
	#msgbox .right-container .mail-new-inner > div.confirm > div:not(.confirm-btn) > div#new-mail-body {
		margin: 13px 4% 15px;
		width: calc(100% - 8%);
	}
	#msgbox .right-container .new-mail-td select,
	#msgbox .right-container .new-mail-td.new-mail-subject input,
	#msgbox .right-container .new-mail-to.new-mail-td input {
		height: 38px;
	}
	#msgbox .right-container .new-mail-to.new-mail-td:after,
	#msgbox .right-container .new-mail-to.new-mail-td:before{
		margin-top: 4px;
	}
	#msgbox .right-container #new-mail-body{
		min-height: 50vw;
	}
	#msgbox .right-container .mail-new-inner div.edit > div:not(.confirm-btn):not(.mail-box-container-sp),
	#msgbox .right-container .confirm-btn{
		max-width: 940px;
		margin: 0 0 15px;
		border: none;
	}
	#msgbox .fo-errors-box {
		background-image: url('/img/common/icon/error_warning.png');
		background-size: 14px 14px;
		background-position: left center;
	}
}

/* SP */
@media screen and (max-width: 671px) {
	#msgbox #new-mail-to + .suggest {
		width: 100%;
	}
	#msgbox .right-container .right-container-inner .mail-new-inner > div > div:not(.confirm-btn) > div:not(#new-mail-body) {
		padding: 3px 3% 10px;
	}
	#msgbox .right-container .right-container-inner .mail-new-inner > div > div:not(.confirm-btn) > div > div{
		padding: 4px 0;
	}
	#msgbox .right-container .new-mail-th{
		font-size: 12px;
	}
	#msgbox .right-container .mail-new-inner .edit .new-mail-th,
	#msgbox .right-container .mail-new-inner .edit .new-mail-td {
		width: 100%;
		margin: 0;
	}
	#msgbox .right-container > div.confirm .new-mail-th,
	#msgbox .right-container > div.confirm .new-mail-td {
		vertical-align: top;
	}
	#msgbox .right-container .new-mail-td select,
	#msgbox .right-container .new-mail-td.new-mail-subject input,
	#msgbox .right-container .new-mail-to.new-mail-td input {
		width: 100%;
		font-size: 13px;
	}
	#msgbox .right-container #new-mail-body{
		margin:11px 3% 5px;
		width: calc(100% - 6%);
	}
	#msgbox .right-container #new-mail-body ~ p{
		margin:0 3% 0;
	}
	#msgbox #message .reply-container #new-mail-body {
		font-size: 16px;
		min-height: 90px;
	}
}
/* モーダル */
#msgbox #mailBoxDialog {
	width: 395px;
	font-size: 15px;
}
#msgbox .selectReceiverAlart #mailBoxDialog {
	width: 460px;
}
#msgbox .selectReceiverAlart #mailBoxDialog .postiong-inq-orderinfo-inner > * {
	text-align: left;
}
#msgbox .selectReceiverAlart #mailBoxDialog .fo-errors-box {
	margin: 10px 0 -1em 0;
	font-size: 14px;
}
#msgbox #mailBoxDialog .co-mdl-ttl {
	padding-left: 25px;
}
#msgbox #mailBoxDialog.co-mdl-wrap #posting-inq-mdl {
	padding: 30px 40px 0px;
}
#msgbox #mailBoxDialog .postiong-inq-submit {
	background: none;
	padding: 15px 0;
	margin-bottom: 25px;
	width: 100%;
	z-index: 15;
}
#msgbox #mailBoxDialog .postiong-inq-submit .co-btn {
	margin: 0 8px;
}
#msgbox .selectReceiverAlart .fo-textbox-long {
	width: calc(100% - 79px);
	height: 33px;
	border-radius: 3px;
	display: inline-block;
	margin-right: 15px;
}
#msgbox .selectReceiverAlart p {
	font-weight: bold;
	margin: 0 0 10px;
}
#msgbox .selectReceiverAlart .suggest-list *:after,
#msgbox .selectReceiverAlart .suggest-list *:before {
	box-sizing: content-box;
}
#msgbox .selectReceiverAlart .suggest-list {
	margin: 20px 0;
	text-align: left;
	max-height: 430px;
}
#msgbox .selectReceiverAlart .suggest-list li {
	display: block;
	height: 22px;
	overflow: hidden;
	margin-right: 0;
	padding-left: 3px
}
#msgbox .selectReceiverAlart .suggest-list li label {
	line-height: 22px;
}

/* TAB */
@media screen and (max-width: 940px) {
	#msgbox [id^='co-calender-input-form'] {
		width: 105px;
	}
	#msgbox .vdp-datepicker__clear-button {
		right: 5px;
		padding: 6px 2px;
		top: calc(50% - 20px);
	}
}

/* SP */
@media screen and (max-width: 670px) {
	#msgbox #mailBoxDialog.co-mdl-wrap {
		width: 94%;
		height: auto;
		max-width: 380px;
		margin: 40% auto;
		font-size: 14px;
	}
	#msgbox .selectReceiverAlart #mailBoxDialog {
		margin-top: 20px;
	}
	#msgbox #mailBoxDialog.co-mdl-wrap .co-mdl-ttl {
		border-radius: 10px 10px 0 0;
	}
	#msgbox #mailBoxDialog.co-mdl-wrap #posting-inq-mdl {
		padding: 20px 25px 0 25px;
	}
	#msgbox #mailBoxDialog.co-mdl-wrap .co-mdl-content {
		border-radius: 0 0 10px 10px;
	}
	#msgbox #mailBoxDialog .postiong-inq-submit {
		margin-bottom: 10px;
	}
	#msgbox .selectReceiverAlart .suggest-list {
		max-height: 190px;
	}
	#msgbox [id^='co-calender-input-form'] input {
		font-size: 13px;
		line-height: 32px;
	}
	#msgbox #co-calender-input-form4 .vue-calendar {
		right: 0;
	}
}

/*** シンプルヘッダー ***/
/* TAB/SP */
@media screen and (max-width: 940px) {
	#dealer-header.rwd :is(.main-menu-box,.sub-box) {
		display: none;
	}
	/* #dealer-header.rwd .sub-box,
	#dealer-header .main-menu-box {
		display: none;
	} */
	#dealer-header.rwd {
		min-width: 0;
		padding: 8px 0;
		z-index: 99;
	}
	#dealer-header.rwd .logo-box .logo-link {
		padding: 5px 10px;
	}
	#dealer-header.rwd img {
		width: 101px;
		height: auto;
	}
	#dealer-header.rwd + .co-path-area {
		display: none;
	}
}
/*** ページ送りのパーツ ***/
.page-nav-area .page-nav-prev,
.page-nav-area .page-nav-next {
	padding: 5px 7px 3px;
}
.page-nav-prev:before,
.page-nav-next:after {
	content: '';
	display: inline-block;
	width: 0.5em;
	height: 0.5em;
	border-style: solid;
	border-color: #0066cc;
	border-width: 2px 2px 0 0;
}
.page-nav-prev:before {/* 前へ */
	-ms-transform: rotate(225deg);
	-webkit-transform: rotate(225deg);
	transform: rotate(225deg);
}
.page-nav-next:after {/* 次へ */
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

/*----------------------
  実績レポート詳細ページ
-----------------------*/
#results-report {
	font-size: 100%;
	background: #f6f6f6;
	color: #666;
	padding-top: 30px;
}
#results-report-contents * {box-sizing: border-box;}
#results-report-contents p {margin-bottom: 0;}

/* メニュー */
#results-report-contents .results-report-menu-wrap.rep-fixed-menu {
	position: fixed;
	top: 20px;
}
#results-report-contents .rep-title1 p:first-child{
	font-size: 135%;
}

#results-report-contents .results-report-wrap {
	max-width: 1480px;
	width: 100%;
	margin: 0 auto;
	position: relative;
}
#results-report-contents .results-report-menu-wrap {
	vertical-align: top;
	position: absolute;
	width: 280px;
	left: 0;
	top: 0;
}
#results-report-contents .results-report-menu-wrap .rep-title1{
	font-size: 135%;
	line-height: 1.6;
	font-weight: 600;
	color: #666;
	width: 100%;
	padding: 18px 0;
	margin: 0;
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
}
#results-report-contents .results-report-menu-wrap .results-report-menu {
	display: inline-block;
	margin-top: 20px;
	background: #fff;
	border-radius: 5px 5px 0 0;
	padding-bottom: 15px;
	box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.04);
	width: 100%;
}
#results-report-contents .results-report-menu-wrap .results-report-menu > *:not(.rep-menu-head) {
	margin-left: 15px;
	margin-right: 15px;
}
#results-report-contents .results-report-menu-wrap .rep-menu-head {
	background: #666;
	padding: 6px 15px 4px;
	color: #fff;
	font-weight: 600;
	border-radius: 5px 5px 0 0;
}
#results-report-contents .results-report-menu-wrap .results-report-menu .term-select {
	margin-top: 16px;
	text-align: center;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
}
#results-report-contents .results-report-menu-wrap .results-report-menu .term-select select {
	border-radius: 4px;
	border: 1px #AAA solid;
	background: url(/img/button/arrow_down.gif) right 10px center no-repeat;
	font-size: 13px;
	margin: 0;
	padding: 4px 26px 2px 5px;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	outline: none;
	flex-basis: 114px;
}
#results-report-contents .results-report-menu-wrap .results-report-menu .term-select > span {
	font-weight: 600;
	flex-basis: 28px;
}
#results-report-contents .results-report-menu-wrap .results-report-menu ul.term-filter {
	position: relative;
	border-radius: 20px 0 0 20px;
	margin: 10px 15px;
	cursor: pointer;
	transition: 0.1s;
}
#results-report-contents .results-report-menu-wrap .results-report-menu ul.term-filter li {
	display: inline-block;
	margin-right: 4px;
	border: #D6D6D6 solid 1px;
	border-radius: 3px;
	padding: 4px 13px 2px;
}
#results-report-contents .results-report-menu-wrap .results-report-menu ul.term-filter li:hover {
	border: #aaa solid 1px; 
}
#results-report-contents .results-report-menu-wrap .results-report-menu ul.term-filter li.rep-menu-on {
	background: #2489CE;
	color: #fff;
	border: none;
}
#results-report-contents .results-report-menu-wrap .results-report-menu .fo-radio {margin-right: 0;}
#results-report-contents .results-report-menu-wrap .results-report-menu .fo-radio input[type='radio']:disabled ~ label {opacity: 0.5;}
#results-report-contents .results-report-menu-wrap .results-report-menu ul.term-filter + .fo-radio + .fo-radio input[type='radio']:disabled ~ label:before {
	border-color: #f0f0f0;
	background: #f0f0f0;
}
#results-report-contents .results-report-menu-wrap .results-report-menu #change-term {
	margin-top: 10px;
	width: calc(100% - 30px);
}
#results-report-contents .results-report-menu-wrap .results-report-menu #change-term span,
#results-report-contents .results-report-menu-wrap .results-report-menu #change-term input {
	width: 100%;
}
#results-report-contents .results-report-menu-wrap ul.anchor-menu {
	margin-top: 20px;
}
#results-report-contents .results-report-menu-wrap ul.anchor-menu li {
	border-radius: 5px;
	padding: 6px 20px;
	margin-top: 5px;
	cursor: pointer;
	transition: 0.2s;
	font-size: 15px;
	font-weight: 600;
}
#results-report-contents .results-report-menu-wrap ul.anchor-menu li a:link,
#results-report-contents .results-report-menu-wrap ul.anchor-menu li a:visited,
#results-report-contents .results-report-menu-wrap ul.anchor-menu li a:hover,
#results-report-contents .results-report-menu-wrap ul.anchor-menu li a:active {
	color: #666;
}
#results-report-contents .results-report-menu-wrap ul.anchor-menu li:hover,
#results-report-contents .results-report-menu-wrap ul.anchor-menu li.rep-menu-on { background-color: #D7E8EE; }

/* 右カラム */
#results-report-contents .rep-main-cont-wrap .no-print{
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-end;
	align-items: center;
	margin-bottom: 20px;
}
#results-report-contents .rep-main-cont-wrap .no-print > *{
	flex-grow: 0;
	margin: 0 ;
}
#results-report-contents .rep-main-cont-wrap .co-btn-s.co-btn-page.co-btn-download span,
.lowStockProductsForm .co-btn-s.co-btn-csv.co-btn-download span {
	background-color: #e9e9f2;
    background-image: -moz-linear-gradient(center top , #ffffff 45%, #f0f0f7 70%, #e9e9f2 85%);
    background-image: -webkit-gradient(linear,left bottom,left top, from(#e9e9f2), color-stop(0.3, #f0f0f7),color-stop(0.6, #ffffff));
    background: -ms-linear-gradient(top, #ffffff 0%, #e9e9f2 100%);
	background: linear-gradient(top, #ffffff 0%, #e9e9f2 100%);
}
#results-report-contents .rep-main-cont-wrap .co-btn-s.co-btn-page.co-btn-download span:active,
#results-report-contents .rep-main-cont-wrap .co-btn-s.co-btn-page.co-btn-download span:hover,
.lowStockProductsForm .co-btn-s.co-btn-csv.co-btn-download span:active,
.lowStockProductsForm .co-btn-s.co-btn-csv.co-btn-download span:hover {
	background-color: #e0e0e9;
	background-image: -moz-linear-gradient(center top , #e0e0e9, #e0e0e9);
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #e0e0e9),color-stop(1, #e0e0e9));
	background: -ms-linear-gradient(top, #e0e0e9 0%, #e0e0e9 100%);
	background: linear-gradient(top, #e0e0e9 0%, #e0e0e9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#e0e0e9', endColorstr='#e0e0e9');
}
#results-report-contents .rep-main-cont-wrap .co-btn-s.co-btn-page.co-btn-download input,
.lowStockProductsForm .co-btn-s.co-btn-csv.co-btn-download a {
	padding-left: 30px;
	background: url(/img-dealer/icon/download.svg) no-repeat 10px center;
	background-size: 14px 17px;
	text-decoration: none;
}
#results-report-contents .rep-main-cont-wrap .co-btn-s.co-btn-page.co-btn-download:hover input {
	padding: 7px 12px 7px 30px;
	margin: 1px 0 -1px;
}
.lowStockProductsForm .co-btn-wht {
	border-color: #59717f;
	border-width: 1px;
	border-style: solid;
	text-shadow: 1px 1px 0 #ffffff;
}
#results-report-contents .rep-main-cont-wrap {
	display: inline-block;
	vertical-align: top;
	width: calc(100% - 300px);
	margin-left: 300px;
}
#results-report-contents .rep-main-cont-wrap .report-wrap {
	background: #fff;
	margin-bottom: 30px;
	box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.04);
	position: relative;
}
#results-report-contents .rep-main-cont-wrap .report-wrap .rep-main-cont-ttl-wrap {
	padding: 25px 20px 15px;
	border-bottom: 1px solid #ccc;
}
#results-report-contents .rep-main-cont-wrap .report-wrap .rep-main-cont-ttl-wrap > div{
	display: inline-block;
	vertical-align: middle;
	line-height: 30px;
}
#results-report-contents .rep-main-cont-wrap .report-wrap .rep-main-cont-ttl-wrap > div.co-fr{
	display: inline-flex;
	align-items: center;
}
#results-report-contents .rep-main-cont-wrap .report-wrap .rep-main-cont-ttl-wrap .rep-number-discription {
  padding: 5px;
}
#results-report-contents .rep-main-cont-wrap .report-wrap .rep-main-cont-ttl-wrap .co-tooltip-onmouse .tooltip-inner .over-about {
  width: 37em;
  line-height: 1.4;
  text-align: left !important;
}
#results-report-contents .rep-main-cont-wrap .report-wrap .rep-title2 {
	font-size: 24px;
	font-weight: 600;
	margin-right: 40px;
	vertical-align: middle;
}
#results-report-contents .rep-main-cont-wrap .report-wrap .rep-title2 span {
	font-size: 20px;
	font-weight: normal;
}
#results-report-contents .rep-main-cont-wrap .report-wrap .rep-title2 + div > span.rep-title-label {
	font-size: 15px;
	padding: 0 5px 0 9px;
	color: #fff;
	margin-right: 15px;
	background: #666;
	position: relative;
	display: inline-block;
	line-height: 32px;
}
#results-report-contents .rep-main-cont-wrap .report-wrap .rep-title2 + div > span.rep-title-label:after {
	position: absolute;
	top: 0;
	left: 100%;
	display: inline-block;
	content: " ";
	height: 0;
	width: 0;
	border: #666 solid 0;
	border-width: 16px 13px;
	border-color: transparent transparent transparent #666;
}
#results-report-contents .rep-main-cont-wrap .report-wrap .rep-title2 + div > span:nth-of-type(2) {
	font-size: 30px;
	font-weight: 600;
	display: inline-block;
	vertical-align: bottom;
}
#results-report-contents .rep-main-cont-wrap .report-wrap .rep-title2 + div > span:nth-of-type(3) {
	line-height: 1;
	vertical-align: -5px;
}
#results-report-contents .rep-main-cont-wrap .report-wrap div span.results-pd span,
#results-report-contents .rep-main-cont-wrap .report-wrap div span.results-pv span {
	font-size: 15px;
	vertical-align: bottom;
	margin: 0 0 -4px 5px;
	display: inline-block;
}
#results-report-contents .rep-main-cont-wrap .report-wrap p.goal {
	color: #999;
	margin: 10px 20px -5px;
}
#results-report-contents .rep-main-cont-wrap .report-wrap .graph-area {
	padding: 0 20px 20px;
	display: inline-block;
	width: 100%;
}
#results-report-contents .rep-main-cont-wrap .report-wrap .graph-area .graph-description  {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	padding: 15px 0;
	max-height: 95px;
}
#results-report-contents .rep-main-cont-wrap .report-wrap .graph-area .graph-description ul {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
}
#results-report-contents .rep-main-cont-wrap .report-wrap .graph-area .graph-description ul input {
	display: none;
}
#results-report-contents .rep-main-cont-wrap .report-wrap .graph-area .graph-description > ul > li span,
#results-report-contents .rep-main-cont-wrap .report-wrap .graph-area .graph-description > ul li label {
	position: relative;
	display: inline-block;
	margin: 7px 40px 6px 0;
	padding-left: 27px;
	font-size: 14px;
}
#results-report-contents .rep-main-cont-wrap .report-wrap .graph-area .graph-description > ul > li span:before,
#results-report-contents .rep-main-cont-wrap .report-wrap .graph-area .graph-description ul li label:before {
	position: absolute;
	top: calc(50% - 7px);
	left: 0;
	display: inline-block;
	content: " ";
	height: 13px;
	width: 23px;
	margin-right: 3px;
	background: #14a5e8;
	box-sizing: border-box;
}
#results-report-contents .rep-main-cont-wrap .report-wrap#order .graph-area .graph-description > ul > li span:before {
	background: #14a5e8;
}
#results-report-contents .rep-main-cont-wrap .report-wrap#exhibitProduct .graph-area .graph-description ul li label:before,
#results-report-contents .rep-main-cont-wrap .report-wrap#shipmentAmount .graph-area .graph-description ul li:nth-of-type(2) span:before {
	background: #22d189;
}
#results-report-contents .rep-main-cont-wrap .report-wrap#order .graph-area .graph-description ul li label:before {
	background: #22d189;
}
#results-report-contents .rep-main-cont-wrap .report-wrap#exhibitProduct .graph-area .graph-description > ul li input:not(:checked) + label,
#results-report-contents .rep-main-cont-wrap .report-wrap#order .graph-area .graph-description > ul li input:not(:checked) + label {
	color: #AAAAAA;
	cursor: pointer;
}
#results-report-contents .rep-main-cont-wrap .report-wrap#exhibitProduct .graph-area .graph-description ul li input:not(:checked) + label:before,
#results-report-contents .rep-main-cont-wrap .report-wrap#order .graph-area .graph-description ul li input:not(:checked) + label:before {
	border: #D6D6D6 solid 1px;
	background: #fff;
}
#results-report-contents .rep-main-cont-wrap .report-wrap#exhibitProduct .graph-area .graph-description > ul li input:not(:checked) + label:hover,
#results-report-contents .rep-main-cont-wrap .report-wrap#order .graph-area .graph-description > ul li input:not(:checked) + label:hover {
	color: #666;
}
#results-report-contents .rep-main-cont-wrap .report-wrap#exhibitProduct .graph-area .graph-description ul li input:not(:checked) + label:hover:before,
#results-report-contents .rep-main-cont-wrap .report-wrap#order .graph-area .graph-description ul li input:not(:checked) + label:hover:before {
	border-color: #666;
}
#results-report-contents .rep-main-cont-wrap .report-wrap#exhibitProduct .graph-area .graph-description > ul li ul,
#results-report-contents .rep-main-cont-wrap .report-wrap#order .graph-area .graph-description > ul li ul {
	background: #F6F6F6;
	border-radius: 3px;
	border: #D6D6D6 solid 1px;
	margin: 0 20px 0 -20px;
	height: auto;
	padding: 0 20px 0 20px;
}
#results-report-contents .rep-main-cont-wrap .report-wrap#order .graph-area .graph-description > ul li ul li label {
	margin-right: 20px;
}
#results-report-contents .rep-main-cont-wrap .report-wrap .graph-area .graph-description ul li ul li:last-of-type label {
	margin-right: 0!important;
}
#results-report-contents .rep-main-cont-wrap .report-wrap .graph-area .graph-description .fo-checkbox {
	margin: 5px 0 5px 0;
}
#results-report-contents .rep-main-cont-wrap .report-wrap .graph-area .graph {
	overflow: hidden;
}
.proposal-banner {
  width: 100%;
  overflow: hidden;
  position: relative;
  display: flex;
  background: #fff;
  border-radius: 10px;
  align-items: center;
  min-height: 75px;
  border: 1px solid #E87C7C;
}
.proposal-banner.is-discountCampaig {
  border: 1px solid #E87C7C;
}
.proposal-banner.is-freeShippingCampaign {
  border: 1px solid #F1A134;
}
.proposal-banner.is-mailMagazineDelivery {
  border: 1px solid #4B82C0;
}
.proposal-banner.is-exhibitNewProduct {
  border: 1px solid #956DAE;
}
.proposal-banner.is-exhibitTimelyProduct {
  border: 1px solid #60C4BC;
}
.proposal-banner.is-existPreExhibitProduct {
  border: 1px solid #8DBF15;
}
.proposal-banner::before {
  position: absolute;
  content: "";
  width: 50px;
  height: 100%;
}
.proposal-banner.is-discountCampaign::before {
  background: url("/img-dealer/top/icon_promotionProposal_sale.svg") no-repeat 50% 50% ;
  background-color: #E87C7C;  
}
.proposal-banner.is-freeShippingCampaign::before {
  background: url("/img-dealer/top/icon_promotionProposal_box.svg") no-repeat 50% 50% ;
  background-color: #F1A134;
}
.proposal-banner.is-mailMagazineDelivery::before {
  background: url("/img-dealer/top/icon_promotionProposal_mail.svg") no-repeat 50% 50% ;
  background-color: #4B82C0;  
}
.proposal-banner.is-exhibitNewProduct::before {
  background: url("/img-dealer/top/icon_promotionProposal_fashion.svg") no-repeat 50% 50% ;
  background-color: #956DAE;  
}
.proposal-banner.is-exhibitTimelyProduct::before {
  background: url("/img-dealer/top/icon_promotionProposal_watch.svg") no-repeat 50% 50% ;
  background-color: #60C4BC;
}
.proposal-banner.is-existPreExhibitProduct::before {
  background: url("/img-dealer/top/icon_promotionProposal_glass.svg") no-repeat 50% 50% ;
  background-color: #8DBF15;
}
.proposal-lead {
  display: block;
  font-size: 12px;
  font-weight: 600;
}
.proposal-banner.is-discountCampaign .proposal-lead {
  color: #E87C7C;
}
.proposal-banner.is-freeShippingCampaign .proposal-lead {
  color: #F1A134;
}
.proposal-banner.is-mailMagazineDelivery .proposal-lead {
  color: #4B82C0;
}
.proposal-banner.is-exhibitNewProduct .proposal-lead {
  color: #956DAE;
}
.proposal-banner.is-exhibitTimelyProduct .proposal-lead {
  color: #60C4BC;
}
.proposal-banner.is-existPreExhibitProduct .proposal-lead {
  color: #8DBF15;
}
.proposal .proposal-catch {
  font-size: 19px;
  font-weight: 600;
  margin-top: 4px;
  color: #333;
}
.proposal-title {
  position: relative;
  padding: 10px 30px 10px 80px
}
.proposal-title::before {
  content: "";
  position: absolute;
  background: #CCCCCC;
  width: 1px;
  height: 80%;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.proposal-period {
  font-size: 12px;
}
.proposal-description {
  display: flex;
  align-items: center;
  justify-content: space-between;  
  padding: 5px 2.3%;
  flex-grow: 1;
}
#index-report .proposal-description .proposal-description-text {
  min-width: 30%;
}
.proposal-description p {
  margin: 0;
  font-size: 14px;
}
.proposal-description a {
  font-size: 12px;
}
.proposal-button {
  padding-left: 27px;
  flex-shrink: 0;
}
.proposal-link {
  display: inline-block;
  padding: 6px 29px;
  border: 1px solid #0066CC;
  background: #fff;
  border-radius: 60px;
  color: #0066CC;
}
.proposal .proposal-link {
  font-size: 16px;
}
.proposal .proposal-link,
.proposal .proposal-link:visited,
.proposal .proposal-link:link {
  color: #0066CC;
}
.proposal .proposal-link:hover {
  background: #0066CC;
  color: #fff;
  text-decoration: none;
}

#results-report-contents .proposal .proposal-catch {
  font-size: 17px;
}
#results-report-contents .proposal-title {
  padding: 10px 5% 10px 70px;
}
#results-report-contents .proposal .proposal-banner {
  display: grid;
  grid-template-columns: 50% 50%;
}
#results-report-contents .proposal .promotion-proposal-item:nth-child(n+2) {
  margin-top: 15px;
}
#results-report-contents .proposal-description {
  padding: 5px 5%;
  font-size: 13px;
}
#results-report-contents .proposal-button {
  padding-left: 5%;
}
#results-report-contents .proposal .proposal-link {
  font-size: 14px;
}
#results-report-contents .rep-main-cont-wrap .report-wrap .list-searchbox {
	display: none;
	width: 320px;
	padding: 0 0 5px;
	margin-left: 20px;
	float: left;
	clear: both;
}
#results-report-contents .rep-main-cont-wrap .report-wrap .rep-main-cont-ttl-wrap + div:not(.graph-area) {
	padding-top: 25px;
}
#results-report-contents .rep-main-cont-wrap .report-wrap .list-searchbox .searchbox {
	display: flex;
}
#results-report-contents .rep-main-cont-wrap .report-wrap .list-searchbox .search-text {
	width: 100%;
	border-radius: 5px 0px 0px 5px;
	border-style: solid;
	border-color: #cccccc;
	background: #fff;
	border-width: 1px 0 1px 1px;
	-webkit-appearance: none;
	height: 35px;
	line-height: 35px;
	padding: 3px 10px;
}
#results-report-contents .rep-main-cont-wrap .report-wrap .list-searchbox .search-text::-webkit-search-cancel-button {
	display: none;
}
#results-report-contents .rep-main-cont-wrap .report-wrap .list-searchbox .search-text::-ms-clear {
	display: none;
}
#results-report-contents .rep-main-cont-wrap .report-wrap .list-searchbox .search-text::placeholder {
	color: #808080;
	font-family: "メイリオ", Meiryo, "Hiragino Sans", sans-serif;
	font-size: 12px;
}
#results-report-contents .rep-main-cont-wrap .report-wrap .list-searchbox .search-text:-ms-input-placeholder {
	color: #808080;
	font-family: "メイリオ", Meiryo, "Hiragino Sans", sans-serif;
	font-size: 12px;
}
#results-report-contents .rep-main-cont-wrap .report-wrap .list-searchbox .search-text::-ms-input-placeholder {
	color: #808080;
	font-family: "メイリオ", Meiryo, "Hiragino Sans", sans-serif;
	font-size: 12px;
}
#results-report-contents .rep-main-cont-wrap .report-wrap .list-searchbox .search-button {
	width: 50px;
	height: 34px;
	background-color: #595959;
	background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #000000),color-stop(1, #595959));
	border-style: solid;
	border-color: #cccccc;
	border-width: 1px 1px 1px 0;
	border-radius: 0 5px 5px 0;
	overflow: hidden;
	box-sizing: content-box;
}
#results-report-contents .rep-main-cont-wrap .report-wrap .list-searchbox .search-button input:hover {
	background-color: #333333;
	cursor: pointer;
}
#results-report-contents .rep-main-cont-wrap .report-wrap .list-searchbox .search-button input {
	width: 100%;
	height: 100%;
	background: url('/img/common/header/search/search_btn_00.png') center no-repeat;
	background-size: 18px;
	border: none;
	padding: 0;
}
.rep-product-list-wrap {
	min-height: 500px;
	margin-top: 10px;
	text-align: center;
}
.rep-product-list-wrap table {
	width: 100%;
	padding: 0 20px;
	border-collapse: separate;
	text-align: left;
	table-layout: auto;
	vertical-align: middle;
}
.rep-product-list-wrap table th,
.rep-product-list-wrap table td {
	word-break: break-all;
	word-wrap: break-word;
	border-bottom: #DFE5E9 solid 1px;
	padding: 10px;
	vertical-align: middle;
}
.rep-product-list-wrap table tr:nth-of-type(odd) {
	background: #F5F9FB;
}
.rep-product-list-wrap table th  {
	vertical-align: middle;
	text-align: center;
	background: #D7E8EE;
	border-right: #80C2D9 solid 1px;
	font-weight: 600;
	line-height: 1.2;
	padding: 5px 10px 4px;
}
.rep-product-list-wrap table th:nth-of-type(2),
.rep-product-list-wrap table th:nth-of-type(3) {
	min-width: calc(5em + 21px);
}
/* 受注金額は改行させない */
.rep-product-list-wrap .product-orderAmount {
	word-break: keep-all;
}
.rep-product-list-wrap table th:nth-of-type(4) {
	min-width: calc(6em + 21px);
}
.rep-product-list-wrap table th:nth-of-type(5) {
	min-width: calc(4em + 21px)!important;
}
.rep-product-list-wrap table th a,
.rep-product-list-wrap table th a:visited {
	color: #0066CF;
	text-decoration: none;
}
.rep-product-list-wrap:not(#index-product-list) table th.sort-on,
.rep-product-list-wrap:not(#index-product-list) table th.sort-on:visited,
.rep-product-list-wrap:not(#index-product-list) table th.sort-on:active,
.rep-product-list-wrap:not(#index-product-list) table th.sort-on:hover,
.rep-product-list-wrap:not(#index-product-list) table th:not(:nth-of-type(1)):not(:nth-of-type(2)):active,
.rep-product-list-wrap:not(#index-product-list) table th:not(:nth-of-type(1)):not(:nth-of-type(2)):hover {
	background: #80C2D9;
}
.rep-product-list-wrap:not(#index-product-list) table th.sort-on > * {
	color: #fff;
}
.rep-product-list-wrap:not(#index-product-list) table th.sort-on a,
.rep-product-list-wrap:not(#index-product-list) table th.sort-on:visited a,
.rep-product-list-wrap:not(#index-product-list) table th.sort-on:hover a span,
.rep-product-list-wrap:not(#index-product-list) table th:not(:nth-of-type(1)):not(:nth-of-type(2)):active,
.rep-product-list-wrap:not(#index-product-list) table th:not(:nth-of-type(1)):not(:nth-of-type(2)):hover, 
.rep-product-list-wrap:not(#index-product-list) table th:not(:nth-of-type(1)):not(:nth-of-type(2)):active a,
.rep-product-list-wrap:not(#index-product-list) table th:not(:nth-of-type(1)):not(:nth-of-type(2)):hover a {
	color: #fff;
	cursor: pointer;
	text-decoration: none;
}
.rep-product-list-wrap:not(#index-product-list) table th.sort-on:not(:nth-of-type(1)):not(:nth-of-type(2)),
.rep-product-list-wrap:not(#index-product-list) table th.sort-on:not(:nth-of-type(1)):not(:nth-of-type(2)):hover a,
.rep-product-list-wrap:not(#index-product-list) table th.sort-on:not(:nth-of-type(1)):not(:nth-of-type(2)):hover a span {
	cursor: default;
}
.rep-product-list-wrap table .co-db {
	font-size: 11px;
}
.rep-product-list-wrap table td {
	border-right: #DFE5E9 solid 1px;
}
.rep-product-list-wrap table th:last-child,
.rep-product-list-wrap table td:last-child {
	border-right: none;
}
.rep-product-list-wrap table td.product-detail  {
	padding-left: 0;
	word-break: break-all;
	word-wrap: break-word;
}
.rep-product-list-wrap table td .item-img-wrap {
	flex-shrink: 0;
	width: 60px;
	height: 60px;
    display: inline-flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}
.rep-product-list-wrap table td .item-img {
	max-width: 60px;
	max-height: 60px;
}
.rep-product-list-wrap table td span.item-img {
	vertical-align: middle;
    display: flex;
	justify-content: center;
	align-items: center;
	background: #E8E8E8;
	border: solid 1px #CCC;
	color: #aaa;
	width: 100%;
	height: 100%;
	font-weight: 600;
	font-size: 11px;
	padding: 3px;
}
.rep-product-list-wrap table td .item-img-wrap,
.rep-product-list-wrap table td > div {
	margin-left: 10px;
	vertical-align: middle;
}
.rep-product-list-wrap table td > div:not(.item-img-wrap) {
	display: inline-block;
	width: calc(100% - 80px);
}
.rep-product-list-wrap table td:nth-of-type(3),
.rep-product-list-wrap table td:nth-of-type(4),
.rep-product-list-wrap table td:nth-of-type(5) {
	text-align: right;
}
.rep-product-list-wrap .no-product {
	font-size: 20px;
	margin: 55px 30px;
}
#results-report-contents .rep-main-cont-wrap .report-wrap .co-pager:not(.bottom) {
	margin: 0 20px;
	padding: 8px 0 5px;
	float: right;
}
#results-report-contents .rep-main-cont-wrap .report-wrap .co-pager.bottom {
	padding: 20px 0;
	margin: -1px 20px 0;
	border-top: #DFE5E9 solid 1px;
}

#results-report-contents .print-cap {
	font-size: 18px;
	margin-bottom: 10px;
}
#results-report-contents .rep-main-cont-wrap .print-only {
	display: none;
}
@media print {
	#results-report-contents .rep-main-cont-wrap .print-only {
		display: block;
	}
	#results-report-contents .results-report-menu-wrap,
	#results-report-contents .rep-main-cont-wrap .no-print {
		display: none;
	}
	#results-report {background: none;}
	#results-report-contents .rep-main-cont-wrap {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		margin-left: 0;
	}
	#results-report-contents .rep-main-cont-wrap .report-wrap {
		border: 1px #ccc solid;
	}
	#results-report-contents .rep-main-cont > div {
		page-break-inside: avoid;
	}
	#results-report-contents .rep-main-cont-wrap .report-wrap .graph-area,
	#results-report-contents .rep-main-cont-wrap .report-wrap .graph-area .graph-description{
		padding-bottom: 0;
	}
	#results-report-contents .rep-main-cont-wrap .report-wrap .graph-area .proposal {
		margin: 5px 0 20px;
		font-size: 93%;
	}
	.proposal .proposal-catch {
		font-size: 18px;
		padding-left: 22px;
		margin-right: 10px;
	}
	.proposal .proposal-catch:before{
		height: 22px;
		width: 22px;
	}
	.proposal .proposal-link, .proposal .proposal-link:visited, .proposal .proposal-link:link {
		font-size: 12px;
		height: 29px;
	}
}


/* 管理画面トップ
-------------------------------------------------------------- */
#content-index {
	padding: 1px 20px 100px;
	background-color: #f6f6f6;
	margin-bottom: -115px;
}
#content-index a { outline: none; }
#content-index * { box-sizing: border-box; }
#content-index li {list-style-type: none;}

#content-index .indexinner {
    max-width: 1300px;
    min-width:960px;
    margin:0 auto;
}
#index-todo, .infomation-wrap, .index-event .feature, #index-product-list {
	box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.04);
	background: #fff;
	padding: 20px 15px 9px 15px;
}
.todo-info-wrap {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	margin-top: 30px;
}
/*** サブタイトル ***/
#content-index .index-subttl {
	font-size: 20px;
	font-weight: 600;
	color: #666;
}
/* 出展準備タスクパネル */
#before-exhibit .before-exhibit-lead {
	font-size: 13px;
	line-height: 1.5;
}
#before-exhibit .top-main-panel { 
	box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.04);
	max-width: 1000px;
	margin: 0 auto;
	color: #333;
}
#before-exhibit .bookmark {
	background-color: #008BB9;
	text-align: center;
}
#before-exhibit .bookmark p {
	display: inline-block;
	color: #fff;
	background-image: url(/img-dealer/contents/panel/bookmark.svg);
	background-position: left center;
	background-repeat: no-repeat;
	padding: 10px 0 10px 65px;
	margin: 0;
}
#before-exhibit .panel-tit {
	text-align: center;
	padding: 10px;
	background: #2F6AA8;
	border-radius: 10px 10px 0 0;
	font-size: 20px;
	color: #fff;
	font-weight: bold;
}
#before-exhibit .before-exhibit-inner {
	padding: 15px min(3%,24px) 30px;
	background: #fff;
}
#before-exhibit .before-exhibit-list {
	display: flex;
	justify-content: center;
	gap: 10px;
	font-size: 14px;
}
#before-exhibit .before-exhibit-list .inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 100%;
	padding: 15px 0;
	line-height: 1.6;
	min-height: 142px;
}
#before-exhibit .before-exhibit-list .before-exhibit-item-title {
	font-weight: bold;
	font-size: 15px;
}
#before-exhibit .before-exhibit-list a {
	text-decoration: underline;
	color: #333;
}
#before-exhibit .before-exhibit-list a:hover {
	color: #2F6AA8;
}
#before-exhibit .before-exhibit-list li {
	position: relative;
	border-radius: 6px;
	overflow: hidden;
	border: 2px solid #2F6AA8;
	background: #DEEEFF;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	width: calc(calc(100% - 20px) / 3);
}
#before-exhibit .before-exhibit-list li::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 42px 42px 0 0;
	border-color: #2F6AA8 transparent transparent transparent;	
}
#before-exhibit .before-exhibit-list li.kouza {
	background-image: url("/img-dealer/top/bg_before_exhibit_01.png");
}
#before-exhibit .before-exhibit-list li.info {
	background-image: url("/img-dealer/top/bg_before_exhibit_02.png");
}
#before-exhibit .before-exhibit-list li.product {
	background-image: url("/img-dealer/top/bg_before_exhibit_03.png");
}
#before-exhibit .before-exhibit-point {
	padding: 13px 24px;
	background: #FFFDE6;
	border: 1px solid #fff;
	border-top: 1px solid #EDE9CF;	
}
#before-exhibit .before-exhibit-point dl {
	display: grid;
	grid-template-columns: 125px 1fr;
}
#before-exhibit .before-exhibit-point dt {
	position: relative;
	font-weight: bold;
	background-image: linear-gradient(to right, #777777, #777777 2px, transparent 2px, transparent 6px);
	background-size: 6px 2px;
	background-position: left center;
	background-repeat: repeat-x;
}
#before-exhibit .before-exhibit-point span {
	background: #FFFDE6;
	display: inline-block;
	z-index: 2;
	position: relative;
	padding-right: 2px;
}
#before-exhibit .before-exhibit-point dd a {
	position: relative;
	padding-right: 3px;
	margin-right: 10px;	
	color: #06c;
}
#before-exhibit .before-exhibit-point dd a:not(:last-child)::after {
	content: "/";
	position: absolute;
	left: 100%;
	color: #000;	
}
#before-exhibit .before-exhibit-point :is(dd,dt):nth-of-type(n+2) {
	margin-top: 5px;
}
#before-exhibit .before-exhibit-point-title {
	padding-left: 20px;
	font-weight: bold;
	font-size: 14px;
	background: url("/img-dealer/icon/icon_pen.svg") no-repeat 0 0 / contain;
}
#before-exhibit .before-exhibit-report {
	margin-top: 20px;
	display: flex;
	flex-direction: column;
	align-items: center;	
}
#before-exhibit .before-exhibit-report-title {
	margin-bottom: 4px;
	color: #666666;
	font-weight: bold;
	font-size: 14px;
}

/* #before-exhibit .panel-h {
	font-size: 16px;
	margin: 0 20px 20px 0;
}
#before-exhibit .panel-h .panel-h-num {
	color: #2f6aa8;
	font-size: 30px;
	margin-right: 12px;
	vertical-align: middle;
	line-height: 1;
	font-style: italic;
	font-weight: bold;
}
#before-exhibit .panel-h .panel-h-txt {
	display: inline-block;
	border-bottom: 1px #333333 solid;
	font-weight: bold;
	vertical-align: middle;
	margin-bottom: 4px;
}
#before-exhibit .panel-tit{
	height: 50px;
	padding-top: 15px;
	box-sizing: border-box;
	background-color: #eee;
	border-bottom: 1px solid #ccc;
	background: url(/img-dealer/contents/panel/icon_tit.png) #eee 5px -6px no-repeat;
}
#before-exhibit .panel-tit p{
	float: left;
	font-size: 16px;
	font-weight: bold;
	padding-left: 90px;
	margin: 0;
	letter-spacing: 0.1em;
	display: inline-block;
}
#before-exhibit .panel-tit a{
	float: right;
	padding-right: 15px;
}
#before-exhibit .panel-main {
	margin: 0 auto;
	padding: 28px 0 20px;
	display: flex;
	justify-content: center;
	font-size:13px;
} */
/* #before-exhibit .panel-main > div{
	box-sizing: border-box;
	text-align: center;
	position: relative;
}
#before-exhibit .panel-main > div > img {
	display: block;
	margin: 0 auto;
}
#before-exhibit .panel-main > div:not(:first-child):before {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-color: #ffffff #84b9e5;
	border-width: 11px 0 11px 12px;
	position: absolute;
	left: -6px;
	top: calc(50% - 11px);
} */
/* #before-exhibit .panel-main li { padding-bottom: 5px; }
#before-exhibit .panel-main li:last-child { padding-bottom: 0; }
#before-exhibit .panel-main ul {
	margin: 20px auto 0;
	text-align: left;
	list-style: none;
	display: inline-block;
}
#before-exhibit .cap-l {width: 27.5%;}
#before-exhibit .cap-c {
	width: 45%;
	border-left:1px dotted #ccc;
}
#before-exhibit .cap-c > img { padding-right: 15px; }
#before-exhibit .cap-r {
	width: 27.5%;
	border-left:1px dotted #ccc;
}
#before-exhibit .posting-panel .cap-l,
#before-exhibit .posting-panel .cap-r { width: 37%; }
#before-exhibit .cap-c ul { width: 245px; }
#before-exhibit .cap-c li { float: left; }
#before-exhibit .cap-c li:nth-child(2n+1) { width: calc(100% - 9em); }
#before-exhibit .cap-c li:nth-child(2n) { width: 9em; }
#before-exhibit .panel-form {
	background-color: #e5f1fa;
	text-align: center;
	position: relative;
	padding-top: 35px;
}
#before-exhibit .panel-form:after {
	content: '';
	display: block;
	height: 0;
	width: 0;
	border-style: solid;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
    margin:auto;
}
#before-exhibit .panel-form:after {
	border-color: #ffffff transparent transparent;
	z-index: 2;
	border-width: 20px 30px 0;
}
#before-exhibit .panel-ar {display: block;}
#before-exhibit .apply-form {padding-bottom: 20px;}
#before-exhibit .apply-form .exlink{
	margin: 0 auto;
	width: 153px;
	height: 29px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: block;
	background: url("/img-dealer/contents/panel/btn_exhibit.gif") top left no-repeat;
}
#before-exhibit .apply-form .exlink:hover {background-position: 0 -29px;} */

/*** 出展当日のあいさつ ***/
#content-index .hello-exhibit {
	font-size: 30px;
	color: #333;
	text-align: center;
	margin: 35px ;
	line-height: 1;
}
#content-index .hello-exhibit:before {
	content: url('/img-dealer/top/img_happy.png');
	vertical-align: sub;
    transform:scaleX(-1);
	margin-right:30px;
    display: inline-block;
}
#content-index .hello-exhibit:after {
	content: url('/img-dealer/top/img_happy.png');
	vertical-align: sub;
	margin-left:25px;
    display: inline-block;
}
/*** ToDo説明：出展後7日間表示 ***/
/* ToDoがない場合 */
#index-newexhibit {
	background-color: #dae4f0;
	padding: 25px 20px 30px;
	text-align: center;
	margin-top: 30px;
}
#index-newexhibit p {
	font-size: 15px;
	margin-bottom: 3px;
}
/* ToDoがある場合 */
#index-newexhibit.small-panel {
	padding: 10px 20px 7px;
	margin: 0 auto 15px;
}
#index-newexhibit.small-panel p {
	font-size: 14px;
}

/*** ToDo ***/
#index-todo,#before-exhibit {
	width: 56%;
}
#index-todo .todo-list-sub {
	width: 100%;
}
#index-todo .todo-box {
	border: #E9E9F0 solid 1px;
	background: #F6F6F6;
	display: inline-block;
	border-radius: 6px;
	vertical-align: middle;
	min-width: 125px;
	position: relative;
	margin-right: 10px;
	margin-bottom: 11px;
}
#index-todo .todo-box:last-child {
	margin-right: 0;
}
#index-todo .todo-box:hover {
	border-color: #AAAAAA;
	background: #F6F6F6;
}
#index-todo .todo-box a {
	padding: 10px 55px 8px 10px;
	display: inline-block;
	color: #666;
	font-size: 15px;
	font-weight: 600;
	line-height: 24px;
	text-decoration: none;
	width: 100%;
}
#index-todo .todo-list > .todo-box:first-child a {
	padding-left: 38px;
	background: url(/img-dealer/common/header/main_msg_00.png) no-repeat 10px center;
}
#index-todo .todo-list > .todo-box:nth-of-type(2) a {
	padding-left: 40px;
	background: url(/img-dealer/common/header/main_customer_00.png) no-repeat 10px center;
}
#index-todo .todo-box a:before {
	content: "---";
	display: inline-block;
	position: absolute;
	top: calc(50% - 12px);
	right: 10px;
	text-align: center;
	width: 26px;
	height: 24px;
	line-height: 24px;
	z-index: 1;
}
#index-todo .todo-box.nothing-new a {
	color: #AAA;
}
#index-todo .todo-box .index-count {
	display: inline-block;
	position: absolute;
	z-index: 3;
	right: 10px;
	top: calc(50% - 12px);
	padding-top: 2px;
	line-height: 21px;
	font-size: 14px;
	background: #dc4d4d;
	color: #ffffff;
	border-radius: 3px;
	min-width: 26px;
	text-align: center;
	margin-left: 5px;
	vertical-align: middle;
}
#index-todo .todo-box.nothing-new .index-count {
	display: none;
}


/*** お知らせ・SD運営のいろは ***/
#index-info-top {
	background-color: #FFFDE6;
	border-bottom: #E3DA9C solid 1px;
	padding: 10px;
	text-align: center;
}
#index-info-top .irregular-notice a.co-attention2 {
	display: inline-block;
	padding-top: 3px;
}
#index-info-top .irregular-notice.co-attention2 a:hover {
	background-color: #FFFDE6;
}
#critical-announce .alert-message {
	font-size: 22px;
}
.critical-announce {
	padding: 50px 40px 20px;
	margin-top: 20px;
	background-color: #FFE0DF;
	border: 2px solid #DC4D4D;
	border-radius: 8px;
	text-align: center;
}
.critical-announce-list {
	font-size: 18px;
}
.critical-announce-list li {
	padding: 25px 0;
}
.critical-announce-list li:nth-child(n+2) {
	border-top: 1px solid #DC4D4D;
}
.critical-announce-heading-secondary {
	font-weight: bold;
	margin-bottom: 20px;
}
.critical-announce .critical-inner {
	max-width: 648px;
	margin: 0 auto;
}
.critical-announce .critical-confirm-link {
	display: inline-block;
	margin-top: 17px;
}
#content-index .indexinner .todo-info-wrap .infomation-wrap {
	background-color: #fff;
	overflow: hidden;
	width: 43%;
	line-height: 1.2;
}
#index-blog-info {
	border-top: 1px solid #dddddd;
	margin-top: 12px;
	margin-bottom: 4px;
	padding-top: 17px;
}
#index-info .index-subttl,
#index-blog-info .blog-ttl {
	float: left;
}
#index-blog-info .blog-ttl {
	font-size: 20px;
	font-weight: 600;
	color: #666666;
	margin-bottom: 3px;
	padding-left: 10px;
}
#index-blog-info .blog-ttl span {
	font-size: 13px;
	font-weight: normal;
	padding-left: 8px;
}
#index-info ul,
#index-blog-info .blog-info-wrap {
	clear: both;
	list-style: none;
	width: 100%;
}
#index-blog-info .swiper-wrapper {
	align-items: center;
}
#index-blog-info .blog-info-wrap .swiper-slide {
	max-width: 170px;
	overflow: hidden;
}
#index-blog-info .blog-info-wrap .swiper-slide:hover {
	cursor: pointer;
}
#index-blog-info .blog-info-wrap .swiper-slide a {
	display: block;
}
#index-blog-info .blog-info-wrap .swiper-slide img {
	transition: all 0.3s linear;
	max-width: 100%;
}
#index-blog-info .blog-info-wrap .swiper-slide:hover img {
	transform:scale(1.1);
}
#index-blog-info .blog-info-wrap {
	position: relative;
	overflow: hidden;
}
#index-blog-info :is(.swiper-button-prev,.swiper-button-next) {
	position: absolute;
	top: 0;
	background: rgba(255,255,255,.7);
	width: 22px;
	height: 100%;
	z-index: 2;
	border: none;
	cursor: pointer;
	outline: none;
	padding: 0;
	appearance: none;
	transition: .3s;
}
#index-blog-info .swiper-button-prev {
	left: 0;
}
#index-blog-info .swiper-button-prev::before, #index-blog-info .swiper-button-next::before {
	content: "";
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 7px;
	height: 7px;	
}
#index-blog-info .swiper-button-prev::before {
	border-left: 1px solid #707070;
	border-bottom: 1px solid #707070;
  transform: rotate(45deg) translate(-50%,-50%);
}
#index-blog-info .swiper-button-next::before {
	border-right: 1px solid #707070;
	border-bottom: 1px solid #707070;
  transform: rotate(-45deg) translate(-50%,-50%);
}
#index-blog-info .swiper-button-next {
	right: 0;
}
#index-blog-info :is(.swiper-button-prev,.swiper-button-next):hover {
	background: rgba(0,0,0,.3);
}
#index-blog-info :is(.swiper-button-prev,.swiper-button-next):hover::before {
	border-color: #fff;
}
#index-info li.index-infotxt,
#index-info li a {padding: 4px 10px;}
#index-info li a:link,
#index-info li a:visited,
#index-info li a:active,
#index-info li a:hover {color: #333;}
#index-info li .info-date {
	display: block;
	font-weight: 600;
	vertical-align: middle;
	font-size: 11px;
	color: #AAA;
}
#index-info li .info-date.new-info {
	color: #DC4D4D;
}
#index-info .info-date .new-icon {
	display: none;
}
#index-info .info-date.new-info .new-icon {
	border-radius: 8px;
	font-size: 11px;
	margin-left: 5px;
	display: inline-block;
	vertical-align: middle;
}
#index-info li.index-infotxt,
#index-info li .info-title {
	display:block;
	width:100%;
	text-decoration: none;
}
#index-info li:not(.index-infotxt):hover .info-date,
#index-info li:not(.index-infotxt):hover a {
	background-color: #eee; text-decoration: none;
}
#index-info .no-massage {
	padding-top: 40px;
	clear: both;
	color: #AAA;
}

/* メンテ告知や遅延のお詫び */

#index-info .irregular-notice a {
	display:block;
	width:100%;
	padding:8px 0;
	text-decoration: none;
}
#index-info .notice a {
	display:block;
	width:100%;
	text-decoration: none;
}

#index-info .irregular-notice .co-attention2 {
	background-position:1em center;
	padding-left:35px;
}

/*** 企業情報定期確認モーダル ***/
#dealer-regularly-check-modal .check-modal-inner {
	background-color: #ffffff;
	width: 700px;
	border-radius: 10px;
	overflow: hidden;
}
#dealer-regularly-check-modal .check-modal-inner h2 {
	background-color: #1b76d1;
	font-size: 16px;
	padding: 10px 20px;
	color: #ffffff;
}
#dealer-regularly-check-modal .check-modal-inner h2::before {
	content: '';
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 37px;
	height: 33px;
	vertical-align: middle;
	margin-right: 3px;
	background: url('/img-dealer/common/icon/building_00.svg') center center / contain no-repeat;
}
/* 導入 */
#dealer-regularly-check-modal .check-modal-intro {
	background-color: #eef6fd;
	padding: 15px 25px;
}
#dealer-regularly-check-modal .check-modal-intro h3 {
	font-size: 23px;
	margin-bottom: 5px;
}
#dealer-regularly-check-modal .check-modal-intro h3 span { color: #ec6b6b; }
#dealer-regularly-check-modal .check-modal-intro p { font-size: 14px; }
/* 確認項目 */
#dealer-regularly-check-modal .check-modal-items {
	padding: 30px 30px 40px;
	max-height: 58vh;
	min-height: 200px;
	overflow-y: auto;
}
#dealer-regularly-check-modal .check-modal-items h4 {
	font-size: 16px;
	margin: 30px 0 5px;
	font-weight: 600;
}
#dealer-regularly-check-modal .check-modal-items dl {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
}
#dealer-regularly-check-modal .check-modal-items dl dt:not(:first-of-type),
#dealer-regularly-check-modal .check-modal-items dl dd:not(:first-of-type) { margin-top: 4px; }
#dealer-regularly-check-modal .check-modal-items dl dt {
	width: 120px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
#dealer-regularly-check-modal .check-modal-items dl dt::after {
	content: '：';
	margin-right: 5px;
}
#dealer-regularly-check-modal .check-modal-items dl dd {
	width: calc(100% - 120px);
}
/* メアド */
#dealer-regularly-check-modal .check-modal-items .mail-check span { display: inline-block; }
#dealer-regularly-check-modal .check-modal-items .mail-check span:not(:last-child)::after {
	content: ',';
	margin: 0 3px;
}
/* 営業日時 */
#dealer-regularly-check-modal .check-modal-items .business-day-list {
	display: flex;
	align-items: center;
	fonst-size: 12px;
}
#dealer-regularly-check-modal .check-modal-items .business-day-list li {
	border: 1px #cccccc solid;
	color: #cccccc;
	padding: 1px 8px 0;
}
#dealer-regularly-check-modal .check-modal-items .business-day-list li:not(:first-child) { margin-left: 6px; }
#dealer-regularly-check-modal .check-modal-items .business-day-list li.active {
	border-color: #0066cc;
	color: #0066cc;
	background-color: #f2f8ff;
}
#dealer-regularly-check-modal .check-modal-items .business-time span {
	display: inline-block;
	vertical-align: middle;
	width: 3.6em;
}
/* ボタン */
#dealer-regularly-check-modal .btn-area {
	text-align: center;
	margin-top: 40px;
	padding-top:30px;
	border-top: 1px #cccccc solid;
}
/*** イベント情報 ***/
.index-event {
	display: flex;
	flex-wrap: wrap;	
}
.index-event .feature {
	width: 100%;
	display: grid;
	grid-template-rows: auto 1fr;
	grid-template-columns: auto 1fr;
	align-items: flex-start;
	color: #666;
	padding-top: 15px;
	padding-bottom: 15px;
	font-size: 14px;
}
.index-event .feature p { margin: 0; }
.index-event .feature > img {
	grid-row: 1 / 3;
	grid-column: 1 / 2;
	border: 1px solid #ddd;
	margin-right: 20px;
}
.index-event .feature .title-wrap {
	grid-row: 1 / 2;
	grid-column: 2 / 3;
	display: flex;
	align-items: center;
	position: relative;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #ddd;
}
.index-event .feature .title-wrap .collect {
	color: #fff;
	padding: 4px 5px 3px 7px;
	background-color: #DC4A45;
	margin-right: 20px;
	max-height: 26px;
	position: relative;
}
.index-event .feature .title-wrap .collect::before {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 13px 0 13px 10px;
	border-color: transparent transparent transparent #DC4A45;
	position: absolute;
	right: -9.5px;
	top: 0;
}
.index-event .feature .title-wrap .title { font-size: 20px; }
.index-event .feature .title-wrap .title span {
	font-size: 15px;
	font-weight: normal;
	margin-left: 10px;
	vertical-align: middle;
}
.index-event .feature .title-wrap .domestic-sale {
	position: absolute;
	right: 0;
	padding: 2px 8px;
	background-color: #aaa;
	color: #fff;
	font-size: 13px;
}
.index-event .feature .detail-wrap {
	grid-row: 2 / 3;
	grid-column: 2 / 3;
	display: grid;
	align-items: flex-start;
	grid-template-rows: auto 1fr;
	grid-template-columns: auto 1fr;
	width: 100%;
}
.index-event .feature .detail-wrap .detail {
	display: flex;
	align-items: center;
}
.index-event .feature .detail-wrap .detail.date-wrap {
	grid-row: 1 / 2;
	grid-column: 1 / 2;
	margin-bottom: 8px;
}
.index-event .feature .detail-wrap .detail.due-wrap {
	grid-row: 2 / 3;
	grid-column: 1 / 2;
}
.index-event .feature .detail-wrap .detail.target-wrap {
	grid-row: 1 / 3;
	grid-column: 2 / 3;
	border-left: 1px dashed #ddd;
	padding-left: 30px;
	margin-left: 30px;
	align-items: flex-start;
}
.index-event .feature .detail-wrap .detail dt {
	font-size: 13px;
	color: #21C089;
	padding: 3px;
	width: 78px;
	border: 1px solid #21C089;
	margin-right: 7px;
	flex-shrink: 0;
}
.index-event .feature .detail-wrap .detail.target-wrap dd { width: 90%; }
.index-event .feature.pre-order .detail-wrap .detail.target-wrap dd,
.index-event .feature.bargain-sale .detail-wrap .detail.target-wrap dd { line-height: 1.8; }
.index-event .feature.bargain-sale .detail-wrap .detail.target-wrap dd .gray { color: #666; }
.index-event .feature .detail-wrap .detail.target-wrap dd .font-big {
	font-size: 22px;
	line-height: 0;
}
.index-event .feature .detail-wrap .detail.target-wrap dd a span { font-size: 12px; }
/*** イベント情報（バナー2つのとき） ***/
.index-event.col--2 { justify-content: space-between; }
.index-event.col--2 .feature { width: calc((100% - 10px) / 2); }
.index-event.col--2 .feature > img {
	grid-row: 2 / 3;
	grid-column: 1 / 2;
	margin-right: 10px;
}
.index-event.col--2 .feature .title-wrap {
	grid-row: 1 / 2;
	grid-column: 1 / 3;
}
.index-event.col--2 .feature .title-wrap .collect {
	padding: 11px 10px;
	max-height: 41px;
}
.index-event.col--2 .feature .title-wrap .collect::before { border-width: 20.5px 0 20.5px 10px; }
.index-event.col--2 .feature .title-wrap .title { 
	display: flex;
    flex-direction: column;
}
.index-event.col--2 .feature .title-wrap .title span { margin-left: 0; }
.index-event.col--2 .feature .detail-wrap {
	grid-row: 2 / 3;
	grid-column: 2 / 3;
	display: flex;
	flex-direction: column;
}
.index-event.col--2 .feature .detail-wrap .detail.date-wrap,
.index-event.col--2 .feature .detail-wrap .detail.due-wrap { margin-bottom: 8px; }
.index-event.col--2 .feature .detail-wrap .detail.target-wrap {
	padding-left: 0;
    margin-left: 0;
	border-left: none;
}
/*** イベント情報（バナー3つのとき） ***/
.index-event.col--3 { justify-content: space-between; }
.index-event.col--3 .feature {
	width: calc((100% - 20px) / 3);
	display: flex;
	flex-direction: column;
}
.index-event.col--3 .feature > img {
	order: 2;
	align-self: center;
}
.index-event.col--3 .feature .title-wrap {
	order: 1;
	margin-bottom: 15px;
	display: grid;
	width: 100%;
	align-items: flex-start;
	grid-template-rows: auto 1fr;
	grid-template-columns: auto 1fr;
	min-height: 86px;
}
.index-event.col--3 .feature .title-wrap .collect {
	grid-row: 1 / 3;
	grid-column: 1 / 2;
	padding: 11px 10px;
	max-height: 41px;
	margin-top: 3px;
}
.index-event.col--3 .feature .title-wrap .collect::before { border-width: 20.5px 0 20.5px 10px; }
.index-event.col--3 .feature .title-wrap .title {
	grid-row: 1 / 2;
	grid-column: 2 / 3;
	display: flex;
	flex-direction: column;
}
.index-event.col--3 .feature .title-wrap .title span { margin-left: 0; }
.index-event.col--3 .feature .title-wrap .domestic-sale {
	grid-row: 2 / 3;
	grid-column: 2 / 3;
	position: relative;
	justify-self: flex-start;
	margin-top: 3px;
}
.index-event.col--3 .feature .detail-wrap {
    display: flex;
	flex-direction: column;
	order: 3;
	margin-top: 15px;
}
.index-event.col--3 .feature .detail-wrap .detail.date-wrap,
.index-event.col--3 .feature .detail-wrap .detail.due-wrap { margin-bottom: 8px; }
.index-event.col--3 .feature .detail-wrap .detail.target-wrap {
	margin-left: 0;
	padding-left: 0;
	border-left: none;
}
/* オンライン展示会春2022（新作のみ/動画有バージョンも用意）*/
.online-exhibition-simple {
	background-color: #fff;
	padding: 10px;
	width: 100%;
}
.online-exhibition-simple .main {
	display:flex;
	align-items: flex-end;
}
.online-exhibition-simple img { transition: opacity 0.2s; }
.online-exhibition-simple img:hover {
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "alpha(opacity=75)";
	-khtml-opacity: 0.75;
	-moz-opacity: 0.75;
}
.online-exhibition-simple .banner .catch {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background-color: #f6f6f6;
	font-size: 16px;
}
.online-exhibition-simple .catch .copy {
	background: #FF9C1A;
	color: #fff;
	font-size: 14px;
	line-height: 30px;
	padding: 0 20px;
	display: inline-block;
	margin:0 15px 0 0;
	position: relative;
}
.online-exhibition-simple .catch .copy:after {
	content: " ";
	height: 0;
	width: 0;
	top: -1px;
	right: 0;
	display: inline-block;
	position: absolute;
	border: #fff solid 16px;
	border-width: 16px 5px;
	border-color: transparent #f6f6f6 transparent transparent;
}
.online-exhibition-simple .banner.catch {
	margin-top: 0;
	background-color: #f6f6f6;
	justify-content: space-between;
	align-items: center;
	font-size: 16px;
}
.online-exhibition-simple .box:not(:first-child) {
	margin-left: 15px;
}
.online-exhibition-simple .catch p { margin: 0 10px 0 0;}
.online-exhibition-simple .online-exhibition { flex: 0 1 58.5%; }
.online-exhibition-simple .online-exhibition.has-video {
	flex: 0 1 42.5%;
}
.online-exhibition-simple .online-exhibition.has-video .online-exhibition .catch {
	margin-bottom: 13px;
}
.online-exhibition-simple .online-exhibition .catch {
	align-items: center;
	flex-wrap: wrap;
	margin-top: 0;
	margin-bottom: 18px;
}
.online-exhibition-simple .online-exhibition .catch .copy { margin: 10px 10px 0 0; }
.online-exhibition-simple .online-exhibition .title {
	padding: 0 10px 0 0;
	margin: 10px 10px 0 0;
	border-right: 1px solid #ddd;
}
.online-exhibition-simple .online-exhibition .disc {
	font-size: 16px;
	margin: 10px 0 0 0;
	line-height: 1.5;
}
.online-exhibition-simple .online-exhibition .disc .line { background:linear-gradient(transparent 60%, rgba(246, 158, 157,0.3) 0%) ;}
.online-exhibition-simple .online-exhibition .disc .co-b {font-size: 24px;}
.online-exhibition-simple .online-exhibition .catch a {
	padding: 2px 10px;
	border-radius: 20px;
	border: 1px solid #0066cc;
	margin-left: 40px;
	text-decoration: none;
	background-color: #fff;
	padding-left: 28px;
	background: url(/img/icon/co_008g.gif) left 10px center no-repeat;
}
.online-exhibition-simple .online-exhibition .catch a:visited { color: #0066cc }
.online-exhibition-simple .online-exhibition .catch a:hover {
	background-color: #0066cc;
	color: #fff;
	background-image: url(/img/icon/co_008w.png);
}
.online-exhibition-simple .exhibition-contents { 
	margin: 0;
	width: 100%;
}
.online-exhibition-simple .exhibition-contents {
	border: 1px solid #ddd;
	border-radius: 3px;
	margin-right: 15px;
	background-color: #f6f6f6;
}
.online-exhibition-simple .contents-title {
	color: #fff;
	background-color: #F67A7A;
	padding: 3px 13px 2px;
	border-radius: 3px 3px 0 0;
}
.online-exhibition-simple .question-w {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin-left: 3px;
}
.online-exhibition-simple .question-w { cursor: default;}
.online-exhibition-simple .contents-text { padding: 18px 30px; }
.online-exhibition-simple .has-video .contents-text { padding: 9px 13px 7px; }
.online-exhibition-simple .catch .fs-big,
.online-exhibition-simple .contents-text .fs-big { font-size: 18px; }
.exhibition-contents .conditions {
	display: flex;
	border: 1px solid #DDDDDD;
}
.exhibition-contents .conditions-catch {
	padding: 7px 9px;
	border-right: 1px solid #DDDDDD;
	font-size: 11px;
	writing-mode: vertical-rl;
	line-height: 1;
	letter-spacing: 0.25em;	
}
.exhibition-contents .conditions-description {
	padding: 8px;
	font-size: 12px;
	line-height: 1.4;
}
.online-exhibition-simple .online-exhibition .contents-text {
	display: flex;
}
.online-exhibition-simple .online-exhibition.has-video .contents-text {
	display: block;
}
.online-exhibition-simple .online-exhibition.has-video .conditions {
	margin-top: 2px;
}
.online-exhibition-simple .online-exhibition .keywords {
	flex-shrink: 0;
	margin-right: 20px;
}
.online-exhibition-simple .online-exhibition.has-video .keywords {
	display: flex;
	align-items: center;
}
.online-exhibition-simple .online-exhibition .keywords-count {
	margin: 2px 0 0 0;
}
.online-exhibition-simple .online-exhibition.has-video .keywords-count {
	margin: 0 0 0 15px;
}

.online-exhibition-simple .movie-inner {
	margin: 0;
	max-width: 292px;
}
.online-exhibition-simple .movie-inner img:hover {
	cursor: pointer;
}
.online-exhibition-simple .movie-caption {
	text-align: center;
	font-weight: bold;
	font-size: 14px;
}
.online-exhibition-simple .movie-inner img {
	max-width: 100%;
}


/* 動画追加 */
.youtube-wrapper {
	position: fixed;
	z-index: 10000;
	width: 100vw;
	height: 100vw;
	top: 0;
	left: 0;
	animation: fadeIn .3s ease 0s 1;
}
.youtube {
	width: 90%;
	max-width: 900px;
	box-sizing: border-box;
	z-index: 10001;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	position: fixed;
}
.youtube-movie-inner {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.youtube-movie-inner iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
	border: none;
}
.youtube-overlay {
	position: relative;
	width: 100%;
	height: 100%;	
}
.youtube-overlay::before {
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	background: #000;
	opacity: 0.7;
	width: 100%;
	height: 100%;
}
.is-hide-animation {
	animation: fadeOut .3s ease 0s 1 forwards;
}
@keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes fadeOut {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
.youtube-movie-inner .youtube-mclose {
	position: absolute;
	cursor: pointer;
	background: #fff;
	background-image: none;
	border-radius: 50%;
	height: 36px;
	width: 36px;
	z-index: 2;
	right: 0;
	top: -52px;
	padding: 0;
	border: none;
}
.youtube-movie-inner .youtube-mclose::before,
.youtube-movie-inner .youtube-mclose::after {
	content: "";
	width: 4px;
	height: 21px;
	display: inline-block;
	position: absolute;
	top: 20%;
	left: 45%;
	transform: rotate(
45deg);
	background: #707070;
}
.youtube-movie-inner .youtube-mclose::after {
	transform: rotate(
		-45deg);
}
/* 補足情報（過去データ発表） */
.index-event-pre-data {
	border-top: 1px #cccccc solid;
	padding-top: 5px;
	margin-top: 20px;
}
.index-event-pre-data>span {
	font-weight: bold;
	font-size: 16px;
}
/* 補足情報（週間レポート） */
.index-event-pre-data.weekly {
    border: 1px #cccccc solid;
    padding-top: 0;
    display: flex;
    align-items: center;
    background-color: #f0e0e0;
}
.index-event-pre-data.weekly p {
    color: #dc4d4d;
    font-weight: 600;
    background-color: #f0e0e0;
    padding: 10px 8px 8px 45px;
    margin: 0;
    background-image: url(/img-dealer/common/icon/information.svg);
    background-repeat: no-repeat;
    background-position: left 8px center;
    min-width: 210px;
}
.index-event-pre-data.weekly a:link,
.index-event-pre-data.weekly a:visited,
.index-event-pre-data.weekly a:active {
    color: #333;
    padding: 10px 8px 8px 10px;
    background-color: #fff;
    width: 100%;
}
.index-event-pre-data.weekly a:hover { text-decoration: none; }

/* お知らせバナー1枚表示（中央寄せ・画像のみクリック可能） */
.index-campaign-banner--1 {
	display: flex;
	justify-content: center;
	width: 100%;
}
.index-campaign-banner--1 a {
	display: inline-block;
}
.index-campaign-banner--1 a:hover { opacity: 0.7; }
.index-campaign-banner--1 a img {
	width: 100%;
	max-width: 640px;
}

.index-campaign-banner--2 {
	display: flex;
	justify-content: space-between;
	gap: 15px;
	width: 100%;
}
.index-campaign-banner--2 a:hover { opacity: 0.7; }
.index-campaign-banner--2 a img {
	width: 100%;
	max-width: 640px;
}
/*** //イベント情報 ***/

/*** 実績レポート ***/
#index-report {
	color: #666;
}

#index-report .proposal {
	margin: 0 0 30px;
}

#index-report dl {
    margin:0;
    padding:0;
}

#index-report dd {
    margin-inline-start:0;
    margin:0;
}

#index-report .conwrap {
	background-color: #fff;
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.04);
    padding: 30px 13px 20px;
    font-size:14px;
}

#index-report .index-subttl,
#index-product-list .index-subttl {
	font-size: 20px;
	font-weight: 600;
    margin: 25px auto 10px;
}

#index-report .index-subttl .time,
#index-product-list .index-subttl .time {
	border-left:1px solid #aaa;
	font-weight: normal;
    margin:0 20px;
    padding:0 20px;
    font-size:15px;
    color:#666;
    vertical-align: middle;
}

#index-report .index-subttl .time:before,
#index-product-list .index-subttl .time:before {
	content: url('/img-dealer/top/index_clock_00.png');
	vertical-align: middle;
	margin-right: 5px;
}

#index-report .title {
    font-weight:bold;
    font-size:18px;
}
#index-report .mainstatus .title:not(:only-of-type) { width: 50%; }
#index-report .mainstatus .title:not(:first-child) { padding-left: 2px; }

#index-report .titlewrap .title {
	float: left;
	font-size: 18px;
}


#index-report .graphwrap .graph-description  {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	max-height: 95px;
}

#index-report .graphwrap .graph-description ul {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
}

#index-report .graphwrap .graph-description ul input {
	display: none;
}

#index-report .graphwrap .graph-description > ul > li span,
#index-report .graphwrap .graph-description > ul li label {
	position: relative;
	display: inline-block;
	margin: 7px 40px 6px 0;
	padding-left: 27px;
	font-size: 13px;
}

#index-report .graphwrap .graph-description > ul > li span:before,
#index-report .graphwrap .graph-description ul li label:before {
	position: absolute;
	top: calc(50% - 7px);
	left: 0;
	display: inline-block;
	content: " ";
	height: 13px;
	width: 23px;
	margin-right: 3px;
	background: #14a5e8;
	box-sizing: border-box;
}

#index-report .graphwrap .graph-description ul li:nth-of-type(2) span:before {
	background: #22d189;
}
#index-report .contents1 {
    display: flex;
	width:100%;
	flex-wrap: nowrap;
} 

#index-product-list .report-link,
#index-report .report-link {text-align: center;}
#index-report .report-link a:link,
#index-report .report-link a:visited,
#index-report .report-link a:active,
#index-report .report-link a:hover,
#index-product-list .report-link a:link,
#index-product-list .report-link a:visited,
#index-product-list .report-link a:active,
#index-product-list .report-link a:hover {
	display: inline-block;
	height: 35px;
	line-height: 35px;
	border: #1B76D1 solid 1px;
	border-radius: 19px;
	color: #1B76D1;
	width: 224px;
	text-decoration: none;
} 

#index-product-list .report-link a:hover,
#index-report .report-link a:hover {
	background: #1B76D1;
	color: #fff;
} 

#index-report .sales {
	flex-grow: 2;
    padding: 5px 1.5% 0 1%;
}

#index-report .mainstatus {
    vertical-align: top;
	flex-basis: 415px;
	flex-shrink: 0;
    background-color:#f6f6f6;
    border: 1px solid #eee;
    border-radius: 3px;
    padding:18px 15px 1%;
}

#index-report .salesamount .rep-main-cont-ttl-wrap {
	padding: 10px 0 15px;
}
#index-report .salesamount .rep-main-cont-ttl-wrap > div{
	display: inline-block;
	vertical-align: middle;
	line-height: 30px;
}
#index-report .salesamount .rep-main-cont-ttl-wrap .co-tooltip-onmouse .tooltip-inner .over-about {
  width: 37em;
  line-height: 1.4;
  text-align: left !important;
  z-index: 1;
}
#index-report .salesamount span.rep-title-label {
	font-size: 15px;
	padding: 0 5px 0 9px;
	color: #fff;
	margin-right: 15px;
	background: #666;
	position: relative;
	display: inline-block;
	line-height: 32px;
}
#index-report .salesamount span.rep-title-label:after {
	position: absolute;
	top: 0;
	left: 100%;
	display: inline-block;
	content: " ";
	height: 0;
	width: 0;
	border: #666 solid 0;
	border-width: 16px 13px;
	border-color: transparent transparent transparent #666;
}
#index-report .salesamount .results-en {
	font-size: 40px;
	font-weight: 600;
	display: inline-block;
	vertical-align: bottom;
}
#index-report .salesamount .rep-main-cont-ttl-wrap span:nth-of-type(3) {
	line-height: 1;
	vertical-align: -5px;
}
#index-report .salesamount .rep-main-cont-ttl-wrap + ul {
	margin-bottom: 20px;
	display: inline-block;
}
#index-report .salesamount .sub {
    color:#999;
	font-size: 13px;
	margin-bottom:3px;
}

#index-report .salesamount .rep-main-cont-ttl-wrap + ul .sub span {
    padding-left:6px;
}

#index-report .link {
	margin-left: 30px;
    font-size:13px;
	display: inline-block;
	vertical-align: top;
}

#index-report .itemswrap .title {
	font-size: 16px;
	line-height: 30px;
}

#index-report .itemswrap .items {
	display: flex;
}

#index-report .itemswrap .box {
    background-color:#fff;
    padding:2% 3%;
    box-shadow: 0px 0px 6px 1px #ddd;
}

#index-report .itemswrap .box1 {
    width: 50%;
    margin-right:1%;
}

#index-report .itemswrap .box2 {
    width: 50%;
}

#index-report .itemswrap .box dl {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    padding:2px 0;
}

#index-report .itemswrap .box dt {
    width:60%;
    font-size:13px;
    border-bottom:1px solid #ddd;
	padding-bottom:3px;
	position: relative;
}

#index-report .itemswrap .box dt:after {
	content: ":";
	display: inline-block;
	position: absolute;
	right: 0;
  top: 50%;
  transform: translateY(-50%);
}

#index-report .itemswrap .box dd {
    width:100px;
    margin:0;
    text-align: right;
    font-size:20px;
    border-bottom:1px solid #ddd;
}

#index-report .itemswrap .box .off {
    color:#ccc;
}

#index-report .itemswrap .box dd span {
    font-size:0.6em;
}

#index-report .itemswrap .box p {
    text-align: left;
    font-weight: bold;
    margin:10px 0 2px;
}

/*** 海外掲載（カタログ）企業 ***/
/* #index-todo.catalog {width: 31%;} */
#index-todo.catalog .todo-box {width: 100%;}
#index-todo.catalog .todo-list > .todo-box:first-child a {
	height: 65px;
	line-height: 45px;
	padding-left: 46px;
}
#index-todo.catalog .todo-list > .todo-box:first-child a {
	background-position: 16px center;
	font-size: 18px;
}
/* #index-todo.catalog + .infomation-wrap.catalog {width: 68%;} */
#index-todo.catalog + .infomation-wrap.catalog ul li a,
#index-todo.catalog + .infomation-wrap.catalog .index-infotxt {
	padding: 6px 10px 5px;
	border-radius: 3px;
}
#index-todo.catalog + .infomation-wrap.catalog ul li a > span,
#index-todo.catalog + .infomation-wrap.catalog .index-infotxt > span,
#index-todo.catalog + .infomation-wrap.catalog .index-infotxt > p,
#index-todo.catalog + .infomation-wrap.catalog .blog-info-wrap span {
	display: inline-block;
	width: auto;
	font-size: 14px;
}
#index-todo.catalog + .infomation-wrap.catalog a > .info-date,
#index-todo.catalog + .infomation-wrap.catalog .index-infotxt > .info-date {
	width: 130px;
	font-weight: normal;
	color: #333;
}
#index-todo.catalog + .infomation-wrap.catalog a > .info-date,
#index-todo.catalog + .infomation-wrap.catalog a > .info-date .new-icon,
#index-todo.catalog + .infomation-wrap.catalog .index-infotxt > .info-date,
#index-todo.catalog + .infomation-wrap.catalog .index-infotxt > .info-date .new-icon {
	font-size: 14px;
}
#index-todo.catalog + .infomation-wrap.catalog a > .info-date.new-info,
#index-todo.catalog + .infomation-wrap.catalog a > .info-date.new-info .new-icon,
#index-todo.catalog + .infomation-wrap.catalog .index-infotxt > .info-date.new-info,
#index-todo.catalog + .infomation-wrap.catalog .index-infotxt > .info-date.new-info .new-icon {
	color: #DC4D4D;
}
#index-todo.catalog + .infomation-wrap.catalog .no-massage {
	padding-top: 25px;
}
#index-todo.catalog + .infomation-wrap.catalog #index-blog-info .blog-ttl { margin-bottom: 8px; }
#index-todo.catalog + .infomation-wrap.catalog .info-date .new-icon { display: none; }
#index-todo.catalog + .infomation-wrap.catalog .info-date.new-info .new-icon { display: inline-block; }
.posting-pv {
	flex-grow: 2;
    padding: 13px 1.5% 0 1%;
}
#index-report .posting-pv + .mainstatus {
	flex-basis: 45%;
	margin-top: -5px;
}
.posting-pv .posting-pv-avrg { color: #8f8f8f; }
.itemposting { font-size: 12px; }
.itemposting:before {
	content: '';
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #666666;
	margin-right: 4px;
}
/* 過去最高 */
#index-report .pastbest {
	font-size: 12px;
	font-weight: bold;
	color: #008ffb;
	vertical-align: middle;
	margin-right: 5px;
}
#index-report .pastbest:before {
	content: '過去最高';
	background-color: #008ffb;
	color: #ffffff;
	border-radius: 15px;
	font-weight: normal;
	padding: 3px 8px;
	display: inline-block;
	vertical-align: 1px;
	position: relative;
	line-height: 1.2;
	margin-right: 2px;
}
/* 商品の閲覧数 */
#index-report .pvwrap * { box-sizing: content-box; }
#index-report .pvwrap .pvdata {
	background-color: #ffffff;
	box-shadow: 0px 0px 6px 1px #ddd;
	padding: 10px 13px;
	text-align: right;
}
#index-report .pvwrap .pvdata dl {
	line-height: 1.2;
	color: #666;
	font-size: 13px;
	display: inline-block;
}
#index-report .pvwrap .pvdata dl dt {
	margin-right: 6px;
	display: inline-block;
}
#index-report .pvwrap .pvdata dl dd {
	display: inline-block;
	text-align: right;
	font-size: 26px;
	font-weight: 600;
	margin-top: 2px;
	vertical-align: baseline;
}
#index-report .pvwrap .pvdata dl dd span:not(.pastbest) {
	font-size: 13px;
	font-weight: normal;
}
#index-report .pvwrap .pvdata dl dd span.pvdata-order { font-size: 12px; }
/* 商品掲載数、問い合わせ件数 */
#index-report .countwrap { margin-top: 20px; }
#index-report .counter {
	display: flex;
	justify-content: space-between;
	text-align: right;
}
#index-report .counter .box {
	background-color: #ffffff;
	box-shadow: 0px 0px 6px 1px #ddd;
	padding: 15px;
	width: 49.5%;
}
#index-report .counter .box dl {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items: center;
	border-bottom: 1px #cccccc solid;
	margin-bottom: 6px;
}
#index-report .counter .box dt { font-size: 13px; }
#index-report .counter .box dd {
	min-width: 35%;
	font-size: 20px;
}
#index-report .counter .box dd span { font-size: 16px; }
/*** //海外掲載企業 ***/

#index-report .statuswrap .box {
    background-color: #fff;
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);
    margin-top:10px;
    padding:10px 2% 15px;
    font-size:16px;
    font-weight: bold;
    position: relative;
}

#index-report .statuswrap .box .sta {
    padding:3px;
    position: absolute;
    right:2%;
    top:7px;
    background-color:#aaa;
    width:90px;
    text-align: center;
    font-weight: normal;
    font-size: 13px;
    color:#fff;
}

#index-report .statuswrap .on .sta {
    background-color: #7aa6da;
}

#index-report .statuswrap .option {
    border-top:1px solid #ddd;
    margin:6px 0 -3px;
    padding:7px 0 0;
    font-weight:normal;
    font-size:12px;
}

#index-report .statuswrap .sdex .option dl,
#index-report .statuswrap .freeship .off .option dl,
#index-report .statuswrap .discount .option dl {
    display: flex;
    justify-content: space-between;
	flex-wrap: wrap;
}

#index-report .statuswrap .freeship .option .now {
    background-color:#cd7d16;
    padding:2px;
    width:100px;
    text-align: center;
    color: #fff;
    float: left;
    margin-right:10px;
}

#index-report .statuswrap .freeship .on .option dl {
    display: flex;
    margin-top:2px;
}

#index-report .statuswrap .freeship .option .period {
    clear: both;
    display: flex;
    justify-content: space-between;
    margin:4px 0 0;
}

#index-report .statuswrap .option span {
	color:#21c089;
    padding:1px 6px;
    font-size:11px;
    margin-right:6px;
    border:1px solid #21c089;
    font-weight:bold;
}

#index-report .statuswrap .discount .option .dsta {/*終了*/
    padding:1px;
    text-align: center;
    border:1px solid #333;
    background-color:#fff;
    color:inherit;
    font-size:12px;
    border-radius:0;
    display: inline-block;
    width:60px;
}

#index-report .statuswrap .discount .option .sta1 {/*実施中*/
    border:1px solid #0066cc;
    color:#fff;
    background-color:#0066cc;
}

#index-report .statuswrap .discount .option .sta2 {/*編集中*/
    border:1px solid #dc4d4d;
    color:#dc4d4d;
    background-color:#f0e0e0;
}

#index-report .statuswrap .discount .option .sta3 {/*予約済*/
    border:1px solid #1145aa;
    color:#3a5fb4;
    background-color:#c5d3ef;
}

#index-report .statuswrap .discount .option li {
    margin:0 0 5px;
}

#index-report .statuswrap .discount .option a {
    float: right;
}

#index-report .statuswrap .magazine dl {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#index-report .statuswrap .magazine .first dd {
    font-size:20px;
}

#index-report .statuswrap .magazine .first dd span {
    font-size:0.6em;
}

#index-report .contents2 {
    display: table;
    width:100%;
    border-top:1px solid #D6D6D6;
    padding:20px 1% 0;
    margin:20px 0 0;
}

#index-report .contents2 .itemsgraph,
#index-report .contents2 .ordersgraph {
    display: table-cell;
    vertical-align: top;
    width:33.3%;
}

#index-report .contents2 .itemsgraph,
#index-report .contents2 .pvgraph {
    padding-left:20px;
}

#index-report .contents2 .itemsgraph .title span {
    font-size:0.75em;
    font-weight: normal;
}

/*** /実績レポート ***/


/*** 目標売上 ***/
.sales-area-box {
	border-radius: 5px;
	background-color: #e7e7e7;
	border: 1px #dadada solid;
	padding: 20px;
	margin-top: 20px;
}
/* 来月の設定と先月の売上 */
.sales-area-box .sales-oth-info {
	float: right;
	text-align: right;
	margin-top: -10px;
}
.sales-area-box .last-sales {
	border-top: 1px #aaaaaa solid;
	border-bottom: 1px #aaaaaa solid;
	padding: 4px 7px 3px;
	color: #666666;
	margin-top: 6px;
}
/* 現在の時間 */
.sales-area-box .sales-nowtime {
	font-size: 13px;
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
	padding: 6px 12px 6px 27px;
	background: url('/img-dealer/top/index_clock_00.png') 10px center no-repeat #d7d7d7;
	color: #666666;
	margin-left: 10px;
}
/* 目標金額バー */
#sales-area {
	width: 88%;
	margin: 70px auto 10px;
}
#sales-area .sales-bar-area { position: relative; }
#sales-area .sales-bar-box {
	height: 13px;
	border-radius: 7px;
	background-color: #bbbbbb;
	overflow: hidden;
}
#sales-area .sales-bar {
	height: 13px;
	border-radius: 7px;
	background-color: #4d4d4d;
	width: 0;
}
/* 現在の売上 */
#sales-area .sales-amount {
	position: absolute;
	left: 0;
	bottom: 29px;
	background-color: #4d4d4d;
	border-radius: 5px;
	padding: 10px 15px;
	color: #bababa;
	line-height: 1;
	display: none;
	font-weight: bold;
	white-space: nowrap;
}
#sales-area .sales-amount span { vertical-align: middle; }
#sales-area .sales-amount .sales-amount-num {
	font-size: 18px;
	margin-left: 7px;
	color: #ffffff;
}
/* 売上の説明 */
#sales-area .sales-amount .co-popup-link-03 {
	position: relative;
	z-index: 3;
	background-image: url('/img-dealer/common/icon/question_lg.gif');
}
#sales-area .sales-amount .sales-amount-ex {
	position: absolute;
	display: none;
	background-color: #ffffff;
	border-color: #bbbbbb;
	border-radius: 5px;
	border-style: solid;
	border-width: 1px 2px 2px 1px;
	box-shadow: 1px 1px 3px 0 #bbb;
	color: #333333;
	left: 0;
	padding: 5px 10px;
	top: 1.6em;
	z-index: 3;
	font-weight: normal;
	width: 200px;
	line-height: 1.4;
}
#sales-area .sales-amount > span:hover .sales-amount-ex { display: block; }
/* 売上額の吹き出し */
#sales-area .sales-amount-arw {
	position: absolute;
	left: 15px;
	bottom: 20px;
	width: 0;
	height: 0;
	border-style: solid;
	border-color: #4d4d4d transparent transparent;
	border-width: 10px 7px 0;
	display: none;
}
/*** 売り上げ達成後 ***/
/* 目標金額バー */
#sales-area.amount-goal .sales-bar-box,
#sales-area.amount-goal .sales-amount { background-color: #7aa6da; }
#sales-area.amount-goal .sales-amount-arw { border-color: #7aa6da transparent transparent; }
/* 現在の売上 */
#sales-area.amount-goal .sales-amount {
	left: auto;
	right: 0;
	color: #ffffff;
}
/* 売上額の吹き出し */
#sales-area.amount-goal .sales-amount-arw {
	left: auto;
	right: 15px;
}
/*** 今月の目標売上 ***/
#sales-area .sales-goal {
	color: #999999;
	font-weight: bold;
	font-size: 12px;
	line-height: 1;
	text-align: right;
	white-space: nowrap;
}
#sales-area .sales-goal-txt { display: block; }
/* 矢印 */
#sales-area .sales-goal-arw {
	display:inline-block;
	width: 0;
	height: 0;
	margin: 3px 0;
	border-style: solid;
	border-color: transparent transparent #aaaaaa;
	border-width: 0 5px 7px;
}
/* 達成おめでとう！ */
#sales-area .sales-achieved {
	position: absolute;
	left: 0;
	bottom: 12px;
}

#index-product-list .index-subttl {margin: 0 0 15px;}
#index-product-list .index-subttl + p {color: #666 ; margin-top: 5px;}

#index-product-list {
	margin-top: 10px;
	background: #fff;
	margin: 30px 0;
	padding: 30px 20px 20px;
	color: #666;
	min-height: 0;
}
#index-product-list > p {
	line-height: 1;
	margin-bottom: 0;
}
#index-product-list > p:nth-of-type(3) {
	clear: both;
	margin-bottom: 15px;
}
#index-product-list table {
	width: 100%;
	border-collapse: separate;
	text-align: left;
	margin-bottom: 20px;
	padding: 0;
}
#index-product-list .no-product {
	clear: both;
	min-height: 150px;
	font-size: 20px;
	padding: 40px 30px;
}

/*** 満足度 ***/
/* 枠組み */
#index-score {
	background-color: #fff;
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.04);
	overflow: hidden;
	padding: 25px 0 15px 20px;
	display: table;
	width: 100%;
}
#index-score .row { width:100%; max-width:1000px;}
#index-score .score-box {
	display: table-cell;
	vertical-align: middle;
}
#index-score .score-box.score-total {
	width: 30%;
	text-align: left;
}
#index-score .score-box .score-ttl,
#index-score .score-box .score-detail-box,
#index-score .score-detail-txt,
#index-score .score-detail,
#index-score .score-detail .score-star-box {
	display: inline-block;
	vertical-align: middle;
}
/* 項目名 */
#index-score .score-box .score-ttl {
	text-align: center;
	background-color: #f2f5f9;
	padding: 15px 0 8px;
	width: 97px;
}
#index-score .score-box.score-total .score-ttl {
	padding: 26px 0;
	border: 3px #b7cce6 solid;
	font-size: 15px;
	color: #334b67;
}
#index-score .score-box .score-ttl span {
	display: block;
	margin-top: 5px;
}
/* 星と点数 */
#index-score .score-box .score-detail-box {
	text-align: left;
	width: 60%;
	margin-left: 10px;
	line-height: 1.8;
}
#index-score .score-box.score-total .score-detail-box { font-size: 14px; }
#index-score .score-detail-box .score-detail-txt {
	text-align: left;
	width: 38%;
	color: #666666;
}
#index-score .score-detail {
	text-align: left;
	width: 62%;
	line-height: 1;
}
#index-score .score-box.score-total .score-detail {
	width: 100%;
	line-height: 1.6;
}
#index-score .score-detail .score-star-box {
	position: relative;
	width: 89px;/* 星の画像と同じ幅にする */
	height: 15px;
	overflow: hidden;
	background-color: #cccccc;
	vertical-align: middle;
	margin-bottom: 5px;
}
#index-score .score-detail .score-star-box span {
	z-index: 1;
}
#index-score .score-star-box .score-star {
	height: 0;
	font-size: 0;
}
#index-score .score-star-box .score-star:before {
	content: url('/img-dealer/top/score_star_00.png');
	position: absolute;
	top: 0;
	left: 0;
}
#index-score .score-star-box .score-bar {
	width: 0;
	background-color: #f6d147;
	height: 30px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
}
#index-score .score-detail .score-num {
	margin-left: 5px;
	line-height: 1;
	display: inline-block;
	vertical-align: middle;
}

/*** 促進バナー ***/
#promotion-banner-area { text-align: center; }
#promotion-banner-area a {
	display: inline-block;
	transition: opacity 0.2s;
	line-height: 0;
	margin: 20px 0 0;
	width: 900px;
}
#promotion-banner-area a img {
	width: 100%;
	height: auto;
}
#promotion-banner-area a:hover { opacity: 0.7; }

/*** バナーエリア ***/
#index-banner {margin-top: 50px;}
#index-banner p {
	margin-top: 30px;
}
#index-banner ul {
	display: flex;
	flex-wrap: wrap;
}
#index-banner li {
	list-style: none;
	margin-top: 10px;
	background-color: #ffffff;
}
#index-banner li:not(:last-child) { margin-right: 20px; }
#index-banner li a { display: block; }
#index-banner li a img { transition: opacity 0.2s; }

#index-banner .img-over:hover img{
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "alpha(opacity=75)";
	-khtml-opacity: 0.75;
	-moz-opacity: 0.75;
}

/*** バナーエリア（取引先紹介プラン用） ***/
.indexinner .large-banner-wrap {
	margin: 35px 0 0;
	text-align: center;
}
.indexinner .large-banner-wrap img {
	transition: opacity 0.2s;
}
.indexinner .large-banner-wrap img:hover {
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "alpha(opacity=75)";
	-khtml-opacity: 0.75;
	-moz-opacity: 0.75;
}

/* トップページに表示するモーダル */
#invoice-announce-modal .modal-inner,#dealer-sdModal .modal-inner {
	background-color: #fff;
	border-radius: 10px;
	overflow: hidden;
}
#invoice-announce-modal .invoice-announce-modal-heading,#dealer-sdModal .dealer-sdModal-heading {
	position: relative;
	padding: 16px 10px 12px 20px;
	background: #4D4D4D;
	color: #fff;
	font-weight: bold;
	font-size: 16px;
}
#invoice-announce-modal .invoice-announce-modal-heading p,#dealer-sdModal .dealer-sdModal-heading .txt {
	margin: 0;
	max-width: calc(100% - 40px);
}
#invoice-announce-modal .modal-contents {
	font-size: 14px;
	text-align: center;
	padding: 35px 10px;
}
#invoice-announce-modal .proceed-button,#dealer-sdModal .proceed-button {
	margin-top: 16px;
}
#invoice-announce-modal .invoice-announce-modal-close {
	border: none;
	outline: none;
	padding: 0;
	appearance: none;	
	box-sizing: border-box;
	position: absolute;
	margin-top: -16px;
	border-radius: 50%;
	line-height: 1;
	width: 30px;
	height: 30px;
	background-color: #ffffff;
	cursor: pointer;
	top: 50%;
	right: 10px;
}
#invoice-announce-modal .invoice-announce-modal-close::before,#invoice-announce-modal .invoice-announce-modal-close::after {
	content: "";
	display: block;
	position: absolute;
	width: 18px;
	height: 4px;
	border-radius: 2px;
	background-color: #666666;
	top: 13px;
	left: 6px;	
}
#invoice-announce-modal .invoice-announce-modal-close::before {
	transform: rotate(45deg);
}
#invoice-announce-modal .invoice-announce-modal-close::after {
	transform: rotate(-45deg);
}

#dealer-sdModal .modal-inner {
  max-width: 770px;
}
#dealer-sdModal.critical-announce-modal .modal-contents {
  font-size: 13px;
  text-align: left;
  padding: 35px 40px;
  max-height: calc(100vh - 45px);
  overflow-y: auto;
}

/* インボイスのアナウンスモーダル */
#invoice-announce-modal .modal-inner {
	width: 647px;
	margin: 0 10px;
}

/* 在庫連携のご案内
----------------------------------------------------- */
#stock-link * { box-sizing: border-box; }
#stock-link .stock-contents {
	padding: 60px 0 70px;
	font-size: 15px;
	line-height: 1.8;
}
#stock-link h2,
#stock-link h1 { color: #333333; }
#stock-link h2 {
	text-align: center;
	font-size: 23px;
	font-weight: 600;
	padding: 0;
	border: 0;
	margin-bottom: 30px;
}
#stock-link h2::after {
	content: '';
	display: block;
	width: 30px;
	height: 4px;
	margin: 0 auto;
	border-radius: 2px;
	background-color: #333333;
}
#stock-link .fo-checkbox { vertical-align: top; }
/*** メインビジュアル ***/
#stock-link .stock-mv {
	background: url('/img-dealer/contents/stocklink/stock_bg_00.png') center center #e6f6ff;
	font-size: 23px;
	font-weight: 600;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 325px;
	overflow: hidden;
	position: relative;
}
#stock-link .stock-mv::before {
	content: '';
	width: 960px;
	height: 835px;
	position: absolute;
	left: calc(50% - 480px);
	top: -255px;
	background-color: #e6f6ff;
	border-radius: 50%;
}
#stock-link .stock-mv > * { position: relative; }
#stock-link .stock-mv > figure { margin: 0 0 0 6.5%; }
#stock-link .stock-mv > div { line-height: 2.2; }
#stock-link .stock-mv h1 {
	font-size: 35px;
	font-weight: 600;
}
#stock-link .stock-mv h1::before {
	content: '';
	background: url('/img-dealer/contents/stocklink/stock_00.png') center center no-repeat;
	display: inline-block;
	width: 53px;
	height: 53px;
	margin-right: 10px;
	vertical-align: middle;
}
/*** 在庫連携とは ***/
#stock-link .about-stock-link {
	width: 740px;
	margin: 0 auto;
}
#stock-link .about-stock-link .about-txt span { background: linear-gradient(transparent 40%, #f9eb4d 50%); }
#stock-link .stocklink-notice {
	font-size: 14px;
	line-height: 1.6;
}
#stock-link .choose-status {
	display: flex;
	justify-content: space-between;
	margin-top: 40px;
}
#stock-link .choose-status a {
	background-color: #eeeeee;
	border-radius: 7px;
	overflow: hidden;
	border-bottom: #cccccc 2px solid;
	width: calc(50% - 30px);
	display: flex;
	flex-direction: column;
	position: relative;
	transition: opacity 0.2s;
	cursor: pointer;
	color: #333333;
}
#stock-link .choose-status a:hover {
	opacity: 0.7;
	text-decoration: none;
}
#stock-link .choose-status a::before,
#stock-link .choose-status a::after,
#stock-link .choose-status a .txt::before {
	content: '';
	display: block;
	position: absolute;
}
#stock-link .choose-status a::before,
#stock-link .choose-status a::after {
	width: 16px;
	height: 3px;
	border-radius: 2px;
	background-color: #333333;
	bottom: 22px;
	z-index: 2;
}
#stock-link .choose-status a::before {
	transform: rotate(30deg);
	left: calc(50% - 13px);
}
#stock-link .choose-status a::after {
	transform: rotate(-30deg);
	left: 50%;
}
#stock-link .choose-status a h3 {
	padding: 15px 0 10px;
	text-align: center;
	color: #ffffff;
	line-height: 1.4;
}
#stock-link .choose-status a .txt {
	margin: 15px 15px 30px;
	padding: 15px 20px 10px;
	background-color: #ffffff;
	border-radius: 3px;
	flex-grow: 1;
}
#stock-link .choose-status a .txt::before {
	width: 55px;
	height: 45px;
	border-radius: 50%;
	background-color: #ffffff;
	bottom: 10px;
	left: calc(50% - 27px);
}
#stock-link .choose-status a figure {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 85px;
	height: 65px;
	margin: 0 auto 15px;
}
#stock-link .choose-status a.service h3 { background-color: #ec9026; }
#stock-link .choose-status a.api h3 { background-color: #306aa8; }
/*** スーパーデリバリー対応の在庫連携サービス ***/
#stock-link .stock-service { background-color: #fff7ef; }
#stock-link .stock-service > p,
#stock-link .stock-service-list {
	max-width: 1100px;
	width: 96%;
	margin: 0 auto;
}
#stock-link .stock-service-list {
	margin-top: 5px;
	background-color: #ffffff;
	border-radius: 5px;
	border: #cccccc 1px solid;
}
#stock-link .stock-service-list li { display: flex; }
#stock-link .stock-service-list li:not(:first-child) { border-top: #cccccc 1px solid; }
#stock-link .stock-service-list .stock-service-txt {
	padding: 20px;
	line-height: 1.4;
}
#stock-link .stock-service-list .stock-service-txt p { margin: 5px 0 0; }
#stock-link .stock-service-list .stock-service-logo {
	padding: 20px 30px;
	background-color: #eeeeee;
	width: 300px;
	flex-shrink: 0;
	flex-grow: 0;
}
#stock-link .stock-service-list .stock-service-logo span {
	display: block;
	font-size: 13px;
}
/*** ご利用の流れ ***/
#stock-link .api-flow-wrap {
	max-width: 1100px;
	width: 96%;
	margin: 0 auto;
}
#stock-link .api-flow {
	list-style-type: none;
	display: flex;
	justify-content: space-between;
	padding: 0;
	margin: 20px 0 10px;
}
#stock-link .api-flow li { position: relative; }
#stock-link .api-flow li:not(.arow) {
	width: calc(25% - 22px);
	border-radius: 6px;
	background-color: #f6f6f6;
	border: #333333 1px solid;
	padding: 25px 20px 10px;
	overflow: hidden;
	line-height: 1.4;
}
#stock-link .api-flow li .step {
	color: #ffffff;
	position: absolute;
	left: 6px;
	top: 5px;
	font-size: 13px;
	z-index: 2;
	font-style: italic;
	line-height: 1;
}
#stock-link .api-flow li .step span {
	display: block;
	font-size: 21px;
	margin-left: 2px;
}
#stock-link .api-flow li:not(.arow)::after {
	content: '';
	display: block;
	width: 96px;
	height: 55px;
	background-color: #306aa8;
	position: absolute;
	left: -35px;
	top: -15px;
	z-index: 1;
	transform: rotate(-45deg);
}
#stock-link .api-flow figure {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 133px;
	height: 75px;
	margin: 0 auto;
}
#stock-link .api-flow h3 {
	text-align: center;
	margin: 25px 0 10px;
	font-size: 15px;
}
#stock-link .api-flow p { font-size: 14px; }
#stock-link .api-flow .arow { align-self: center; }
#stock-link .api-flow .arow::before,
#stock-link .api-flow .arow::after {
	content: '';
	width: 16px;
	height: 3px;
	background-color: #333333;
	position: absolute;
	left: -7px;
	border-radius: 2px;
}
#stock-link .api-flow .arow::before {
	transform: rotate(60deg);
	top: calc(50% - 6px);
}
#stock-link .api-flow .arow::after {
	transform: rotate(-60deg);
	top: calc(50% + 6px);
}
/*** フォーム ***/
#api-form {
	background-color: #e6f6ff;
}
#api-form .co-w750 {
	box-sizing: content-box;
	padding: 0 50px 10px;
	background-color: #ffffff;
	border: #cccccc 1px solid;
	border-radius: 8px;
}

/* IE11サポート終了のお知らせ
-------------------------------------------------- */
#ie11_attention {
	background-color: #fff7e1;
	padding: 20px 15px;
	border: 1px #cccccc solid;
	display: block;
	text-align: center;
	margin-top: 30px;
	font-size: 15px;
	color: #333333;
}
#ie11_attention:hover { text-decoration: none; }
#ie11_attention:hover .co-fcblue { text-decoration: underline; }

/* SD export 料金体系変更に関して重要なお知らせ
-------------------------------------------------- */
.margin-option-bnr {
	max-width: 1020px;
	margin: 0 auto;
	text-align: center;
}
.margin-option-bnr a { 
	display: inline-block;
	line-height: 63px;
	border: solid 1px #DC4D4D;
	border-radius: 70px;
	padding: 0 105px;
	color: #fff;
	background:  #D94850;
	font-size: 20px;
	position: relative;
	margin-top: 20px;
	font-weight: 600;
 }
.margin-option-bnr a:hover {
	opacity: 0.8;
	text-decoration: none;
}
.margin-option-bnr a > span { 
	background: url('/img-dealer/icon/attention_yellow.svg') no-repeat left center;
	background-size: 29px 27px;
	padding-left: 35px;
 }
.margin-option-bnr a::after,
.margin-option-bnr a::before {
	content: "";
	display: inline-block;
	height: 13px;
	width: 2px;
	background-color: #fff;
	transform: rotate(-45deg);
	position: absolute;
	top: calc(50% - 10px);
	right: 1.5em;
 }
.margin-option-bnr a::after { 
	transform: rotate(45deg);
	top: calc(50% - 2px);
 }
.margin-option-bnr a > span span {color: #F9F6B0;}

.margin-option-mdl p {
	font-size: 14px;
	line-height: 2;
	margin-bottom: 0;
}
.margin-option-mdl p.limit { 
	color: #BC0808;
	font-weight: 600;
	font-size: 17px;
 }
.margin-option-mdl p span { 
	font-weight: 600;
 }
.modal-wrap .margin-option-bnr a { 
	padding: 0 60px;
 }

/* 企業情報
-------------------------------------------------- */
/*** Web情報 ***/
.url-list { list-style: none; }
.url-list li:not(:first-child) { margin-top: 5px; }
/* SNSアイコン */
.url-list [class^='sns-']::before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 29px;
	height: 20px;
	margin-right: 6px;
	background: center center / contain no-repeat;
}
.url-list .sns-facebook::before { background-image: url('/img-dealer/common/icon/sns_facebook.svg'); }
.url-list .sns-instagram::before { background-image: url('/img-dealer/common/icon/sns_instagram.svg'); }
.url-list .sns-twitter::before { background-image: url('/img-dealer/common/icon/sns_twitter.svg'); }
.url-list .sns-youtube::before { background-image: url('/img-dealer/common/icon/sns_youtube.svg'); }
.url-list .sns-other::before {
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background-color: #333333;
	margin: 0 18px 0 12px;
}

/* 要注意・NGキーワード一覧
-------------------------------------------------- */
#careful-ng-word {
	display: flex;
	margin-top: -15px;
}
#careful-ng-word .careful-ng-word-menu {
	width: 170px;
	flex-shrink: 0;
}
#careful-ng-word .careful-ng-word-menu ul {
	margin-top: 30px;
	position: sticky;
	top: 30px;
}
#careful-ng-word .careful-ng-word-menu li a {
	display: block;
	border-radius: 20px 0 0 20px;
	padding: 10px 15px;
	margin-top: 10px;
	cursor: pointer;
	transition: 0.1s;
	color: #333333;
}
#careful-ng-word .careful-ng-word-menu li a:hover,
#careful-ng-word .careful-ng-word-menu li a.word-menu-on {
	background-color: #e9e9e9;
	text-decoration: none;
}
#careful-ng-word .careful-ng-word-list {
	flex-grow: 1;
	padding: 0 0 40px 25px;
	border-left: 1px #cccccc solid;
	box-shadow: 7px 0 8px -6px rgb(200 200 200 / 40%) inset;
}
#careful-ng-word .co-contents-box-table td:first-child {
	width: 220px;
	background-color: #f6f6f6;
}

/*------------------
      フッター
-----------------*/

#top-index2-footer ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#top-index2-footer ul li {
	margin: 0 0 3px;
}

/* 3Dショールームフォーム */
#dealerformVirtualShop-input .fo-note {
	width: 744px;
	text-align: center;
	padding: 11px;
	background: #fff;
	border: 1px solid #DC4A45;
	font-size: 14px;
	font-weight: bold;
	color: #DC4A45;
	line-height: 1.6;
	box-sizing: border-box;	
}
#dealerformVirtualShop-input input {
	display: inline-block;
	vertical-align: middle;
	margin: -1px 5px 0 0;	
}
#dealerformVirtualShop-input input[type="radio"]:hover, #dealerformVirtualShop-input input[type="checkbox"]:hover {
	cursor: pointer;
}
#dealerformVirtualShop-input input[type="number"]::-webkit-outer-spin-button, 
#dealerformVirtualShop-input input[type="number"]::-webkit-inner-spin-button { 
  -webkit-appearance: none;
  margin: 0; 
}

#consulting-comment {
	border: 1px solid #5086C5;
	border-radius: 5px;
	background: #F5F9FB;
	box-sizing: border-box;
	margin: 30px 0 -6px 0;
}

#consulting-comment:has(a:hover) {
	background: #ECF4F8;
}

#consulting-comment dl {
	display: flex;
	min-height: 55px;
}

#consulting-comment dl dt {
	display: flex;
	align-items: center;
	position: relative;
	top: 0;
	left: 0;
	width: 228px;
	padding: 0 0 0 27px;
	box-sizing: border-box;
}

#consulting-comment dl dt::after {
	display: block;
	position: absolute;
	right: 0;
	top: 8px;
	content: '';
	border-left: dotted 2px #CCCCCC;
	width: 0px;
	height: 40px;
	box-sizing: border-box;
}

#consulting-comment dl dt span {
	display: block;
	width: 22px;
	margin: 0 10px 0 0;
}

#consulting-comment dl dt span img {
	width: 100%;
	height: auto;
}

#consulting-comment dl dt strong {
	display: block;
	color: #5086C5;
	font-size: 14px;
	padding: 3px 0 0 0;
}

#consulting-comment dd {
	flex: 1;
	padding: 0 22px 0 0;
	box-sizing: border-box;
}

#consulting-comment dd a,
#consulting-comment dd span {
	display: flex;
	align-items: center;
	color: #707070;
	font-size: 13px;
	line-height: 1.38;
	max-width: 1080px;
	min-height: 53px;
	padding: 12px 0 5px 28px;
}

#consulting-comment dd a:after {
	content: '';
	display: block;
	background: url("/img-dealer/common/icon/arrow-blue.svg") left top no-repeat;
	background-size: auto 100%;
	width: 8px;
	height: 12px;
	margin: 0 0 0 28px;
}

#consulting-comment dd span {
	
}