.content-inner { 
	max-width: 855px;
	width: 100%;
	text-align: center;
	padding: 0;
	margin: 0 auto 30px;
}

.content-inner * { 
	list-style: none;
	padding: 0;
	margin: 0;
}

.content-inner img {
	vertical-align: top;
}

.content-inner .content-inner__section  {
	margin-top: calc(90 / 855 * 100%);
}

.content-inner .content-inner__section__ttl {
	margin-bottom: calc(40 / 855 * 100%);
}

.content-inner .content-inner__area__ttl {
	width: calc(453 / 855 * 100%);
	margin: 0 auto calc(40 / 855 * 100%);
}

.content-inner .content-inner__brand__ttl {
	width: calc(406 / 855 * 100%);
	margin: 0 auto calc(40 / 855 * 100%);
}

.content-inner .content-inner__pref__ttl {
	width: calc(654 / 855 * 100%);
	margin: 0 auto calc(40 / 855 * 100%);
}

.content-inner .content-inner__bnr ,
.content-inner .content-inner__ranking__ttl {
	margin-bottom: calc(30 / 855 * 100%);
}

.content-inner .content-inner__ranking {
	margin-top: calc(50 / 855 * 100%);
}

.content-inner .content-inner__ranking__btn {
	margin-top: calc(30 / 855 * 100%);
}

.content-inner .content-inner__area__list ,
.content-inner .content-inner__brand__list ,
.content-inner .content-inner__recommend__list ,
.content-inner .content-inner__pref__item {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.content-inner .content-inner__area__list > li ,
.content-inner .content-inner__recommend__list > li {
	width: calc(420 / 855 * 100%);
}

.content-inner .content-inner__area__list > li:nth-of-type(-n+4) {
	margin-bottom: calc(15 / 855 * 100%);
}

.content-inner .content-inner__brand__list > li {
	width: calc(275 / 855 * 100%);
}

.content-inner .content-inner__brand__list > li:nth-of-type(-n+12) {
	margin-bottom: calc(15 / 855 * 100%);
}

.content-inner .content-inner__recommend__ttl {
	width: calc(515 / 855 * 100%);
	margin: 0 auto calc(50 / 855 * 100%);
}

.content-inner .content-inner__pref__list {
	margin-bottom: calc(30 / 855 * 100%);
	position: relative;
}

.content-inner .content-inner__pref__list:last-of-type {
	margin-bottom: 0;
}

.content-inner .content-inner__pref__list__ttl {
	padding: calc(10 / 855 * 100%) 0 calc(20 / 855 * 100%);
}

.content-inner .content-inner__pref__list__ttl--aomori { background-color: #ffdedc; }
.content-inner .content-inner__pref__list__ttl--akita { background-color: #fff2cf; }
.content-inner .content-inner__pref__list__ttl--iwate {  background-color: #dfe7ff; }
.content-inner .content-inner__pref__list__ttl--miyagi { background-color: #f4e7f3; }
.content-inner .content-inner__pref__list__ttl--yamagata { background-color: #dcf6d5; }
.content-inner .content-inner__pref__list__ttl--fukushima { background-color: #fde9e1;}

.content-inner .content-inner__pref__list__ttl-img {
	width:  calc(379 / 855 * 100%);
}

.content-inner .content-inner__pref__item {
	padding: 0 calc(15 / 855 * 100%) calc(15 / 855 * 100%);
}

.content-inner .content-inner__pref__item--bg {
	background-image: url(https://stprodaeontohokuprem.blob.core.windows.net/marugoto/assets/common/images/page/20230822041.png) ;
	background-repeat: no-repeat;
	background-position: 82% 78%;
}

.content-inner .content-inner__pref__item--aomori { background-color: #ffdedc; }
.content-inner .content-inner__pref__item--akita { background-color: #fff2cf; }
.content-inner .content-inner__pref__item--iwate {  background-color: #dfe7ff; }
.content-inner .content-inner__pref__item--miyagi { background-color: #f4e7f3; }
.content-inner .content-inner__pref__item--yamagata { background-color: #dcf6d5; }
.content-inner .content-inner__pref__item--fukushima { background-color: #fde9e1; background-position: 82% 40%; }

.content-inner .content-inner__pref__item__list {
	width: calc(405 / 825 * 100%);
}

.content-inner .content-inner__pref__item__list:nth-of-type(-n+2) {
	margin-bottom: calc(15 / 825 * 100%);
}

.content-inner .content-inner__pref__item__list--2price {
	position: relative;
}

.content-inner .content-inner__pref__price {
	width: calc(192 / 405 * 100%);
	position: absolute;
	bottom: calc(44 / 405 * 100%);
}

.content-inner .content-inner__pref__price--left {
	left: calc(9 / 405 * 100%);
}

.content-inner .content-inner__pref__price--right {
	right: calc(12 / 405 * 100%);
}

.content-inner .content-inner__btn-all {
	margin-top: calc(50 / 855 * 100%);
}

.content-inner .content-inner__btn-top {
	width:  calc(480 / 855 * 100%);;
	margin: calc(50 / 855 * 100%) auto 0;
}

.content-inner .content-inner__pickup {
	margin: calc(80 / 855 * 100%) 0 calc(70 / 855 * 100%);
}

.content-inner .content-inner__pickup-ttl {
	display: inline-block;
	position: relative;
	font-size: 30px;
	font-weight: 600;
	padding: 0 90px;
	margin-bottom: calc(40 / 855 * 100%);
}

.content-inner .content-inner__pickup-ttl::before,
.content-inner .content-inner__pickup-ttl::after {
	display: inline-block;
	width: 74px;
	height: 2px;
	content: '';
	position: absolute;
	top: 40%;
	background-color: #000;
}

.content-inner .content-inner__pickup-ttl:before {
	left: 0;
}

.content-inner .content-inner__pickup-ttl:after {
	right: 0;
}

/*-- --*/
@media screen and (max-width: 855px) {
	.content-inner { 
		padding: 10px;
    	margin-bottom: 20px;
	}

	.content-inner img { 
		width: 100%;
		height: auto;
	}

	.content-inner .content-inner__brand__list > li:nth-of-type(-n+12) {
		margin-bottom: calc(30 / 855 * 100%);
	}

	.content-inner .content-inner__recommend {
		padding: 0 3%;
	}

	.content-inner .content-inner__recommend__ttl {
		width: 65%;
	}

	.content-inner .content-inner__recommend__list > li {
		width: 100%;
	}

	.content-inner .content-inner__recommend__list > li:first-of-type {
		margin-bottom: calc(30 / 855 * 100%);
	}

	.content-inner .content-inner__pref__ttl {
		width: 85%;
	}

	.content-inner .content-inner__pref__list__ttl-img {
		width: 65%;
	}

	.content-inner .content-inner__pref__item {
		padding: 0 4% 4%;
	}

	.content-inner .content-inner__pref__item--bg {
		background-image: none;
	}

	.content-inner .content-inner__pref__item__list {
		width: 100%;
		margin-bottom: 4%!important;
	}

	.content-inner .content-inner__pref__item__list:last-of-type {
		margin-bottom: 0!important;
	}

	.content-inner .content-inner__pickup-ttl {
		font-size: 18px;
		padding: 0 50px;
	}

	.content-inner .content-inner__pickup-ttl::before,
	.content-inner .content-inner__pickup-ttl::after {
		width: 30px;
	}
}
