/* CSS Document */
@charset "UTF-8";
/* @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap'); */

img {
	max-width:100%;
}
a { 
	outline: none; 
}
a:hover { 
	opacity: .7;
	text-decoration: none;
}
button{
	cursor: pointer;
}
figure {
	margin: 0;
}

/* head */
#utility{
	padding-top:10px;
	padding-bottom:10px;
}
#utility h1{
	float:left;
}
#utility ul{
	float:right;
}
#utility ul li{
	padding-left:10px;
	float:left;
}
#utility ul li.sns_fb{
	width:100px;
	overflow:hidden;
}

/* cont -------------------*/
#contents {
	width:100%;
	/*background:#DDBC95;*/
	padding:20px 0 0;
	position:relative;
	z-index:2;
}
.wrap {
	width:1200px;
	margin:0 auto;
}
.bdr-b{
	border-bottom: 1px solid #DDDDDD;
}
/* パンくず -------------------*/
#breadcrumb {
	font-size:14px;
}
#breadcrumb a {
	color:#000;
}

/* MV -------------------*/
#main-visual {
	width:100%;
	max-width: 1200px;
	height:auto;
	z-index:1;
	text-align: center;
	margin: 0 auto;
}

/* コンテンツ */

.model-info__name {
	letter-spacing: .18em;
	text-align: center;
}
.model-info__name small {
	display: block;
}
.model-info__cap {
	text-align: center;
}
.model-info__sns {
	display: flex;
	justify-content: center;
	align-items: center;
}

.page-nav {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	position: relative;
}
.page-nav::after {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	background-color: #DDBC95;
	z-index: -1;
}
.page-nav a {
	position: relative;
}
.page-nav__num {
	position: absolute;
}

.sec-top__baloon {
	color: #DDBC95;
	text-align: center;
	position: relative;
}
.sec-top__baloon::after {
	content: '';
	position: absolute;
	z-index: -1;
}
.sec-top__fig {
	margin-inline: auto;
	position: relative;
}
.sec-top__fig::after {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: -1;
}
.sec-top__num {
	position: absolute;
}

.comment {
	display: flex;
	justify-content: center;
}
.comment__fig {
	flex-shrink: 0;
	position: relative;
}
.comment__figcap {
	font-family: 'Kepler 3 VF', serif;
	letter-spacing: .05em;
	text-align: center;
	transform: rotate(-12deg);
	position: absolute;
}
.comment__fig img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: top center;
	border-radius: 999px;
}
.comment p {
	position: relative;
}
.comment p::after {
	content: '';
	position: absolute;
}

.sec-top__li {
	display: flex;
	align-items: center;
}
.sec-top__item {
	width: 40%;
}
.sec-top__price,
.sec-top__check {
	width: 30%;
	text-align: right;
}
.sec-top__check {
	color: #DDBC95 !important;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}
.sec-top__check::before {
	content: '';
	display: block;
	border: 5px solid transparent;
	border-left: 7px solid #DDBC95;
}

.sec-cod {
	position: relative;
}
.sec-cod::after {
	content: '';
	position: absolute;
	width: 100vw;
	/*background-color: #DDBC95;*/
	z-index: -2;
}
.sec-cod__ttl {
	color: #000000;
	text-align: center;
	position: relative;
}
.sec-cod__ttl::before,
.sec-cod__ttl::after {
	content: '';
	position: absolute;
}
.sec-cod__ttl::before {
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
}
.sec-cod__ttl::after {
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
}
.sec-cod__fig {
	position: relative;
}
.sec-cod__fig::before {
	content: '';
	position: absolute;
}
.sec-cod__list {
	display: flex;
	flex-wrap: wrap;
}
.sec-cod__li {
	display: flex;
	width: 50%;
}
.sec-cod__thum {
	flex-shrink: 0;
}
.sec-cod__check {
	color: #000000 !important;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}
.sec-cod__check::before {
	content: '';
	display: block;
}


#sec-01{
margin-top: 0px;
background: #DDBC95;
}

#sec-02{
margin-top: 0px;
background: #dbab97;
}


