.items-box-photo img:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}

.hover:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}

button {
	-webkit-appearance:button;
	overflow:visible
}
details {
	display:block
}
html {
	-ms-overflow-style:-ms-autohiding-scrollbar;
	overflow-y:scroll;
	-webkit-text-size-adjust:100%
}
input {
	-webkit-border-radius:0
}
input[type="button"],input[type="reset"],input[type="submit"] {
	-webkit-appearance:button
}
input[type="number"] {
	width:auto
}
input[type="search"] {
	-webkit-appearance:textfield
}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {
	-webkit-appearance:none
}
main {
	display:block
}
pre {
	overflow:auto
}
progress {
	display:inline-block
}
small {
	font-size:75%
}
summary {
	display:block
}
svg:not(:root) {
	overflow:hidden
}
template {
	display:none
}
textarea {
	overflow:auto
}
[hidden] {
	display:none
}
*,::before,::after {
	box-sizing:inherit
}
* {
	font-size:inherit;
	line-height:inherit
}
::before,::after {
	text-decoration:inherit;
	vertical-align:inherit
}
*,::before,::after {
	border-style:solid;
	border-width:0
}
* {
	background-repeat:no-repeat;
	margin:0;
	padding:0
}
:root {
	background-color:#fff;
	box-sizing:border-box;
	color:#000;
	cursor:default;
	font:100% / 1.5 sans-serif
}
a {
	text-decoration:none
}
audio,canvas,iframe,img,svg,video {
	vertical-align:middle
}
button,input,select,textarea {
	background-color:transparent
}
button,input,select,textarea {
	color:inherit;
	font-family:inherit;
	font-style:inherit;
	font-weight:inherit
}
button,[type="button"],[type="date"],[type="datetime"],[type="datetime-local"],[type="email"],[type="month"],[type="number"],[type="password"],[type="reset"],[type="search"],[type="submit"],[type="tel"],[type="text"],[type="time"],[type="url"],[type="week"],select,textarea {
	min-height:1.5em
}
code,kbd,pre,samp {
	font-family:monospace,monospace
}
nav ol,nav ul {
	list-style:none
}
select {
	-moz-appearance:none;
	-webkit-appearance:none
}
select::-ms-expand {
	display:none
}
select::-ms-value {
	color:currentColor
}
table {
	border-collapse:collapse;
	border-spacing:0
}
textarea {
	resize:vertical
}
::-moz-selection {
	background-color:#b3d4fc;
	color:#fff;
	text-shadow:none
}
::selection {
	background-color:#b3d4fc;
	color:#fff;
	text-shadow:none
}
[aria-busy="true"] {
	cursor:progress
}
[aria-controls] {
	cursor:pointer
}
[aria-disabled] {
	cursor:default
}
[hidden][aria-hidden="false"] {
	clip:rect(0 0 0 0);
	display:inherit;
	position:absolute
}
[hidden][aria-hidden="false"]:focus {
	clip:auto
}
a,area,button,input,label,select,textarea,[tabindex] {
	-ms-touch-action:manipulation;
	touch-action:manipulation
}
html {
	overflow-y:auto
}
:root {
	cursor:auto
}
::-moz-selection {
	color:currentColor
}
::selection {
	color:currentColor
}
ul,ol {
	list-style:none
}
address {
	font-style:normal
}
img {
	vertical-align:middle
}
input {
	border:0;
	outline:0;
	font-family:inherit;
	-webkit-appearance:none;
	-moz-appearance:none
}
input[type='checkbox']:focus,input[type='radio']:focus {
	outline:0
}
input[type='number'] {
	-moz-appearance:textfield
}
input[type='number']::-webkit-inner-spin-button,input[type='number']::-webkit-outer-spin-button {
	-webkit-appearance:none
}
input[type='search'] {
	-webkit-appearance:none
}
label {
	display:inline-block
}
textarea {
	border-radius:0;
	border:0;
	outline:0;
	-webkit-appearance:none
}
select {
	outline:0;
	-webkit-appearance:none;
	-moz-appearance:none
}
button {
	border:0;
	outline:0;
	cursor:pointer
}
button:disabled {
	cursor:not-allowed
}
.nav-item-link-prev-next,.nav-user-link-prev-next {
	margin:24px 4% 0
}

h4 {
  /*線の種類（二重線）太さ 色*/
  border-bottom: double 5px #FFC778;
  text-align:center;
  font-size:20px;
}

@media screen and (min-width: 768px) {
	.nav-item-link-prev-next,.nav-user-link-prev-next {
		margin:24px 0 0
	}
}
.nav-item-link-prev-next li,.nav-user-link-prev-next li {
	position:relative;
	width:43%;
	word-wrap:break-word
}
@media screen and (min-width: 768px) {
	.nav-item-link-prev-next li,.nav-user-link-prev-next li {
		width:45%
	}
}
.nav-item-link-prev-next .icon-arrow-right,.nav-user-link-prev-next .icon-arrow-right,.nav-item-link-prev-next .icon-arrow-left,.nav-user-link-prev-next .icon-arrow-left {
	position:absolute;
	top:50%;
	-webkit-transform:translate(0, -50%);
	transform:translate(0, -50%)
}
.nav-item-link-prev,.nav-user-link-prev {
	float:left;
	padding:0 0 0 14px
}
.nav-item-link-prev .icon-arrow-left,.nav-user-link-prev .icon-arrow-left {
	left:0
}
.nav-item-link-next,.nav-user-link-next {
	float:right;
	padding:0 14px 0 0;
	text-align:right
}
.nav-item-link-next .icon-arrow-right,.nav-user-link-next .icon-arrow-right {
	right:0
}
.form-require,.form-arbitrary,.message-is-seller,.news-private {
	margin:0 0 0 8px;
	padding:2px 4px;
	border-radius:2px;
	color:#fff;
	font-size:12px;
	vertical-align:top
}
.mypage-tabs,.listing-tabs,.review-history-tabs {
	border:0;
	background:#eee;
	font-size:0
}
.mypage-tabs li,.listing-tabs li,.review-history-tabs li {
	display:inline-block;
	text-align:center;
	vertical-align:top
}
.mypage-tabs li.active,.listing-tabs li.active,.review-history-tabs li.active {
	background:#fff
}
.mypage-tabs li.active a,.listing-tabs li.active a,.review-history-tabs li.active a {
	border-top:2px solid #ea352d
}
.mypage-tabs a,.listing-tabs a,.review-history-tabs a {
	position:relative;
	display:block;
	color:#333;
	font-size:16px;
	line-height:72px
}
.mypage-tabs a:hover,.listing-tabs a:hover,.review-history-tabs a:hover {
	text-decoration:none
}
.mypage-tabs .mypage-nav-number,.listing-tabs .mypage-nav-number,.review-history-tabs .mypage-nav-number {
	top:16px;
	right:2px
}
@-webkit-keyframes fade-out {
	0% {
		visibility:visible;
		opacity:1
	}
	80% {
		opacity:1
	}
	100% {
		opacity:0;
		visibility:hidden
	}
}
@keyframes fade-out {
	0% {
		visibility:visible;
		opacity:1
	}
	80% {
		opacity:1
	}
	100% {
		opacity:0;
		visibility:hidden
	}
}
@-webkit-keyframes rubber-band {
	0% {
		-webkit-transform:scale3d(1, 1, 1);
		transform:scale3d(1, 1, 1)
	}
	30% {
		-webkit-transform:scale3d(1.25, 0.75, 1);
		transform:scale3d(1.25, 0.75, 1)
	}
	40% {
		-webkit-transform:scale3d(0.75, 1.25, 1);
		transform:scale3d(0.75, 1.25, 1)
	}
	50% {
		-webkit-transform:scale3d(1.15, 0.85, 1);
		transform:scale3d(1.15, 0.85, 1)
	}
	65% {
		-webkit-transform:scale3d(0.95, 1.05, 1);
		transform:scale3d(0.95, 1.05, 1)
	}
	75% {
		-webkit-transform:scale3d(1.05, 0.95, 1);
		transform:scale3d(1.05, 0.95, 1)
	}
	100% {
		-webkit-transform:scale3d(1, 1, 1);
		transform:scale3d(1, 1, 1)
	}
}
@keyframes rubber-band {
	0% {
		-webkit-transform:scale3d(1, 1, 1);
		transform:scale3d(1, 1, 1)
	}
	30% {
		-webkit-transform:scale3d(1.25, 0.75, 1);
		transform:scale3d(1.25, 0.75, 1)
	}
	40% {
		-webkit-transform:scale3d(0.75, 1.25, 1);
		transform:scale3d(0.75, 1.25, 1)
	}
	50% {
		-webkit-transform:scale3d(1.15, 0.85, 1);
		transform:scale3d(1.15, 0.85, 1)
	}
	65% {
		-webkit-transform:scale3d(0.95, 1.05, 1);
		transform:scale3d(0.95, 1.05, 1)
	}
	75% {
		-webkit-transform:scale3d(1.05, 0.95, 1);
		transform:scale3d(1.05, 0.95, 1)
	}
	100% {
		-webkit-transform:scale3d(1, 1, 1);
		transform:scale3d(1, 1, 1)
	}
}
@-webkit-keyframes fade-in-up {
	0% {
		opacity:0;
		-webkit-transform:translate(0, 10px);
		transform:translate(0, 10px)
	}
	100% {
		opacity:1;
		-webkit-transform:translate(0, 0);
		transform:translate(0, 0)
	}
}
@keyframes fade-in-up {
	0% {
		opacity:0;
		-webkit-transform:translate(0, 10px);
		transform:translate(0, 10px)
	}
	100% {
		opacity:1;
		-webkit-transform:translate(0, 0);
		transform:translate(0, 0)
	}
}
@-webkit-keyframes fade-out-up {
	0% {
		opacity:1;
		-webkit-transform:translate(0, 0);
		transform:translate(0, 0)
	}
	100% {
		opacity:0;
		-webkit-transform:translate(0, 10px);
		transform:translate(0, 10px)
	}
}
@keyframes fade-out-up {
	0% {
		opacity:1;
		-webkit-transform:translate(0, 0);
		transform:translate(0, 0)
	}
	100% {
		opacity:0;
		-webkit-transform:translate(0, 10px);
		transform:translate(0, 10px)
	}
}
@-webkit-keyframes fade-in-down {
	0% {
		opacity:0;
		-webkit-transform:translate(0, -10px);
		transform:translate(0, -10px)
	}
	100% {
		opacity:1;
		-webkit-transform:translate(0, 0);
		transform:translate(0, 0)
	}
}
@keyframes fade-in-down {
	0% {
		opacity:0;
		-webkit-transform:translate(0, -10px);
		transform:translate(0, -10px)
	}
	100% {
		opacity:1;
		-webkit-transform:translate(0, 0);
		transform:translate(0, 0)
	}
}
@-webkit-keyframes wobble {
	16.65% {
		-webkit-transform:translateX(8px);
		transform:translateX(8px)
	}
	33.3% {
		-webkit-transform:translateX(-6px);
		transform:translateX(-6px)
	}
	49.95% {
		-webkit-transform:translateX(4px);
		transform:translateX(4px)
	}
	66.6% {
		-webkit-transform:translateX(-2px);
		transform:translateX(-2px)
	}
	83.25% {
		-webkit-transform:translateX(1px);
		transform:translateX(1px)
	}
	100% {
		-webkit-transform:translateX(0);
		transform:translateX(0)
	}
}
.icon-like {
	color:#ea352d
}
.icon-like-border {
	color:#ccc
}
.icon-facebook {
	color:#fff;
	background:#385185;
	font-size:18px
}
.icon-google-plus {
	color:#fff;
	background:#dc4e41;
	font-size:14px
}
.icon-line {
	color:#fff;
	background:#00c137;
	font-size:22px
}
.icon-pinterest {
	color:#fff;
	background:#aa262a;
	font-size:18px
}
.icon-twitter {
	color:#fff;
	background:#5d9dc9;
	font-size:16px
}
.icon-time {
	font-size:16px;
	vertical-align:middle
}
.icon-good {
	color:#ef5185
}
.icon-normal {
	color:#fba933
}
.icon-bad {
	color:#6ab5d8
}
.icon-balloon {
	font-size:15px
}
html {
	height:100%
}



