@charset "UTF-8";

/* body -------------------------------------------------------------- */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #FFFFFF;
	align: center;
	color: #333333;
	font-size: 80%;
	line-height: 130%;
}

th {
	font-weight:normal;
}

img {
	border: 0px;
}

.vmiddle{
	vertical-align:middle;
}
.vtop{
	vertical-align:top;
}
.vbottom{
	vertical-align:bottom;
}

/* text size --------------------------------------------------------- */

.guide
{
	font-size: 90%;
	line-height: 130%;
}

.guide2
{
	font-size: 110%;
	line-height: 130%;
}

/* link -------------------------------------------------------------- */

A:link {
	COLOR: #0000ff;
}
A:visited {
	COLOR: #800080;
}
A:active {
	COLOR: #ff0000; TEXT-DECORATION:none;
}
A:hover {
	COLOR: #ff0000; TEXT-DECORATION:none;
}

A:hover.onMouse,
A:active.onMouse {
	_width: auto;/* IEのバグ対策 */
	/* IEはA:hoverやA:activeにサイズ指定しないと画像が切換らない */
	text-decoration: none;
}

IMG.onMouseOver,
IMG.onMouseOut {
	/* 画像の枠線なし */
	border: 0;
}
A:link    IMG.onMouseOver,
A:visited IMG.onMouseOver {
	display: none;
}
A:hover   IMG.onMouseOver,
A:active  IMG.onMouseOver {
	display: inline;
}
A:link    IMG.onMouseOut,
A:visited IMG.onMouseOut {
	display: inline;
}
A:hover   IMG.onMouseOut,
A:active  IMG.onMouseOut {
	display: none;
}

/* formSubmit用 */
A:link input.onMouseOver,
A:visited input.onMouseOver {
	display: none;
}
A:hover input.onMouseOver,
A:active  input.onMouseOver {
	display: inline;
}
A:link input.onMouseOut,
A:visited input.onMouseOut {
	display: inline;
}
A:hover input.onMouseOut,
A:active input.onMouseOut {
	display: none;
}

/* etc --------------------------------------------------------------- */

/* ▲TOP */

DIV.lthrough {
text-decoration:line-through;
}

div.fixedLay
{
    position         : absolute   ;
    z-index          : 100       ;
    left             : -200px     ;
    top              : -200px     ;
}

a.fixedLay
{
    text-decoration  : none       ;
    font-size        : 14px       ;
    font-weight      : bold       ;
}

div.name-area{
	background-color: #F2F2F9;
	padding: 3px;
	text-align:left;
}

/* パンくずリスト */

div.punlist
{
	padding: 5px 5px 5px 5px;
	text-align:left;
}

/* パンくずリスト（やじるしcss） */
.topic-path {
	padding: 5px 8px;
	text-align:left;
}
.topic-path a {
	margin-right: 25px;
	position: relative;
}
.topic-path a:after {
	content: '';
	position: absolute;
	right: -14px;
	top: 6px;
	width: 6px;
	height: 6px;
	border-top: 2px #888888 solid;
	border-right: 2px #888888 solid;
	border-radius: 2px;
	transform: rotate(45deg);
}

/* タイトル */

div.title
{
	padding: 5px;
	background-color: #ffffff;
	border-bottom:3px solid #000099;
	border-left:10px solid #000099;
	font-size: 140%;
	font-weight: bold;
}

.title2
{
	padding: 5px 5px 5px 5px;
	background-color: #ffffff;
	border-bottom:3px solid #000099;
	border-left:10px solid #000099;
	font-size: 150%;
	font-weight: bold;
	margin: 10px 10px 0;
}

/* サブタイトル */

.subtitle
{
	padding: 3px 5px 3px 5px;
	background-color: #eeee99;
	border-bottom:2px solid #999933;
	border-left:2px solid #999933;
	font-size: 150%;
	font-weight: bold;
}

/* ページ説明 */

#wrapper{
	width:100% ;
	text-align: center;
	margin-top: 20px;
}

#container{
	width: 760px;
	margin: auto; text-align:left;
}

.explain{
	margin:20px 0;
}

#step-area{
	margin-top: 20px;
	margin-bottom: 10px;
	text-align: center;
}

.coment
{
	padding: 10px 3px 3px 5px;
	border-bottom:2px solid #999999;
	color: #666666;
	font-size: 120%;
}

.coment2
{
	padding: 10px 3px 3px 5px;
	border-bottom:2px solid #999999;
	color: #666666;
	font-size: 120%;
	margin: 0 10px;
}



/* 必須・エラーメッセージ */
.hissu
{
	font-weight: bold;
	color: #dc4d4d;
}

/* お知らせメッセージ */
.tell {
	font-weight: bold;
	color: #dc4d4d;
	border : solid 1px #dc4d4d;
	margin:10px 10px 10px 0px;
	padding:3px;
	float: left;
	}

/* 送料表 ------------------ */

table.carriage {
	font-size: 15px;
	line-height: 130%;
	border-bottom:solid 1px #666666;
	border-right:solid 1px #666666;
	border-collapse:collapse;
}

table.carriage th {
	background-color: #EEEEEE;
	padding: 8px 10px;
	border-left: solid 1px #666666;
	border-top: solid 1px #666666;
}

td.carriage {
	background-color:#FFFFFF;
	padding:5px;
	border-left:solid 1px #666666;
	border-top:solid 1px #666666;
	text-align:right;
}
/*-----↓代引き手数料で追加したのはここから↓-----*/

TABLE.fee {
	 border-left: #666666 1px solid;
	 font-size: 100%;
	 line-height: 130%;
	 border-bottom: #666666 1px solid;
	 border-collapse: collapse;
}

TABLE.fee TH {
	padding-right: 5px;
	border-top: #666666 1px solid;
	padding-left: 5px;
	padding-bottom: 5px;
	border-right: #666666 1px solid;
	padding-top: 5px;
	background-color: #FBEDCE
}

TD.fee {
	padding-right: 5px;
	border-top: #666666 1px solid;
	padding-left: 5px;
	padding-bottom: 5px;
	border-right: #666666 1px solid;
	padding-top: 5px;
	background-color: #ffffff;
	text-align: right;
}

TD.fee2 {
	padding-right: 5px;
	border-top: #666666 1px solid;
	padding-left: 5px;
	padding-bottom: 5px;
	border-right: #666666 1px solid;
	padding-top: 5px;
	background-color: #ffffff;
	text-align: left;
}
/*-----代引き手数料で追加したのはここまで-----*/

.clickable
{
	cursor: pointer
}

/* 表組み 住所入力用 */

table#address {
	width: 100%;
	border: 1px #E3E3E3 solid;
	border-collapse: collapse;
	border-spacing: 0;
	margin:auto;
}

table#address .td-left {
	width:30%;
	padding: 5px;
	border: 1px #E3E3E3 solid;
	border-width: 0 0 1px 1px;
	text-align: left;
	background: #f5f5f5;
}

table#address .td-right {
	width:70%;
	padding: 5px;
	border: 1px #E3E3E3 solid;
	border-width: 0 0 1px 1px;
	text-align: left;
}

/* 表組み上部の文言部分 */
.bold-comment{
	color: #dc4d4d;
	font-weight: bold;
	margin-right:5px;
}

/* フォーム */
.input-long{
	width: 270px;
}

.input-short{
	width: 150px;
}

.input-mail{
	width:270px;
	font-size: 18px;
}

.textarea{
	width: 400px;
	height: 100px;
}

label{
	cursor:pointer;
}

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

/* 企業情報管理〜企業PRの登録・変更 */
.now-pr-box .pr-dealer-img {
	width: 50%;
	float: left;
}
.now-pr-box .pr-dealer-img img { max-width: 100%; }


/* eコマースの現場から用 --------------------------------------------------------- */

#dealer-commerce .commerce-link {
	background: url(/img-dealer/contents/ss/mail/img_arrow.gif) 8px 12px no-repeat;
	padding: 7px 15px 7px 22px;
	display: block;
	border-bottom: 1px #cccccc dotted;
}

#dealer-commerce .commerce-link:hover {
	background: url(/img-dealer/contents/ss/mail/img_arrow_on.gif) 8px 12px no-repeat #eeeeee;
	text-decoration: none !important;
}

#dealer-commerce .commerce-selected {
	background: url(/img-dealer/contents/ss/mail/img_arrow_on.gif) 8px 12px no-repeat #eeeeee;
	padding: 7px 15px 7px 22px;
	display: block;
	border-bottom: 1px #cccccc dotted;
}

#dealer-commerce .commerce-selected:hover {
	text-decoration: none !important;
}

#dealer-commerce .commerce-menu-area {
	width: 210px;
	float: left;
}

#dealer-commerce .commerce-menu-area ul {
	text-align: left;
	margin: 0;
	padding: 0;
	list-style: none;
}

#dealer-commerce .commerce-menu-area li span {
	color: #333333;
	text-decoration: none;
}

#dealer-commerce .commerce-menu-area .last-list {
	border: 0;
}

#dealer-commerce .commerce-text-area {
	width: 700px;
	float: left;
	padding-left: 30px;
}

#dealer-commerce .commerce-title {
	margin:20px auto;
	text-align:center;
	font-size:120%;
	font-weight:bold;
}

#dealer-commerce .commerce-sub-title {
	margin:30px auto 10px;
	font-weight:bold;
}

#dealer-commerce .commerce-print-area {
	margin-bottom: 5px;
	text-align: right;
}

#dealer-commerce .commerce-finish {
	text-align: right;
	margin: 20px 0;
}

	/* 印刷ページ用 */
	#dealer-commerce .commerce-print-box {
		width: 650px;
		margin: 0 auto;
		text-align: left;
	}

	#dealer-commerce .commerce-print-box .print-this{
		margin: 20px 0px;
		text-align: right;
		cursor: pointer;
	}

	#dealer-commerce .commerce-print-box .print-close{
		margin: 20px 0px 40px 0px;
		text-align: center;
	}

/* （customer） */
#tiles-management-customer-disaproved-list #search_condition{
	width: 80%;
	border: solid 0px;
	text-align: center;
	background-color: #999999;
}

#tiles-management-customer-disaproved-list #search_condition th{
	text-align: left;
	width: 18%;
	background-color: #eeeeee;
}

#tiles-management-customer-disaproved-list #search_condition td{
	text-align: left;
	width: 82%;
	background-color: #ffffff;
}

#tiles-management-customer-disaproved-list #search_condition #search_button_wrap{
	text-align: center;
}

#tiles-management-customer-disaproved-list #ordered_column.disabled label{
	color : #999999;
}

#tiles-management-customer-disaproved-list a.sort-mark{
	text-decoration : none;
	font-size : 8pt;
}


#tiles-management-customer-trading-list #search_condition{
	width: 80%;
	border: solid 0px;
	text-align: center;
	background-color: #999999;
}

#tiles-management-customer-trading-list #search_condition th{
	text-align: left;
	width: 18%;
	background-color: #eeeeee;
}

#tiles-management-customer-trading-list #search_condition td{
	text-align: left;
	width: 82%;
	background-color: #ffffff;
}

#tiles-management-customer-trading-list #search_condition #search_button_wrap{
	text-align: center;
}

#tiles-management-customer-trading-list #ordered_column.disabled label{
	color : #999999;
}

#tiles-management-customer-trading-list a.sort-mark{
	text-decoration : none;
	font-size : 8pt;
}

#tiles-management-customer-trading-list .tel {
	padding-left: 16px;
	background: url(/img-dealer/icon/tel.gif) no-repeat scroll left center transparent;
	vertical-align: middle;
}

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

/* 20110603_新php3系フォームフッタ部分 */

.co-form-footer-area-wrap {
	width: 80%;
	margin: 60px 100px 0;
	border-top: solid 1px #999999;
}

.co-form-footer-area-float-wrap {
	width: 550px;
	margin: 20px 0px;
	text-align: left;
}

.co-form-footer-area-float-left {
	width: 49%;
	float: left;
	text-align: left;
}

.co-form-footer-area-float-right {
	width: 49%px;
	float: right;
	text-align: left;
	padding-left: 15px;
}

.co-form-footer-area-border {
	border-bottom: dotted 1px #cccccc;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

.co-form-footer-area-tel-box {
	margin: 10px 0px 0px 5px;
	text-align: left;
	line-height: 140%;
}

/* 20110621_バナー作成フォームcursor指定 */

#jsp-contents-campaign-bannerservice .co-dealer-form-contents img{
	cursor: pointer;
}

/* 画像格納庫 */
#directory-tree-wrap .clear-image {
	width: 11px;
	background-image: url("/img/manufacturer/storage/storage_clear.gif");
	background-position: left center;
	background-repeat: no-repeat;
}

#directory-tree-wrap .js-minus-image {
	width: 11px;
	background-image: url("/img/manufacturer/storage/storage_close_minus.gif");
	background-position: left bottom;
	background-repeat: no-repeat;
	cursor: pointer;
}

#directory-tree-wrap .js-plus-image {
	width: 11px;
	background-image: url("/img/manufacturer/storage/storage_open_plus.gif");
	background-position: left bottom;
	background-repeat: no-repeat;
	cursor: pointer;
}

#directory-tree-wrap .folder-image-mini {
	padding-left: 16px;
	background-image: url("/img/manufacturer/storage/folder_cl.gif");
	background-repeat: no-repeat;
	background-position: left center;
}

#directory-tree-wrap .folder-image-mini-open {
	padding: 3px 3px 3px 17px;
	background-image: url("/img/manufacturer/storage/folder_op.gif");
	background-repeat: no-repeat;
	background-position: left center;
	background-color: #FFCC33;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

#directory-tree-wrap .storage-blank {
	background-image: url("/img/manufacturer/storage/storage_blank.gif");
	background-repeat: no-repeat;
	background-position: left center;
	width: 24px;
	height: 24px;
	float: left;
}

#directory-tree-wrap .storage-bottom {
	background-image: url("/img/manufacturer/storage/storage_bottom.gif");
	background-repeat: no-repeat;
	background-position: left center;
	width: 24px;
	height: 24px;
	float: left;
}

#directory-tree-wrap .storage-bottom-right {
	background-image: url("/img/manufacturer/storage/storage_bottom_right.gif");
	background-repeat: no-repeat;
	background-position: left center;
	width: 24px;
	height: 24px;
	float: left;
}

#directory-tree-wrap .storage-right {
	background-image: url("/img/manufacturer/storage/storage_right.gif");
	background-repeat: no-repeat;
	background-position: left center;
	width: 24px;
	height: 24px;
	float: left;
}

/*認証中/認証不可*/
.approval_wait {
	padding:5px 0 5px 16px;
	background-image: url(/img-dealer/merchandise/syounincyuu.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

.approval_ng {
	padding:5px 0 5px 16px;
	background-image: url(/img-dealer/merchandise/syouninhuka.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

/*セミナー*/
#contents-seminar-index .co-contents-box-table {
	/* rowspanFFバグ対策 */
	border-collapse: separate!important;
}

#contents-seminar-index .rowlast {
	border-bottom: 1px dotted #999999;
}

/* 商品詳細プレビュー関係 */

#productdetail-preview .dealer-status-wrap .dealer-icon div table {
	width: 270px;
	border-top: 1px solid #cccccc;
}

#productdetail-preview .dealer-status-wrap .dealer-icon div table th {
	width: 70px;
	background-color: #eeeeee;
	border-bottom: 1px solid #cccccc;
}

#productdetail-preview .dealer-status-wrap .dealer-icon div table td {
	border-bottom: 1px solid #cccccc;
}


#productdetail-preview .dealer-status-wrap .dealer-status .icon-wrap {
	text-align: left;
	padding: 10px 5px;
}

#productdetail-preview .product-detail-table {
	width: 96%;
	margin-bottom: 7px;
	text-align: left;
}

#productdetail-preview .left-column {
	width:520px;
}

#productdetail-preview .product-detail-table-related {
	width: 96%;
	margin-bottom: 7px;
	text-align: center;
	margin-top: 7px;
}

#productdetail-preview .product-detail-table-related a {
	text-decoration: none;
	line-height: 125%;
	text-align: center;
}

#productdetail-preview .product-detail-table-related a:hover {
	text-decoration: underline;
	line-height: 125%;
	text-align: center;
}

#productdetail-preview .product-detail-box {
	padding: 0px 20px 0px 0px;
}

#productdetail-preview .product-image-box {
	margin-right: 10px;
	width: 500px;
}

#productdetail-preview .large-image-relative {
	position: relative;
	width: 500px;
	height: 500px;
	border: solid 1px #cccccc;
}

#productdetail-preview .large-image-zoom-button {
	position: absolute;
	top: 465px;
	left: 465px;
	z-index: 3;
}

#productdetail-preview .navi-prev-box {
	position: absolute;
	top: 150px;
	left: 0px;
	z-index: 3;
	width: 20px;
	height: 200px;
}

#productdetail-preview .navi-next-box {
	position: absolute;
	top: 150px;
	right: 0px;
	z-index: 3;
	width: 20px;
	height: 200px;
}

#productdetail-preview .large-image-absolute {
	position: absolute;
	z-index: 1;
	left: 0px;
	top: 0px;
	width: 500px;
	height: 500px;
}

#productdetail-preview .large-image-pic-block {
	border-width: 0px;
	margin-right: auto;
	margin-left: auto;
	display: block;
}

#productdetail-preview .large-image-pic-none {
	border-width: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	display: none;
}

#productdetail-preview .thum-image-box {
	width: 510px;
	margin-top: 10px;
}

#productdetail-preview .thum-image-float {
	width: 92px;
	height: 92px;
	float: left;
	margin: 5px 5px 5px 5px;
	cursor: pointer;
}

#productdetail-preview .thum-image-float:nth-child(2n+0) {
	width: 92px;
	height: 92px;
	float: left;
	margin: 7px 10px 7px 0px;
	cursor: pointer;
}

#productdetail-preview .thum-image-float:nth-child(2n+1) {
	width: 92px;
	height: 92px;
	float: left;
	margin: 7px 10px 7px 0px;
	cursor: pointer;
}

#productdetail-preview .thum-image-selected {
	width: 88px;
	height: 88px;
	border: 3px solid #dc4d4d;
}

#productdetail-preview .thum-image-normal {
	width: 92px;
	height: 92px;
}

#productdetail-preview .thum-image-vertical {
	width: 88px;
	height: 88px;
	border: 3px solid #cccccc;
}
#productdetail-preview .thum-border {
	position: absolute;
	top: 1px;
	left: 1px;
	z-index: 5;
}

#productdetail-preview .thum-image-selected #border_0,
#productdetail-preview .thum-image-selected #border_1,
#productdetail-preview .thum-image-selected #border_2,
#productdetail-preview .thum-image-selected #border_3,
#productdetail-preview .thum-image-selected #border_4,
#productdetail-preview .thum-image-selected #border_5,
#productdetail-preview .thum-image-selected #border_6,
#productdetail-preview .thum-image-selected #border_7,
#productdetail-preview .thum-image-selected #border_8,
#productdetail-preview .thum-image-selected #border_9,
#productdetail-preview .thum-image-selected #border_10 {
	display: none;
}

#productdetail-preview .youtube-box {
	width: 500px;
	padding-top: 10px;
	padding-bottom: 5px;
	margin: 10px auto;
}

#productdetail-preview .pic-caution {
	margin-top: 5px;
	text-align: left;
	color: #dc4d4d;
}

#productdetail-preview .product-text-box .top-level {
	border-bottom: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	padding: 1px 0;
}

#productdetail-preview .product-text-box .other-level {
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	padding: 1px 0;
}

#productdetail-preview .product-text-box .background {
	background-color: #eeeeee;
	text-align: left;
}

#productdetail-preview .product-text-box .question-box {
	border: 1px solid #cccccc;
	padding: 10px 0px 10px 12px;
	margin: 10px 0px 15px 0px;
	text-align: left;
	color:#0066CC;
	text-decoration:none;
}

#productdetail-preview .product-text-box .sold-out-big {
	color: #dc4d4d;
	font-size: 180%;
}

#productdetail-preview .product-text-box .appear-end-big {
	color: #666666;
	font-size: 180%;
}

#productdetail-preview  .product-name-wrap {
	padding: 0px 0px 10px 0px;
}

#productdetail-preview .product-information-box {
	position:relative;
	width:100%;
	margin-bottom: 10px;
}

#productdetail-preview .product-information-box .back-color {
	background-color: #eeeeee;
	font-weight:normal;
	padding:5px;
	vertical-align:top;
}

#productdetail-preview .product-information-box .info-list-wrap {
	border: 1px solid #CCCCCC;
    width: 100%;
}

#productdetail-preview .product-information-box .set-list {
	border-collapse: collapse;
    width: 100%;
}

#productdetail-preview .product-information-box .border-r {
	border-right: 1px solid #cccccc;
}

#productdetail-preview .product-information-box .border-rt {
	border-right: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
}

#productdetail-preview .product-information-box .border-t {
	border-top: 1px solid #cccccc;
}

#productdetail-preview .product-information-box .maker-product-price {
	border-right: 1px dotted #cccccc;
    border-top: 1px solid #cccccc;
    padding: 5px 5px 0;
}

#productdetail-preview .product-information-box .text-newline {
	display: inline-block;
}

#productdetail-preview .product-information-box .product-num-alert {
	color: #dc4d4d;
    font-weight: bold;
}

#productdetail-preview .product-information-box .maker-wholesale-price {
	border-right: 1px dotted #cccccc;
    padding: 0 5px 5px;
}

#productdetail-preview .product-information-box .maker-wholesale-set-price {
    border-right: 1px solid #cccccc;
    border-top: 1px dotted #cccccc;
    color: #dc4d4d;
    font-weight: bold;
}

#productdetail-preview .product-information-box .maker-wholesale-set-price-last {
    border-right: 1px solid #cccccc;
    border-top: 1px dotted #cccccc;
    color: #dc4d4d;
    font-weight: bold;
}

#productdetail-preview .product-information-box .set-num {
    border-right: 1px dotted #cccccc;
    border-top: 1px dotted #cccccc;
    font-weight: bold;
    padding: 5px;
    text-align: right;
}

#productdetail-preview .product-information-box .set-num-last {
    border-right: 1px dotted #cccccc;
    border-top: 1px dotted #cccccc;
    font-weight: bold;
    padding: 5px;
    text-align: right;
}

#productdetail-preview .product-information-box .alert {
	border-top: 1px solid #CCCCCC;
    padding: 5px;
    text-align: right;
}

#productdetail-preview .product-text-box .fo-error-exclamation {
	background: url("/img/icon/error.gif") no-repeat scroll left 50% transparent;
    color: #dc4d4d;
    font-weight: bold;
    margin-left: 5px;
    padding-left: 16px;
}

#productdetail-preview .prodact-detail-action-box {
    text-align: right;
    margin-bottom: 30px;
	margin-top:15px;
}

#productdetail-preview .prodact-detail-action-box loading-img {
    text-align:center;
	margin:10px auto;
}

#productdetail-preview .prodact-detail-action-box loadingImage {
    text-align:center;
	margin:10px auto;
}

#productdetail-preview .prodact-detail-action-box .whole-sale-text {
    color: #dc4d4d;
    font-weight: bold;
}

#productdetail-preview .prodact-detail-action-box .text-underline {
    text-decoration: underline;
}

#productdetail-preview .prodact-detail-action-box .add-cart {
    background-color: #eeeeee;
    padding: 10px;
    width: 120px;
    text-align: center;
}

#productdetail-preview .prodact-detail-action-box .cart-error01 {
    background-color: #efdcd5;
    color: #d6105d;
    border: 1px solid #d6105d;
    font-weight: bold;
    padding: 7px 5px 7px 5px;
    width: 130px;
    text-align: center;
}

#productdetail-preview .float-left {
	float: left;
}

#productdetail-preview .float-right {
	float: right;
}

#productdetail-preview .product-text-box .product-comment {
	padding: 10px 0 10px 0;
	border-bottom: dashed 1px #CCCCCC;
	border-top: dashed 1px #CCCCCC;
	margin-bottom:30px;
	margin-top:60px;
}

#productdetail-preview .product-text-box .product-name {
	font-weight: bold;
	font-size: 120%;
}

#productdetail-preview .product-text-box .open-price {
	padding:5px 0 2px 0;
}

#productdetail-preview .product-text-box .price {
	color: #dc4d4d;
}

#productdetail-preview .product-text-box .bold {
	font-weight: bold;
}

#productdetail-preview .product-text-box .price-text {
	font-size: 120%;
	font-weight: bold;
}

#productdetail-preview .product-text-box .price-large {
	font-size: large;
	font-weight: bold;
}

#productdetail-preview .product-details .h-td {
	text-align: center;
	white-space: nowrap;
	background-color: #EEEEEE;
	width: 80px;
}

#productdetail-preview .product-details-font {
	font-size: x-small;
}

#productdetail-preview .add-wishlist {
	margin:5px 0px 10px 0px;
}

#productdetail-preview .cart {
	margin: 3px;
}

/* 商品詳細プレビュー関係 */

/* 帳票出力
--------------------------------------------------------- */
#outputreport { margin-bottom: 85px; }
#outputreport .co-contents-box-table { margin: -1px 0 0 0; }
#outputreport .co-contents-box-table th,
#outputreport .co-contents-box-table td {
	padding: 15px;
	line-height: 1;
}
#outputreport .co-contents-box-table th { vertical-align: middle; }
#outputreport .co-contents-box-table td { vertical-align: top; }
#outputreport .co-contents-box-table th { width: 285px; }
#outputreport .co-contents-box-table th p { font-weight: bold; }
#outputreport .co-contents-box-table .co-popup-link-03>span{
	width: 20.5em;
	font-weight: normal;
	line-height: 1.4;
}
#outputreport .co-contents-box-table td a { display: inline-block; }
#outputreport .co-contents-box-table td a,
#outputreport .co-contents-box-table td span {margin-right: 50px; }
/* カレンダー部分 */
#outputreport #co-calender-input-form {
	display: inline-block;
	width: 265px;
}
#outputreport .external-disabled {
	color: #666666;
}
#outputreport .co-contents-box-table .line-multiple {
	line-height: 1.3;
}
#outputreport .outputreport-top-announce {
	display: inline-flex;
	justify-content: center;
	align-items: center;	
	padding: 8px 15px;
	border: 1px solid #CCCCCC;
	background: #FFF7E1;
	font-size: 12px;
}
#outputreport .row-flex {
	display: flex;
	align-items: center;
}
/* 休業日フォーム */
#fumi-holiday-form .day-select-table{
	width:170px;
	float: left;
	margin-right: 10px;
	background-color: #CCCCCC;
	border: 1px solid #CCCCCC;
}
#fumi-holiday-form .day-select-table caption {
	font-weight: bold;
}
#fumi-holiday-form .day-select-table th,
#fumi-holiday-form .day-select-table td {
	padding: 2px;
	text-align: center;
}
#fumi-holiday-form .day-select-table th.sat{
	color: #000088;
}
#fumi-holiday-form .day-select-table th.sun {
	color: #dc4d4d;
}
#fumi-holiday-form .day-select-table td {
	width: 20px;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	color: #CCCCCC;
}
#fumi-holiday-form .day-select-table td.saturday {
	color: #000088!important;
}
#fumi-holiday-form .day-select-table td.holiday {
	color: #dc4d4d!important;
}
#fumi-holiday-form .day-select-table td.select-td {
	background-color: #FFFFFF;
	color: #333333;
	cursor: pointer;
}
#fumi-holiday-form-comfirm .day-select-table td.select-td {
	/* 確認画面のみ */
	cursor: default;
}
#fumi-holiday-form .day-select-table td.hover-td {
	background-color: #FFFF66!important;
	color: #333333;
}
#fumi-holiday-form .day-select-table td.selected-td {
	background-color: #FFC0CB;
	color: #333333;
}
#fumi-holiday-form .lt_sel {
	width: 4.5em;
	background-color: #ffffff;
	border: 1px solid #a5acb2;
}