#sec-01 .sec-top__check,
#sec-01 .sec-cod__check {
	background-color: #DDBC95;
}
#sec-02 .sec-top__check,
#sec-02 .sec-cod__check {
	background-color: #dbab97;
}
#sec-03 .sec-top__check,
#sec-03 .sec-cod__check {
	background-color: #DDBC95;
}
#sec-04 .sec-top__check,
#sec-04 .sec-cod__check {
	background-color: #DDBC95;
}
#sec-05 .sec-top__check,
#sec-05 .sec-cod__check {
	background-color: #DDBC95;
}
#sec-06 .sec-top__check,
#sec-06 .sec-cod__check {
	background-color: #DDBC95;
}

#sec-01 .sec-cod::before,
#sec-01 .sec-cod__ttl {
	background-color: #DDBC95;
}
#sec-02 .sec-cod::before,
#sec-02 .sec-cod__ttl {
	background-color: #dbab97;
}
#sec-03 .sec-cod::before,
#sec-03 .sec-cod__ttl {
	background-color: #DDBC95;
}
#sec-04 .sec-cod::before,
#sec-04 .sec-cod__ttl {
	background-color: #DDBC95;
}
#sec-05 .sec-cod::before,
#sec-05 .sec-cod__ttl {
	background-color: #DDBC95;
}
#sec-06 .sec-cod::before,
#sec-06 .sec-cod__ttl {
	background-color: #DDBC95;
}

#sec-01 .sec-top__baloon {
	background-color: #DDBC95;
}
#sec-01 .sec-top__baloon::after {
	border-left: 16px solid #DDBC95;
}
#sec-02 .sec-top__baloon {
	background-color: #DDBC95;
}
#sec-02 .sec-top__baloon::after {
	border-left: 16px solid #DDBC95;
}
#sec-03 .sec-top__baloon {
	background-color: #DDBC95;
}
#sec-03 .sec-top__baloon::after {
	border-left: 16px solid #DDBC95;
}
#sec-04 .sec-top__baloon {
	background-color: #DDBC95;
}
#sec-04 .sec-top__baloon::after {
	border-left: 16px solid #DDBC95;
}
#sec-05 .sec-top__baloon {
	background-color: #DDBC95;
}
#sec-05 .sec-top__baloon::after {
	border-left: 16px solid #DDBC95;
}
#sec-06 .sec-top__baloon {
	background-color: #DDBC95;
}
#sec-06 .sec-top__baloon::after {
	border-left: 16px solid #DDBC95;
}

#sec-01 .sec-top__fig::after {
	background-color: #DDBC95;
}
#sec-02 .sec-top__fig::after {
	background-color: #DDBC95;
}
#sec-03 .sec-top__fig::after {
	background-color: #DDBC95;
}
#sec-04 .sec-top__fig::after {
	background-color: #DDBC95;
}
#sec-05 .sec-top__fig::after {
	background-color: #DDBC95;
}
#sec-06 .sec-top__fig::after {
	background-color: #DDBC95;
}

#sec-01 .comment__figcap {
	color: #DDBC95;
}
#sec-02 .comment__figcap {
	color: #DDBC95;
}
#sec-03 .comment__figcap {
	color: #DDBC95;
}
#sec-04 .comment__figcap {
	color: #DDBC95;
}
#sec-05 .comment__figcap {
	color: #DDBC95;
}
#sec-06 .comment__figcap {
	color: #DDBC95;
}

#sec-01 .comment p {
	background-color: #eaf6fd;
}
#sec-01 .comment p::after {
	border-right: 20px solid #eaf6fd;
}
#sec-02 .comment p {
	background-color: #e1f2f3;
}
#sec-02 .comment p::after {
	border-right: 20px solid #e1f2f3;
}
#sec-03 .comment p {
	background-color: #fdece2;
}
#sec-03 .comment p::after {
	border-right: 20px solid #fdece2;
}
#sec-04 .comment p {
	background-color: #f6efec;
}
#sec-04 .comment p::after {
	border-right: 20px solid #f6efec;
}
#sec-05 .comment p {
	background-color: #eaf4e7;
}
#sec-05 .comment p::after {
	border-right: 20px solid #eaf4e7;
}
#sec-06 .comment p {
	background-color: #fff8e2;
}
#sec-06 .comment p::after {
	border-right: 20px solid #fff8e2;
}

