@charset "utf-8";
/*------------------------------------------------------------
	item css
------------------------------------------------------------*/

#search-result{
	width:100%;
	color:#333;
	padding:10px 0 0;
	overflow:hidden;
	border-bottom:1px solid #ccc;
}

#search-result dt{
	width:85px;
	float:left;
	line-height:30px;
	padding-left:10px;
	border-right:1px solid #ccc;
}

#search-result dd{
	width:calc(100% - 96px);
	padding-left:10px;
	box-sizing:border-box;
	overflow:hidden;
}

#search-result ul{
	width:100%;
	overflow-x: scroll;
	white-space: nowrap;
	padding-bottom:10px;
	-webkit-overflow-scrolling: touch;
	letter-spacing:-0.4em;
}

#search-result li{
	display:inline-block;
	vertical-align:top;
	margin-right:10px;
	font-size:109%;
	overflow:hidden;
}

#search-result li p{
	display:inline-block;
	vertical-align:middle;
	letter-spacing:normal;
	line-height:30px;
	padding:0 10px;
	color:#333;
	border-radius:5px 0 0 5px;
	background:#F2F2F2;
}

#search-result li a{
	display:inline-block;
	vertical-align:middle;
	width:30px;
	height:30px;
	text-align:center;
	line-height:30px;
	background:#ccc;
	border-radius:0 5px 5px 0;
}

.bdr{ border-bottom:1px solid #ccc;}

#item-num{
	float:left;
	color:#333;
	line-height:30px;
	font-size:109%;
	padding:10px 0 0 10px;
}

#item-num span{
	padding:0 5px;
	color:#FF9EBA;
	font-size:150%;
	line-height:30px;
	font-family:Arial, Helvetica, sans-serif;
}

#search-btn{
	float:right;
	width:84px;
	padding:10px 10px 0;
}

#search-btn a{
	display:block;
	width:auto;
	height:30px;
	text-align:right;
	line-height:30px;
	padding:0 8px;
	color:#fff;
	font-size:109%;
	background:#FF9EBA;
	border-radius:5px;
	position:relative;
}

#search-btn a:before{
	display:block;
	content:"";
	width:12px;
	height:12px;
	background:url(../../common/img/icon.png) no-repeat;
	background-size:100px 100px;
	background-position:-32px 0;
	position:absolute;
	left:8px;
	top:9px;
}

.select{
	width:100%;
	height:30px;
	padding:0 10px;
	border:1px solid #ccc;
	border-radius:5px;
	color:#333;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

.sort{
	width:100%;
	overflow:hidden;
	padding-bottom:10px;
}

.sort dl{ float:left;}
.sort dl:last-child{ float:right;}

.sort .select{ width:98px;}


/*------------------------------------------------------------
	detail
------------------------------------------------------------*/

#headline{
	color:#333;
	font-size:150%;
	font-weight:bold;
	padding:10px 0 15px;
}

#slider-thumbnail{
	width:100%;
	padding:10px 0;
}

#slider-thumbnail li div{
	margin:5px;
	opacity: .5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
	-moz-opacity: .5;
	-khtml-opacity: .5;
}

#slider-thumbnail li.slick-current div{
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
	-moz-opacity: 1;
	-khtml-opacity: 1;
}

.detail-cate{
	width:100%;
	letter-spacing:-0.5em;
}

.detail-cate li{
	display:inline-block;
	min-width:50px;
	letter-spacing:normal;
	padding:0 5px;
	margin:0 5px 5px 0;
	color:#fff;
	text-align:center;
	line-height:20px;
}

