@charset "utf-8";
/* CSS Document */
/*!
 * Header Seting
 */

.sp-header {
	display: none;
}

.card {
	height: 100%;
}

header .dropdown.dropdown-lg .dropdown-menu {
	margin-top: -1px;
	padding: 6px 20px;
}

header .input-group-btn .btn-group {
	display: flex !important;
}

header .btn-group .btn {
	border-radius: 0;
	margin-left: -1px;
}

header .btn-group .btn:last-child {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	color: #6f6f6f;
	background: #fff;
	/*border-color: #ced4da;*/
	border-color: #1d2329;
	border-left: 0;
}

header .btn-group .form-horizontal .btn {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

header .hd-search .select-btn {
	border-radius: 3px 0 0 3px;
}

header .form-horizontal .form-group {
	margin-left: 0;
	margin-right: 0;
}

header .form-group .form-control:last-child {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

@media screen and (min-width: 768px) {
	header .hd-search {
		width: 500px;
		margin: 0 auto;
	}

	header .dropdown.dropdown-lg {
		position: static !important;
	}

	header .dropdown.dropdown-lg .dropdown-menu {
		min-width: 500px;
	}
}

@media screen and (max-width: 768px) {
	header .hd-search {
		width: 500px;
		margin: 0 auto;
	}

	header .dropdown.dropdown-lg {
		position: static !important;
	}

	header .dropdown.dropdown-lg .dropdown-menu {
		min-width: 500px;
	}

	header .navbar {
		display: none;
	}

	.sp-header {
		display: block;
		display: flex;
		justify-content: space-between;
		padding: 20px 0;
		background-color: #fff;
	}

	.sp-header .navbar-brand {
		position: absolute;
		left: 50%;
		transform: translateY(-50%) translateX(-50%);
		top: 35px;
	}

	.info-box {
		display: none;
	}
}

header .form-inline {
	width: calc(100% - 134px);
}

header .hd-search {
	width: calc(100% - 250px) !important;
	margin: 0;
}

#nav-drawer,
#nav-drawer01 {
	position: relative;
}

/*チェックボックス等は非表示に*/
.nav-unshown {
	display: none;
}

/*アイコンのスペース*/
#nav-open {
	display: inline-block;
	width: 30px;
	height: 22px;
	vertical-align: middle;
}

#nav-open01 {
	display: inline-block;
	width: 30px;
	height: 22px;
	vertical-align: middle;
}

/*ハンバーガーアイコンをCSSだけで表現*/
#nav-open span,
#nav-open span:before,
#nav-open span:after {
	position: absolute;
	height: 3px;
	/*線の太さ*/
	width: 25px;
	/*長さ*/
	border-radius: 3px;
	background: #555;
	display: block;
	content: '';
	cursor: pointer;
}

#nav-open span:before,
#nav-open01 span:before {
	bottom: -8px;
}

#nav-open span:after,
#nav-open01 span:after {
	bottom: -16px;
}

/*閉じる用の薄黒カバー*/
#nav-close01 {
	display: none;
	/*はじめは隠しておく*/
	position: fixed;
	z-index: 99;
	top: 0;
	/*全体に広がるように*/
	right: 0;
	width: 100%;
	height: 100%;
	background: black;
	opacity: 0;
	transition: .3s ease-in-out;
}

/*中身*/
#nav-content01 {
	overflow: auto;
	position: fixed;
	top: 0;
	right: 0;
	z-index: 9999;
	/*最前面に*/
	width: 90%;
	/*右側に隙間を作る*/
	max-width: 330px;
	/*最大幅*/
	height: 100%;
	background: #fff;
	/*背景色*/
	transition: .3s ease-in-out;
	/*滑らかに表示*/
	-webkit-transform: translateX(105%);
	transform: translateX(105%);
	/*左に隠しておく*/
}

#nav-close {
	display: none;
	/*はじめは隠しておく*/
	position: fixed;
	z-index: 99;
	top: 0;
	/*全体に広がるように*/
	left: 0;
	width: 100%;
	height: 100%;
	background: black;
	opacity: 0;
	transition: .3s ease-in-out;
}

/*中身*/
#nav-content {
	overflow: auto;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	/*最前面に*/
	width: 90%;
	/*右側に隙間を作る*/
	max-width: 330px;
	/*最大幅*/
	height: 100%;
	background: #fff;
	/*背景色*/
	transition: .3s ease-in-out;
	/*滑らかに表示*/
	-webkit-transform: translateX(-105%);
	transform: translateX(-105%);
	/*左に隠しておく*/
}

/*チェックが入ったらもろもろ表示*/
#nav-input:checked~#nav-close,
#nav-input01:checked~#nav-close01 {
	display: block;
	/*カバーを表示*/
	opacity: .5;
}

#nav-input:checked~#nav-content,
#nav-input01:checked~#nav-content01 {
	-webkit-transform: translateX(0%);
	transform: translateX(0%);
	/*中身を表示*/
	box-shadow: 6px 0 25px rgba(0, 0, 0, .15);
}

#nav-open01 {
	margin-right: 5px;
	margin-bottom: 0;
	cursor: pointer;
	background: #eee;
	padding: 5px 20px;
	border-radius: 23px;
	font-size: 13px;
}

#nav-open {
	margin-left: 10px;
	margin-bottom: 0;
}

header .dropdown {
	background: #F4F3F1;
	color: #6f6f6f;
	/*border-color: #ced4da;*/
	border-color: #1d2329;

	border-right: none;
}

/*!
 * Pagination Seting
 */