.banner {
	display: block;
	margin-inline: auto;
}

/* ボタン -------------------*/
.btn--base{
	margin: 20px 0;
}
.btn--base a{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 380px;
	height: 60px;
	margin: 0 auto;
	text-align: center;
	background-color: #000000;
	color: #fff;
	font-size: 18px;
	text-decoration: none;
	position: relative;
}
.btn--base a:after{
	content: "";
	position: absolute;
	top: 50%;
	left: 30px;
	transform: translateY(-50%);
	border: solid 4px transparent;
	border-left: solid 8px #fff;
}
.btn-bloc {
	margin-top: 200px;
}
.btn-bloc--flex{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.btn-bloc--flex *{
	margin: 10px 15px;
}

/* brand-info -------------------*/
#brand-info {
	background:#eee;
	padding:25px 0;
}
#brand-info .inner-wrap {
	display:table;
	background:#fff;
	width:760px;
}
#brand-info .logo {
	display:table-cell;
	vertical-align:middle;
	width:280px;
	padding-top:20px;
	padding-bottom:20px;
	text-align:center;
}
#brand-info .logo em {
	display:block;
	text-align:center;
	margin-bottom:35px;
}
#brand-info a.brandBtn {
	display:block;
	width:233px;
	margin-left:auto;
	margin-right:auto;
	line-height:40px;
	text-align:center;
	background-color:#6b6b6b;
	color:#fff;
	font-size:13px;
	text-decoration:none;
}
#brand-info a.brandBtn:hover {
	background-color:#000000;
}
#brand-info .brand_right {
	display:table-cell;
	width:480px;
	vertical-align:middle;
	padding-top:20px;
	padding-bottom:20px;
}
#brand-info .brand_right p.title_txt {
	display: block;
	padding-bottom: 5px;
	font-size: 20px;
	font-weight: 600;
	font-family: "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#brand-info .brand_right h4.title {
	display: block;
	font-size: 13px;
	font-weight: normal;
	padding-bottom: 20px;
}
#brand-info .brand_right p{
	line-height:2;
	font-size: 12px;
}

/* ページトップ -------------------*/
#pagetop {
	text-align: right;
	padding-right:90px;
	margin-bottom:10px;
	margin-top: 100px;
}
#pagetop a {
	display:inline-block;
	text-align:center;
	color:#939393;
	text-decoration:none;
	padding-top:55px;
	background:url(/img/usr/freepage/common/logo/pagetop.png) no-repeat center top;
}
#pagetop a span {
	font-size:10px;
}
#pagetop a:hover {
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}

@media only screen and (min-width:1201px){
	.sec-cod::after {
		inset-inline: 50%;
		margin-inline: -50vw;
	}
}

