@charset "UTF-8";
/*----------------------------------------------------
	レスポンシブ
----------------------------------------------------*/
.hide {
	display: none;
}

.pc {
	display: inline;
}
.pc.block {
	display: block;
}
.pc.inline-block {
	display: inline-block;
}
.pc_hide {
	display: none;
}
.pc_hide.block {
	display: none;
}
.pc_hide.inline-block {
	display: none;
}

.sp {
	display: none;
}
.sp.block {
	display: none;
}
.sp.inline-block {
	display: none;
}

@media (max-width: 767px) {
	.sp {
		display: inline;
	}
	.sp.block {
		display: block;
	}
	.sp.inline-block {
		display: inline-block;
	}
	.sp_hide {
		display: none;
	}
	.sp_hide.block {
		display: none;
	}
	.sp_hide.inline-block {
		display: none;
	}
	.pc {
		display: none;
	}
	.pc.block {
		display: none;
	}
	.pc.inline-block {
		display: none;
	}
	.pc_hide {
		display: inline;
	}
	.pc_hide.block {
		display: block;
	}
	.pc_hide.inline-block {
		display: inline-block;
	}
}

.container {
	position: relative;
	padding-right: 10px; 
	padding-left: 10px;
	margin: 0 auto;
}
@media (min-width: 768px) {
	.container {
		max-width: 1080px;
	}
}

.container--l {
	max-width: 1080px;
}

.container--s {
	max-width: 960px;
}

.container--xs {
	max-width: 720px;
}

@media (max-width: 767px) {
	table.sp-col1 {
		display: block;
	}
	table.sp-col1 tbody {
		display: block;
	}
	table.sp-col1 tr {
		display: block;
	}
	table.sp-col1 th {
		display: block;
	}
	table.sp-col1 td {
		display: block;
	}
}

/*----------------------------------------------------
	フォント等
----------------------------------------------------*/
.serif {
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ 明朝", serif;
}

.hind {
	font-family: "Hind", sans-serif;
}

@media screen and (max-width: 767px), only screen and (max-device-width: 1024px) and (min-device-width: 768px) {
	a,
	button {
		-webkit-tap-highlight-color: rgba(255, 255, 255, 0); 
		-webkit-touch-callout: none;
	}
}

/*----------------------------------------------------
	アニメーション
----------------------------------------------------*/
.anime {
	visibility: hidden;
}

.fadeIn.animated {
	-webkit-animation: fadeIn .5s;
	        animation: fadeIn .5s;
}

.fadeInUp.animated {
	-webkit-animation: fadeInUp .5s;
	        animation: fadeInUp .5s;
}

.fadeInLeft.animated {
	-webkit-animation: fadeInLeft .5s;
	        animation: fadeInLeft .5s;
}

.fadeInRight.animated {
	-webkit-animation: fadeInRight .5s;
	        animation: fadeInRight .5s;
}

.slideRight.animated {
	-webkit-animation: slideRight .3s;
	        animation: slideRight .3s;
}

@-webkit-keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@-webkit-keyframes fadeOut {
	from {
		opacity: 1;
	}
	to {
		display: none; 
		opacity: 0;
	}
}

@keyframes fadeOut {
	from {
		opacity: 1;
	}
	to {
		display: none; 
		opacity: 0;
	}
}

@-webkit-keyframes fadeInUp {
	from {
		-webkit-transform: translate(0px, 20px);
		        transform: translate(0px, 20px); 
		opacity: 0;
	}
	to {
		-webkit-transform: translate(0px, 0px);
		        transform: translate(0px, 0px); 
		opacity: 1;
	}
}

@keyframes fadeInUp {
	from {
		-webkit-transform: translate(0px, 20px);
		        transform: translate(0px, 20px); 
		opacity: 0;
	}
	to {
		-webkit-transform: translate(0px, 0px);
		        transform: translate(0px, 0px); 
		opacity: 1;
	}
}

@-webkit-keyframes fadeInLeft {
	from {
		-webkit-transform: translate(-20px, 0px);
		        transform: translate(-20px, 0px); 
		opacity: 0;
	}
	to {
		-webkit-transform: translate(0px, 0px);
		        transform: translate(0px, 0px); 
		opacity: 1;
	}
}

@keyframes fadeInLeft {
	from {
		-webkit-transform: translate(-20px, 0px);
		        transform: translate(-20px, 0px); 
		opacity: 0;
	}
	to {
		-webkit-transform: translate(0px, 0px);
		        transform: translate(0px, 0px); 
		opacity: 1;
	}
}