.detail-cate .cate1{ background:#BDD7EE;}
.detail-cate .cate2{ background:#C5E0B4;}
.detail-cate .cate3{ background:#F09898;}
.detail-cate .cate4{
	min-width:48px;
	color:#CC9933;
	text-align:center;
	line-height:18px;
	border:1px solid #CC9933;
}

.detail-txt{
	color:#333;
	font-size:117%;
	padding:5px 0;
	line-height:1.4;
}

.detail-txt span{
	font-family:Arial, Helvetica, sans-serif;
	font-size:226%;
	font-weight:bold;
	padding:0 5px 0 10px;
}

.detail-table{
	width:100%;
	margin:5px 0 10px;
}

.detail-table th{
	width:65px;
	vertical-align:middle;
	text-align:left;
	padding:5px 0;
	color:#333;
	font-size:117%;
}

.detail-table td{
	vertical-align:middle;
	padding:5px 0;
}

.cart-btn{
	width:90%;
	height:50px;
	margin:10px auto 0;
}

.cart-btn a{
	display:block;
	width:100%;
	height:100%;
	text-align:center;
	line-height:50px;
	color:#fff;
	font-size:150%;
	font-weight:bold;
	background:#FF9EBA;
	border-radius:25px;
}

.cart-btn a:before,
.soldout-btn:before{
	display:inline-block;
	vertical-align:middle;
	content:"";
	width:25px;
	height:24px;
	margin-right:7px;
	background:url(../img/icon-cart.png) no-repeat;
	background-size:25px 24px;
	position:relative;
	top:-1px;
}

.soldout-btn{
	width:90%;
	height:50px;
	margin:10px auto 0;
	text-align:center;
	line-height:50px;
	color:#fff;
	font-size:150%;
	font-weight:bold;
	background:#ccc;
	border-radius:25px;
}

.keep-btn{
	width:90%;
	height:40px;
	text-align:right;
	margin:15px auto 0;
}

.keep-btn a{
	display:inline-block;
	width:60%;
	line-height:38px;
	text-align:center;
	color:#666;
	font-size:125%;
	font-weight:bold;
	border:1px solid #ccc;
	border-radius:20px;
	position:relative;
}

.keep-btn a:before{
	display:inline-block;
	content:"";
	width:17px;
	height:15px;
	margin-right:5px;
	vertical-align:middle;
	background:url(../img/icon-recommend.png) no-repeat;
	background-size:34px 15px;
	background-position:-17px 0;
}

.keep-btn .selected{
	color:#FF9EBA;
	border-color:#FF9EBA;
}

.keep-btn .selected:before{ background-position:0 0;}

.social-button{
	width:100%;
	padding:15px 0;
	overflow:hidden;
}

.social-button li{
	width:33.3333%;
	height:40px;
	float:left;
}

.social-button a{
	display:block;
	width:100%;
	height:100%;
	text-align:center;
	line-height:40px;
}

.social-button .social-facebook{ background:#284A95;}
.social-button .social-twitter{ background:#26BFEF;}
.social-button .social-line{ background:#00C300;}

.social-button span{
	display:inline-block;
	color:#fff;
	font-weight:bold;
	vertical-align:middle;
}

.social-button span:before{
	display:inline-block;
	content:"";
	width:32px;
	height:32px;
	margin-right:3px;
	vertical-align:middle;
	background:url(../img/sns.png) no-repeat;
	background-size:96px 32px;
}

.social-button .social-line span:before    { background-position:0 0;}
.social-button .social-facebook span:before{ background-position:-32px 0;}
.social-button .social-twitter span:before { background-position:-64px 0;}

#item-tab{
	width:auto;
	margin-right:-10px;
	margin-top:15px;
}

#item-tab li{
	width:33.3333%;
	float:left;
	padding-right:10px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

#item-tab a{
	display:block;
	width:auto;
	height:30px;
	text-align:center;
	line-height:30px;
	border:1px solid #ccc;
	border-bottom:none;
	color:#333;
	background:#F2F2F2;
	border-radius:5px 5px 0 0;
	position:relative;
}

#item-tab a:before{
	display:inline-block;
	vertical-align:middle;
	content:"";
	width:16px;
	height:11px;
	margin-right:5px;
	background:url(../img/icon-menu.png) no-repeat;
	background-size:48px 11px;
}

#item-tab #tab1:before{ background-position: 0 0;}
#item-tab #tab2:before{ background-position: -16px 0;}
#item-tab #tab3:before{ background-position:-32px 0;}

#item-tab .selected{ background:#fff;}
#item-tab .selected:after{
	display:block;
	content:"";
	width:100%;
	height:1px;
	background:#fff;
	position:absolute;
	bottom:-1px;
	left:0;
}

#pjaxContent{
	width:auto;
	margin-bottom:15px;
	padding:15px 10px 0;
	border:1px solid #ccc;
}

/* 基本情報 */

.item-txt{
	color:#333;
	font-size:117%;
	line-height:1.6;
	padding-bottom:20px;
}

.item-info-hd{
	width:auto;
	padding:0 10px;
	overflow:hidden;
	color:#333;
	border:1px solid #ccc;
	background:#FAFAFA;
}

.item-info-hd h3{
	float:left;
	font-size:134%;
	font-weight:bold;
	line-height:40px;
}

.item-info-hd p{
	float:right;
	font-size:117%;
	line-height:40px;
}

.item-info-tbl{
	width:100%;
	margin:10px 0 20px;
	color:#333;
	font-size:117%;
}

.item-info-tbl th{
	width:70px;
	vertical-align:top;
	padding:10px 10px 10px 0;
	border-bottom:1px solid #ccc;
}

.item-info-tbl th p{
	width:70px;
	height:30px;
	text-align:center;
	line-height:30px;
	background:#F2F2F2;
	border-radius:15px;
}

.item-info-tbl td{
	vertical-align:top;
	padding:15px 10px 10px 0;
	line-height:20px;
	border-bottom:1px solid #ccc;
}

.sub-hd{
	width:auto;
	margin-bottom:15px;
	line-height:20px;
	color:#333;
	font-size:125%;
	font-weight:bold;
	background-repeat:no-repeat;
	background-position:left 50%;
}

.sub-hd#iteminfo{
	background-image:url(../img/icon-info.png);
	background-size:29px 32px;
	background-position:5px 50%;
	padding:6px 0 6px 45px;
	margin-bottom:0;
}

