.pricelist-top-title {
    color: #fff;
    margin: 70px 0;
}
.pricelist-top-title p {
    font-size: 1.5rem;
    margin-top: 30px;
    letter-spacing: 0.3rem;
}
.title-xs {
    font-size: 160% !important;
}
@media (max-width: 520px) {
	.pricelist-top-title p {
	    text-align: center;
	}
	.pricelist-top .container {
	    background-size: 75% !important;
	    background-position: center top 5px;
	}
	.pricelist-top-title {
    margin: 40px 0 !important;
	}
}
/* コンテンツ部分--------------------------------------------------- */

@media ( min-width: 768px ) {
	.pricelist-campaign {
		background-color: #eee;
		padding: 10px;
		border: 1px solid #ddd;
	}
}
.pricelist-top-contents {
	background-color: #fff;
}
.pricelist-campaign li {
	width:  49%;
	float:left;
}
.pricelist-campaign li:nth-child(even) {
	margin-left: 2%;
}
.pricelist-campaign p.text-center {
	display: block;
	background-color: #145082;
	color:#fff;
	padding:6px;
	margin-bottom: 8px;
}
.pricelist-campaign p i {
	margin-right:10px;
}
.blue01 {
    border: solid 1px #008bd1;
}
/* 他ページへのリンク--------------------------------------------------- */
.pricelist-brand {
	margin-left: 15px;
	margin-right: 15px;
}
.pricelist-brand li {
	float: left;
	padding-right: 15px;
	margin: 0 15px 5px 0;
	border-right: solid 1px #ddd;
}

.pricelist-contents .bg-gray .titlebox span {
  border-right-color: #F1F1F1;
}
.pricelist-contents .container {
  padding: 30px 15px;
}

/* フィルター部分 --------------------------------------------------- */
#app .filter .depth-0 {
  border: 1px solid #f1f1f1;
  margin-top: 3rem;
  box-shadow: 3px 3px 11px #dbdbdb;
}
#app .filter .depth-0>.title {
  border-width: 0px;
  background-color: rgb(255 255 255 / 70%);
  font-size: 1.8rem;
  font-weight: bold;
}
#app .filter .depth-0 .depth-1 {
	background: #f1f1f1;
}
.depth:not(.depth-0)>.title {
    margin: 0 !important;
    padding: 10px;
    background: #ddd;
    color: #686868 !important;
}
@media screen and (min-width: 768px) {
	#app .filter .depth-0 .depth-1 .main {
	  justify-content: space-evenly;
	}
}

#app .filter .depth-0 .title +div {
  padding: 0px;
}
#app .filter .depth-0>.title +div {
  padding: 0 15px;
}
#app .filter .depth-0 .content .title {
	color: #646464;
}
#app .depth:not(.depth-0) {
	padding-bottom: 15px !important;
  margin-bottom: 15px;
}

/* 一覧部分 --------------------------------------------------- */
#app .container {
	margin: 0;
  width: 100%;
  max-width: inherit;
  border: 1px solid #f1f1f1;
  margin-top: 5rem;
  padding-top: 5.5rem;
  box-shadow: 3px 3px 11px #dbdbdb;
	position: relative;
}
#app .container::before {
  content: "一覧価格表";
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  width: calc(100% - 30px);
  text-align: center;
  padding: 10px;
  background-color: #ddd;
  font-weight: bold;
  color: #686868 !important;
}
@media screen and (max-width: 1023px) {
	#app .container {
	  padding-top: 7.5rem;
	}
}
@media screen and (min-width: 1024px) {
	#app .container .nav {
	  margin-top: 15px;
	  margin-bottom: 15px;
		background-color: #f1f1f1;
    padding: 5px 15px;
	}
	#app .container .table ul {
		padding: 0 15px 0 0;
	}
}
#app .container .nav {
	top: 15px;
}
#app .container .table {
	padding: 15px 0 0;
  margin: 0;
}
#app .container .table .item {
	padding: 15px 15px 15px 0;
	border-top: 1px solid #ddd;
}
@media screen and (max-width: 1023px) {
	#app .container .nav {
    top: 0px;
    width: calc(100% + 30px);
    margin: 0 -15px;
    padding: 0 15px;
	}
	#app .container .nav .keyword-container input {
    width: 100%;
	}
	#app .container .table .item {
    padding: 15px 0;
	}
}
#app .list .line {
  background-color: inherit !important;
}
/* リンク部分 --------------------------------------------------- */
.scrolllink ul {
  text-align: center;
}
.scrolllink ul div, .scrolllink ul li {
  display: inline-block;
	cursor: pointer;
}
.scrolllink ul img {
  width: 70px;
  display: block;
  margin: 10px auto 5px;
}
.scrolllink ul .btn.btn-primary {
    min-width: 115px;
    margin: auto 4px;
}
.scrolllink-title {
	padding: 10px;
  background: #ddd;
  color: #686868 !important;
  font-weight: bold;
}
.scrolllink {
  border: 1px solid #f1f1f1;
  padding: 15px;
  margin: 2rem 0 5rem;
  box-shadow: 3px 3px 11px #dbdbdb;
}