body {


/*	position:relative;*/
	/*min-height:100%;*/
	 /* 画像ファイルの指定 */
 /* background-image: url(./images/hoshiback.png); */
  /* 画像を常に天地左右の中央に配置 */
   background-position: bottom; 
   
  /* 画像をタイル状に繰り返し表示しない */
   background-repeat: no-repeat;
   
  /* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
  background-attachment: fixed;
   
  /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
  background-size: cover;
   

 background-color: white;
     
	font-family:'Source Sans Pro', Helvetica , Arial, '游ゴシック体', 'YuGothic', 'メイリオ', 'Meiryo', sans-serif;
	font-size:14px;
	color:#333;
	line-height:1
}

#footer_area {
    background: url(./images/nojimaback.png) repeat-x 50% 0;
    position: relative;
    color: #FFFFFF;
    text-align: center;
    min-height: 250px;
    padding: 200px 0px 0px 0px;
}

#footer_areabk {
    background: url(./images/nojimabacknight.gif) repeat-x 50% 0;
    position: relative;
    color: #FFFFFF;
    text-align: center;
    min-height: 250px;
    padding: 200px 0px 0px 0px;
}

#footer_areagw {
    background: url(./images/gw_footer.gif) repeat-x 50% 0;
    position: relative;
    color: #FFFFFF;
    text-align: center;
    min-height: 250px;
    padding: 200px 0px 0px 0px;
}

#footer_area2days {
    background: url(./images/nojimabacknight.png) repeat-x 50% 0;
    position: relative;
    color: #FFFFFF;
    text-align: center;
    min-height: 150px;
    padding: 100px 0px 0px 0px;
}

#footer_areaks {
    background: url(./images/kessansale_footer3.png) repeat-x 50% 0;
    position: relative;
    color: #FFFFFF;
    text-align: center;
    min-height: 250px;
    padding: 200px 0px 0px 0px;
}

a {
	color:#0099e8;
	text-decoration:none
}
a:hover {
	text-decoration:underline;
	opacity:.7
}
.clearfix:after {
	content:'';
	display:block;
	clear:both
}
.gray-space {
	height:20px;
	background-color:#f5f5f5
}
@media screen and (min-width: 768px) {
	.gray-space {
		height:30px
	}
}
.white {
	background-color:#fff
}
.gray {
	background-color:#f5f5f5
}
.dark-gray {
	background-color:#eee
}
.black {
	background-color:#333
}

.paging {
	margin-top:10px
}
.paging a {
	color:#333
}
@media screen and (min-width: 768px) {
	.spacial-description {
		overflow:hidden;
		border-radius:4px
	}
}
.spacial-description-title h3 {
	padding:16px 8px
}
.spacial-description-text {
	padding:30px
}
.spacial-description-text p {
	line-height:1.6em
}
.svg-symbols-container {
	position:absolute
}
.side-banner {
	display:block
}
.side-banner img {
	width:100%
}
h2 {
	font-size:22px;
	line-height:1.4
}
h3 {
	font-size:22px
}
.font-1 {
	font-size:16px;
	font-weight:bold;
	color:#333
}
.font-2 {
	font-size:16px;
	font-weight:normal;
	color:#333
}
.font-3 {
	font-size:14px;
	font-weight:bold;
	color:#333
}
.font-4 {
	font-size:14px;
	font-weight:normal;
	color:#333
}
.font-5 {
	font-size:20px;
	font-weight:bold;
	color:#333
}
.font-6 {
	font-size:18px;
	font-weight:normal;
	color:#333
}
.font-7 {
	font-size:16px;
	font-weight:normal;
	color:#333
}
.f14 {
	font-size:14px
}
@media screen and (min-width: 768px) {
	.f14 {
		font-size:18px
	}
}
.f16 {
	font-size:16px
}
@media screen and (min-width: 768px) {
	.f16 {
		font-size:20px
	}
}
.f18 {
	font-size:18px
}
@media screen and (min-width: 768px) {
	.f18 {
		font-size:22px
	}
}
.f22 {
	font-size:22px
}
@media screen and (min-width: 768px) {
	.f22 {
		font-size:26px
	}
}
.f18-24 {
	font-size:18px
}
@media screen and (min-width: 768px) {
	.f18-24 {
		font-size:24px
	}
}
.f28 {
	font-size:28px
}
@media screen and (min-width: 768px) {
	.f28 {
		font-size:38px
	}
}
.bold {
	font-weight:bold
}
.text-center {
	text-align:center
}
.text-right {
	text-align:right
}
.font-red {
	color:#ea352d
}
.font-white {
	color:#fff
}
.font-blue {
	color:#0099e8
}
.single-container {
	padding:0 0 250px
}
@media screen and (min-width: 768px) {
	.single-container {
		padding:0 0 220px
	}
}
.l-left {
	float:left
}
.l-right {
	float:right
}
.l-visible-large {
	display:none
}
@media screen and (min-width: 1068px) {
	.l-visible-large {
		display:block
	}
}
.l-container {
	margin:24px auto 0;
	padding:0 0 40px
}
@media screen and (min-width: 768px) {
	.l-container {
		width:700px
	}
}
@media screen and (min-width: 1068px) {
	.l-container {
		margin:40px auto 0;
		width:1020px
	}
}
.l-content {
	width:100%
}
@media screen and (min-width: 768px) {
	.l-content {
		float:none;
		width:700px
	}
}
@media screen and (min-width: 1068px) {
	.l-content {
		float:right
	}
}
.l-side {
	margin:40px auto 0
}
@media screen and (min-width: 768px) {
	.l-side {
		width:700px
	}
}
@media screen and (min-width: 1068px) {
	.l-side {
		float:left;
		width:280px;
		margin:0 40px 0 0
	}
	.l-side *+.l-visible-large {
		margin:40px 0 0
	}
}
@media screen and (min-width: 768px) {
	.l-side-container {
		margin:40px 0 0
	}
}
@media screen and (min-width: 1068px) {
	.l-side-container:first-of-type {
		margin:0
	}
}
.l-single-container {
	background:#fff
}
@media screen and (min-width: 768px) {
	.l-single-container {
		width:700px;
		margin:0 auto
	}
}
.l-single-inner {
	border-top:1px solid #f5f5f5;
	padding:40px
}
@media screen and (min-width: 768px) {
	.l-single-inner {
		padding:64px
	}
}
.l-single-inner .btn-red {
	margin:40px 0 0
}
.l-single-inner .btn-red:first-child {
	margin:0
}
.l-single-inner .btn-gray {
	margin:16px 0 0
}
.l-single-inner p {
	margin:8px 0 0;
	line-height:1.5
}
.l-single-content {
	max-width:320px;
	margin:0 auto
}
.l-single-content p {
	margin:8px 0 0;
	line-height:1.5
}
.l-single-content p.l-single-text {
	margin:8px 0 0;
	padding:0
}
.l-single-content p:first-child {
	margin:0;
	padding:0
}
.l-single-head {
	padding:24px 8px;
	font-size:18px;
	line-height:1.5;
	text-align:center
}
@media screen and (min-width: 768px) {
	.l-single-head {
		padding:32px 16px;
		font-size:22px
	}
}
.l-chapter-container {
	margin:40px 0 0;
	background:#fff
}
.l-chapter-container:first-child {
	margin:0
}
.l-chapter-head {
	padding:12px 4%;
	border-bottom:1px solid #f5f5f5;
	text-align:center;
	font-size:18px
}
@media screen and (min-width: 768px) {
	.l-chapter-head {
		font-size:24px;
		padding:8px 24px
	}
}
.l-chapter-sub-head {
	font-size:14px
}
@media screen and (min-width: 768px) {
	.l-chapter-sub-head {
		font-size:16px
	}
}
.form-group {
	margin:40px 0 0
}
.form-group:first-child {
	margin:0
}
.form-group.is-hidden {
	display:none
}
.form-group label {
	font-weight:bold
}
.form-group label+.textarea-default {
	margin:8px 0 0
}
.form-group .input-default {
	width:100%;
	margin:8px 0 0
}
.form-group .input-default+label {
	margin:24px 0 0
}
.form-group .select-wrap {
	margin:8px 0 0
}
.form-group select {
	width:100%
}
.form-group .checkbox-default,.form-group .radio-default,.form-group .textarea-default {
	margin:16px 0 0
}
.form-group .checkbox-default:first-child,.form-group .radio-default:first-child,.form-group .textarea-default:first-child {
	margin:0
}
.form-group .icon-arrow-bottom {
	position:absolute
}
.form-require {
	background:#ea352d
}
.form-arbitrary {
	background:#ccc
}
.input-default {
	height:48px;
	padding:10px 16px 8px;
	border-radius:4px;
	border:1px solid #ccc;
	background:#fff;
	line-height:1.5;
	font-size:16px
}
.input-default.has-error {
	border-color:#ea352d
}
.input-default:focus {
	border-color:#0099e8
}
.input-range-default {
	cursor:pointer
}
.input-range-default::-webkit-slider-runnable-track {
	background:#eee;
	box-shadow:0 0 4px 0 rgba(0,0,0,0.4) inset;
	border-radius:40px
}
.input-range-default::-moz-range-track {
	background:#eee;
	box-shadow:0 0 4px 0 rgba(0,0,0,0.4) inset;
	border-radius:40px
}
.input-range-default::-ms-fill-lower {
	background:#eee;
	box-shadow:0 0 4px 0 rgba(0,0,0,0.4) inset;
	border-radius:40px
}
.checkbox-default {
	position:relative;
	font-size:0
}
.checkbox-default input[type='checkbox'] {
	display:none
}
.checkbox-default input[type='checkbox']:checked+.icon-check {
	border-color:transparent;
	background:#0099e8;
	opacity:1
}
.checkbox-default .icon-check {
	position:absolute;
	top:50%;
	left:0;
	z-index:1;
	width:20px;
	height:20px;
	border-radius:2px;
	background:#fff;
	border:1px solid #ccc;
	font-size:10px;
	line-height:17px;
	text-align:center;
	color:#fff;
	vertical-align:middle;
	transition:all ease-out .3s;
	-webkit-transform:translate(0, -50%);
	transform:translate(0, -50%)
}
.checkbox-default label {
	position:relative;
	z-index:2;
	padding:0 0 0 28px;
	font-size:14px;
	font-weight:normal;
	vertical-align:middle;
	cursor:pointer
}
.radio-default {
	position:relative
}
.radio-default input[type='radio'] {
	position:absolute;
	top:50%;
	left:0;
	width:20px;
	height:20px;
	border:1px solid #ccc;
	border-radius:50%;
	background:#fff;
	transition:all ease-out .3s;
	cursor:pointer;
	-webkit-transform:translate(0, -50%);
	transform:translate(0, -50%)
}
.radio-default input[type='radio']:checked {
	border:0;
	border:6px solid #0099e8
}
.radio-default label {
	margin:0 0 0 28px;
	font-weight:normal;
	cursor:pointer
}
.radio-has-icon label {
	margin:0 0 0 4px;
	vertical-align:middle
}
.radio-has-icon input[type='radio'] {
	left:auto;
	right:0
}
.select-wrap {
	position:relative;
	background:#fff
}
.select-wrap .icon-arrow-bottom {
	position:absolute;
	right:16px;
	top:50%;
	z-index:2;
	color:#888;
	font-size:8px;
	-webkit-transform:translate(0, -50%);
	transform:translate(0, -50%)
}
.select-default {
	position:relative;
	z-index:2;
	height:48px;
	padding:0 16px;
	border-radius:4px;
	border:1px solid #ccc;
	background:0;
	font-size:16px;
	line-height:1.5;
	cursor:pointer
}
.select-default:disabled {
	background:#f5f5f5
}
.select-default.has-error {
	border-color:#ea352d
}
.select-default:focus {
	border-color:#0099e8
}
.form-year-month-day {
	margin:16px 0 0
}
.form-year-month-day>div {
	float:left;
	width:31%;
	margin:0 0 0 3%
}
.form-year-month-day>div:first-child {
	margin:0
}
.form-hour-minitue {
	margin:16px 0 0
}
.form-hour-minitue>div {
	float:left;
	width:49%;
	margin:0 0 0 1%
}
.form-hour-minitue>div:first-child {
	margin:0
}
.textarea-default {
	display:block;
	width:100%;
	max-width:100%;
	min-height:104px;
	padding:10px;
	border:1px solid #ccc;
	background:#fff;
	font-size:16px;
	line-height:1.5
}
.textarea-default:disabled {
	background:#f5f5f5
}
.textarea-default.has-error {
	border-color:#ea352d
}
.textarea-default:focus {
	border-color:#0099e8
}
.btn-default {
	display:block;
	width:100%;
	line-height:48px;
	font-size:14px;
	border:1px solid transparent;
	transition:all ease-out .3s;
	cursor:pointer;
	text-align:center
}
.btn-default:hover {
	text-decoration:none
}
.btn-default.is-disabled,.btn-default:disabled {
	border:1px solid #888;
	background:#888;
	color:#fff
}
.btn-default.is-disabled:hover,.btn-default:disabled:hover {
	background:#888;
	color:#fff
}
.btn-small {
	line-height:27px
}
.btn-red {
	background:#ea352d;
	border:1px solid #ea352d;
	color:#fff
}
.btn-red:hover {
	background:#e62017;
	color:#fff
}
.btn-outline-red {
	background:#fff;
	color:#ea352d;
	border:1px solid #ea352d
}
.btn-gray {
	background:#aaa;
	border:1px solid #aaa;
	color:#fff
}
.btn-white {
	background:#fff;
	border:1px solid #fff;
	color:#888;
	border:2px solid #888
}
.btn-phone {
	background:#49d960;
	border:1px solid #49d960;
	color:#fff
}
.btn-radius {
	width:90%;
	margin:0 auto;
	font-weight:bold;
	border-radius:30px
}
.btn-sns {
	position:relative
}
.btn-sns i {
	position:absolute;
	top:50%;
	left:16px;
	-webkit-transform:translate(0, -50%);
	transform:translate(0, -50%)
}
.btn-sns-facebook {
	margin:16px 0 0;
	background:#385185;
	color:#fff
}
.btn-sns-facebook:first-child {
	margin:0
}
.btn-sns-google {
	margin:16px 0 0;
	background:#dc4e41;
	color:#fff
}
.btn-mail {
	position:relative;
	margin:16px 0 0;
	background:#eee;
	color:#000
}
.btn-mail .icon-mail {
	position:absolute;
	top:50%;
	left:16px;
	-webkit-transform:translate(0, -50%);
	transform:translate(0, -50%);
	color:#ccc;
	font-size:16px
}
.has-error-text {
	color:#ea352d;
	line-height:1.5;
	font-size:14px
}
.has-error-text li {
	margin:8px 0 0
}
.has-error-text+label {
	margin:24px 0 0
}
.container-custom-banner .notification {
	top:160px
}
@media screen and (min-width: 768px) {
	.container-custom-banner .notification {
		top:200px
	}
}
.notification {
	position:absolute;
	top:90px;
	left:0;
	right:0;
	z-index:3000;
	padding:24px 56px;
	text-align:center;
	line-height:1.5;
	-webkit-animation:fade-out ease-out 4.5s;
	animation:fade-out ease-out 4.5s;
	-webkit-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	opacity:1;
	transition:all ease-out .3s;
	cursor:pointer
}
@media screen and (min-width: 768px) {
	.notification {
		top:100px
	}
}
.notification.hide {
	visibility:hidden;
	-webkit-animation:0;
	animation:0;
	opacity:0
}
.notification .icon-close {
	position:absolute;
	top:0;
	right:0;
	width:44px;
	height:44px;
	text-align:center;
	line-height:44px;
	color:inherit
}
@media screen and (min-width: 768px) {
	.notification .icon-close {
		top:50%;
		right:8px;
		-webkit-transform:translate(0, -50%);
		transform:translate(0, -50%)
	}
}
.notification-success {
	background:#dff0d8;
	color:#468847
}
.notification-error {
	background:#dff0d8;
	color:#ef5185
}
.form-info-text {
	margin:8px 0 0;
	color:#888;
	line-height:1.5
}
.form-question {
	display:inline-block;
	width:14px;
	height:14px;
	border-radius:50%;
	background:#0099e8;
	color:#fff;
	line-height:14px;
	font-size:12px;
	text-align:center
}
.loading {
	display:inline-block;
	width:24px;
	height:24px
}
.loading-red {
	background:url("//www-mercari-jp.akamaized.net/assets/img/common/common/loading-red.gif");
	background-repeat:no-repeat;
	background-size:24px 24px
}
.loading-black {
	background:url("//www-mercari-jp.akamaized.net/assets/img/common/common/loading-black.gif");
	background-repeat:no-repeat;
	background-size:24px 24px
}
.form-suggest-container {
	position:relative
}
.form-suggest-list {
	overflow:auto;
	position:absolute;
	left:0;
	right:0;
	z-index:10;
	max-height:280px;
	background:#fff;
	box-shadow:0 0 4px 0 rgba(0,0,0,0.64);
	-webkit-overflow-scrolling:touch
}
.form-suggest-list::-webkit-scrollbar {
	width:8px
}
.form-suggest-list::-webkit-scrollbar-thumb {
	border-radius:8px;
	background:rgba(0,0,0,0.64)
}
.form-suggest-list li {
	padding:16px 8px;
	font-size:14px
}
.form-suggest-list li:hover,.form-suggest-list li.current {
	background:#0099e8;
	color:#fff
}
@media screen and (min-width: 768px) {
	.form-suggest-list li {
		cursor:pointer
	}
}
.sp-header {
	position:relative;
	z-index:1000;
	height:90px;
	background:#fff
}
.sp-header h1 {
	float:left;
	width:148px;
	opacity:1;
	-webkit-transform:scale(1);
	transform:scale(1);
	transition:all ease-out .3s
}
.sp-header h1.is-focus {
	position:relative;
	z-index:1;
	background:#fff;
	opacity:0;
	-webkit-transform:scale(0.8);
	transform:scale(0.8)
}
.sp-header h1 a {
	display:block;
	color:#333
}
.sp-header-inner {
	position:relative;
	padding:6px 16px 0
}
.sp-header-btn {
	display:block;
	margin:0 40px 0 0;
	padding:0 16px;
	border-radius:4px;
	text-align:center;
	line-height:30px
}
.sp-header-user-nav {
	float:right;
	margin:4px 0 0
}
.sp-header-user-icon {
	display:block;
	margin:0 40px 0 0;
	color:#333;
	font-size:0;
	opacity:1;
	-webkit-transform:scale(1);
	transform:scale(1);
	transition:all ease-out .3s
}
.sp-header-user-icon.is-focus {
	-webkit-transform:scale(0.8);
	transform:scale(0.8);
	opacity:0
}
.sp-header-user-icon figure {
	display:inline-block;
	position:relative;
	width:32px;
	height:32px;
	margin:0 auto;
	vertical-align:middle
}
.sp-header-user-icon figure>div {
	overflow:hidden;
	border-radius:50%
}
.sp-header-user-icon figcaption {
	position:absolute;
	top:-8px;
	right:-8px;
	width:20px;
	height:20px;
	border-radius:50%;
	background:#ea352d;
	text-align:center;
	line-height:20px;
	font-size:12px;
	color:#fff
}
.sp-header-form {
	position:absolute;
	top:8px;
	right:8px;
	left:8px;
	z-index:2
}
.sp-header-form .icon-search {
	position:absolute;
	top:0;
	right:0;
	z-index:1;
	width:36px;
	height:40px;
	line-height:40px;
	text-align:center;
	transition:all ease-out .3s;
	cursor:pointer
}
.sp-header-search {
	position:absolute;
	top:0;
	right:0;
	z-index:2;
	width:36px;
	height:40px;
	padding:9px 44px 9px 8px;
	border:0;
	background:none;
	font-size:16px;
	line-height:1.5;
	transition:width ease-out .3s
}
.sp-header-search:focus {
	width:100%;
	background:#fff;
	border:1px solid #0099e8
}
.sp-header-search:focus+.icon-search {
	z-index:3;
	color:#333
}
.sp-header-nav {
	position:relative;
	overflow:hidden;
	height:44px;
	line-height:42px;
	-webkit-overflow-scrolling:touch
}
.sp-header-nav:after {
	display:block;
	content:'';
	position:absolute;
	top:0;
	right:0;
	width:24px;
	height:44px;
	background:linear-gradient(to right, rgba(255,255,255,0), #fff)
}
.sp-header-nav ul {
	margin:0 auto;
	padding:0 8px 0 0;
	height:120%;
	white-space:nowrap;
	overflow-x:auto;
	overflow-y:hidden;
	text-align:center
}
.sp-header-nav li {
	display:inline-block
}
.sp-header-nav a {
	display:block;
	color:#333;
	padding:0 16px
}
.pc-header {
	position:relative;
	z-index:1001;
	background:#fff
}
.pc-header h1 a {
	display:block;
	color:#333
}
.pc-header h1 a:hover {
	opacity:1;
	text-decoration:none
}
.pc-header-inner {
	width:700px;
	margin:0 auto;
	padding:8px 0 0
}
@media screen and (min-width: 1068px) {
	.pc-header-inner {
		width:1020px
	}
}
.pc-header-form {
	position:relative;
	width:calc(100% - (134px + 16px))
}
.pc-header-form .input-default {
	width:100%;
	height:36px;
	padding:9px 32px 9px 8px;
	background:#fafafa;
	transition:all ease-out .3s
}
.pc-header-form .input-default:focus {
	border:1px solid #0099e8
}
.pc-header-form .icon-search {
	position:absolute;
	top:0;
	right:0;
	width:36px;
	line-height:36px;
	cursor:pointer;
	text-align:center
}
.pc-header-nav-box {
	margin:8px 0 0
}
.pc-header-nav-root {
	position:relative;
	height:38px;
	line-height:32px
}
.pc-header-nav-root:hover {
	color:#0099e8
}
.pc-header-nav-count {
	position:absolute;
	top:-2px;
	left:6px;
	width:20px;
	height:20px;
	border-radius:50%;
	background:#ea352d;
	text-align:center;
	line-height:20px;
	font-size:12px;
	color:#fff
}
.pc-header-nav {
	font-size:0
}
.pc-header-nav>li {
	position:relative;
	display:inline-block;
	padding:0 0 0 16px
}
.pc-header-nav>li:first-child {
	padding:0
}
.pc-header-nav>li.hover .pc-header-nav-parent,.pc-header-nav>li:hover .pc-header-nav-parent {
	display:block
}
.pc-header-nav h2 {
	font-size:14px;
	font-weight:normal
}
.pc-header-nav a {
	display:block;
	color:#333
}
.pc-header-nav a:hover {
	opacity:1;
	text-decoration:none
}
.pc-header-nav .icon-arrow-bottom {
	margin:0 0 0 8px;
	font-size:7px
}
.pc-header-nav-parent-wrap {
	position:absolute;
	top:38px;
	left:-34px;
	z-index:1000;
	background:#fff;
	box-shadow:0 1px 1px 0 rgba(0,0,0,0.24)
}
@media screen and (min-width: 1068px) {
	.pc-header-nav-parent-wrap {
		left:0
	}
}
.pc-header-nav-parent-wrap a {
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-size:14px
}
.pc-header-nav-parent {
	display:none;
	width:224px
}
.pc-header-nav-parent:hover>ul .pc-header-nav-child,.pc-header-nav-parent.hover>ul .pc-header-nav-child,.pc-header-nav-parent.active>ul .pc-header-nav-child {
	display:block
}
.pc-header-nav-parent h3 {
	font-weight:normal;
	font-size:14px
}
.pc-header-nav-parent h3 a {
	padding:0 16px;
	line-height:44px
}
.pc-header-nav-parent h3 a:hover,.pc-header-nav-parent h3 a.active {
	background:#ea352d;
	color:#fff
}
.pc-header-nav-child-wrap {
	position:absolute;
	top:0;
	left:224px;
	bottom:0;
	background:#fff;
	box-shadow:1px 0 0 0 #eee inset
}
.pc-header-nav-child {
	display:none;
	width:224px
}
.pc-header-nav-child.hover>ul .pc-header-nav-grand-child,.pc-header-nav-child:hover>ul .pc-header-nav-grand-child {
	display:block
}
.pc-header-nav-child>a {
	padding:8px 16px
}
.pc-header-nav-child>a:hover,.pc-header-nav-child>a.active {
	background:#eee
}
.pc-header-nav-grand-child-wrap {
	position:absolute;
	top:0;
	left:224px;
	bottom:0;
	background:#fff;
	box-shadow:1px 0 0 0 #eee inset
}
.pc-header-nav-grand-child {
	display:none;
	width:320px
}
.pc-header-nav-grand-child>a {
	padding:8px 16px
}
.pc-header-nav-grand-child>a:hover {
	background:#eee
}
.pc-header-login-nav>li {
	display:inline-block;
	margin:0 0 0 8px
}
.pc-header-login-nav>li:first-child {
	margin:0
}
.is-browser-container .pc-header-login-nav>li:last-child {
	display:none
}
@media screen and (min-width: 768px) {
	.is-browser-container .pc-header-login-nav>li:last-child {
		display:inline-block
	}
}
.pc-header-login-nav a:hover {
	opacity:1;
	text-decoration:none;
	transition:all ease-out .3s
}
.pc-header-login-nav .sp-header-btn {
	margin:0
}
.pc-header-login-nav .btn-red {
	display:block
}
.header-signup {
	display:block;
	border:1px solid #0099e8;
	background:#fff;
	color:#0099e8
}
.header-signup:hover {
	background:#0099e8;
	color:#fff
}
.pc-header-user-nav {
	font-size:0
}
.pc-header-user-nav>li {
	position:relative;
	display:inline-block;
	padding:0 0 0 16px;
	vertical-align:middle
}
.pc-header-user-nav>li:first-child {
	padding:0
}
.pc-header-user-nav>li:hover .pc-header-user-box {
	display:block
}
.pc-header-user-nav>li>a:hover {
	text-decoration:none;
	opacity:1
}
.pc-header-user-nav>li>a span {
	margin:0 0 0 8px
}
.pc-header-user-nav .sp-header-user-icon {
	margin:0
}
.pc-header-user-nav .sp-header-user-icon figure {
	line-height:0
}
.pc-header-user-nav .sp-header-user-icon figcaption {
	top:-6px;
	right:-6px
}
.pc-header-user-nav .sp-header-user-icon>div {
	display:inline-block;
	margin:0 0 0 8px;
	font-size:14px;
	vertical-align:middle
}
.pc-header-user-nav a {
	display:block;
	font-size:14px;
	color:#333
}
.pc-header-user-nav i,.pc-header-user-nav span {
	vertical-align:middle
}
.pc-header-user-nav .icon-bell {
	font-size:17px
}
.pc-header-user-nav .icon-check {
	font-size:16px
}
.pc-header-user-box {
	position:absolute;
	top:38px;
	z-index:1;
	display:none;
	width:320px;
	background:#fff;
	box-shadow:0 1px 1px 0 rgba(0,0,0,0.24);
	font-size:14px
}
.pc-header-user-box .loading-black {
	height:80px;
	background-position:center
}
.pc-header-mypage-box {
	left:0
}
.pc-header-mypage-box .mypage-nav-list li:first-child {
	border-top:1px solid #eee
}
.pc-header-mypage-state figure {
	padding:28px 0 0;
	height:80px;
	background:url("/assets/img/mypage/user-bg.jpg");
	background-repeat:no-repeat;
	background-size:320px 80px
}
.pc-header-mypage-state figure>div {
	overflow:hidden;
	width:60px;
	height:60px;
	margin:0 auto;
	border-radius:50%;
	box-shadow:0 1px 1px 0 rgba(0,0,0,0.08)
}
.pc-header-mypage-state figcaption {
	margin:8px 0 0;
	padding:0 8px;
	font-size:16px
}
.pc-header-mypage-review-listing {
	margin:40px 0 0;
	padding:8px 8px 0;
	font-size:0;
	text-align:center
}
.pc-header-mypage-review-listing li {
	display:inline-block;
	margin:0 0 0 16px;
	font-size:14px
}
.pc-header-mypage-review-listing li:first-child {
	margin:0
}
.pc-header-mypage-review-listing a:hover {
	text-decoration:underline
}
.pc-header-mypage-sales-point {
	width:300px;
	margin:16px auto;
	background:#fafafa;
	border:1px solid #eee
}
.pc-header-mypage-sales-point li {
	border-top:1px solid #eee
}
.pc-header-mypage-sales-point li:first-child {
	border:0
}
.pc-header-mypage-sales-point a {
	padding:0 8px;
	line-height:40px
}
.pc-header-mypage-sales-point .icon-arrow-right {
	position:relative;
	top:-2px;
	font-size:12px;
	margin:0 0 0 8px;
	color:#ccc
}
.pc-header-notification-box {
	left:50%;
	-webkit-transform:translate(-50%, 0);
	transform:translate(-50%, 0)
}
.pc-header-todo-box {
	right:0
}
.pc-header-user-error {
	padding:24px
}
.single-header {
	text-align:center
}
@media screen and (min-width: 768px) {
	.single-header {
		height:128px
	}
}
.single-header h1 {
	display:inline-block;
	margin:11px 0 12px
}
@media screen and (min-width: 768px) {
	.single-header h1 {
		margin:40px 0 0
	}
}
.single-header a {
	display:inline-block;
	width:120px;
	height:33px;
	margin:0 8px 0 0;
	line-height:33px
}
@media screen and (min-width: 768px) {
	.single-header a {
		width:185px;
		height:49px;
		line-height:49px
	}
}
.single-header img {
	width:120px;
	height:33px
}
@media screen and (min-width: 768px) {
	.single-header img {
		width:185px;
		height:49px
	}
}
.table-defalt {
	display:table;
	width:100%
}
.row-default {
	display:table-row
}
.cell-default {
	display:table-cell;
	padding:16px 0
}
.c-50 {
	width:50%
}
.c-30 {
	width:30%
}
.c-70 {
	width:70%
}
.global-footer {
	padding:40px 0;
	background:#212121;
	text-align:center;
	color:#fff
}
@media screen and (min-width: 768px) {
	.global-footer {
		padding:60px 0
	}
}
@media screen and (min-width: 768px) {
	.global-footer nav {
		width:700px;
		margin:0 auto
	}
}
@media screen and (min-width: 1068px) {
	.global-footer nav {
		width:1020px
	}
}
.global-footer li {
	color:#333
}
.global-footer a {
	color:#fff
}
.download-app a {
	display:block
}
.download-app img {
	margin:0 8px 0 0
}
@media screen and (min-width: 768px) {
	.download-app {
		display:none
	}
}
.footer-head {
	color:#fff;
	font-size:16px
}
.footer-cell {
	margin:40px auto 0
}
@media screen and (min-width: 768px) {
	.footer-cell {
		float:left;
		width:23%;
		margin:0 2% 0 0;
		text-align:left;
		vertical-align:top
	}
	.footer-cell:last-child {
		margin:0
	}
}
.footer-cell li {
	margin:16px 0 0
}
.footer-cell li:first-child {
	margin:24px 0 0
}
.footer-cell a {
	display:block
}
.footer-nav-lang {
	text-align:left
}
.footer-nav-lang img {
	margin:0 8px 0 0
}
.footer-nav-lang a {
	width:110px;
	margin:0 auto;
	opacity:.3
}
.footer-nav-lang a.active {
	opacity:1.0
}
@media screen and (min-width: 768px) {
	.footer-nav-lang a {
		width:auto
	}
}
.footer-logo {
	display:block;
	margin:40px 0 0
}
.footer-copyright {
	margin:8px 0 0
}
.footer-copyright small {
	font-size:14px
}
.footer-address {
	margin:24px 0 0;
	line-height:1.2
}
.footer-sell-btn {
	position:fixed;
	bottom:-14px;
	right:-14px;
	z-index:1000;
	width:80px;
	height:80px;
	border-radius:50%;
	background:#ea352d;
	color:#fff;
	text-align:center
}
@media screen and (min-width: 768px) {
	.footer-sell-btn {
		bottom:32px;
		right:32px;
		width:160px;
		height:160px;
		font-size:22px
	}
}
.footer-sell-btn div {
	margin:14px 0 0
}
@media screen and (min-width: 768px) {
	.footer-sell-btn div {
		margin:32px 0 0
	}
}
.footer-sell-btn:hover {
	opacity:1;
	text-decoration:none
}
.footer-sell-btn .icon-camera {
	margin:4px 0 0;
	font-size:24px
}
@media screen and (min-width: 768px) {
	.footer-sell-btn .icon-camera {
		margin:8px 0 0;
		font-size:54px
	}
}
.single-footer {
	position:absolute;
	right:0;
	bottom:0;
	left:0;
	z-index:1;
	height:250px;
	padding:40px 0;
	text-align:center
}
@media screen and (min-width: 768px) {
	.single-footer {
		width:456px;
		height:220px;
		margin:0 auto
	}
}
.single-footer ul {
	font-size:0
}
.single-footer li {
	margin:16px 0 0;
	font-size:12px
}
@media screen and (min-width: 768px) {
	.single-footer li {
		display:inline-block;
		margin:0 0 0 16px
	}
}
.single-footer li:first-child {
	margin:0
}
.single-footer a {
	display:block;
	color:#333
}
.single-footer p {
	margin:8px 0 0
}
.single-footer small {
	font-size:12px
}
.single-footer-logo {
	width:80px;
	height:65px;
	margin:40px auto 0
}
@font-face {
	font-family:'icon-font';
	src:url("../fonts/icon-font.eot");
	src:url("../fonts/icon-font.eot?#iefix") format("eot"),url("../fonts/icon-font.woff") format("woff"),url("../fonts/icon-font.ttf") format("truetype"),url("../fonts/icon-font.svg#icon-font") format("svg");
	font-weight:normal;
	font-style:normal
}
i[class^='icon-'],i[class*='icon-'] {
	display:inline-block;
	font-family:'icon-font';
	speak:none;
	font-style:normal;
	font-weight:normal;
	font-variant:normal;
	text-transform:none;
	line-height:1;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale
}
.icon-arrow-bottom:before {
	content:'\e001'
}
.icon-arrow-double-left:before {
	content:'\e002'
}
.icon-arrow-double-right:before {
	content:'\e003'
}
.icon-arrow-left:before {
	content:'\e004'
}
.icon-arrow-right:before {
	content:'\e005'
}
.icon-arrow-up:before {
	content:'\e006'
}
.icon-bad:before {
	content:'\e007'
}
.icon-balloon:before {
	content:'\e008'
}
.icon-bell:before {
	content:'\e009'
}
.icon-camera:before {
	content:'\e00a'
}
.icon-car:before {
	content:'\e00b'
}
.icon-card:before {
	content:'\e00c'
}
.icon-cart:before {
	content:'\e00d'
}
.icon-check:before {
	content:'\e00e'
}
.icon-close:before {
	content:'\e00f'
}
.icon-coin:before {
	content:'\e010'
}
.icon-delete:before {
	content:'\e011'
}
.icon-download:before {
	content:'\e012'
}
.icon-facebook:before {
	content:'\e013'
}
.icon-flag:before {
	content:'\e014'
}
.icon-good:before {
	content:'\e015'
}
.icon-google-plus:before {
	content:'\e016'
}
.icon-history:before {
	content:'\e017'
}
.icon-like-border:before {
	content:'\e018'
}
.icon-like:before {
	content:'\e019'
}
.icon-line:before {
	content:'\e01a'
}
.icon-list:before {
	content:'\e01b'
}
.icon-lock:before {
	content:'\e01c'
}
.icon-mail:before {
	content:'\e01d'
}
.icon-message:before {
	content:'\e01e'
}
.icon-minus:before {
	content:'\e01f'
}
.icon-normal:before {
	content:'\e020'
}
.icon-phone:before {
	content:'\e021'
}
.icon-pinterest:before {
	content:'\e022'
}
.icon-plus:before {
	content:'\e023'
}
.icon-search-detail:before {
	content:'\e024'
}
.icon-search:before {
	content:'\e025'
}
.icon-size:before {
	content:'\e026'
}
.icon-sort:before {
	content:'\e027'
}
.icon-star:before {
	content:'\e028'
}
.icon-tag:before {
	content:'\e029'
}
.icon-time:before {
	content:'\e02a'
}
.icon-track:before {
	content:'\e02b'
}
.icon-twitter:before {
	content:'\e02c'
}
.bread-crumbs {
	position:relative;
	border-top:1px solid #eee;
	box-shadow:0 2px 4px 0 rgba(0,0,0,0.16);
	background:#fff
}
.bread-crumbs:after {
	display:block;
	content:'';
	position:absolute;
	top:0;
	right:0;
	width:24px;
	height:100%;
	background:linear-gradient(to right, rgba(255,255,255,0), #fff)
}
.bread-crumbs ul {
	padding:17px 16px 16px;
	font-size:0;
	white-space:nowrap;
	overflow:auto;
	-webkit-overflow-scrolling:touch
}
@media screen and (min-width: 768px) {
	.bread-crumbs ul {
		overflow:visible;
		width:700px;
		margin:0 auto;
		padding:17px 0 16px;
		white-space:normal
	}
}
@media screen and (min-width: 1068px) {
	.bread-crumbs ul {
		width:1020px
	}
}
.bread-crumbs li {
	display:inline-block;
	font-size:14px;
	line-height:1.2
}
.bread-crumbs li:last-child {
	font-weight:bold
}
@media screen and (min-width: 768px) {
	.bread-crumbs li {
		text-overflow:ellipsis;
		white-space:nowrap
	}
}
.bread-crumbs a {
	color:#333
}
.bread-crumbs .icon-arrow-right {
	margin:0 8px;
	font-size:9px;
	color:#888
}
@media screen and (min-width: 768px) {
	.bread-crumbs-overflow {
		overflow:hidden;
		max-width:88%;
		text-overflow:ellipsis;
		white-space:nowrap;
		vertical-align:top
	}
}
@media screen and (min-width: 1068px) {
	.bread-crumbs-overflow {
		max-width:90%
	}
}
.static-page {
	max-width:700px;
	margin:0 auto;
	font-size:16px
}
.static-page h2 {
	margin:20px 4.6875% 0
}
@media screen and (min-width: 768px) {
	.static-page h2 {
		margin:20px 40px 0
	}
}
.static-page h3 {
	margin:32px 0 0;
	font-size:16px
}
.static-page h3+h4,.static-page h3+p,.static-page h3+ul,.static-page h3+ol,.static-page h3+address {
	margin:8px 0 0
}
.static-page h4 {
	margin:8px 0 0;
	font-size:16px;
	line-height:1.5
}
.static-page p {
	margin:0;
	line-height:1.5
}
.static-page li {
	list-style-position:inside;
	line-height:1.5
}
.static-page ul {
	list-style-type:disc
}
.static-page ol {
	margin:0;
	counter-reset:count
}
.static-page ol>li:before {
	counter-increment:count;
	content:"(" counter(count) ") "
}
.static-page ol.period-num>li:before {
	counter-increment:count;
	content:counters(count, ".") " "
}
.static-page .static-revision {
	margin:40px 0 0;
	text-align:right;
	list-style-type:none
}
.static-page-content {
	margin:20px 0;
	padding:40px 4.6875%;
	background:#fff
}
@media screen and (min-width: 768px) {
	.static-page-content {
		padding:40px
	}
}
.static-page-content>section:first-child h3 {
	margin:0
}
@media screen and (min-width: 768px) {
	.static-logo {
		margin:8px 0
	}
}
.static-logo h4,.static-logo h5 {
	margin:0;
	text-align:center
}
.static-logo>li {
	margin:8px 0 0;
	padding:16px;
	background:#f5f5f5;
	list-style:none
}
.static-logo>li:last-child {
	margin:8px 0
}
@media screen and (min-width: 768px) {
	.static-logo>li {
		float:left;
		width:202px;
		padding:8px;
		margin:0 7px 0 0
	}
	.static-logo>li:last-child {
		margin:0
	}
}
.static-logo ul {
	font-size:0;
	text-align:center
}
.static-logo ul li {
	display:inline-block;
	margin:0 8px 0 0;
	font-size:16px
}
.static-logo ul li:last-child {
	margin:0
}
.static-logo img {
	width:100%
}
.static-logo+p {
	margin:8px 0 0
}
.default-container.container-custom-banner {
	padding:70px 0 0
}
@media screen and (min-width: 768px) {
	.default-container.container-custom-banner {
		padding:100px 0 0
	}
}
.custom-banner {
	position:absolute;
	top:0;
	left:0;
	right:0;
	height:70px;
	background:#f5f5f5;
	z-index:1000;
	transition:ease-out .35s
}
@media screen and (min-width: 768px) {
	.custom-banner {
		height:100px
	}
}
.custom-banner .icon-close {
	position:absolute;
	top:50%;
	left:3.125%;
	-webkit-transform:translate(0, -50%);
	transform:translate(0, -50%)
}
.custom-banner-ios,.custom-banner-android {
	display:none
}
.custom-banner-ios.show,.custom-banner-android.show {
	display:block
}
.banner-pattern1 {
	padding:6px 1.875%
}
@media screen and (min-width: 768px) {
	.banner-pattern1 {
		padding:21px 3.125%
	}
}
.banner-pattern1 figure {
	float:left;
	overflow:hidden;
	margin:0 0 0 24px;
	border-radius:16px;
	border:1px solid #ccc
}
.banner-pattern1>div {
	float:right;
	text-align:right
}
.banner-pattern1 a.pattern1-install,.banner-pattern1 a.pattern1-open {
	display:inline-block;
	margin:12px 0 0;
	padding:7px 10px;
	border-radius:4px;
	font-size:11px
}
.banner-pattern1 a.pattern1-install:last-child,.banner-pattern1 a.pattern1-open:last-child {
	margin:0 0 0 8px
}
.banner-pattern1 figcaption {
	display:inline-block;
	vertical-align:middle
}
.banner-pattern1 .user-num {
	margin:0 0 0 4px;
	vertical-align:middle
}
.banner-rating img {
	margin:0 0 0 2px
}
.pattern1-install {
	background:#0099e8;
	border:1px solid #0099e8;
	color:#fff;
	box-shadow:0 1px 0 0 #007ebf
}
.pattern1-open {
	background:#fff;
	border:1px solid #ccc;
	color:#333
}
.accordion-parent .icon-minus,.accordion-parent .icon-plus,.accordion-parent .icon-arrow-right {
	position:absolute;
	top:50%;
	right:20px;
	-webkit-transform:translate(0, -50%);
	transform:translate(0, -50%);
	color:#aaa;
	font-size:14px
}
@media screen and (min-width: 768px) {
	.accordion-parent .icon-minus,.accordion-parent .icon-plus,.accordion-parent .icon-arrow-right {
		display:none
	}
}
.accordion-parent .icon-minus {
	padding:0 0 8px
}
.accordion-toggle {
	position:relative;
	cursor:pointer
}
.accordion-child {
	display:none
}
.app-banner {
	background:#fff
}
@media screen and (min-width: 768px) {
	.app-banner {
		background:url("//www-mercari-jp.akamaized.net/assets/img/common/jp/top/download_bg_pc.jpg");
		background-position:center
	}
}
.app-banner-sp {
	padding:20px
}
@media screen and (min-width: 768px) {
	.app-banner-sp {
		display:none
	}
}
.app-banner-sp a {
	display:block
}
.app-banner-pc {
	overflow:hidden;
	position:relative;
	display:none;
	width:750px;
	height:260px;
	margin:0 auto;
	color:#fff
}
@media screen and (min-width: 768px) {
	.app-banner-pc {
		display:block;
		padding:58px 16px
	}
}
@media screen and (min-width: 1068px) {
	.app-banner-pc {
		padding:47px 0
	}
}
.app-banner-pc h2 {
	margin:0;
	font-size:16px
}
@media screen and (min-width: 1068px) {
	.app-banner-pc h2 {
		font-size:24px
	}
}
.app-banner-pc p {
	margin:10px 0 0;
	font-size:24px;
	color:#fff
}
@media screen and (min-width: 1068px) {
	.app-banner-pc p {
		font-size:35px
	}
}
.app-banner-pc h2,.app-banner-pc p {
	text-shadow:0 0 5px rgba(0,0,0,0.4)
}
.app-banner-pc>figure {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	width:300px;
	height:100%
}
.app-banner-pc>figure img {
	width:100%
}
.app-banner-icon {
	margin:20px 0 0
}
.app-banner-icon figure {
	float:left
}
.app-banner-icon ul {
	float:left;
	margin:0 0 0 24px;
	line-height:68px
}
.app-banner-icon li {
	float:left
}
.app-banner-icon li:last-child {
	margin:0 0 0 16px
}
.app-banner-icon a {
	display:block;
	line-height:68px
}
.app-banner-icon img {
	vertical-align:middle
}
@media screen and (min-width: 768px) {
	.search-category {
		width:700px;
		margin:0 auto;
		padding:40px 0
	}
}
@media screen and (min-width: 1068px) {
	.search-category {
		width:1020px
	}
}
.search-category>div {
	padding:30px 10px 0 10px;
	line-height:30px
}
@media screen and (min-width: 768px) {
	.search-category>div {
		padding:0
	}
}
.search-category h2 {
	float:left
}
.search-category h2+a {
	float:right;
	width:auto;
	border:0;
	color:#ea352d
}
.search-category h2+a .icon-arrow-right {
	font-size:10px
}
.search-category nav {
	margin:14px 0 0
}
@media screen and (min-width: 768px) {
	.search-category ul.accordion-child {
		overflow:auto;
		height:11em
	}
	.search-category ul.accordion-child:after {
		position:absolute;
		bottom:0;
		left:0;
		right:0;
		z-index:1;
		display:block;
		content:'';
		height:2em;
		background:linear-gradient(rgba(245,245,245,0), #f5f5f5)
	}
	.search-category ul.accordion-child li:first-child .search-category-child {
		margin:0
	}
	.search-category ul.accordion-child li:last-child {
		padding:0 0 1em
	}
}
.search-category li {
	position:relative;
	background:#fff
}
@media screen and (min-width: 768px) {
	.search-category li {
		background:none
	}
}
@media screen and (min-width: 768px) {
	.search-category li.accordion-parent {
		position:relative;
		float:left;
		width:23%;
		margin:32px 2% 0 0
	}
	.search-category li.accordion-parent:nth-child(4n) {
		margin:32px 0 0
	}
	.search-category li.accordion-parent:nth-child(4n+1) {
		clear:both
	}
}
@media screen and (min-width: 768px) {
	.search-category li.accordion-parent .accordion-parent {
		float:none;
		width:auto;
		margin:0
	}
	.search-category li.accordion-parent .accordion-parent:nth-child(4n) {
		margin:0
	}
}
.search-category h3 {
	position:relative;
	font-size:20px;
	font-weight:normal;
	border-bottom:solid 1px #eee
}
@media screen and (min-width: 768px) {
	.search-category h3 {
		margin:0 0 16px;
		font-size:16px;
		font-weight:bold;
		border:0;
		pointer-events:none
	}
}
.search-category h3>div {
	overflow:hidden;
	width:83%;
	height:46px;
	line-height:46px;
	margin:0 0 0 15px;
	padding:0 0 0 50px;
	text-overflow:ellipsis;
	white-space:nowrap
}
@media screen and (min-width: 768px) {
	.search-category h3>div {
		width:auto;
		margin:0;
		padding:0;
		height:auto;
		line-height:1.5
	}
}
.search-category h3.category-thumb1:before {
	position:absolute;
	top:50%;
	left:15px;
	display:block;
	content:'';
	width:35px;
	height:35px;
	background:url("//www-mercari-jp.akamaized.net/assets/img/common/common/category/category_thumb1.png");
	background-size:35px 35px;
	-webkit-transform:translate(0, -50%);
	transform:translate(0, -50%)
}
@media screen and (min-width: 768px) {
	.search-category h3.category-thumb1:before {
		display:none
	}
}
.search-category h3.category-thumb2:before {
	position:absolute;
	top:50%;
	left:15px;
	display:block;
	content:'';
	width:35px;
	height:35px;
	background:url("//www-mercari-jp.akamaized.net/assets/img/common/common/category/category_thumb2.png");
	background-size:35px 35px;
	-webkit-transform:translate(0, -50%);
	transform:translate(0, -50%)
}
@media screen and (min-width: 768px) {
	.search-category h3.category-thumb2:before {
		display:none
	}
}
.search-category h3.category-thumb3:before {
	position:absolute;
	top:50%;
	left:15px;
	display:block;
	content:'';
	width:35px;
	height:35px;
	background:url("//www-mercari-jp.akamaized.net/assets/img/common/common/category/category_thumb3.png");
	background-size:35px 35px;
	-webkit-transform:translate(0, -50%);
	transform:translate(0, -50%)
}
@media screen and (min-width: 768px) {
	.search-category h3.category-thumb3:before {
		display:none
	}
}
.search-category h3.category-thumb4:before {
	position:absolute;
	top:50%;
	left:15px;
	display:block;
	content:'';
	width:35px;
	height:35px;
	background:url("//www-mercari-jp.akamaized.net/assets/img/common/common/category/category_thumb4.png");
	background-size:35px 35px;
	-webkit-transform:translate(0, -50%);
	transform:translate(0, -50%)
}
@media screen and (min-width: 768px) {
	.search-category h3.category-thumb4:before {
		display:none
	}
}
.search-category h3.category-thumb5:before {
	position:absolute;
	top:50%;
	left:15px;
	display:block;
	content:'';
	width:35px;
	height:35px;
	background:url("//www-mercari-jp.akamaized.net/assets/img/common/common/category/category_thumb5.png");
	background-size:35px 35px;
	-webkit-transform:translate(0, -50%);
	transform:translate(0, -50%)
}
@media screen and (min-width: 768px) {
	.search-category h3.category-thumb5:before {
		display:none
	}
}
.search-category h3.category-thumb6:before {
	position:absolute;
	top:50%;
	left:15px;
	display:block;
	content:'';
	width:35px;
	height:35px;
	background:url("//www-mercari-jp.akamaized.net/assets/img/common/common/category/category_thumb6.png");
	background-size:35px 35px;
	-webkit-transform:translate(0, -50%);
	transform:translate(0, -50%)
}
@media screen and (min-width: 768px) {
	.search-category h3.category-thumb6:before {
		display:none
	}
}
.search-category h3.category-thumb7:before {
	position:absolute;
	top:50%;
	left:15px;
	display:block;
	content:'';
	width:35px;
	height:35px;
	background:url("//www-mercari-jp.akamaized.net/assets/img/common/common/category/category_thumb7.png");
	background-size:35px 35px;
	-webkit-transform:translate(0, -50%);
	transform:translate(0, -50%)
}
@media screen and (min-width: 768px) {
	.search-category h3.category-thumb7:before {
		display:none
	}
}
.search-category h3.category-thumb8:before {
	position:absolute;
	top:50%;
	left:15px;
	display:block;
	content:'';
	width:35px;
	height:35px;
	background:url("//www-mercari-jp.akamaized.net/assets/img/common/common/category/category_thumb8.png");
	background-size:35px 35px;
	-webkit-transform:translate(0, -50%);
	transform:translate(0, -50%)
}
@media screen and (min-width: 768px) {
	.search-category h3.category-thumb8:before {
		display:none
	}
}
.search-category h3.category-thumb9:before {
	position:absolute;
	top:50%;
	left:15px;
	display:block;
	content:'';
	width:35px;
	height:35px;
	background:url("//www-mercari-jp.akamaized.net/assets/img/common/common/category/category_thumb9.png");
	background-size:35px 35px;
	-webkit-transform:translate(0, -50%);
	transform:translate(0, -50%)
}
@media screen and (min-width: 768px) {
	.search-category h3.category-thumb9:before {
		display:none
	}
}
.search-category h3.category-thumb10:before {
	position:absolute;
	top:50%;
	left:15px;
	display:block;
	content:'';
	width:35px;
	height:35px;
	background:url("//www-mercari-jp.akamaized.net/assets/img/common/common/category/category_thumb10.png");
	background-size:35px 35px;
	-webkit-transform:translate(0, -50%);
	transform:translate(0, -50%)
}
@media screen and (min-width: 768px) {
	.search-category h3.category-thumb10:before {
		display:none
	}
}
.search-category h3.category-thumb1027:before {
	position:absolute;
	top:50%;
	left:15px;
	display:block;
	content:'';
	width:35px;
	height:35px;
	background:url("//www-mercari-jp.akamaized.net/assets/img/common/common/category/category_thumb1027.png");
	background-size:35px 35px;
	-webkit-transform:translate(0, -50%);
	transform:translate(0, -50%)
}
@media screen and (min-width: 768px) {
	.search-category h3.category-thumb1027:before {
		display:none
	}
}
.search-category h3.category-thumb1318:before {
	position:absolute;
	top:50%;
	left:15px;
	display:block;
	content:'';
	width:35px;
	height:35px;
	background:url("//www-mercari-jp.akamaized.net/assets/img/common/common/category/category_thumb1318.png");
	background-size:35px 35px;
	-webkit-transform:translate(0, -50%);
	transform:translate(0, -50%)
}
@media screen and (min-width: 768px) {
	.search-category h3.category-thumb1318:before {
		display:none
	}
}
.search-category a {
	display:block;
	border-bottom:solid 1px #eee
}
.search-category a.accordion-toggle {
	color:#333
}
@media screen and (min-width: 768px) {
	.search-category a {
		border:0
	}
	.search-category a.accordion-toggle {
		color:#0099e8
	}
}
.search-category .accordion-child {
	display:none
}
@media screen and (min-width: 768px) {
	.search-category .accordion-child {
		display:block
	}
}
@media screen and (min-width: 768px) {
	.search-category .search-category-subparent {
		display:none
	}
}
.search-category-child {
	overflow:hidden;
	width:70.3125%;
	margin:0 0 0 50px;
	padding:0 0 0 15px;
	height:46px;
	line-height:46px;
	text-overflow:ellipsis;
	white-space:nowrap
}
@media screen and (min-width: 768px) {
	.search-category-child {
		overflow:visible;
		width:auto;
		margin:16px 0 0;
		padding:0;
		border:0;
		height:auto;
		line-height:1.5;
		white-space:normal
	}
}
.search-category-subchild {
	width:81.25%;
	margin:0 0 0 60px;
	padding:0 14.0625% 0 15px;
	font-size:14px
}


.items-box-head {
	font-size:22px;
	margin:24px 4% 8px
}

div.only_back p {
    background: rgba(255,0,0,0.3);
}

div.only_back {
    background: rgba(255,0,0,0.5);
}



@media screen and (min-width: 768px) {
	.items-box-head {
		margin:24px 0 8px
	}
}
.items-box-content {
	width:92%;
	margin:0 auto
}
@media screen and (min-width: 768px) {
	.items-box-content {
		width:auto
	}

}
.items-box {
	position:relative;
	float:left;
	width:48%;
	margin:0 0 4% 4%;
	background:#fff;
}
.items-box:nth-child(odd) {
	margin:0 0 4%
}
@media screen and (min-width: 768px) {
	.items-box {
		width:220px;
		margin:0 0 20px 20px
	}
	.items-box:nth-child(odd) {
		margin:0
	}
	.items-box:nth-child(2n+1) {
		margin:0 0 20px 20px
	}
	.items-box:nth-child(3n+1) {
		
	}
}
.items-box a {
	display:block;
	color:#333
}
.items-box a:hover {
	opacity:1;
	text-decoration:none
}
.item-sold-out-badge:after {
	display:block;
	content:'';
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	width:0;
	height:0;
	border-style:solid
}
.item-sold-out-badge>div {
	position:absolute;
	left:0;
	z-index:2;
	color:#fff;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
	letter-spacing:2px;
	font-weight:bold
}
@media screen and (min-width: 768px) {
	.item-sold-out-badge>div {
		top:20px;
		font-size:26px
	}
}
.item-sold-out-badge:after {
	border-width:65px 65px 0 0;
	border-color:#ea352d transparent transparent transparent
}
@media screen and (min-width: 768px) {
	.item-sold-out-badge:after {
		border-width:100px 100px 0 0
	}
}
.item-sold-out-badge>div {
	top:14px;
	font-size:16px
}
@media screen and (min-width: 768px) {
	.item-sold-out-badge>div {
		top:20px;
		font-size:26px
	}
}
.item-stop-badge:after {
	display:block;
	content:'';
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	width:0;
	height:0;
	border-style:solid
}
.item-stop-badge>div {
	position:absolute;
	left:0;
	z-index:2;
	color:#fff;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
	letter-spacing:2px;
	font-weight:bold
}
@media screen and (min-width: 768px) {
	.item-stop-badge>div {
		top:20px;
		font-size:26px
	}
}
.item-stop-badge:after {
	border-width:120px 120px 0 0;
	border-color:#888 transparent transparent transparent
}
.item-stop-badge>div {
	top:34px;
	left:-5px;
	font-size:18px
}
.items-box-photo {
	/* overflow:hidden; */
	position:relative;
	width:100%;
	height:0;
	padding:0 0 100%
}