[data-pagination],
[data-pagination] *,
[data-pagination] *:before,
[data-pagination] *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-kerning: auto;
}

[data-pagination] {
	font-size: 8pt;
	line-height: 1;
	font-weight: 400;
	font-family: 'Open Sans', 'Source Sans Pro', Roboto, 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', 'Myriad Pro', 'Segoe UI', Myriad, Helvetica, 'Lucida Grande', 'DejaVu Sans Condensed', 'Liberation Sans', 'Nimbus Sans L', Tahoma, Geneva, Arial, sans-serif;
	-webkit-text-size-adjust: 100%;
	margin: 1em auto;
	text-align: center;
	transition: font-size .2s ease-in-out;
}

[data-pagination] ul {
	list-style-type: none;
	display: inline;
	font-size: 100%;
	margin: 0;
	padding: .5em;
}

[data-pagination] ul li {
	display: inline-block;
	font-size: 100%;
	width: auto;
	border-radius: 3px;
}

[data-pagination]>a {
	font-size: 140%;
}

[data-pagination] a {
	color: #777;
	font-size: 100%;
	padding: 0.5em 0.8em;
	display: inline-block;
}

@media screen and (max-width: 768px) {
	[data-pagination] a {
		font-size: 18px;
	}
}

[data-pagination] a:focus,
[data-pagination] a:hover {
	color: #D06250;
}

[data-pagination] li.current {
	background: rgba(0, 0, 0, .1)
}

/* Disabled & Hidden Styles */
[data-pagination] .disabled,
[data-pagination] [hidden],
[data-pagination] [disabled] {
	opacity: .5;
	pointer-events: none;
}

@media (min-width: 350px) {
	[data-pagination] {
		font-size: 10pt;
	}
}

@media (min-width: 500px) {
	[data-pagination] {
		font-size: 12pt;
	}
}

@media (min-width: 700px) {
	[data-pagination] {
		font-size: 14pt;
	}
}

@media (min-width: 900px) {
	[data-pagination] {
		font-size: 16pt;
	}
}

/*!
 * Slider Seting
 */
.item-slide ul {
	list-style: none outside none;
	padding-left: 0;
	margin: 0;
}

.item-slide {
	margin-bottom: 60px;
}

.item-slide img {
	width: 100%;
}

/*!


 * Section Seting
 */
/*main {
	margin-top: 58px;
}*/
.white-back {
	background: #fff;
	padding: 20px;
}

.white-back40 {
	background: #fff;
	padding: 40px;
}

.item-list a {
	color: #333333;
}

.item-list a:hover {
	opacity: 0.7;
	text-decoration: none;
}

.card-text {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.item-list a:hover .card-text {
	text-decoration: underline;
}

.item-list .status-body {
	background-color: #ededed;
	display: flex;
	justify-content: space-between;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	padding: 10px;
}

.item-list .status-body .icon {
	list-style: none;
	display: flex;
}

.item-list .status-body .icon>li {
	margin-right: 10px;
}

.item-list .status-body .icon>li:last-child {
	margin-right: 0;
}

.item-list .status-body>p,
.item-list .status-body>.icon {
	margin: 0;
	padding: 0;
}

.item-list .status-body>p {
	font-size: 14px;
	color: #D06250;
}

.item-title {
	display: flex;
	justify-content: space-between;
}

.item-title .to,
.item-title .time {
	margin-bottom: 0;
}

.item-list .item-title>.category {
	font-size: 16px;
	line-height: 23px;
	margin-bottom: 0;
}

.status {
	font-size: 12px;
	padding: 3px;
	color: #fff;
}

.form-group .status {
	display: inline-block;
	margin-bottom: 5px;
}

.form-control {
	margin-top: 5px;
	height: 49px;
}



.status2 {
	font-size: 20px;
	padding: 5px;
	color: #fff;
}

.trading {
	background: #FF9D02;
}

.confirm {
	background: #C60F47;
}

.applying {
	background: #0F6EC6;
}

.soldout {
	background: #333333;
}

.warrant {
	background: #D06250;
}

.corekatte {
	background: #fff;
	border: 1px solid #D06250;
	color: #D06250;
}

.corekattekite {
	background: #fff;
	border: 1px solid #FFB900;
	color: #FFB900;
}

.item .price {
	text-align: center;
	font-size: 30px;
	font-weight: bold;
}

.item .price>small {
	font-size: 14px;
}

.item .item-text {
	margin-top: 20px;
}

.item .price2 {
	text-align: center;
	font-size: 16px;
}

.item .price3 {
	text-align: center;
	font-size: 20px;
	font-weight: bold;
}



.mail-box .item-text {
	display: flex;
	margin-top: 10px;
}

@media screen and (max-width: 1100px) {
	.mail-box .item-text {
		flex-direction: column;
	}

}

.history_box {
	width: 100%;
}



.mail-box .mail-text {
	margin-left: 20px;
}

.mail-box .history_mail-text {
	width: 100%;
	margin-left: 0;
	margin-bottom: 10px;
}


.mail-box article {
	display: flex;
}

.mail-box .item-text>.img {
	width: 80px;
	height: 80px;
	padding: 0.2em;
	background: #FFF;
	border: solid 3px #eee;
	/*線*/
	border-radius: 5px;
	/*角の丸み*/

}

.mail-box .mail-text {
	widht: -webkit-calc(100% - 50px);
	width: -moz-calc(100% - 50px);
	width: calc(100% - 50px);
}

.mail-box .mail-icon {
	font-size: 20px;
	color: #0099E8;
}

.mail-box .card-status {
	margin-top: 10px;
}

.mail-box .price {
	display: flex;
}

.mail-box .price small {
	line-height: 23px;
}

.mail-box .mail-title {
	color: #0099E8;
}

.mail-box .mail-icon {
	width: 50px;
}

.mail-box .mail-inner {
	widht: -webkit-calc(100% - 50px);
	width: -moz-calc(100% - 50px);
	width: calc(100% - 50px);
}

.mail-box .form-group,
.bottn-group {
	text-align: right;
}

.mail-box .form-control,
.mail-box .btn {
	width: 200px;
	display: inline-block;
}

.sec-gy {
	background-color: #f5f5f5;
}

.sec-gy,
.sec-wh {
	padding: 60px 0;
}

.sec-gy .form-inflex,
.sec-wh .form-inflex {
	display: inline-flex;
}

.sec-gy .form-inflex .calendar,
.sec-wh .form-inflex .calendar,
.sec-wh .form-inflex select.form-control,
.sec-gy .form-inflex select.form-control {
	width: 250px;
}

nav select.form-control {
	/*border: 1px solid;*/
	font-size: 15px;
}

nav select option.form-control {
	/*border: 1px solid;*/
	font-size: 15px !important;
}


.sec-gy .title-circle,
.sec-wh .title-circle {
	padding-bottom: 10px;
	padding-top: 60px;
}

.sec-gy h2.title-circle,
.sec-wh h2.title-circle {
	padding-bottom: 0px;
	padding-top: 0px;
}

.sec-gy .form-inflex .fas,
.sec-wh .form-inflex .fas {
	line-height: 42px;
}

.sec-gy .title-ch {
	font-size: 20px;
	font-weight: bold;
	margin: 36px auto 18px;
}

.sec-wh article {
	margin: 30px auto;
}

.breadcrumb ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
}