#fumi-holiday-form-comfirm .confirm_area {
	background-color: #eeeeee;
	padding: 5px;
	margin-top: 15px;
}
#fumi-holiday-form .select-please {
	display: inline-block;
	background-color: #FFC0CB;
	padding: 2px 3px 0;
	margin: 0 3px;
}
/* 休業日フォーム */

/* お知らせ掲載フォーム */

#d_information_publish .intro-wrap {
	border-top: 3px solid #DC4A45;
	border-bottom: 3px solid #DC4A45;
	width: 100%;
	margin-top: 20px;
}

#d_information_publish .intro-text {
	width: 184px;
	padding-top: 42px;
	float: left;
}

#d_information_publish .intro-contents-wrap01 {
	width: 25%;
	border-left: 1px dotted #DC4A45;
	float: right;
	padding-left: 10px;
}

#d_information_publish .intro-contents-wrap02 {
	width: 83%;
	padding: 10px 10px 0px 10px;
}

#d_information_publish .intro-contents-wrap03 {
	width: 95%;
	padding: 10px 10px 0px 10px;
}

#d_information_publish .intro-contents-text {
	width: 61%;
	float: left;
}

#d_information_publish .intro-contents-icon01 {
	width: 65px;
	float: right;
}

#d_information_publish .intro-contents-icon02 {
	width: 66px;
	float: right;
}

#d_information_publish .intro-contents-icon03 {
	width: 78px;
	float: right;
}

#d_information_publish .function-right {
	height: 1em;
    margin-bottom: 12px;
    margin-top: -26px;
    text-align: right !important;
}

/* お知らせ掲載フォーム */

/* CORECお知らせページ-20150209
------------------------------------------------ */
#corec-notification-20150209 {
	 font-size: 15px;
	 color: #4d4d4d;
	 font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}
#corec-notification-20150209 li {
	list-style:none;
}
#corec-notification-20150209 .cred {
	color:#ec6b6b;
}
#corec-notification-20150209 .corec-button {
	width: 196px;
	height: 45px;
}
#corec-notification-20150209 .header {
	margin-bottom: 15px;
	padding:15px 0;
	background: url("/img-dealer/contents/guide/corec/header-background-thin.png") repeat-x;
}
#corec-notification-20150209 .header .corec-start {
	padding: 5px 0;
	margin-bottom: 40px;
	border-top: 1px solid #dfeebf;
	border-bottom: 1px solid #dfeebf;
	background-color: #f3fbe1;
}
#corec-notification-20150209 .header .corec-introduction {
	 width: 582px;
	 height: 60px;
}
#corec-notification-20150209 .header .header-first-box {
	width: 1000px;
	height: 33px;
	margin-bottom: 25px;
}
#corec-notification-20150209 .header .header-first-box .cloud-order-tool {
	float: left;
	font-size: 20px;
	padding: 3px 0 0 280px;
}
#corec-notification-20150209 .header .header-first-box .corec-logo {
	float: right;
	padding-right: 303px;
}
#corec-notification-20150209 .compare {
    background-color: #F6F6F6;
}
#corec-notification-20150209 .compare p {
	margin:0;
	padding:0 0 1em;
}
#corec-notification-20150209 .compare-group-inner {
    padding: 50px 30px;
    width: 850px;
}
#corec-notification-20150209 .compare .compare-header {
    font-size: 28px;
    font-weight: bold;
}
#corec-notification-20150209 .compare .compare-inner {
    padding: 30px 0 0;
    position: relative;
    width: 700px;
}
#corec-notification-20150209 .compare .compare-inner .box1 img {
    left: 105px;
    position: absolute;
    top: -50px;
}
#corec-notification-20150209 .compare ul {
    margin: 0;
    padding: 0;
}
#corec-notification-20150209 .compare .group {
    border-radius: 5px;
    position: relative;
    text-align: center;
}
#corec-notification-20150209 .compare .box1 {
    padding: 70px 20px 10px;
    width: 280px;
}
#corec-notification-20150209 .compare .box1 p {
	padding:0.5em 0 0.5em;
	font-size:17px;
}
#corec-notification-20150209 .compare .box2 {
    padding: 10px 20px 20px;
	text-align:left;
}
#corec-notification-20150209 .compare table{
	width:100%;
}
#corec-notification-20150209 .compare th {
	width:50%;
	padding:5px 0;
}
#corec-notification-20150209 .compare td {
	width:50%;
	text-align:center;
}
#corec-notification-20150209 .compare .sd-group {
    border: 1px solid #d7e1f1;
    float: left;
}
#corec-notification-20150209 .compare .sd-group .box1 {
    background-color: #d7e1f1;
}
#corec-notification-20150209 .compare .sd-group .box2 {
    background-color: #edf3fb;
    border-radius: 6px;
}
#corec-notification-20150209 .compare .sd-group th {
	border-bottom:1px dashed #bdd1f1;
}
#corec-notification-20150209 .compare .sd-group td {
	border-bottom:1px dashed #bdd1f1;
}
#corec-notification-20150209 .compare .corec-group {
    float: right;
    border: 1px solid #ddebbe;
}
#corec-notification-20150209 .compare .corec-group .box1 {
    background-color: #dfeebf;
}
#corec-notification-20150209 .compare .corec-group .box2 {
    background-color: #f7fde9;
    border-radius: 6px;
}
#corec-notification-20150209 .compare .corec-group th {
	border-bottom:1px dashed #c5e483;
}
#corec-notification-20150209 .compare .corec-group td {
	border-bottom:1px dashed #c5e483;
}
#corec-notification-20150209 .compare .compare-border {
    left: 281px;
    padding: 70px 0 0;
    position: absolute;
    text-align: center;
    top: 33px;
    width: 236px;
}
#corec-notification-20150209 .compare .faq {
	font-size: 12px;
	text-align: left;
	margin:20px 0 0;
}
#corec-notification-20150209 .compare .faq  dt span {
	padding:0 5px;
	background-color: #90c31f;
	color:#fff;
	border-radius: 10px;
	margin:0 5px;
}
#corec-notification-20150209 .compare .faq  dd {
	margin-bottom:10px;
}
#corec-notification-20150209 .compare .faq  dd span {
	color:#90c31f;
	font-weight:bold;
	margin: 0 5px 0 0;
}
#corec-notification-20150209 .customer-comments {
	background: #dfeebf;
}
#corec-notification-20150209 .customer-comments .title {
	font-size: 28px;
	font-weight:bold;
}
#corec-notification-20150209 .customer-comments div ul li p span {
	font-weight: normal;
	font-size: 13px;
}
#corec-notification-20150209 .customer-comments div ul li {
	position: relative;
}
#corec-notification-20150209 .customer-comments div ul li.comment01 p {
	width: 260px;
}
#corec-notification-20150209 .customer-comments div ul li.comment02 p {
	width: 220px;
	padding-top: 35px;
}
#corec-notification-20150209 .customer-comments div ul li.comment01 div {
	background-color: #ffffff;
	border-radius: 5px;
	width: 500px;
}
#corec-notification-20150209 .customer-comments div ul li.comment02 div {
	background-color: #ffffff;
	border-radius: 5px;
	width: 545px;
}
#corec-notification-20150209 .customer-comments div ul li.comment01 div img {
	position: absolute;
	left: 362px;
	top :33px;
}
#corec-notification-20150209 .customer-comments div ul li.comment02 div img {
	position: absolute;
	left: 615px;
	top :44px;
}
#corec-notification-20150209 .corec-point {
	height: 1433px;
	background: url("/img-dealer/contents/guide/corec/background-color.png")  repeat-x ;
	position: relative;
}
#corec-notification-20150209 .corec-point .space {
	height: 40px;
}
#corec-notification-20150209 .corec-point .circle {
	width: 75px;
	height: 75px;
	-webkit-border-radius: 50%;/* width,heightの半分 */
	-moz-border-radius: 50%;
	border-radius: 50%;
}
#corec-notification-20150209 .corec-point .circle-text1 {
	font-size: 16px;
	color: #ffffff;
}
#corec-notification-20150209 .corec-point .circle-text2 {
	font-size: 30px;
	color: #ffffff;
	font-weight: bold;
}
#corec-notification-20150209 .corec-point .point-wrapper {
	background: url("/img-dealer/contents/guide/corec/pole.png")  repeat-y 50% 0;
	height: 1393px;
}
#corec-notification-20150209 .corec-point .point-wrapper .point-header {
	height: 80px;
	width: 495px;
	margin-bottom: 50px;
    font-size: 30px;
	font-weight: bold;
	color: #4d4d4d;
	position: relative;
}
#corec-notification-20150209 .corec-point .point-wrapper .point-header .text1 {
	position: absolute;
	top: 21px;
	left: 87px;
}
#corec-notification-20150209 .corec-point .point-wrapper .point-header .text2 {
	color: #ffffff;
	position: absolute;
	top: 21px;
	left: 224px;
}
#corec-notification-20150209 .corec-point .point-wrapper .point-header .text3 {
	position: absolute;
	top: 21px;
	left: 298px;
}
#corec-notification-20150209 .corec-point .point-wrapper .three-point {
	width: 960px;
	margin-bottom: 50px;
	min-width: 900px;
	max-width: 960px;
}
#corec-notification-20150209 .corec-point .point-wrapper .three-point .point-left {
	width: 520px;
	margin-left: 35px;
}
#corec-notification-20150209 .corec-point .point-wrapper .three-point .img-box {
	box-shadow: 0 0 11px 7px rgba(10,10,10,0.1);
	background-color: #ffffff;
	padding:10px;
	margin-top:10px;
}
#corec-notification-20150209 .corec-point .point-wrapper .three-point .point-right {
	width: 520px;
}
#corec-notification-20150209 .corec-point .point-wrapper .three-point .sentence {
	position: relative;
	width: 400px;
}
#corec-notification-20150209 .corec-point .point-wrapper .three-point .sentence .circle-wrapper {
	width: 400px;
	height: 80px;
	margin-top: 93px;
	position: relative;
	margin-bottom: 15px;
}
#corec-notification-20150209 .corec-point .point-wrapper .three-point .sentence .heading {
	margin-bottom: 15px;
	font-size: 22px;
	color: #4d4d4d;
	font-weight: bold;
}
#corec-notification-20150209 .corec-point .point-wrapper .three-point .sentence .content {
	margin-left: 5px;
	width: 282px;
	font-size: 16px;
	text-align: left;
}
#corec-notification-20150209 .corec-point .point-wrapper .three-point .sentence .annotation {
	margin-top: 5px;
	font-size: 14px;
	font-weight: bold;
	color: #ec6b6b;
}
#corec-notification-20150209 .footer-sentence {
	margin: 23px 0;
	font-size: 18px;
	font-weight: bold;
	line-height: 160%;
}
#corec-notification-20150209 .footer-sentence .plan-text {
	font-size: 13px;
	font-weight:normal;
	margin:0;
}
#corec-notification-20150209 .footer-annotation {
	margin: 30px 0 50px;
	padding: 15px 0 15px 10px;
	width: 630px;
	border: 1px solid #ec6b6b;
	font-size: 15px;
	color: #ec6b6b;
	background-color: #fffae7;
}
#corec-notification-20150209 .footer-background {
	height: 42px;
	margin-bottom: 70px;
	background: url("/img-dealer/contents/guide/corec/footer-background.png") repeat-x;
}

/* 黄色お知らせ枠 */
.notice-area {
	background-color: #fff7e1;
	padding: 10px !important;
	border: 1px solid #cccccc;
	margin: 0 auto 10px !important;
	text-align: left;
}

/* お知らせ用table 左上項目なしver. */
.co-container .infolist-table {
	width: 900px;
	border-right: 1px #cccccc solid;
	border-bottom: 1px #cccccc solid;
}
.co-container .infolist-table .info-head,
.co-container .infolist-table .info-txt {
	border-left: 1px #cccccc solid;
	border-top: 1px #cccccc solid;
	vertical-align: top;
	padding: 10px;
}
.co-container .infolist-table .info-head { background-color: #eeeeee; }

/*** 配送先に関するアイコン（トラックと船） ***/

.deli-icon span {
	font-size: 12px;
	font-weight: normal;
	width: 20em;
}
.deli-icon .add {
	width: 22em;
}

/* 販売管理内タブホバー時の枠 */
.tab-notes {
	position: absolute;
	z-index: 2;
	box-shadow: 1px 1px 3px 0 rgba(150,150,150,0.6);
	border:1px solid #cccccc;
	border-radius: 5px;
	padding: 10px;
	font-size: 12px;
	background-color: #fff7e1;
	top: 135px !important;
}

/* 海外セミナー募集ページ
---------------------------------------------------------- */
#exp-seminar-fumi .fix-cont {
	width: 860px;
	margin: 0 auto;
}
#exp-seminar-fumi p { margin: 0; }
/*** 見出し ***/
/* h1 */
#exp-seminar-fumi h1 {
	margin: 5px 0 20px;
	padding: 4px 0;
	border-top: 2px #4dabdf solid;
	border-bottom: 2px #4dabdf solid;
}
#exp-seminar-fumi h1 img {
	padding: 25px 48px;
	border-top: 1px #4dabdf solid;
	border-bottom: 1px #4dabdf solid;
}
/* h2 */
#exp-seminar-fumi h2 {
	border: 0; color: #222222;
	font-size: 26px;
	margin-top: 50px;
}
/* 世界地図 */
#exp-seminar-fumi .worldmap-area {
	background: url('/img-dealer/contents/exp_seminar/exp_bg_worldmap_00.jpg') center 30px no-repeat;
	min-height: 634px;
	margin-bottom: 40px;
}
/*** 開催スケジュール ***/
#exp-seminar-fumi .schedule {
	width: 960px;
}
#exp-seminar-fumi .schedule .icon-area {
	width: 4em;
	height: 4em;
	margin:0 10px 0 0;
	border-radius: 2em;
	background: #4dabdf;
	color: #ffffff;
	font-size: 12px;
	line-height: 4;
	text-align: center;
	float: left;
}
#exp-seminar-fumi .date{
	float: left;
	line-height: 1.7;
	font-weight: bold;
}
#exp-seminar-fumi .schedule table {
	width: 100%;
	background-color: #ffffff;
	margin-top: 15px;
}
#exp-seminar-fumi .schedule td {
	padding: 10px 5px;
	vertical-align: middle;
	border-top: 1px solid #cccccc;
}
#exp-seminar-fumi .schedule .last td { border-bottom: 1px solid #cccccc;}
#exp-seminar-fumi .schedule .bd-right {	border-right: 1px dotted #cccccc;}
#exp-seminar-fumi .schedule .open {
	position: relative;
	top: -10px;
}

/*** 講師 ***/
#exp-seminar-fumi .spk {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 100px;
}
#exp-seminar-fumi .spk img {
	border-radius: 72px;
	border: 2px solid #eeeeee;
}
#exp-seminar-fumi .spk .spk-photo {
	float: left;
	width: 170px;
}
#exp-seminar-fumi .spk .spk-name {
	float: left;
	width: 300px;
	line-height: 2;
	padding-top: 3em;
}
/*** フォーム ***/
#foreignSeminar .hope-date label {
	display: inline-block;
}
/* 確認画面の会場表示 */
#exp-seminar-fumi .place-txt {
	margin-left: -2.5em;
	text-indent: 2.5em;
}

/* 販売管理ふきだし */

.list_box .supplement-balloon span{
    position: relative;
    display: inline-block; 
    background-color: #fff7e1; 
    border: 1px solid #ccc; 
    vertical-align: middle; 
    padding:  5px 5px 5px 7px; 
    text-align: left;
}
.list_box .supplement-balloon span:after {
	content: '';
	position: absolute;
	border: 6px solid transparent;
	border-left-color: #fff7e1;
	bottom: 30%;
	left: 100%;
	height: 0;
}
.list_box .supplement-balloon span:before {
	content: '';
	position: absolute;
	border: 7px solid transparent;
	border-left-color: #ccc;
	bottom: 28%;
	left: 100%;
	height: 0;
}

/* 海外輸出販売申し込みページ
-------------------------------------------------------------- */
#sdexport {
	font-size: 16px;
	line-height: 1.6;
}
#sdexport * { box-sizing: border-box; }
#sdexport p { margin: 0; }
#sdexport em {
	font-style: normal;
	font-weight: bold;
}
#sdexport li { list-style: none; }
#sdexport h1 { margin: 15px auto; }
#sdexport h2 {
	font-size: 36px;
	text-align: center;
}
#sdexport h2:after {
	content: '';
	display: block;
	width: 40px;
	height: 4px;
	margin: 12px auto 40px;
	border-radius: 3px;
	background-color: #333333;
}
#sdexport form input[type='submit'],
#sdexport .exp-plan a { transition: opacity 0.2s; }
#sdexport form input[type='submit']:hover,
#sdexport .exp-plan a:hover {
	opacity: 0.7;
	text-decoration: none;
}
#sdexport .co-005g {
	margin: 0 7px;
	background-position: 0 4px;
}
/* 申し込みボタン共通 */
#sdexport form input[type='submit'] {
	font-size: 18px;
	border: 0;
	border-radius: 30px;
	color: #ffffff;
	font-weight: bold;
	padding: 18px 15px 15px;
	width: 280px;
	cursor: pointer;
	transition: opacity 0.2s;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif !important;
}
#sdexport .exp-posting input[type='submit'] { background-color: #3278c1; }
#sdexport .exp-selling input[type='submit'] { background-color: #fa6340; }

/*** メインビジュアル ***/
#sdexport .exp-main {
	text-align: center;
	padding: 4px 0 36px;
	background-repeat: no-repeat;
	background-image: url('/img-dealer/contents/exp/exp_main_bg_00.png'),url('/img-dealer/contents/exp/exp_main_bg_00.png');
	background-position: right calc(50% + 785px) top, left calc(50% + 780px) top;
	display: flex;
	flex-direction: column;
}
#sdexport.is-postiong .exp-main { padding: 10px 0 25px; }
/* ボタン枠 */
#sdexport .exp-main-btn {
	display: flex;
	justify-content: center;
	width: 600px;
	margin: 20px auto 17px;
	border-bottom: 1px #cccccc solid;
	padding-bottom: 22px;
}
#sdexport .exp-main-btn li:nth-child(2) { margin-left: 30px; }
#sdexport .exp-main-btn p {
	font-size: 14px;
	margin-bottom: 4px;
}
#sdexport .exp-main-btn p:before {
	content: '＼';
	margin-right: 6px;
}
#sdexport .exp-main-btn p:after { content: '／' }
#sdexport .exp-main-btn .exp-main-posting p { color: #3278c1; }
#sdexport .exp-main-btn .exp-main-selling p { color: #fa6340; }
#sdexport.is-postiong .exp-main-btn {
	order: 1;
	padding-bottom: 0;
	margin-top: 12px;
	border: 0;
}
#sdexport.is-postiong .exp-main-btn p { display: none; }
/* 注記 */
#sdexport .exp-main .exp-main-notice { font-size: 13px; }
#sdexport.is-postiong .exp-main .exp-main-notice { margin-top: 30px; }
/*** SD export規模 ***/
#sdexport .exp-market,
#sdexport .exp-market dl {
	display: flex;
	justify-content: center;
	align-items: center;
}
#sdexport .exp-market {
	background-color: #f0f9ff;
	border-top: 1px #eeeeee solid;
	border-bottom: 1px #eeeeee solid;
	padding: 4px 0;
	line-height: 1.4;
}
#sdexport .exp-market:before {
	content: url('/img-dealer/contents/exp/market_guide_00.png');
	margin: -2px 0 -5px;
}
/* 吹き出し */
#sdexport .exp-market p {
	border: 1px #cccccc solid;
	padding: 6px 10px;
	background-color: #ffffff;
	border-radius: 5px;
	font-size: 13px;
	font-weight: bold;
	width: 14em;
	position: relative;
	margin: 0 25px 0 12px;
}
#sdexport .exp-market p:before,
#sdexport .exp-market p:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	right: 100%;
	height: 0;
	width: 0;
	border-style: solid;
	border-width: 6px 11px 6px 0;
	margin-top: -6px;
}
#sdexport .exp-market p:before {
	margin-right: 1px;
	border-color: transparent #cccccc transparent transparent;
}
#sdexport .exp-market p:after {
	margin-right: -1px;
	border-color: transparent #ffffff transparent transparent;
}
/* 数値 */
#sdexport .exp-market dl,
#sdexport .exp-market dl dd { margin: 0; }
#sdexport .exp-market dl dt {
	font-size: 13px;
	width: 3.5em;
	text-align: right;
	margin-right: 7px;
	line-height: 1.2;
}
#sdexport .exp-market dl dd {
	font-size: 22px;
	font-weight: bold;
}
#sdexport .exp-market dl dd span { font-size: 32px; }
#sdexport .exp-market dl dd:not(:last-child) {
	padding-right: 25px;
	margin-right: 20px;
	border-right: 1px #cccccc solid;
}
/*** SD exportについて ***/
#sdexport .exp-merit {
	background-color: #f5f5f5;
	padding: 55px 0 90px;
	margin-bottom: 70px;
}
#sdexport .exp-merit .exp-merit-txt {
	font-size: 24px;
	text-align: center;
	line-height: 1.5;
}
#sdexport.is-postiong .exp-merit { padding-bottom: 1px; }
/* 小売店事例 */
#sdexport .exp-merit .exp-retailer-case {
	display: flex;
	justify-content: space-between;
	width: 860px;
	margin: 35px auto 80px;
	text-align: center;
}
#sdexport .exp-merit .exp-retailer-case img {
	display: block;
	margin: 8px auto 15px;
}
#sdexport .exp-merit .exp-retailer-name {
	font-size: 13px;
	display: inline-block;
	text-align: left;
	padding-left: 60px;
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 50px auto;
}
#sdexport .exp-merit .exp-retailer-name span {
	color: #666666;
	display: block;
}
#sdexport .exp-merit li:nth-child(1) .exp-retailer-name { background-image: url('/img-dealer/contents/exp/flag_01.jpg'); }
#sdexport .exp-merit li:nth-child(2) .exp-retailer-name { background-image: url('/img-dealer/contents/exp/flag_02.jpg'); }
#sdexport .exp-merit li:nth-child(3) .exp-retailer-name { background-image: url('/img-dealer/contents/exp/flag_03.jpg'); }
/* 簡単掲載 */
#sdexport .exp-how-easy {
	width: 960px;
	margin: -15px auto 0;
	padding: 27px 490px 25px 48px;
	font-size: 31px;
	line-height: 1.8;
	background: url('/img-dealer/contents/exp/exp_pc_01.png') right top no-repeat;
}
#sdexport .exp-how-easy span:not(.exp-choose) {
	font-size: 22px;
	display: block;
}
#sdexport .exp-how-selling {
	font-size: 13px;
	margin: 8px auto 0;
}
#sdexport .exp-choose {
	display: inline-block;
	border: 2px #599bde solid;
	color: #3278c1;
	background-color: #f0f9ff;
	padding: 10px 13px 5px;
	border-radius: 5px;
	line-height: 1;
	margin: 5px 0;
}
#sdexport .exp-choose { margin-right: 5px; }
/*** 2つのプラン ***/
/* 共通 */
#sdexport .exp-plan {
	display: flex;
	justify-content: space-between;
	width: 955px;
	margin: 0 auto 20px;
}
#sdexport .exp-plan > li {
	width: calc(50% - 17px);
	border-style: solid;
	border-width: 1px;
	display: flex;
	flex-direction: column;
}
#sdexport .exp-plan h3 {
	text-align: center;
	margin: -1px -1px 0;
	font-size: 34px;
	padding: 18px 0 6px;
}
#sdexport .exp-plan-area p.text {
	text-align: center;
	margin-bottom: 15px;
}
#sdexport .exp-plan h3 span,
#sdexport .exp-plan-area p.text span {
	font-weight: normal;
	font-size: 16px;
	display: block;
}
#sdexport .exp-plan h3 span:before,
#sdexport .exp-plan-area p.text span:before {
	content: '＼';
	margin-right: 7px;
}
#sdexport .exp-plan h3 span:after,
#sdexport .exp-plan-area p.text span:after { content: '／' }
#sdexport .exp-plan li div {
	padding: 0 28px 30px;
	flex-grow: 1;
	display: flex;
	flex-direction: column;
}
#sdexport .exp-plan li ul { flex-grow: 1; }
#sdexport .exp-plan p {
	font-size: 22px;
	text-align: center;
	padding: 20px 0 10px;
}
#sdexport .exp-plan p:before {
	vertical-align: -15px;
	margin-right: 4px;
	display: inline-block;
}
#sdexport .exp-plan div li {
	padding: 2px 0 5px 38px;
	background: url('/img-dealer/contents/exp/exp_check_00.png') left top no-repeat;
	margin-top: 8px;
}
#sdexport .exp-plan a {
	display: block;
	font-size: 18px;
	width: 230px;
	padding: 18px 20px 32px;
	margin: 10px auto 0;
	border-radius: 10px;
	text-align: center;
	color: #ffffff;
	position: relative;
}
#sdexport .exp-plan a:before,
#sdexport .exp-plan a:after {
	content: '';
	display: block;
	width: 16px;
	height: 3px;
	border-radius: 6px 3px 3px 6px;
	background-color: #ffffff;
	position: absolute;
	top: calc(100% - 21px);
}
#sdexport .exp-plan a:before {
	transform: rotate(28deg);
	right: calc(50% - 1px);
}
#sdexport .exp-plan a:after {
	transform: rotate(152deg);
	left: calc(50% - 1px);
}
/* カタログプラン */
#sdexport .exp-plan .exp-plan-posting { border-color: #afe0ff; }
#sdexport .exp-plan .exp-plan-posting h3 { background-color: #96ccf5; }
#sdexport .exp-plan .exp-plan-posting > div { background-color: #f0f9ff; }
#sdexport .exp-plan .exp-plan-posting p:before { content: url('/img-dealer/contents/exp/exp_person_00.png'); }
#sdexport .exp-plan .exp-plan-posting a { background-color: #3278c1; }
/* 販売プラン */
#sdexport .exp-plan .exp-plan-selling { border-color: #fdd4ca; }
#sdexport .exp-plan .exp-plan-selling h3 {
	background-color: #f98f72;
	color: #ffffff;
}
#sdexport .exp-plan .exp-plan-selling > div { background-color: #fff5f3; }
#sdexport .exp-plan .exp-plan-selling p:before { content: url('/img-dealer/contents/exp/exp_person_01.png'); }
#sdexport .exp-plan .exp-plan-selling a { background-color: #fa6340; }

