@charset "UTF-8";
/* CSS Document */
/*---------------------------------

  共通
  
---------------------------------*/
body {
	padding-top: 50px;
}
.wrapper{
	position: relative;
	min-height: 94vh;
    padding-bottom: 240px;
	box-sizing: border-box;
}
.tooltip-inner {
	max-width: 400px !important;
	text-align: left !important;
	padding: 1rem !important;
}
.btn-circle {
	border-radius: 100%;
	height: 2.5rem;
	width: 2.5rem;
	font-size: 1rem;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}
.btn-circle.btn-sm, .btn-group-sm>.btn-circle.btn {
	height: 1.8rem;
	width: 1.8rem;
font-size:.75rem
}
.btn-circle.btn-lg, .btn-group-lg>.btn-circle.btn {
	height: 3.5rem;
	width: 3.5rem;
	font-size: 1.35rem
}
.h-auto {
	height: auto;	
}
.ps-relative {
	position:relative;
}
.ps-absolute {
	position:absolute;
}
.opacity-50 {
  opacity: 0.5;
}
.c-pointer {
	cursor: pointer;
}
/*
  ヘッダー
---------------------------------*/
@media(max-width:767px) {
.user_count {
	font-size: 10px;
	line-height: 1.1rem;
	width: 3rem;
}
.user_number {
	font-size: 18px;
}
}
.user_count {
	font-size: 14px;
}
.user_number {
	font-size: 28px;
}
/*---------------------------------

  フッター

---------------------------------*/
footer.section-footer {
	position: absolute;
	width: 100%;
	bottom: 0;
}
.totop {
	display: block;
	position: fixed;
	right: 1rem;
	bottom: 1rem;
	zoom: 2;
}
/*---------------------------------

  トップページ
  
---------------------------------*/
.section-sell {
	background-image: url("/assets/ec/images/zaiko_bg_sell.gif");
}
.section-buy {
	background-image: url("/assets/ec/images/zaiko_bg_buy.gif");
}
.zaiko_bg-light {
	background-image: url("/assets/ec/images/zaiko_bg_light.gif");
}
.maincopy {
	font-size: 36px;
}
@media(max-width:767px) {
.maincopy {
	font-size: 24px;
	padding-top: 3rem;
}
}
.trend-date {
	cursor: pointer;
	transition: all 0.3s ease-in-out;
}
.trend-keyword {
	height: 14rem;
	overflow-x: hidden;
	overflow-y: scroll;
	-webkit-user-select: none; /* Safari 3.1+ */
	-moz-user-select: none; /* Firefox 2+ */
	-ms-user-select: none; /* IE 10+ */
	user-select: none; /* Standard syntax */
	transition: all 0.3s ease-in-out;
}
.keyword {
}
.active-date {
	color: #ffffff !important;
	background-color: #28A745 !important;
}
/*---------------------------------

  フォーム

---------------------------------*/
.form-ttl {
	width: 50%;
	font-size: 1rem;
	font-weight: bold;
	color: #aaa;
}
.form-qs {
	width: 50%;
}
.labelname {
	padding-right: 1rem;
	font-size: 1rem;
	font-weight: bold;
}
@media(max-width:767px) {
.form-ttl {
	width: 100%;
}
}
.image-upload .preview {
	display: block;
	width: 100%;
	max-width: 100px;
	height: auto;
}
.price_field:after {
	content: "円";
	display: block;
}
.balloon1-top {
	position: relative;
	display: inline-block;
 margin-top: .5rem;
	padding: 7px 10px;
	min-width: 120px;
	max-width: 100%;
	color: #555;
	font-size: 16px;
	background: #e0edff;
	border-radius: 5px;
}
.balloon1-top:before {
	content: "";
	position: absolute;
	top: -30px;
	left: 50%;
	margin-left: -15px;
	border: 15px solid transparent;
	border-bottom: 15px solid #e0edff;
}
.balloon1-top p {
	margin: 0;
	padding: 0;
}
/*  
  出品/編集
---------------------------------*/
.item-img-area {
	height: 240px;
}
.image-edit {
	width: 170px;
	height: 170px;
	margin-right: 2rem;
	font-size: 0.8rem;
}
.hiddenbtn {
	display: none;
}
.editingimg {
	width: 100%;
	height: 100%;
}
.editing-btn {
	margin-right: 0.4rem;
	padding-top: 0.4rem;
	padding-bottom: 0.4rem;
}
.editing-btns {
	padding-top: 0.4rem;
	text-align: center;
}
@media(max-width:767px) {
.item-img-area {
	height: auto;
	margin-bottom: 3rem;
}
.image-edit {
	width: 40%;
	height: 170px;
	margin-right: 1rem;
	padding-bottom: 3rem;
	font-size: 0.8rem;
}
}
/*---------------------------------

  よくある質問

---------------------------------*/
.faq_question:first-letter {
	color: maroon;
	font-weight: bold;
}
.faq_answer {
	display: none;
}
/*---------------------------------

  商品共通

---------------------------------*/
.sold {
	width: 3rem;
	height: 8rem;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	z-index:2;
	font-size:2rem;
	-ms-transform: rotate(20deg); /* IE 9 */
	-webkit-transform: rotate(20deg); /* Safari 3-8 */
	transform: rotate(20deg);
}
/*---------------------------------

  商品一覧

---------------------------------*/
.item_like {
	cursor: pointer;
}
/*---------------------------------

  商品ページ

---------------------------------*/
.breadcrumb-item+.breadcrumb-item::before { /*　bootstrap.css 上書き */
	content: ">"
}
/*---------------------------------

  問い合わせ

---------------------------------*/
.section-contact {
	min-height: 94vh;
}