@-webkit-keyframes fadeInRight {
	from {
		-webkit-transform: translate(20px, 0px);
		        transform: translate(20px, 0px); 
		opacity: 0;
	}
	to {
		-webkit-transform: translate(0px, 0px);
		        transform: translate(0px, 0px); 
		opacity: 1;
	}
}

@keyframes fadeInRight {
	from {
		-webkit-transform: translate(20px, 0px);
		        transform: translate(20px, 0px); 
		opacity: 0;
	}
	to {
		-webkit-transform: translate(0px, 0px);
		        transform: translate(0px, 0px); 
		opacity: 1;
	}
}

@-webkit-keyframes slideRight {
	from {
		-webkit-transform: translate(100%, 0px);
		        transform: translate(100%, 0px);
	}
	to {
		-webkit-transform: translate(0px, 0px);
		        transform: translate(0px, 0px);
	}
}

@keyframes slideRight {
	from {
		-webkit-transform: translate(100%, 0px);
		        transform: translate(100%, 0px);
	}
	to {
		-webkit-transform: translate(0px, 0px);
		        transform: translate(0px, 0px);
	}
}

/*----------------------------------------------------
	ボタン
----------------------------------------------------*/
.btn {
	-webkit-align-items: center;
	        align-items: center;
	-ms-flex-align: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	        justify-content: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display:         flex;
	width: 160px; 
	padding: .75em 1em;
	line-height: 1;

	-webkit-box-align: center;
	-webkit-box-pack: center;
}