/****** プラン説明 ******/
/*** 共通 ***/
#sdexport .exp-plan-area {
	padding: 30px 20px 60px;
	border-style: solid;
	border-width: 1px;
	max-width: 1000px;
	width: 96%;
	margin: 80px auto 0;
}
#sdexport .exp-plan-area h3,
#sdexport .exp-sub-choose li h3 {
	font-size: 34px;
	width: 9.8em;
	margin: 0 auto 55px;
	padding: 13px 0 5px;
	text-align: center;
	position: relative;
}
#sdexport .exp-plan-area h3:before,
#sdexport .exp-plan-area h3:after,
#sdexport .exp-sub-choose li h3:before,
#sdexport .exp-sub-choose li h3:after {
	content: '';
	display: block;
	position: absolute;
	border-style: solid;
	top: calc(100% + 2px);
	border-width: 5px 8px;
}
#sdexport .exp-plan-area h3:before,
#sdexport .exp-sub-choose li h3:before { left: 0; }
#sdexport .exp-plan-area h3:after,
#sdexport .exp-sub-choose li h3:after { right: 0; }
#sdexport .exp-plan-area h4 {
	font-size: 26px;
	display: flex;
	justify-content: center;
	align-items: center;
}
#sdexport .exp-plan-area h4:before,
#sdexport .exp-plan-area h4:after {
	content: '';
	display: block;
	height: 0;
	width: 30px;
	border-bottom: 4px #333333 double;
	border-top: 1px #333333 solid;
	margin: -3px 10px 0;
}
#sdexport .exp-plan-area .exp-plan-intro {
	width: 660px;
	margin: 0 auto 50px;
	line-height: 1.8;
}
/* 料金体系 */
#sdexport .plan-cost-box {
	background-color: #ffffff;
	border: 1px #eeeeee solid;
	padding: 35px 20px 40px;
	width: 860px;
	margin: 80px auto;
	text-align: center;
}
#sdexport #posting .plan-cost-box .plan-cost {
	font-size: 56px;
	position: relative;
	display: inline-block;
	font-weight: bold;
	margin: -5px auto 2px;
}
#sdexport #selling .plan-cost-box .plan-cost {
	font-size: 20px;
}
#sdexport #posting .plan-cost-box .plan-cost:after {
	content: '';
	display: inline-block;
	vertical-align: -10px;
	margin-left: 15px;
	width: 90px;
	height: 90px;
	border-radius: 50%;
	background: url('/img-dealer/contents/exp/plan_cost_00.png') center center no-repeat;
}
#sdexport #posting .plan-cost-box .plan-cost:before {
	content: url('/img-dealer/contents/exp/line_00.png');
	position: absolute;
	right: -10px;
	top: -21px;
	transform: rotate(-45deg);
}
#sdexport .plan-cost-box ul {
	display: inline-block;
	text-align: left;
}
#sdexport .plan-cost-box ul li:not(:first-child) { margin-top: 8px; }
#sdexport .plan-cost-box ul li:before { content: '・'; }
#sdexport #selling .plan-cost-box .margin{
	font-size: 40px;
	font-weight: 600;
	text-align: center;
	line-height: 42px;
}
#sdexport #selling .plan-cost-box .margin span{
	font-size: 30px;
	font-weight: normal;
	color: #707070;
}
#sdexport .plan-cost-box .plan-cost-notice {
	display: inline-block;
	background-color: #eeeeee;
	padding: 15px;
	min-width: 630px;
	margin-top: 25px;
	font-size: 14px;
}
#sdexport .plan-cost-box .plan-cost-forposting {
	color: #f25d3a;
	font-size: 39px;
	font-weight: bold;
	margin-bottom: 15px;
}
#sdexport .plan-cost-box .plan-cost-forposting span {
	font-size: 56px;
	margin-left: 10px;
	position: relative;
}
#sdexport .plan-cost-box .plan-cost-forposting span:after {
	content: url('/img-dealer/contents/exp/line_00.png');
	position: absolute;
	right: -14px;
	top: -21px;
	transform: rotate(-45deg);
}
#sdexport .plan-cost-box .cost-forposting {
	border-collapse: collapse;
	border-left: 1px #cccccc solid;
	border-right: 1px #cccccc solid;
	margin: 12px auto 0;
}
#sdexport .plan-cost-box .cost-forposting th,
#sdexport .plan-cost-box .cost-forposting td {
	border-top: 1px #cccccc solid;
	border-bottom: 1px #cccccc solid;
	padding: 15px 40px;
}
#sdexport .plan-cost-box .cost-forposting th { background-color: #eeeeee; }
#sdexport .plan-cost-box .cost-forposting td { text-align: left; }
#sdexport .plan-cost-box .cost-forposting tr:first-child td {
	font-size: 22px;
	font-weight: bold;
	padding: 10px 40px;
}
#sdexport .plan-cost-box .cost-forposting td span { font-size: 14px; }
#sdexport .plan-cost-box .cost-forposting + .plan-cost-notice {
	margin: 40px -20px -40px;
	display: block;
}
#sdexport .plan-cost-box .cost-forposting + .plan-cost-notice ul { display: block; }
/* ご利用までの流れ */
#sdexport .exp-apply-flow {
	display: flex;
	justify-content: space-between;
	padding: 0;
	margin: 30px auto 80px;
}
#sdexport .exp-apply-flow li {
	text-align: center;
	position: relative;
}
#sdexport .exp-apply-flow li:before {
	display: block;
	margin-bottom: -5px;
}
#sdexport .exp-apply-flow li:not(:last-child) {
	background-color: #ffffff;
	border: 1px #eeeeee solid;
	width: calc(28% - 30px);
	padding: 40px 21px 30px;
}
#sdexport .exp-apply-flow li:last-child {
	width: 17%;
	padding: 45px 0 30px;
	background: url('/img-dealer/contents/exp/line_00.png') right 8px top 55px no-repeat;
	background-size: 17px auto;
	line-height: 1.4;
}
#sdexport .exp-apply-flow li:last-child:after {
	content: '';
	width: 15px;
	height: 50px;
	background: url('/img-dealer/contents/exp/line_00.png') center top no-repeat;
	background-size: 17px auto;
	transform: scale(-1, 1);
	position: absolute;
	top: 55px;
	left: 7px;
}
#sdexport .exp-apply-flow li:not(:last-child):after {
	content: '';
	width: 0;
	height: 0;
	position: absolute;
	left: 0;
	top: 0;
	border-style: solid;
	border-width: 26px;
	border-color: #eeeeee transparent transparent #eeeeee;
}
#sdexport .exp-apply-flow li img {
	position: absolute;
	left: 3px;
	top: 3px;
	z-index: 2;
}
#sdexport .exp-apply-flow h5 {
	text-align: center;
	font-size: 18px;
}
#sdexport .exp-apply-flow li:last-child h5 {
	margin-top: 23px;
	font-size: 22px;
}
#sdexport .exp-apply-flow p {
	font-size: 14px;
	text-align: left;
	margin-top: 12px;
	line-height: 1.8;
}
/* やじるし */
#sdexport .exp-apply-flow p:before,
#sdexport .exp-apply-flow p:after {
	content: '';
	display: block;
	height: 2px;
	width: 13px;
	position: absolute;
	right: -20px;
	top: 50%;
	border-radius: 3px;
}
#sdexport .exp-apply-flow p:before {
	transform: rotate(50deg);
	margin-top: -4px;
}
#sdexport .exp-apply-flow p:after {
	transform: rotate(-50deg);
	margin-top: 4px;
}
#sdexport .exp-apply-flow li:nth-child(3) p:before,
#sdexport .exp-apply-flow li:nth-child(3) p:after { right: -25px; }
/* よくある質問 */
#sdexport .exp-faq {
	width: 860px;
	margin: 28px auto 80px;
	line-height: 1.4;
}
#sdexport .exp-faq dt { font-weight: bold; }
#sdexport .exp-faq dt:not(:first-child) {
	border-top: 1px #888888 solid;
	padding-top: 20px;
}
#sdexport .exp-faq dt:before,
#sdexport .exp-faq dd:before {
	content: '';
	display: inline-block;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	vertical-align: -10px;
}
#sdexport .exp-faq dt:before {
	border: 1px #333333 solid;
	background: url('/img-dealer/contents/exp/q_00.png') center center no-repeat #ffffff;
	margin-right: 8px;
}
#sdexport .exp-faq dd:before { margin-right: 3px; }
#sdexport .exp-faq dd {
	margin: 10px 0 13px;
	text-indent: -41px;
	padding-left: 41px;
}
/* 最後 */
#sdexport .exp-notice {
	background-color: #ffffff;
	border: 1px #eeeeee solid;
	padding: 25px;
	width: 860px;
	margin: 0 auto;
	text-align: center;
}
#sdexport .exp-notice p {
	font-size: 14px;
	margin-bottom: 15px;
}

/*** カタログ ***/
#sdexport #posting {
	background-color: #f0f9ff;
	border-color: #afe0ff;
}
#sdexport #posting h3,
#sdexport .exp-sub-choose .exp-sub-post h3 { background-color: #96ccf5; }
#sdexport #posting h3:before,
#sdexport .exp-sub-choose .exp-sub-post h3:before { border-color: #96ccf5 #96ccf5 transparent transparent; }
#sdexport #posting h3:after,
#sdexport .exp-sub-choose .exp-sub-post h3:after { border-color: #96ccf5 transparent transparent #96ccf5; }
/* 問い合わせ画面イメージ */
#sdexport #posting .exp-post-imgtxt {
	font-size: 14px;
	border-bottom: 1px #cccccc solid;
	margin-bottom: 13px;
}
#sdexport #posting .exp-post-img {
	display: flex;
	justify-content: space-between;
	font-size: 14px;
}
#sdexport #posting .exp-post-img img { width: 100%; }
#sdexport #posting .exp-post-img > div {
	width: calc(50% - 17px);
	position: relative;
}
#sdexport #posting .exp-post-img > div:first-child:after {
	content: url('/img-dealer/contents/exp/exp_arw_00.png');
	position: absolute;
	top: 32%;
	right: -13%;
	z-index: 2;
}
#sdexport #posting .exp-post-img p { margin-top: 10px; }
#sdexport #posting .exp-post-img ul {
	display: flex;
	justify-content: space-between;
}
#sdexport #posting .exp-post-img ul li {
	border: 1px #1954a5 solid;
	color: #1954a5;
	background-color: #ffffff;
	font-size: 13px;
	border-radius: 20px;
	padding: 2px 7px 1px;
	margin: -2px 0 5px;
	position: relative;
}
#sdexport #posting .exp-post-img ul li:after {
	content: '';
	width: 2px;
	background-color: #1954a5;
	position: absolute;
	left: 50%;
	top: calc(100% + 1px);
	transform-origin: right top;
}
#sdexport #posting .exp-post-img ul li:nth-child(1):after {
	height: 45px;
	transform: rotate(-15deg);
}
#sdexport #posting .exp-post-img ul li:nth-child(2):after {
	height: 58px;
	transform: rotate(40deg);
}
#sdexport #posting .exp-post-img ul li:nth-child(3):after {
	height: 86px;
	transform: rotate(60deg);
	margin-top: 1px;
}
/* 料金体系 */
#sdexport #posting .plan-cost-box .plan-cost,
#sdexport #posting .exp-apply-flow li h5 { color: #1954a5; }
#sdexport #posting .plan-cost-box .plan-cost:after { background-color: #96ccf5; }
/* ご利用までの流れ */
#sdexport #posting .exp-apply-flow li:nth-child(1)::before { content: url('/img-dealer/contents/exp/flow_post_01.png'); }
#sdexport #posting .exp-apply-flow li:nth-child(2)::before { content: url('/img-dealer/contents/exp/flow_post_02.png'); }
#sdexport #posting .exp-apply-flow li:nth-child(3)::before {
	content: url('/img-dealer/contents/exp/flow_post_03_01.png');
	padding-bottom: 33px;
}
#sdexport #posting .exp-apply-flow li:nth-child(4)::before { content: url('/img-dealer/contents/exp/flow_post_04.png'); }
#sdexport #posting .exp-apply-flow p:before,
#sdexport #posting .exp-apply-flow p:after { background-color: #1954a5; }
/* よくある質問 */
#sdexport #posting .exp-faq dd:before {
	border: 1px #1954a5 solid;
	background: url('/img-dealer/contents/exp/a_00.png') left 8px center no-repeat #1954a5;
}

/*** 販売 ***/
#sdexport #selling {
	background-color: #fff5f3;
	border-color: #fdd4ca;
	margin-top: 70px;
}
#sdexport #selling h3,
#sdexport .exp-sub-choose .exp-sub-sell h3 { color: #ffffff; }
#sdexport #selling h3 { background-color: #f25d3a; }
#sdexport #selling h3:before { border-color: #f25d3a #f25d3a transparent transparent; }
#sdexport #selling h3:after { border-color: #f25d3a transparent transparent #f98f72; }
#sdexport #selling h3 span { display: none; }
#sdexport.is-postiong #selling h3 { width: 12em; }
#sdexport.is-postiong #selling h3 span { display: inline; }
/* 国内との違い */
#sdexport #selling .exp-diff {
	width: 765px;
	margin: 45px auto 80px;
	border: 1px #888888 solid;
	padding-bottom: 20px;
}
#sdexport #selling .exp-diff h4 {
	width: calc(8em + 40px);
	margin: -0.6em auto 10px;
	background-color: #fff5f3;
	font-size: 22px;
}
#sdexport #selling .exp-diff h4:before,
#sdexport #selling .exp-diff h4:after { display: none; }
#sdexport #selling .exp-diff h5 { font-size: 18px; }
#sdexport #selling .exp-diff ul { display: flex; }
#sdexport #selling .exp-diff li {
	width: 50%;
	padding: 0 10px 0 125px;
	background: left 25px top 8px no-repeat;
}
#sdexport #selling .exp-diff li:first-child {
	border-right: 1px #888888 solid;
	background-image: url('/img-dealer/contents/exp/compare_01.png');
}
#sdexport #selling .exp-diff li:last-child { background-image: url('/img-dealer/contents/exp/compare_02.png'); }
/* 導入事例 */
#sdexport #selling .exp-instance {
	width: 860px;
	margin: 30px auto -20px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#sdexport #selling .exp-instance li {
	width: calc(50% - 30px);
	background-color: #ffffff;
	border: 1px #eeeeee solid;
	border-radius: 10px;
	padding: 20px 22px 50px;
	margin-bottom: 30px;
	position: relative;
	overflow: hidden;
}
#sdexport #selling .exp-instance li .exp-ins-com {
	position: relative;
	padding: 18px 0 0 125px;
	min-height: 110px;
}
#sdexport #selling .exp-instance li .exp-ins-com img {
	position: absolute;
	top: 0;
	left: 5px;
}
#sdexport #selling .exp-instance li .exp-ins-com h5 { font-size: 18px; }
#sdexport #selling .exp-instance li .exp-ins-com p {
	font-size: 15px;
	color: #888888;
	margin-top: 3px;
}
#sdexport #selling .exp-instance li .exp-ins-com p span {
	display: inline-block;
	vertical-align: 1px;
	color: #ffffff;
	font-size: 13px;
	background-color: #888888;
	padding: 4px 5px 2px;
	margin-right: 5px;
	line-height: 1;
}
#sdexport #selling .exp-instance li > p {
	border-top: 1px #cccccc solid;
	padding-top: 15px;
	margin-top: 15px;
	font-size: 13px;
	line-height: 1.7;
}
#sdexport #selling .exp-instance li a {
	display: flex;
	align-items: flex-end;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#sdexport #selling .exp-instance li a span {
	background-color: #f25d3a;
	color: #ffffff;
	display: block;
	width: 100%;
	font-size: 14px;
	padding: 6px 0 6px 33px;
	text-align: center;
}
#sdexport #selling .exp-instance li a span:after {
	content: '';
	display: inline-block;
	width: 8px;
	height: 8px;
	border-top: 2px #ffffff solid;
	border-right: 2px #ffffff solid;
	transform: rotate(45deg);
	border-radius: 2px;
	margin-left: 25px;
}
#sdexport #selling .exp-instance li:hover a { text-decoration: none; }
#sdexport #selling .exp-instance li > * { transition: opacity 0.2s; }
#sdexport #selling .exp-instance li:hover > * { opacity: 0.7; }
/* 料金体系 */
#sdexport #selling .exp-apply-flow li h5 { color: #f25d3a; }
#sdexport #selling .plan-cost-box .plan-cost:after { background-color: #ffc9b6; }
#sdexport #selling .plan-cost-box .plan-cost-notice { padding: 15px 25px; }
#sdexport #selling .plan-cost-box .plan-cost-notice h5 {
	font-size: 14px;
	text-align: left;
	margin: 5px 0;
}
#sdexport #selling .plan-cost-box .plan-cost-notice li {
	margin: 0;
	text-indent: -19px;
	padding-left: 19px;
}
/* ご利用までの流れ */
#sdexport #selling .exp-apply-flow li:nth-child(1):before { content: url('/img-dealer/contents/exp/flow_sell_01.png'); }
#sdexport #selling .exp-apply-flow li:nth-child(2):before { content: url('/img-dealer/contents/exp/flow_sell_02.png'); }
#sdexport #selling .exp-apply-flow li:nth-child(3):before {
	content: url('/img-dealer/contents/exp/compare_01.png');
	display: block;
	margin: 0 auto 28px;
}
#sdexport #selling .exp-apply-flow li:nth-child(4):before { content: url('/img-dealer/contents/exp/flow_sell_04.png'); }
#sdexport #selling .exp-apply-flow p:before,
#sdexport #selling .exp-apply-flow p:after { background-color: #f25d3a; }
/* よくある質問 */
#sdexport #selling .exp-faq dd:before {
	border: 1px #f25d3a solid;
	background: url('/img-dealer/contents/exp/a_00.png') left 8px center no-repeat #f25d3a;
}

/*** フッター上の申し込みボタン枠 ***/
#sdexport .exp-sub-choose-area {
	background-color: #eeeeee;
	margin: 140px auto -105px;
	padding: 60px 0;
	font-size: 14px;
	text-align: center;
}
#sdexport .exp-sub-choose-area h2 { font-size: 32px; }
#sdexport .exp-sub-choose-area h2:after { display: none; }
#sdexport .exp-sub-choose {
	width: 970px;
	margin: 20px auto 30px;
	background-color: #ffffff;
	padding: 40px 40px 30px;
}
#sdexport .exp-sub-choose ul {
	display: flex;
	justify-content: space-between;
	margin-bottom: 30px;
}
#sdexport .exp-sub-choose li {
	width: calc(50% - 14px);
	padding: 25px 25px 30px;
}
#sdexport .exp-sub-choose li h3 {
	font-size: 24px;
	padding: 7px 0 1px;
	margin-bottom: 30px;
	width: 9em;
}
#sdexport .exp-sub-choose li h3:before,
#sdexport .exp-sub-choose li h3:after { margin-top: -1px; }

#sdexport .exp-sub-choose .exp-sub-sell h3 { background-color: #f98f72; }
#sdexport .exp-sub-choose .exp-sub-sell h3:before { border-color: #f98f72 #f98f72 transparent transparent; }
#sdexport .exp-sub-choose .exp-sub-sell h3:after { border-color: #f98f72 transparent transparent #f98f72; }
#sdexport .exp-sub-choose li p {
	text-align: left;
	margin-bottom: 40px;
}
#sdexport .exp-sub-choose .exp-sub-post {
	border: 1px #afe0ff solid;
	background-color: #f0f9ff;
}
#sdexport .exp-sub-choose .exp-sub-sell {
	border: 1px #fdd4ca solid;
	background-color: #fff5f3;
}

/*** コニャッククーポンコード ***/
.coupon-box input {
	border: 0;
	text-align: center;
	background-color: #f0f6fb;
	width: 10em;
	font-size: 22px;
	height: 1.5em;
}

/****** 活用事例ページ ******/
#exp-instanc { font-size: 16px; }
#exp-instanc p { margin-bottom: 0; }
/* メイン */
#exp-instanc .exp-instance-main {
	background-color: #f25d3a;
	padding: 30px 0;
	color: #ffffff;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}
#exp-instanc .exp-instance-main > div { margin: 10px 25px 0 0; }
#exp-instanc .exp-instance-main h1 {
	font-size: 28px;
	margin-bottom: 30px;
}
#exp-instanc .exp-instance-main .dealer-genre {
	font-size: 13px;
	background-color: #888888;
	padding: 2px 5px;
	display: inline-block;
}
#exp-instanc .exp-instance-main .dealer-name { margin: 15px 0; }
#exp-instanc .exp-instance-main .dealer-work { font-size: 14px; }
/* インタビュー */
#exp-instanc .exp-instance-interview {
	width: 700px;
	margin: 0 auto;
}
#exp-instanc .exp-instance-interview h2 {
	color: #e65d3d;
	border-bottom: 1px #e65d3d solid;
	font-weight: normal;
	margin-top: 50px;
	padding-bottom: 8px;
	font-size: 22px;
}
#exp-instanc .exp-instance-interview .interview-q {
	font-weight: bold;
	margin: 25px 0 20px;
}
#exp-instanc .exp-instance-interview .interview-q:before {
	content: 'ー';
	margin-right: 2px;
}
#exp-instanc .exp-instance-interview .interview-a { line-height: 1.8; }
#exp-instanc .exp-instance-interview img {
	display: bnlock;
	margin: 20px 0 25px;
}
#exp-instanc .exp-instance-interview img:last-child { margin-bottom: 0; }
#exp-instanc .exp-instance-interview ul { list-style: none; }
#exp-instanc .exp-instance-interview ul li:before {
	content: '';
	display: inline-block;
	vertical-align: 5px;
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background-color: #333333;
	margin: 0 4px;
}
/* ページ下の共通部分 */
#exp-instanc .exp-instance-more {
	width: 700px;
	margin: 95px auto 0;
	padding-top: 25px;
	border-top: 1px #cccccc solid;
	text-align: center;
	font-size: 13px;
}
#exp-instanc .exp-instance-btm {
	background-color: #eeeeee;
	padding: 55px 0;
	margin: 105px 0 -105px;
	text-align: center;
	font-size: 14px;
}
#exp-instanc .exp-instance-btm h2 { font-size: 32px; }
#exp-instanc .exp-instance-btm .instance-btn {
	border: 1px #fdd4ca solid;
	background-color: #fff5f3;
	padding: 30px 60px 25px;
	margin: 20px auto 15px;
	width: 700px;
	box-sizing: border-box;
}
#exp-instanc .exp-instance-btm h3 {
	font-size: 24px;
	color: #ffffff;
	padding: 7px 0 1px;
	margin: 0 auto 30px;
	width: 200px;
	background-color: #f98f72;
	position: relative;
}
#exp-instanc .exp-instance-btm h3:before,
#exp-instanc .exp-instance-btm h3:after {
	content: '';
	display: block;
	position: absolute;
	border-style: solid;
	top: calc(100% + 2px);
	border-width: 4px 6px;
	margin-top: -1px;
}
#exp-instanc .exp-instance-btm h3:before {
	border-color: #f98f72 #f98f72 transparent transparent;
	left: 0;
}
#exp-instanc .exp-instance-btm h3:after {
	border-color: #f98f72 transparent transparent #f98f72;
	right: 0;
}
#exp-instanc .exp-instance-btm .instance-btn > p {
	width: 425px;
	margin: 0 auto 30px;
	text-align: left;
}
#exp-instanc .exp-instance-btm .instance-btn > div {
	background-color: #ffffff;
	border: 1px #eeeeee solid;
	padding: 30px;
}
#exp-instanc .exp-instance-btm .instance-btn > div p {
	margin-bottom: 15px;
	font-size: 13px;
}
/* 自社販売ページに招待
-------------------------------------------------------------- */
#req-invitation * { box-sizing: border-box; }
#req-invitation * span,
#req-invitation * p { line-height: 1.5; }
#req-invitation ul {
	display: flex;
	list-style:none;
	flex-wrap: wrap;
}
#req-invitation h2 {
	margin-top: 60px;
	margin-bottom: 20px;
}
#req-invitation .text-area {
	display: flex;
	justify-content: space-between;
}
#req-invitation .contents-area {
	max-width: 844px;
	margin: 0 auto;
}
#req-invitation .method { width: 100%; }
#req-invitation .method .kit { width: 100%; }
#req-invitation .method .mail { width: calc((100% - 30px) / 10 * 5.5); }
#req-invitation .method .hand { width: calc((100% - 30px ) / 10 * 4.5); }
#req-invitation .method .req-invitation-box-table {
	width: 100%;
	border: 1px solid #cccccc;
	border-collapse: collapse;
}
#req-invitation .method .req-invitation-box-table th {
	background-color: #f6f6f6;
	border-bottom: 1px solid #cccccc;
	padding-top: 19px;
	padding-bottom: 18px;
	background-repeat: no-repeat;
	background-size: 44px 44px;
}
#req-invitation .method .kit .req-invitation-box-table th {
	background-image: url('/img-dealer/contents/campaign/promotion/method_icon_kit_00.png');
	background-position: center left calc( 50% - 57px);
	background-size: 32px auto;
}
#req-invitation .method .mail .req-invitation-box-table th {
	background-image: url('/img-dealer/contents/campaign/promotion/method_icon_mail_01.png');
	background-position:center left calc(50% - 45px);
	background-size: 32.5px auto;
}
#req-invitation .method .hand .req-invitation-box-table th {
	background-image: url('/img-dealer/contents/campaign/promotion/method_icon_hand_01.png');
	background-position: center left calc(50% - 67px);
	background-size: 34.5px auto;
}
#req-invitation .method .req-invitation-box-table th span {
	border-radius: 20px;
	background-color: #D1DFF5;
	font-size: 14px;
	font-weight: normal;
	padding: 2px 10px;
	margin-right: 60px;
	margin-left: -20px;
}
#req-invitation .method .req-invitation-box-table td {
	padding: 30px 10px 15px;
	font-size: 14px;
}
#req-invitation .method .kit .req-invitation-box-table td {
	display: flex;
	flex-direction: column;
}
#req-invitation .method .kit .req-invitation-box-table td .text-area,
#req-invitation .method .kit .req-invitation-box-table td .explain-area { 
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
#req-invitation .method .kit .req-invitation-box-table td .explain-area .fleyer_download { 
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	width: 100%;
	padding: 0 50px;
	box-sizing: border-box;
}

#req-invitation .method .kit .req-invitation-box-table td .explain-area .fleyer_download p {
	text-align: left;
}
#req-invitation .method .kit .req-invitation-box-table td .text-area {
	border-bottom: 1px dashed #cccccc;
	padding-bottom: 25px;
	margin-bottom: 25px;
}
#req-invitation .method .kit .req-invitation-box-table td .text-area .text { margin-right: 40px; }
#req-invitation .method .kit .req-invitation-box-table td .text-area img { width: 280px; }
#req-invitation .method .kit .req-invitation-box-table td .explain-area .mailing ul { width: 28em; }
#req-invitation .method .kit .req-invitation-box-table td .explain-area .mailing ul li {
	display: flex;
	justify-content: center;
	align-items: center;
}
#req-invitation .method .kit .req-invitation-box-table td .explain-area .mailing ul li img { width: 109px; }
#req-invitation .method .kit .req-invitation-box-table td .explain-area .stlye {
	border-left: 1px dashed #ccc;
	padding-left: 55px;
	margin-left: 50px;
}