@media screen and (max-width: 480px) {
.items-box{    height: 344px !important;}

}

@media screen and (min-width: 768px) {

.items-box{    height: 420px;}
	.items-box-photo {
		width:220px;
		height:220px
	}
}
.items-box-photo img {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:1;
	width:100%
}
.items-box-body {
	padding:10px;
	/* height:100px */
}

.items-box-body-tokucho {
	overflow:hidden;
	position:relative;
	font-weight:normal;
	height:3em;
	line-height:1.3;
	word-break:break-word;
	white-space:normal
}

.items-box-body-tokucho:after {
	display:block;
	content:'';
	position:absolute;
	bottom:0;
	right:0;
	width:50%;
	height:1.0em;
	background:linear-gradient(to right, rgba(255,255,255,0), #fff 72%)
}

@media screen and (max-width: 767px) {
.items-box-body-tokucho {
	overflow:hidden;
	position:relative;
	font-weight:normal;
	height:36px;
	line-height:1;
	word-break:break-word;
	white-space:normal
}

.items-box-body-tokucho:after {
	display:block;
	content:'';
	position:absolute;
	bottom:0;
	right:0;
	width:50%;
	height:1.3em;
	background:linear-gradient(to right, rgba(255,255,255,0), #fff 72%)
}

.items-box{    height: 375px;}
}


/*ズバリを表示させる*/
.items-box-body-zubari {
	padding:10px;
	background-image: url(./images/zubarikai.png);
	background-repeat: no-repeat;
	background-position: 20% 60%;
	background-size: 90%;
}

/*クーポン値下げバツ印とアイコン表示させる*/
.items-box-body-coupon {
	padding:10px;
	background-image: url(./images/pricecoupon.png);
	background-repeat: no-repeat;
	background-position: 20% 60%;
	background-size: 90%;
}


.items-box-body2 {
	padding:8px 8px;
	height:60px;
	float:center
}


.items-box-name {
	overflow:hidden;
	position:relative;
	font-weight:normal;
	height:3em;
	line-height:1.5;
	word-break:break-word;
	white-space:normal
}
.items-box-name:after {
	display:block;
	content:'';
	position:absolute;
	bottom:0;
	right:0;
	width:50%;
	height:1.5em;
	background:linear-gradient(to right, rgba(255,255,255,0), #fff 72%)
}
.items-box-num {
	margin:8px 0 0
}
.items-box-price {
	text-align:center;
	background-color:#f5e70a;
	padding:8px;
	font-family:Century Gothic;
}
.items-box-likes {
	float:right
}
.items-box-likes i {
	margin:0 4px 0 0;
	vertical-align:middle
}
.items-box-likes span {
	display:inline-block;
	margin:1px 0 0;
	vertical-align:middle
}
.items-box-overflow {
	overflow:hidden
}
.items-box-overflow .items-box-content {
	width:auto;
	overflow-x:auto;
	overflow-y:hidden;
	padding:0 10px;
	white-space:nowrap;
	-webkit-overflow-scrolling:touch;
	font-size:0
}
@media screen and (min-width: 768px) {
	.items-box-overflow .items-box-content {
		padding:0
	}
}
.items-box-overflow .items-box {
	float:none;
	display:inline-block;
	width:55%;
	max-width:220px;
	margin:0 5px;
	vertical-align:top
}
@media screen and (min-width: 768px) {
	.items-box-overflow .items-box {
		float:left;
		display:block;
		width:auto;
		margin:0 0 20px 20px;
		vertical-align:inherit
	}
	.items-box-overflow .items-box:nth-child(odd) {
		margin:0
	}
	.items-box-overflow .items-box:nth-child(2n+1) {
		margin:0 0 20px 20px
	}
	.items-box-overflow .items-box:nth-child(3n+1) {
		margin:0 0 20px
	}
}
.parts-head {
	margin:0 4%;
	font-size:18px
}
@media screen and (min-width: 768px) {
	.parts-head {
		margin:0
	}
}
.parts-nav {
	margin:8px 4% 0
}
@media screen and (min-width: 768px) {
	.parts-nav {
		margin:8px 0 0
	}
}
.parts-nav li {
	float:left;
	margin:16px 16px 0 0
}
.parts-nav li:last-child {
	margin:16px 0 0
}
.message-content {
	padding:24px 7.5%;
	background:#fff
}
@media screen and (min-width: 768px) {
	.message-content {
		padding:24px
	}
}
.message-items {
	margin:0
}
.message-items li {
	margin:60px 0 0
}
.message-items li:first-child {
	margin:1.5em 0 0
}
.message-user {
	float:left;
	position:relative;
	top:-20px;
	display:inline-block;
	color:#333
}
.message-user figure>div {
	width:40px;
	height:40px;
	overflow:hidden;
	border-radius:50%
}
.message-user img {
	width:100%
}
.message-user figcaption {
	overflow:hidden;
	position:absolute;
	top:0;
	left:56px;
	max-width:100%;
	min-width:214px;
	height:1.2em;
	white-space:nowrap;
	text-overflow:ellipsis
}
@media screen and (min-width: 768px) {
	.message-user figcaption {
		width:600px;
		min-width:600px
	}
}
.message-body {
	float:right;
	position:relative;
	width:calc(100% - 56px);
	padding:16px;
	background:#eef0f4;
	border-radius:15px;
	line-height:1.5;
	word-break:break-all
}
@media screen and (min-width: 768px) {
	.message-body {
		width:600px
	}
}
.message-body .icon-balloon {
	position:absolute;
	top:8px;
	left:-9px;
	color:#eef0f4
}
.message-icons {
	margin:8px 0 0
}
.message-icons time {
	display:block;
	color:#aaa
}
.message-icons i,.message-icons span {
	vertical-align:middle
}
.message-icons a,.message-icons div {
	display:inline-block;
	color:#aaa;
	text-decoration:none
}
.message-icons a:hover,.message-icons div:hover {
	opacity:1
}
.message-icons div {
	cursor:pointer
}
.message-icon-left {
	float:left
}
.message-icon-right {
	float:right
}
.message-icon-right form {
	display:inline
}
.message-delete {
	margin:0 0 0 8px
}
.message-is-seller {
	margin:8px 0 0;
	padding:4px;
	background:#eef0f4;
	color:#000
}
.message-is-seller-self {
	background:#fbf0e6
}
.message-user-unknown {
	background:#eee;
	text-align:center
}
.message-user-unknown img {
	width:32px;
	height:32px;
	margin:10px 0 0;
	vertical-align:bottom
}
.message-self .message-user {
	float:right;
	color:#ea352d
}
.message-self .message-user figcaption {
	left:auto;
	right:56px;
	text-align:right
}
.message-self .message-body {
	float:left;
	background:#fbf0e6
}
.message-self .message-body .icon-balloon {
	right:-9px;
	-webkit-transform:scaleX(-1);
	transform:scaleX(-1);
	color:#fbf0e6
}
.message-form p {
	padding:8px;
	font-size:14px;
	background:#fff6de
}
.message-form .textarea-default {
	margin:8px 0 0
}
.message-submit {
	width:100%;
	margin:8px 0 0;
	font-size:0;
	text-align:center
}
.message-submit .icon-message {
	margin:0 8px 0 0;
	vertical-align:middle;
	font-size:16px
}
.message-submit span {
	font-size:14px;
	vertical-align:middle
}
.message-cant-show {
	padding:40px;
	line-height:1.5
}
.social-media-box {
	margin:16px 0 0;
	text-align:center;
	font-size:0
}
.social-media-box li {
	display:inline-block;
	margin:0 8px 8px 0;
	vertical-align:middle;
	text-align:center
}
.social-media-box li:last-child {
	margin:0 0 8px
}
@media screen and (min-width: 1068px) {
	.social-media-box li.social-hidden-item {
		display:none
	}
}
.social-media-box li a {
	display:block
}
.social-media-box i {
	width:44px;
	height:44px;
	border-radius:4px;
	line-height:44px
}
.setting-profile-icon {
	padding:72px 16px 24px;
	background:url("//www-mercari-jp.akamaized.net/assets/img/mypage/user-bg.jpg");
	background-repeat:no-repeat;
	background-size:cover;
	text-align:center;
	font-size:0
}
.setting-profile-icon figure {
	display:inline-block;
	overflow:hidden;
	width:60px;
	height:60px;
	border-radius:50%;
	vertical-align:middle
}
.setting-profile-icon .input-default {
	width:220px;
	margin:0 0 0 8px;
	vertical-align:middle
}
.setting-profile-content {
	padding:40px 16px
}
.setting-profile-content .textarea-default {
	min-height:216px
}
.setting-profile-content .btn-red {
	margin:16px 0 0
}
.settings-payment-list {
	position:relative;
	margin:16px 0 0
}
.settings-payment-num {
	margin:8px 0 0;
	font-size:16px
}
.settings-payment-remove {
	position:absolute;
	top:0;
	right:0;
	display:inline-block;
	padding:4px 6px;
	background:#fff;
	border-radius:3px;
	border:1px solid #ea352d;
	color:#ea352d
}
.settings-not-regist h3 {
	color:#888;
	font-size:16px;
	font-weight:normal;
	text-align:center
}
.settings-not-regist a {
	display:block;
	margin:40px 0 0;
	text-align:right
}
.settings-not-regist a span {
	vertical-align:middle
}
.settings-not-regist a i {
	vertical-align:middle
}
.settings-not-regist a i:first-child {
	margin:0 8px 0 0
}
.settings-not-regist a i:last-child {
	margin:0 0 0 8px
}
.settings-email-passoword-info {
	line-height:1.5
}
.settings-email-passoword-info>span {
	padding:4px 6px;
	background:#eee
}
.items-box-container+.pager {
	margin:20px 0 0
}
@media screen and (min-width: 768px) {
	.items-box-container+.pager {
		margin:40px 0 0
	}
}
.pager {
	position:relative;
	font-size:0;
	text-align:center
}
.pager-cell {
	display:inline-block;
	width:44px;
	height:44px;
	border-radius:4px;
	background:#fff;
	border:1px solid #ccc;
	font-size:14px;
	line-height:42px
}
.pager-cell.active {
	color:#fff;
	background:#ea352d
}
.pager-cell a {
	display:block;
	color:#333
}
.pager-cell a:hover {
	opacity:1;
	background:#f5f5f5;
	text-decoration:none
}
.pager-num {
	max-width:220px;
	margin:0 auto
}
.pager-prev,.pager-next {
	position:absolute;
	top:0
}
.pager-prev i,.pager-next i {
	position:relative;
	top:.15em
}
.pager-prev {
	left:0
}
.pager-next {
	right:0
}
.tab-content .tab-pane {
	display:none
}
.tab-content .tab-pane.active {
	display:block
}
.nav-tabs li {
	background:#ccc
}
.nav-tabs li.active {
	background:#fff
}
.nav-tabs a {
	display:block;
	line-height:48px;
	padding:0 15px
}
.nav-tabs a:hover {
	text-decoration:none
}
html.modal-open {
	overflow:hidden
}
body.modal-open {
	overflow:hidden
}
.overlay {
	display:none;
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:2999;
	background:rgba(0,0,0,0.64);
	transition:all ease-out .3s;
	opacity:0
}
.overlay.modal-open {
	display:block
}
.overlay.is-animate {
	opacity:1
}
.modal {
	display:none;
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:3000;
	overflow-x:hidden;
	overflow-y:auto;
	-webkit-overflow-scrolling:touch;
	transition:all ease-out .3s;
	opacity:0;
	-webkit-transform:translate(0, -10px);
	transform:translate(0, -10px)
}
.modal.is-show {
	display:block
}
.modal.is-animate {
	opacity:1;
	-webkit-transform:translate(0, 0);
	transform:translate(0, 0)
}
.modal img {
	width:100%
}
.modal-inner {
	position:relative;
	overflow:hidden;
	width:95%;
	max-width:375px;
	margin:8px auto;
	background:#fff
}
@media screen and (min-width: 768px) {
	.modal-inner {
		max-width:none;
		width:600px;
		margin:20px auto
	}
}
.modal-inner .icon-close {
	position:absolute;
	top:8px;
	right:8px;
	width:44px;
	height:44px;
	border-radius:50%;
	background:rgba(0,0,0,0.64);
	text-align:center;
	line-height:44px;
	color:#fff;
	cursor:pointer
}
.modal-head {
	font-size:16px
}
.modal-body {
	padding:32px 2.5%;
	line-height:1.5
}
@media screen and (min-width: 768px) {
	.modal-body {
		padding:64px
	}
}
.modal-btn {
	border-top:1px solid #ccc;
	width:50%;
	text-align:center;
	line-height:49px
}
@media screen and (min-width: 768px) {
	.modal-btn {
		line-height:63px;
		cursor:pointer
	}
}
.modal-btn-cancel {
	float:left
}
.modal-btn-submit {
	float:right;
	border-left:1px solid #ccc;
	color:#0099e8
}
.modal-btnyes {
	width:100%
}
.modal-btn-yes {
	border-top:1px solid #ccc;
	width:100%;
	text-align:center;
	line-height:49px
}
@media screen and (min-width: 768px) {
	.modal-btn-yes {
		line-height:63px;
		cursor:pointer
	}
}
.modal-banner {
	text-align:center
}
.modal-banner h2 {
	font-size:22px;
	line-height:1;
	color:#ea352d
}
@media screen and (min-width: 768px) {
	.modal-banner h2 {
		font-size:34px
	}
}
.modal-banner p {
	margin:16px 0 0;
	font-size:13px
}
@media screen and (min-width: 768px) {
	.modal-banner p {
		font-size:18px
	}
}
.modal-banner-eye-catch {
	overflow:hidden;
	position:relative;
	background:url("//www-mercari-jp.akamaized.net/assets/img/common/common/bg-modal-app-banner.jpg");
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center
}
@media screen and (min-width: 768px) {
	.modal-banner-eye-catch {
		height:310px
	}
}
@media screen and (min-width: 768px) {
	.modal-banner-eye-catch img:first-child {
		width:auto;
		height:100%
	}
}
.modal-banner-eye-catch img:last-child {
	position:absolute;
	top:8px;
	left:8px;
	width:63px;
	height:17px
}
@media screen and (min-width: 768px) {
	.modal-banner-eye-catch img:last-child {
		top:16px;
		left:16px;
		width:110px;
		height:29px
	}
}
.modal-banner-body {
	padding:16px 2.5%
}
.modal-banner-app {
	margin:16px 0 0;
	font-size:0;
	text-align:center
}
.modal-banner-app a {
	display:inline-block;
	margin:0 0 0 8px
}
.modal-banner-app a:first-child {
	margin:0
}
.modal-banner-app img {
	width:116px;
	height:34px
}
@media screen and (min-width: 768px) {
	.modal-banner-app img {
		width:168px;
		height:50px
	}
}
.modal-banner-app-open {
	display:block;
	width:100%;
	margin:32px 0 0;
	background:#ea352d;
	font-size:16px;
	color:#fff;
	line-height:50px
}
[data-comment='body'] {
	margin:16px 0 0;
	padding:16px;
	background:#eee
}
.progress-bar {
	font-size:0;
	text-align:center
}
@media screen and (min-width: 768px) {
	.progress-bar {
		display:inline-block;
		vertical-align:top
	}
}
.progress-bar ol {
	margin:0
}
.progress-bar li {
	position:relative;
	z-index:1;
	display:inline-block;
	min-width:40px;
	margin:0 5% 0 0;
	font-size:12px;
	color:#888
}
@media screen and (min-width: 768px) {
	.progress-bar li {
		min-width:60px
	}
}
@media screen and (min-width: 768px) {
	.progress-bar li {
		margin:0 40px 0 0
	}
}
.progress-bar li:first-child .progress-status:before {
	display:none
}
.progress-bar li:last-child {
	margin:0
}
.progress-bar li:last-child .progress-status:after {
	display:none
}
.progress-bar li.active {
	font-weight:bold;
	color:#ea352d
}
.progress-bar li.active .progress-status {
	background:#ea352d
}
.progress-bar li.active .progress-status:before {
	background:#ea352d
}
.progress-bar li.through .progress-status {
	background:#ea352d
}
.progress-bar li.through .progress-status:before,.progress-bar li.through .progress-status:after {
	background:#ea352d
}
.progress-status {
	width:12px;
	height:12px;
	margin:8px auto 0;
	background:#ccc;
	border-radius:50%
}
.progress-status.no-cicle {
	width:0;
	border-radius:0;
	background:#ccc
}
.progress-status:before,.progress-status:after {
	position:absolute;
	bottom:5px;
	z-index:-1;
	display:block;
	content:'';
	width:100%;
	height:2px;
	background:#ccc
}
.progress-status:before {
	right:50%
}
.progress-status:after {
	left:50%
}
[data-dropdown='content'] {
	display:none
}
[data-dropdown='content'].is-show {
	display:block
}
.grid {
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap
}
.grid-cell {
	-webkit-flex:1;
	-ms-flex:1;
	flex:1
}
.owl-carousel {
	position:relative
}
.owl-carousel .owl-stage {
	position:relative
}
.owl-carousel .owl-stage-outer {
	position:relative;
	overflow:hidden
}
.owl-carousel .owl-item {
	position:relative;
	min-height:1px;
	float:left;
	-webkit-backface-visibility:hidden;
	-webkit-tap-highlight-color:transparent;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}
.owl-carousel img {
	width:100%
}
.owl-carousel .owl-lazy {
	opacity:0;
	transition:opacity 400ms ease
}
.owl-carousel .owl-nav {
	display:none
}
.owl-dots {
	line-height:0
}
.owl-dot {
	overflow:hidden;
	display:inline-block;
	width:25%;
	max-height:90px;
	opacity:.4;
	cursor:pointer
}
@media screen and (min-width: 768px) {
	.owl-dot {
		width:75px;
		max-height:75px
	}
}
.owl-dot.active {
	opacity:1;
	cursor:default
}
.owl-dot span {
	display:inline-block
}
.lazyload,.lazyloading {
	opacity:0
}
.lazyloaded {
	opacity:1;
	transition:opacity .3s
}
.pc-top-store {
	width:264px;
	margin:0 auto
}
@media screen and (min-width: 1068px) {
	.pc-top-store {
		width:348px
	}
}
.pc-top-store>a {
	float:left;
	width:128px;
	height:38px;
	margin:0 0 0 8px
}
@media screen and (min-width: 1068px) {
	.pc-top-store>a {
		width:170px;
		height:50px
	}
}
.pc-top-store>a:first-child {
	margin:0
}
.top-main-visual {
	display:none;
	height:290px;
	background:url("//www-mercari-jp.akamaized.net/assets/img/common/jp/top/main_bg_pc.jpg");
	background-size:cover
}
@media screen and (min-width: 768px) {
	.top-main-visual {
		display:block
	}
}
@media screen and (min-width: 1068px) {
	.top-main-visual {
		height:390px
	}
}
.top-main-visual>div {
	position:relative;
	max-width:730px;
	height:100%;
	margin:0 auto
}
@media screen and (min-width: 1068px) {
	.top-main-visual>div {
		max-width:860px
	}
}
.top-main-visual>div>img {
	position:absolute;
	top:0;
	right:0;
	height:100%
}
.top-main-visual h2 {
	font-size:40px;
	line-height:1.2
}
@media screen and (min-width: 1068px) {
	.top-main-visual h2 {
		font-size:60px
	}
}
.top-main-visual p {
	margin:16px 0 0;
	font-size:16px;
	line-height:1.77778
}
@media screen and (min-width: 1068px) {
	.top-main-visual p {
		font-size:18px
	}
}
.top-main-visual h2,.top-main-visual p {
	text-shadow:0 0 5px rgba(0,0,0,0.4)
}
.top-main-visual-content {
	position:absolute;
	top:50%;
	left:0;
	-webkit-transform:translate(0, -50%);
	transform:translate(0, -50%)
}
.top-main-visual-store {
	margin:24px 0 0;
	line-height:0
}
.top-main-visual-store>a {
	display:inline-block;
	width:128px;
	height:38px;
	margin:0 0 0 8px
}
@media screen and (min-width: 1068px) {
	.top-main-visual-store>a {
		width:170px;
		height:50px
	}
}
.top-main-visual-store>a:first-child {
	margin:0
}
.top-main-visual-store>a img {
	width:100%
}
#sp-top-dl {
	width:264px;
	margin:20px auto
}
@media screen and (min-width: 480px) {
	#sp-top-dl {
		width:468px
	}
}
#sp-top-dl a {
	float:left;
	display:block;
	width:128px;
	height:38px;
	margin:0 8px 0 0
}
@media screen and (min-width: 480px) {
	#sp-top-dl a {
		width:230px;
		height:68px
	}
}
#sp-top-dl a:last-child {
	margin:0
}
.top-introduction {
	padding:40px 20px
}
.top-introduction ul {
	margin:0 auto;
	font-size:0;
	text-align:center
}
@media screen and (min-width: 768px) {
	.top-introduction ul {
		min-width:730px;
		max-width:750px
	}
}
@media screen and (min-width: 1068px) {
	.top-introduction ul {
		min-width:960px;
		max-width:1072px
	}
}
.top-introduction li {
	margin:32px 0 0
}
@media screen and (min-width: 768px) {
	.top-introduction li {
		display:inline-block;
		width:30%;
		margin:16px 3.3% 0 0;
		vertical-align:top
	}
	.top-introduction li:last-child {
		margin:16px 0 0
	}
}
@media screen and (min-width: 768px) {
	.top-introduction h2 {
		font-size:26px
	}
}
.top-introduction h3 {
	margin:24px 0 0
}
@media screen and (min-width: 768px) {
	.top-introduction h3 {
		font-size:20px;
		margin-bottom:2px
	}
}
@media screen and (min-width: 1068px) {
	.top-introduction h3 {
		font-size:28px
	}
}
.top-introduction p {
	margin:16px 0;
	font-size:18px;
	line-height:1.5
}
@media screen and (min-width: 768px) {
	.top-introduction p {
		font-size:20px;
		margin:8px 0 0
	}
	.top-introduction p.top-introduction-description {
		font-weight:300;
		margin:16px 0 0
	}
}
.top-introduction img {
	width:100%;
	margin:16px 0 0
}
.top-introduction-num {
	display:inline-block;
	width:40px;
	height:40px;
	margin:0 8px 0 0;
	border-radius:50%;
	background:#ea352d;
	text-align:center;
	line-height:40px;
	font-size:24px;
	color:#fff
}
@media screen and (min-width: 1068px) {
	.top-introduction-num {
		width:50px;
		height:50px;
		line-height:50px;
		font-size:30px
	}
}
#top-middle-dl-area {
	padding:10px 8px 40px;
	margin-right:auto;
	margin-left:auto
}
#top-middle-dl-area .visible-sp {
	padding-top:12px
}
#top-middle-dl-area p {
	font-size:18px;
	margin-top:18px;
	margin-bottom:18px;
	line-height:1.5
}
@media screen and (min-width: 768px) {
	#top-middle-dl-area {
		position:relative;
		padding:0;
		height:400px;
		background:url("//www-mercari-jp.akamaized.net/assets/img/common/jp/top/download_area_bg_pc.jpg");
		background-size:cover;
		background-position:center;
		color:#fff
	}
	#top-middle-dl-area h2 {
		margin:0;
		font-size:27px;
		letter-spacing:.03em
	}
	#top-middle-dl-area p {
		color:#fff
	}
	#top-middle-dl-area .pc-top-store {
		padding-top:7px
	}
}
@media screen and (min-width: 768px) {
	.top-middle-dl-area-inner {
		position:absolute;
		top:50%;
		left:5%;
		right:5%;
		-webkit-transform:translate(0, -50%);
		transform:translate(0, -50%)
	}
}
.download-btn-red-sp {
	display:block;
	height:60px;
	border-radius:8px;
	background:#ea352d;
	color:#fff;
	line-height:60px;
	text-align:center
}
.download-btn-red-sp .icon-download {
	position:relative;
	top:-.15em;
	margin:0 8px 0 0;
	vertical-align:middle
}
.top-key-features {
	max-width:1080px;
	margin:60px auto;
	padding:0 16px
}
.top-key-features h2 {
	font-size:27px;
	margin-top:20px;
	margin-bottom:40px
}
@media screen and (min-width: 768px) {
	.top-key-features h2 {
		margin:0 0 40px
	}
}
.top-key-features .col-sm-3 {
	padding-left:20px;
	padding-right:20px
}
.top-key-features figure {
	width:120px;
	height:120px;
	margin:0 auto;
	border-radius:50%;
	background:#f5f5f5;
	color:#ea352d;
	line-height:120px;
	text-align:center
}
.top-key-features img {
	width:64px;
	height:64px;
	vertical-align:middle
}
@media screen and (min-width: 768px) {
	.top-key-features-container {
		max-width:700px;
		margin:0 auto
	}
}
@media screen and (min-width: 1068px) {
	.top-key-features-container {
		max-width:1020px
	}
}
@media screen and (min-width: 768px) {
	.top-key-features-item {
		float:left;
		width:50%;
		height:310px;
		padding:0 2%
	}
	.top-key-features-item:first-child {
		padding:0 2% 0 0
	}
	.top-key-features-item:last-child {
		padding:0 0 0 2%
	}
}
@media screen and (min-width: 1068px) {
	.top-key-features-item {
		width:25%;
		height:300px
	}
}
.top-key-features-subtitle {
	font-size:19px;
	margin:20px 0 16px
}
@media screen and (min-width: 768px) {
	.top-key-features-subtitle {
		margin:38px 0 10px
	}
}
.top-key-features-description {
	margin:0 0 20px;
	font-size:17px;
	font-weight:200;
	line-height:1.5
}
@media screen and (min-width: 768px) {
	.top-key-features-description {
		margin:0 0 40px
	}
}
.