@media only screen and (min-width:641px){
	.sp {
		display:none !important;
	}
	.pc {
		display:block;
	}

	.lead {
		font-size: 16px;
		line-height: calc(34 / 16);
		text-align: center;
		margin-top: 80px;
	}

	.model-info {
		margin-top: 136px;
		margin-bottom: 136px;
		position: relative;
	}
	.model-info__wrap {
		width: 974px;
		margin-inline: auto;
		display: flex;
		gap: 80px;
		align-items: center;
		padding-inline: 126px;
	}
	.model-info__wrap::after {
		content: '';
		position: absolute;
		left: 50%;
		bottom: -52px;
		transform: translateX(-50%);
		width: 974px;
		height: 320px;
		background-color: #DDBC95;
		z-index: -1;
	}
	.model-info__fig {
		width: 300px;
		flex-shrink: 0;
	}
	.model-info__name {
		font-size: 22px;
		line-height: calc(37.41 / 22);
	}
	.model-info__name small {
		font-size: 10px;
	}
	.model-info__cap {
		font-size: 14px;
		margin-top: 20px;
	}
	.model-info__txt {
		font-size: 12px;
		line-height: calc(22 / 12);
		margin-top: 100px;
	}
	.model-info__sns {
		gap: 22px;
		margin-top: 40px;
	}
	.model-info__x {
		width: 20px;
	}
	.model-info__ig {
		width: 22px;
	}
	.model-info__note {
		width: 20px;
	}
	.model-info__youtube {
		width: 29px;
	}

	.page-nav {
		gap: 40px 37px;
		margin-top: 200px;
	}
	.page-nav::after {
		height: 320px;
	}
	.page-nav a {
		width: 300px;
	}
	.page-nav__num {
		width: 56px;
		bottom: 14px;
		left: 18px;
	}

	section {
		margin-top: 200px;
	}
	.sec-top {
		width: 974px;
		margin-inline: auto;
	}
	.sec-top__baloon {
		font-size: 20px;
		line-height: calc(36 / 20);
		width: 580px;
		margin-left: auto;
		padding-block: 32px;
	}
	.sec-top__baloon::after {
		left: 92px;
		bottom: -25px;
		border: 25px solid transparent;
	}
	.sec-top__fig {
		width: 600px;
		margin-top: 60px;
	}
	.sec-top__fig::after {
		width: 800px;
		height: 220px;
	}
	.sec-top__num {
		width: 130px;
		bottom: 30px;
		left: -50px;
	}	

	.comment {
		align-items: center;
		gap: 40px;
		margin-top: 60px;
	}
	.comment__fig {
		width: 122px;
		height: 122px;
	}
	.comment__figcap {
		top: 6px;
		left: -35px;
	}	
	.comment p {
		font-size: 12px;
		line-height: 2;
		width: 702px;
		padding: 20px 34px;
	}
	.comment p::after {
		left: -26px;
		top: 50%;
		transform: translateY(-50%);
		border: 8px solid transparent;
	}

	.sec-top__cont {
		display: flex;
		align-items: flex-end;
		gap: 105px;
		margin-top: 60px;
		padding-inline: 86px;
	}
	.sec-top__info {
		width: 400px;
		flex-shrink: 0;
	}
	.sec-top__info h3 {
		font-size: 16px;
		line-height: calc(26 / 16);
	}
	.sec-top__list {
		width: 100%;
	}
	.sec-top__li {
		font-size: 12px;
	}
	.sec-top__li + .sec-top__li {
		margin-top: 18px;
	}
	.sec-top__check {
		width: 90px;
		height: 24px;
		margin-left: 20px;
	}

	.sec-cod {
		margin-top: 0px;
		padding: 75px 0 100px;
	}
	.sec-cod::before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 270px;
		z-index: -1;
	}
	.sec-cod::after {
		top: 135px;
		height: calc(100% - 135px);
	}
	.sec-cod__wrap {
		width: 840px;
		margin-inline: auto;
	}
	.sec-cod__ttl {
		width: fit-content;
		margin-inline: auto;
		font-size: 22px;
		line-height: calc(38 / 22);
	}
	.sec-cod__ttl::before,
	.sec-cod__ttl::after {
		width: 48px;
		height: 22px;
	}
	.sec-cod__ttl::before {
		top: -22px;
		left: -48px;
	}
	.sec-cod__ttl::after {
		bottom: -22px;
		right: -48px;
	}
	.sec-cod__fig {
		margin-top: 68px;
	}
	.sec-cod__fig::before {
		left: -66px;
		top: -30px;
		width: 180px;
		height: 50px;
	}
	.sec-cod:nth-child(2) .sec-cod__fig::before {/*
		background: url('../img/style/comment_01.png') no-repeat center / contain;
	*/}
	.sec-cod:last-child .sec-cod__fig::before {/*
		background: url('../img/style/comment_02.png') no-repeat center / contain;
	*/}	
	.sec-cod__fig figure {
		display: flex;
		justify-content: space-between;
	}
	.sec-cod__fig img {
		width: 400px;
	}
	.sec-cod__cap {
		font-size: 16px;
		line-height: 2;
		margin-top: 44px;
	}
	.sec-cod__list {
		row-gap: 30px;
		margin-top: 102px;
	}
	.sec-cod__li {
		align-items: center;
		gap: 20px;
	}
	.sec-cod__thum {
		width: 100px;
	}
	.sec-cod__item,
	.sec-cod__price {
		font-size: 12px;
		line-height: calc(22 / 12);
	}
	.sec-cod__check {
		width: 90px;
		height: 24px;
		margin-top: 12px;
	}
	.sec-cod__check::before {
		border: 5px solid transparent;
		border-left: 7px solid #fff;
	}

	.banner {
		width: 600px;
		margin-top: 150px;
	}
}