#req-invitation .method .kit .req-invitation-box-table td .explain-area .stlye img { width: 205px; }
#req-invitation .method .req-invitation-box-table td .copy-url-area { position: relative; }
#req-invitation .method .req-invitation-box-table td .copy-url-area .copy-target {
	display: inline-block;
	font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif !important;
	padding: 11px 15px;
	border-radius: 5px;
	font-size: 14px;
	line-height: 1.5;
	border: 1px #cccccc solid;
	width: 92%;
	max-width: 413px;
	vertical-align: middle;
	background-color: #f6f6f6;
	margin-top: 20px;
	margin-bottom: 20px;
}
#req-invitation .method .req-invitation-box-table td .copy-url-area .copy-target:focus,
#req-invitation .modal-box textarea:focus { outline: none; }
#req-invitation .method .req-invitation-box-table td .copy-url-area .alart-box {
	position: absolute;
	left: calc(50% - 121px);
	bottom: 53px;
	background-color: #ffffff;
	border: 1px #cccccc solid;
	padding: 10px 15px;
	border-radius: 5px;
	font-size: 14px;
}
#req-invitation .method .req-invitation-box-table td .copy-url-area .alart-box:after{
	content: '';
	display: block;
	position: absolute;
	width: 10px;
	height: 10px;
	background-color: #ffffff;
	border-bottom: 1px #cccccc solid;
	border-left: 1px #cccccc solid;
	left: calc(50% - 5px);
	bottom: -6px;
	transform: rotate(-45deg);
}
#req-invitation .method .hand .req-invitation-box-table td img {
	width: 63px;
	height: auto;
	margin: 20px auto;
}
#req-invitation .method .kit .req-invitation-box-table td .explain-area a:hover {
	text-decoration: underline;
	color: #0066cc;
}
#req-invitation .method .kit .req-invitation-box-table td .explain-area a,
#req-invitation .method .kit .req-invitation-box-table td .explain-area a:visited {
	color: #0066cc;
	cursor: pointer;
}
/* メールサンプル（モーダル） */
#req-invitation input#mail-sample { display: none; }
#req-invitation input#mail-sample:checked ~ #mail-modalbox,
#req-invitation input#mail-sample:checked ~ .modalDialogMask { display: block; }
#req-invitation .sample-area {
	width: 92%;
	max-width: 423px;
	margin: 35px auto 0;
	padding-top: 15px;
	border-top: 1px dashed #cccccc;
}
#req-invitation .sample-area.sample-area-mail { margin-bottom: 24px; }
#req-invitation .mail-sample-link {
	color: #0066cc;
	background: url(/img-dealer/common/icon/co_008b.png) left top 4px no-repeat;
	padding-left: 16px;
	display: inline-block;
}
#req-invitation .mail-sample-link:hover { text-decoration: underline; }
#req-invitation .modal-box h4 {
	font-size: 19px;
	margin-bottom: 8px;
}
#req-invitation .modal-box textarea {
	height: calc(80vh - 260px);
	min-height: calc(400px - 260px);
	width: 100%;
	margin: 13px auto 0;
}
#req-invitation .merit ul { justify-content: center; }
#req-invitation .merit li {
	width: calc((100% - 30px) / 2);
	display: flex;
    flex-direction: column;
}
#req-invitation .merit h3 {
	position: relative;
	z-index: 1;
	width: 100%;
}
#req-invitation .merit dl {
	width: 100%;
	background-color: #f6f6f6;
	border: 1px solid #cccccc;
	padding: 83px 35px 30px;
	position: relative;
	top: -72px;
	z-index: 0;
	margin: 0 0 -72px 0;
	flex-grow: 1;
}
#req-invitation .merit dl dt {
	width: 100%;
	font-size: 13px;
	padding: 4px 0;
	color: #ffffff;
	border-radius: 3px;
	margin-bottom: 8px;
}
#req-invitation .merit .company dl dt { background-color: #2f6aa8; }
#req-invitation .merit .customer dl dt { background-color: #2d8e7b; }
#req-invitation .merit dl dd {
	margin-left: 0;
	padding: 8px 0 7px 35px;
	border-bottom: 1px solid #aaaaaa;
	background-size: 24.5px auto;
	background-position: top 7px left 3px;
	background-repeat: no-repeat;
}
#req-invitation .merit .company dl dd { background-image: url('/img-dealer/contents/campaign/promotion/merit_icon_blue_00.svg'); }
#req-invitation .merit .customer dl dd { background-image: url('/img-dealer/contents/campaign/promotion/merit_icon_green_00.svg'); }
#req-invitation .present ul { justify-content: space-between; }
#req-invitation .present ul .pre {
	background-color: #f6f6f6;
	border: 1px solid #cccccc;
	padding: 130px 5px 22px;
	width: calc((100% - 30px) / 2);
	background-position: top 39px center;
	background-repeat: no-repeat;
	font-size: 16px;
}
#req-invitation .present ul .pre.pre2 {
	background-image: url('/img-dealer/contents/campaign/promotion/present2_01.png');
	background-size: 98px auto;
}
#req-invitation .present ul .pre.pre3 {
	background-image: url('/img-dealer/contents/campaign/promotion/present3_01.png');
	background-size: 131px auto;
	background-position: top 40px center;
	padding: 130px 5px 22px;
}
#req-invitation .present ul .pre .green { color: #2D8E7B; }
#req-invitation .flow a img {
	transition: opacity 0.2s;
	border: 1px #cccccc solid;
	width: 846px;
	height: auto;
}
#req-invitation .present ul .sub-txt {
	display: block;
	font-size: 13px;
	margin-top: 7px;
}
#req-invitation .flow a:hover img { opacity: 0.7; }
#req-invitation .movie iframe {
	margin: 0 auto;
	border: 5px solid #ccc;
}
#req-invitation .faq dl { border-bottom: 1px solid #ccc; }
#req-invitation .faq .question {
	cursor: pointer;
	padding: 20px 10px 20px 55px;
	background: url('/img-dealer/contents/campaign/promotion/faq_icon_00.svg') left 10px center no-repeat;
	border-top: 1px solid #ccc;
	font-size: 16px;
	position: relative;
}
#req-invitation .faq .question:first-of-type { border-top: none; }
#req-invitation .faq .question:hover { background-color: #D1DFF5; }
#req-invitation .faq .question::before {
	content: '';
	position: absolute;
	top: 20px;
	right: 15px;
	border-top: 2px solid #aaa;
	border-right: 2px solid #aaa;
	width: 15px;
	height: 15px;
	transform: rotate(135deg);
	transition:  0.4s;
}
#req-invitation .faq .question.arrow::before {
	transform: rotate(-45deg);
	top: 25px;
}
#req-invitation .faq .answer {
	display: none;
	font-size: 14px;
	line-height: 1.9;
	padding: 10px 10px 20px 55px;
	margin-left: 0;
}
#req-invitation .inquiry {
	margin-top:108px;
	margin-bottom: 80px;
	padding-top: 38px;
	border-top: 1px #cccccc solid;
}
/* 決済手数料無料キャンペーン */
#req-invitation .promotion.top {
	background-color: #F6EFA9;
	padding: 13px 0 12px;
	margin-top: 30px;
}
#req-invitation .promotion.top span { font-size: 18px; }
#req-invitation .merit dl dd.promotion { background-position: top 14px left 3px; }
#req-invitation .merit dl dd .before { text-decoration: line-through; }
#req-invitation .merit dl dd .after { font-size: 24px; }
#req-invitation .merit dl dd .promotion.middle {
	background-color: #F6EFA9;
	border: 1px solid #cccccc;
	padding: 16px 40px 12px;
	border-radius: 3px;
	position: relative;
	font-size: 14px;
	display: inline-block;
	margin: 8px auto 5px -12px;
}
#req-invitation .merit dl dd .promotion.middle::before,
#req-invitation .merit dl dd .promotion.middle::after {
	position: absolute;
	content: '';
	width: 0px;
	height: 0px;
	z-index: 1;
	border-style: solid;
}
#req-invitation .merit dl dd .promotion.middle::before {
	top: -13px;
	left: calc( 50% + 29px );
	border-width: 0 7px 13px 7px;
	border-color: transparent transparent #cccccc transparent;
}
#req-invitation .merit dl dd .promotion.middle::after {
	top: -11px;
	left: calc( 50% + 30px );
	border-width: 0 6px 11px 6px;
	border-color: transparent transparent #F6EFA9 transparent;
}
#req-invitation .merit dl dd .promotion.middle .text span { font-size: 15px; }
#req-invitation .merit dl dd .promotion.middle .text span { font-size: 18px; }
#req-invitation .merit dl dd .promotion.middle .note {
	font-size: 12px;
	margin: 5px 0 0;
	color: #666;
	border-top: 1px dotted #999;
	padding-top: 6px;
}
/* モーダル */
.modal-area input { display: none; }
.modal-box {
	display: none;
	width: 780px;
	overflow: hidden;
	box-sizing: border-box;
	text-align: left;
	margin: 0 auto;
	border-radius: 15px;
	line-height: 1.6;
	background-color: #f6f6f6;
	position: fixed;
	top: 10vh;
	left: calc(50% - 390px);
	box-shadow: 0 0 8px 0 rgba(0,0,0,0.5);
	z-index: 10000;
}
.modal-box .modal-box-inner {
	padding: 55px 75px 0;
	overflow-x: hidden;
	overflow-y: auto;
	min-height: 400px;
	max-height: 80vh;
	box-sizing: border-box;
}
.modal-box .modal-box-inner > *:last-child { margin-bottom: 60px!important; }
.modal-box .modal-close {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 30px;
	height: 30px;
	display: block;
}
.modal-box .modal-close:before,
.modal-box .modal-close:after {
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 4px;
	border-radius: 3px;
	background-color: #666666;
	left: 0;
	top: 10px;
}
.modal-box .modal-close:before { transform: rotate(45deg); }
.modal-box .modal-close:after { transform: rotate(-45deg); }
[class^="modalDialogMask"], .modalDialogMask {
	display: none;
	background-color: rgba(0,0,0,0.5);
	position: fixed; 
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 9999;
}
.modal-box-02 {
	display: none;
	width: 760px;
	overflow: hidden;
	box-sizing: border-box;
	text-align: left;
	margin: 0 auto;
	border-radius: 15px;
	line-height: 1.6;
	background-color: #f6f6f6;
	position: fixed;
	top: 10vh;
	left: calc(50% - 380px);
	box-shadow: 0 0 8px 0 rgba(0,0,0,0.5);
	z-index: 10000;
}
.modal-box-02 .modal-box-inner {
	padding: 55px 75px 0;
	overflow-x: hidden;
	overflow-y: auto;
	min-height: 400px;
	max-height: 80vh;
	box-sizing: border-box;
}
.modal-box-02 .modal-box-inner > *:last-child { margin-bottom: 60px!important; }
.modal-box-02 .modal-close {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 30px;
	height: 30px;
	display: block;
}
.modal-box-02 .modal-close:before,
.modal-box-02 .modal-close:after {
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 4px;
	border-radius: 3px;
	background-color: #666666;
	left: 0;
	top: 10px;
}
.modal-box-02 .modal-close:before { transform: rotate(45deg); }
.modal-box-02 .modal-close:after { transform: rotate(-45deg); }
.modalDialogMask-02 {
	display: none;
	background-color: rgba(0,0,0,0.5);
	position: fixed; 
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 9999;
}
input[type='checkbox']:checked ~ .modal-box,
input[type='checkbox']:checked ~ .modalDialogMask { display: block; }
.req-promo-case input[type='checkbox']:checked ~ .modal-box,
.req-promo-case input[type='checkbox']:checked ~ .modalDialogMask { display: block; }
input#mail-sample01:checked ~ #mail-modalbox01,
input#mail-sample01:checked ~ .modalDialogMask01 { display: block; }
input#mail-sample02:checked ~ #mail-modalbox02,
input#mail-sample02:checked ~ .modalDialogMask02 { display: block; }
input#mail-sample03:checked ~ #mail-modalbox03,
input#mail-sample03:checked ~ .modalDialogMask03 { display: block; }
input#mail-sample04:checked ~ #mail-modalbox04,
input#mail-sample04:checked ~ .modalDialogMask04 { display: block; }


/* お知らせ一覧
-------------------------------------------------------------- */
.info-list-table {
	margin-bottom: 20px;
	width: 100%
}
.info-list-table th,
.info-list-table td {
	padding: 10px;
	border-bottom: 1px dotted #cccccc;
}
.info-list-table td:first-child { width: 80px; }


/* 翻訳サービスのご案内
-------------------------------------------------------------- */
/* チェックボックス */
#exp-trans .check-blue-list li {
	list-style: none;
	text-indent: -25px;
	padding-left: 25px;
	margin-top: 5px;
	display: inline-block;
	font-size: 14px;
	margin-right: 15px;
	font-weight: bold;
}
#exp-trans .check-blue-list li:before {
	content: url('/img-dealer/common/icon/check_blue_00.png');
	vertical-align: middle;
	margin-right: 5px;
}
/* 見出し */
#exp-trans .trans-head {
	font-size: 24px;
	margin: 60px 0 15px;
}
#exp-trans .trans-head:before {
	content: url('/img-dealer/contents/exp/trans_icon_00.png');
	vertical-align: top;
	margin: -3px 10px 0 0;
	display: inline-block;
}
/* 内容 */
#exp-trans .trans-cont { font-size: 15px; }
/* Conyac登録 */
#exp-trans .conyac {
	background-color: #f4f4f4;
	padding: 20px 0;
	text-align: center;
}
/* クーポン */
#exp-trans .coupon-area {
	position: relative;
	width: 100%;
	box-sizing: border-box;
	padding: 0 20px 10px;
	border: 2px #b4cfe2 solid;
	margin: 40px 0 10px;
}
#exp-trans .coupon-head {
	font-weight: bold;
	font-size: 17px;
	position: absolute;
	padding: 0 8px;
	background: #ffffff;
	top: -15px;
	left: 10px;
	line-height: 1;
}
#exp-trans .coupon-head .num {
	color: #dc4d4d;
	font-size: 26px;
	letter-spacing: 1px;
	margin-left: 3px;
}
#exp-trans .coupon-box {
	display: inline-block;
	vertical-align: top;
	padding: 20px 5px 10px;
	box-sizing: border-box;
	background-color: #f0f6fb;
	border-radius: 5px;
	width: 31%;
	text-align: center;
	margin-top: 15px;
}

/* クーポンご注意点 */
#exp-trans .coupon-note {
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	padding-left: 20px;
	width: 69%;
}
#exp-trans .coupon-note li {
	list-style: none;
	text-indent: -1.3em;
	padding-left: 1.3em;
	margin-top: 5px;
}
#exp-trans .coupon-note li:before {
	content: '●';
	font-size: 10px;
	margin-right: 0.3em;
	color: #dc4d4d;
	vertical-align: middle;
	display: inline;
	font-weight: bold;
}
/* 英語テンプレート */
#exp-trans .en-templates {
	box-sizing: border-box;
	border: 1px #cccccc solid;
	background-color: #f6f6f6;
	margin-top: 60px;
	line-height: 1;
	display: table;
	width: 100%;
}
#exp-trans .en-templates .row { display: table-row; }
#exp-trans .en-templates .tamp-txt {
	display: table-cell;
	padding: 15px 20px;
	vertical-align: middle;
	border-right: 1px #cccccc dashed;
}
#exp-trans .en-templates .temp-link {
	display: table-cell;
	padding: 15px 20px;
	vertical-align: middle;
	text-align: center;
}
/* 受注処理&出荷準備画面の合計点数tooltip
--------------------------------------------------------------*/
.tooltip-parents-width {
	position: relative;
	min-width: 135px;
	max-width: 135px;
}
.tooltip-order-total {
	display: none;
	border: 1px solid #cc0000;
	background: #fff;
	left: -30%;
	bottom: -38px;
	position: absolute;
	text-align: left;
	z-index: 100;
}
@-moz-document url-prefix() {
	.tooltip-order-total {
		left: -27%;
		bottom: -38px;
	}
}
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
	.tooltip-order-total {
		left: -41%;
		bottom: -40px;
  }
}
.tooltip-order-total .total-error-exclamation {
	background: transparent url("/img-dealer/common/icon/error.gif") no-repeat scroll left 17%;
	margin: 0 0 0 5px;
	padding: 3px 3px 3px 17px;
}
.prev-error-sum {
	position: relative
}

/* 販売管理タブ
-------------------------------------------------------------- */
.sales-tab-box {
	border-bottom: 5px #5086c5 solid;
	margin: 8px auto;
	white-space: nowrap;
}
.sales-tab-area {
	width: 96%;
	text-align: center;
	font-size: 12px;
	margin: 0 auto;	
}
.sales-tab-box * { box-sizing: border-box; }
.sales-tab-box .sales-tab,
.sales-tab-box .sales-sub-tab {
	display: inline-block;
	margin-left: 5px;
	vertical-align: bottom;
	position: relative;
}
.sales-tab-box .sales-tab:first-child { margin: 0; }
.sales-tab-box .sales-tab a,
.sales-tab-box .sales-sub-tab a {
	display: block;
	border-radius: 3px 3px 0 0;
	font-weight: bold;
	outline: none;
	line-height: 1.2;
	color: #245c97;
	border-color: #9ab6de #9ab6de #c5d3ef;
	border-style: solid;
	border-width: 1px;
}
.sales-tab-box .sales-tab a {
	padding: 7px 0 3px;
	width: 6em;
	font-size: 16px;
	background-color: #c5d3ef;
}
.sales-tab-box .sales-sub-tab a {
	padding-top: 4px;
	width: 6em;
	height: 3em;
	display: table-cell;
	vertical-align:middle;
	font-size: 105%;
	white-space: nowrap;
	background-color: #dce6f7;
}
.sales-tab-box .sales-sub-tab .small-txt {
	display: block;
	font-size: 11px;
	font-weight: normal;
	margin-top: 2px;
	letter-spacing: -0.7px;
}
.sales-tab-box a:hover { text-decoration: none; }
.sales-tab-box .tab-on a {
	background-color: #5086c5;
	color: #ffffff;
	border-color: #5086c5;
}
/* 各件数 */
.sales-tab-box .sales-tab .sales-count {
	display: block;
	font-size: 12px;
	font-weight: normal;
	color: #245c97;
	text-shadow: none;
	line-height: 1;
	margin-top: 2px;
}
.sales-tab-box .tab-on .sales-count { color: #ffffff; }
/* hover時の説明 */
.sales-tab-box .tab-notes {
	top: -7em !important;
	text-align: left;
	padding: 10px;
	display: none;
	width: 350px;
	height: 6.5em;
	box-sizing: border-box;
	z-index: 1000;
}
.sales-tab-box .list-notes:hover .tab-notes {
	display: block;
	white-space: normal;
}
/* 左寄せ */.sales-tab-box .tab-notes.l-notes { left: 0; }
/* 右寄せ */.sales-tab-box .tab-notes.r-notes { right: 0; }
/* 台形タブ */
.sales-tab-box .order-tab a {
	text-align: center;
	color: #ffffff;
	font-weight: bold;
	height: 34px;
	width: 69px;
	font-size: 15px;
	border: 1px #a2a2a2 solid;
	padding: 4px 0 0;
	line-height: 1;
	background-color: #a2a2a2;
	display: table-cell;
	vertical-align: middle;
}
.sales-tab-box .order-tab a:before,
.sales-tab-box .order-tab a:after {
	top: 2px;
	position: absolute;
	content: '';
	display: block;
	border-style: solid;
	width: 0;
	height: 0;
}
.sales-tab-box .order-tab a:before,
.sales-tab-box .order-tab.tab-on a:before { left: -12px; }
.sales-tab-box .order-tab a:before {
	border-color: transparent #a2a2a2 transparent transparent;
	border-width: 32px 12px 0 0;
}
.sales-tab-box .order-tab.tab-on a:before {
	border-color: transparent #5086c5 transparent transparent;
	border-width: 43px 12px 0 0;
}
.sales-tab-box .order-tab:hover {
	filter: alpha(opacity=80);
	opacity: 0.8;
}
.sales-tab-box .order-tab.tab-on:hover {
	filter: alpha(opacity=100);
	opacity: 1;
}
.sales-tab-box .order-tab a:after,
.sales-tab-box .order-tab.tab-on a:after { right: -12px; }
.sales-tab-box .order-tab a:after {
	border-color: transparent transparent transparent #a2a2a2;
	border-width: 32px 0 0 12px;
}
.sales-tab-box .order-tab.tab-on a:after {
	border-color: transparent transparent transparent #5086c5;
	border-width: 43px 0 0 12px;
}
.sales-tab-box .sales-tab.order-tab:first-child,
.sales-tab-box .order-tab { margin-left: 12px; }
.sales-tab-box .order-tab.tab-on a {
	height: 40px;
	width: 103px;
	font-size: 17px;
	padding-top: 5px;
	line-height: 1.2;
	background-color: #5086c5;
	border-color: #5086c5;
}
.sales-tab-box .order-tab .sales-count {
	color: #ffffff;
	margin: 0;
}

/* 販売管理メモ
-------------------------------------------------------------- */
.co-h100p-contents .memo_box {
	width: 96%;
	margin: 5px auto;
}
.memo-area {
	max-width: 787px;
	display: table;
	border: 1px #cccccc solid;
	padding: 0;
	margin: 0 auto 15px;
	width: 100%;
}
.memo-area .row { display: table-row;}
.memo-area .memo-head {
	display: table-cell;
	vertical-align: middle;
	width: 90px;
	background-color: #efefef;
	padding: 0 10px;
}
.memo-area .memo-box {
	display: table-cell;
	vertical-align: top;
}
.memo-area .memo-inner {
	max-height: 60px;
	min-height: 30px;
	padding: 0 7px;
	overflow-y: scroll;
	overflow-x: hidden;
	text-align: left;
	font-size: 12px;
}
.memo-area .memo-txt,
.memo-area .memo-func,
.memo-area .memo-date {
	float: left;
	box-sizing: border-box;
}
.memo-area .memo-txt {
	width: 80%;
	padding: 4px 5px;
	word-break: break-all;
}
.memo-area .memo-func {
	width: 9%;
	white-space: nowrap;
	padding-top: 3px;
}
.memo-area .memo-date {
	width: 11%;
	padding-top: 5px;
	white-space: nowrap;
	text-align: right;
}
.func-icon {
	display: inline-block;
	border-radius: 2px;
	border: 1px transparent solid;
	margin-right: 4px;
	cursor: pointer;
}
.func-icon span {
	display: inline-block;
	height: 12px;
	width: 12px;
	vertical-align: middle;
	white-space: nowrap;
	text-indent: 200%;
	overflow: hidden;
	padding: 3px;
	background-position: 3px;
	background-repeat: no-repeat;
}
.func-icon:hover {
	border-color: #cccccc;
	background-color: #f6f6f6;
}
.icon-edit span { background-image: url('/img-dealer/common/icon/icon_edit_00.gif'); }
.icon-dlt span { background-image: url('/img-dealer/common/icon/icon_trash_00.gif'); }
#sales-memo .memo-area-non {
	position: relative;
}
#sales-memo .memo-area-right {
	position: absolute;
	right: 0;
	top: -10px;
}
#sales-memo .memo-head input {
	border: 0;
	cursor: pointer;
	color: #0066cc;
	font-size: 0.812rem;
	width: 100px;
	padding-left: 20px;
	background: transparent url('/img-dealer/common/icon/icon_edit_02.png') no-repeat left center;
	outline: 0;
}
/* 期限間近アラート
-------------------------------------------------------------- */
.deadline-alert {
	margin:10px auto 15px;
	width:96%;
	position:relative;
}
.deadline-alert .right-link{
	position:absolute;
	top:6px;
	right:15px;
}
.deadline-alert .alert-area {
	background-color:#ffeded;
	border-radius:8px;
	padding:10px;
}
.deadline-alert .alert-area ul {
	list-style-type: none;
	margin-left:18px;
	margin-top:5px;
}

/* 販売管理表組
-------------------------------------------------------------- */
#sales-management .co-title2 { margin-top: 30px; }
#sales-management.layout-mb { margin-bottom: -200px; }
/* 実行ボタン */
#sales-management .order-func-btn {
	width: 100% !important;
	background-color: #e9e9e9;
	position: fixed;
	text-align: center;
	bottom: 0;
	border-top: solid #ccc 1px;
	z-index: 1000;
	margin: 0;
	padding: 15px 0;
}
/* 小売店へのメッセージ入力 */
#sales-management .retail-mail-area {
	text-align: center;
	margin: 30px auto 10px;
	word-break: break-all;
}
#sales-management .retail-mail-box {
	border: 6px #dddddd solid;
	padding: 15px 20px;
	color: #666666;
	display: inline-block;
	text-align: left;
	max-width: 550px;
	min-width: 450px;
	position: relative;
}
#sales-management .retail-mail-ttl {
	font-size: 15px;
	font-weight: bold;
	padding-bottom: 5px;
	margin-bottom: 10px;
	border-bottom: 1px #cccccc solid;
}
#sales-management .retail-mail-input {
	background-color: #eeeeee;
	padding: 13px 17px;
	margin-top: 15px;
	box-sizing: border-box;
}
#sales-management .retail-mail-input .fo-errors-box { margin-top: 3px; }
#sales-management .retail-mail-msg {
	width: 36.5em;
	color: #dc4d4d;
}
#sales-management .retail-mail-help {
	text-align: right;
	margin-bottom: 5px;
}
#sales-management textarea {
	box-sizing: border-box;
	width: 100%;
	font-size: 14px;
}
#sales-management .retail-mail-input textarea {
	height: 150px;
}
/* 期限間近マーク */
#sales-management .deadline-mark {
	padding: 2px 4px 1px;
	font-size: 11px;
	line-height: 1;
	z-index:3;
	background-color:#db3b3c;
	color:#ffffff;
	margin:0 auto 3px;
	width:56px;
}
#sales-management .deadline-mark.mark-hover { position: relative; }
#sales-management .deadline-mark.mark-hover .sbt-detail {
	position: absolute;
	visibility: hidden;
	white-space: nowrap;
	font-size: 12px;
	text-align:left;
}
#sales-management .deadline-mark.mark-hover:hover .sbt-detail {
	background-color: #ffffff;
	border-color: #bbbbbb;
	border-radius: 5px;
	border-style: solid;
	border-width: 1px 2px 2px 1px;
	box-shadow: 1px 1px 3px 0 #bbbbbb;
	color: #333333;
	left: 0;
	margin-top: 22px;
	padding: 8px 10px;
	top: 0;
	visibility: visible;
	line-height:1.5;
}
/* クーポンマーク */
.coupon-mark { margin: 5px 0 2px!important; }
td:not([class^='td_border']) > .coupon-mark { margin: 20px 0 0!important; }
.coupon-mark span {
	color: #ffffff;
	background-color: #cca400;
	display: inline-block;
	padding: 2px 8px 1px;
	font-size: 11px;
	white-space: nowrap;
}
/* 完了画面 */
#sales-management .sales-comp {
	border:1px solid #cccccc;
	width: 500px;
	margin: 40px auto 0;
	padding: 20px;
}
/* 販売管理内固定ボタンまわり */
#sales-management .order-func-btn .notes {
	position:relative;
	color: #666;
	border: solid 1px #666;
	display: inline-block;
	text-align: left;
	padding: 3px 5px;
	font-size: 0.812rem;
}
#sales-management .order-func-btn .notes-right:after,
#sales-management .order-func-btn .notes-right:before,
#sales-management .order-func-btn .notes-left:after,
#sales-management .order-func-btn .notes-left:before{
	border: solid transparent;
	content:'';
	height:0;
	width:0;
	pointer-events:none;
	position:absolute;
	top:50%;
}
#sales-management .order-func-btn .notes-right:after,
#sales-management .order-func-btn .notes-left:after{
	border-color: rgba(233, 233, 233, 0);
	border-top-width: 5px;
	border-bottom-width: 5px;
	border-left-width: 6px;
	border-right-width: 5px;
	margin-top: -5px;
}
#sales-management .order-func-btn .notes-right:before,
#sales-management .order-func-btn .notes-left:before{
	border-color: rgba(102, 102, 102, 0);
	border-top-width: 6px;
	border-bottom-width: 6px;
	border-left-width: 7px;
	border-right-width: 6px;
	margin-top: -6px;
}
#sales-management .order-func-btn .notes-right {
	margin-left: 15px;
}
#sales-management .order-func-btn .notes-right:after,
#sales-management .order-func-btn .notes-right:before{
	right:100%;
}
#sales-management .order-func-btn .notes-right:after{
	border-right-color:#e9e9e9;
}
#sales-management .order-func-btn .notes-right:before{
	border-right-color:#666666;
}