.breadcrumb ul li {
	margin-right: 3px;
	margin-left: 3px;
}

.breadcrumb ul li:first-child {
	margin-left: 0;
}

.link-list ul,
.link-list p a {
	list-style: none;
	text-decoration: underline;
}

.mypage {
	background: #EFEFEF;
	padding-top: 30px;
}

.mypage .profile {
	border-bottom: 1px solid #fff;
}

.mypage .profile .fas {
	color: #9A9A9A;
	margin-right: 30px;
}

.mypage .profile .fas:nth-child(2) {
	margin-right: 0;
}

.mypage_nav ul {
	background: #fff;
	list-style: none;
	padding: 0;
	margin: 0;
}

.mypage_nav h3 {
	font-size: 18px;
	padding-left: 10px;
	line-height: 44px;
	height: 45px;
	font-weight: bold;
	background: #F8F9FA;
	margin-bottom: 0;
}

.mypage_nav ul li {
	border-bottom: 1px solid #EFEFEF;
	padding-left: 10px;
}

.mypage_nav ul li.active {
	background: #EFEFEF;
}

.mypage_nav ul li>a {
	color: #333333;
	line-height: 44px;
	font-size: 16px;
}

.mypage_nav ul li>a>.fas {
	color: #C5C5C5;
	margin-right: 3px;
}

.mypage_nav ul li.active>a>.fas {
	color: #333;
	margin-right: 3px;
}

.mypage_nav ul li:last-child {
	border-bottom: none;
}

.mypage_nav>.profile {
	border-bottom: 1px solid #fff;
}

.mypage-box .my-Trans-Box article a {
	padding: 5px;
	background: #fff;
}

.mypage-box .my-Trans-Box>article>a.active {
	background: #eaeaea;
}

.mypage-box .my-Trans-Box .card-text {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0.1em;
}

@media screen and (max-width: 1200px) {
	.mypage-box .my-Trans-Box .card-text {
		font-size: 14px;
	}
}

.login {
	max-width: 600px;
	margin: 0 auto;
}

.mp-status {
	margin-top: 20px;
}

.mp-status .item-list .status-body {
	background: #fff;
	margin-bottom: 20px;
}

.privacy ul {
	list-style: none;
	padding: 0;
}

.privacy ul li {
	margin-top: 10px;
}

/* パスワード忘れ */
.pa_a {
	background: #f9f9f9;
}

.pa_b {
	padding: 50px;
}

.pa_c {
	padding: 50px;
	background: #fff;
}


@media screen and (max-width: 767px) {
	.pa_b {
		padding: 20px;
	}

	.pa_c {
		padding: 20px;
		background: #fff;
	}

	.breadcrumb ul {
		list-style: none;
		margin: 0;
		padding: 0;
		display: flex;
		flex-wrap: wrap;
	}

	.privacy ul {
		list-style: none;
		padding-left: 0;
	}

	.corekatte {
		background: #fff;
		border: 1px solid #D06250;
		color: #D06250;
		width: 100%;
		display: inline-block;
		text-align: center;
	}

	.corekattekite {
		background: #fff;
		border: 1px solid #FFB900;
		color: #FFB900;
		width: 100%;
		display: inline-block;
		text-align: center;
	}
}

/*!
 * Text Seting
 */

.bold {
	font-weight: bold;
}

.price p {
	margin-bottom: 0;
	font-size: 16px;
	font-weight: bold;
}

.red {
	color: #D06250;
}

.yellow {
	color: #FFBA00;
}

.link-blue {
	text-align: right;
	font-size: 14px;
}

.link-red {
	text-align: right;
	font-size: 14px;
}

.link-blue .fas,
.link-red .fas {
	margin-right: 3px;
}

.text-catch {
	font-size: 18px;
	line-height: 32px;
	margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
	.text-catch {
		font-size: 18px;
		line-height: 24px;
		margin-bottom: 30px;
	}
}