{
	padding:40px 0;
	background:#f5f5f5
}
.pickup-container h2 {
	text-align:center
}
.pickup-container .items-box-container>h3 {
	margin:26px 4% 11px
}
@media screen and (min-width: 768px) {
	.pickup-container .items-box-container>h3 {
		margin-left:0
	}
}
@media screen and (min-width: 768px) {
	.pickup-container .items-box-container {
		width:700px;
		margin:0 auto
	}
}
@media screen and (min-width: 1068px) {
	.pickup-container .items-box-container {
		width:940px
	}
}
@media screen and (min-width: 768px) {
	.pickup-container .items-box:last-child {
		display:none
	}
}
@media screen and (min-width: 1068px) {
	.pickup-container .items-box:last-child {
		display:block;
		margin:0 0 0 20px
	}
}
.pickup-head {
	font-size:28px
}
.item-base {
	background:#fff;
	padding:0 16px
}
@media screen and (min-width: 768px) {
	.item-base {
		padding:0 50px
	}
}
.icon {
	display:inline-block
}
.item-name {
	font-size:24px;
	text-align:center
}
.item-wording {
	margin:8px 0 0;
	font-size:14px;
	color:#888;
	line-height:1.5
}
.item-wording a {
	color:currentColor
}
.deleted-item-name {
	background:#fff;
	padding:24px 16px;
	font-size:16px;
	text-align:center
}
.item-main-content {
	margin:16px 0 0
}
.item-box-container {
	background:#fff;
	padding:24px 16px 55px 16px
}
@media screen and (min-width: 768px) {
	.item-box-container {
		padding:24px 40px 40px
	}
}
.item-box-container .item-sold-out-badge>div {
	top:24px;
	font-size:28px
}
.item-box-container .item-sold-out-badge:after {
	border-width:120px 120px 0 0
}
.item-photo {
	position:relative;
	min-width:280px;
	max-width:360px;
	min-height:280px;
	margin:0 auto;
	background:#fafafa
}
@media screen and (min-width: 768px) {
	.item-photo {
		float:left;
		min-width:300px;
		max-width:300px;
		min-height:375px
	}
}
.item-price-box {
	margin:24px 0 0
}
.item-shipping-fee {
	display:inline-block;
	font-size:16px
}
.item-price {
	margin:0 8px 0 0;
	font-size:32px
}
@media screen and (min-width: 768px) {
	.item-price {
		margin:0 16px 0 0;
		font-size:50px
	}
}
.sales-point-message {
	display:inline-block;
	position:relative;
	line-height:1.5;
	color:#fff;
	background:#05B0B4;
	margin:20px 0 0 0;
	padding:8px;
	border-radius:4px
}
.sales-point-message:after {
	content:'';
	position:absolute;
	bottom:-10px;
	left:50%;
	width:0;
	height:0;
	border-style:solid;
	border-width:10px 7.5px 0 7.5px;
	border-color:#05B0B4 transparent transparent transparent
}
.item-buy-btn {
	display:block;
	height:56px;
	margin:16px 0 0;
	background:#ea352d;
	color:#fff;
	line-height:56px;
	text-align:center;
	font-weight:bold;
	transition:all ease-out .3s
}
@media screen and (min-width: 768px) {
	.item-buy-btn {
		height:60px;
		line-height:60px
	}
	.item-buy-btn:hover {
		background:#e62017;
		color:#fff;
		text-decoration:none;
		opacity:1
	}
}
.item-buy-btn.disabled {
	background:#888;
	cursor:not-allowed
}
.item-buy-btn-client {
	margin:16px 0 0
}
.item-buy-btn-client a {
	display:block
}
.item-open-app {
	width:100%;
	margin:24px 0 0;
	background:#ea352d;
	color:#fff;
	line-height:60px;
	text-align:center;
	font-weight:bold
}
.item-description {
	padding:24px 0 0;
	line-height:1.5
}
@media screen and (min-width: 768px) {
	.item-description {
		padding:32px 0 0
	}
}
.item-detail-message {
	margin:8px 0 0
}
.item-social-media-box {
	margin:24px 0 0;
	background:#fff;
	padding:16px 0 8px
}
@media screen and (min-width: 768px) {
	.item-social-media-box {
		padding:32px 0 24px
	}
}
.item-button-container {
	margin:16px 0 0;
	font-size:0
}
.item-button-container i {
	font-size:14px;
	vertical-align:middle
}
.item-button-container i.rubber-band {
	-webkit-animation:rubber-band 1s;
	animation:rubber-band 1s
}
.item-button-container i.fade-out {
	-webkit-animation:fade-out ease-out 1s;
	animation:fade-out ease-out 1s
}
.item-button-container span {
	display:inline-block;
	margin:1px 0 0 8px;
	font-size:12px;
	vertical-align:middle
}
@media screen and (min-width: 768px) {
	.item-button-container span {
		font-size:14px
	}
}
.item-button-container span.fade-in-up {
	-webkit-animation:fade-in-up ease-out .4s forwards;
	animation:fade-in-up ease-out .4s forwards
}
.item-button-container span.fade-out-up {
	-webkit-animation:fade-out-up ease-out .4s forwards;
	animation:fade-out-up ease-out .4s forwards
}
.item-button-container span.fade-in-down {
	-webkit-animation:fade-in-down ease-out .4s forwards;
	animation:fade-in-down ease-out .4s forwards
}
.item-button-container a {
	display:inline-block
}
@media screen and (min-width: 768px) {
	.item-button-left {
		float:left
	}
}
.item-button-right {
	margin:16px 0 0
}
@media screen and (min-width: 768px) {
	.item-button-right {
		margin:8px 0 0;
		float:right
	}
}
.item-button {
	display:inline-block;
	padding:8px 16px;
	border-radius:40px;
	transition:all ease-out .3s
}
.item-button-like {
	color:#333;
	border:1px solid #f5f5f5;
	background:#f5f5f5
}
.item-button-like.has-error {
	-webkit-animation:wobble 1s forwards;
	animation:wobble 1s forwards
}
.item-button-like.is-liked {
	border:1px solid #ea352d;
	background:none;
	color:#ea352d
}
.item-button-like .icon-loading {
	margin:0 0 0 8px
}
.item-button-report {
	margin:0 0 0 8px;
	color:#333;
	background:#f5f5f5
}
@media screen and (min-width: 768px) {
	.item-button-report {
		margin:0 0 0 16px
	}
}
.item-download-head {
	height:38px;
	margin:16px 0 0;
	background:#ea352d;
	color:#fff;
	font-size:18px;
	line-height:38px
}
.item-download-head+.pc-top-store {
	display:table;
	width:100%;
	text-align:center
}
.item-download-head+.pc-top-store>div {
	display:table-cell;
	background:#fafafa;
	padding:16px
}
.item-detail-table {
	width:100%;
	max-width:360px;
	margin:8px auto 0;
	border-collapse:collapse;
	border:1px solid #f5f5f5
}
@media screen and (min-width: 768px) {
	.item-detail-table {
		float:right;
		max-width:300px;
		height:375px;
		margin:0 auto
	}
}
.item-detail-table th,.item-detail-table td {
	border-collapse:collapse;
	border:1px solid #f5f5f5;
	padding:16px 8px
}
@media screen and (min-width: 768px) {
	.item-detail-table th,.item-detail-table td {
		padding:8px
	}
}
.item-detail-table th {
	width:39%;
	text-align:left;
	font-weight:normal;
	background:#fafafa
}
.item-detail-table td {
	width:61%;
	background:#fff
}
.item-detail-table a {
	display:block;
	margin:16px 0 0
}
@media screen and (min-width: 768px) {
	.item-detail-table a {
		margin:0
	}
}
.item-detail-table a:first-child {
	margin:0
}
.item-detail-table .icon-arrow-right:before {
	font-size:.9em
}
.item-user-ratings {
	display:inline-block;
	margin:8px 0 0 16px
}
.item-user-ratings:first-child {
	margin:0
}
.item-user-ratings i {
	font-size:16px;
	vertical-align:middle
}
.item-user-ratings span {
	vertical-align:middle
}
@media screen and (min-width: 768px) {
	.error-container {
		margin:40px auto 0
	}
}
.error404 {
	background:#fff;
	padding:40px
}
@media screen and (min-width: 768px) {
	.error404 {
		padding:80px 160px
	}
}
.error-image {
	width:100%
}
@media screen and (min-width: 768px) {
	.error-image {
		width:380px
	}
}
.category-index h2 {
	padding:8px 0
}
.category-list-nav a {
	float:left;
	display:block
}
.category-root-category-link-name {
	border-radius:4px;
	min-width:80px;
	height:40px;
	box-shadow:1px 1px 1px 1px rgba(14,14,14,0.0580392);
	padding:0 30px;
	margin:5px;
	color:#333;
	font-size:16px;
	line-height:40px
}
.category-root-category-link-name:hover {
	opacity:1;
	text-decoration:none;
	color:#fff;
	background-color:#ea352d
}
.category-list-box {
	margin-top:20px;
	margin-bottom:20px
}
.category-list-individual-box {
	border-radius:4px;
	margin-bottom:40px
}
.category-list-individual-box-root-category-name {
	border-top-left-radius:4px;
	border-top-right-radius:4px;
	padding:7px 30px 0 30px;
	height:40px
}
.category-list-individual-box-inner-box {
	padding:24px 30px 10px 30px
}
.category-list-individual-box-inner-box p {
	font-size:16px;
	margin-top:8px;
	margin-bottom:8px
}
.category-list-individual-box-sub-category-name {
	padding-top:15px;
	padding-bottom:5px
}
.category-list-individual-box-sub-sub-category-box {
	padding-left:20px;
	padding-right:20px;
	padding-bottom:10px
}
.category-list-individual-box-sub-sub-category-name {
	float:left;
	width:50%;
	padding:0 20px 0 0
}
.brand-index {
	margin-bottom:30px
}
.brand-index h2 {
	padding:8px 15px
}
.brand-group-link-box {
	padding:0 0 15px 5px
}
.brand-group-link-box a {
	display:block;
	float:left
}
.brand-group-link-box-link-name {
	border-radius:4px;
	box-shadow:1px 1px 1px 1px rgba(14,14,14,0.0580392);
	padding:12px;
	height:40px;
	color:#333;
	font-size:16px;
	margin:0 5px 5px 0;
	letter-spacing:-1px
}
.brand-group-link-box-link-name:hover,.brand-group-link-box-link-name.current-brand-group {
	opacity:1;
	text-decoration:none;
	color:#fff;
	background-color:#ea352d
}
@media screen and (min-width: 768px) {
	.brand-group-link-box-link-name {
		margin:0 10px 10px 0;
		padding-left:30px;
		padding-right:30px;
		letter-spacing:0
	}
}
.brand-initial-link-box {
	padding:10px 0 35px 0
}
.brand-initial-link-box-initial {
	float:left;
	padding:5px 0
}
.brand-initial-link-box-initial:after {
	content:'|'
}
.brand-initial-link-box-initial:last-child:after {
	content:none
}
.brand-initial-link-box-initial>a {
	padding-left:5px;
	padding-right:5px
}
.brand-list-box {
	border-radius:4px
}
@media screen and (min-width: 768px) {
	.brand-list-initial-box {
		padding-bottom:10px
	}
}
.brand-list-box-title {
	border-top-left-radius:4px;
	border-top-right-radius:4px;
	padding:10px 30px
}
.brand-list-initial-box-initial {
	padding:10px 30px
}
.brand-list-initial-box-brand-list a {
	display:block;
	padding:0 15px;
	border-bottom:1px solid #eee
}
@media screen and (min-width: 768px) {
	.brand-list-initial-box-brand-list a {
		float:left;
		width:50%;
		padding:6px 20px 0 0;
		border:0
	}
}
.brand-list-initial-box-brand-list p {
	font-size:16px;
	margin-top:12px;
	margin-bottom:12px
}
@media screen and (min-width: 768px) {
	.brand-list-initial-box-brand-list {
		padding:10px 50px
	}
	.brand-list-initial-box-brand-list p {
		margin-top:6px;
		margin-bottom:6px
	}
}
.brand-list-initial-box-brand-name>div:first-child {
	float:left
}
.brand-list-initial-box-brand-name>div:last-child {
	float:right
}
.brand-list-initial-box-brand-name .acc-angle {
	font-size:18px;
	padding:12px 20px 0 0
}
@media screen and (min-width: 768px) {
	.brand-list-initial-box-brand-name {
		padding:6px 20px 0 0;
		border-bottom:none
	}
	.brand-list-initial-box-brand-name p {
		color:#0099e8
	}
}
.area h2 {
	margin:20px 15px 0
}
@media screen and (min-width: 768px) {
	.area h2 {
		margin:20px 0 0
	}
}
.area-nav {
	margin:20px 15px 0
}
@media screen and (min-width: 768px) {
	.area-nav {
		margin:16px 0 0
	}
}
.area-nav li {
	float:left;
	margin:8px 8px 0 0
}
.area-nav li:last-child {
	margin:8px 0 0
}
.area-nav a {
	display:block;
	min-width:80px;
	height:40px;
	padding:0 30px;
	border-radius:4px;
	background:#fff;
	box-shadow:1px 1px 1px 1px rgba(14,14,14,0.0580392);
	text-align:center;
	line-height:40px;
	color:#333
}
.area-nav a:hover {
	opacity:1;
	color:#0099e8;
	text-decoration:none
}
.area-section-content {
	margin:20px 0 0;
	background:#fff;
	border:1px solid #eee
}
.area-section-content section {
	padding:20px 15px
}
@media screen and (min-width: 768px) {
	.area-section-content section {
		padding:40px
	}
}
.area-section-content section:nth-child(even) {
	background:#fafafa
}
.area-section-content ul {
	margin:8px 0 0
}
.area-section-content li {
	float:left;
	width:50%;
	margin:16px 0 0
}
.area-section-content a {
	display:block
}
.users-detail-profile-box {
	background:url("//www-mercari-jp.akamaized.net/assets/img/user/user_bg.jpg");
	background-size:cover;
	padding-top:50px
}
.users-detail-profile-box .user-official-badge {
	margin:16px 0 0
}
.users-detail-photo {
	background-repeat:no-repeat;
	background-size:cover;
	border-radius:50%;
	width:90px;
	height:90px;
	margin:0 auto
}
@media screen and (min-width: 768px) {
	.users-detail-photo {
		width:180px;
		height:180px
	}
}
.users-detail-title {
	margin:8px 0 16px
}
.users-detail-title a {
	color:#333
}
.users-detail-score {
	padding-bottom:20px
}
@media screen and (min-width: 768px) {
	.users-detail-score {
		padding-bottom:30px
	}
}
.users-detail-score>span:nth-child(1) {
	margin-right:12px
}
.users-detail-score>span:nth-child(2) {
	margin-left:12px
}
.users-detail-ratings-box {
	height:46px;
	padding-top:10px;
	width:280px;
	margin:0 auto
}
.users-detail-ratings-box>div {
	float:left
}
@media screen and (min-width: 768px) {
	.users-detail-ratings-box {
		height:50px;
		padding-top:14px;
		width:360px
	}
}
.users-detail-ratings-box>div:nth-child(1),.users-detail-ratings-box>div:nth-child(2) {
	padding-right:20px
}
@media screen and (min-width: 768px) {
	.users-detail-ratings-box>div:nth-child(1),.users-detail-ratings-box>div:nth-child(2) {
		padding-right:30px
	}
}
.users-detail-ratings {
	width:80px;
	line-height:24px
}
@media screen and (min-width: 768px) {
	.users-detail-ratings {
		width:100px;
		line-height:26px
	}
}
.users-detail-ratings>div:last-child {
	display:inline-block;
	vertical-align:middle
}
.users-detail-ratings i {
	font-size:24px
}
.users-detail-ragtings-score {
	float:right;
	width:44px;
	margin:0 0 0 12px
}
@media screen and (min-width: 768px) {
	.users-detail-ragtings-score {
		width:60px;
		margin:0 0 0 14px
	}
}
.users-detail-description_box {
	border-top:2px solid #f5f5f5;
	padding:20px 15px 30px 15px;
	line-height:1.5;
	word-break:break-all
}
@media screen and (min-width: 768px) {
	.users-detail-description_box {
		padding:30px 50px 60px 50px
	}
}
#item-seller-tab {
	padding-top:15px
}
@media screen and (min-width: 768px) {
	#item-seller-tab {
		padding-top:40px;
		padding-left:23px;
		padding-right:23px
	}
}
.user-official-badge {
	position:relative;
	display:inline-block;
	padding:0 3px;
	background:#ea352d;
	color:#fff;
	font-size:11px;
	line-height:16px
}
.user-official-badge .icon-star {
	font-size:9px
}
.user-official-badge:before,.user-official-badge:after {
	position:absolute;
	right:-5px;
	display:inline-block;
	content:'';
	width:0;
	height:0;
	border-style:solid
}
.user-official-badge:before {
	top:0;
	border-width:8px 5px 0 0;
	border-color:#ea352d transparent transparent transparent
}
.user-official-badge:after {
	bottom:0;
	border-width:8px 0 0 5px;
	border-color:transparent transparent transparent #ea352d
}
.mypage-user-icon {
	position:relative;
	height:155px;
	padding:20px;
	background:url("//www-mercari-jp.akamaized.net/assets/img/mypage/user-bg.jpg");
	background-repeat:no-repeat;
	background-size:cover;
	text-align:center
}
@media screen and (min-width: 768px) {
	.mypage-user-icon {
		height:200px
	}
}
.mypage-user-icon>a {
	display:block;
	position:absolute;
	top:50%;
	left:0;
	right:0;
	-webkit-transform:translate(0, -50%);
	transform:translate(0, -50%);
	color:#333
}
.mypage-user-icon figure {
	overflow:hidden;
	width:60px;
	height:60px;
	margin:0 auto;
	border-radius:50%
}
.mypage-user-icon h2 {
	margin:8px 0 0;
	font-size:14px
}
.mypage-user-icon+.mypage-tab-container {
	margin:0
}
.mypage-user-icon .user-official-badge {
	margin:8px 0 0
}
.mypage-number {
	margin:8px 0 0;
	font-size:0
}
.mypage-number div {
	display:inline-block;
	font-size:14px
}
.mypage-number div+div {
	margin:0 0 0 16px
}
.mypage-number span {
	margin:0 0 0 8px;
	font-size:16px
}
.mypage-tab-container {
	margin:40px 0 0;
	background:#fff
}
.mypage-tab-container:nth-of-type(1) {
	margin:0
}
.mypage-tab-container+.pager {
	margin:40px 0 0
}
.mypage-tab-container-notification-todo {
	margin:0;
	background:#fff
}
.mypage-tab-head {
	padding:0 4%;
	background:#fafafa;
	font-size:16px;
	line-height:72px
}
@media screen and (min-width: 768px) {
	.mypage-tab-head {
		padding:0 16px
	}
}
.mypage-tabs li {
	width:50%
}
.mypage-item-list li {
	position:relative;
	border-bottom:1px solid #eee
}
.mypage-item-list li:last-child {
	border:0
}
.mypage-item-list li:first-child {
	border-bottom:1px solid #eee
}
.mypage-item-list li.mypage-item-not-found {
	border:0
}
.mypage-item-list a:hover {
	background:#fafafa;
	opacity:1;
	text-decoration:none
}
.mypage-item-link {
	display:block;
	min-height:80px;
	padding:16px;
	color:#333
}
.mypage-item-link figure {
	position:relative;
	overflow:hidden;
	float:left;
	width:48px;
	height:48px
}
.mypage-item-link img {
	width:100%
}
.mypage-item-link time {
	display:inline-block;
	color:#888
}
.mypage-item-link time span {
	vertical-align:middle
}
.mypage-item-link .icon-time {
	margin:0 8px 0 0
}
.mypage-item-link .icon-arrow-right {
	position:absolute;
	top:50%;
	right:16px;
	-webkit-transform:translate(0, -50%);
	transform:translate(0, -50%)
}
.mypage-item-status {
	display:inline-block;
	margin:8px 0 0 0;
	padding:5px 6px;
	border-radius:2px;
	font-size:12px;
	color:#fff
}
.mypage-item-status.action-required {
	background:#ea352d
}
.mypage-item-status.awaiting {
	background:#0099e8
}
.mypage-item-status.done {
	background:#888
}
.mypage-item-body {
	margin:0 40px 0 68px
}
.mypage-item-body .clearfix {
	margin:8px 0 0
}
.mypage-item-body .l-left {
	width:50%
}
@media screen and (min-width: 768px) {
	.mypage-item-body .l-left {
		width:auto
	}
}
.mypage-item-text {
	overflow:hidden;
	display:block;
	display:-webkit-box;
	max-height:4.4em;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical;
	text-overflow:ellipsis;
	line-height:1.5
}
.mypage-item-not-found {
	padding:160px 0 60px;
	background:url("//www-mercari-jp.akamaized.net/assets/img/common/common/logo-gray-icon.svg");
	background-repeat:no-repeat;
	background-position:center 40px;
	text-align:center;
	font-size:16px;
	color:#ccc
}
.listing-item-count {
	vertical-align:2px;
	margin:0 6px 0 0
}
.listing-item-count i {
	vertical-align:middle;
	color:#ccc
}
.listing-item-count span {
	vertical-align:middle;
	margin:0 0 0 2px;
	font-size:16px;
	color:#888
}
.mypage-go-list {
	padding:16px
}
.mypage-go-list a {
	display:block;
	height:56px;
	margin:0 auto;
	background:#eee;
	color:#333;
	line-height:56px;
	text-align:center
}
.mypage-go-list span,.mypage-go-list .icon-arrow-right {
	vertical-align:middle
}
.mypage-go-list .icon-arrow-right {
	margin:0 0 0 8px
}
.mypage-nav-head {
	margin:40px 4% 0;
	font-size:16px
}
@media screen and (min-width: 768px) {
	.mypage-nav-head {
		margin:40px 0 0
	}
}
.mypage-nav-head+.mypage-nav-list {
	margin:8px 0 0
}
.mypage-nav-list li {
	border-top:1px solid #eee
}
.mypage-nav-list li:first-child {
	border:0
}
.mypage-nav-list a:hover {
	background:#fafafa;
	text-decoration:none;
	opacity:1
}
.mypage-nav-list a:hover .icon-arrow-right {
	-webkit-transform:translate(4px, -50%);
	transform:translate(4px, -50%);
	color:#333
}
.mypage-nav-list-item {
	position:relative;
	display:block;
	min-height:48px;
	padding:16px;
	background:#fff;
	color:#333
}
.mypage-nav-list-item.active {
	background:#eee;
	font-weight:bold
}
.mypage-nav-list-item.active .icon-arrow-right {
	color:#333
}
.mypage-nav-list-item.active:hover {
	background:#eee
}
.mypage-nav-list-item .icon-arrow-right {
	position:absolute;
	top:50%;
	right:16px;
	color:#ccc;
	-webkit-transform:translate(0, -50%);
	transform:translate(0, -50%);
	transition:all ease-out .2s
}
.mypage-nav-number {
	position:absolute;
	top:50%;
	right:32px;
	width:24px;
	height:24px;
	border-radius:50%;
	background:#ea352d;
	text-align:center;
	line-height:24px;
	color:#fff;
	-webkit-transform:translate(0, -50%);
	transform:translate(0, -50%)
}
.mypage-sold .item-sold-out-badge:after {
	border-width:40px 40px 0 0
}
.mypage-sold .item-sold-out-badge>div {
	top:8px;
	font-size:11px;
	letter-spacing:1px
}
.mypage-history {
	margin:16px 4% 0;
	height:44px
}
@media screen and (min-width: 768px) {
	.mypage-history {
		margin:16px 0 0
	}
}
@media screen and (min-width: 1068px) {
	.mypage-history {
		margin:40px 0 0
	}
}
.listing-item-change-box {
	margin:24px 0 24px 0;
	background:#fff;
	padding:8px 16px 8px 16px
}
.listing-item-change-box .btn-default {
	margin:16px 0 16px 0
}
.listing-item-change-box p {
	font-size:16px
}
.login-panel {
	max-width:456px;
	margin:0 auto;
	background:#fff
}
@media screen and (min-width: 768px) {
	.login-panel {
		max-width:none;
		width:456px
	}
}
.login-panel a {
	display:block;
	margin:40px 0 0
}
.login-no-account {
	padding:24px 32px;
	text-align:center
}
@media screen and (min-width: 768px) {
	.login-no-account {
		padding:40px 64px
	}
}
.login-no-account p {
	font-size:14px
}
.login-no-account a {
	display:block;
	margin:8px 0 0;
	border:1px solid #0099e8;
	background:#0099e8;
	color:#fff;
	line-height:40px
}
.login-no-account a:hover {
	opacity:1;
	text-decoration:none
}
.login-form-inner {
	padding:24px 32px;
	border-top:1px solid #eee
}
@media screen and (min-width: 768px) {
	.login-form-inner {
		padding:32px 64px
	}
}
.login-form-inner:first-child {
	padding:24px 32px;
	border:0
}
@media screen and (min-width: 768px) {
	.login-form-inner:first-child {
		padding:24px 64px 32px
	}
}
.login-form-inner .form-group {
	margin:24px 0 0
}
.login-form-inner .form-group:first-child {
	margin:0
}
.login-form-inner .input-default {
	margin:0
}
.login-submit {
	margin:24px 0 0
}
.login-captcha {
	-webkit-transform:scale(0.8);
	transform:scale(0.8);
	-webkit-transform-origin:0 0;
	transform-origin:0 0
}
@media screen and (min-width: 768px) {
	.login-captcha {
		-webkit-transform:none;
		transform:none
	}
}
.buy-form p {
	margin:8px 0 0;
	line-height:1.5
}
.buy-form .btn-default {
	margin:8px 0 0
}
.buy-content {
	margin:40px 0 0;
	padding:24px 12.5% 0;
	border-top:1px solid #f5f5f5
}
.buy-content:first-of-type {
	margin:0
}
.buy-content:last-of-type {
	padding:40px 12.5%
}
.buy-content-inner {
	max-width:320px;
	margin:0 auto
}
.buy-item {
	text-align:center
}
.buy-item img {
	width:148px
}
.buy-item .btn-red {
	margin:16px 0 0
}
.buy-item-name {
	margin:8px 0 0;
	font-size:16px;
	line-height:1.5
}
.buy-price-ja {
	margin:16px 0 0;
	font-size:28px
}
.buy-price-ja .item-shipping-fee {
	margin:0 0 0 8px;
	font-size:14px;
	font-weight:normal
}
.buy-price-table {
	display:table;
	border-collapse:collapse;
	width:100%
}
.buy-price-table:first-child {
	margin:8px 0 0
}
.buy-price-row {
	display:table-row;
	border-top:1px solid #ccc
}
.buy-price-row:first-child {
	border:0
}
.buy-price-cell {
	display:table-cell;
	padding:16px 0;
	text-align:right
}
.buy-price-cell:first-child {
	text-align:left
}
.buy-price-cell.buy-accordion {
	padding:0
}
.buy-price-cell.buy-accordion .accordion-toggle {
	padding:16px 0
}
.buy-you-pay {
	font-size:22px
}
@media screen and (min-width: 768px) {
	.buy-you-pay {
		font-size:28px
	}
}
.buy-accordion {
	margin:16px 0 0
}
.buy-accordion.not-have {
	background:#ccc
}
.buy-accordion.not-have .accordion-toggle {
	cursor:default
}
.buy-accordion .accordion-toggle {
	border:1px solid #ccc
}
.buy-accordion .form-group {
	margin:0
}
.buy-accordion .accordion-toggle {
	padding:16px
}
.buy-accordion .accordion-parent>ul {
	padding:24px 40px;
	background:#fafafa;
	text-align:left
}
.buy-accordion .icon-arrow-bottom {
	font-size:8px
}
.buy-balance-info {
	margin:16px 0 0;
	line-height:1.5
}
.buy-user-info {
	transition:all ease-out .3s
}
.buy-user-info.disabled {
	background:#888;
	pointer-events:none
}
.buy-user-info.disabled a {
	color:#333
}
.buy-user-info h3 {
	margin:40px 0 0;
	font-size:14px
}
.buy-user-info h3:first-child {
	margin:0
}
.buy-user-info address {
	display:block
}
.buy-user-info-text {
	margin:8px 0 0;
	font-size:14px;
	line-height:1.4
}
.buy-user-info-fix {
	display:block;
	text-align:right
}
.buy-user-info-fix .icon-arrow-right {
	margin:0 0 0 8px;
	font-size:10px
}
.buy-user-info-fix .icon-arrow-right,.buy-user-info-fix span {
	vertical-align:middle
}
.buy-error p {
	line-height:1.5
}
.buy-error a {
	display:block;
	margin:16px 0 0
}
.buy-done-flow {
	text-align:center
}
.buy-done-flow h3 {
	font-size:14px
}
.buy-done-flow>div {
	margin:16px 0 0;
	background:url("//www-mercari-jp.akamaized.net/assets/img/transaction/bg-buy-done-flow.png");
	background-position:center;
	background-repeat:no-repeat;
	font-size:0;
	text-align:center
}
.buy-done-flow>div i {
	margin:0 0 0 8px;
	font-size:20px
}
.buy-done-flow p {
	margin:16px 0 0;
	font-size:14px;
	line-height:1.5
}
.buy-done-flow a {
	display:block;
	margin:16px 0 0
}
.buy-done-sns {
	text-align:center
}
.buy-done-sns h3 {
	font-size:14px
}
.buy-done-sns .social-media-box {
	margin:16px 0 0
}
.search-result-head {
	margin:16px 4% 8px;
	font-weight:normal
}
@media screen and (min-width: 768px) {
	.search-result-head {
		margin:16px 0 8px
	}
}
@media screen and (min-width: 1068px) {
	.search-result-head {
		margin:0 0 8px
	}
}
.search-result-description {
	margin:16px 4% 0;
	font-size:14px;
	line-height:1.5
}
@media screen and (min-width: 768px) {
	.search-result-description {
		margin:16px 0 0
	}
}
.search-nav {
	display:table;
	width:100%;
	border-bottom:1px solid #ccc
}
@media screen and (min-width: 768px) {
	.search-nav {
		border:1px solid #ccc;
		background:#fff
	}
}
.search-nav>div {
	display:table-cell;
	width:50%;
	font-size:12px;
	height:72px;
	border-left:1px solid #ccc;
	vertical-align:middle;
	text-align:center
}
.search-nav>div:active {
	box-shadow:0 0 4px 0 rgba(0,0,0,0.16) inset
}
.search-nav>div:first-child {
	border-left:0
}
.search-nav>div>div {
	margin:8px 0 0
}
.search-nav i {
	color:#aaa
}
.search-nav .icon-history {
	font-size:18px
}
.search-nav .icon-sort {
	font-size:14px
}
.search-nav .icon-search-detail {
	font-size:15px
}
.search-container {
	position:relative
}
@media screen and (min-width: 1068px) {
	.search-extend-container {
		position:relative
	}
}
.search-sort {
	opacity:0;
	position:absolute;
	top:0;
	left:0;
	z-index:100;
	width:50%;
	margin:0 auto
}
@media screen and (min-width: 1068px) {
	.search-sort {
		opacity:1;
		position:static;
		width:auto
	}
}
.search-sort .select-wrap {
	margin:0;
	background:0;
	text-align:center
}
@media screen and (min-width: 1068px) {
	.search-sort .select-wrap {
		background:#fff;
		text-align:left
	}
}
.search-sort .select-default {
	height:72px;
	padding:0;
	border:0
}
@media screen and (min-width: 1068px) {
	.search-sort .select-default {
		height:48px;
		padding:0 16px;
		border:1px solid #ccc
	}
}
.search-dropdown-content {
	position:absolute;
	top:72px;
	left:0;
	right:0;
	z-index:10001;
	padding:16px 5%;
	background:#fff;
	box-shadow:0 0 4px 0 rgba(0,0,0,0.4)
}
@media screen and (min-width: 768px) {
	.search-dropdown-content {
		padding:64px
	}
}
@media screen and (min-width: 1068px) {
	.search-dropdown-content.search-save {
		top:0;
		right:-400px;
		left:280px;
		padding:32px
	}
	.search-dropdown-content.search-extend {
		position:static;
		display:block;
		box-shadow:none;
		padding:16px
	}
}
.search-dropdown-content h3 {
	font-size:16px
}
.search-dropdown-content h3+.form-group {
	margin:0
}
@media screen and (min-width: 1068px) {
	.search-dropdown-content h3+.form-group {
		margin:24px 0 0
	}
}
.search-save-btn {
	cursor:pointer;
	padding:16px;
	border-radius:4px;
	border:1px solid #ccc;
	background:#fff
}
.search-save-btn span {
	font-size:16px;
	vertical-align:middle
}
.search-save-btn .icon-history {
	margin:0 8px 0 0;
	font-size:18px;
	color:#888;
	vertical-align:middle
}
.search-save-content {
	margin:32px 0 0
}
.search-save-content:first-child {
	margin:0
}
.search-save-content h4 {
	float:left;
	font-size:14px
}
.search-save-content h4+a {
	float:right
}
.search-save-nav {
	margin:8px 0 0
}
.search-save-nav li {
	border-top:1px solid #eee
}
.search-save-nav a {
	overflow:hidden;
	position:relative;
	display:block;
	color:#333
}
.search-save-nav .icon-arrow-right {
	position:absolute;
	top:50%;
	right:-28px;
	-webkit-transform:translate(0, -50%);
	transform:translate(0, -50%);
	font-size:14px
}
.search-save-nav .checkbox-default {
	-webkit-transform:translate(-28px, 0);
	transform:translate(-28px, 0);
	transition:all ease-out .25s
}
.search-save-nav label {
	overflow:hidden;
	width:100%;
	text-overflow:ellipsis;
	white-space:nowrap;
	line-height:40px
}
.search-save-nav.edit .checkbox-default {
	-webkit-transform:translate(0, 0);
	transform:translate(0, 0)
}
.search-save-nav.edit button {
	display:block
}
.search-save-nav button {
	display:none;
	margin:16px 0 0
}
@media screen and (min-width: 1068px) {
	.search-extend {
		margin:40px 0 0
	}
}
.search-extend .form-group {
	font-size:0
}
.search-extend .checkbox-default {
	display:inline-block;
	width:48%;
	vertical-align:middle;
	word-break:break-word
}
.search-extend .checkbox-default:nth-child(even) {
	margin:16px 0 0 4%
}
.search-extend label {
	display:block
}
.search-extend i {
	position:relative;
	top:-1px;
	margin:0 4px 0 0;
	color:#888;
	font-size:16px;
	vertical-align:middle
}
.search-extend i+span {
	font-size:14px;
	vertical-align:middle
}
.search-extend-brand {
	position:relative
}
.search-extend-brand ul {
	overflow:auto;
	position:absolute;
	left:0;
	right:0;
	z-index:10;
	max-height:280px;
	background:#fff;
	box-shadow:0 0 4px 0 rgba(0,0,0,0.64);
	-webkit-overflow-scrolling:touch
}
.search-extend-brand ul::-webkit-scrollbar {
	width:8px
}
.search-extend-brand ul::-webkit-scrollbar-thumb {
	border-radius:8px;
	background:rgba(0,0,0,0.64)
}
.search-extend-brand li {
	padding:16px 8px;
	font-size:14px
}
.search-extend-brand li:hover,.search-extend-brand li.current {
	background:#0099e8;
	color:#fff
}
@media screen and (min-width: 768px) {
	.search-extend-brand li {
		cursor:pointer
	}
}
.search-extend-btn {
	height:90px;
	padding:40px 0 0
}
.search-extend-btn.is-fixed {
	position:fixed;
	right:0;
	bottom:0;
	left:0;
	z-index:20;
	max-width:700px;
	margin:0 auto;
	padding:16px 5%;
	border-top:1px solid #ccc;
	background:#fff
}
@media screen and (min-width: 1068px) {
	.search-extend-btn.is-fixed {
		position:static;
		padding:0;
		border:0
	}
}
.search-extend-btn .btn-default {
	width:45%
}
.search-extend-btn .btn-red {
	float:right
}
.search-extend-btn .btn-gray {
	float:left
}
.search-price .input-default {
	width:45%
}
.search-price>span {
	display:inline-block;
	width:10%;
	font-size:14px;
	text-align:center
}
.select-category-child,.select-category-grand-child {
	display:none
}
.select-category-child.is-show,.select-category-grand-child.is-show {
	display:block
}
.signup-bar.progress-bar {
	padding:16px 0;
	border-top:1px solid #eee
}
@media screen and (min-width: 768px) {
	.signup-bar.progress-bar {
		padding:40px 0 0 44px;
		border:0
	}
}
.signup-card-list {
	margin:8px 0 0;
	font-size:0
}
.signup-card-list li {
	display:inline-block;
	margin:0 0 0 8px;
	vertical-align:middle
}
.signup-card-list li:first-child {
	margin:0
}
.signup-form-expire .select-wrap {
	display:inline-block;
	width:35%
}
.signup-form-expire .select-wrap+span {
	margin:0 8px
}
.signup-seqcode {
	position:relative;
	margin:8px 0 0
}
.signup-seqcode-text {
	text-align:right;
	color:#0099e8
}
.signup-seqcode-text:hover+.signup-seqcode-info {
	visibility:visible;
	opacity:1
}
.signup-seqcode-info {
	position:absolute;
	left:0;
	right:0;
	top:28px;
	z-index:1;
	padding:16px;
	border-radius:6px;
	background:#eee;
	color:#333;
	line-height:1.5;
	text-align:center;
	transition:all ease-out .3s;
	visibility:hidden;
	opacity:0
}
.signup-seqcode-info:before {
	display:block;
	content:'';
	position:absolute;
	width:0;
	height:0;
	border-style:solid
}
.signup-seqcode-info:before {
	top:-8px;
	right:32px;
	border-width:0 8px 8px 8px;
	border-color:transparent transparent #eee transparent
}
.signup-seqcode-info img {
	margin:8px 0 0
}
.signup-done {
	text-align:center
}
.signup-done p {
	margin:0;
	font-size:16px;
	line-height:1.5
}
.signup-done a {
	display:block
}
.signup-done .btn-red {
	font-size:16px
}
.signup-done img {
	width:100%
}
.signup-done-banner-sp {
	max-width:375px
}
@media screen and (min-width: 768px) {
	.signup-done-banner-sp {
		display:none
	}
}
.signup-done-banner-pc {
	display:none
}
@media screen and (min-width: 768px) {
	.signup-done-banner-pc {
		display:inline
	}
}
.password-reset-done {
	margin:0;
	font-size:16px;
	line-height:1.5
}
.password-reset-done>span {
	padding:4px 6px;
	background:#eee
}
.password-reset-done+a {
	display:block;
	margin:40px 0 0;
	text-align:center
}
.password-reset-info {
	margin:8px 0 0;
	font-size:12px;
	color:#888;
	line-height:1.5
}
.password-reset-captcha {
	-webkit-transform:scale(0.8);
	transform:scale(0.8);
	-webkit-transform-origin:0 0;
	transform-origin:0 0
}
@media screen and (min-width: 768px) {
	.password-reset-captcha {
		-webkit-transform:none;
		transform:none
	}
}
.transact-attention {
	position:relative;
	padding:24px 8px;
	background:#fff6de;
	text-align:center;
	font-size:0
}
.transact-attention h3 {
	font-size:16px;
	color:#ea352d
}
.transact-attention i {
	margin:0 8px 0 0;
	font-size:32px;
	color:#ea352d;
	vertical-align:middle
}
.transact-attention span {
	vertical-align:middle
}
.transact-attention p {
	margin:8px 0 0;
	font-size:14px;
	line-height:1.5
}
.transact-attention .attention {
	color:#ea352d
}
.transact-form-review {
	width:280px;
	margin:0 auto;
	padding:40px 0
}
.transact-form-review>p {
	margin:32px 0 0;
	font-size:14px
}
.transact-form-review textarea {
	width:100%;
	max-width:280px;
	margin:8px 0 0
}
.transact-form-review .btn-red {
	margin:8px 0 0
}
.transact-review-list {
	margin:32px 0 0
}
.transact-review-list li {
	position:relative;
	float:left;
	margin:0 20px 0 0
}
.transact-review-list li:last-child {
	margin:0
}
.transact-review-list input[type='radio'] {
	display:none
}
.transact-review-list input[type='radio']:checked+.transact-review-icon {
	border-color:#ea352d
}
.transact-review-icon {
	position:relative;
	width:80px;
	height:80px;
	border-radius:4px;
	border:1px solid #ccc;
	text-align:center
}
.transact-review-icon i {
	margin:14px 0 0;
	font-size:30px
}
.transact-review-icon label {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	padding:50px 0 0;
	cursor:pointer
}
.transact-info-head {
	padding:40px 4% 0;
	font-size:16px
}
@media screen and (min-width: 768px) {
	.transact-info-head {
		padding:0
	}
}
.transact-info-inner {
	margin:8px 0 0;
	background:#fff
}
.transact-info-table {
	display:table;
	width:100%;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee
}
@media screen and (min-width: 768px) {
	.transact-info-table {
		border:1px solid #eee
	}
}
.transact-info-table li {
	line-height:1.5
}
.transact-info-table a {
	color:#333
}
.transact-info-table a.font-blue {
	color:#0099e8
}
.transact-info-table-row {
	display:table-row
}
.transact-info-table-row:nth-child(even) {
	background:#fafafa
}
.transact-info-table-cell {
	display:table-cell;
	padding:16px;
	vertical-align:top;
	word-wrap:break-word
}
.transact-info-table-cell:first-child {
	width:35%
}
.transact-info-table-cell:last-child {
	width:65%
}
.transact-info-table-cell a {
	display:block
}
.transact-info-table-cell .buyer-name {
	font-weight:bold
}
.transact-info-item {
	margin:8px 0 0;
	font-size:16px
}
.transaction-user-icon {
	position:relative;
	display:block;
	color:#333
}
.transaction-user-icon figure {
	padding:16px;
	font-size:0
}
.transaction-user-icon figure>div {
	overflow:hidden;
	display:inline-block;
	width:40px;
	height:40px;
	border-radius:50%;
	vertical-align:middle
}
.transaction-user-icon img {
	width:100%
}
.transaction-user-icon figcaption {
	overflow:hidden;
	display:inline-block;
	max-width:75%;
	margin:0 0 0 16px;
	vertical-align:middle;
	white-space:nowrap;
	text-overflow:ellipsis
}
@media screen and (min-width: 768px) {
	.transaction-user-icon figcaption {
		max-width:592px;
		height:auto
	}
}
@media screen and (min-width: 1068px) {
	.transaction-user-icon figcaption {
		max-width:160px
	}
}
.transaction-user-icon .icon-arrow-right {
	position:absolute;
	top:50%;
	right:16px;
	-webkit-transform:translate(0, -50%);
	transform:translate(0, -50%)
}
.transact-user-name {
	overflow:hidden;
	font-size:16px;
	white-space:nowrap;
	text-overflow:ellipsis
}
@media screen and (min-width: 768px) {
	.transact-user-name {
		overflow:visible;
		text-overflow:inherit;
		white-space:normal
	}
}
.transact-user-name.transact-user-official {
	margin:8px 0 0
}
.transact-shipping-soyo {
	padding:16px 32px
}
.transact-shipping-soyo h3 {
	color:#888;
	margin:32px 0 8px 0
}
.transact-shipping-soyo .text-attention {
	color:#ea352d
}
.rakuraku-content {
	text-align:center
}
.rakuraku-content .progress-bar {
	margin:24px 0 0
}
.rakuraku-content .change-address-link {
	display:block;
	margin:24px 0 0;
	line-height:1.5
}
.rakuraku-content p {
	margin:16px 0 0;
	line-height:1.5
}
.transact-wordings,.transact-create-qr-code .reception-number,.transact-shipping-fee-display,.transact-number-display,.transact-phone-number-display {
	padding:16px 32px;
	text-align:center;
	line-height:1.5
}
.transact-create-qr-code table,.transact-shipping-table table {
	width:88%;
	margin:28px auto
}
.transact-create-qr-code tr,.transact-shipping-table tr {
	border:1px solid #ccc
}
.transact-create-qr-code th,.transact-shipping-table th {
	width:24%;
	padding:8px;
	word-wrap:break-word;
	text-align:right;
	color:#888
}
.transact-create-qr-code td,.transact-shipping-table td {
	width:76%;
	padding:16px;
	word-wrap:break-word;
	text-align:left;
	line-height:1.5
}
.transact-button {
	padding:24px 32px
}
.transact-rakuraku-head {
	padding:16px 32px;
	text-align:center;
	background:#aaa;
	color:#fff
}
.transact-explain-shipping-method {
	padding:16px 32px
}
.transact-explain-shipping-method h2 {
	text-align:center
}
.transact-explain-shipping-method h2+p {
	margin:16px 0 0
}
.transact-explain-shipping-method p {
	margin:8px 0 0
}
.transact-explain-shipping-method ol {
	margin:16px 0 0;
	line-height:1.5;
	list-style-type:decimal;
	list-style-position:inside
}
.transact-create-qr-code {
	text-align:center
}
.transact-create-qr-code h2 {
	margin:8px
}
.transact-create-qr-code .transact-shipping-fee-list-default {
	display:block
}
.transact-create-qr-code .transact-shipping-fee-list-child {
	display:none
}
.transact-create-qr-code .transact-shipping-fee-list-child.is-show {
	display:block
}
.transact-create-qr-code img {
	width:50%
}
.transact-create-qr-code .reception-number {
	width:80%;
	margin:0 auto;
	text-align:left
}
.transact-shipping-fee-display {
	padding:0 32px 16px
}
.transact-pickup-attention {
	padding:16px 32px
}
.transact-pickup-attention>div {
	background:#f8e5df;
	padding:16px;
	line-height:1.5
}
.transact-number-display {
	font-size:24px;
	font-weight:bold
}
.transact-phone-number-display {
	font-size:40px;
	font-weight:bold
}
.transact-check-box {
	width:32%;
	margin:0 34%
}
.transact-select-alert {
	display:none
}
.transact-select-alert.show {
	display:block
}
.transact-guide {
	padding:16px
}
.transact-guide li {
	margin:8px 0 0
}
.transact-guide li:first-child {
	margin:0
}
.transact-guide span,.transact-guide i {
	vertical-align:middle
}
.transact-guide i {
	margin:0 0 0 8px
}
.news-list li {
	border-top:1px solid #eee
}
.news-list li:first-child {
	border:0
}
.news-list a {
	position:relative;
	display:block;
	padding:7.5%;
	color:#333
}
@media screen and (min-width: 768px) {
	.news-list a {
		padding:40px
	}
}
.news-list a:hover {
	opacity:1;
	text-decoration:none;
	background:#fafafa
}
.news-list h3 {
	margin:8px 0 0;
	font-size:16px;
	line-height:1.5;
	font-weight:normal;
	text-align:justify
}
.news-list .icon-arrow-right {
	position:absolute;
	top:50%;
	right:16px;
	-webkit-transform:translate(0, -50%);
	transform:translate(0, -50%)
}
.news-date {
	color:#aaa
}
.news-date .icon-time {
	margin:0 8px 0 0;
	vertical-align:top;
	font-size:14px
}
.news-private {
	background:#ea352d
}
.news-entry {
	padding:7.5%
}
@media screen and (min-width: 768px) {
	.news-entry {
		padding:40px
	}
}
@media screen and (min-width: 768px) {
	.news-entry .news-date {
		display:block;
		text-align:right
	}
}
.news-body {
	margin:16px 0 0;
	line-height:1.5
}
.contact-info-text {
	margin:8px 0 0;
	color:#888;
	line-height:1.5
}
.contact-sub-head {
	margin:32px 0 0;
	font-size:14px;
	color:#ea352d
}
.contact-sub-head:first-child {
	margin:0
}
.contact-sub-head+p {
	margin:8px 0 0;
	line-height:1.5
}
.contact-sub-head .icon-check {
	margin:0 8px 0 0
}
.contact-big-textarea {
	min-height:160px
}
.contact-reason {
	margin:16px 0 0;
	line-height:1.5
}
.contact-reason:first-child {
	margin:0
}
.contact-done p {
	margin:16px 0 0;
	line-height:1.5
}
.contact-done p:first-child {
	margin:0
}
.target-item-label {
	font-size:14px
}
.target-item-box {
	background:#eee;
	margin:20px 0 40px 0;
	padding:10px;
	overflow:hidden
}
.target-item-box img {
	width:70px;
	height:70px;
	float:left;
	margin:0 10px 0 0
}
.rakuraku-main {
	position:relative;
	padding:50px 16px 32px;
	background:#0fa995 url("//www-mercari-jp.akamaized.net/assets/img/rakuraku/bg-icons.png");
	background-size:320px
}
.rakuraku-main h2 {
	padding:51px 0 0
}
@media screen and (min-width: 768px) {
	.rakuraku-main h2 {
		padding:84px 0 0
	}
}
@media screen and (min-width: 768px) {
	.rakuraku-main h2 img {
		width:658px
	}
}
.rakuraku-main ul {
	position:absolute;
	top:50px;
	left:0;
	right:0;
	font-size:0;
	text-align:center
}
.rakuraku-main li {
	position:relative;
	display:inline-block;
	margin:0 0 0 4px;
	padding:12px 4px;
	border-radius:6px;
	background:#ffd735;
	font-size:11px
}
@media screen and (min-width: 768px) {
	.rakuraku-main li {
		padding:16px 12px;
		font-size:26px
	}
}
.rakuraku-main li:first-child {
	margin:0
}
.rakuraku-main li:after {
	position:absolute;
	left:0;
	right:0;
	bottom:-8px;
	display:block;
	content:'';
	width:0;
	height:0;
	margin:0 auto;
	border-style:solid;
	border-width:12.5px 6px 0 6px;
	border-color:#ffd735 transparent transparent transparent
}
@media screen and (min-width: 768px) {
	.rakuraku-main li:after {
		border-width:25px 12.5px 0 12.5px
	}
}
.rakuraku-main figure {
	margin:16px 0 0
}
@media screen and (min-width: 768px) {
	.rakuraku-main figure img {
		width:556px;
		height:276px
	}
}
.rakuraku-main>p {
	color:#fff;
	line-height:1.5
}
.rakuraku-main>p span {
	vertical-align:middle
}
@media screen and (min-width: 768px) {
	.rakuraku-main>p span {
		font-size:24px
	}
}
.rakuraku-main>p span:nth-of-type(1) {
	margin:0 0 0 2px
}
@media screen and (min-width: 768px) {
	.rakuraku-main>p span:nth-of-type(1) {
		margin:0 0 0 6px
	}
}
.rakuraku-main>p span:nth-of-type(2) {
	margin:0 0 0 4px
}
@media screen and (min-width: 768px) {
	.rakuraku-main>p span:nth-of-type(2) {
		margin:0 0 0 8px
	}
}
@media screen and (min-width: 768px) {
	.rakuraku-main>p span:nth-of-type(3) {
		font-size:28px
	}
}
@media screen and (min-width: 768px) {
	.rakuraku-main>p img {
		width:217px
	}
}
.rakuraku-merit {
	padding:32px 5%;
	background:#fff
}
@media screen and (min-width: 1068px) {
	.rakuraku-merit {
		padding:60px 0
	}
}
.rakuraku-merit h3 {
	font-size:19px;
	color:#ea352d
}
@media screen and (min-width: 768px) {
	.rakuraku-merit h3 {
		font-size:32px
	}
}
.rakuraku-merit>p {
	margin:8px 0 0;
	line-height:1.5;
	text-align:center
}
.rakuraku-merit>p:first-child {
	margin:0
}
.rakuraku-merit-list {
	margin:20px 0 0;
	font-size:0;
	text-align:center;
	counter-reset:section
}
@media screen and (min-width: 1068px) {
	.rakuraku-merit-list {
		max-width:1000px;
		margin:40px auto 0
	}
}
.rakuraku-merit-list li {
	display:inline-block;
	width:47%;
	margin:0 6% 6% 0;
	background:#f5f5f5;
	vertical-align:top
}
.rakuraku-merit-list li:nth-child(even) {
	margin:0 0 6%
}
@media screen and (min-width: 1068px) {
	.rakuraku-merit-list li {
		width:30%;
		margin:0 3% 3% 0;
		max-width:300px
	}
	.rakuraku-merit-list li:nth-child(even) {
		margin:0 3% 3% 0
	}
	.rakuraku-merit-list li:nth-child(3n+3) {
		margin:0 0 3%
	}
}
.rakuraku-merit-list figure {
	line-height:85px
}
@media screen and (min-width: 768px) {
	.rakuraku-merit-list figure {
		line-height:180px
	}
}
.rakuraku-merit-list img {
	max-width:72px;
	max-height:60px
}
@media screen and (min-width: 768px) {
	.rakuraku-merit-list img {
		max-width:none;
		max-height:none
	}
}
.rakuraku-merit-list h4 {
	padding:0 0 0 8px;
	background:#0fa995;
	color:#fff;
	text-align:left;
	line-height:30px;
	font-size:11px
}
@media screen and (min-width: 768px) {
	.rakuraku-merit-list h4 {
		font-size:22px;
		line-height:60px
	}
}
.rakuraku-merit-list h4:before {
	counter-increment:section;
	content:counters(section, ".") " ";
	display:inline-block;
	width:17px;
	margin:0 8px 0 0;
	padding:3px 0 0;
	background:url("//www-mercari-jp.akamaized.net/assets/img/rakuraku/bg-merit-list-yellow.svg");
	background-repeat:no-repeat;
	background-size:17px 16px;
	vertical-align:middle;
	color:#0fa995;
	line-height:16px;
	text-align:center;
	font-size:10px
}
@media screen and (min-width: 768px) {
	.rakuraku-merit-list h4:before {
		width:34px;
		margin:0 24px 0 0;
		line-height:33px;
		font-size:20px;
		background-size:34px 33px
	}
}
.rakuraku-merit-container {
	counter-reset:content
}
.rakuraku-merit-content {
	padding:40px 5% 60px
}
@media screen and (min-width: 768px) {
	.rakuraku-merit-content {
		padding:40px 16px 60px
	}
}
.rakuraku-merit-content:nth-child(even) {
	background:#fff
}
.rakuraku-merit-content h4 {
	font-size:16px;
	text-align:center
}
@media screen and (min-width: 768px) {
	.rakuraku-merit-content h4 {
		font-size:37px
	}
}
.rakuraku-merit-content h4:before {
	counter-increment:content;
	content:counters(content, ".") " ";
	display:block;
	width:26px;
	margin:0 auto 16px;
	padding:4px 0 0;
	background:url("//www-mercari-jp.akamaized.net/assets/img/rakuraku/bg-merit-list-gray.svg");
	background-repeat:no-repeat;
	background-size:26px 25px;
	color:#fff;
	line-height:25px;
	text-align:center;
	font-size:14px
}
@media screen and (min-width: 768px) {
	.rakuraku-merit-content h4:before {
		width:52px;
		margin:0 auto 32px;
		padding:6px 0 0;
		background-size:52px 50px;
		line-height:50px;
		font-size:28px
	}
}
.rakuraku-merit-content>div {
	margin:24px 0 0
}
@media screen and (min-width: 768px) {
	.rakuraku-merit-content>div {
		max-width:830px;
		margin:60px auto 0
	}
}
@media screen and (min-width: 768px) {
	.rakuraku-merit-content figure {
		float:right;
		width:25%
	}
}
.rakuraku-merit-content p {
	margin:16px 0 0;
	line-height:1.5;
	font-size:16px
}
@media screen and (min-width: 768px) {
	.rakuraku-merit-content p {
		float:left;
		margin:0;
		width:70%
	}
}
.rakuraku-merit-size {
	margin:8px auto 0;
	padding:0 0 40px
}
@media screen and (min-width: 768px) {
	.rakuraku-merit-size {
		max-width:864px;
		padding:0 16px 40px
	}
}
.rakuraku-merit-size table {
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc
}
@media screen and (min-width: 768px) {
	.rakuraku-merit-size table {
		border-top:0;
		border:1px solid #ccc
	}
}
.rakuraku-merit-size h5 {
	margin:0 0 8px;
	font-size:16px
}
.rakuraku-merit-size thead {
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	background:#fff;
	text-align:left
}
@media screen and (min-width: 768px) {
	.rakuraku-merit-size thead {
		border:0
	}
}
.rakuraku-merit-size tbody tr:nth-child(even) {
	background:#fff
}
.rakuraku-merit-size tbody th {
	width:30%
}
@media screen and (min-width: 768px) {
	.rakuraku-merit-size tbody th {
		width:10%
	}
}
.rakuraku-merit-size tbody td {
	width:70%;
	line-height:1.5
}
@media screen and (min-width: 768px) {
	.rakuraku-merit-size tbody td {
		width:30%
	}
}
.rakuraku-merit-size th,.rakuraku-merit-size td {
	padding:16px
}
@media screen and (min-width: 768px) {
	.rakuraku-merit-size th,.rakuraku-merit-size td {
		padding:24px
	}
}
.rakuraku-how {
	padding:32px 5% 24px
}
@media screen and (min-width: 768px) {
	.rakuraku-how {
		padding:60px 16px 40px
	}
}
.rakuraku-how h3 {
	font-size:19px;
	color:#ea352d
}
@media screen and (min-width: 768px) {
	.rakuraku-how h3 {
		font-size:32px
	}
}
.rakuraku-how h4 {
	margin:24px 0 0;
	font-size:14px
}
@media screen and (min-width: 768px) {
	.rakuraku-how h4 {
		font-size:18px
	}
}
.rakuraku-how ol {
	counter-reset:section;
	font-size:0;
	text-align:center
}
@media screen and (min-width: 768px) {
	.rakuraku-how ol {
		margin:32px 0 0
	}
}
.rakuraku-how li {
	margin:32px 0 0
}
@media screen and (min-width: 768px) {
	.rakuraku-how li {
		display:inline-block;
		width:31%;
		max-width:300px;
		margin:0 3.3% 0 0;
		vertical-align:top
	}
	.rakuraku-how li:last-child {
		margin:0
	}
}
.rakuraku-how li>div {
	padding:23px 0;
	background:#fff
}
@media screen and (min-width: 768px) {
	.rakuraku-how li>div {
		padding:22px 8px 0;
		height:270px
	}
}
.rakuraku-how li .bold {
	margin:0 0 8px;
	color:#888;
	font-size:20px
}
@media screen and (min-width: 768px) {
	.rakuraku-how li .bold {
		font-size:24px
	}
}
.rakuraku-how h5 {
	font-size:16px
}
@media screen and (min-width: 1068px) {
	.rakuraku-how h5 {
		font-size:20px
	}
}
.rakuraku-how h5:before {
	counter-increment:section;
	content:counters(section, ".") " ";
	display:inline-block;
	width:24px;
	margin:0 8px 0 0;
	border-radius:50%;
	background:#ea352d;
	text-align:center;
	color:#fff;
	line-height:24px
}
@media screen and (min-width: 1068px) {
	.rakuraku-how h5:before {
		width:34px;
		margin:0 16px 0 0;
		line-height:34px
	}
}
.rakuraku-how h5+img {
	margin:32px 0 0
}
@media screen and (min-width: 768px) {
	.rakuraku-how h5+img {
		max-width:250px;
		width:100%
	}
}
.rakuraku-how p {
	margin:8px 0 0;
	font-size:12px;
	line-height:1.5;
	text-align:left
}
.sell-form {
	border-top:1px solid #eee
}
.sell-sub-head {
	color:#888;
	font-size:14px
}
@media screen and (min-width: 768px) {
	.sell-sub-head {
		float:left
	}
}
.sell-form-box {
	margin:40px 0 0
}
@media screen and (min-width: 768px) {
	.sell-form-box {
		float:right;
		width:400px;
		margin:0
	}
}
.sell-container-inner.hidden {
	display:none
}
.sell-content {
	padding:40px;
	border-top:1px solid #eee
}
.sell-upload-box {
	padding:40px 2.5%
}
@media screen and (min-width: 768px) {
	.sell-upload-box {
		width:620px;
		padding:40px
	}
}
.sell-upload-head {
	font-size:16px
}
.sell-upload-head+p {
	margin:8px 0 0;
	line-height:1.5
}
.sell-dropbox-container {
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	margin:16px auto 0
}
@media screen and (min-width: 768px) {
	.sell-dropbox-container {
		display:block;
		width:620px
	}
}
.sell-upload-drop-box {
	-webkit-flex:1;
	-ms-flex:1;
	flex:1;
	position:relative;
	min-height:116px;
	background:#f5f5f5;
	border:1px dashed #ccc;
	font-size:0;
	text-align:center;
	transition:box-shadow ease-out .3s;
	cursor:pointer
}
@media screen and (min-width: 768px) {
	.sell-upload-drop-box {
		float:right;
		width:620px;
		margin:0;
		min-height:184px;
		padding:40px
	}
}
.sell-upload-drop-box.is-drag {
	box-shadow:0 0 4px 0 rgba(0,0,0,0.64);
	border:0
}
.sell-upload-drop-box.have-item-1 {
	-webkit-flex:3;
	-ms-flex:3;
	flex:3;
	margin:0 0 0 2%
}
@media screen and (min-width: 768px) {
	.sell-upload-drop-box.have-item-1 {
		width:460px;
		margin:0 0 0 20px
	}
}
.sell-upload-drop-box.have-item-2 {
	-webkit-flex:2;
	-ms-flex:2;
	flex:2;
	margin:0 0 0 2%
}
@media screen and (min-width: 768px) {
	.sell-upload-drop-box.have-item-2 {
		width:300px;
		margin:0 0 0 20px
	}
}
.sell-upload-drop-box.have-item-3 {
	-webkit-flex:1;
	-ms-flex:1;
	flex:1;
	margin:0 0 0 2%
}
@media screen and (min-width: 768px) {
	.sell-upload-drop-box.have-item-3 {
		width:140px;
		margin:0 0 0 20px
	}
}
.sell-upload-drop-box.have-item-4 {
	display:none
}
.sell-upload-drop-box .icon-camera {
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	font-size:14px
}
@media screen and (min-width: 768px) {
	.sell-upload-drop-box .icon-camera {
		display:none
	}
}
@media screen and (min-width: 768px) {
	.sell-upload-drop-box pre {
		position:absolute;
		top:50%;
		left:16px;
		right:16px;
		text-align:center;
		font-size:14px;
		line-height:1.5;
		-webkit-transform:translate(0, -50%);
		transform:translate(0, -50%);
		pointer-events:none;
		white-space:pre-wrap;
		word-wrap:break-word
	}
}
.sell-upload-items {
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex
}
.sell-upload-items.have-item-1 {
	-webkit-flex:1;
	-ms-flex:1;
	flex:1
}
.sell-upload-items.have-item-2 {
	-webkit-flex:2;
	-ms-flex:2;
	flex:2
}
.sell-upload-items.have-item-3 {
	-webkit-flex:3;
	-ms-flex:3;
	flex:3
}
.sell-upload-items.have-item-4 {
	-webkit-flex:1;
	-ms-flex:1;
	flex:1
}
@media screen and (min-width: 768px) {
	.sell-upload-items {
		float:left;
		display:block
	}
}
.sell-upload-items ul {
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex
}
@media screen and (min-width: 768px) {
	.sell-upload-items ul {
		display:block
	}
}
.sell-upload-item {
	position:relative;
	display:inline-block;
	margin:0 0 0 2%;
	border:1px solid #eee;
	vertical-align:top
}
@media screen and (min-width: 768px) {
	.sell-upload-item {
		width:140px;
		margin:0 0 0 20px
	}
}
.sell-upload-item:first-child {
	margin:0
}
.sell-upload-item figure {
	position:relative;
	overflow:hidden;
	width:100%;
	height:0;
	padding:0 0 100%;
	background:#f5f5f5
}
@media screen and (min-width: 768px) {
	.sell-upload-item figure {
		width:auto;
		height:auto;
		padding:0;
		min-height:140px
	}
}
.sell-upload-item img {
	width:100%;
	cursor:default
}
.sell-upload-button {
	font-size:14px
}
.sell-upload-button a {
	display:inline-block;
	width:50%;
	background:#f5f5f5;
	line-height:44px;
	text-align:center
}
.sell-upload-button a:last-child {
	border-left:1px solid #eee
}
.sell-crop-inner {
	width:95%;
	margin:24px auto;
	padding:0 0 40px;
	background:#fff
}
@media screen and (min-width: 768px) {
	.sell-crop-inner {
		width:600px
	}
}
.sell-crop-header {
	padding:16px
}
.sell-crop-header h3 {
	margin:8px 0 0;
	font-size:16px
}
@media screen and (min-width: 768px) {
	.sell-crop-header h3 {
		margin:12px 0 0;
		font-size:18px
	}
}
.sell-crop-header a {
	display:block;
	padding:8px 12px;
	color:#888;
	background:#eee
}
@media screen and (min-width: 768px) {
	.sell-crop-header a {
		padding:12px 16px
	}
}
.sell-crop-header a .icon-camera {
	margin:0 8px 0 0
}
.sell-crop-header a .icon-camera,.sell-crop-header a span {
	vertical-align:middle
}
.sell-crop-editor {
	width:95%;
	margin:0 auto
}
@media screen and (min-width: 768px) {
	.sell-crop-editor {
		width:380px
	}
}
.sell-crop-editor canvas {
	cursor:move;
	width:100%
}
@media screen and (min-width: 768px) {
	.sell-crop-editor canvas {
		width:380px;
		height:380px
	}
}
.sell-crop-range {
	position:relative;
	width:85%;
	margin:16px auto 0;
	padding:8px 0 4px
}
@media screen and (min-width: 768px) {
	.sell-crop-range {
		width:300px
	}
}
.sell-crop-range input {
	width:100%;
	padding:0 36px 0 22px
}
.sell-crop-range .icon-camera {
	position:absolute;
	top:50%;
	-webkit-transform:translate(0, -50%);
	transform:translate(0, -50%)
}
.sell-crop-range .icon-camera:first-child {
	left:0;
	font-size:12px
}
.sell-crop-range .icon-camera:last-child {
	right:0;
	font-size:20px
}
.sell-crop-btn {
	max-width:380px;
	margin:24px auto 0;
	padding:0 16px
}
.sell-crop-btn .btn-default {
	width:45%
}
.sell-price>li {
	padding:24px 0;
	border-top:1px solid #ccc
}
.sell-price>li:first-child {
	padding:0 0 24px;
	border:0
}
.sell-price .form-group .l-left {
	width:50%;
	line-height:48px
}
.sell-price .form-group .l-right {
	width:50%
}
.sell-price .bold .l-left {
	font-size:16px
}
.sell-price .bold .l-right {
	font-size:34px
}
.sell-price-input {
	text-align:right
}
.sell-price-input>div {
	display:inline-block;
	width:80%;
	margin:0 0 0 5%
}
.sell-price-input .input-default {
	margin:0;
	text-align:right
}
.sell-draft .modal-head {
	text-align:center;
	line-height:80px
}
.sell-draft a {
	cursor:pointer
}
.sell-draft .btn-red {
	margin:40px auto 0
}
.sell-draft .btn-red span,.sell-draft .btn-red .icon-camera {
	vertical-align:middle
}
.sell-draft .icon-camera {
	margin:0 8px 0 0
}
.sell-draft-list {
	overflow:auto;
	max-height:270px
}
.sell-draft-list li {
	height:60px;
	border-top:1px solid #eee
}
.sell-draft-list li:last-child {
	border-bottom:1px solid #eee
}
.sell-draft-list a {
	position:relative;
	display:block;
	color:#333
}
.sell-draft-list a:hover {
	opacity:1;
	text-decoration:none;
	background:#f5f5f5
}
.sell-draft-list figure {
	width:60px;
	height:60px
}
.sell-draft-list div {
	overflow:hidden;
	max-width:516px;
	padding:23px 16px 23px 8px;
	white-space:nowrap;
	text-overflow:ellipsis
}
.sell-draft-list .icon-arrow-right {
	position:absolute;
	top:50%;
	right:8px;
	-webkit-transform:translate(0, -50%);
	transform:translate(0, -50%)
}
.sell-modal-body {
	border-top:1px solid #eee;
	padding:40px
}
.sell-modal-body p {
	margin:8px 0 0
}
.sell-btn-box p {
	line-height:1.5
}
.sell-btn-box .btn-red {
	margin:40px 0 0
}
.sell-btn-box .btn-red span,.sell-btn-box .btn-red .loading {
	vertical-align:middle
}
.sell-btn-box .btn-red .loading {
	margin:0 0 0 8px
}
.sell-btn-box .btn-gray {
	width:45%;
	margin:24px auto 0
}
.sell-link-to-sms {
	margin:40px 0 0
}
.sell-link-to-sms li {
	margin:8px 0 0
}
.sell-link-to-sms li:first-child {
	margin:0
}
.sell-item-loading {
	position:fixed;
	top:0;
	left:0;
	bottom:0;
	right:0;
	width:64px;
	height:64px;
	line-height:64px;
	margin:auto;
	border-radius:4px;
	background:rgba(0,0,0,0.56);
	text-align:center
}
.sell-item-loading .loading-black {
	position:relative;
	top:-4px;
	vertical-align:middle
}
.listing-tabs li {
	width:33.3%
}
.review-history-tabs li {
	width:25%
}
.deposit-form .table-defalt {
	margin:16px 0 0;
	border-bottom:1px solid #ccc
}
.deposit-form .table-defalt+h3 {
	margin:40px 0 0
}
.deposit-form .cell-default {
	border-top:1px solid #ccc
}
.bill-history {
	margin:40px 0 0
}
.bill-history:first-child {
	margin:0
}
.bill-history .table-defalt {
	margin:8px 0 0
}
.bill-history .table-defalt:first-child {
	margin:0
}
.bill-history .row-default:first-child .cell-default {
	border:0
}
.bill-history .cell-default {
	border-top:1px solid #ccc
}
.bill-history .cell-default:first-child {
	width:35%
}
.bill-history .cell-default:last-child {
	width:65%
}
.guide-car-main {
	position:relative;
	padding:80px 0 24px;
	background:#3bb9dd url("//www-mercari-jp.akamaized.net/assets/img/guide/car/bg-icons.png");
	background-position:center;
	color:#fff
}
@media screen and (min-width: 768px) {
	.guide-car-main {
		padding:124px 0 56px
	}
}
.guide-car-main h2 {
	padding:0 12.5%
}
@media screen and (min-width: 768px) {
	.guide-car-main h2 {
		padding:0
	}
}
.guide-car-main img {
	max-width:550px;
	width:100%
}
@media screen and (min-width: 768px) {
	.guide-car-main img {
		width:auto
	}
}
.guide-car-main h3 {
	position:absolute;
	top:40px;
	left:50%;
	width:90%;
	background:#ffd735;
	color:#293e5b;
	font-size:16px;
	line-height:30px;
	-webkit-transform:translate(-50%, 0);
	transform:translate(-50%, 0)
}
@media screen and (min-width: 768px) {
	.guide-car-main h3 {
		width:auto;
		padding:0 16px;
		line-height:60px;
		font-size:16px
	}
}
.guide-car-main h3:before,.guide-car-main h3:after {
	position:absolute;
	top:0;
	width:9px;
	height:30px;
	display:inline-block;
	content:'';
	background-repeat:no-repeat
}
@media screen and (min-width: 768px) {
	.guide-car-main h3:before,.guide-car-main h3:after {
		width:18px;
		height:60px
	}
}
.guide-car-main h3:before {
	left:-8px;
	background:url("//www-mercari-jp.akamaized.net/assets/img/guide/car/bg-yellow-left.png");
	background-size:9px 30px
}
@media screen and (min-width: 768px) {
	.guide-car-main h3:before {
		left:-18px;
		background-size:18px 60px
	}
}
.guide-car-main h3:after {
	right:-8px;
	background:url("//www-mercari-jp.akamaized.net/assets/img/guide/car/bg-yellow-right.png");
	background-size:9px 30px
}
@media screen and (min-width: 768px) {
	.guide-car-main h3:after {
		right:-18px;
		background-size:18px 60px
	}
}
.guide-car-main>p {
	margin:8px 0 0;
	font-size:11px;
	line-height:1.5
}
@media screen and (min-width: 768px) {
	.guide-car-main>p {
		font-size:20px
	}
}
.guide-car-main>div {
	width:90.625%;
	margin:0 auto
}
@media screen and (min-width: 768px) {
	.guide-car-main>div {
		width:600px
	}
}
.guide-car-main a {
	float:left;
	display:block;
	width:48%;
	margin:16px 0 0;
	border-radius:80px;
	background:#293e5b;
	line-height:44px;
	font-size:16px;
	color:#fff;
	transition:all ease-out .3s
}
.guide-car-main a:hover {
	background:#1c2b3f;
	opacity:1;
	text-decoration:none
}
.guide-car-main a:hover .icon-arrow-right {
	-webkit-transform:translate(8px, 0);
	transform:translate(8px, 0)
}
@media screen and (min-width: 768px) {
	.guide-car-main a {
		width:280px;
		margin:40px 0 0;
		font-size:30px;
		line-height:80px
	}
}
.guide-car-main a+a {
	margin:16px 0 0 4%
}
@media screen and (min-width: 768px) {
	.guide-car-main a+a {
		margin:40px 0 0 40px
	}
}
.guide-car-main a .icon-arrow-right,.guide-car-main a span {
	vertical-align:middle
}
.guide-car-main .icon-arrow-right {
	margin:0 0 0 8px;
	font-size:12px;
	transition:all ease-out .15s
}
@media screen and (min-width: 768px) {
	.guide-car-main .icon-arrow-right {
		margin:0 0 0 24px;
		font-size:20px
	}
}
.guide-car-merit {
	padding:40px 5% 24px;
	background:#fff
}
@media screen and (min-width: 768px) {
	.guide-car-merit {
		padding:80px 24px 96px
	}
}
.guide-car-merit>h3 {
	font-size:18px
}
@media screen and (min-width: 768px) {
	.guide-car-merit>h3 {
		font-size:32px
	}
}
.guide-car-merit-list {
	margin:40px auto 0;
	font-size:0;
	text-align:center
}
@media screen and (min-width: 768px) {
	.guide-car-merit-list {
		max-width:940px
	}
}
.guide-car-merit-list li {
	display:block;
	width:290px;
	height:220px;
	margin:24px auto 0;
	padding:32px 8px;
	background:#f5f5f5;
	vertical-align:top
}
.guide-car-merit-list li:first-child {
	margin:0 auto
}
@media screen and (min-width: 768px) {
	.guide-car-merit-list li {
		display:inline-block;
		width:32%;
		max-width:300px;
		height:245px;
		margin:0 2% 2% 0
	}
	.guide-car-merit-list li:first-child {
		margin:0 2% 2% 0
	}
	.guide-car-merit-list li:nth-child(3n) {
		margin:0 0 2%
	}
}
.guide-car-merit-list figure {
	width:70px;
	margin:0 auto;
	line-height:70px
}
.guide-car-merit-list h4 {
	margin:16px 0 0;
	font-size:18px
}
@media screen and (min-width: 1068px) {
	.guide-car-merit-list h4 {
		font-size:20px
	}
}
.guide-car-merit-list p {
	margin:8px 0 0;
	line-height:1.5;
	font-size:14px
}
@media screen and (min-width: 1068px) {
	.guide-car-merit-list p {
		font-size:16px
	}
}
.guide-car-detail-container {
	max-width:1020px;
	margin:0 auto;
	padding:24px 0
}
@media screen and (min-width: 768px) {
	.guide-car-detail-container {
		padding:40px 0
	}
}
.guide-car-detail-container a {
	transition:all ease-out .3s
}
.guide-car-detail-container a:hover {
	opacity:1;
	text-decoration:none
}
.guide-car-nav {
	margin:40px 0 0;
	background:#d0f4fe
}
.guide-car-nav-buy li {
	width:33.33333%
}
.guide-car-nav-sell li {
	width:25%
}
.guide-car-nav ol {
	counter-reset:count
}
.guide-car-nav li {
	float:left
}
.guide-car-nav a {
	position:relative;
	display:block;
	min-height:76px;
	padding:8px 4px;
	font-size:11px;
	line-height:1.2;
	text-align:center;
	color:#293e5b
}
@media screen and (min-width: 768px) {
	.guide-car-nav a {
		padding:32px 8px;
		font-size:16px;
		line-height:1
	}
	.guide-car-nav a:hover {
		background:#3bb9dd;
		color:#fff
	}
}
.guide-car-nav a:before {
	display:block;
	margin:0 0 8px;
	font-size:22px;
	counter-increment:count;
	content:"0" counters(count, "")
}
@media screen and (min-width: 768px) {
	.guide-car-nav a:before {
		font-size:26px
	}
}
.guide-car-nav a.active {
	background:#3bb9dd;
	color:#fff
}
.guide-car-nav a.active:after {
	position:absolute;
	bottom:-9px;
	left:50%;
	display:block;
	content:'';
	width:0;
	height:0;
	border-style:solid;
	border-width:9px 7px 0 7px;
	border-color:#3bb9dd transparent transparent transparent;
	-webkit-transform:translate(-50%, 0);
	transform:translate(-50%, 0)
}
.guide-car-detail-head {
	margin:0 5%;
	line-height:40px;
	background:#f5f5f5
}
@media screen and (min-width: 768px) {
	.guide-car-detail-head {
		margin:0;
		line-height:48px
	}
}
.guide-car-detail-head h2 {
	float:left;
	font-size:16px;
	line-height:40px
}
@media screen and (min-width: 768px) {
	.guide-car-detail-head h2 {
		font-size:22px;
		line-height:48px
	}
}
.guide-car-detail-head a {
	display:block;
	float:right;
	padding:0 16px;
	border-radius:8px;
	background:#3bb9dd;
	color:#fff;
	text-align:center
}
@media screen and (min-width: 768px) {
	.guide-car-detail-head a {
		width:180px;
		padding:0;
		border-radius:48px
	}
	.guide-car-detail-head a:hover {
		background:#d0f4fe;
		color:#293e5b
	}
}
.guide-car-detail-head a span {
	margin:0 8px 0 0;
	vertical-align:middle
}
@media screen and (min-width: 768px) {
	.guide-car-detail-head a span {
		margin:0 24px 0 0
	}
}
.guide-car-detail-head .icon-arrow-right {
	font-size:12px;
	vertical-align:middle
}
@media screen and (min-width: 768px) {
	.guide-car-detail-head .icon-arrow-right {
		font-size:16px
	}
}
.guide-car-detail-content {
	margin:16px 0 0;
	padding:40px 5%;
	background:#fff
}
@media screen and (min-width: 768px) {
	.guide-car-detail-content {
		padding:40px
	}
}
.guide-car-detail-content h3 {
	font-size:18px
}
@media screen and (min-width: 768px) {
	.guide-car-detail-content h3 {
		font-size:26px
	}
}
.guide-car-detail-content-inner {
	margin:40px 0 0
}
.guide-car-detail-content-inner:first-of-type {
	margin:24px 0 0
}
.guide-car-detail-content-inner>div {
	padding:16px
}
@media screen and (min-width: 768px) {
	.guide-car-detail-content-inner>div {
		padding:24px 16px
	}
}
.guide-car-detail-content-inner h4 {
	padding:0 0 8px;
	border-bottom:1px solid #d0f4fe
}
@media screen and (min-width: 768px) {
	.guide-car-detail-content-inner h4 {
		font-size:18px
	}
}
.guide-car-detail-content-inner h5 {
	margin:32px 0 0;
	font-size:16px
}
.guide-car-detail-content-inner h5:first-child {
	margin:0
}
.guide-car-detail-content-inner p {
	margin:8px 0 0;
	line-height:1.5
}
.guide-car-detail-content-inner p:first-child {
	margin:0
}
.guide-car-detail-content-inner ul {
	margin:8px 0 0
}
.guide-car-detail-content-inner ul:first-child {
	margin:0
}
.guide-car-detail-content-inner ul ul {
	padding:0 0 0 16px
}
.guide-car-detail-content-inner ul ul:first-child {
	margin:8px 0 0
}
.guide-car-detail-content-inner ul li:before {
	position:relative;
	top:-2px;
	display:inline-block;
	content:'';
	width:6px;
	height:6px;
	margin:0 8px 0 0;
	background:#ccc
}
.guide-car-detail-content-inner ol {
	margin:8px 0 0;
	counter-reset:count
}
.guide-car-detail-content-inner ol:first-child {
	margin:0
}
.guide-car-detail-content-inner ol.period-num>li {
	font-size:16px
}
.guide-car-detail-content-inner ol.period-num>li:before {
	margin:0 8px 0 0;
	font-weight:bold;
	counter-increment:count;
	content:counters(count, "") "."
}
.guide-car-detail-content-inner ol.period-num h5 {
	display:inline-block
}
.guide-car-detail-content-inner li {
	margin:8px 0 0;
	line-height:1.5
}
.guide-car-detail-content-inner li:first-child {
	margin:0
}
.guide-car-detail-prev,.guide-car-detail-next {
	position:relative;
	display:block;
	padding:0 16px;
	background:#3bb9dd;
	color:#fff;
	line-height:40px
}
.guide-car-detail-prev:before,.guide-car-detail-next:before {
	position:absolute;
	top:0;
	display:block;
	content:''
}
.guide-car-detail-prev {
	float:left;
	margin:40px 0 0 16px
}
.guide-car-detail-prev:before {
	left:-14px;
	width:0;
	height:0;
	border-style:solid;
	border-width:20px 14px 20px 0;
	border-color:transparent #3bb9dd transparent transparent
}
.guide-car-detail-next {
	float:right;
	margin:40px 16px 0 0
}
.guide-car-detail-next:before {
	right:-14px;
	width:0;
	height:0;
	border-style:solid;
	border-width:20px 0 20px 14px;
	border-color:transparent transparent transparent #3bb9dd
}
.guide-beginner {
	background:#fff
}
.guide-beginner-main {
	position:relative;
	padding:26px 0 20px;
	background:#26b7e1 url("//www-mercari-jp.akamaized.net/assets/img/guide/beginner/bg-icons.png");
	background-position:center;
	color:#fff;
	border-bottom:6px solid #ffd810
}
@media screen and (min-width: 768px) {
	.guide-beginner-main {
		padding:26px 0 24px;
		border-bottom:12px solid #ffd810
	}
}
.guide-beginner-main h2 {
	padding:0 9.375%
}
@media screen and (min-width: 768px) {
	.guide-beginner-main h2 {
		padding:0
	}
}
.guide-beginner-main img {
	max-width:600px;
	width:100%
}
@media screen and (min-width: 768px) {
	.guide-beginner-main img {
		width:auto
	}
}
.guide-beginner-introduction {
	padding:20px 5% 16px
}
@media screen and (min-width: 768px) {
	.guide-beginner-introduction {
		padding:20px 24px 26px
	}
}
.guide-beginner-introduction>h3 {
	max-width:600px;
	margin:0 auto 30px
}
.guide-beginner-introduction>h3>img {
	max-width:100%
}
@media screen and (min-width: 768px) {
	.guide-beginner-introduction>h3>img {
		max-width:600px;
		margin:0 auto 30px
	}
}
.guide-beginner-introduction>h4 {
	max-width:96%;
	margin:20px auto 30px;
	font-size:17px;
	font-weight:bold;
	line-height:1.2
}
@media screen and (min-width: 768px) {
	.guide-beginner-introduction>h4 {
		max-width:650px;
		margin:24px auto 42px;
		font-size:24px
	}
}
.guide-beginner-introduction>p {
	max-width:96%;
	margin:20px auto;
	font-size:17px;
	line-height:1.2
}
@media screen and (min-width: 768px) {
	.guide-beginner-introduction>p {
		max-width:650px;
		margin:20px auto;
		font-size:24px
	}
}
.guide-beginner-introduction>p>span {
	font-size:13px
}
@media screen and (min-width: 768px) {
	.guide-beginner-introduction>p>span {
		font-size:16px
	}
}
.guide-beginner-flow {
	padding:0 2.5% 16px;
	margin:0 auto
}
@media screen and (min-width: 768px) {
	.guide-beginner-flow {
		padding:0;
		width:680px
	}
}
.guide-beginner-flow>h3 {
	text-indent:-9999px;
	margin:0 0 20px
}
.guide-beginner-flow>p {
	margin:10px auto 20px
}
@media screen and (min-width: 768px) {
	.guide-beginner-flow>p {
		max-width:564px;
		margin:20px auto 50px auto
	}
}
.guide-beginner-flow>p>img {
	width:100%
}
.guide-beginner-flow .guide-beginner-flow-seller {
	background:url("//www-mercari-jp.akamaized.net/assets/img/guide/beginner/flow-title-seller.svg");
	background-size:220px 26px;
	background-position:left;
	background-repeat:no-repeat
}
@media screen and (min-width: 768px) {
	.guide-beginner-flow .guide-beginner-flow-seller {
		background-size:370px 44px;
		height:44px
	}
}
.guide-beginner-flow .guide-beginner-flow-seller:after {
	content:'';
	display:block;
	border-bottom:4px solid #2bb570;
	clear:both;
	width:98%;
	margin-top:20px
}
@media screen and (min-width: 768px) {
	.guide-beginner-flow .guide-beginner-flow-seller:after {
		margin-top:32px
	}
}
.guide-beginner-flow .guide-beginner-flow-buyer {
	background:url("//www-mercari-jp.akamaized.net/assets/img/guide/beginner/flow-title-buyer.svg");
	background-size:220px 26px;
	background-position:left;
	background-repeat:no-repeat
}
@media screen and (min-width: 768px) {
	.guide-beginner-flow .guide-beginner-flow-buyer {
		background-size:370px 44px;
		height:44px
	}
}
.guide-beginner-flow .guide-beginner-flow-buyer:after {
	content:'';
	display:block;
	border-bottom:4px solid #2377e4;
	clear:both;
	width:98%;
	margin-top:20px
}
@media screen and (min-width: 768px) {
	.guide-beginner-flow .guide-beginner-flow-buyer:after {
		margin-top:32px
	}
}
.guide-beginner-title>ul>li {
	float:left;
	width:50%;
	color:#fff;
	line-height:40px
}
@media screen and (min-width: 768px) {
	.guide-beginner-title>ul>li {
		width:50%;
		line-height:80px
	}
}
.guide-beginner-title-seller>figure,.guide-beginner-title-buyer>figure {
	margin:16px auto 8px
}
@media screen and (min-width: 768px) {
	.guide-beginner-title-seller>figure,.guide-beginner-title-buyer>figure {
		margin:30px auto　20px
	}
}
.guide-beginner-title-seller>figure>img,.guide-beginner-title-buyer>figure>img {
	max-height:110px
}
@media screen and (min-width: 768px) {
	.guide-beginner-title-seller>figure>img,.guide-beginner-title-buyer>figure>img {
		max-width:100%;
		max-height:100%
	}
}
.guide-beginner-title-seller>h3,.guide-beginner-title-buyer>h3 {
	text-indent:-99999px
}
.guide-beginner-title-seller>h3 {
	background:#2bb570 url("//www-mercari-jp.akamaized.net/assets/img/guide/beginner/title-seller.svg");
	background-size:150px 22px;
	background-position:center;
	background-repeat:no-repeat
}
@media screen and (min-width: 768px) {
	.guide-beginner-title-seller>h3 {
		background-size:294px 46px
	}
}
.guide-beginner-title-buyer {
	border-left:1px solid #fff
}
.guide-beginner-title-buyer>h3 {
	background:#2377e4 url("//www-mercari-jp.akamaized.net/assets/img/guide/beginner/title-buyer.svg");
	background-size:150px 22px;
	background-position:center;
	background-repeat:no-repeat
}
@media screen and (min-width: 768px) {
	.guide-beginner-title-buyer>h3 {
		background-size:294px 46px
	}
}
.guide-beginner-list {
	background:#fff;
	clear:both;
	margin:0 auto
}
.guide-beginner-list>div {
	float:left;
	width:50%
}
.guide-beginner-list-seller,.guide-beginner-list-buyer {
	width:100%;
	margin:0 auto
}
@media screen and (min-width: 768px) {
	.guide-beginner-list-seller,.guide-beginner-list-buyer {
		max-width:400px
	}
}
.guide-beginner-list-seller>li,.guide-beginner-list-buyer>li {
	margin:0 0 12px;
	text-align:center
}
.guide-beginner-list-seller>li>h3,.guide-beginner-list-buyer>li>h3 {
	padding:10px 4px
}
.guide-beginner-list-seller>li>h3:after,.guide-beginner-list-buyer>li>h3:after {
	content:'';
	display:block;
	border-bottom:2px solid #dbdbdb;
	clear:both;
	width:98%;
	margin-top:10px
}
.guide-beginner-list-seller>li>a,.guide-beginner-list-buyer>li>a {
	color:#fff;
	width:100%;
	text-align:center;
	display:block;
	line-height:32px;
	text-decoration:none
}
.guide-beginner-list-seller>li>a>p,.guide-beginner-list-buyer>li>a>p {
	text-indent:18px
}
.guide-beginner-list-seller>li>a>p:before,.guide-beginner-list-buyer>li>a>p:before {
	content:'';
	background:url("//www-mercari-jp.akamaized.net/assets/img/guide/beginner/icon-arrow.svg");
	background-size:9px 15px;
	background-position:center;
	background-repeat:no-repeat;
	display:block;
	height:15px;
	width:9px;
	float:right;
	margin:10px 6px 0
}
.guide-beginner-list-seller>li>a>figure,.guide-beginner-list-buyer>li>a>figure {
	margin:16px auto
}
.guide-beginner-list-seller>li>a>figure>img,.guide-beginner-list-buyer>li>a>figure>img {
	max-height:60px
}
@media screen and (min-width: 768px) {
	.guide-beginner-list-seller>li>a>figure>img,.guide-beginner-list-buyer>li>a>figure>img {
		max-height:90px
	}
}
.guide-beginner-list-seller {
	padding:10px 1.25% 10px 2.5%
}
.guide-beginner-list-seller>li {
	border:solid 4px #2bb570
}
.guide-beginner-list-seller>li>a>p {
	background:#2bb570
}
.guide-beginner-list-seller>li>h3:before {
	content:'';
	background:url("//www-mercari-jp.akamaized.net/assets/img/guide/beginner/icon-seller.svg");
	background-size:22px 22px;
	background-position:center;
	background-repeat:no-repeat;
	display:block;
	height:22px;
	width:22px;
	float:left
}
.guide-beginner-list-buyer {
	padding:10px 2.5% 10px 1.25%
}
.guide-beginner-list-buyer>li {
	border:solid 4px #2377e4
}
.guide-beginner-list-buyer>li>a>p {
	background:#2377e4
}
.guide-beginner-list-buyer>li>h3:before {
	content:'';
	background:url("//www-mercari-jp.akamaized.net/assets/img/guide/beginner/icon-buyer.svg");
	background-size:22px 22px;
	background-position:center;
	background-repeat:no-repeat;
	display:block;
	height:22px;
	width:22px;
	float:left
}
.guide-beginner-title-sub-seller1 {
	background:url("//www-mercari-jp.akamaized.net/assets/img/guide/beginner/title-sub-seller1.svg");
	background-size:114px 15px;
	height:42px;
	background-repeat:no-repeat;
	background-position:28px 50%;
	text-indent:-99999px
}
@media screen and (min-width: 768px) {
	.guide-beginner-title-sub-seller1 {
		background-size:190px 20px;
		background-position:24px 50%
	}
}
.guide-beginner-title-sub-seller2 {
	background:url("//www-mercari-jp.akamaized.net/assets/img/guide/beginner/title-sub-seller2.svg");
	background-size:111px 15px;
	height:42px;
	background-repeat:no-repeat;
	background-position:28px 50%;
	text-indent:-99999px
}
@media screen and (min-width: 768px) {
	.guide-beginner-title-sub-seller2 {
		background-size:168px 20px;
		background-position:24px 50%
	}
}
.guide-beginner-title-sub-seller3 {
	background:url("//www-mercari-jp.akamaized.net/assets/img/guide/beginner/title-sub-seller3.svg");
	background-size:84px 15px;
	height:42px;
	background-repeat:no-repeat;
	background-position:28px 50%;
	text-indent:-99999px
}
@media screen and (min-width: 768px) {
	.guide-beginner-title-sub-seller3 {
		background-size:128px 20px;
		background-position:30px 50%
	}
}
.guide-beginner-title-sub-seller4,.guide-beginner-title-sub-buyer5 {
	background:url("//www-mercari-jp.akamaized.net/assets/img/guide/beginner/title-sub-seller-buyer-l.svg");
	background-size:121px 28px;
	height:42px;
	background-repeat:no-repeat;
	background-position:22px 50%;
	text-indent:-99999px
}
@media screen and (min-width: 768px) {
	.guide-beginner-title-sub-seller4,.guide-beginner-title-sub-buyer5 {
		background:url("//www-mercari-jp.akamaized.net/assets/img/guide/beginner/title-sub-seller-buyer.svg");
		background-size:314px 20px;
		background-position:18px 50%;
		background-repeat:no-repeat
	}
}
.guide-beginner-title-sub-seller5 {
	background:url("//www-mercari-jp.akamaized.net/assets/img/guide/beginner/title-sub-seller5-l.svg");
	background-size:121px 28px;
	height:42px;
	background-repeat:no-repeat;
	background-position:22px 50%;
	text-indent:-99999px
}
@media screen and (min-width: 768px) {
	.guide-beginner-title-sub-seller5 {
		background:url("//www-mercari-jp.akamaized.net/assets/img/guide/beginner/title-sub-seller5.svg");
		background-size:255px 20px;
		background-position:20px 50%;
		background-repeat:no-repeat
	}
}
.guide-beginner-title-sub-buyer1 {
	background:url("//www-mercari-jp.akamaized.net/assets/img/guide/beginner/title-sub-buyer1.svg");
	background-size:112px 14px;
	height:42px;
	background-repeat:no-repeat;
	background-position:28px 50%;
	text-indent:-99999px
}
@media screen and (min-width: 768px) {
	.guide-beginner-title-sub-buyer1 {
		background-size:190px 20px;
		background-position:26px 50%
	}
}
.guide-beginner-title-sub-buyer2 {
	background:url("//www-mercari-jp.akamaized.net/assets/img/guide/beginner/title-sub-buyer2-l.svg");
	background-size:121px 28px;
	height:42px;
	background-repeat:no-repeat;
	background-position:24px 50%;
	text-indent:-99999px
}
@media screen and (min-width: 768px) {
	.guide-beginner-title-sub-buyer2 {
		background:url("//www-mercari-jp.akamaized.net/assets/img/guide/beginner/title-sub-buyer2.svg");
		background-size:220px 20px;
		background-position:24px 50%;
		background-repeat:no-repeat
	}
}
.guide-beginner-title-sub-buyer3 {
	background:url("//www-mercari-jp.akamaized.net/assets/img/guide/beginner/title-sub-buyer3.svg");
	background-size:110px 15px;
	height:42px;
	background-repeat:no-repeat;
	background-position:28px 50%;
	text-indent:-99999px
}
@media screen and (min-width: 768px) {
	.guide-beginner-title-sub-buyer3 {
		background-size:170px 20px;
		background-position:30px 50%
	}
}
.guide-beginner-title-sub-buyer4 {
	background:url("//www-mercari-jp.akamaized.net/assets/img/guide/beginner/title-sub-buyer4-l.svg");
	background-size:121px 28px;
	height:42px;
	background-repeat:no-repeat;
	background-position:22px 50%;
	text-indent:-99999px
}
@media screen and (min-width: 768px) {
	.guide-beginner-title-sub-buyer4 {
		background:url("//www-mercari-jp.akamaized.net/assets/img/guide/beginner/title-sub-buyer4.svg");
		background-size:234px 20px;
		background-position:30px 50%;
		background-repeat:no-repeat
	}
}
.guide-beginner-text {
	padding:10px 2.5% 40px 2.5%;
	clear:both;
	line-height:2;
	max-width:700px;
	margin:0 auto
}
.guide-beginner-popup {
	padding:20px 1.25% 20px 2.5%;
	margin:70px auto;
	background:#fff;
	border-radius:5px;
	width:84%;
	position:relative
}
@media screen and (min-width: 768px) {
	.guide-beginner-popup {
		max-width:560px
	}
}
.guide-beginner-popup>h3:after {
	content:'';
	display:block;
	border-bottom:2px solid #dbdbdb;
	clear:both;
	width:98%;
	padding-top:8px
}
.guide-beginner-popup>p {
	padding:0 1.25%;
	font-size:14px;
	line-height:1.3
}
@media screen and (min-width: 768px) {
	.guide-beginner-popup>p {
		font-size:16px
	}
}
.guide-beginner-popup>p>span {
	font-weight:bold;
	color:#f44
}
.guide-beginner-popup>figure {
	margin:24px auto
}
.guide-beginner-popup>figure>img {
	max-height:160px;
	max-width:240px
}
@media screen and (min-width: 768px) {
	.guide-beginner-popup>figure>img {
		max-height:260px;
		max-width:400px
	}
}
.guide-beginner-popup-title-seller:before {
	content:'';
	background:url("//www-mercari-jp.akamaized.net/assets/img/guide/beginner/icon-seller.svg");
	background-size:26px 26px;
	background-position:center;
	background-repeat:no-repeat;
	display:block;
	height:26px;
	width:26px;
	float:left;
	margin-left:3px
}
@media screen and (min-width: 768px) {
	.guide-beginner-popup-title-seller:before {
		background:url("//www-mercari-jp.akamaized.net/assets/img/guide/beginner/icon-seller.svg");
		background-size:42px 42px;
		height:42px;
		width:42px
	}
}
.guide-beginner-popup-title-buyer:before {
	content:'';
	background:url("//www-mercari-jp.akamaized.net/assets/img/guide/beginner/icon-buyer.svg");
	background-size:26px 26px;
	background-position:center;
	background-repeat:no-repeat;
	display:block;
	height:26px;
	width:26px;
	float:left;
	margin-left:3px
}
@media screen and (min-width: 768px) {
	.guide-beginner-popup-title-buyer:before {
		background:url("//www-mercari-jp.akamaized.net/assets/img/guide/beginner/icon-buyer.svg");
		background-size:42px 42px;
		height:42px;
		width:42px
	}
}
.guide-beginner-title-popup-seller1 {
	background:url("//www-mercari-jp.akamaized.net/assets/img/guide/beginner/title-sub-seller1.svg");
	background-size:160px 17px;
	background-position:26px 20%;
	background-repeat:no-repeat;
	text-indent:-99999px
}
@media screen and (min-width: 768px) {
	.guide-beginner-title-popup-seller1 {
		background-size:190px 20px;
		background-position:40px 40%
	}
}
.guide-beginner-title-popup-seller2 {
	background:url("//www-mercari-jp.akamaized.net/assets/img/guide/beginner/title-sub-seller2.svg");
	background-size:143px 17px;
	background-position:26px 20%;
	background-repeat:no-repeat;
	text-indent:-99999px
}
@media screen and (min-width: 768px) {
	.guide-beginner-title-popup-seller2 {
		background-size:168px 20px;
		background-position:40px 40%
	}
}
.guide-beginner-title-popup-seller3 {
	background:url("//www-mercari-jp.akamaized.net/assets/img/guide/beginner/title-sub-seller3.svg");
	background-size:110px 17px;
	background-position:26px 20%;
	background-repeat:no-repeat;
	text-indent:-99999px
}
@media screen and (min-width: 768px) {
	.guide-beginner-title-popup-seller3 {
		background-size:128px 20px;
		background-position:40px 40%
	}
}
.guide-beginner-title-popup-seller4,.guide-beginner-title-popup-buyer5 {
	background:url("//www-mercari-jp.akamaized.net/assets/img/guide/beginner/title-sub-seller-buyer.svg");
	background-size:211px 15px;
	background-position:36px 20%;
	background-repeat:no-repeat;
	text-indent:-99999px
}
@media screen and (min-width: 768px) {
	.guide-beginner-title-popup-seller4,.guide-beginner-title-popup-buyer5 {
		background-size:310px 22px;
		background-position:40px 40%
	}
}
.guide-beginner-title-popup-seller5 {
	background:url("//www-mercari-jp.akamaized.net/assets/img/guide/beginner/title-sub-seller5.svg");
	background-size:217px 17px;
	background-position:26px 20%;
	background-repeat:no-repeat;
	text-indent:-99999px
}
@media screen and (min-width: 768px) {
	.guide-beginner-title-popup-seller5 {
		background-size:255px 20px;
		background-position:40px 40%
	}
}
.guide-beginner-title-popup-buyer1 {
	background:url("//www-mercari-jp.akamaized.net/assets/img/guide/beginner/title-sub-buyer1.svg");
	background-size:180px 17px;
	background-position:18px 20%;
	background-repeat:no-repeat;
	text-indent:-99999px
}
@media screen and (min-width: 768px) {
	.guide-beginner-title-popup-buyer1 {
		background-size:210px 20px;
		background-position:40px 40%
	}
}
.guide-beginner-title-popup-buyer2 {
	background:url("//www-mercari-jp.akamaized.net/assets/img/guide/beginner/title-sub-buyer2.svg");
	background-size:182px 17px;
	background-position:26px 20%;
	background-repeat:no-repeat;
	text-indent:-99999px
}
@media screen and (min-width: 768px) {
	.guide-beginner-title-popup-buyer2 {
		background-size:214px 20px;
		background-position:40px 40%
	}
}
.guide-beginner-title-popup-buyer3 {
	background:url("//www-mercari-jp.akamaized.net/assets/img/guide/beginner/title-sub-buyer3.svg");
	background-size:146px 17px;
	background-position:26px 20%;
	background-repeat:no-repeat;
	text-indent:-99999px
}
@media screen and (min-width: 768px) {
	.guide-beginner-title-popup-buyer3 {
		background-size:170px 20px;
		background-position:40px 40%
	}
}
.guide-beginner-title-popup-buyer4 {
	background:url("//www-mercari-jp.akamaized.net/assets/img/guide/beginner/title-sub-buyer4.svg");
	background-size:200px 17px;
	background-position:26px 20%;
	background-repeat:no-repeat;
	text-indent:-99999px
}
@media screen and (min-width: 768px) {
	.guide-beginner-title-popup-buyer4 {
		background-size:234px 20px;
		background-position:40px 40%
	}
}
.guide-beginner-popup-close {
	background:url("//www-mercari-jp.akamaized.net/assets/img/guide/beginner/icon-close.svg");
	background-size:30px 30px;
	background-position:center;
	background-repeat:no-repeat;
	position:absolute;
	top:-12px;
	right:-12px;
	width:30px;
	height:30px
}
.campaign-banner {
	display:block;
	text-align:center
}
.campaign-banner img {
	width:100%;
	max-width:600px;
	max-height:101px;
	min-height:54px;
	background:#eee
}
@media screen and (min-width: 768px) {
	.campaign-banner img {
		min-height:none;
		background:none
	}
}
.campaign-banner:hover {
	opacity:1
}
@media screen and (min-width: 768px) {
	.campaign-banner-exhibit {
		position:relative;
		height:101px;
		z-index:1
	}
	.campaign-banner-exhibit:before,.campaign-banner-exhibit:after {
		display:block;
		content:'';
		position:absolute;
		top:0;
		bottom:0;
		z-index:-1
	}
	.campaign-banner-exhibit:before {
		right:50%;
		left:0;
		background:#fe4892
	}
	.campaign-banner-exhibit:after {
		right:0;
		left:50%;
		background:#b7ecfd
	}
}
.campaign-banner-lottery {
	background:#f5f5f5
}
[data-toggle='open-app'] {
	display:none
}
[data-client='visible'] {
	display:none
}
.visible-pc {
	display:none
}
@media screen and (min-width: 768px) {
	.visible-pc {
		display:block
	}

}
    