#sales-management .order-func-btn .notes-left {
	margin-right: 15px;
}
#sales-management .order-func-btn .notes-left:after,
#sales-management .order-func-btn .notes-left:before{
	left:100%;
}
#sales-management .order-func-btn .notes-left:after{
	border-left-color: #e9e9e9;
}
#sales-management .order-func-btn .notes-left:before{
	border-left-color:#666666;
}
#sales-management .order-func-btn .notes,
#sales-management .order-func-btn .co-btn {
	vertical-align: middle;
}
/* 販売管理>出荷連絡＞CSV案内 */
#sales-management .csv-box {
	border: solid 1px #ccc;
	background-color: #efefef;
	width: 845px;
	margin: 5px 0 0 15px;
}
#sales-management .csv-box .head,
#sales-management .csv-box .text {
	display: inline-block;
	vertical-align: top;
	padding: 10px 10px 5px;
}
#sales-management .csv-box .text {
	background-color: #fff;
	width: 700px;
	font-size: 0.812rem;
}
#sales-management .csv-box .head {
	font-weight: bold;
	width: 100px;
	font-size: 0.875rem;
}
#sales-management .csv-box .text ul li {
	list-style-type: decimal;
	margin: 0 0 5px 20px;
}
/* 販売管理>出荷連絡＞ダウンロードボタン */
#sales-management .preshipping {
	margin-top: 5px;
}
#sales-management .preshipping .dl-icon-area {
	float: right;
}
#sales-management .preshipping .notes {
	float: left;
}
#sales-management .other-site-pldwn {
	display: inline-block;
	font-size: 13px;
	background: #fff;
	border: #AAAAAA 1px solid;
	border-radius: 5px;
	padding: 7px 38px 5px 9px;
	margin: 6px 5px;
	position: relative;
	vertical-align: -1px;
}
#sales-management .other-site-pldwn > p {margin: 0;}
#sales-management .other-site-pldwn > p:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-color: #666666 transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0;
    position: absolute;
	right: 10px;
	margin-top: -2px;
	top: 50%;
}
#sales-management .other-site-pldwn:hover {
	z-index: 200;
	border-radius: 5px 5px 0 0;
	border-bottom: 0px;
	box-shadow: #555 0 0 4px 0;
}
#sales-management .other-site-pldwn:hover ul {
	display: block;
	box-shadow: #555 0 0 4px 0;
}
#sales-management .other-site-pldwn > ul {
	display: none;
	background: #EEE;
	border: #AAAAAA 1px solid;
	border-radius: 0 0 5px 5px;
	border-top: 0px;
	position: absolute;
	top: 100%;
	left: -1px;
	width: 100%;
	text-align: left;
}
#sales-management .other-site-pldwn > ul:before {
    content: "";
    display: inline-block;
    width: 100%;
	height: 5px;
	background: #fff;
    position: absolute;
	left:0;
	bottom: 100%;
}
#sales-management .other-site-pldwn > ul > li {
	list-style: none;
	font-weight: bold;
	font-size: 12px;
	padding: 8px 0;
	margin:0 8px;
	border-bottom: solid 1px #ccc;
}
#sales-management .other-site-pldwn > ul > li:last-child {
	border-bottom: none;
}
#sales-management .other-site-pldwn > ul > li > div {
	margin-top: 6px;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-around;
	font-weight: normal;
}
#sales-management .other-site-pldwn > ul > li > div a:first-child {margin-left: 0;}

/* キャンセル完売処理実行ボタン */
#sales-management .order-func-btn.out-func-btn .co-btns-m {
	padding: 4px 12px;
	font-size: 15px;
	min-width: 120px;
}
#sales-management .order-func-btn.out-func-btn .co-btns-m:hover {
	padding-top: 5px;
	padding-bottom: 3px;
}
/* 相互リンクページ
-------------------------------------------------------------- */
#mutual-link-input .bl-box1 {
	margin-top: 20px;
}
#mutual-link-input .bl-box1 .box-upper {
	margin-left: 116px;
}
#mutual-link-input .bl-box1 .box-upper .your-company {
	float: left;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	color: #255d90;
	margin: 0 36px 0 0;
}
#mutual-link-input .bl-box1 .box-upper .our-company {
	float: left;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	color: #255d90;
	margin: 0;
}
#mutual-link-input .ml-flow {
	margin-left: 117px;
}
#mutual-link-input .ml-flow dl {
	background-color: #eff8fd;
	border: 1px solid #255d90;
	border-radius: 5px;
	display: inline-block;
	margin: 0 32px 0 0;
	min-height: 138px;
	padding: 15px 11px 0;
	position: relative;
	vertical-align: top;
	width: 130px;
}
#mutual-link-input .ml-flow dl>dt>img {
	border-radius: 3px 0 0;
}
#mutual-link-input .ml-flow dl:last-child {
	margin-right: 0;
}
#mutual-link-input .ml-flow dl:after {
	content: url("/img-dealer/contents/campaign/link_banner/ml_arrow.png");
	position: absolute;
	left: -25px;
	top: 61px;
}
#mutual-link-input .ml-flow dl:first-child:after {
	content: none;
}
#mutual-link-input .ml-flow dt {
	position: absolute; top: 0; left: 0;
}
#mutual-link-input .ml-flow dd {
	margin: 22px 0 0 0;
	padding: 0;
	text-align: center;
	font-size: 14px;
}
#mutual-link-input .bl-box1 .under-text {
	margin: 20px 130px 0;
	text-align: center;
}
#mutual-link-input .ml-table-box td textarea {
	background-color: #eee;
	border: 1px solid #ccc;
	height: 62px;
	font-size: 13px;
}
#mutual-link-input .ml-table-box .large-banner-area>p {
	border-left: 1px dotted #999;
	padding: 7px;
	display: inline-block;
}
#mutual-link-input .ml-table-box .large-banner-area>p:first-child {
	border-left: none;
}
#mutual-link-input .ml-table-box .large-banner-area .adjustable-texarea {
	width: 375px;
}
#mutual-link-input .ml-form-margin {
	margin: 0 auto;
}

/* ピックアップアイテム
-------------------------------------------------------------- */
.pick-item-area {
	display: inline-block;
	vertical-align: top;
}
.pick-item-box {
	border: solid 1px #bfbfbf;
	padding: 1px;
	margin: 5px;
}
.pick-item-img-box {
	width: 160px;
	height: 160px;
	cursor: pointer;
	position: relative;
}
.pick-item-img-box .thumbnail {
	display: table-cell;
	text-align: center;
	width: 160px;
	height: 160px;
	vertical-align: middle;
}
.pick-item-num {
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: #7f7f7f;
	color: #ffffff;
	line-height: 1;
	width: 100%;
	box-sizing: border-box;
	padding: 3px;
}

/* 業種アイコン
-------------------------------------------------------------- */
.shop-business-type {
	display: inline-block;
	padding: 3px 5px 1px;
	border-width: 1px;
	border-style: solid;
	border-color: #2d70b5;
	color: #2d70b5;
	font-size: 11px;
	line-height: 1;
}
.shop-business-type.retail {/* 小売業のとき */
	border-color: #cd7d16;
	color: #cd7d16;
}
/* ツールチップつき */
.shop-business-type.type-dhover { position: relative; }
.shop-business-type.type-dhover .sbt-main-type {
	padding-right: 9px;
	background-image: url('/img-dealer/common/icon/sbt_other_arw_00.gif');
	background-position: right 6px;
	background-repeat: no-repeat;
}
.shop-business-type.type-dhover.retail .sbt-main-type { background-image: url('/img-dealer/common/icon/sbt_retail_arw_00.gif'); }
.shop-business-type.type-dhover .sbt-detail {
	position: absolute;
	visibility: hidden;
	white-space: nowrap;
	font-size: 12px;
}
.shop-business-type.type-dhover:hover .sbt-detail {
	background-color: #ffffff;
	border-color: #bbbbbb;
	border-radius: 5px;
	border-style: solid;
	border-width: 1px 2px 2px 1px;
	box-shadow: 1px 1px 3px 0 #bbbbbb;
	color: #333333;
	left: 0;
	margin-top: 22px;
	padding: 8px 10px;
	top: 0;
	visibility: visible;
}

/* 自社販売ページのダミープレビュー画面
-------------------------------------------------------------- */
#company-prev * { box-sizing: border-box; }
#company-prev a { outline: none; }
/****** タブ ******/
#company-prev .sub-tab-box {
	text-align: left;
	margin: 0;
}
#company-prev .sub-tab-box .sub-tab a {
	font-size: 13px;
	width: auto;
	padding: 7px 15px 3px;
}

/****** プレビュー枠組み ******/
#company-prev .prev-wrap {
	background-color: #f6f6f6;
	border: 1px #e6e6e6 solid;
	padding: 25px 30px;
	width: 960px;
	margin: 5px auto 0;
}
#company-prev .prev-area {
	background-color: #ffffff;
	padding: 25px 20px;
}

/****** プレビューの各リンクボックス ******/
/*** 基本 ***/
#company-prev .prev-box {
	display: inline-block;
	vertical-align: top;
	border: 2px #cccccc dashed;
	border-radius: 5px;
	padding: 10px 25px 25px;
}
#company-prev .prev-box span {
	display: block;
	color: #4d4d4d;
}
#company-prev .prev-box:hover {
	text-decoration: none;
	background-color: #f6f6f6;
}
#company-prev .prev-box .prev-edit-txt {
	text-align: right;
	color: #0066cc;
	font-size: 14px;
}
#company-prev .prev-box .prev-edit-txt:before {
	content: url('/img-dealer/common/icon/icon_edit_00.gif');
	display: inline;
	vertical-align: middle;
	margin-right: 5px;
}
#company-prev .prev-box .prev-cont {
	display: inline-block;
	border: 1px #cccccc solid;
	background-color: #ffffff;
	padding: 5px;
	margin-top: 3px;
}
#company-prev .prev-box .prev-cont .prev-cont-inner {
	display: table-cell;
	background-color: #ebf2f9;
	text-align: center;
	padding: 10px 0;
	vertical-align: middle;
}
#company-prev .prev-box .prev-sub-ttl {
	margin: 20px auto 5px;
	border-left: 4px #888888 solid;
	color: #888888;
	line-height: 1.5;
	font-size: 15px;
	padding-left: 5px;
	font-weight: bold;
}
/* タイトル枠付き */
#company-prev .prev-box.prev-with-ttl .prev-ttl-box {
	background-color: #ededed;
	margin-bottom: -6px;
	border: 1px #cccccc solid;
	margin-top: 3px;
	font-weight: bold;
	color: #707070;
	position: relative;
	z-index: 2;
}
#company-prev .prev-box.prev-with-ttl .prev-ttl-box:before {
	content: '';
	display: block;
	background-color: #ffffff;
	height: 1px;
}
#company-prev .prev-box.prev-with-ttl .prev-ttl-box span {
	border-left: 5px #b0b0b0 solid;
	padding: 3px 5px;
	color: #707070;
	margin: 5px;
}
#company-prev .prev-box.prev-with-ttl .prev-cont { padding: 11px 10px 10px; }
#company-prev .prev-box.prev-with-ttl .prev-cont-inner {
	padding: 8px 9px 7px;
	text-align: left;
}
#company-prev .prev-box.prev-with-ttl .prev-cont + .prev-ttl-box { margin-top: -1px; }
/* ボーダーなしタイトル */
#company-prev .prev-box.prev-with-ttl .prev-ttl-nobrdr {
	background-color: #f3f3f3;
	padding: 7px 10px;
	border-bottom: 0;
}
#company-prev .prev-box.prev-with-ttl .prev-ttl-nobrdr:before { height: 0; }
/* 青背景 */
#company-prev .prev-bg-blue {
	background-color: #ebf2f9;
	padding: 7px 9px;
}
/* テーブル */
#company-prev .prev-tbl,
#company-prev .prev-tbl .prev-tbl-cont {
	border-color: #dbdbdb;
	border-style: solid;
}
#company-prev .prev-box .prev-tbl {
	border-width: 0 1px 1px 0;
	margin-top: 5px;
	padding: 0;
}
#company-prev .prev-tbl .prev-tbl-cap-box,
#company-prev .prev-tbl .prev-tbl-txt {
	display: inline-block;
	vertical-align: middle;
}
#company-prev .prev-tbl .prev-tbl-cap-box { background-color: #ededed; }
#company-prev .prev-tbl .prev-tbl-cont {
	border-width: 1px 1px 0;
	padding: 5px 7px;
}
#company-prev .prev-tbl .prev-sub-txt .prev-tbl-cont {
	border-width: 1px 0 0;
}
#company-prev .prev-tbl .prev-tbl-txt { text-align: center; }
/* 変更できない項目 */
#company-prev .prev-txt-dsbl,
#company-prev .prev-txt-dsbl * { color: #aaaaaa!important; }

/*** 商品リスト ***/
/* 商品リスト：企業バナー */
#company-prev .prev-box.prev-banner { float: left; }
#company-prev .prev-box.prev-banner .prev-cont-inner {
	width: 415px;
	height: 106px;
}
/* 商品リスト：ピックアップアイテム */
#company-prev .prev-box.prev-pickup { float: right; }
#company-prev .prev-box.prev-pickup .prev-cont-inner {
	width: 79px;
	height: 79px;
}
/* 商品リスト：商品一覧 */
#company-prev .prev-plist {
	width: 550px;
	text-align: right;
	padding: 30px 25px;
}
#company-prev .prev-plist .plist-wrap { margin-left: -23px; }
#company-prev .prev-plist .plist-box {
	display: inline-block;
	border: 1px #dddddd solid;
	padding: 5px;
	margin: 20px 0 0 23px;
}
#company-prev .prev-plist .plist-box-inner {
	display: table-cell;
	width: 133px;
	height: 133px;
	vertical-align: middle;
	background-color: #f6f6f6;
	text-align: center;
	color: #cccccc;
}

/* 商品リスト：お知らせ、 クローズアップ、ブランド/シリーズ、販促POP
　　企業情報：お問い合わせ、取引条件 */
#company-prev .prev-info-box { width: 304px; }
#company-prev .prev-info-box .prev-cont-inner { width: 228px; }
#company-prev .prev-info-box .prev-box { width: 100%; }

/*** 企業情報 ***/
#dealer-info .co-slct-pldwn {
	border: 1px #aaaaaa solid;
	margin-right: 5px;
	padding: 4px 20px 4px 8px;
}
#dealer-info input[type='text'],
#dealer-info input[type='url'],
#dealer-info textarea {
	border: 1px #aaaaaa solid;
	border-radius: 4px;
	padding: 4px 6px;
	font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif!important;
}
#dealer-info .fo-errors-box { margin-top: 5px; }
#dealer-info .dealer-info-hide {
	margin-left: 20px;
	vertical-align: top;
}
#dealer-info .fo-textarea+.dealer-info-hide { margin: 5px 0 0; }
#dealer-info .fo-textarea { display: block; }
#dealer-info .fo-textarea:disabled,
#dealer-info input[type='text']:disabled,
#dealer-info select:disabled {
	opacity: 0.7;
	background-color: #eeeeee;
	cursor: default;
}
/*** 企業情報フォーム：Web情報 ***/
#dealer-info .url-box {
	display: flex;
	align-items: center;
}
#dealer-info .url-box:not(:first-child) { margin-top: 10px; }
#dealer-info .url-box .replace-url {
	background-color: #aaaaaa;
	border-radius: 50%;
	width: 23px;
	height:23px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: -35px 0 0 15px;
	cursor: pointer;
}
#dealer-info .url-box .replace-url img {
	width: 15px;
	height: 12px;
}
#dealer-info .url-box .replace-url:hover { background-color: #888888; }
#dealer-info .url-box .fo-disabled { opacity: 0.7; }
/* 自社サイト */
#dealer-info .url-box.website input { width: 455px; }
#dealer-info .link-banner-guide {
	font-size: 12px;
	background-color: #f6f6f6;
	padding: 5px 10px;
	margin-top: 15px;
}
/* SNS */
#dealer-info .web-info-notice {
	background-color: #fff7e1;
	padding: 15px;
	margin-top: 15px;
	font-size: 14px;
	box-shadow: 0 0 0 5px #ffffff inset;
}
.co-info-b::before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	background: url('/img-dealer/common/icon/icon_attention2.gif') center center / contain no-repeat;
	width: 15px;
	height: 15px;
	margin-right: 5px;
}
#dealer-info .url-box.sns input { width: 350px; }

#dealer-workday .workday-calendar-list {
	display: grid;
	gap: 10px;
	grid-template-columns: 160px 160px 160px;
	grid-auto-flow: column;
}
#dealer-workday .display-location {
	display: inline-flex;
	background-color: transparent;
	border: none;
	cursor: pointer;
	outline: none;
	padding: 0;
	appearance: none;
}
#dealer-workday .workday-calendar-title {
	text-align: center;
	font-weight: bold;
}
#dealer-workday .workday-calendar table {
	table-layout: fixed;
	width: 100%;
	font-size: 13px;
}
#dealer-workday .workday-calendar :is(th,td) {
	text-align: center;
}
#dealer-workday .workday-calendar th {
	padding: 3px 0;
}
#dealer-workday .workday-calendar td {
	position: relative;
	padding: 0;
}
#dealer-workday .workday-calendar thead {
	background: #EEEEEE;
}
#dealer-workday .workday-calendar tbody tr {
	height: 24px;
}
#dealer-workday .workday-calendar :is(th:first-child,td:first-child),
#dealer-workday .workday-calendar .is-holiday {
	color: #DC4D4D;
}
#dealer-workday .workday-calendar :is(th:last-child,td:last-child) {
	color: #2981F5;
}
#dealer-workday .workday-calendar td:is(.is-regular-holiday,.is-selected)::before {
	content: "";
	border-radius: 50%;
	width: 22px;
	height: 22px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: -1;
}
#dealer-workday .workday-calendar td.is-regular-holiday::before {
	background: #FACDCD;
}
#dealer-workday .workday-calendar td.is-selected::before {
	background: #FACDCD;
}
#dealer-workday .workday-calendar td.is-disabled {
	color: #000;
	opacity: 0.5;
}
/* 入力画面にだけ日付選択時のアクションをつけるため#dealer-infoを指定しています */
#dealer-info .workday-calendar td:not(.is-disabled,.is-regular-holiday):hover {
	cursor: pointer;
}
#dealer-info .workday-calendar td:not(.is-disabled,.is-regular-holiday):hover::before {
	content: "";
	border-radius: 50%;
	width: 22px;
	height: 22px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: -1;	
	background: #FACDCD;
}
#dealer-info  #dealer-info-modal * {
	box-sizing: border-box;
}
#dealer-info  #dealer-info-modal .mdl-content {
	padding: 35px 40px 35px;
	max-height: 600px;
}
#dealer-info #dealer-info-modal .mdl-content img {
	margin: 0;
}


/* 企業情報：PR画像、企業情報 */
#company-prev .prev-prinfo {
	width: 526px;
	text-align: right;
}
#company-prev .prev-prinfo .prev-box {
	text-align: left;
}
#company-prev .prev-prinfo .prev-cont-inner { width: 460px; }
/* 企業情報：お問い合わせ */
#company-prev .prev-tbl.prev-contact .prev-tbl-cap-box { width: 33%; }
#company-prev .prev-tbl.prev-contact .prev-tbl-txt { width: 67%; }
/* 企業情報：販売規制 */
#company-prev .prev-tbl.prev-rule .prev-tbl-cap-box { width: 48%; }
#company-prev .prev-tbl.prev-rule .prev-tbl-txt { width: 52%; }
/* 企業情報：企業PR */
#company-prev .prev-box.prev-pr .prev-cont-inner { height: 85px; }
/* 企業情報：企業情報 */
#company-prev .prev-dinfo { width: 100%; }
#company-prev .prev-dinfo .prev-txt-dsbl { border-bottom: 1px #dbdbdb solid; }
#company-prev .prev-dinfo .prev-tbl-cap-box .no-top-brdr { border-top: 0; }
#company-prev .prev-dinfo .prev-txt-dsbl .prev-tbl-txt {
	background-color: #ffffff;
	text-align: left;
}
/* 企業情報：その他の設定 */
#company-prev .prev-other {
	display: table;
	border: 1px #cccccc solid;
	border-radius: 5px;
	overflow: hidden;
	width: 100%;
}
#company-prev .prev-other .row { display: table-row; }
#company-prev .prev-other .prev-pther-cap,
#company-prev .prev-other .prev-pther-txt {
	display: table-cell;
	vertical-align: middle;
	padding: 10px 15px;
	border-top: 1px #cccccc solid;
}
#company-prev .prev-other .row:first-child .prev-pther-cap,
#company-prev .prev-other .row:first-child .prev-pther-txt { border: 0; }
#company-prev .prev-other .prev-pther-cap {
	background-color: #e6e6e6;
	font-size: 15px;
	width: 23%;
}
/* 企業情報：日本語英語 */
.company-multi {
	display: flex;
	flex-wrap: wrap;
}
.company-multi .company-multi-h {
	font-weight: bold;
	margin-bottom: 3px;
	flex-basis: 4.5em;
}
.company-multi .company-multi-h:not(:first-of-type),
.company-multi .company-multi-box:not(:first-of-type) { margin: 10px 0 0; }
.company-multi .company-multi-box { flex-basis: calc(100% - 4.5em); }
/* 企業情報：営業時間、定休日選択 */
#dealer-info .dealer-info-open .btn-plus {
	display: inline-block;
	vertical-align: -1px;
	font-size: 16px;
	font-weight: bold;
	margin: -3px 5px -3px 0;
}
#dealer-info .dealer-info-open .dealer-open-close {
	display: inline-block;
	vertical-align: -4px;
	width: 17px;
	height: 17px;
	border-radius: 50%;
	background-color: #999999;
	margin-left: 8px;
	position: relative;
	cursor: pointer;
}
#dealer-info .dealer-info-open .dealer-open-close:hover { background-color: #dc4d4d; }
#dealer-info .dealer-info-open .dealer-open-close:before,
#dealer-info .dealer-info-open .dealer-open-close:after {
	content: '';
	position: absolute;
	display: block;
	width: 11px;
	height: 2px;
	background-color: #FFFFFF;
	transform-origin: 50% 1px 0;
	top: 7px;
	left: 3px;
}
#dealer-info .dealer-info-open .dealer-open-close:before { transform: rotate(45deg); }
#dealer-info .dealer-info-open .dealer-open-close:after { transform: rotate(-45deg); }
#dealer-info .dealer-info-open .dealer-info-openbox { margin-bottom: 10px; }
#dealer-info .dealer-info-open .dealer-info-openbox:nth-child(2) {
	padding-top: 10px;
	border-top: 1px #cccccc dashed;
}
#dealer-info .dealer-info-holiday .fo-checkbox { width: 6em; }

/*** 送料・決済 ***/
#company-prev .prev-carriage { width: 650px; }
#company-prev .prev-carriage .prev-carr-ttl {
	font-size: 15px;
	color: #666666;
	font-weight: bold;
	padding-bottom: 3px;
	margin-bottom: 10px;
	border-bottom: 2px #666666 solid;
}
#company-prev .prev-carriage .prev-carr-ttl:before {
	content: '▼';
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
}
/* 送料表、代引き手数料表共通 */
#company-prev .prev-shiptbl,
#company-prev .prev-shiptbl th,
#company-prev .prev-shiptbl td { border: 1px #cccccc solid }
#company-prev .prev-shiptbl {
	opacity: 0.4;
	filter: alpha(opacity=40);
	border-collapse: collapse;
	width: 100%;
	margin-top: 5px;
	background-color: #ffffff;
}
#company-prev .prev-shiptbl th,
#company-prev .prev-shiptbl td {
	font-size: 15px;
	padding: 8px 10px;
}
#company-prev .prev-shiptbl th { text-align: center; }
#company-prev .prev-shiptbl td { text-align: right; }
/* 送料表 */
#company-prev .prev-shipping {
	width: 420px;
	margin: 7px auto 0;
}
#company-prev .prev-shipping .prev-shiptbl th { background-color: #eff0f8; }
/* 代引き：手数料表 */
#company-prev .prev-cod {
	width: 360px;
	margin: 7px auto 0;
}
#company-prev .prev-cod .prev-shiptbl th { background-color: #f7d99a; }
#company-prev .prev-cod .prev-shiptbl .prev-cod-note {
	text-align: left;
	font-size: 13px;
}
/* 代引き：決済 */
#company-prev .prev-carriage .prev-payment {
	width: 19.7em;
	margin: 0 auto 7px;
	font-size: 15px;
}
#company-prev .prev-carriage .prev-payment * {
	display: inline-block;
	bertical-align: top;
}
#company-prev .prev-carriage .prev-payment .prev-pay-head { width: 12.5em; }
#company-prev .prev-carriage .prev-payment .prev-pay-col {
	text-align: center;
	width: 1em;
}
#company-prev .prev-carriage .prev-payment .prev-pay-txt {
	text-align: center;
	width: 6.2em;
	padding: 3px 0 2px;
}

/* 予約販売（先行受注）
-------------------------------------------------------------- */
/*** 活用方法 ***/
#cont-presales .pres-useguide {
	display: inline-block;
	vertical-align: top;
	width: 36%;
	margin-left: 7%;
}
#cont-presales .pres-useguide:first-child { margin-left: 0; }
#cont-presales .pres-useguide .pres-useg-ttl {
	font-size: 17px;
	font-weight: bold;
	margin-top: 10px;
}
#cont-presales .pres-useguide .pres-useg-ttl span {
	box-shadow: 0 -8px 0 0 #fff000 inset;
	line-height: 1.3;
	display: inline-block;
}
#cont-presales .pres-useguide .pres-merit-ttl {
	border-top: 1px #2b6297 solid;
	border-bottom: 1px #2b6297 solid;
	padding: 5px 0;
	color: #2b6297;
	font-weight: bold;
	margin-top: 15px;
}
#cont-presales .pres-useguide .pres-merit-list {
	list-style: none;
	text-align: left;
	margin-top: 5px;
	display: inline-block;
	vertical-align: top;
}
#cont-presales .pres-useguide .pres-merit-list li {
	padding: 2px 0 2px 22px;
	background: url('/img-dealer/contents/guide/presale/check_00.png') left 2px no-repeat;
}
/*** 設定方法 ***/
#cont-presales .pres-howto {
	background-color: #f6f6f6;
	padding-top: 40px;
	border: 1px #dadada solid;
	border-radius: 5px;
	text-align:	center;
	line-height: 0;
}