@media only screen and (max-width:640px){
	.pc {
		display:none !important;
	}
	.sp {
		display:block;
	}
	.bx-controls {
		display:none !important;
	}
	a:hover { 
		opacity: 1;
	}
	.wrap {
		width:auto;
	}
	
	/* スマホだけ指定のbrタグを見えなくする */
	.sec-cod__wrap > br{
	display: none;
	}

	/* cont -------------------*/
	#contents {
		padding:20px 0 0;
	}

	/* パンくず -------------------*/
	#breadcrumb {
		font-size:10px;
		margin-bottom:10px;
		padding:0 20px;
	}
	
	/* MV -------------------*/
	#main-visual {
		min-width: 100%;
		padding-inline: calc(48 / 750 * 100%);
	}

	.lead {
		line-height: calc(42 / 22);
		margin-top: 35px;
		padding-inline: calc(48 / 750* 100%);
	}

	.model-info {

		margin-top: 80px;
	}
	.model-info__fig {
		width: calc(300 / 750 * 100%);
		margin-inline: auto;
	}
	.model-info__bloc {
		background-color: #DDBC95;
		margin-top: -36px;
		padding: calc(146px / 2) 0 calc(75px / 2);
	}
	.model-info__name {
		/* font-size: calc(30 / 750 * 100%); */
		font-size: 15px;
		line-height: calc(48.65 / 30);
	}
	.model-info__name small {
		/* font-size: calc(14 / 750 * 100%); */
		font-size: 7px;
	}
	.model-info__cap {
		font-size: 11px;
		margin-top: 11px;
	}
	.model-info__txt {
		line-height: calc(42 / 22);
		margin-top: 32px;
		padding-inline: calc(48 / 750* 100%);
	}
	.model-info__sns {
		gap: calc(34 / 750* 100%);
		margin-top: 37px;
	}
	.model-info__x,
	.model-info__ig,
	.model-info__note {
		width: calc(30 / 750* 100%);
	}
	.model-info__youtube {
		width: calc(42 / 750* 100%);
	}

	.page-nav {
		gap: calc(27 / 750* 100vw);
		margin-top: 75px;
	}
	.page-nav::after {
		height: 100px;
	}
	.page-nav a {
		width: calc(265 / 750* 100%);
	}
	.page-nav__num {
		width: calc(60 / 750* 100vw);
		bottom: 8px;
		left: 8px;
	}

	section {
		margin-top: 75px;
		padding-inline: calc(48 / 750 * 100%);
	}
	.sec-top__baloon {
		font-size: 12px;
		line-height: calc(36 / 22);
		padding-block: 14px;
	}
	.sec-top__baloon::after {
		right: 94px;
		bottom: -16px;
		border: 25px solid transparent;
	}
	.sec-top__fig {
		width: 100%;
		margin-top: 30px;
	}
	.sec-top__fig::after {
		width: 100vw;
		height: 103px;
	}
	.sec-top__num {
		width: calc(112 / 750 * 100vw);
		bottom: 13px;
		left: -10px;
	}	

	.comment {
		gap: calc(28 / 750 * 100vw);
		margin-top: 50px;
	}
	.comment__fig {
		width: calc(95 / 750 * 100vw);
		height: calc(95 / 750 * 100vw);
	}
	.comment__figcap {
		font-size: 8px;
		top: -3px;
		left: -28px;
	}	
	.comment p {
		font-size: 11px;
		line-height: calc(32 / 20);
		width: calc(463 / 750 * 100vw);
		padding: 12px 16px;
	}
	.comment p::after {
		left: -18px;
		top: 18px;
		border: 8px solid transparent;
	}

	.sec-top__info h3 {
		font-size: 13px;
		line-height: calc(42 / 26);
		margin-top: 36px;
	}
	.sec-top__list {
		margin-top: 38px;
		padding-inline: calc(94 / 750 * 100%);
	}
	.sec-top__li + .sec-top__li {
		margin-top: 10px;
	}
	.sec-top__check {
		font-size: 10px;
		width: 75px;
		height: 19px;
		margin-left: calc(28px / 2);
	}
	.sec-top__check::before {
		border: 3px solid transparent;
		border-left: 5px solid #fff;
	}
	
	.sec-cod {
		margin-top: 60px;
		padding-bottom: 40px;
	}
	.sec-cod::after {
		top: 65px;
		height: calc(100% - 65px);
		margin-left: calc(-48 / 750 * 100vw);
	}
	.sec-cod__ttl {
		font-size: 12px;
		line-height: calc(32 / 20);
		padding-block: 29px;
	}
	.sec-cod__ttl::before,
	.sec-cod__ttl::after {
		width: calc(44px / 2);
		height: calc(22px / 2);
	}
	.sec-cod__ttl::before {
		top: calc(22px / 2);
		left: calc(44px / 2);
	}
	.sec-cod__ttl::after {
		bottom: calc(22px / 2);
		right: calc(44px / 2);
	}
	.sec-cod__fig {
		/* width: calc(440 / 750 * 100vw); */
		width: 100%;
		margin-inline: auto;
		margin-top: 10px;/* margin-top: 30px から変更*/
	}
	.sec-cod__fig::before {
		/* left: calc(-74 / 750 * 100vw); */
		left: 0;
		top: -40px;
		width: calc(160 / 750 * 100vw);
		height: calc(38 / 750 * 100vw);
	}

	.sec-cod__cap {
		font-size: 12px;
		line-height: calc(32 / 20);
		margin-top: 30px;
	}
	.sec-cod__list {
		row-gap: 20px;
		margin-top: 40px;
	}
	.sec-cod__li {
		gap: calc(23 / 750 * 100vw);
	}
	.sec-cod__thum {
		width: calc(103 / 750 * 100vw);
	}
	.sec-cod__item,
	.sec-cod__price {
		font-size: 8px;
		line-height: calc(24 / 16);
	}
	.sec-cod__check {
		font-size: 10px;
		width: 75px;
		height: 19px;
		margin-top: 5px;
	}
	.sec-cod__check::before {
		border: 3px solid transparent;
		border-left: 5px solid #fff;
	}
	
	.banner {
		width: calc(600 / 750 * 100vw);
		margin-top: 75px;
	}


	/* ボタン -------------------*/
	.btn--base a{
		font-size: 11px;
		width: calc(540 / 750 * 100vw);
		height: 30px;
	}
	.btn--base a:after {
		border: solid 3px transparent;
		border-left: solid 4px #fff;
	}
	.btn-bloc {
		margin: 100px auto 155px;
	}
	.btn-bloc--flex{
		display: block;
	}
	.btn-bloc--flex a{
		margin: 10px auto;
	}
	