.btn--info {
	color: #fff;
	background: -webkit-gradient(linear, left bottom, left top, from(#00adc9), color-stop(50%, #70c7d9), to(#00adc9));
	background: -o-linear-gradient(bottom, #00adc9 0%, #70c7d9 50%, #00adc9 100%);
	background:    linear-gradient(0deg, #00adc9 0%, #70c7d9 50%, #00adc9 100%);
	background-size: 100% 200%;
}
.btn--info:hover {
	background-position: 0 100%;
}

.btn--logout {
	color: #fff;
	background: #b3b3b3;
}
.btn--logout:hover {
	background-color: #ccc;
}

.btn--red {
	color: #fff;
	background: #fa0307;
	border: 1px solid #fa0307;
}
.btn--red:hover {
	color: #fa0307;
	background-color: #fff;
}

.btn--gray {
	background: #f1f1f1;
	border: 1px solid #ccc;
}
.btn--gray:hover {
	background-color: #fff;
}

.btn--round {
	border-radius: .25rem;
}

.btn--xlarge {
	width: 100%;
	font-size: 1.625em; 
	font-weight: bold;
}

.btn--large {
	width: 300px;
	font-size: 1.1875em;
}
@media (max-width: 767px) {
	.btn--large {
		width: 100%;
	}
}

.btn--small {
	width: auto;
}

/*----------------------------------------------------
	見出し
----------------------------------------------------*/
.ttl {
	padding: 1.5em 0;
	color: #666;
	font-family: "Hind", sans-serif;
	font-size: 1.25em; 
	text-align: center;
}
@media (max-width: 767px) {
	.ttl {
		padding: 1em 0;
	}
}

.ttl02 {
	font-size: 1.5em; 
	text-align: center;
}

/*----------------------------------------------------
	テーブル
----------------------------------------------------*/
.table {
	width: 100%;
}
.table thead th {
	padding: .25em .5rem;
}
.table tbody tr:nth-child(odd) {
	background: #f0f0f0;
}
.table tbody tr:nth-child(even) {
	background: #e4e4e4;
}
.table tbody th {
	padding: .375rem .5rem;
}
.table tbody td {
	padding: .375rem .5rem;
	font-size: .875em; 
	word-break: break-all;
}
@media (max-width: 767px) {
	.table {
		font-size: 80%;
	}
}

/*----------------------------------------------------
	パンくず
----------------------------------------------------*/
.breadcrumb ul {
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display:         flex;
	margin: .75em 0;
	font-size: .75em; 

	aline-items: center;
}

.breadcrumb li:not(:first-child):before {
	display: inline-block;
	margin: 0 1em; 
	content: ">";
}

.breadcrumb a:hover {
	color: #46b9cf;
	text-decoration: underline;
}

/*----------------------------------------------------
	フォーム
----------------------------------------------------*/
.singleForm .form-items {
	margin-bottom: 4em;
}

.singleForm .form-item {
	padding: 1.25em 0;
}
.singleForm .form-item .required {
	display: inline-block;
	padding: .25em .5em;
	margin-left: 1em;
	color: #fff;
	font-size: .625em;
	background-color: #f00;
}

.singleForm .form-item-title {
	padding: .5em 0;
	color: #7f7f7f;
}

.singleForm .form-item-ex {
	padding: 1.5em 0;
	border-top: 1px solid #cecece;
}

.singleForm .form-item-ex2 {
	padding: 0 0 1.5em 0;
}

.singleForm .form-price {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display:         flex;
}

.singleForm .form-price-value {
	-webkit-flex: 1;
	    -ms-flex: 1;
	        flex: 1; 

	-webkit-box-flex: 1;
}

.singleForm .form-price-unit {
	width: 8em;
}

.singleForm .uploadarea {
	-webkit-align-items: center;
	        align-items: center;
	-ms-flex-align: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	        justify-content: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display:         flex;
	height: 170px;
	text-align: center;
	background: #f7f7f7;
	border: 1px solid #e6e6e6; 
	border-radius: .25rem;

	-webkit-box-align: center;
	-webkit-box-pack: center;
}

.singleForm .upload_ex {
	margin-bottom: .25em;
	font-size: .875em;
}

@media (max-width: 767px) {
	.singleForm .form-item {
		padding: 1em 0;
	}
	.singleForm .uploadarea {
		height: 100px;
	}
}

.singleForm .item-next {
	margin-bottom: 1.75em;
}

.singleForm .item-back a {
	margin: 0 auto;
}

.singleForm .item-nav {
	padding-bottom: 2rem;
	text-align: center;
	border-bottom: 1px solid #ccc;
}

.singleForm .item-condition-ex {
	padding: 2rem 0;
	font-size: 1.25em; 
	text-align: center;
}

.singleForm textarea {
	height: 15em;
}

@media (max-width: 767px) {
	.singleForm .item-back a {
		width: 200px;
		font-size: 1em;
	}
	.singleForm textarea {
		height: 8em;
	}
}

.singleForm .conditions {
	margin-bottom: 1.5rem;
}
.singleForm .conditions .condition_item {
	padding: 1.25em 0;
	font-size: 1.375em;
	border-bottom: 1px solid #cecece;
}

@media (max-width: 767px) {
	.singleForm .conditions .condition_item {
		padding: 1em 0;
		font-size: 1em;
	}
}

.confirm-picture {
	padding: 16% 1em 11.6%;
	margin-bottom: 2.25em;
	text-align: center;
	background: #edeff0;
	border-radius: .625em;
}

.confirm-picture2 {
	padding: 6% 1em 6%;
	margin-bottom: 2.25em;
	text-align: center;
}

.confirm-title {
	margin: 9.6% 0 .25em;
	font-size: 1.3125em;
}

.confirm-confirm {
	font-size: 1.3125em;
}

@media (max-width: 767px) {
	.confirm-picture .picture {
		padding: 0 20%;
	}
	.confirm-title {
		font-size: 1em;
	}
	.confirm-confirm {
		font-size: 1em;
	}
}

textarea {
	width: 100%;
	padding: .5em .5em;
	border: 1px solid #e6e6e6;
}

select {
	width: 100%;
	height: 3.75em;
	background: #f7f7f7;
	border: 1px solid #e6e6e6; 
	border-radius: .25rem;
}

.input {
	width: 100%;
	height: 3.75em;
	padding: 0 .5em;
	background: #fff;
	border: 1px solid #e6e6e6;
}

/*----------------------------------------------------
	カテゴリー
----------------------------------------------------*/
.categoryList .title1 {
	margin-bottom: 1.25rem;
	color: #7f7f7f; 
	font-size: 1.125em;
}

.categoryList .title2 {
	padding: .25em .75em;
	margin-bottom: 1.25rem;
	color: #fff;
	font-size: 1.125em;
	background-color: #2599da;
}

.categoryList .item:not(:last-child) {
	margin-bottom: 2.5em;
}

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

	-webkit-box-pack: justify;
}
.categoryList .tags li {
	margin-bottom: .75em;
}
.categoryList .tags:after {
	display: block;
	content: "";
}
.categoryList .tags:before {
	-ms-flex-order: 1;
	-webkit-order: 1;
	        order: 1; 
	display: block;
	content: "";

	-webkit-box-ordinal-group: 2;
}
.categoryList .tags a {
	width: 100%;
	padding: .5em .5em;
}

@media (min-width: 768px) {
	.categoryList .tags li {
		width: 23.5%;
	}
	.categoryList .tags:after {
		width: 23.5%;
	}
	.categoryList .tags:before {
		width: 23.5%;
	}
	.categoryList .categories {
		-ms-flex-pack: distribute;
		-webkit-flex-wrap: wrap;
		    -ms-flex-wrap: wrap;
		        flex-wrap: wrap; 
		-webkit-justify-content: space-around;
		        justify-content: space-around;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display:         flex;
	}
	.categoryList .categories li {
		width: 40%;
		margin-bottom: .75em;
	}
}

@media (max-width: 767px) {
	.categoryList .tags li {
		width: 48.5%;
	}
	.categoryList .tags:after {
		width: 48.5%;
	}
	.categoryList .tags:before {
		width: 48.5%;
	}
}

/*----------------------------------------------------
	トップページ
----------------------------------------------------*/
.topContent .section:not(:last-child) {
	padding-bottom: 4em;
	border-bottom: 1px solid #ccc;
}

@media (max-width: 767px) {
	.topContent .pickup .products_item:nth-last-child(-n+2) {
		display: none;
	}
	.topContent .category .products_item:nth-last-child(-n+2) {
		display: none;
	}
}

@media (max-width: 767px) {
	.topCategories {
		position: relative;
		padding: .5em 0;
		overflow: hidden;
		font-size: .875em;
		background-color: #fff;
		-webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, .2);
		        box-shadow: 0 0 1px 1px rgba(0, 0, 0, .2);
	}
	.topCategories ul {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display:         flex;
		overflow-x: auto; 
		white-space: nowrap;
	}
	.topCategories ul li {
		padding: 0 1em;
	}
}

/*----------------------------------------------------
	出品登録
----------------------------------------------------*/
/*----------------------------------------------------
	商品詳細
----------------------------------------------------*/
/* トップ */
.productDetail {
	position: relative;
}
.productDetail .item-title {
	margin-bottom: .75em;
	font-size: 1.125em;
}
.productDetail .item-subtitle {
	padding: .75em 0;
	color: #808080; 
	font-size: 1.1875em;
}
.productDetail .item-top {
	margin-bottom: 1em;
}
.productDetail .item-price-title {
	padding: .75em .5em;
	font-size: .875em;
	background: #f6f6f6;
}
.productDetail .item-price-value {
	padding: .25em 0;
	font-size: 1.5em;
	font-weight: bold; 
	text-align: right;
}
.productDetail .item-action a {
	padding: 1em .5em;
	font-size: 1.25em; 
	white-space: nowrap;
}
@media (min-width: 768px) {
	.productDetail .item-top {
		-ms-flex-pack: justify;
		-webkit-justify-content: space-between;
		        justify-content: space-between; 
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display:         flex;

		-webkit-box-pack: justify;
	}
	.productDetail .item-photo {
		width: 48.38%;
	}
	.productDetail .item-detail {
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-ms-flex-pack: justify;
		-webkit-justify-content: space-between;
		        justify-content: space-between; 
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display:         flex;
		width: 47.18%;

		-webkit-box-direction: normal;
		-webkit-box-orient: vertical;
		-webkit-box-pack: justify;
	}
	.productDetail .item-thumbnail {
		-ms-flex-pack: justify;
		-webkit-flex-wrap: wrap;
		    -ms-flex-wrap: wrap;
		        flex-wrap: wrap;
		-webkit-justify-content: space-between;
		        justify-content: space-between;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display:         flex;
		padding-bottom: 1.5em;
		margin-bottom: 1em;
		border-bottom: 1px solid #d0d0d0; 

		-webkit-box-pack: justify;
	}
	.productDetail .item-thumbnail:after {
		display: block;
		width: 30.8%; 
		content: "";
	}
	.productDetail .item-thumbnail li {
		width: 30.8%;
	}
	.productDetail .item-thumbnail img {
		max-width: 90px;
		cursor: pointer;
	}
}
@media (max-width: 767px) {
	.productDetail .item-photo {
		display: none;
	}
	.productDetail .item-thumbnail {
		display: none;
	}
}

@media (max-width: 767px) {
	.spPhotoSlide {
		margin-bottom: 0 !important;
	}
	.spPhotoSlide img {
		width: 100%;
	}
	.slick-dots {
		bottom: 8px;
	}
	.slick-dots li.slick-active button:before {
		color: #46b9cf !important;
	}
}

/* 概要 */
.productDetail .item-feature {
	padding-bottom: 3.25em;
	margin-bottom: 1em;
	border-bottom: 1px solid #d0d0d0;
}
.productDetail .item-feature dl {
	font-size: .875em;
	border: 1px solid #d0d0d0;
}
.productDetail .item-feature .col2 + .col2 {
	margin-top: -1px;
}
.productDetail .item-feature .col2 + .col1 {
	margin-top: -1px;
}
.productDetail .item-feature .col1 dt {
	border-bottom: 1px solid #d0d0d0;
}
.productDetail .item-feature .col1 dd {
	padding: 1em .75em;
}
.productDetail .item-feature .col2 dl {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display:         flex;
}
.productDetail .item-feature .col2 dt {
	width: 11em;
	border-right: 1px solid #d0d0d0;
}
.productDetail .item-feature dt {
	padding: .3125em .625em;
	background-color: #f6f6f6;
}
.productDetail .item-feature dd {
	-webkit-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	padding: .3125em .625em; 

	-webkit-box-flex: 1;
}

@media (min-width: 768px) {
	.productDetail .item-feature dl + dl {
		border-left: none;
	}
	.productDetail .item-feature dd + dt {
		border-left: 1px solid #d0d0d0;
	}
	.productDetail .item-feature .col2 {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display:         flex;
	}
	.productDetail .item-feature .col2 dl {
		width: 50%;
	}
}

@media (max-width: 767px) {
	.productDetail .item-feature .col2 dl + dl {
		margin-top: -1px;
	}
	.productDetail .item-feature .col2 dt {
		width: 9em;
	}
}

/* コメント一覧 */
.productDetail .item-message {
	display: none;
	margin-bottom: 2em;
}

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

	-webkit-box-pack: justify;
}

.productDetail .item-message-wrap:not(:last-child) {
	margin-bottom: 3em;
}

.productDetail .item-message-icon--blue .u_st0 {
	fill: #115c7d;
}

.productDetail .item-message-icon--red .u_st0 {
	fill: #f00;
}

.productDetail .item-message-detail {
	-webkit-flex: 1;
	    -ms-flex: 1;
	        flex: 1; 

	-webkit-box-flex: 1;
}

.productDetail .item-message-time {
	margin-right: 2em;
	font-size: .75em;
}

.productDetail .item-message-name {
	font-size: 1.125em;
}

.productDetail .item-message-body {
	padding: 1.25rem 2rem;
	margin-top: .875rem;
	font-size: .875em;
	background: #f3f5f6;
	border-radius: .375rem;
}

@media (min-width: 768px) {
	.productDetail .item-message-icon {
		width: 3.75em;
		margin-right: 1.375em;
	}
	.productDetail .item-message-icon svg {
		width: 3.75em;
		height: 3.75em;
	}
}

@media (max-width: 767px) {
	.productDetail .item-message-icon {
		width: 2em;
		margin-right: 1em;
	}
	.productDetail .item-message-icon svg {
		width: 2em;
		height: 2em;
	}
	.productDetail .item-message-body {
		padding: 1rem 1rem;
	}
}

/* 質問 */
.productDetail .item-question {
	display: none;
}
.productDetail .item-question textarea {
	height: 7.18em;
	margin: .5em 0;
}

.productDetail .item-question-title {
	font-size: .875em;
}

.productDetail .item-question-btn button {
	width: 100%;
	padding: 1em 1em;
}

.productDetail .item-backlist {
	position: absolute;
	right: 0;
	bottom: -2.5em;
	width: 100%;
	text-align: right;
}
.productDetail .item-backlist a {
	padding: 1em;
	font-size: .8125em;
}

/* 関連商品 */
.productRerative .title {
	margin-bottom: 2em;
}

/*----------------------------------------------------
	商品一覧
----------------------------------------------------*/
.products {
	-ms-flex-pack: justify;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap; 
	-webkit-justify-content: space-between;
	        justify-content: space-between;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display:         flex;

	-webkit-box-pack: justify;
}
.products .products_item {
	margin-bottom: 1.75em;
	background-color: #fff;
}
.products .item-title {
	height: 4.5em;
	overflow: hidden;
	font-size: .8125em;
}
.products .item-meta {
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	        justify-content: space-between; 
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display:         flex;

	-webkit-box-pack: justify;
}
.products .item-fav:before {
	margin-right: .25em;
	content: "\f08a";
	font-family: FontAwesome;
}
@media (min-width: 768px) {
	.products {
		max-width: 940px;
		margin-right: auto; 
		margin-left: auto;
	}
	.products .products_item {
		width: 23.4%;
	}
	.products:after {
		display: block;
		width: 23.4%; 
		content: "";
	}
	.products:before {
		-ms-flex-order: 1;
		-webkit-order: 1;
		        order: 1; 
		display: block;
		width: 23.4%;
		content: "";

		-webkit-box-ordinal-group: 2;
	}
	.products .item-info {
		padding: .5em .75em;
	}
	.products .item-picture {
		position: relative;
		padding: 100% 0 0;
		overflow: hidden;
	}
	.products .item-picture img {
		position: absolute;
		top: 50%;
		left: 50%;
		width: auto;
		height: 100%;
		max-width: none;
		-webkit-transform: translate(-50%, -50%);
		    -ms-transform: translate(-50%, -50%);
		        transform: translate(-50%, -50%);
	}
	.products .item-picture .hover {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		color: #fff;
		background-color: rgba(0, 0, 0, .5);
		-webkit-transition: all .3s;
		        transition: all .3s;
		opacity: 0; 

		     -o-transition: all .3s;
	}
	.products .item-picture .hover span {
		position: absolute;
		top: 5%;
		left: 5%;
		-webkit-align-items: center;
		        align-items: center;
		-ms-flex-align: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		        justify-content: center;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display:         flex;
		width: 90%;
		height: 90%;
		font-family: "Hind", sans-serif;
		border: 1px solid #fff;
		-webkit-transition: all .3s;
		        transition: all .3s; 

		-webkit-box-align: center;
		-webkit-box-pack: center;
		     -o-transition: all .3s;
	}
	.products a:hover .item-picture .hover {
		opacity: 1;
	}
	.products a:hover .item-picture .hover span {
		top: 7.5%; 
		left: 7.5%;
		width: 85%;
		height: 85%;
	}
}
@media (max-width: 767px) {
	.products .products_item {
		position: relative;
		width: 33.2%;
		margin-bottom: 2px;
	}
	.products:after {
		display: block;
		width: 33.2%; 
		content: "";
	}
	.products:before {
		-ms-flex-order: 1;
		-webkit-order: 1;
		        order: 1; 
		display: block;
		width: 33.2%;
		content: "";

		-webkit-box-ordinal-group: 2;
	}
	.products .item-picture .hover {
		display: none;
	}
	.products .item-title {
		display: none;
	}
	.products .item-price {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		padding: .25em .5em;
		color: #fff;
		font-size: .75em;
		background: rgba(0, 0, 0, .6);
	}
	.products .item-fav {
		display: none;
	}
}

.products--c3 .item-title {
	height: 3em;
}

@media (min-width: 768px) {
	.products--c3 .products_item {
		width: 31.429%;
	}
	.products--c3:after {
		width: 31.429%;
	}
	.products--c3:before {
		width: 31.429%;
	}
}

/*----------------------------------------------------
	購入確認
----------------------------------------------------*/
.order-detail-title {
	color: #808080; 
	font-size: 1.1875em;
}

.order-shipping {
	padding: .875em 0 2em;
	border-top: 1px solid #ccc;
}

.order-shipping_wrap {
	-webkit-align-items: flex-end;
	        align-items: flex-end; 
	-ms-flex-align: end;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	        justify-content: space-between;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display:         flex;

	-webkit-box-align: end;
	-webkit-box-pack: justify;
}

.order-payment {
	padding: .875em 0 2em;
	border-top: 1px solid #ccc;
}

.order-payment_wrap {
	-webkit-align-items: center;
	        align-items: center; 
	-ms-flex-align: center;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	        justify-content: space-between;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display:         flex;

	-webkit-box-align: center;
	-webkit-box-pack: justify;
}

.order-detail-value {
	-webkit-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	font-size: .9375em; 

	-webkit-box-flex: 1;
}

.order-detail-currency {
	-webkit-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	font-size: .9375em; 

	-webkit-box-flex: 1;
}

.order-detail-edit {
	width: 90px;
	font-size: .75em;
}

.order-price {
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	        justify-content: space-between;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display:         flex;
	padding: 1.5em 2em;
	margin: 1.5em 0;
	background: #f0f3f4;
	border-radius: .25rem; 

	-webkit-box-pack: justify;
}

.order-price-title {
	font-size: 1.5625em;
}

.order-price-value {
	font-size: 1.5625em;
}

@media (max-width: 767px) {
	.order-shipping_wrap,
	.order-payment_wrap {
		-webkit-align-items: flex-start;
		        align-items: flex-start; 
		-ms-flex-align: start;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;

		-webkit-box-align: start;
		-webkit-box-direction: normal;
		-webkit-box-orient: vertical;
	}
	.order-shipping_wrap > div:not(:last-child),
	.order-payment_wrap > div:not(:last-child) {
		margin-bottom: 12px;
	}
	.order-detail-value {
		font-size: .875em;
	}
	.order-detail-edit {
		font-size: .625em;
	}
	.order-price {
		padding: 1em 1em;
	}
	.order-price-title {
		font-size: 1.125em;
	}
	.order-price-value {
		font-size: 1.125em;
	}
}

/*----------------------------------------------------
	入札一覧
----------------------------------------------------*/
.bidList .bidList_category {
	margin: 2.5em 0 3em;
}

.bidList .item {
	-webkit-align-items: center;
	        align-items: center;
	-ms-flex-align: center;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	        justify-content: space-between;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display:         flex;
	padding: 1.5em 0;
	border-top: 1px solid #cecece; 

	-webkit-box-align: center;
	-webkit-box-pack: justify;
}

.bidList .item:last-child {
	border-bottom: 1px solid #cecece;
}

.bidList .item-content {
	-webkit-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	padding-right: 2em; 

	-webkit-box-flex: 1;
}

.bidList .item-action a {
	width: 100%;
}

.bidList .item-no {
	color: #7f7f7f;
}

.bidList .item-info {
	padding-top: .25em;
}

@media (min-width: 768px) {
	.bidList .item-action {
		width: 6.5rem;
	}
}

@media (max-width: 767px) {
	.bidList .item-action {
		width: 3.5rem;
	}
	.bidList .item-action a {
		padding: .75em .5em;
	}
	.bidList .item-no {
		font-size: .75em;
	}
	.bidList .item-info {
		font-size: 1em;
	}
}

/*----------------------------------------------------
	マイページ
----------------------------------------------------*/
.mainColumn_side_mypage {
	padding: 1.5em .75em;
	background-color: #323643;
}
@media (max-width: 767px) {
	.mainColumn_side_mypage {
		display: none;
	}
}

.mypageIndex .title {
	-webkit-align-items: center;
	        align-items: center;
	-ms-flex-align: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display:         flex;
	padding: 1em 0;
	color: #666; 
	font-size: 1.375em;

	-webkit-box-align: center;
}
.mypageIndex .title:before {
	display: block;
	width: 1.5rem;
	height: 1.5rem;
	margin-right: .5rem; 
	content: "";
}

.mypageIndex .title--chart:before {
	background: url(../images/ico_chart.svg) center center/contain no-repeat;
}

.mypageIndex .title--log:before {
	background: url(../images/ico_log.svg) center center/contain no-repeat;
}

.mypageIndex .title--wallet:before {
	background: url(../images/ico_wallet.svg) center center/contain no-repeat;
}

.mypageIndex .wallet-qr {
	-webkit-align-items: center;
	        align-items: center; 
	-ms-flex-align: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display:         flex;

	-webkit-box-align: center;
}
.mypageIndex .wallet-qr > div:first-child {
	margin-right: 12px;
}

.mypageIndex .wallet-price {
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	        justify-content: space-between;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display:         flex;
	padding: .5em 0;
	margin-bottom: 2em;
	border-bottom: 1px solid #e5e5e5; 

	-webkit-box-pack: justify;
}

.mypageIndex .wallet-price--s {
	margin-bottom: 1em;
	font-size: .75em;
}

.mypageIndex .wallet-price-name {
	color: #7f7f7f;
}

@media (min-width: 768px) {
	.mypageIndex .item:not(:last-child) {
		margin-bottom: 2.5em;
	}
	.mypageIndex .wallet-price-name {
		font-size: 1.1875em;
	}
	.mypageIndex .wallet-price-value {
		font-size: 1.4375em;
	}
}

@media (max-width: 767px) {
	.mypageIndex .box {
		background-color: transparent;
	}
	.mypageIndex .item:not(:last-child) {
		margin-bottom: 2em;
	}
	.mypageIndex .item-inner {
		padding: 16px 10px;
		background-color: #fff;
		border-radius: 5px;
	}
	.mypageIndex .wallet-price-name {
		font-size: 1em;
	}
	.mypageIndex .wallet-price-value {
		font-size: 1.25em;
	}
	.mypageIndex .mypage_user {
		-webkit-align-items: flex-end;
		        align-items: flex-end; 
		-ms-flex-align: end;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display:         flex;
		margin: -1em 0;

		-webkit-box-align: end;
	}
	.mypageIndex .mypage_user-icon {
		width: 40px;
		margin-right: 12px;
	}
	.mypageIndex .mypage_user-info {
		-webkit-flex: 1;
		    -ms-flex: 1;
		        flex: 1; 

		-webkit-box-flex: 1;
	}
	.mypageIndex .mypage_user-id {
		font-size: .75em;
	}
}

/*----------------------------------------------------
	汎用ブロック
----------------------------------------------------*/
.section {
	padding: 2em 0;
}

.box {
	padding: 2.5em 2.5em;
	background-color: #fff;
}
@media (max-width: 767px) {
	.box {
		padding: 16px 10px;
		margin-right: -10px; 
		margin-left: -10px;
	}
}

.box--my5 {
	margin-top: 5em;
	margin-bottom: 4em;
}

.box--my3 {
	margin-top: 3.375em;
	margin-bottom: 4em;
}

.box--my2 {
	margin-top: 2em;
	margin-bottom: 4em;
}

@media (max-width: 767px) {
	.box--spmt0 {
		margin-top: 0;
	}
}

@media (max-width: 767px) {
	.box--spmx {
		margin-right: 0; 
		margin-left: 0;
	}
}

@media (min-width: 768px) {
	.mainColumn {
		-ms-flex-pack: justify;
		-webkit-justify-content: space-between;
		        justify-content: space-between; 
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display:         flex;

		-webkit-box-pack: justify;
	}
}

.mainColumn--bb {
	padding-bottom: 4em;
	border-bottom: 1px solid #ccc;
}

.mainColumn_side {
	width: 28.3%;
	margin-right: 5.66%;
	color: #fff;
}

.mainColumn_content {
	-webkit-flex: 1;
	    -ms-flex: 1;
	        flex: 1; 

	-webkit-box-flex: 1;
}

.mainColumn_content--w {
	background-color: #fff;
}

/*----------------------------------------------------
	汎用クラス
----------------------------------------------------*/
.fadeIn {
	display: none;
}
.fadeIn.show {
	-webkit-animation: fadeIn .6s linear;
	        animation: fadeIn .6s linear;
}

.crop {
	position: relative;
	display: block;
	padding: 100% 0 0;
	overflow: hidden;
}
.crop img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	-webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
}