/* 年間のイベント・特集
-------------------------------------------------------------- */
#cont-feature a { outline: none; }
#cont-feature .yearly-schedule { margin: 15px 0 0 -1.8%; }
#cont-feature .yearly-schedule li {
	display: inline-block;
	vertical-align: top;
	width: 31.5%;
	margin: 0 0 20px 1.8%;
}
#cont-feature .yearly-schedule li .month-link {
	display: block;
	border-radius: 5px;
	border: 1px #cccccc solid;
	padding: 10px 13px;
	min-height: 20.5em;
	color: #333333;
	box-sizing: border-box;
}
#cont-feature .yearly-schedule li .month-link:hover {
	text-decoration: none;
	background-color: #f2f5f9;
}
#cont-feature .yearly-schedule li .month-link.now-month {
	border: 2px #2f6aa8 solid;
}
#cont-feature .yearly-schedule li .month-link.not-link-month,
#cont-feature .yearly-schedule li .month-link.not-link-month .month-num-box { color: #999999; }
#cont-feature .yearly-schedule li .month-link.not-link-month:hover {
	text-decoration: none;
	background-color: #ffffff;
	cursor: default;
}
#cont-feature .yearly-schedule li .month-link span {
	display: block;
	line-height: 1.2;
	margin-top: 7px;
}
#cont-feature .yearly-schedule li .month-link .month-num-box {
	font-size: 14px;
	color: #666666;
	padding-bottom: 3px;
	border-bottom: 1px #cccccc dashed;
	margin-bottom: 10px;
}
#cont-feature .yearly-schedule li .month-link .month-num-box .month-num {
	font-size: 21px;
	display: inline;
}

/* 出荷準備、出荷連絡のすべて選択・解除
-------------------------------------------------------------- */
#checkAll-label:before {
	content: '';
	display: inline-block;
	height: 27px;
	width: 27px;
	margin-right: 5px;
	background: url('/img-dealer/merchandise/common/btn_check.png') -14px -53px no-repeat;
	vertical-align: middle;
}
#checkAll-label:hover:before { background-position: -14px -6px; }
#checkAll-label.all-checked:before { background-position: -61px -53px; }
#checkAll-label.all-checked:hover:before { background-position: -61px -6px; }
/* 個別のチェック */
[id^='sales-dumcheck-'] {
	width: 27px;
	height: 27px;
	background: url('/img-dealer/merchandise/common/btn_check.png') -14px -53px no-repeat;
	margin: 0 15px 0 8px;
}
.tdChkboxWrapper:hover:hover [id^='sales-dumcheck-'] { background-position: -14px -6px; }
[id^='sales-dumcheck-'].sales-checked { background-position: -61px -53px; }
.tdChkboxWrapper:hover [id^='sales-dumcheck-'].sales-checked { background-position: -61px -6px; }
/* disabledの時 */
.tdChkboxWrapper.sales-dsbl:hover { cursor: default; }
.tdChkboxWrapper.sales-dsbl [id^='sales-dumcheck-'],
.tdChkboxWrapper.sales-dsbl:hover [id^='sales-dumcheck-'] {
	background-position: -14px -53px;
	opacity: 0.8;
	cursor: default;
}
/* 動作説明にあるチェック */
.text-check {
	display: inline-block;
	width: 27px;
	height: 27px;
	background: url('/img-dealer/merchandise/common/btn_check.png') -14px -55px no-repeat;
	vertical-align: middle;
	margin: 0 3px;
}

/* 販売管理の表の色：ひとまずの応急処置としての対応
---------------------------------------------------------- */
/* ボーダー */
.co-container [class^='td_border'],
.co-container .td_comment,
.co-container .td_check,
.co-container .td_shousai_01,
.co-container .td_shousai_02 { padding: 4px; }
.list_box td,
.co-container .td_border_refund,
.co-container .td_shousai_01,
.co-container .td_shousai_02 { border-color: #cccccc; }
.list_box tr td:last-child { border-right: 0; }
.list_box table[id^='sales_list_'] { border-top: 1px #cccccc solid; }
.list_box table[id^='sales_list_'] tr td:last-child { border-right: 0; }
.list_box .brdr-order { border: 2px #8f8f8f solid; }
.list_box .brdr-order-cod { border: 2px #f8b96b solid; }
/* 表の見出しの色 */
.co-container .td_shukka_01,
.co-container .td_shop_01 {
	background: #cddff0;
	border-color: #cccccc;
}
.co-container [class^='table_bunner'] {
	background: #eaf3fc;
	color: #4d4d4d;
	border-color: #cccccc;
}
.co-container [class^='table_bunner'] input[type='button'] {
	border-radius: 3px;
	border: 1px #59717f solid !important;
	background: #ffffff;
	box-shadow: 0 -10px 7px -4px #eeeeee inset;
	cursor: pointer;
	padding: 1px 2px !important;
	margin: 2px auto !important;
}
.co-container [class^='table_bunner'] input[type='button']:hover {
	box-shadow: 0 10px 9px -4px #efefef inset;
	padding: 2px 2px 0 !important;
}
.co-container .table_shadow,
.co-container .td_shop_02 {
	background: #cccccc;
	height: 1px;
}
/* しましまのグレー */
.co-container .list_table2 { 
	background: #f6f6f6;
	border-bottom: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
}
/* 小売店メッセージある時のグレー */
.co-container .list_table_message_gr { 
	background: #f6f6f6;
	border-bottom: 1px solid #cccccc;
}
/* 小売店メッセージ枠 */
.co-container #shop-message .message-wrap { 
	display: table;
	max-width: 850px;
}
.co-container #shop-message .message-ttl { 
	display: table-cell;
	vertical-align: top;
	width: 10%;
	min-width: 110px;
	padding-top: 6px;
}
.co-container #shop-message .message-ttl .block { 
	background-color: #0066cc;
	color: #ffffff;
	padding: 3px 6px;
	text-align: center;
}
.co-container #shop-message .message-txt { 
	display: table-cell;
	width: 80%;
	padding-left: 10px;
}
.co-container #shop-message .message-txt .reply { 
	display: block;
}

/* 受注などのメッセージ枠デザイン改修しました */
.td_comment .message-retailer-wrap {
  display: flex;
  align-items: center;
}
.td_comment .message-retailer-wrap {
  display: flex;
  align-items: center;
}
.td_comment .message-retailer-wrap .reply {
  margin-left: auto;
  flex-shrink: 0;
  width: calc(12% - 15px);
  text-align: center;
}
.td_comment .message-retailer-wrap .message-ttl {
  padding-left: 20px;
  position: relative;
  flex-shrink: 0;
  color: #2F6AA8;
  font-weight: 600;
}
.td_comment .message-retailer-wrap .message-ttl::before {
  content: "";
  position: absolute;
  background: url("/img-dealer/common/icon/icon_message01.svg");
  width: 16px;
  height: 18px;
  left: 0;
  top: 0;
}
/* 配送先など中にあるtable */
.co-container .content_01 {
	background: #eeeeee;
	border-color: #cccccc;
	padding: 5px 6px 3px;
	color: #4d4d4d;
}
.co-container .td-top-border {
	border-bottom: 1px solid #cccccc;
	border-top: 1px dashed #cccccc;
}
/* input */
.list_box input[type='text'],
.list_box select,
.list_box textarea {
	border-style: solid;
	border-width: 1px;
	border-color: #9f9f9f #bfbfbf #d6d6d6 !important;
	box-sizing: border-box;
}
.list_box input[type='text'],
.list_box textarea { padding: 2px 4px; }
.list_box input[type='text'] {
	border-radius: 3px;
	margin: 2px auto;
}

/*** 背景色 ***/
/* 赤  */.co-container .bg-order-red,.co-container .bg-order-red td {
	border-top: 1px solid #cccccc;
	box-shadow: inset 0px 0px 0px 500px #ffeaea;
}
/* 代引き */.co-container .bg-order-cod,.co-container .bg-order-cod td { background-color: #fff0bc!important; }

/*** 古いカレンダー ***/
table.scw {
	background-color: #ffffff!important;
	border: 1px #999999 solid!important;
	border-radius: 5px;
}
/* プルダウン選択部分 */
#scwHead {
	background: #dfdfdf;
	box-shadow: 0 -10px 7px -4px #bfbfbf inset;
	border: 1px #aaaaaa solid;
	border-radius: 5px;
}
#scwHead td.scwHead:nth-child(2) { text-align: right; }
#scwHead td.scwHead:nth-child(3) { text-align: left; }
#scwHead select.scwHead {
	width: 85%;
	text-align: left;
}
#scwHeadLeft,#scwHeadRight {
	border-radius: 50%;
	background: #4d4d4d;
	color: #ffffff;
	border: 0;
	font-size: 12px;
	height: 1.5em;
	width: 1.5em;
	box-sizing: border-box;
	cursor: pointer;
}
#scwHeadLeft { padding: 0 2px 0 0; }
#scwHeadRight { padding: 0 0 0 3px; }
#scwHeadLeft:hover,#scwHeadRight:hover { opacity: 0.8; }
/* カレンダー本体 */
td.scwWeek { color: #4d4d4d!important; }
td.scwCells,td.scwCellsWeekend,
td.scwCellsExMonth,.scwCellsExMonthDisabled {
	background: #e9e9e9!important;
	box-shadow: 0 -13px 4px -4px #dfdfdf inset;
	font-weight: normal!important;
}
.scwInputDate,.scwInputDate:hover,.scwInputDateHover {
	background: #ffffff!important;
	border-color: #dc4d4d!important;
	color: #4d4d4d!important;
}
td.scwCells { color: #4d4d4d!important; }
#scwCells tr td:nth-child(7) { color: #000099!important; }
#scwCells tr td:nth-child(8) { color: #dc4d4d!important; }
.scwCellsExMonthDisabled { opacity: 0.3; }
/* hover */
td.scwCells:hover,td.scwCellsHover,
td.scwCellsWeekend:hover,td.scwCellsWeekendHover,
td.scwCellsExMonth:hover,td.scwCellsExMonthHover {
	background: #dfdfdf!important;
	box-shadow: 0 -13px 4px -4px #cfcfcf inset;
}
td.scwCells:hover,td.scwCellsHover { color: #000000!important; }
/* 下部の本日ボタン */
td.scwFoot {
	background-color: #ffffff!important;
	border: 1px solid #999999;
	border-radius: 5px;
	box-shadow: 0 -10px 7px -4px #eeeeee inset;
	color: #4d4d4d!important;
	padding: 2px 4px!important;
}
td.scwFoot:hover,td.scwFootHover {
	padding: 3px 4px 1px!important;
	font-weight: normal!important;
	box-shadow: 0 10px 9px -4px #efefef inset;
}

/* 商品画像作成セミナー：フォトマスターセミナー
---------------------------------------------------------- */
#contents-seminar-index .photomaster-area {
	margin: 10px 0 0 0;
	position: relative;
	text-align: center;
	width: 100%;
}
#contents-seminar-index .photomaster-note {
	position: relative;
	border-radius: 5px;
	display: inline-block;
	vertical-align: middle;
	background-color: #fff7e1;
	padding: 2px;
	border: 1px #cccccc solid;
}
#contents-seminar-index .photomaster-arw:before,
#contents-seminar-index .photomaster-arw:after {
	content: '';
	position: absolute;
	width: 0;
	border: solid;
	border-width: 0 12px 20px;
	left: 66px;
}
#contents-seminar-index .photomaster-arw:before {
	z-index: 100;
	top: -18px;
	left: 66px;
	border-color: transparent transparent #fff7e1;
}
#contents-seminar-index .photomaster-arw:after {
	z-index: 10;
	top: -20px;
	border-color:transparent transparent #cccccc ;
}
#contents-seminar-index .photomaster-note .photomaster-left {
	text-align: left;
	float: left;
	width: 210px;
	padding-right: 15px;
}
#contents-seminar-index .photomaster-note .photomaster-right {
	float: left;
	width: 518px;
	padding-top: 12px;
	text-align: left;
}
#contents-seminar-index .photomaster-note .photomaster-right .ttl {
	font-size: 16px;
	font-weight: bold;
}

/* 商品撮影・登録代行サービスのご紹介　撮影・登録共通
---------------------------------------------------------- */
#agency-intro #agency-tab {
	text-align: left;
}
#agency-intro #agency-tab .tab-box-inner {
	width: 960px;
	margin: 0 auto;
}
#agency-intro #agency-tab a {
	text-align: center;
}
#agency-intro .notes {
	display: inline-block;
	background-color: #FFE0DF;
	padding: 10px;
	margin: 15px 0;
}
#agency-intro .notes span {
	font-size: 14px;
	font-weight: bold;
}
#agency-intro ul,
#agency-intro ol {
	padding: 0;
	margin: 0;
}
#agency-intro .notes ul {
	padding-left: 1.5em;
	margin: 8px 0;
}
#agency-intro .notes ul li {
	margin-bottom: 5px;
}
#agency-intro .flow {
	border: none;
	border-collapse: collapse;
	margin: 20px 0;
}
#agency-intro .flow td:nth-child(odd) {
	padding: 10px 15px;
	vertical-align: middle;
	background-color: #9ed1f2;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#agency-intro .flow td:nth-child(even) {
	padding: 10px 15px;
}
#agency-intro .agency-list {
	border-collapse: collapse;
	border: none;
	width: 960px;
	margin: 0 auto 30px;
}
#agency-intro .agency-list thead tr th {
	font-size: 1.1em;
	font-weight: bold;
	padding: 10px 5px;
	background-color: #e6e6e6;
	text-align: center;
}
#agency-intro .agency-list tbody tr {
	border-bottom: 1px solid #999999;
}
#agency-intro .agency-list tbody tr td {
	text-align: center;
	padding: 10px 5px;
}
#agency-intro .agency-list tbody tr td:first-child {
	position: relative;
	padding: 35px 5px 10px 0;
	font-size: 12px;
}
#agency-intro .agency-list tbody tr td:first-child img {
	max-width: 180px;
	margin-bottom: 5px;
}
#agency-intro .agency-list tbody tr td:last-child {
	text-align: left;
	padding: 10px 0;
}
#agency-intro .agency-list .prefecture {
	display: block;
	width: 4em;
	background-color: #8f8f8f;
	border-radius: 5px;
	padding: 1px;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	position: absolute;
	top: 10px;
	left: 0;
}
#agency-intro .agency-list .prefecture:nth-of-type(2) {
	top: 10px;
	left: 58px;
}
#agency-intro .agency-list td ul {
	display: inline-block;
	list-style: none;
	margin: 0 auto;
	text-align: left;
}
#agency-intro .agency-list td ul li:before {
	content: "・";
}
#agency-intro .agency-list .price {
	display: inline-block;
	margin: 0 0 0 5px;
	font-weight: bold;
	text-decoration: underline;
}
#agency-intro .agency-list .td-notes {
	display: block;
	font-size: 11px;
	margin-top: 10px;
}
#agency-intro .agency-list tfoot tr td {
	padding-top: 15px;
}

/* 撮影代行サービス
---------------------------------------------------------- */
#agency-intro #agency-photo #sample-modal {
	display: none;
}
#agency-intro #agency-photo #sample-modal .modal-window {
	width: 460px;
	padding: 5px;
	background-color: #ffffff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 2001;
	text-align: center;
}
#agency-intro #agency-photo #sample-modal .modal-window .sample-area {
	margin: 0 16px 17px;
}
#agency-intro #agency-photo #sample-modal .modal-window .sample-area img {
	border: 1px solid #cccccc;
	width: 200px;
}
#agency-intro #agency-photo #sample-modal .modal-window .sample-area div img {
	margin: 0 10px 10px 0;
}
#agency-intro #agency-photo #sample-modal .modal-window .sample-area div img:last-child {
	margin: 0 0 10px 0;
}
#agency-intro #agency-photo #sample-modal .modal-overlay {
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 2000;
}
#agency-intro #agency-photo .agency-list .agency {
	width: 20%;
}
#agency-intro #agency-photo .agency-list .plan {
	width: 18%;
}
#agency-intro #agency-photo .agency-list .privilege {
	width: 12%;
}
#agency-intro #agency-photo .agency-list .wait {
	width: 11%;
}
#agency-intro #agency-photo .agency-list .option {
	width: 17%;
}
#agency-intro #agency-photo .agency-list .comment {
	width: 22%;
}
#agency-intro #agency-photo .agency-list td ul .plus:before {
	content: "＋";
}
#agency-intro #agency-photo .agency-list .price {
	margin: 15px 0 0 5px;
}
#agency-intro #agency-photo .agency-list td:nth-of-type(2) .td-notes {
	margin-top: 3px;
}
#agency-intro #agency-photo .coupon {
	width: 250px;
	padding: 10px;
	margin-top: 15px;
	background-color: #e6e6e6;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	font-weight: bolder;
	text-align: center;
	position: relative;
}
#agency-intro #agency-photo .coupon:before {
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	border: 15px solid transparent;
	border-bottom: 15px solid #e6e6e6;
	position: absolute;
	top: -30px;
	left: 30px;
}

/* 登録代行サービス
---------------------------------------------------------- */
#agency-intro #agency-regi .agency-list .wait-list{
	margin: 0;
}
#agency-intro #agency-regi .agency-list .wait-list dt {
	text-align: left;
	font-weight: bold;
}
#agency-intro #agency-regi .agency-list .wait-list dd {
	margin: 0 0 10px;
}
#agency-intro #agency-regi .agency-list .agency {
	width: 20%;
}

#agency-intro #agency-regi .agency-list .plan {
	width: 12%;
}

#agency-intro #agency-regi .agency-list .privilege {
	width: 13%;
}

#agency-intro #agency-regi .agency-list .wait {
	width: 12%;
}

#agency-intro #agency-regi .agency-list .option {
	width: 18%;
}

#agency-intro #agency-regi .agency-list .comment {
	width: 24%;
}
#agency-intro #agency-regi .com-01 li {
	list-style: none;
	counter-increment: c;
	padding-left: 2.5em;
	position: relative;
}
#agency-intro #agency-regi .com-01 li:before {
	display: marker;
	content: "【"counter(c)"】";
	position: absolute;
	top: 0;
	left: 0;
}

/* 201711 送料表_代引き手数料表
-------------------------------------------------------------- */
/*** 送料表index ***/
#shippinglist-dealer .panel {
	margin: 0 auto;
}
#shippinglist-dealer .status-title {
	border-top: solid 1px #2b6297;
	border-bottom: solid 1px #2b6297;
	padding: 5px;
	margin: 20px 0 0px;
	font-size: 17px;
	font-weight: bold;
	color: #2b6297;
	text-align: center;
}
#shippinglist-dealer .status-title .big {
	font-size: 21px;
	font-weight: bold;
}
#shippinglist-dealer .input-example {
	background: #ffffee;
	border: 1px solid #cccccc;
	padding: 10px;
	margin: 20px 0 10px;
}
#shippinglist-dealer .grey-caution {
	width: 50%;
	background-color: #EEEEEE;
	text-align: left;
	padding: 10px;
}
#shippinglist-dealer .ship-cam-head {
	background-color: #e3e0af;
	font-size: 16px;
	margin: 25px 0 20px;
	padding: 10px;
}
#shippinglist-dealer .list-err-txt {
	font-size: 90%;
	color: #dc4d4d;
}
#shippinglist-dealer .90per {
	font-size: 90%;
}
#shippinglist-dealer .price-input {
	width: 45px;
	text-align: right;
}
#shippinglist-dealer .cost-area-wrap {
	background: url('/img-dealer/carriage/japanmap_01.png') center center no-repeat;
	margin: 0 auto 100px;
	text-align: center;
	height: 320px;
	position: relative;
}
#shippinglist-dealer .cost-area-wrap .block-wrap {
	position: absolute;
	top: 90px;
	left: 0;
	right: 0;
}
#shippinglist-dealer .cost-area-wrap .status-big {
	width: 600px;
	margin: 0 auto 56px;
	font-size: 22px;
}
#shippinglist-dealer .cost-area-wrap .status-big span {
	font-size: 30px;
}
#shippinglist-dealer .cost-area-wrap .block {
	display: inline-block;
	margin-right: 20px;
	padding: 40px 20px;
	background: #ffffff;
	min-width: 242px;
	box-shadow: 0 4px 9px 1px #cccccc;
}
#shippinglist-dealer .cost-area-wrap .block:last-child {
	margin-right: 0px;
}
#shippinglist-dealer .cost-area-wrap .block .ttl {
	font-size: 20px;
	font-weight: bold;
}
#shippinglist-dealer .cost-area-wrap .block .sub-ttl {
	font-size: 12px;
}
#shippinglist-dealer .cash-on-d-request {
	background: #ffffee;
    border: 1px solid #cccccc;
	margin: 30px 0;
	padding: 20px;
	display: table;
}
#shippinglist-dealer .cash-on-d-request .left {
	display: inline-block;
}
#shippinglist-dealer .cash-on-d-request .right {
	display: inline-flex;
}

/* メッセージボックス
-------------------------------------------------------------- */
#message-box * { box-sizing: border-box; }
#message-box table { border-collapse: collapse; }
#message-box .msg-box-wrap {
	display: flex;
	width: 100%;
	margin-top: 10px;
}
/* メニュー */
#message-box .msg-menu {
	background-color: #eeeeee;
	width: 160px;
	padding: 10px;
	border: 1px #cccccc solid;
	vertical-align: top;
	box-sizing: content-box;
}
#message-box .msg-menu li { list-style: none; }
#message-box .update-box {
	padding: 5px 5px 10px 5px;
	text-align: center;
}
#message-box .receive-box,
#message-box .setup-box {
	padding: 10px 5px 5px 5px;
	text-align: left;
	border-top: 1px solid #cccccc;
}
#message-box .selected-01 {
	color: #dc4d4d;
	font-weight: bold;
}
#message-box .receive-box-child {
	padding: 5px 5px 5px 15px;
	text-align: left;
}
#message-box .send-box {
	padding: 5px 5px 10px 5px;
	text-align: left;
}
#message-box .msg-slct { font-weight: bold; }
/* 絞り込み */
#message-box .searchbox-title .co-btn span input { padding-right: 20px; }
#message-box .searchbox-title .co-btn span:after {
	content: '';
	display: block;
	width: 6px;
	height: 6px;
	border-right: 1px #666666 solid;
	border-bottom: 1px #666666 solid;
	transform: rotate(225deg);
	position: absolute;
	top: calc(50% - 2px);
	right: 8px;
}
#message-box .searchbox-title .co-btn span.msg-search-open:after {
	transform: rotate(45deg);
	top: calc(50% - 5px);
}
/* メール一覧 */
#message-box .msg-main-area {
	width: calc(100% - 202px);
	margin-left: 20px;
	vertical-align: top;
	box-sizing: content-box;
}
#message-box .msg-list-box { border-bottom: 1px #cccccc solid; }
#message-box .msg-list-box,
#message-box .msg-list-box th { border-color: #cccccc; }
#message-box .msg-list-box th,
#message-box .msg-list-box th.co-sort-down a,
#message-box .msg-list-box th.co-sort-defult a,
#message-box .msg-list-box th.co-sort-up a { padding: 6px 3px; }
#message-box .msg-list-box th.co-sort-down,
#message-box .msg-list-box th.co-sort-defult,
#message-box .msg-list-box th.co-sort-up { padding: 0; }
#message-box .msg-list-box th {
	text-align: center;
	white-space: nowrap;
	border-right-style: solid;
}
#message-box .msg-list-box td {
	border: 0;
	padding: 8px 5px;
}
#message-box .msg-list-box .msg-icon {
	text-align-last: center;
	padding: 8px 2px;
}
#message-box .msg-list-box th .co-btn-min,
#message-box .msg-list-box th .co-btn-min input { min-width: 1em; }
#message-box .msg-list-box th .co-btn-min input {
	padding-left: 1px;
	padding-right: 1px;
}
#message-box .msg-list-box td input { margin: 0; }
#message-box .msg-list-box .msg-row-even { background-color: #efefef; }
#message-box .msg-list-box .msg-row-slct { background-color: #fff7e1; }
/* 処理アイコン */
#message-box .msg-process {
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
	font-size: 11px;
	padding: 3px 0;
	width: 3.6em;
}
#message-box .msg-process.msg-not-yet {/* 未処理 */
	color: #dc4d4d;
	background-color: #ffe0df;
}
#message-box .msg-process.msg-processed {/* 処理済 */
	color: #666666;
	background-color: #dfdfdf;
}
#message-box .msg-process.msg-retention {/* 保留 */
	color: #ffffff;
	background-color: #8f8f8f;
}
/* メッセージ詳細 */
#message-box .msg-detail-info {
	background-color: #e6e6e6;
	padding: 10px 15px;
	border: 1px #999999 solid;
	display: flex;
	justify-content: space-between;
}
#message-box .msg-detail-info dl {
	display: flex;
	flex-wrap: wrap;
	width: 60%;
	margin: 0;
}
#message-box .msg-detail-info dl dd { margin: 0; }
#message-box .msg-detail-info dl dt:not(:first-of-type),
#message-box .msg-detail-info dl dd:not(:first-of-type) { margin: 8px 0 0; }
#message-box .msg-detail-info dl dt {
	font-weight: bold;
	color: #666666;
	width: 7em;
}
#message-box .msg-detail-info dl dd { width: calc(100% - 7em); }
#message-box .msg-detail-txt {
	padding: 10px 15px 15px;
	margin-bottom: 20px;
	border-style: solid;
	border-width: 0 1px 1px;
	border-color: #999999;
}
#message-box .msg-detail-txt p {
	word-break: break-all;
	font-size: 14px;
	line-height: 1.6;
	margin: 10px 0 15px;
}
#message-box .msg-detail-file {
	border-top: 1px #cccccc solid;
	padding: 10px 15px;
}
#message-box .msg-now {
	display: inline-block;
	vertical-align: middle;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7px 0 7px 11px;
	border-color: transparent #0066cc;
	margin-left: 5px;
}
/* メモ欄 */
#message-box .msg-memo-area {
	border: 1px #cccccc solid;
	margin-top: 20px;
}
#message-box .msg-memo-area .msg-memo-head {
	background-color: #ecf2fc;
	display: flex;
	justify-content: space-between;
	padding: 6px 10px;
	align-items: center;
}