@media screen and (min-width: 768px) {
	.visible-sp {
		display:none
	}
}
@media screen and (min-width: 1068px) {
	.hidden-large {
		display:none
	}
}
.visible-large {
	display:none
}


@media screen and (min-width: 1068px) {
	.visible-large {
		display:block
	}
}
/* ヘッダー */


.nav-shopcb {
    position: relative;
    background-color: black;
    text-align: left;
    height: 70px;
    margin: 0px;
    padding: 0px;
}

.nav-shop2days {
    position: relative;
    background: url(./images/minatomirai.png) repeat 0px;
        background-color: rgba(0, 0, 0, 0);
    background-color: rgba(0, 0, 0, 0);
    background-color: #182d7c;
    color: #FFFFFF;
    text-align: left;
    height: 70px;
    margin: 0px;
    
    padding: 0px;
}
.nav-shop2days h2 {
    float: left;
    font-size: 12px;
    margin: 27px 0px 0px 10px;
    font-weight: bold;
    padding: 0px;
    color: #fff;
}
.nav-shop2days img {
    float: left;
    padding-left: 20px;
}


.nav-shopcb img {
    float: left;
    padding-left: 20px;
}

.nav-shopgw {
    position: relative;
    background: url(./images/gw_header.gif) repeat 0px;
        background-color: rgba(0, 0, 0, 0);
    background-color: rgba(0, 0, 0, 0);
    background-color: #182d7c;
    color: #FFFFFF;
    text-align: left;
    height: 70px;
    margin: 0px;
    
    padding: 0px;
}
.nav-shopgw h2 {
    float: left;
    font-size: 12px;
    margin: 27px 0px 0px 10px;
    font-weight: bold;
    padding: 0px;
    color: #fff;
}
.nav-shopgw img {
    float: left;
    padding-left: 20px;
}