/* brand-info -------------------*/
	#brand-info {
		padding: 10px 0;
	}
	#brand-info .inner-wrap {
		display:block;
		padding:20px 20px;
	}
	#brand-info .logo {
		display:block;
		width:auto;
		text-align:center;
		margin-bottom:0;
	}
	#brand-info .logo em {
		display:block;
		width:auto;
		margin-bottom:0;
	}
	#brand-info .logo em img{
		width:40%;
	}
	#brand-info .brand_right {
		display:block;
		width:auto;
		font-size:100%;
	}
	#brand-info .brand_right p.title_txt,#brand-info .brand_right h4.title {
		text-align:center;
	}
	#brand-info .brand_right p {
		line-height:1.8;
		width:auto;
	}
	#brand-info p br {
		display:none;
	}

/* ページトップ -------------------*/
	#pagetop {
		display: none;
	}

	.footnav {
		position: fixed;
		bottom: 70px;
		left: 0;
		width: 100%;
		background-color: #DDBC95;
		z-index: 99;
	}
	.footnav__wrap {
		padding: 14px calc(45 / 750 * 100vw) 18px;
	}
	.footnav__list {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: calc(12 / 750 * 100vw);
	}
	.footnav__link {
		width: calc(100 / 750 * 100vw);
	}
	.footnav__pagetop {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: calc(10 / 750 * 100vw);
		font-size: 10px;
		margin-top: 12px;
	}
	.footnav__pagetop::before {
		content: '';
		display: block;
		border: solid 3px transparent;
		border-left: solid 4px #000;
	}
}