/* 201902 海外発送伝票未ダウンロードエラー
-------------------------------------------------------------- */
#foreign-slip-error-modal .background {
	display: flex;
	align-items: center;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,0.3);
	z-index: 1000;
}
#foreign-slip-error-modal .modal {
	width: auto;
	max-width: 750px;
	height: auto;
	background-color: #ffffff;
	padding: 1px;
	border-radius: 5px;
	margin: auto;
	z-index: 1001;
}
#foreign-slip-error-modal .modal .main {

	text-align: center;
	box-sizing: border-box;
	padding: 0 23px 15px 23px;
}
#foreign-slip-error-modal .list {
	width: 100%;
	max-height: 250px;
	overflow: auto;
	text-align: left;
	padding: 0 5px 0 0;
}
#foreign-slip-error-modal .dl-button {
	display: inline-block;
	background-color: #388fda;
	padding: 4px 5px;
	border-radius: 3px;
	margin: 0 0 0 5px;
	float: right;
}
#foreign-slip-error-modal .dl-button:hover {
	background-color: #007dcf;
}
#foreign-slip-error-modal .dl-button-complete {
	display: inline-block;
	width: 32px;
	background-color: #ff8c53;
	font-size: 10px;
	color: #ffffff;
	padding: 1px 5px;
	border-radius: 3px;
	margin: 0 0 0 5px;
	float: right;
}
#foreign-slip-error-modal .dl-button-complete:hover {
	background-color: #f47a3e;
}
#foreign-slip-error-list {
	display: inline-block;
}
#foreign-slip-error-list li {
	list-style: none;
	text-align: left;
	padding: 0 0 3px;
}
#not_shipment_form_download_alert_area {
	text-align: center;
}
#not_shipment_form_download_alert_area .button {
	display: block;
	width: 82px;
	padding: 2px;
	margin: 5px auto 0;
}
#not_shipment_form_download_alert_area .button.open:after {
	content: "";
	display: inline-block;
	width: 6px;
	height: 6px;
	transform: rotate(135deg);
	border-top: 1px solid #333333;
	border-right: 1px solid #333333;
	vertical-align: middle;
	margin: 0 5px 5px 0;
	position: relative;
	left: 5px;
}
#not_shipment_form_download_alert_area .button.close:after {
	content: "";
	display: inline-block;
	width: 6px;
	height: 6px;
	transform: rotate(315deg);
	border-top: 1px solid #333333;
	border-right: 1px solid #333333;
	vertical-align: bottom;
	margin: 0 5px 5px 0;
	position: relative;
	left: 5px;
}

/* 海外小売店に紹介
-------------------------------------------------------------- */
#exp-introduce { font-size: 15px; }
#exp-introduce * { box-sizing: border-box; }
#exp-introduce .co-title2 { margin-bottom: 20px; }
#exp-introduce ul { list-style: none; }
#exp-introduce .campaign-txt {
	font-weight: 600;
	line-height: 1;
	text-align: center;
	position: relative;
	margin-top: 50px;
}
#exp-introduce .campaign-txt::before {
	content: '＼';
	display: inline-block;
	margin-right: 6px;
}
#exp-introduce .campaign-txt::after {
	content: '／';
	display: inline-block;
	margin-left: 6px;
}
#exp-introduce .campaign-banner { margin-bottom: 50px; }
#exp-introduce .campaign-banner img {
	width: 100%;
	height: auto;
}
/* ご利用シーン */
#exp-introduce .int-situation {
	display: flex;
	margin: 0 5px;
}
#exp-introduce .int-situation li {
	padding: 0 20px;
	width: 320px;
	text-align: center;
}
#exp-introduce .int-situation li:not(:first-child) { border-left: dotted 1px #b4cfe2; }
#exp-introduce .int-situation h3 { margin: 12px auto 8px; }
/* ご案内方法 */
#exp-introduce .how-to-introduce {
	display: flex;
  justify-content: space-between;
}
#exp-introduce .how-to-introduce > div {
	padding: 0;
	flex-basis: 49%;
	display: flex;
	flex-direction: column;
}
#exp-introduce .by-leaflet-box h3 {
  background-image: url(/img-dealer/contents/campaign/promotion/method_icon_hand_01.png);
  background-repeat: no-repeat;
  background-position: center left calc(50% - 42px);
  background-size: 32.5px auto;
  background-color: #f6f6f6;
  border-bottom: 1px solid #cccccc;
  padding-top: 19px;
  padding-bottom: 18px;
  background-repeat: no-repeat;
  text-align: center;
}
#exp-introduce .by-leaflet-box h3 span {
  border-radius: 20px;
  background-color: #D1DFF5;
  font-size: 14px;
  font-weight: normal;
  padding: 2px 10px;
  margin-right: 56px;
}
#exp-introduce .by-leaflet-box .by-leaflet-box-info {
  padding:25px 30px;
}
#exp-introduce .how-to-introduce h3 {
	width: 100%;
}
#exp-introduce .by-leaflet {
  border: 1px #999999 solid;
}
.how-to-introduce .by-leaflet-ch{
  background-image: url(/img-dealer/contents/campaign/promotion/method_icon_mail_01.png);
  background-position: center left calc(50% - 45px);
  background-size: 32.5px auto;
  background-color: #f6f6f6;
  border-bottom: 1px solid #cccccc;
  padding-top: 19px;
  padding-bottom: 18px;
  background-repeat: no-repeat;
}
.how-to-introduce .by-leaflet-ch span {
  border-radius: 20px;
  background-color: #D1DFF5;
  font-size: 14px;
  font-weight: normal;
  padding: 2px 10px;
  margin-right: 60px;
  margin-left: -20px;
}
#exp-introduce .how-to-introduce .by-leaflet .co-btn { margin: 10px 0; }
#exp-introduce .leaflet-list {
	padding: 15px 40px;
	background-color: #f6f6f6;
	margin-top: 20px;
}
#exp-introduce .how-to-introduce .by-leaflet .leaflet-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	padding: 8px 40px;
}
#exp-introduce .how-to-introduce .leaflet-list ul {
	flex-grow: 1;
	margin: 20px 0;
}
#exp-introduce .leaflet-list li:not(:first-child) { margin-top: 3px; }
#exp-introduce .how-to-introduce .leaflet-list figure {
	margin: 0;
	width: 77px;
}
#exp-introduce .how-to-introduce .leaflet-list figure img {
	width: 100%;
	height: auto;
}
/* 配布時のポイント */
#exp-introduce .how-to-point {
	background-color: #f0faff;
	border: 1px solid #276197;
	padding: 15px 20px;
	font-size: 14px;
	position: relative;
	width: 100% !important;
	margin-top: 30px;
}
#exp-introduce .how-to-point:before {
	content: '';
	display: block;
	width: 17px;
	height: 17px;
	background-color: #f0faff;
	border-top: 1px #276197 solid;
	border-right: 1px #276197 solid;
	transform: rotate(-45deg);
	position: absolute;
	bottom: calc(100% - 8px);
	left: 65px;
}
#exp-introduce .how-to-point h4 {
	margin-bottom: 8px;
	font-size: 15px;
}
/* メールサンプル */
#exp-introduce .by-email {
  border: 1px #999999 solid;
}
#exp-introduce .by-email-info {
  padding:25px 30px 0px;
}
#exp-introduce .by-email h3 {
  background-image: url(/img-dealer/contents/campaign/promotion/method_icon_mail_01.png);
  background-repeat: no-repeat;
  background-position: center left calc(50% - 41px);
  background-size: 32.5px auto;
  background-color: #f6f6f6;
  border-bottom: 1px solid #cccccc;
  padding-top: 19px;
  padding-bottom: 18px;
  background-repeat: no-repeat;
  text-align: center;
}
#exp-introduce .by-email h3 span {
  border-radius: 20px;
  background-color: #D1DFF5;
  font-size: 14px;
  font-weight: normal;
  padding: 2px 10px;
  margin-right: 60px;
}
#exp-introduce .by-email .email-sample li { margin-top: 5px; }
#exp-introduce .email-sample li > label span {
	font-size: 13px;
	display: inline-block;
}
#exp-introduce .email-sample li > input { display: none; }
#exp-introduce textarea {
	display: block;
	width: 100%;
	height: 17.5em;
	font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif !important;
	margin: 5px auto 30px;
	font-size: 14px;
	padding: 5px;
	border: 1px #cccccc solid;
	overflow-y: auto;
	resize: none;
	outline: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
#exp-introduce .modal-box h4 {
	font-size: 19px;
	margin-bottom: 8px;
}
#exp-introduce .email-text-box {
	width: 100%;
	border: 1px #cccccc solid;
	padding: 5px;
	background-color: #ffffff;
	height: 17.5em;
}
#exp-introduce .modal-box .modal-box-inner { box-sizing: content-box; }
/* 日本語サンプル */
#exp-introduce .dealer-code {
	background: none;
	border: 0;
	text-align: center;
	width: 5.5em;
	outline: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	color: #333333;
	font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif !important;
	font-size: 15px;
}
/* QandA export */

/*20200127 コロナウイルス対応
-------------------------------------------------------------- */
#content-index div.info-20200127 {
	background: #D7E8EE;
	margin: -1px -20px 0;
	padding: 20px 0;
}
#content-index div.info-20200127 .wide {
	padding: 0 20px;
}
#content-index div.info-20200127 div div {
	max-width: 1280px;
	min-width: 960px;
	margin: 0 auto;
	line-height: 20px;
}
#content-index div.info-20200127 div p {
	font-weight: 600;
	margin: 0;
}

/* ヘルプアシスト
-------------------------------------------------------------- */
#help-assist,
#open-help-assist {
	position: fixed;
	z-index: 1001;
	transition: bottom 0.3s;
}
#help-assist {
	right: 5px;
	bottom: 5px;
}
#help-assist.hide-assist { bottom: -200px; }
#help-assist .help-assist-content { position: relative; }
#help-assist .help-assist-content ul {
	opacity: 0;
	position: absolute;
	bottom: calc(100% + 3px);
	right: -100px;
	background-color: #333333;
	padding: 0 15px;
	margin: 0 0 -20px;
	border-radius: 5px;
	font-size: 14px;
	list-style: none;
	transition: opacity 0.2s;
	width: 0;
	height: 0;
	overflow: hidden;
}
#help-assist .help-assist-content:hover { padding-top: 30px; }
#help-assist .help-assist-content:hover ul {
	opacity: 1;
	right: 0;
	width: 220px;
	height: auto;
	overflow: visible;
}
#help-assist .help-assist-content li a {
	color: #ffffff;
	line-height: 1.6;
}
#help-assist .help-assist-content li:not(.more-help) a {
	display: block;
	text-indent: -25px;
	padding-left: 25px;
	margin: 15px 0;
}
#help-assist .help-assist-content li:not(.more-help) a:before {
	content: '?';
	display: inline-block;
	vertical-align: 0;
	margin-right: 8px;
	background-color: #ffffff;
	color: #666666;
	font-weight: 600;
	border-radius: 50%;
	font-size: 13px;
	width: 18px;
	height: 18px;
	text-align: center;
	text-indent: 0;
}
#help-assist .help-assist-content ul li:last-child:after {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-color: #333333 transparent;
	border-width: 12px 9px 0;
	position: absolute;
	top: 100%;
	right: 52px;
}
#help-assist .help-assist-content .more-help { text-align: right; }
#help-assist .help-assist-content .more-help a {
	display: inline-block;
	font-size: 13px;
	margin: 0 -2px 10px 0;
}
#help-assist .help-assist-content .more-help a:before {
	content: '';
	display: inline-block;
	width: 7px;
	height: 7px;
	border-top: 2px #ffffff solid;
	border-right: 2px #ffffff solid;
	transform: rotate(45deg);
	border-radius: 1px;
	margin-right: 7px;
}
#help-assist #help-assist-close {
	position: absolute;
	bottom: 89px;
	right: 8px;
	width: 22px;
	height: 22px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #018bba;
	color: #ffffff;
	border-radius: 50%;
	font-size: 16px;
	box-shadow: 0px 0px 0px 5px #f6f6f6, 7px 7px 5px 0px rgba(0,0,0,0.2);
	cursor: pointer;
}
#open-help-assist {
	right: 3px;
	bottom: -150px;
	cursor: pointer;
}
#open-help-assist.show-open-assist { bottom: 3px; }

/* PR編集
-------------------------------------------------------------- */
#dealer-pr * { box-sizing: border-box; }
#dealer-pr .pr-edit-area {
	width: 720px;
	margin: 40px auto 0;
}
/*** PR編集入力エリア ***/
/* タブ */
#dealer-pr .co-tab-box {
	margin: 0 auto;
	position: relative;
}
#dealer-pr .co-tab-box a { cursor: pointer; }
#dealer-pr .co-tab-box .co-help {
	position: absolute;
	right: 0;
	bottom: 5px;
	font-size: 14px;
	background-position: left 5px;
}
#dealer-pr .co-tab-box.co-tab-box-btm .co-help { top: 5px; }
#dealer-pr .co-tab-box .co-tab-base:first-child { margin-left: 30px; }
/* 中身 */
#dealer-pr .pr-edit-area .pr-edit-inner {
	margin: 0 auto;
	background-color: #ffffff;
	padding: 25px;
	border-left: 5px #5086c5 solid;
	border-right: 5px #5086c5 solid;
}
#dealer-pr .pr-edit-area .pr-edit-inner > p:only-child { margin: 0; }
/* 画像編集 */
#dealer-pr .pr-edit-image {
	background-color: #e0e0e0;
	border-radius: 4px;
	padding: 5px;
	width: 610px;
	margin: 0 auto;
}
#dealer-pr .pr-edit-image > p { margin: 7px 5px 10px; }
#dealer-pr .pr-edit-image .pr-edit-image-box {
	width: 600px;
	height: 600px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 2px #999999 dashed;
	background-color: #f0f0f0;
	position: relative;
}
#dealer-pr .pr-edit-image .pr-edit-image-box input { display: none; }
#dealer-pr .pr-edit-image .pr-edit-image-box label {
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: rgba(0,0,0,0.4);
	display: flex;
	align-items: center;
	justify-content: center;
	color: #ffffff;
	font-size: 18px;
	transition: opacity 0.2s;
}
#dealer-pr .pr-edit-image .pr-edit-image-box:hover label { opacity: 1; }
#dealer-pr .pr-edit-image .pr-edit-image-box img {
	max-width: 100%;
	max-height: 100%;
	flex-grow: 0;
	flex-shrink: 0;
}
#dealer-pr .pr-edit-image .pr-edit-image-box p {
	font-size: 24px;
	color: #999999;
	margin: 0;
}
/* PR編集確認ボタン帯 */
#dealer-pr .pr-edit-submit {
	background-color: #e9e9e9;
	border-top: 1px #cccccc solid;
	border-bottom: 1px #cccccc solid;
	text-align: center;
	padding: 15px 0;
	width: 104%;
	margin: 70px 0 0 -2%;
}
#dealer-pr .pr-edit-submit.fix-predit-btn {
	position: fixed;
	width: 100%;
	left: 2%;
	bottom: 0;
	z-index: 10;
}

/*** PR編集画面エディタ ***/
#dealer-pr .cleditorMain { margin: 75px auto 0; }
#dealer-pr .cleditorToolbar,
#dealer-pr .sourceTab,
#dealer-pr .cleditorGroup {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
/* 編集モード切り替え */
#dealer-pr .cleditorToolbar {
	background: #e0e0e0;
	padding: 7px;
	height: auto!important;
	position: relative;
}
#dealer-pr .sourceTab {
	position: absolute;
	bottom: 100%;
	left: 0;
}
#dealer-pr .sourceTab .button-wwg,
#dealer-pr .sourceTab .sourceSwitch {
	width: 90px;
	height: 28px;
	padding-top: 5px;
	text-align: center;
	border-radius: 5px 5px 0 0;
}
#dealer-pr .sourceTab .button-wwg {
	background: #e0e0e0;
	border-right: 1px #999999 solid;
	margin-right: 5px;
	z-index: 1;
}
#dealer-pr .sourceTab .sourceSwitch {
	background: #bebebe;
	border-right: solid 1px #bebebe;
	position: absolute;
	bottom: 0;
	left: 95px;
	z-index: 5;
	cursor: pointer;
}
#dealer-pr .sourceTab .sourceSwitch.sourceOn { left: 0; }
#dealer-pr .sourceTab .sourceSwitch:hover { background-color: #c8c8c8; }
/* リンク設定、解除 */
#dealer-pr .linkButton,
#dealer-pr .unlinkButton {
	position: relative;
	width: 27px;
	height: 27px;
	background-position: left top!important;
	background-repat: no-repeat;
	margin-right: 7px;
	cursor: pointer;
}
#dealer-pr .linkButton:hover,
#dealer-pr .unlinkButton:hover { background-position: left top -27px!important; }
#dealer-pr .sourceMode .linkButton,
#dealer-pr .sourceMode .unlinkButton {
	background-position: left top 27px!important;
	cursor: default;
}
#dealer-pr .linkButton { background-image: url('/img-dealer/common/icon/icon_wysi_ling01.png'); }
#dealer-pr .unlinkButton { background-image: url('/img-dealer/common/icon/icon_wysi_bling01.png'); }
#dealer-pr .linkButton span,
#dealer-pr .unlinkButton span {
	display: none;
	position: absolute;
	width: 110px;
	background-color: #4d4d4d;
	color: #ffffff;
	border-radius: 5px;
	left: calc(50% - 55px);
	bottom: calc(100% + 10px);
	box-shadow: 1px 1px 3px rgba(51,51,51,0.4), -1px 1px 3px rgba(51,51,51,0.4);
	z-index: 250;
	padding: 5px 0;
	text-align: center;
	line-height: 1.3;
	cursor: default;
}
#dealer-pr .linkButton span:after,
#dealer-pr .unlinkButton span:after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-color: #4d4d4d transparent;
	border-width: 8px 8px 0;
	position: absolute;
	top: 100%;
	left: calc(50% - 8px);
}
#dealer-pr .cleditorGroup:not(.sourceMode) .linkButton:hover span,
#dealer-pr .cleditorGroup:not(.sourceMode) .unlinkButton:hover span { display: block; }
#dealer-pr .cleditorToolbar > p { margin: 0 0 0 10px; }
/* リンク設定ポップアップ */
.pr-link-pop { height: auto!important; }
.pr-link-pop .wwg-tooltip { margin-top: 1em; }
.pr-link-pop .wwg-tooltip p { margin: 0; }
.pr-link-pop .wwg-tooltip .link-input {
	width: 310px;
	vertical-align: middle;
}
.pr-link-pop .wwg-tooltip .wwg-input-btn {
	margin-left: 10px;
	background: #ffffff;
	border-radius: 5px;
	border: 1px #59717f solid;
	box-shadow: 0 -11px 10px -6px rgba(150,150,150,0.4) inset;
	letter-spacing: 1px;
	text-shadow: 1px 1px 0 #ffffff;
	padding: 1px 10px;
	vertical-align: middle;
	cursor: pointer;
}
.pr-link-pop .wwg-tooltip .wwg-input-btn:hover {
	padding: 2px 10px 0;
	text-shadow: none;
	box-shadow: 0 0 0 1px #ffffff inset;
	background: #e0e0e9;
}
/* 入力枠 */
#dealer-pr #predit,
#dealer-pr #pr-editor {
	box-shadow: 0 0 0 5px #e0e0e0;
	margin: 0 auto;
	display: block;
	width: 648px!important;
	height: 210px!important;
	outline: none;
	border: 1px #a9a9a9 solid!important;
	font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif!important;
}
#dealer-pr #predit { padding: 7px 4px; }

/*** PR編集確認画面 ***/
#dealer-pr .pr-conf-area {
	border: 1px #cccccc solid;
	padding: 30px;
	width: 740px;
	margin: 30px auto;
}
#dealer-pr .pr-conf-image {
	width: 100%;
	text-align: center;
	max-width: 600px;
	max-height: 600px;
	margin: 0 auto;
}
#dealer-pr .pr-conf-image img {
	max-width: 600px;
	max-height: 600px;
}
#dealer-pr .pr-conf-txt {
	line-height: 1.6;
	margin: 30px 5px 0;
	font-size: 14px;
}

/* 未掲載発注 */
.kobetu-form-table .fo-textbox-vlong,
.kobetu-form-table .fo-textbox-middle,
.kobetu-form-table .fo-textbox-short,
.kobetu-form-table .fo-textbox-vshort {
	width: 100%;
	box-sizing: border-box;
}
.co-contents-box-table.latest-table.kobetu-form-table th {
  padding: 10px;
  text-align: center;
  vertical-align: middle;
  font-size: 14px;
}

#kobetu-order .retailer-select-title, #kobetu-order-csv .retailer-select-title {
  font-size: 14px;
}
#kobetu-order .retailer-select-box,#kobetu-order-csv .retailer-select-box {
  padding: 2px 30px;
  display: grid;
  grid-template-columns: 50% 1fr;
  align-items: center;
}
#kobetu-order .retailer-select-box-note, #kobetu-order-csv .retailer-select-box-note {
  font-size: 13px;
}
#kobetu-order .kobetu-order-description,#kobetu-order-csv .kobetu-order-description {
  font-size: 13px;
}
#kobetu-order .retailer-select-box .retailerInfo,#kobetu-order-csv .retailer-select-box .retailerInfo {
  padding-left: 30px;
  border-left: 1px #CCCCCC dotted;
  font-size: 14px;
  height: 100%;
}
#kobetu-order .retailerInfo-inner,#kobetu-order-csv .retailerInfo-inner {
  display: flex;
  align-items: center;
  height: 100%;
  line-height: 1.6;
}
.kobetu-note-box {
  font-size: 12px;
  padding: 20px 58px;
  background: #F6F6F6;  
}
.kobetu-note-box ul {
  font-size: 12px;
}
.kobetu-note-box ul ul li {
  list-style-type: none;
}
.kobetu-note-box ul ul li::before {
  content:"-";
  margin-right: 8px;
}
.co-contents-box-table.kobetu-search-result td {
  padding: 12px;
}
.kobetu-search-result .checkbox-plain label {
	padding: 20px;
	width: 100%;
	height: 100%;
}

/* 未掲載商品の発注 完了 */
.kobetu-order-execute-sec {
  margin: 0 -2%;
  background: #F6F6F6;
  padding: 40px 0 80px;
}

.csv-method-flow {
  display: flex;
  align-items: flex-start;
  gap: 80px;
  padding: 0;
  margin: 0;
}
.csv-method-flow li {
  list-style-type: none;
  max-width: 455px;
}
.csv-method-flow .csv-method-flow-titile {
  margin-bottom: 0px;
  padding: 10px 0 10px 20px;
  background: #E6E6E6;
  font-weight: bold;
  font-size: 14px;
}

.csv-method-flow .csv-method-flow-item {
  position: relative;
  border: 1px solid #CCCCCC;
  width: 100%;
}
.csv-method-flow .csv-method-flow-item:not(:last-child)::before {
  content: "";
  position: absolute;
  top: 50%;
  right: -50px;
  transform: translateY(-50%);
  border-style: solid;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-left: 20px solid #E6E6E6;
  border-right: 0;  
}
.csv-method-flow .csv-method-flow-content {
  padding: 17px;
}
.csv-method-flow .csv-method-flow-note {
  color: #AAAAAA;
}
.kobetu-order-csv-execute-summary {
  background: #F6F6F6;
  margin: 0 -2%;
  padding: 40px 0 80px;
}

/* IE11サポート終了のお知らせ
-------------------------------------------------- */
.ie11-notice { margin: 10px 0 20px; }
.ie11-notice img {
	width: 35px;
	height: auto;
	vertical-align: middle;
}
.ie11-notice .ie::after {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 11px;
	height: 11px;
	border-top: 3px #666666 solid;
	border-right: 3px #666666 solid;
	transform: rotate(45deg);
	margin: 0 15px;
	border-radius: 2px;
}

/* 3Dショールーム */
#virtualShop {
	color: #000;
	line-height: 1.5;
	background: url("/img-dealer/contents/matterport/bg_grade.png") no-repeat top left / cover;
	background-attachment: fixed;
}
#virtualShop a {
	color: inherit;
  text-decoration: none;
}
#virtualShop .js-hidden {
	display: none;
}
#virtualShop a:hover img {
	opacity: .6;
}
#virtualShop img {
	transition: .3s;
	max-width: 100%;
	vertical-align: bottom;
}
#virtualShop ul, #virtualShop ol {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#virtualShop dl, #virtualShop dt,#virtualShop dd {
	margin: 0;
}
#virtualShop .virtualShop-kv-inner {
	max-width: 1680px;
	margin: 0 auto;
	padding: 180px 20px 0 20px;
}
#virtualShop .virtualShop-box {
	position: relative;
	border: 1px solid #2DABDC;
	border-radius: 10px;
	z-index: 2;
}
#virtualShop .virtualShop-box::before {
	position: absolute;
	content: "";
	background: transparent linear-gradient(258deg, #24ABDC 0%, #C6A3DE 100%) 0% 0% no-repeat padding-box;
	right: -10px;
	bottom: -10px;
	width: 100%;
	height: 100%;
	border-radius: 10px;
}
.virtualShop-box-inner {
	position: relative;
	background: #fff;
	border-radius: 10px;
	margin: 0;
	overflow: hidden;
}

#virtualShop .virtualShop-kv {
	position: relative;
	height: 625px;
	background-image: url("/img-dealer/contents/matterport/mv_bg_01.png");
	background-position: bottom 100px right calc(50% - 609px);
	background-size: 1000px auto;
	background-repeat: no-repeat;
}
#virtualShop .virtualShop-section-inner {
	max-width: 1250px;
	margin: 0 auto;
	padding-left: 25px;
	padding-right: 25px;
	box-sizing: border-box;
}
#virtualShop .virtualShop-kv-lead {
	margin-top: 40px;
	max-width: 926px;
	font-size: 18px;
}
#virtualShop .virtualShop-target {
	padding: 100px 0 112px;
	background: url("/img-dealer/contents/matterport/introduction_bg_01.png") no-repeat center center / cover;
}
#virtualShop .virtualShop-target .virtualShop-box {
	border: none;
	border-radius: 0px;
}
#virtualShop .virtualShop-target-list {
	margin-top: 37px;
}
#virtualShop .virtualShop-target-item {
	position: relative;
	padding-left: 35px;
	font-size: 20px;
}
#virtualShop .virtualShop-target-item::before {
	position: absolute;
	content: "";
	background: url("/img-dealer/contents/matterport/icon_00.png") no-repeat 0 0 / cover;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 26px;
	height: 47px;
}
#virtualShop .virtualShop-target-item:nth-child(n+2) {
	margin-top: 25px;
}
.virtualShop-target .virtualShop-box-inner {
	padding: 56px 0 60px;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.virtualShop-merit {
	position: relative;
	padding: 192px 0 100px;
	background: #F6F6F6;
}
#virtualShop .virtualShop-merit .virtualShop-section-inner {
	padding-left: 50px;
	padding-right: 50px;
	max-width: 1300px;
}
.virtualShop-merit-heading-primary {
	text-align: center;
}
#virtualShop  .virtualShop-merit-list {
	display: flex;
	justify-content: center;
	margin: 123px 0 0;
	padding: 0;
}
.virtualShop-merit-item:nth-child(2) {
	margin-left: 7.25%;
}
#virtualShop .virtualShop-merit-item p {
	margin: 30px 0 0;
	font-size: 18px;
	line-height: 1.8;
}
#virtualShop .virtualShop-merit-item {
	flex: 0 1 46%;
}
.virtualShop-merit-heading-secondary {
	position: relative;
}
.virtualShop-merit-heading-secondary::before {
	position: absolute;
	content: "";
	left: -65px;
	bottom: calc(100% - 35px);
	width: 157px;
	height: 111px;
}
.virtualShop-merit-item:first-child .virtualShop-merit-heading-secondary::before {
	background: url("/img-dealer/contents/matterport/merit_title_merit1_en.svg") no-repeat 0 0;
}
.virtualShop-merit-item:nth-child(2) .virtualShop-merit-heading-secondary::before {
	background: url("/img-dealer/contents/matterport/merit_title_merit2_en.svg") no-repeat 0 0;
}
.virtualShop-announce {
	position: relative;
	padding-bottom: 60px;
	background: #F6F6F6;
}
.virtualShop-announce-contents {
	margin-left: auto;
	max-width: 600px;
}
.virtualShop-announce .virtualShop-box .virtualShop-box-inner {
	padding: 50px 40px;
}
.virtualShop-announce .virtualShop-announce-lead {
	margin: 20px 0 0;
	font-size: 18px;
	line-height: 1.8;
}
#virtualShop .virtualShop-announce-lead .link {
	display: block;
	font-size: 0.9em;
	color: #0066cc;
}
#virtualShop .virtualShop-announce-lead .link:hover {
	text-decoration: underline;
}
.virtualShop-note {
	color: #DC4D4D;
	font-size: 15px;
	box-sizing: border-box;
}
.virtualShop-announce .virtualShop-note {
	text-align: left;
	margin-top: 20px;
}
.virtualShop-announce .virtualShop-section-inner {
	position: relative;
}
.virtualShop-announce .virtualShop-section-inner::before {
	content: "";
	position: absolute;
	background: url("/img-dealer/contents/matterport/img_00.png") no-repeat 0 0 / cover;
	right: 660px;
	bottom: -96px;
	width: 614px;
	height: 393px;
}
.virtualShop-methods {
	padding: 200px 0 100px;
	overflow: hidden;
}
.virtualShop-methods .virtualShop-note {
 margin: 0 auto 140px;
}
#virtualShop .virtualShop-methods-heading-primary {
	text-align: center;
}
#virtualShop .virtualShop-methods-heading-secondary {
	margin-top: 77px;
	text-align: center;
}
.virtualShop-matterport {
	position: relative;
	margin-top: 90px;
}
.virtualShop-matterport-inner {
	position: relative;
}
.virtualShop-methods-mv-area {
	position: absolute;
	top: 50%;
	left: calc(100% - 597px);
	width: calc(calc(100vw - 597px));
	background: #000;
	transform: translateY(-50%);
	min-width: 948px;
	height: 406px;
	overflow: hidden;
}
.virtualShop-methods-mv {
	width: 120%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-60%,-50%);
}
.virtualShop-matterport .virtualShop-box {
	width: 595px;
}