.nav-shopbt {
    position: relative;
    background: url(./images/valentine_header.gif) repeat 0px;
        background-color: rgba(0, 0, 0, 0);
    background-color: rgba(0, 0, 0, 0);
    background-color: #182d7c;
    color: #FFFFFF;
    text-align: left;
    height: 70px;
    margin: 0px;
    
    padding: 0px;
}
.nav-shopbt h2 {
    float: left;
    font-size: 12px;
    margin: 27px 0px 0px 10px;
    font-weight: bold;
    padding: 0px;
    color: #fff;
}
.nav-shopbt img {
    float: left;
    padding-left: 20px;
}

.nav-shopks {
    position: relative;
    background: url(./images/kessan_header.gif) repeat 0px;
        background-color: rgba(0, 0, 0, 0);
    background-color: rgba(0, 0, 0, 0);
    background-color: #182d7c;
    color: #FFFFFF;
    text-align: left;
    height: 70px;
    margin: 0px;
    padding: 0px;
}
.nav-shopks h2 {
    float: left;
    font-size: 12px;
    margin: 27px 0px 0px 10px;
    font-weight: bold;
    padding: 0px;
    color: #fff;
}
.nav-shopks img {
    float: left;
    padding-left: 20px;
}

.nav-shop {
	position: relative;
	background-color: #182d7c;
	color: #FFFFFF;
	text-align: left;
	height: 70px;
	margin: 0px;
	padding: 0px;
}

