article.order-footer{


	.footer-wrap{
		/*border-top:1px solid #ddd;*/
		/*padding-top: 12px;*/
		margin-top: 18px;
	}


	.footer-head-box{
		padding-bottom: 16px;

		.main-box{
			font-weight: 700;
			font-size: 20px;
			line-height: 24px;
		}

		.sub-box{
			margin-top: 4px;

			.sub-txt{
				font-size: 12px;
				line-height: 20px;
				color: #333;
			}

			.ic{
				display: inline-flex;
				align-items: center;
				aspect-ratio: 512 / 400;
				position: relative;
				top:4px;
				width: 20px;
				margin-left: 2px;
				margin-right: 2px;

				&.ic-heart{
					background: url("/app/common/img/ssada/ic_like.png") no-repeat center / cover;

				}
			}
		}
	}

	.footer-body-box{

		.swiper-group-box{
			margin:0 -8px;

			.swiper{
				padding: 0 8px;
				background-color: #fff;
				border-bottom:0;
				height: auto;

				.swiper-wrapper{

					.swiper-slide{
						height: auto;
						padding: 0;
						margin-left:0;
						border-radius:0;
						font-size: inherit;
					}
				}
			}

			.item-wrap{
				display: block;

				.link-wrap{
					display: block;

					.img-box{
						border-radius:8px;
						overflow: hidden;
						aspect-ratio: 1/1;
						display: inline-flex;

						img{
							max-width:100%;
							width: 100%;
						}
					}

					.info-box{
						padding-top: 8px;

						.subject-box{
							font-size: 14px;
							line-height: 20px;
							letter-spacing: -0.02em;

						}
					}
				}

				.like-toggle-btn{
					margin-top: 4px;
					padding: 4px 0;
					display: flex;
					align-items: center;

					&.active{

						.ic{

							&.ic-heart{
								background: url("/app/common/img/ssada/ic_like_active.png") no-repeat center / cover;

							}
						}
					}

					.ic{
						aspect-ratio: 512 / 400;
						width: 18px;
						flex-shrink: 0;
						margin-right: 4px;

						&.ic-heart{
							background: url("/app/common/img/ssada/ic_like.png") no-repeat center / cover;

						}
					}

					.txt{
						font-size: 11px;
						line-height: 14px;
						color: red;
						letter-spacing: -0.02em;
					}

				}
			}
		}
	}

	.footer-foot-box{
		margin:0 -16px;

		.foot-guide-box{
			background: #f2f2f2 url("/app/common/img/ssada/img_footer_bg.png") no-repeat top center / contain;
			/*background-color: #f2f2f2;*/
			padding: 16px 16px;

			.guide-head-box{
				color: #6c589d;
				font-weight: 700;
				font-size: 18px;
				padding-bottom: 12px;
			}


			.guide-body-box{

				.guide-item{
					color: #666;
					font-size: 10px;
					line-height: 18px;

					& + .guide-item{
						margin-top: 0px;
					}
				}
			}

		}


		.guide-foot-box{

			.guide-link-list{
				padding-top: 12px;
				display: flex;
				gap: 8px;

				.guide-link-item{
					width: 100%;
					display: inline-flex;

					.guide-link-btn{
						display: inline-flex;
						align-items: center;

						&.type-1,
						&.type-2{
							border-radius:4px;
							width: 100%;
							justify-content: center;
							font-size: 14px;
							font-family: 'Cafe24Ohsquare';
						}

						&.type-1{
							background-color: #665b94;
							color: #fff;
						}

						&.type-2{
							background-color: #cb75c7;
							color: #fff;
						}

						img{
							width: 100%;
						}
					}
				}
			}


		}
	}


}