.flex {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display:         flex;
}

.flex--justify {
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	        justify-content: space-between; 

	-webkit-box-pack: justify;
}

.flex--wrap {
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
}

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

	-webkit-box-pack: center;
}

.flex--middle {
	-webkit-align-items: center;
	        align-items: center; 
	-ms-flex-align: center;

	-webkit-box-align: center;
}

.row-middle {
	-webkit-align-items: center;
	        align-items: center; 
	-ms-flex-align: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	        justify-content: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display:         flex;

	-webkit-box-align: center;
	-webkit-box-pack: center;
}

.bold,
.strong {
	font-weight: bold;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}

.mt-1 {
	margin-top: 1rem;
}

.mt-2 {
	margin-top: 2rem;
}

.mb-1 {
	margin-bottom: 1rem;
}

.mb-2 {
	margin-bottom: 2rem;
}

.mb-3 {
	margin-bottom: 3rem;
}

.mb-4 {
	margin-bottom: 4rem;
}

.ml-1 {
	margin-left: 1rem;
}

.ml-2 {
	margin-left: 2rem;
}

.mr-1 {
	margin-right: 1rem;
}

.mr-2 {
	margin-right: 2rem;
}

.mx-1 {
	margin-right: 1rem; 
	margin-left: 1rem;
}