.nav-shop h2 {
	float: left;
	font-size: 12px;
	margin: 27px 0px 0px 10px;
	font-weight: bold;
	padding: 0px;
	color:white;
}

.nav-shop img {
float: left;
padding-left: 20px;
}

.nav-shopbk {
	position: relative;
	background-color: black;
	color: #FFFFFF;
	text-align: left;
	height: 70px;
	margin: 0px;
	padding: 0px;
}

.nav-shopbk h2 {
	float: left;
	font-size: 12px;
	margin: 27px 0px 0px 10px;
	font-weight: bold;
	padding: 0px;
	color:white;
}

.nav-shopbk img {
float: left;
padding-left: 20px;
}

#headerfix {

}
#headerfix .fixheader {
  z-index:10000000;
  position: absolute;
  background-color: #101D50;
  width: 100%;
  top: 70px;
  border-top:1px solid gray;
  color:#fff;
}
#headerfix.fixed .fixheader {
  position: fixed;
  top: 0px;
}



#headerfixsp {

}
#headerfixsp .fixheader {
  z-index:10000000;
  position: absolute;
  background-color: #101D50;
  width: 100%;
  top: 70px;
  border-top:1px solid gray;
  color:#fff;
}
#headerfixsp.fixed .fixheader {
  position: fixed;
  top: 0px;
}