.virtualShop-matterport-logo {
	margin-bottom: 10px;
	width: 250px;
	height: 167px;
}
.virtualShop-matterport-primary {
	font-size: 25px;
	font-weight: bold;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
#virtualShop .virtualShop-matterport p {
	margin: 18px 0 0;
	font-size: 18px;
	line-height: 1.6;
}

.virtualShop-matterport .virtualShop-box-inner {
	padding: 37px 60px 68px;
}
.virtualShop-feature {
	margin-top: 242px;
}
.virtualShop-feature-primary {
	text-align: center;
}
#virtualShop .virtualShop-feature-list {
	margin-top: 90px;
}
.virtualShop-feature .virtualShop-feature-note {
	margin-top: 100px;
	display: flex;
	justify-content: space-evenly;
	padding: 20px 30px;
	background: #F6F6F6;
	font-size: 18px;
}
.virtualShop-feature .virtualShop-feature-note p {
	margin: 0;
}
#virtualShop .virtualShop-feature-note-link {
	color: #0066CC;
	font-weight: bold;
}
.virtualShop-feature .virtualShop-box-inner {
	padding: 100px 50px;
}
.virtualShop-feature-item {
	display: flex;
	min-height: 315px;
	background-repeat: no-repeat;
}
.virtualShop-feature-secondary {
	position: relative;
	margin-bottom: 23px;
}
.virtualShop-feature-secondary::before {
	content: "";
	position: absolute;
	left: -35px;
	top: -75px;
	width: 158px;
	height: 111px;
	background-repeat: no-repeat;
}
.virtualShop-feature-item:first-child .virtualShop-feature-secondary::before {
	background-image: url("/img-dealer/contents/matterport/feature_title_point1_en.svg");
}
.virtualShop-feature-item:nth-child(2) .virtualShop-feature-secondary::before {
	background-image: url("/img-dealer/contents/matterport/feature_title_point2_en.svg");
}
.virtualShop-feature-item:nth-child(3) .virtualShop-feature-secondary::before {
	background-image: url("/img-dealer/contents/matterport/feature_title_point3_en.svg");
}
.virtualShop-feature-item:first-child {
	background-image: url("/img-dealer/contents/matterport/feature_01.png");
}
.virtualShop-feature-item:nth-child(2) {
	background-image: url("/img-dealer/contents/matterport/feature_02.png");
}
#virtualShop .virtualShop-feature-item:nth-child(n+2) {
	margin-top: 130px;
}
.virtualShop-feature-item:nth-child(odd) {
	padding-right: 54.6%;
	background-position: center right;
	background-size: 50% auto;
}
.virtualShop-feature-item:nth-child(even) {
	padding-left: 54.6%;
	background-position: center left;
	background-size: 50% auto;
	margin-left: auto;
}
#virtualShop .virtualShop-feature-box {
	flex: 0 1 490px;
	display: flex;
	flex-direction: column;
	justify-content: center;	
}
#virtualShop .virtualShop-feature-box p {
	font-size: 18px;
	line-height: 1.6;
	margin: 0;
}
.virtualShop-case {
	margin-top: 210px;
}
.virtualShop-case-primary {
	text-align: center;
}
#virtualShop .virtualShop-case-item .virtualShop-button-primaryColor {
	margin-top: 30px;
}
#virtualShop .virtualShop-button-primaryColor {
	transition: .3s;
	padding: 19px 52px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: #2DABDC;
	color: #fff;
	font-size: 20px;
	border-radius: 50px;
	border: 2px solid #2DABDC;
	font-weight: bold;
}
#virtualShop .virtualShop-button-primaryColor:hover {
	cursor: pointer;
}

.virtual-modal-mask {
	width: 100%;
	height: 100%;
	position: fixed;
	display: none;
	opacity: 0.3;
	background-color: #000000;
	top: 0;
	left: 0;
	z-index: 9000;
}

#virtualShop .virtualShop-modal {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	padding: 47px 0;
	max-width: 1200px;
	max-height: 686px;
	width: 90%;
	height: 90%;
	box-sizing: border-box;
	background: #ffffff;
	box-shadow: 1px 1px 3px 0px #bbbbbb;
	border-radius: 5px;
	border-top: 1px solid #bbbbbb;
	border-left: 1px solid #bbbbbb;
	border-right: 2px solid #bbbbbb;
	border-bottom: 2px solid #bbbbbb;
	z-index: 9001;	
}
#virtualShop .virtualShop-modal.-is-show {
	display: block;
}
#virtualShop .virtualShop-modal .virtualShop-modal-text {
	display: none;
	width: 100%;
	height: 100%;
}
#virtualShop .virtualShop-modal .virtualShop-modal-cancel {
	position: absolute;
	top: 10px;
	right: 10px;	
	background: #999999;
	width: 28px;
	height: 28px;
	text-align: center;
	padding: 2px 1px 3px 2px;
	margin-left: auto;
	margin-right: 0;
	color: #ffffff;
	border-radius: 3px;
	font-size: 16px;
	font-weight: bold;
	cursor: pointer;
	float: right;
	box-sizing: border-box;	
}
#virtualShop .virtualShop-modal .virtualShop-modal-inner {
	position: relative;
	width: 100%;
	height: 100%;	
}
#virtualShop .virtualShop-modal iframe {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	display: block;
	border: none;
}
#virtualShop .virtualShop-button-primaryColor:hover {
	background: #fff;
	border: 2px solid #2DABDC;
	color: #2DABDC;
}
#virtualShop .virtualShop-button-primaryColor::after {
	content: "";
	background: url("/img-dealer/common/icon/co_005w.gif") no-repeat 0 0 / cover;
	position: relative;
	margin-left: 24px;
	width: 17px;
	height: 17px;
}
#virtualShop .virtualShop-button-primaryColor:hover::after {
	background: url("/img-dealer/common/icon/co_008b.png") no-repeat 0 0 / cover;
}
#virtualShop .virtualShop-case-list {
	margin-top: 70px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.virtualShop-case-item {
	flex: 0 1 calc(50% - 25px);
	box-sizing: border-box;
}
.virtualShop-case-item:nth-child(2n) {
	margin-left: 50px;
}
.virtualShop-case-item:nth-child(n+3) {
	margin-top: 40px;
}
.virtualShop-case-item .virtualShop-box-inner {
	text-align: center;
}
.virtualShop-case .virtualShop-box-inner {
	padding: 45px 20px 30px;
	margin: 0;
}
.virtualShop-case-caption {
	text-align: center;
	margin: 0 0 28px;
}
#virtualShop .virtualShop-case-name {
	font-size: 23px;
	font-weight: bold;
	margin: 0;
}
#virtualShop .virtualShop-case-type {
	margin: 5px 0 0;
	font-size: 14px;
	color: #7B7B7B;
}
#virtualShop .virtualShop-cv {
	overflow: hidden;
}
.virtualShop-cv .virtualShop-section-inner {
	padding-top: 153px;
	padding-bottom: 100px;
}
#virtualShop .virtualShop-cv-inner {
	max-width: 1680px;
	margin: 0 auto;
	padding: 200px 20px 200px;
}
#virtualShop .virtualShop-cv-lead {
	margin: 42px 0 0;
	max-width: 884px;
	font-size: 18px;
	line-height: 1.65;
}
#virtualShop .virtualShop-cv-button {
	margin: 30px 0 0 -16px;
	display: block;
	width: 638px;
}
#virtualShop .virtualShop-cv-summary {
	position: relative;
	max-width: 698px;
}
#virtualShop .virtualShop-cv-summary::before {
	content: "";
	position: absolute;
	background: url("/img-dealer/contents/matterport/img_00.png") no-repeat 0 0 / cover;
	width: 753px;
	height: 482px;
	left: calc(100% + 70px);
	top: 10px;
}
#virtualShop .virtualShop-cv-apply {
	margin-top: 60px;
	background: #fff;
	border-radius: 10px;
	border: none;
}
#virtualShop .virtualShop-cv-apply .virtualShop-box-inner {
	padding: 50px 50px 40px;
	display: flex;
	align-items: center;
	flex-direction: column;
}
#virtualShop .virtualShop-cv-apply-other p {
	padding-left: 16px;
	display: inline-block;
	font-size: 18px;
}
#virtualShop .virtualShop-cv-apply-other a {
	color: #0066CC;
}
#virtualShop .virtualShop-flow {
	padding: 200px 0 210px;
	background: url("/img-dealer/contents/matterport/flow_bg_01.png") no-repeat top center / cover;
}
#virtualShop .virtualShop-flow-heading-primary {
	text-align: center;
}
#virtualShop .virtualShop-flow-heading-secondary {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}
#virtualShop .virtualShop-flow-heading-secondary span {
	margin-right: 12px;
}
#virtualShop .virtualShop-flow-heading-secondary:nth-of-type(n+2) {
	margin-top: 144px;
}
#virtualShop .virtualShop-flow-contents {
	margin: 70px 0 0;
}
#virtualShop .virtualShop-flow-list {
	margin: 28px 0 0;
	padding: 0;
	display: flex;
	justify-content: center;
}
#virtualShop .virtualShop-flow-item + .virtualShop-flow-item {
	margin-left: 63px;
}
#virtualShop .virtualShop-flow-item {
	flex: 0 1 253px;
}
#virtualShop .virtualShop-flow-item:not(:last-child)::after {
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 15.5px 0 15.5px 18px;
	border-color: transparent transparent transparent #fff;
	top: 50%;
	right: -45px;
	transform: translateY(-50%);
}
#virtualShop .virtualShop-flow-number {
	position: absolute;
	width: 30px;
	left: 10px;
	top: 10px;
	z-index: 2;
	margin: 0;
}
.virtualShop-flow-item .virtualShop-box-inner {
	height: 235px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 0 10px;
	overflow: hidden;
}
.virtualShop-flow-item .virtualShop-box-inner::before {
	position: absolute;
	left: -73px;
	top: -55px;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 73.5px 109px 73.5px;
	border-color: transparent transparent #2DABDC transparent;
	transform: rotate(-45deg);
}

#virtualShop .virtualShop-flow-caption {
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.4;
}
#virtualShop .virtualShop-flow-caption a {
	margin-top: 5px;
	display: block;
	color: #2DABDC;
}
#virtualShop .virtualShop-flow-caption .small {
	font-size: 15px;
	font-weight: normal;
}

/* flow1 */
#virtualShop .virtualShop-flow1-item:first-child .virtualShop-box-inner img {
	width: 113px;
}
#virtualShop .virtualShop-flow1-item:nth-child(2) .virtualShop-box-inner img {
	width: 50px;
}
#virtualShop .virtualShop-flow1-item:nth-child(3) .virtualShop-box-inner img {
	width: 70px;
}
#virtualShop .virtualShop-flow1-item:nth-child(4) .virtualShop-box-inner img {
	width: 63px;
}
#virtualShop .virtualShop-flow2-item:first-child .virtualShop-box-inner img {
	width: 70px;
}
#virtualShop .virtualShop-flow2-item:nth-child(2) .virtualShop-box-inner img {
	width: 58px;
}
#virtualShop .virtualShop-flow2-item:nth-child(3) .virtualShop-box-inner img {
	width: 70px;
}
#virtualShop .virtualShop-flow2-item:nth-child(4) .virtualShop-box-inner img {
	width: 56px;
}
#virtualShop .virtualShop-flow1-item:first-child .virtualShop-flow-caption {
	margin-top: 17px;
}
#virtualShop .virtualShop-flow1-item:nth-child(2) .virtualShop-flow-caption {
	margin-top: 17px;
}
#virtualShop .virtualShop-flow1-item:nth-child(3) .virtualShop-flow-caption {
	margin-top: 23px;
}
#virtualShop .virtualShop-flow1-item:nth-child(4) .virtualShop-flow-caption {
	margin-top: 34px;
}
#virtualShop .virtualShop-flow2-item:first-child .virtualShop-flow-caption {
	margin-top: 17px;
}
#virtualShop .virtualShop-flow2-item:nth-child(2) .virtualShop-flow-caption {
	margin-top: 36px;
}
#virtualShop .virtualShop-flow2-item:nth-child(3) .virtualShop-flow-caption {
	margin-top: 21px;
}
#virtualShop .virtualShop-flow2-item:nth-child(4) .virtualShop-flow-caption {
	margin-top: 14px;
}
#virtualShop .virtualShop-price {
	padding: 100px 0 200px;
}
#virtualShop .virtualShop-price-heading-primary {
	text-align: center;
}
#virtualShop .virtualShop-price-heading-secondary {
	text-align: center;
	font-size: 25px;
	font-weight: bold;
}
#virtualShop .virtualShop-price-lead {
	margin: 20px 0 0;
	font-size: 16px;
	text-align: center;
}
#virtualShop .virtualShop-price .virtualShop-box {
	border: none;
	border-radius: 0px;
}
#virtualShop .virtualShop-price .virtualShop-box-inner {
	padding-top: 100px;
}
#virtualShop .virtualShop-price-summary {
	margin-top: 70px;
	padding: 0 74px 70px;
}
#virtualShop .virtualShop-price-simulation {
	padding: 100px 70px;
	background: #F6F6F6;
}
.virtualShop-price-simulation-item {
	display: flex;
	padding: 30px 12px 10px;
	border: 1px solid #2DABDC;
	border-radius: 10px;
	background: #fff;
	flex: 0 1 338px;
}
.virtualShop-price-simulation-item dl {
	display: flex;
	flex-direction: column;
}
.virtualShop-price-simulation-item:not(:nth-child(3n)) {
	margin-right: 20px;
}
.virtualShop-price-simulation-item .definition {
	align-items: center;
	justify-content: center;
	display: flex;	
	flex-grow: 1;
	text-align: center;
	padding-bottom: 10px;
	font-weight: bold;
	font-size: 16px;
	border-bottom: 1px dashed #AAAAAA;
}
.virtualShop-price-simulation-item .definition-price {
	margin: 20px 0 0;
	color: #2DABDC;
	font-weight: bold;
	font-size: 25px;
	display: flex;
	align-items: center;
	justify-content: center;	
}
.virtualShop-price-simulation-item .definition-price::before {
	content: "合計";
	margin-right: 10px;
	font-size: 14px;
	font-weight: bold;
}
.virtualShop-price-simulation-item .definition-price::after {
	content: "円";
	font-size: 18px;
	font-weight: bold;
}
#virtualShop .definition-price-list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	flex-direction: unset;
	justify-content: space-between;		
	padding: 20px 16px;
	margin-top: 17px;
	background: #F6F6F6;
	text-align: right;
}
.definition-price-list dt {
	color: #AAAAAA;
	font-size: 14px;
	flex: 0 1 52%;
}
#virtualShop .definition-price-list dt:nth-of-type(n+2), #virtualShop .definition-price-list dd:nth-of-type(n+2) {
	margin-top: 5px;
}
.definition-price-list dd {
	font-size: 18px;
	flex: 0 1 48%;
}

.definition-price-list dd span {
	font-size: 13px;
}
#virtualShop .virtualShop-price-simulation-list {
	display: flex;
	margin-top: 40px;
}
.virtualShop-fix-button {
	position: fixed;
	bottom: 50px;
	right: 2.23vw;
	z-index: 101;
	width: 14.8vw;
	height: 14.8vw;
	min-width: 200px;
	min-height: 200px;	
}
#virtualShop .virtualShop-price-summary-list {
	position: relative;
	display: flex;
	justify-content: space-between;
}
.virtualShop-price-summary-list .plus {
	position: absolute;
	width: 30px;
	height: 52px;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
.virtualShop-price-summary-list .plus::before {
	position: absolute;
	content: "";
	background: #2DABDC;
	height: 5px;
	width: 23px;
	top: 50%;
	left: 50%;
	transform: translate(-50%);
}
.virtualShop-price-summary-list .plus::after {
	position: absolute;
	content: "";
	background: #2DABDC;
	height: 5px;
	width: 23px;
	top: 50%;
	left: 50%;
	transform: translate(-50%) rotate(90deg);	
}
#virtualShop .virtualShop-price-summary-item {
	text-align: center;
	padding: 14px 20px 20px;
	flex: 0 1 47.5%;
	border: 3px solid #2DABDC;
	box-sizing: border-box;
}
#virtualShop .virtualShop-price-summary-item:nth-of-type(2) .price-title {
	margin-bottom: 30px;
}

#virtualShop .price-title {
	margin-bottom: 20px;
	font-size: 18px;
	border-bottom: 1px dashed #2DABDC;
}
.virtualShop-price-summary-item .price-detail {
	color: #2DABDC;
}
#virtualShop .price-description {
	margin: 0;
	font-size: 15px;
	font-weight: bold;
}
#virtualShop .price-number {
	margin: 0;
	font-size: 35px;
	font-weight: bold;
}
#virtualShop .price-number .tax {
	font-size: 15px;
}
#virtualShop .price-number .small {
	font-size: 20px;
}
#virtualShop .virtualShop-price-summary-other {
	margin: 40px 0 0;
	display: flex;
	align-items: center;
	padding: 8px 30px 8px 40px;
	border: 1px solid #CCCCCC;
	font-size: 16px;
}
#virtualShop .virtualShop-price-summary-other dt {
	padding: 29px 35px 29px 0;
	border-right: 1px dashed #CCCCCC;
}
#virtualShop .virtualShop-price-summary-other dd {
	padding-left: 35px;
}
#virtualShop .virtualShop-price-summary-note {
	margin: 30px 0 0;
}

/* 企業情報
-------------------------------------------------- */
/*** 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;
}


/* SD export 料金体系変更に関して重要なお知らせ
-------------------------------------------------- */
.margin_option.change-deadline {
	padding: 15px 45px 25px;
	border: solid #484848 1px;
}
.margin_option.change-deadline .co-text .co-b {color: #D13B3B;}
.margin_option {margin-bottom: 15px;}
.margin_option .co-text {line-height: 2!important; color: #484848;}
.margin_option:not(.change-deadline) .co-text .co-b {background-color: #F8E0E0;}
.margin_option .co-text .co-b span {text-decoration: underline;}
.news-button-area {
	padding: 50px 0;
	border: dashed #777 1px;
	text-align: center;
}
.news-button-area h2 {
	font-size: 22px;
	font-weight: 600;
	margin-bottom: 30px;
}
.news-button-area h2 span {
	font-size: 18px;
	background-color: #BC0808;
	display: inline-block;
	padding: 5px 5px 2px;
	color: #fff;
}
.news-button-area p:nth-of-type(2) {
	color: #BC0808;
	font-weight: 600;
	font-size: 17px;
}
.news-button-area div {
	width: 420px;
	margin: 0 auto;
	text-align: center;
}
.news-button span { 
	display: inline-block;
	line-height: 50px;
	border: solid 1px #013894;
	border-radius: 30px;
	padding: 0 3.5em 0 3em;
	color: #fff;
	background-color: #3E70C4;
	font-size: 18px;
	position: relative;
	margin-top: 20px;
 }
.news-button span::after,
.news-button span::before {
	content: "";
	display: inline-block;
	height: 10px;
	width: 2px;
	background-color: #fff;
	transform: rotate(-45deg);
	position: absolute;
	top: calc(50% - 8px);
	right: 1.5em;
 }
.news-button span::after { 
	transform: rotate(45deg);
	top: calc(50% - 2px);
 }
.news-button:hover span{background-color: #013894;}
.news-button.white span { 
	border-color:#7E7E7E;
	line-height: 40px;
	color: #7E7E7E;
	background-color: #fff;
	font-size: 15px;
}
.news-button.white:hover span{background-color: #F5F5F5;}

.news-button.white span::after,
.news-button.white span::before {
	background-color:  #7E7E7E;
	height: 9px;
 }

.news-button.white span::before {
	top: calc(50% - 7px);
 }

#closeup-form .closeup-set-image img  {
  width: 100%;
}
#closeup-form .closeup-input > div {
  display: flex;
  width: 100%;
}
#closeup-form input[type="text"] {
	width: 200px;
}
#closeup-form .closeup-input ul {
  flex: 0 1 50%;
}
#closeup-form .closeup-input li:nth-child(n+2) {
  margin-top: 10px;
}
#req-invitation .method2 .req-invitation-box-table {
  border: none !important;
  margin-bottom: 0px; 
}
#req-invitation .method2 .req-invitation-box-table td {
	padding: 0px 10px 15px;
}
#req-invitation .method2 .req-invitation-box-table textarea {
  resize: both;
  height: auto;
}
.co-btns-m26 {
  display: block !important;
  margin:  0 auto !important;
}

#req-flyer {
	display: none;
}
#req-flyer .co_print .button_print {
	text-align: center;
}
#req-flyer .req-flyer-flex {
	display: flex;
	justify-content: space-between;
	width: 100%;
	max-width: 1080px;
	margin: 50px auto 30px auto;
}
#req-flyer .req-flyer-flex .flex-box {
	width: 49%;
}
#req-flyer .main,
#req-flyer .sub {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	box-sizing: border-box;
}
#req-flyer div.main h1 {
	position: absolute;
	bottom: 86%;
	left: 5.09%;
	font-size: 21px;
	line-height: 1.1;
	width: 72%;
}
#req-flyer div.main #qrcode {
	position: absolute;
	bottom: 1.5%;
	right: 3.9%;
	width: 11.7%;
}
#req-flyer div.sub #qrcode2 {
	position: absolute;
	bottom: 3.75%;
	right: 4.6%;
	width: 11.7%;
}
#req-flyer img {
	display: block;
	width: 100%;
	height: auto;
}

#req-flyer .print_back {
	page-break-after: always;
	border: none;
}

@media print{
	.topic-path,
	#req-invitation,
	#dealer-header,
	#dealer-footer,
	#help-assist,
	.punlist,
	.noprint {
		display:none !important;
		height: 0;
		padding: 0 !important;
		margin: 0 !important;
	}
	* {
		max-width: none;
		padding: 0;
		margin: 0;
	}
	html, body {
		height: auto;
		margin: 0;
	}
	.co-h100p-contents {
		padding-bottom: 0 !important;
	}
	#req-flyer {
		display: block;
		width: 100%;
	}
	#req-flyer .req-flyer-flex {
		flex-wrap: wrap;
		justify-content: center;
		flex-direction: column;
		align-items: center;
		max-width: none;
		margin: 0;
		break-inside: avoid;
	}
	#req-flyer .req-flyer-flex .flex-box {
		box-sizing: border-box;
		width: 100%;
		margin: 0;
		padding: 0;
		overflow: visible;
		display: block;
		break-inside: avoid;
	}
	#req-flyer .main,
	#req-flyer .sub {
		border: none;
		width: 100%;
		margin: 0 auto;
	}
	#req-flyer div.main h1 {
		font-size: 4.08vw;
	}
	#req-flyer canvas {
		width: 100%;
		height: 100%;
	}
	.co-h100p-contents {
		padding-bottom: 0;
	}
}

#address-modal .mdl-box {
	padding: 0 0 40px 0;
}

#address-modal .mdl-ttl {
	box-sizing: border-box;
}

#address-modal .mdl-content {
	height: auto;
	margin-bottom: 25px;
}

#address-modal .mdl-content p {
	font-size: 14px;
	line-height: 1.6;
}

#address-modal .mdl-content p a {
	color: #0066cc;
	text-decoration: underline;
	font-weight: bold;
}

#address-modal .mdl-content p a:hover {
	text-decoration: none;
}

#address-modal .mdl-content .text_box {
	position: relative;
	top: 0;
	left: 0;
	background: #e5e5e5;
	padding: 16px 20px;
	box-sizing: border-box;
	margin: 16px 0 24px;
}

#address-modal .mdl-content .text_box span {
	display: block;
	font-weight: bold;
	margin: 0 0 12px 0;
}

.mdl-box .control-area.control-area-address .btn {
	display: flex;
	justify-content: center;
	align-items: center;
}

.mdl-box .control-area.control-area-address div {
	display: flex;
	justify-content: center;
	position: relative;
	border-radius: 4px;
	overflow: hidden;
  box-sizing: border-box;
}

.mdl-box .control-area.control-area-address .fix {
	border: 1px solid #2651ca;
	width: 180px;
	margin-left: 15px;
}

.mdl-box .control-area.control-area-address .close {
	border: 1px solid #707070;
	width: 80px;
}
.mdl-box .control-area.control-area-address div a,
.mdl-box .control-area.control-area-address div span {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	border-radius: 0;
	text-decoration: none;
	width: 100%;
  line-height: 1;
  cursor: pointer;
	box-sizing: border-box;
}
.mdl-box .control-area.control-area-address .fix a {
	color: #ffffff;
	background-color: #0033f0;
	background-image: -moz-linear-gradient(center top , #558bf8, #0033f0);
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0033f0),color-stop(1, #558bf8));
	background: -ms-linear-gradient(top, #558bf8 0%, #0033f0 100%);
	background: linear-gradient(top, #558bf8 0%, #0033f0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#558bf8', endColorstr='#0033f0');
	font-size: 15px;
  padding: 8px 20px;
}
.mdl-box .control-area.control-area-address .fix a:hover {
	background-color: #1849f0;
	background-image: -moz-linear-gradient(center top , #1849f0, #1849f0);
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #1849f0),color-stop(1, #1849f0));
	background: -ms-linear-gradient(top, #1849f0 0%, #1849f0 100%);
	background: linear-gradient(top, #1849f0 0%, #1849f0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#1849f0', endColorstr='#1849f0');
}
.mdl-box .control-area.control-area-address .close span {
	border: none;
	color: #222222;
	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%);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#e9e9f2');
	font-size: 12px;
  padding: 5px 7px;
}
.mdl-box .control-area.control-area-address .close 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');
}