.sub-hd#payment{
	background-image:url(../img/icon-payment.png);
	background-size:34px 30px;
	padding:5px 0 5px 45px;
}

.sub-hd#delivery{
	background-image:url(../img/icon-delivery.png);
	background-size:36px 26px;
	padding:3px 0 3px 45px;
}

.sub-hd.caution{
	background-image:url(../img/icon-caution.png);
	background-size:33px 32px;
	padding:6px 0 6px 45px;
}

.sub-hd#shop{
	background-image:url(../img/icon-shop.png);
	background-size:26px 30px;
	padding:5px 0 5px 45px;
	background-position:8px 50%;
	margin:15px 0;
}

.sub-tbl{
	width:100%;
	color:#333;
	margin-bottom:25px;
}

.sub-tbl th{
	width:130px;
	text-align:center;
	padding:10px 0;
	border:1px solid #ccc;
	font-size:117%;
	background:#F2F2F2;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

.sub-tbl td{
	padding:10px;
	font-size:109%;
	border:1px solid #ccc;
}

.sub-tbl.tbl-vertical,
.sub-tbl.tbl-vertical tr,
.sub-tbl.tbl-vertical tbody,
.sub-tbl.tbl-vertical th,
.sub-tbl.tbl-vertical td{
	display:block;
	width:auto;
}

.sub-tbl.tbl-vertical td{ border-top:none;}

.payment-list li{
	display:inline-block;
	vertical-align:middle;
	margin-right:10px;
	padding:3px 0;
}

.postage-ttl{
	width:auto;
	text-align:center;
	padding:10px;
	margin-bottom:30px;
	color:#F9C0D4;
	font-size:134%;
	line-height:1.4;
	font-weight:bold;
	border:2px solid #F9C0D4;
}

.postage-ttl br{ display:none;}


/* レビュー */

.detail-hd{
	color:#333;
	font-size:142%;
	font-weight:bold;
	line-height:22px;
	padding-left:37px;
	position:relative;
}

.detail-hd:before{
	display:block;
	content:"";
	width:32px;
	height:22px;
	background:url(../img/icon-menu.png) no-repeat;
	background-size:96px 22px;
	position:absolute;
	left:0;
	top:0;
}

.detail-hd#review:before{
	background-position:-32px 0;
	left:3px;
}