/*!
 * Title Seting
 */

.title-circle_h2 {
	font-size: 30px;
	position: relative;
	font-weight: bold;
}

.title-circle_h2::before {
	position: absolute;
	content: "";
	width: 50px;
	height: 50px;
	display: inline-block;
	margin-right: 3px;
}

.title-circle_h2>span {
	margin-left: 60px;
	line-height: 45px;
}


.title-circle {
	/*font-size: 28px;*/
	font-size: 20px;

	position: relative;
}

.title-circle::before {
	position: absolute;
	content: "";
	width: 50px;
	height: 50px;
	display: inline-block;
	margin-right: 3px;
}

.title-circle>span {
	margin-left: 60px;
	line-height: 45px;
}

.tl-01::before {
	background-image: url(../../img/tl-1.png);
	background-repeat: no-repeat;
}

.tl-02::before {
	background-image: url(../../img/tl-2.png);
	background-repeat: no-repeat;
}

.tl-03::before {
	background-image: url(../../img/tl-3.png);
	background-repeat: no-repeat;
}

.tl-04::before {
	background-image: url(../../img/cr-01.png);
	background-repeat: no-repeat;
}

.tl-05::before {
	background-image: url(../../img/cr-02.png);
	background-repeat: no-repeat;
}

.title-mp {
	background: #FAFAFA;
	line-height: 60px;
	margin-bottom: 0;
	font-size: 20px;
	font-weight: 600;
}

@media screen and (max-width: 767px) {
	.title-circle {
		font-size: 24px;
		position: relative;
	}

	.title-circle::before {
		position: absolute;
		content: "";
		width: 22px;
		height: 22px;
		display: inline-block;
		margin-right: 3px;
		background-size: 100%;
	}

	.title-circle>span {
		margin-left: 24px;
		line-height: 24px;
	}

	.sec-gy .title-circle,
	.sec-wh .title-circle {
		padding-bottom: 10px;
		padding-top: 20px;
	}
}


/*!
 * Btn Seting
 */

.btn-yellow {
	color: #fff;
	background-color: #FFBA00;
	border-color: #FFBA00;
	white-space: normal;
}

.btn-yellow:hover {
	color: #FFBA00;
	background-color: #fff;
	border-color: #FFBA00;
}

.btn-red {
	color: #fff;
	background-color: #D06250;
	border-color: #D06250;
	white-space: normal;
}

.btn-red:hover {
	color: #D06250;
	background-color: #fff;
	border-color: #D06250;
}


.btn-gray {
	color: #fff;
	background-color: #C6C6C6;
	border-color: #C6C6C6;
	white-space: normal;
}

.btn-gray:hover {
	color: #C6C6C6;
	background-color: #fff;
	border-color: #C6C6C6;
}

.btn-red_b {
	color: #D06250;
	background-color: #FFF;
	border-color: #D06250;
	white-space: normal;
}

.btn-red_b:hover {
	color: #fff;
	background-color: #D06250;
	border-color: #D06250;
	white-space: normal;
}

.btn-green_b {
	color: #158E7E;
	background-color: #FFF;
	border-color: #158E7E;
	white-space: normal;
}

.btn-green_b:hover {
	color: #fff;
	background-color: #158E7E;
	border-color: #158E7E;
	white-space: normal;
}

/*!
 * Table Seting
 */
.pr-table {
	border: 1px solid #dee2e6;
	line-height: 32px;
}

.pr-table th {
	width: 37%;
	background: #f9f9f9;
}

.pr-table td>a {
	/*display: block;*/
}


/* 追加 */
/* footer */
.footerBg {
	background: #212121;
	padding-bottom: 0 !important;
}

.bdrB {
	border-bottom: 1px solid #747474;
}

.footerTit {
	font-size: 18px;
	color: #fff;
	font-weight: bold;
	margin-bottom: .7rem;
}

.footerLink {
	font-size: 14px;
	color: #fff;
	letter-spacing: 0.05em;
}

footer ul li {
	margin-bottom: .6rem;
}

.icon1 {
	line-height: 1em !important;
	width: 1em !important;
	height: 1em !important;
}

.icon1-1 {
	font-size: 1em !important;
	color: #55acee;
}

.icon1-2 {
	color: #fff;
	font-size: 0.5em !important;
}

.icon2-1 {
	font-size: 1em !important;
	color: #a434a3;
}

.icon3-1 {
	font-size: 1em !important;
	color: #3b5998;
}

.icon4-1 {
	font-size: 1em !important;
	color: #00c300;
}

.footerCopy {
	width: 100%;
	text-align: center;
}

.footerCopyTxt {
	text-align: center;
	color: #fff;
	font-size: 12px;
	padding: 10px 0;
	letter-spacing: 0.05em;
}


/* マイページ */
::-webkit-scrollbar {
	width: 10px;
}

::-webkit-scrollbar-track {
	border-radius: 10px;
	box-shadow: inset 0 0 5px rgba(0, 0, 0, .1);
}

::-webkit-scrollbar-thumb {
	background-color: rgba(0, 0, 50, .5);
	border-radius: 10px;
	box-shadow: 0 0 0 1px rgba(255, 255, 255, .3);
}

.mypage-box {
	margin-bottom: 30px;
	overflow: hidden;
}

.mypageMesseBox {
	height: auto;
	max-height: 300px;
	overflow-y: auto;
	background: #fff;
	padding: 10px 20px;
	box-sizing: border-box;
}

.mypageMesse {
	display: flex;
	width: 100%;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 10px 0;
}