#headerfixb {

}
#headerfixb .fixheader {
  z-index:10000000;
  position: absolute;
  background-color: #333333;
  width: 100%;
  top: 70px;
  border-top:1px solid gray;
  color:#fff;
}
#headerfixb.fixed .fixheader {
  position: fixed;
  top: 0px;
}



#headerfixbsp {

}
#headerfixbsp .fixheader {
  z-index:10000000;
  position: absolute;
  background-color: #333333;
  width: 100%;
  top: 70px;
  border-top:1px solid gray;
  color:#fff;
}
#headerfixbsp.fixed .fixheader {
  position: fixed;
  top: 0px;
}


.topmenu {
    line-height:0.5em
}


.topmenu2 {
    margin: 0 0 0 10px;
    padding: 0;
    list-style: none;
    float: left;
}

.topmenu2 ul{
list-style-type: none;
}

.topmenu2 li {
    display: table-cell;
}

.topmenu2 li a {
background-color: #336699;
	color: #fff;
	display: block;
	width: 70px;
	font-size:11px;
	padding: 3px 5px;
	text-decoration: none;
	margin:6px 3px;
	text-align:center;
}


.topmenu3 {
    margin: 0 0 0 10px;
    padding: 0;
    list-style: none;
    float: left;
}

.topmenu3 ul{
list-style-type: none;
}

.topmenu3 li {
    display: table-cell;
}

.topmenu3 li a {
background-color: #336699;
	color: #fff;
	display: block;
	width: 120px;
	padding: 5px 10px;
	text-decoration: none;
	margin:6px 3px;
	text-align:center;
}


.topmenu4 {
    margin: 0 0 0 10px;
    padding: 0;
    list-style: none;
    float: left;
}

.topmenu4 ul{
list-style-type: none;
}

.topmenu4 li {
    display: table-cell;
}

.topmenu4 li a {
	background-color: white;
	color: black;
	display: block;
	width: 70px;
	font-size:14px;
	padding: 3px 5px;
	text-decoration: none;
	margin:6px 3px;
	text-align:center;
}

.topmenu6 {
    margin: 0 0 0 10px;
    padding: 0;
    list-style: none;
    float: left;
}

.topmenu6 ul{
list-style-type: none;
}

.topmenu6 li {
    display: table-cell;
}

.topmenu6 li a {
background-color: #336699;
	color: #fff;
	display: block;
	width: 55px;
	font-size:11px;
	padding: 3px 5px;
	text-decoration: none;
	margin:6px 3px;
	text-align:center;
}

.row {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}
.header_top {
    position: absolute;
    z-index: 101;
    top: 0px;
    margin: 0 auto;
    width: 100%;
    padding: 0 10px;
}

.header_bottom {
    position: absolute;
    z-index: 101;
    top: 90px;
    margin: 0 auto;
    width: 100%;
    padding: 0 10px;
}


#menu {
  text-align: left;
  margin-top: 15px;
  border-bottom:1px dotted #ccc;
  padding: 5px;
  background-color: #FFF2E0;
  font-size: 1.4em;
}

#menu a:hover {
  background: linear-gradient(transparent 50%, #FFC778 0%);
}

#uefix{
  margin-top: -100px; /* 固定ナビの高さ分のネガティブマージン */
  padding-top: 100px; /* 打ち消し用のパディング */

}

@media screen and (min-width: 1025px) {
.ifix{
margin-right:5px;
}

.square_btn{
font-size:14px;
}

.square_btn_chuko{
font-size:14px;
}

.topmenu5 {
    margin: 0 0 0 0px;
    padding: 0;
    list-style: none;
    float: center;
}

.topmenu5 ul{
list-style-type: none;
}

.topmenu5 li {
    display: table-cell;
}

.topmenu5 li a {
	color: #fff;
	display: block;
	width: 248px;
	text-decoration: none;
	margin:1px;
	text-align:center;
	height:60px;
    padding: 0.7em 1em;
    background: #286090;/*ボタン色*/
    color: #FFF !important;
    border-bottom: solid 4px #204d74;
    border-radius: 3px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    text-shadow: 0 1px 0 rgba(0,0,0,0.2);
    font-size:25px;
}

}
@media screen and (max-width: 1024px) {
.ifix{
margin-right:2px;
}

.square_btn{
font-size:10px;
}

.square_btn_chuko{
font-size:10px;
}

.topmenu5 {
    margin: 0 0 0 0px;
    padding: 0;
    list-style: none;
    float: center;
}

.topmenu5 ul{
list-style-type: none;
}

.topmenu5 li {
  width: 50%;
  float: left;
  overflow: hidden;
}

.topmenu5 li a {
	color: #fff;
	display: block;
	width: 100%;
	text-decoration: none;
	text-align:center;
    background: #286090;/*ボタン色*/
    color: #FFF !important;
    border-bottom: solid 4px #204d74;
    border-radius: 3px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    text-shadow: 0 1px 0 rgba(0,0,0,0.2);
    font-size:17px;
    margin: 1px;
  padding: 1.3em;
  height: 4em;
}

}

.items-box{
    border-radius:2px;
    }


.square_btn{
    display: block;
    padding: 0.5em 0em;
    text-decoration: none;
    background: #e0001c;/*ボタン色*/
    color: #FFF !important;
    border-bottom: solid 4px #72000e;
    border-radius: 3px;
    text-align:center;
   
}

.square_btn_night{
    display: block;
    padding: 0.5em 0em;
    text-decoration: none;
    background: #a7a1aa;/*ボタン色*/
    color: #FFF !important;
    border-bottom: solid 4px #89858c;
    border-radius: 3px;
    text-align:center;
   
}

.square_btn_chuko{
    display: block;
    padding: 0.5em 1em;
    text-decoration: none;
    background: yellow;/*ボタン色*/
    color: black !important;
    border-bottom: solid 4px #6a7800;
    border-radius: 3px;
    text-align:center;
   
}


.square_btn:hover{
    background: #ec001d;/*ボタン色*/
}

.square_btn_night:hover{
    background: #a7a1aa;/*ボタン色*/
}

.square_btn_chuko:hover{
    background: #ffff4e;/*ボタン色*/
}

@media screen and (min-width: 1025px) {
.ifix{
margin-right:5px;
}


.square_btn2{
font-size:30px;
}

}
@media screen and (max-width: 1024px) {
.ifix{
margin-right:2px;
}


.square_btn2{
font-size:15px;
}

}

.items-box{
    border-radius:2px;
    }
    
.square_btn2{
    display: block;
    padding: 1.5em 1em;
    text-decoration: none;
    background: #182D7c;/*ボタン色*/
    color: #FFF !important;
    border-radius: 3px;
    text-align:center;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    text-shadow: 0 1px 0 rgba(0,0,0,0.2);
    font-weight: bold; 
   
}

.square_btn2:hover{
    text-decoration: none;
}

@media screen and (min-width: 768px) {
.ifix{
margin-right:5px;
}


.square_btn3{
font-size:25px;
}

}
@media screen and (max-width: 767px) {
.ifix{
margin-right:2px;
}


.square_btn3{
font-size:20px;
}

}

.items-box{
    border-radius:2px;
    }
    
.square_btn3{
    display: block;
    padding: 1.5em 1em;
    text-decoration: none;
    background: #286090;/*ボタン色*/
    color: #FFF !important;
    border-bottom: solid 4px #204d74;
    border-radius: 3px;
    text-align:center;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    text-shadow: 0 1px 0 rgba(0,0,0,0.2);
   
}

.square_btn3:hover{
    text-decoration: none;
    opacity: 1.0;
}

.item-topline{
    border-top:1px solid #ccc;
    
    }

.soryofree{
float:right;
color:white;
font-weight:bold;
background:#ff3766;
padding:5px;
margin-bottom:0px;
height:22px;
}

.soryofree-1500{
float:right;
color:white;
font-weight:bold;
background:#ff3766;
padding:5px;
margin-bottom:0px;
font-size:0.6em;
height:22px;
}

.coupon{
color:white;
background:#ff9966;
padding:5px;
margin-bottom:3px;
font-size:0.8em;
height:18px;
}
.nocoupon{
color:white;
background:#ff9999;
padding:5px;
margin-bottom:3px;
font-size:0.8em;
height:18px;
}
.couponzeikomi{
float:right;
padding:5px;
margin-bottom:0px;
font-size:0.5em;
}

.zeikomi{
text-align: right;
width:61px;
height:auto;
}



/*全体*/
.hidden_box {
    margin: 2em 0;
    padding: 0;
}

/*ボタン装飾*/
.hidden_box label {
    padding: 15px;
    font-weight: bold;
    background: #efefef;
    border-radius: 5px;
    cursor :pointer;
    transition: .5s;
}

/*アイコンを表示*/
.hidden_box label:before {
    display: inline-block;
    content: '\f078';
    font-family: 'FontAwesome';
    padding-right: 5px;
    transition: 0.2s;
}

/*ボタンホバー時*/
.hidden_box label:hover {
    background: silver;
}

/*アイコンを切り替え*/
.hidden_box input:checked + label:before {
     content: '\f00d';
     -ms-transform: rotate(360deg);
     -webkit-transform: rotate(360deg);
     transform: rotate(360deg);
     color: #668ad8;
}

/*チェックは見えなくする*/
.hidden_box input {
    display: none;
}

/*中身を非表示にしておく*/
.hidden_box .hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.hidden_box input:checked + label + .hidden_show {
    padding: 10px 0;
    height: auto;
    opacity: 1;
}

/*パーセント表示*/
.items-box-photo p{
    position:absolute;
    z-index:100000;
    font-size:15px;
    background:red;
    padding:0px 10px;
    color:white;
}


#hidarisale {
    display:none;
}

#hidarisalesp{
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index:10000000000000;
}

#hidarisalesp:hover {
    z-index:10000000000000;
}

.wrapper{
padding: 10px 0px;
}


#hidarisale {
    position: fixed;
    left: 0;
    top: 150px;
}

#hidarisalesp {
    display:none;
}



.items-box{
  position: relative;
}

.items-box .stock-kanbai{
position: absolute;
  top: 28%;
  left: 15%;
  right: 15%;
z-index: 1000000;
}

.items-box img{
  max-width: 100%;
}

.btn-square-pop {
  position: relative;
  display: inline-block;
  padding: 0.25em 0.5em;
  text-decoration: none;
  color: #FFF;
  background: #fd9535;/*背景色*/
  border-radius: 4px;/*角の丸み*/
  box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
  font-weight: bold;
  width:100%;
  font-size:30px;
  margin-top:7px;
}

.btn-square-pop:active {
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}

.btn-square-pop:hover, .btn-square-pop:focus {

    background: #f5b478;/*背景色*/
    color: #fff !important;

}