.detail-hd#contact:before{ background-position:-64px 0;}

.detail-column{
	width:auto;
	margin:15px 0;
	text-align:center;
	border:1px solid #ccc;
	background:#FAFAFA;
}

.detail-inner{
	width:auto;
	padding:15px 10px;
}

.detail-inner:nth-child(2){
	display:none;
	border-top:1px solid #ccc;
}

.review-num{
	display:inline-block;
	vertical-align:middle;
	width:30px;
	height:30px;
	text-align:center;
	line-height:30px;
	color:#666;
	font-size:109%;
	font-family:Arial, Helvetica, sans-serif;
	margin-left:13px;
	border:1px solid #ccc;
	border-radius:5px;
	position:relative;
	background:#fff;
}

.review-num:before{
	display:block;
	content:"";
	width:8px;
	height:8px;
	background:url(../../common/img/bg-arrow.png) no-repeat;
	background-size:8px 8px;
	position:absolute;
	top:11px;
	left:-8px;
}

.detail-btn{
	width:auto;
	height:40px;
	padding:5px 10px;
}

.detail-btn a{
	display:block;
	width:100%;
	height:100%;
	text-align:center;
	line-height:40px;
	color:#fff;
	font-size:125%;
	font-weight:bold;
	background:#FF9EBA;
	border-radius:20px;
}

#evaluation{
	float:left;
	vertical-align:middle;
	letter-spacing:-0.4em;
	text-align:left;
}

#evaluation li{
	display:inline-block;
	vertical-align:middle;
	letter-spacing:normal;
	margin-right:2px;
}

.star-txt{
	width:110px;
	float:left;
	color:#333;
	text-align:left;
	line-height:23px;
	font-size:117%;
	padding-left:10px;
}

.review-btn-wrap{
	width:auto;
	margin:10px -5px 0;
	overflow:hidden;
}

.review-btn-wrap p{
	display:block;
	float:left;
	width:50%;
	height:36px;
	box-sizing:border-box;
	padding:0 5px;
}

.review-btn-wrap a{
	display:block;
	width:100%;
	height:100%;
	text-align:center;
	line-height:36px;
	font-size:125%;
	border-radius:18px;
}

.review-btn-wrap .style1{
	color:#333;
	background:#F2F2F2;
}

.review-btn-wrap .style2{
	color:#fff;
	background:#FF9EBA;
}

.detail-sub-hd{
	color:#666;
	font-size:125%;
	font-weight:bold;
	padding:10px 0 5px;
}

.detail-sub-hd span{
	display:inline-block;
	vertical-align:middle;
	width:28px;
	height:28px;
	margin-left:13px;
	text-align:center;
	line-height:28px;
	background:#fff;
	border:1px solid #ccc;
	color:#666;
	font-size:84%;
	border-radius:5px;
	position:relative;
}

.detail-sub-hd span:before{
	display:block;
	content:"";
	width:8px;
	height:8px;
	background:url(../../common/img/bg-arrow.png) no-repeat;
	background-size:8px 8px;
	position:absolute;
	top:10px;
	left:-8px;
}

#review-list{
	width:auto;
	margin:0 -10px;
}


/* お問合せ */

.contact-hd{
	color:#333;
	text-align:left;
	font-size:134%;
	font-weight:bold;
}

#contact-list{
	width:auto;
	margin:0 -10px;
}

#contact-list > li{
	display:table;
	width:100%;
	padding:5px 10px 0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

#contact-list > li:not(:last-child){
	border-bottom:1px solid #ccc;
	padding-bottom:5px;
}