.mypageMesse:nth-child(1) {
	border-bottom: 1px solid #ccc;
	text-align: center;
}

.mypageMesseTit {
	width: 65%;
}

.mypageMesseDate {
	width: 35%;
	text-align: center;
}

.mypageItemList {
	width: calc(100% - 40px);
	padding: 20px 0;
	margin: 0 20px;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	box-sizing: border-box;
	border-bottom: 1px solid #ccc;
}

.mypageItemList:last-child {
	border-bottom: none;
}

.mypageItemList a:hover {
	text-decoration: none;
}

.mypageItemListImg {
	width: 150px;
	/* 	height:160px; */
	/* 	border:1px solid #ccc; */
	box-sizing: border-box;
	overflow: hidden;
}

.mypageItemListImg img {
	width: 100%;
}

.mypageItemListRight {
	width: calc(100% - 150px);
	padding-left: 20px;
	box-sizing: border-box;
	position: relative;
}

.iconBox {
	position: absolute;
	right: 0;
}

.iconBtn {
	display: inline-block;
	margin-left: 4px;
}

.iconBtn a {
	color: #333;
}

.iconBtn a:hover {
	opacity: 0.7;
	text-decoration: none;
}

.mypageItemListTit span {
	margin-left: 20px;
	display: inline-block;
}

.releaseBadgeBox {
	width: 100%;
	margin-top: 10px;
}

.releaseBadgeOn {
	background: #D06250;
	border-radius: 4px;
	color: #fff;
	padding: 4px 10px;
	font-size: 14px;
	font-weight: bold;
	display: inline-block;
	text-align: center;
	width: 150px;
}

.releaseBadgeOff {
	background: #ccc;
	border-radius: 4px;
	color: #fff;
	padding: 4px 10px;
	font-size: 14px;
	font-weight: bold;
	display: inline-block;
	text-align: center;
	width: 150px;
}

.mypageItemListMesse {
	width: 100%;
	border: 1px solid #ccc;
	padding: 5px 10px;
	box-sizing: border-box;
	margin-top: 10px;
}

.mypageItemListMesse a {
	display: flex;
	width: 100%;
	justify-content: space-between;
	flex-wrap: wrap;
	box-sizing: border-box;
}

.mypageItemListMesseName span {
	display: inline-block;
	margin-right: 10px;
}

.itemNew {
	background: #d9534f;
	color: #fff;
	padding: 0 5px;
	font-size: 12px;
	border-radius: 4px;
}

.mypageItemListBtnBox {
	width: 100%;
	box-sizing: border-box;
	margin-top: 10px;
	text-align: right;
}

.mypageItemListBtn {
	display: inline-block;
	width: 300px;
	border: 1px solid #333;
	text-align: left;
	padding: 5px 10px;
	border-radius: 4px;
	position: relative;
}

.mypageItemListBtn a {
	display: block;
	height: 100%;
	color: #333;
}

.mypageItemZaikoBtn {
	display: inline-block;
	border: 2px solid #e13535;
	text-align: left;
	padding: 5px 10px;
	border-radius: 4px;
	position: relative;
	/*background-color: #e13535;*/
	color: #fff;

}

.mypageItemZaikoBtn a {
	display: block;
	height: 100%;
	color: #333;
}







.messeListBox {
	width: calc(100% - 40px);
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	border-bottom: 1px solid #ccc;
	margin: 0 20px 10px;
	align-items: center;
	padding: 10px 0;
}

.messeMail {
	width: 60px;
	text-align: center;
	line-height: 1;
	color: #D06250;
}

.messeMail i {
	font-size: 28px;
}

.messeMail2 {
	width: 150px;
	text-align: left;
	line-height: 1;
	color: #D06250;
}

.messeMail2 i {
	font-size: 21px;
}


.messeUserIcon {
	width: 60px;
	text-align: center;
}

.messeUserIcon img {
	width: 70%;
}

.messeTxt {
	width: calc(100% - 120px);
	padding: 0 10px;
	box-sizing: border-box;
}

.messeTxt .btn {
	background: none;
}

.messeTxt .btn:focus {
	box-shadow: none;
}

.newDate {
	float: right;
	padding: .375rem .75rem;
	font-size: 1rem;
	line-height: 1.5;
}

.modal-title {
	font-size: 18px;
}

.modalMesseBox {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 10px;
	align-items: center;
}

.modalUserName {
	width: 100%;
	box-sizing: border-box;
}

.modalUserName.right {
	padding-left: 80px;
}

.modalUserName.left {
	padding-right: 80px;
	text-align: right;
}

.modalUserIcon {
	width: 60px;
}

.modalUserIcon img {
	width: 70%;
}

.modalMesse {
	width: calc(100% - 60px);
}

.modalFukidashi {
	border-radius: 4px;
	padding: 5px;
	background: #ccc;
	font-size: 14px;
	line-height: 1.2;
	position: relative;
	color: #fff;
	width: calc(100% - 20px);
}

.modalFukidashi.right {
	background: #34a6db;
	float: right;
	padding: 10px;
}

.modalFukidashi.right:before {
	content: "";
	position: absolute;
	top: 50%;
	left: -20px;
	margin-top: -10px;
	border: 10px solid transparent;
	border-right: 10px solid #34a6db;
}

.modalFukidashi.left {
	background: #8ab8ce;
	float: left;
	padding: 10px;
}

.modalFukidashi.left:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 100%;
	margin-top: -10px;
	border: 10px solid transparent;
	border-left: 10px solid #8ab8ce;
}

