@charset "utf-8";
/*=================================

	2: Parts Utility

================================ */

@media print, screen and (min-width: 668px) {
	#special_2501_popular-brand-pickup {
		margin-bottom: 40px;
	}
	#special_2501_popular-brand-pickup .singleImgArea {
		min-height: 342px;
		box-sizing: content-box;
		position: relative;
		margin: 0;
		padding: 0;
		text-align: center;
		text-indent: -9999px;
		background: url(/excludes/common/images/special/special.2502.brand-pickup_im01_250303.webp) no-repeat 0 100%;
	}
	#special_2501_popular-brand-pickup .imgContents .contentsBlock__img {
		display: inline-block;
		width: 100%;
		margin-right: 20px;
		margin-bottom: 20px;
		box-sizing: border-box;
	}
	#special_2501_popular-brand-pickup {
		margin-bottom: 50px;
	}
	#special_2501_popular-brand-pickup .block__read {
		padding: 20px 20px 0;
		margin-top: 20px;
	}
	#special_2501_popular-brand-pickup .block__read--areaText {
		overflow: hidden;
	}
	#special_2501_popular-brand-pickup .block__read--Text {
		text-align:center;
	}
	#special_2501_popular-brand-pickup .block__read--Text + .block__read--Text {
		margin-top: 15px;
	}

	/* other */
	#special_2501_popular-brand-pickup .element-center {
		text-align: center;
	}
	#special_2501_popular-brand-pickup .sp__element {
		display: none;
	}
	#special_2501_popular-brand-pickup a:hover {
		opacity: 0.8;
	}
	#special_2501_popular-brand-pickup .colomn-wrap {
		display: flex;
		flex-flow: row wrap;
		margin-top: 20px;
	}
	#special_2501_popular-brand-pickup .colomn-wrap .elm {
		display: inline-block;
		box-sizing: border-box;
		width: calc((100% - 30px) / 2);
		margin-right: 30px;
	}
	#special_2501_popular-brand-pickup .colomn-wrap .elm .colomnTitle {
		font-size: 18px;
		font-weight: bold;
		text-align: center;
		padding: 14px 0 9px;
		background-color: #f4f1e8;
	}
	#special_2501_popular-brand-pickup .colomn-wrap .elm .colomnImgBox {
		display: flex;
		flex-wrap: nowrap;
		margin-top: 10px;
	}
	#special_2501_popular-brand-pickup .colomn-wrap .elm .colomnImgBox .colomnImgArea {
		min-width: calc((90% - 16px) / 2);
		max-width: calc((90% - 16px) / 2);
		margin-right: 16px;
	}
	#special_2501_popular-brand-pickup .colomn-wrap .elm .colomnImgBox .colomnImgArea img {
		width: 100%;
	}
	#special_2501_popular-brand-pickup .colomn-wrap .elm:nth-of-type(2n) {
		margin-right: 0;
	}
	#special_2501_popular-brand-pickup .colomn-wrap .elm:nth-of-type(n+3) {
		margin-top: 20px;
	}
	#special_2501_popular-brand-pickup .f-small {
		font-size: 14px;
	}
	#special_2501_popular-brand-pickup .txCenter {
		text-align: center;
	}
	#special_2501_popular-brand-pickup .mt-30 {
		margin-top: 30px
	}
  #special_2501_popular-brand-pickup .contentsBlock {
    margin-top: 20px;
    padding: 0 20px;
  }
  #special_2501_popular-brand-pickup .contentsBlock--Title {
		font-weight: bold;
		text-align:center;
		margin-bottom: 16px;
	}
	#special_2501_popular-brand-pickup .contentsBlock--Text {
		text-align:center;
	}
	#special_2501_popular-brand-pickup .colomnTitle + .colomLead {
		text-align:center;
	}
}

@media screen and (max-width: 667px) {
	#special_2501_popular-brand-pickup {
		margin: 0 0 10px;
	}
	#special_2501_popular-brand-pickup .singleImgArea {
		aspect-ratio: 780 / 342;
		box-sizing: content-box;
		position: relative;
		margin: 0;
		padding: 0;
		text-align: center;
		text-indent: -9999px;
		background: url(/excludes/common/images/special/special.2502.brand-pickup_im01_250303.webp) no-repeat 0 100%;
		background-size: 100% auto;
	}
	#special_2501_popular-brand-pickup .imgContents .contentsBlock__img {
		width: 100%
	}
	#special_2501_popular-brand-pickup {
		margin-bottom: 26px;
	}
	#special_2501_popular-brand-pickup .block__read {
		padding: 20px 20px 0;
		margin-top: 20px;
	}
	#special_2501_popular-brand-pickup .block__read--Text {
		text-align: center;
		font-size: 13px;
		line-height: 1.5;
	}
	#special_2501_popular-brand-pickup .block__read--Text + .block__read--Text {
		margin-top: 10px;
	}
	#special_2501_popular-brand-pickup .f-small {
		font-size: 14px;
	}
	#special_2501_popular-brand-pickup .txCenter {
		text-align: center;
	}
	#special_2501_popular-brand-pickup .mt-30 {
		margin-top: 30px
	}
	#special_2501_popular-brand-pickup .contentsBlock {
		padding: 10px 10px;
	}
	#special_2501_popular-brand-pickup .contentsBlock--Title {
		font-weight: bold;
		text-align:center;
		margin-bottom: 16px;
	}
	#special_2501_popular-brand-pickup .contentsBlock--Text {
		text-align: center;
		font-size: 13px;
		line-height: 1.5;
	}
	#special_2501_popular-brand-pickup .colomnTitle + .colomLead {
		text-align:center;
	}
	/* other */
	#special_2501_popular-brand-pickup .element-center {
		text-align: center;
	}
	#special_2501_popular-brand-pickup .pc__element {
		display: none;
	}
  #special_2501_popular-brand-pickup .colomn-wrap {
    margin: 20px 0 0;
		padding: 0 10px;
  }
  #special_2501_popular-brand-pickup .colomn-wrap .elm + .elm {
    margin-top: 20px;
  }
	#special_2501_popular-brand-pickup .colomn-wrap .elm .colomnTitle {
		font-size: 18px;
		font-weight: bold;
		text-align: center;
		margin: 0 0 20px;
		padding: 15px 0 10px;
		background-color: #f4f1e8;
	}
	#special_2501_popular-brand-pickup .colomn-wrap .elm .colomnImgBox {
		display: flex;
		flex-wrap: nowrap;
		margin-top: 10px;
	}
	#special_2501_popular-brand-pickup .colomn-wrap .elm .colomnImgBox .colomnImgArea {
		min-width: calc((100% - 10px) / 2);
		max-width: calc((100% - 10px) / 2);
		margin-right: 10px;
	}
	#special_2501_popular-brand-pickup .colomn-wrap .elm .colomnImgBox .colomnImgArea img {
		width: 100%;
	}
	#special_2501_popular-brand-pickup .colomn-wrap .elm .colomnImgBox .colomnTextArea p {
		font-size: 13px;
		line-height: 1.5;
	}
}

.clearfix::after {
	content: "";
	display: block;
	clear: both;
}