.contact-icon{
	display:table-cell;
	vertical-align:top;
	width:30px;
	padding-right:15px;
	position:relative;
}

.contact-icon img{
	width:30px;
	height:30px;
	border-radius:50%;
}

.contact-icon span{
	display:block;
	width:30px;
	height:30px;
	text-align:center;
	line-height:30px;
	color:#fff;
	font-size:134%;
	font-family:Arial, Helvetica, sans-serif;
	border-radius:50%;
}

.contact-icon .icon-q{ background:#FF9966;}
.contact-icon .icon-a{ background:#FF9EBA;}

.contact-detail{
	display:table-cell;
	vertical-align:top;
}

.contact-detail .detail-txt{
	display:table-cell;
	vertical-align:middle;
	padding:5px 0 20px;
}

.postingBox-l{ width:calc(100% - 100px);}
.posting-reply a{
	display:block;
	width:34px;
	text-align:center;
	padding-top:17px;
	line-height:17px;
	position:relative;
}

.posting-reply a::before{
	display:block;
	width:44px;
	text-align:center;
	content:"返信する";
	color:#666;
	position:absolute;
	top:0;
	left:50%;
	font-size:92%;
	margin-left:-22px;
}

.posting-delete a{
	display:block;
	padding-left:25px;
	line-height:17px;
	color:#666;
	background:url(../../common/img/icon-garbage.png) no-repeat left 50%;
	background-size:15px 17px;
}

.posting-date{
	color:#999;
	line-height:17px;
}

.posting-user,
.posting-user a{
	color:#666;
	line-height:17px;
	font-weight:bold;
}

#contact-list li li{
	display:table;
	width:100%;
	padding:0 10px;
	margin:5px 0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	border-radius:10px;
}

#contact-list li .contact-user{
	background:#F2F2F2;
	padding:10px;
	margin:10px 0 0;
}

#contact-list li .contact-user:last-child{ margin-bottom:5px;}

#contact-list li li:nth-child(n+3){ display:none;}


.more{
	width:100%;
	margin:10px 0 5px;
}

.more a{
	display:block;
	width:100%;
	height:40px;
	text-align:center;
	line-height:40px;
	margin:0 auto;
	color:#fff;
	font-size:117%;
	font-weight:bold;
	background:#ccc;
	border-radius:20px;
}


.reply{
	display:none;
	padding-top:5px;
}

.alert-contents{
	display:none;
	margin-bottom:20px;
}

.error{
	margin-top:8px;
	text-align:left;
}

.error span{
	display:inline-block;
	padding:5px;
	font-weight:bold;
	font-size:12px;
	color:#fff;
	background:#FF9EBA;
	border-radius:4px;
}

#shop-link{
	width:auto;
	margin:0 -3px;
	letter-spacing:-0.5em;
}

#shop-link li{
	display:inline-block;
	vertical-align:top;
	width:33.3333%;
	letter-spacing:normal;
	padding:0 3px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

#shop-link a{
	display:block;
	padding:3px;
	color:#fff;
	text-align:center;
	color:#CC9933;
	font-size:92%;
	text-align:center;
	line-height:14px;
	border:1px solid #CC9933;
}

#shop-link a br{ display:none;}

#seller-hd-inner{
	display:table;
	width:100%;
}

#seller-hd-logo{
	width:68px;
	height:68px;
	padding:10px 10px 10px 0;
	display:table-cell;
	vertical-align:middle;
}

#seller-hd-logo img{ border-radius:50%;}

#seller-hd-info{
	display:table-cell;
	vertical-align:middle;
	color:#333;
}

#seller-hd-info h4{
	font-size:150%;
	font-weight:bold;
	margin:5px 0;
}

.shop-txt{
    color: #333;
    font-size: 117%;
    line-height: 1.5;
	margin-bottom:10px;
}

#shop-item-wrap{
	width:auto;
	padding:0 5px;
	margin:0 -10px;
}

#more{
	width:90%;
	height:40px;
	margin:10px auto 0;
}