.modalSendBox {
	width: 100%;
	background: #eee;
	padding: 10px;
	box-sizing: border-box;
	margin-top: 20px;
}

.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group {
	z-index: 2;
	margin-left: -1px;
}

.radioBox {
	width: 100%;
	margin-top: 10px;
}

.radioBox label {
	margin-right: 10px;
}

.mypageConfTxt {
	width: 100%;
}

.mypageConfImg {
	width: 50%;
}

.mypageConfImg img {
	width: 100%;
}

.btn-white {
	color: #C6C6C6;
	background-color: #fff;
	border-color: #C6C6C6;
	white-space: normal;
}

.btn-white:hover {
	color: #fff;
	background-color: #C6C6C6;
	border-color: #C6C6C6;
}

.registTxt {
	font-size: 18px;
	text-align: center;
}

.compBox {
	padding: 0 20px 20px;
	box-sizing: border-box;
}

/* @media screen and (max-width: 767px) { */
@media screen and (max-width: 991px) {
	.messeTxt {
		width: calc(100% - 60px);
		padding: 0 0px;
		box-sizing: border-box;
	}

	.messeMail {
		width: 100%;
		text-align: center;
		line-height: 1;
		color: #D06250;
		text-align: left;
	}

	.iconBox {
		position: absolute;
		right: 0;
		/*top: 30px;*/
		top: 0;
	}

	.mypageItemList {
		padding-top: 30px;
	}

	.mypageItemListRight .card-status {
		margin-bottom: 20px;
		margin-top: 30px;
	}

	.mypageItemListTit span {
		margin-left: 0px;
		display: inline-block;
	}

	footer ul li {
		margin-bottom: 20px;
	}
}

@media screen and (max-width: 500px) {
	.mypageItemList {
		display: block;
	}

	.mypageItemListImg {
		width: 100%;
	}

	.mypageItemListRight {
		width: 100%;
		padding-left: 0px;
		padding-top: 30px;
	}

	.mypageItemListRight .iconBox {
		top: 10px;
	}
}

/* ガイド */
.guideBoxTit {
	font-size: 22px;
	font-weight: bold;
	text-align: center;
}

.guideLink {
	display: block;
	height: 100%;
	color: #333;
	transition: 0.2s;
}

.guideLink:hover {
	opacity: 0.7;
	text-decoration: none;
}



/* 総合トップ */
.topJT {
	padding: 2rem 2rem;
}

.topList li {
	display: inline-block;
	margin: 0 5px;
}

.topList li a {
	text-decoration: underline;
}

.topList ul {
	text-decoration: none;
}


/* faq */
.faqBtnBox {
	margin: 30px 0;
}


/* 追加 */
.w30 {
	width: 30%;
}

.registBtnBox {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 50px;
}

.registBtnBox .btn-block {
	margin-top: 0;
	width: 49%;
}

@media screen and (max-width: 480px) {
	.registBtnBox .btn-block {
		margin-top: 0;
		width: 100%;
	}

	.registBtnBox .btn-block:first-child {
		margin-bottom: 10px;
	}
}

.item-list .form-group {
	margin-top: 30px;
	margin-bottom: 0;
}

.itemBtnBox {
	display: flex;
	justify-content: space-between;
}

.itemBtnBox .btn-block {
	width: 49%;
	margin-top: 0;
}

.colorKatte {
	background-color: #D06250;
	border-color: #D06250;
	transition: 0.4s;
}

.colorKattekuru {
	background-color: #FFBA00;
	border-color: #FFBA00;
	transition: 0.4s;
}

.colorKatte:hover {
	background-color: #fff;
	border-color: #D06250;
	/*opacity: 0.7;*/
	text-decoration: none;
	color: #D06250;
}

.colorKattekuru:hover {
	background-color: #fff;
	border-color: #FFBA00;
	/*opacity: 0.7;*/
	text-decoration: none;
	color: #FFBA00;

}

@media screen and (max-width: 767px) {
	.spImg100 {
		width: 100%;
		margin-bottom: 20px;
	}

	.spW100 {
		width: 100%;
	}

	.spW100 .form-control {
		width: 100% !important;
	}

	.spW100 .btn {
		width: 100% !important;
		margin-top: 20px;
	}

	.sec-gy .form-inflex,
	.sec-wh .form-inflex {
		display: block;
	}

	.jumbotron-heading {
		font-size: 2rem;
	}

	.colorKatte {
		background-color: #D06250;
		border-color: #D06250;
		transition: 0.4s;
		width: 100%;
	}

	.colorKattekuru {
		background-color: #FFBA00;
		border-color: #FFBA00;
		transition: 0.4s;
		width: 100%;
	}

	.w30 {
		width: 100%;
	}

	h2 {
		font-size: 1.4rem;
	}

	h3 {
		font-size: 2rem;
		padding-bottom: 20px;
	}

	.spMarB10 {
		margin-bottom: 10px;
	}
}

@media (max-width:767px) {
	.hidden-xs {
		display: none !important
	}
}

@media (min-width:768px) {
	.visible-xs {
		display: none !important
	}
}

@media (max-width:1200px) {
	.hidden-1200 {
		display: none !important
	}
}


.modalFormRow {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 10px;
}

.modalFormItem {
	width: 100px;
	padding-top: 8px;
}

.modalForm {
	width: calc(100% - 100px);
}

.modalFormItem.kakunin {
	padding-top: 0;
}

.modalBtnBox2 {
	display: flex;
	justify-content: space-between;
}

.modalBtnBox2 button {
	width: 49%;
	margin-top: 0 !important;
}