/*---------------------------------

  Bootstarap 3 レスポンシブ用 visible, hidden クラス

---------------------------------*/
.visible-xs, .visible-sm, .visible-md, .visible-lg {
	display: none !important;
}
.visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block {
	display: none !important;
}
@media (max-width: 767px) {
.visible-xs {
	display: block !important;
}
table.visible-xs {
	display: table !important;
}
tr.visible-xs {
	display: table-row !important;
}
th.visible-xs,  td.visible-xs {
	display: table-cell !important;
}
}
@media (max-width: 767px) {
.visible-xs-block {
	display: block !important;
}
}
@media (max-width: 767px) {
.visible-xs-inline {
	display: inline !important;
}
}
@media (max-width: 767px) {
.visible-xs-inline-block {
	display: inline-block !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm {
	display: block !important;
}
table.visible-sm {
	display: table !important;
}
tr.visible-sm {
	display: table-row !important;
}
th.visible-sm,  td.visible-sm {
	display: table-cell !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-block {
	display: block !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline {
	display: inline !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline-block {
	display: inline-block !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md {
	display: block !important;
}
table.visible-md {
	display: table !important;
}
tr.visible-md {
	display: table-row !important;
}
th.visible-md,  td.visible-md {
	display: table-cell !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-block {
	display: block !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline {
	display: inline !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline-block {
	display: inline-block !important;
}
}
@media (min-width: 1200px) {
.visible-lg {
	display: block !important;
}
table.visible-lg {
	display: table !important;
}
tr.visible-lg {
	display: table-row !important;
}
th.visible-lg,  td.visible-lg {
	display: table-cell !important;
}
}
@media (min-width: 1200px) {
.visible-lg-block {
	display: block !important;
}
}
@media (min-width: 1200px) {
.visible-lg-inline {
	display: inline !important;
}
}
@media (min-width: 1200px) {
.visible-lg-inline-block {
	display: inline-block !important;
}
}
@media (max-width: 767px) {
.hidden-xs {
	display: none !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.hidden-sm {
	display: none !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.hidden-md {
	display: none !important;
}
}
@media (min-width: 1200px) {
.hidden-lg {
	display: none !important;
}
}