#more a{
	display:block;
	text-align:center;
	line-height:38px;
	color:#FF9EBA;
	font-size:125%;
	font-weight:bold;
	background:#fff;
	border-radius:20px;
	border:1px solid #FF9EBA;
}

#shop-area{
	margin-top:15px;
	padding:0 10px 15px;
	border:1px solid #ccc;
}

@media screen and (max-width: 440px){

#shop-link a br{ display:block;}

}

@media screen and (max-width: 350px){

.postage-ttl br{ display:block;}

}

#stock{
	width:260px;
	padding:15px;
	background:#fff;	
	position:absolute;
	top:50%;
	left:50%;
	margin:-32px 0 0 -145px;
	z-index:10;
	box-shadow:rgba(102, 102, 102, 0.6) 0px 0px 6px 0px;
	-webkit-box-shadow:rgba(102, 102, 102, 0.6) 0px 0px 6px 0px;
	-moz-box-shadow:rgba(102, 102, 102, 0.6) 0px 0px 6px 0px;
}

#stock p{
	color:#333;
	font-size:109%;
	line-height:1.4;
}

#stock-close{
	display:block;
	width:20px;
	height:20px;
	text-align:center;
	line-height:20px;
	color:#fff;
	border-radius:50%;
	background:#FF9EBA;
	position:absolute;
	top:5px;
	right:5px;
	cursor:pointer;
}

.op-menu dt{
	color:#333;
	font-size:117%;
	padding-top:8px;
}

.op-menu dd{ padding:6px 0 5px;}


/* 不適切報告 */

.warning-button{
	width:auto;
	text-align:right;
}

.warning-button a{
	display:inline-block;
	color:#666;
	line-height:22px;
	padding-left:25px;
	background:url(../../common/img/icon-warning.png) no-repeat 0 50%;
	background-size:17px 17px;
}

#warning-hd{
	width:auto;
	padding:0 30px 10px 0;
	margin-bottom:15px;
	border-bottom:1px solid #ccc;
	position:relative;
}

#warning-hd h1{
	font-size:134%;
	color:#333;
	padding:2px 0;
	line-height:16px;
	font-weight:bold;
}

#warning-hd p{
	width:30px;
	height:20px;
	position:absolute;
	right:0;
	top:0;
	text-align:center;
}

#warning-hd a{
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	font-size:150%;
	line-height:20px;
}

.warning-ttl{
	font-size:134%;
	color:#333;
	font-weight:bold;
	padding:0 5px 15px 0;
	margin-bottom:15px;
	border-bottom:1px solid #ccc;
}

#warning-form dt{
    border-left: 5px solid #FF9EBA;
    padding-left: 15px;
    line-height: 23px;
    color: #333;
    font-size: 117%;
    font-weight: bold;
    margin: 30px 0px 15px;
	position: relative;
}

#warning-form dt:not(.no-required):before {
    display: block;
    content: "必須";
    position: absolute;
    left: 160px;
    color: #FF9EBA;
    font-size: 84%;
    font-weight: normal;
}

#warning-form dd {
    padding-left: 20px;
    color: #333;
}

.warning-btn{
	width:220px;
	height:40px;
	margin:20px auto 0;
	text-align: center;
}

.warning-btn a{
	display:block;
	width:100%;
	height:100%;
	text-align:center;
	line-height:40px;
	color:#fff;
	font-size:134%;
	background:#FF9EBA;
	border-radius:20px;
}

#warning-close{
	position:absolute;
	bottom:15px;
	right:15px;
}

#warning-close a{
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:150%;
}

#warning {
    width: auto;
    padding: 15px 10px;
    background: #fff;
    position: relative;
    border-bottom: 1px solid #ddd;
}

.warning-link + .warning-link{ margin-left:12px;}

/*
.warning-link a{
	display:block;
	line-height:17px;
	color:#666;
	padding-left:25px;
	background:url(../../common/img/icon-warning.png) no-repeat 0 50%;
	background-size:17px 17px;
}
*/