.modalTxt {
	font-size: 24px;
	text-align: center;
	margin: 50px 0;
}

.searchResultsBox {
	display: flex;
	justify-content: space-between;
	margin-bottom: 10px;
	align-items: center;
}

.sort {
	display: flex;
	align-items: center;
}

.sortItem {
	width: 150px;
}

.pageRight {
	text-align: right;
}

.calendar {
	height: 38px;
}

@media screen and (max-width: 767px) {
	.pageRight {
		text-align: center;
	}
}

nav .form-control {
	padding: 0rem .75rem;
	height: calc(2.25rem + 2px);
}

.indexFormBox {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}

.indexForm1 {
	width: 250px;
}

.indexForm2 {
	margin: 0 15px;
}

.indexForm3 {
	margin-left: 15px;
}

.btn2 {
	display: inline-block;
	font-weight: 600;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 1px solid transparent;
	padding: 2rem 1.5rem;
	font-size: 1rem;
	line-height: 1.5;
	border-radius: .25rem;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	width: 40%;
	font-size: 1.4em;


}

@media screen and (max-width: 767px) {
	.indexForm1 {
		width: 100%;
	}

	.indexForm2 {
		margin: 10px 15px;
	}

	.indexForm3 {
		margin-left: 0px;
	}

	.btn2 {
		display: inline-block;
		font-weight: 600;
		text-align: center;
		white-space: nowrap;
		vertical-align: middle;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		border: 1px solid transparent;
		padding: 2rem 1.5rem;
		font-size: 1rem;
		line-height: 1.5;
		border-radius: .25rem;
		transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
		width: 100%;
		font-size: 1em;

	}
}

.navbar {
	padding: 0 1rem;
}

.navbar-brand {
	padding: 0;
}

.privacyPolicy {
	box-sizing: border-box;
	border: solid 2px #ededed;
	padding: 20px;
	border-radius: 4px;
	height: 250px;
	overflow-y: scroll;
}

/* table */
.topTableBox {
	width: 100%;
	margin-bottom: 50px
}

.topTable {
	border: 2px solid #ffba00;
	width: 100%;
}

.topTableRow {
	display: flex;
	border-top: 2px solid #ffba00;
	background: #faedda;
	flex-wrap: wrap;
}

.topTableRow:nth-of-type(1) {
	border-top: none;
}

.topTableTit {
	font-size: 24px;
}

.topTableCell20 {
	width: 18%;
	padding: 5px;
	font-size: 18px;
	text-align: right;
	border-left: 2px solid #ffba00;
	color: #444;
	font-weight: bold;
}

.topTableCell20.itemName {
	text-align: left;
	border-left: none;
	background: #f9d598;
}

.rowTitle {
	background: #ffba00;
	font-weight: bold;
}

.rowTitle .topTableCell20 {
	font-size: 18px;
	border-left: 2px solid #fff;
	text-align: center;
	color: #fff;
}

.rowTitle .topTableCell20:nth-of-type(1) {
	border-left: none;
}

.katte .topTableCell20 {
	width: 18%;
	padding: 5px;
	font-size: 18px;
	text-align: right;
	border-left: 2px solid #fe4855;
	color: #444;
	font-weight: bold;
}

.katte .rowTitle .topTableCell20 {
	font-size: 18px;
	border-left: 2px solid #fff;
	text-align: center;
	color: #fff;
}

.katte .rowTitle .topTableCell20:nth-of-type(1) {
	border-left: none;
}

.katte .topTableCell20.itemName {
	text-align: left;
	border-left: none;
	background: #f3d1d3;
}

.katte .topTable {
	border: 2px solid #fe4855;
	width: 100%;
}

.katte .topTableRow {
	display: flex;
	border-top: 2px solid #fe4855;
	background: #faedda;
	flex-wrap: wrap;
}

.katte .topTableRow:nth-of-type(1) {
	border-top: none;
}

.katte .rowTitle {
	background: #fe4855;
	font-weight: bold;
}


@media screen and (max-width: 767px) {
	.topTable {
		border: none;
	}

	.topTableCell20 {
		border-left: none;
		border-top: 2px solid #ffba00;
		font-size: 16px;
		width: 60%;
	}

	.topTableCell20.itemName {
		text-align: right;
		border-left: none;
		background: #faedda;
		border-top: none;
	}

	.topTableCell20.cellTit {
		color: #fff;
		background: #ffba00;
		border-top: 2px solid #fff;
	}

	.topTableCell20.cellTit:nth-of-type(1) {
		border-top: none;
	}

	.topTableRow {
		border: 2px solid #ffba00;
		margin-bottom: 10px;
	}

	.katte .topTable {
		border: none;
	}

	.katte .topTableCell20 {
		width: 60%;
		border-left: none;
		border-top: 2px solid #fe4855;
		font-size: 16px;
	}

	.katte .topTableCell20.itemName {
		text-align: right;
		border-left: none;
		background: #faedda;
		border-top: none;
	}

	.katte .topTableCell20.cellTit {
		color: #fff;
		background: #fe4855;
		border-top: 2px solid #fff;
	}

	.katte .topTableCell20.cellTit:nth-of-type(1) {
		border-top: none;
	}

	.katte .topTableRow {
		border: 2px solid #fe4855;
		margin-bottom: 10px;
	}

	.topTableBox {
		width: 96%;
		margin: 0 2% 50px;
	}
}

/*マイページ内 */
.item_tit {

	background-color: #eee;
	padding: 10px;
	font-size: 18px;
	font-weight: bold;
	margin-top: 30px;
}