.mx-2 {
	margin-right: 2rem; 
	margin-left: 2rem;
}

.my-1 {
	margin-top: 1rem;
	margin-bottom: 1rem;
}

.my-2 {
	margin-top: 2rem;
	margin-bottom: 2rem;
}

.pt-1 {
	padding-top: 1rem;
}

.pt-2 {
	padding-top: 2rem;
}

.pb-1 {
	padding-bottom: 1rem;
}

.pb-2 {
	padding-bottom: 2rem;
}

.pl-1 {
	padding-left: 1rem;
}

.pl-2 {
	padding-left: 2rem;
}

.pr-1 {
	padding-right: 1rem;
}

.pr-2 {
	padding-right: 2rem;
}

.px-1 {
	padding-right: 1rem; 
	padding-left: 1rem;
}

.px-2 {
	padding-right: 2rem; 
	padding-left: 2rem;
}

.py-1 {
	padding-top: 1rem;
	padding-bottom: 1rem;
}

.py-2 {
	padding-top: 2rem;
	padding-bottom: 2rem;
}

.fz-12 {
	font-size: .75em;
}

.fz-13 {
	font-size: .8125em;
}

.fz-14 {
	font-size: .875em;
}

.fz-15 {
	font-size: .9375em;
}

.fz-16 {
	font-size: 1em;
}

.fz-18 {
	font-size: 1.125em;
}

.fz-19 {
	font-size: 1.125em;
}

.fz-20 {
	font-size: 1.25em;
}

.fz-22 {
	font-size: 1.375em;
}

.fz-24 {
	font-size: 1.5em;
}