.review-date{
	float:left;
	line-height:17px;
}

#review-list .warning-link{ margin-top:4px;}

.contact-flag{
	text-align:left;
}

.contact-flag label{
	display:block;
	color:#333;
	font-size: 109%;
	padding:15px 0 5px;
}

.notfound{
	padding:10px;
	margin-bottom:20px;
	font-size:109%;
	border-bottom:1px solid #ccc;
}

.notfound hr{ display:none;}


/* fileup */

.fileUploader{
	width:100%;
	height:30px;
	margin:12px 0 5px;
	position:relative;
	padding-left:40px;
	text-align:left;
	background:url(../img/icon-file.png) no-repeat 0 50%;
	background-size:30px 30px;
	box-sizing:border-box;
	cursor:pointer;
	overflow:hidden;
}

.filetxt{
	font-size:109%;
	color:#333;
	line-height:30px;
	width:100%;
/*	white-space:nowrap;*/
	overflow:hidden;
	-webkit-text-overflow:ellipsis;
	text-overflow:ellipsis;
}

.uploader{
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:10;
	font-size:315px;
	opacity:0;
	cursor:pointer;
}



/* flex */

.flex{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	   -ms-flex-pack:justify;
	justify-content:space-between;
	-webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flex-end{
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.flex-center{
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.flex-left{
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.flex-align{
  -webkit-box-align: center;
     -ms-flex-align: center;
        align-items: center;
}

.flex-align-end{
  -webkit-box-align: end;
     -ms-flex-align: end;
        align-items: flex-end;
}




.replyInner{
	width:auto;
	padding:10px;
	border:1px solid #ccc;
	border-radius:10px;
}

.replyInner .form-txtarea{ border:none;}

.replayUser{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	   -ms-flex-pack:justify;
	justify-content:space-between;
	-webkit-flex-wrap: wrap;
    flex-wrap: wrap;
	width:100%;
	padding-bottom:10px;
	border-bottom:1px solid #ccc;
	box-sizing:border-box;
}

.replayUser dt{
	width:75px;
	text-indent:5px;
	color:#ccc;
	line-height:26px;
	font-size:134%;
	font-weight:bold;
}

.replayUser dd{
	width:calc(100% - 75px);
	height:26px;
	color:#878781;
	line-height:30px;
	box-sizing:border-box;
}

.replayUser dd p{
	display:inline-block;
	vertical-align:top;
	padding:0 10px 0 20px;
	height:26px;
	box-sizing:border-box;
	line-height:24px;
	color:#999;
	font-weight:bold;
	font-size:92%;
	background:#F2F2F2;
	border:1px solid #DDDDDD;
	border-radius:14px;
}

.replayUser dd a{
	display:inline-block;
	margin-left:10px;
	color:#999;
	font-size:159%;
/*	line-height:24px;*/
	position:relative;
	top:2px;
	transition:all 0.2s ease-out;
}

.replayUser dd a:hover{ color:#333;}


.contact-detail .detail-txt a{ color:#FF9EBA;}


.addUser{
	display:block;
	visibility:hidden;
	width:18px;
	height:18px;
	text-align:center;
	line-height:16px;
	color:#fff;
	font-size:11px;
	border:1px solid #FF9966;
	border-radius:50%;
	position:absolute;
	top:-7px;
	right:9px;
	z-index:10;
	background:#fff;
}

.addUser::before,
.addUser::after	{
	display:block;
	content:"";
	position:absolute;
}

.addUser::before{
	width:10px;
	height:2px;
	background:#FF9966;
	left:4px;
	top:8px;
}

.addUser::after{
	width:2px;
	height:10px;
	background:#FF9966;
	left:8px;
	top:4px;
}

.addUser.selected{ border-color:#ccc;}

.addUser.selected::before{ background:#ccc;}
.addUser.selected::after{ opacity:0;}

.active .addUser{ visibility:visible;}

.posting-user span{
	font-style:italic;
	padding-right:6px;
}