/* 追加 */
.kochira {
	display: inline-block;
	width: 100%;
	text-align: center;
	text-decoration: underline;
}

.link-list.topList img {
	width: 100%;
}

.topTableCell20.cellTit.visible-xs {
	width: 40%;
}

#pageTop {
	position: fixed;
	right: 10px;
	bottom: 20px;
	z-index: 99;
	width: 50px;
	height: 50px;
	background: #2e6079;
	border-radius: 50%;
	text-align: center;
	line-height: 46px;
	border: 1px solid #fff;
}

#pageTop a {
	color: #fff;
}

.form-row {
	align-items: center;
}

.marB20 {
	margin-bottom: 20px;
}

.marB40 {
	margin-bottom: 40px;
}

.marT50 {
	margin-top: 50px;
}

.btn-gray a {
	color: #fff;
}


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

	.title-circle.tl-04,
	.title-circle.tl-05 {
		text-indent: -1em;
		padding-left: 1em;
	}

	.link-list.topList button {
		font-size: 1rem;
	}

	.spMB {
		margin-bottom: 1rem !important;
	}

	.searchResultsBox {
		flex-wrap: wrap;
	}

	.searchResults {
		width: 100%;
		margin-bottom: 10px;
	}

	.sort {
		width: 100%;
	}

	.sort div {
		width: 90px;
	}

	.sort form {
		width: calc(100% - 90px);
	}

	.areaList li {
		margin-bottom: 1rem;
	}

	.itemBtnBox .btn-block {
		width: 100%;
	}

	.itemBtnBox {
		flex-wrap: wrap;
	}

	.itemBtnBox a:nth-of-type(1) {
		margin-bottom: 1rem;
	}

	.left_menu {
		margin-top: 50px;
	}

	.spTB tr {
		display: flex;
		flex-wrap: wrap;
	}

	.spTB tr th,
	.spTB tr td {
		width: 100%;
		line-height: 1.5;
	}

	.spTB tr td {
		border-top: none;
	}

	.spTB tr th {
		padding-bottom: 0;
	}

	.spWD {
		padding: 0;
	}

	.spBtn {
		font-size: 12px;
	}
}

/* for Webkit */
.form-control::-webkit-input-placeholder {
	color: #8a8a8a;
}

/* for Firefox */
.form-control::-moz-placeholder {
	color: #8a8a8a;
}

/* for Firefox 18以前 */
.form-control:-moz-placeholder {
	color: #8a8a8a;
}

/* for Windows IE */
.form-control:-ms-input-placeholder {
	color: #8a8a8a;
}





/* 商品一覧追加 */
.itemImgBox {
	position: relative;
	width: 100%;
	border: 1px solid #eee;
}

.itemImgBox:before {
	content: "";
	display: block;
	padding-top: 100%;
}

.itemImgBox img {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	max-width: 100%;
	max-height: 100%;
	width: auto;
}

.itemTxtH {
	height: 46px;
}

/* 商品詳細 */

#image-gallery {
	height: 260px !important;
}

#image-gallery li {
	height: 260px !important;
	display: flex;
	justify-content: center;
	align-items: center;
}

#image-gallery li img {
	max-height: 300px;
	width: auto !important;
	max-width: 100%;
}

.lSSlideOuter .lSPager.lSGallery {
	display: flex;
	align-items: center;
}



/* スマホ用検索メニュースタイル */
.searchTextK {
	display: none;
}

@media screen and (max-width: 767px) {
	.searchTextK {
		margin-top: 50px;
		margin-bottom: -50px;
		font-size: 2.2em;
		font-weight: bold;
		text-align: center;
		display: block;
		width: 100%;
	}

	.mypage {
		background: none;
		padding-top: 30px;
	}
}

.radioBox .btn.num2 {
	display: inline-block;
	width: 48%;
	margin: 0 1%;
}

.radioBox .btn.num3 {
	display: inline-block;
	width: 30%;
	margin: 0 1.5%;
}

a .card-img-top {
	width: 100%;
	height: 225px;
	position: relative;
	overflow: hidden;
}

/*a .card-img-top img{
	position: absolute;
	width: auto;
	height: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	object-fit: contain;
	margin: auto;
	font-family: "object-fit: contain;";
}*/

a .card-img-top img {
	position: absolute;
	width: 100%;
	height: 100%;
	/* top: 0; */
	/* right: 0; */
	/* bottom: 0; */
	/* left: 0; */
	object-fit: cover;
	margin: auto;
	font-family: "object-fit: contain;";
}

.searchList .card-img-top {
	width: 100%;
	height: 225px;
	position: relative;
	overflow: hidden;
}

.searchList .card-img-top img {
	/* position: absolute; */
	width: 100%;
	height: 100%;
	/* top: 0; */
	/* right: 0; */
	/* bottom: 0; */
	/* left: 0; */
	object-fit: cover;
	margin: auto;
	font-family: "object-fit: contain;";
}

@media screen and (max-width: 767px) {
	.radioBox .btn.num3 {
		width: 100%;
	}
}



/*
button　アクティブ機能
------------------------------------*/
.btn_submitItem01 {
	color: #fff;
	background-color: #D06250;
	border: 1px solid #D06250;
	transition: .3s;
}

.btn_submitItem01:hover {
	color: #D06250;
	background-color: #fff;
	border: 1px solid #D06250;
}

.output_btn_w{
  display: flex;
  flex-wrap:wrap;
  margin-bottom:40px;
  > a{
    background:#4a79d4;
    color: #fff;
    padding: 5px 20px;
    border-radius: 10px;
    margin-right: 8px;
  }
}