/*----------------------------------------------
共通の記述 start
------------------------------------------------*/
.wheelParts-box img { display:block; }

#wheelParts-rcgairgauge h3,
#wheelParts-rcgairgauge p {
	margin: 0;
	padding: 0;
}
#wheelParts-rcgairgauge h3 {
	margin-bottom: 30px;
	margin-top: 40px;
}

/* 画像の上に拡大アイコンを重ねる */
.wheelDetail-colorlist-wheel-thum{
  position: relative;
  display: inline-block;
  margin: 0;
}

.rcgairgauge-2 .wheelDetail-colorlist-wheel-thum.icon::after{
  content: "";
  position: absolute;
  right: 12px;
  bottom: 12px;
  width: 18px;
  height: 18px;
  background: url("../images/wheel-parts-rcgairgauge/icon.png") no-repeat center / contain;
  pointer-events: none;
  z-index: 2;
}

.rcgairgauge-2-img a {
  display: inline-block;
}

.rcgairgauge-2 .wheelDetail-colorlist-wheel-thum img{
  display: block;
  z-index: 1;
}

.rcgairgauge-2-cont h3 {
	margin-top: 0px;
	margin-bottom: 0px;
}

.qa_q,.qa_a {
	padding: 10px;
}
.qa_q {
	background: #bbbbbb;
}
.qa_a {
	border: 1px #bbbbbb solid;
}
.qa_wrap {
	margin-bottom: 15px;
}
.shop_btn a {
	background: #ff0000;
	padding: 12px 55px;
    color: #fff;
    text-decoration: none;
}
.shop_btn {
	text-align: center;
	margin-top: 30px;
}
#wheelParts-rcgairgauge .ancLink {
	margin: 0 0 30px 0;
}
.wheelParts-box-shop {
	margin-bottom: 50px;
}
.wheelParts-box-last .ind1.red{
	font-size: 12px;
}

/* rcgairgauge-2 は flex で横並び */
.rcgairgauge-2{
  display: flex;
  flex-wrap: wrap;         /* 画面が狭ければ折り返す */
  gap: 36px;               /* すきまは要調整 */
  align-items: flex-start; /* baselineはやめる（ズレ原因） */
  margin-bottom: 30px;
}

/* 既存のfloatが残ってても無効化 */
.rcgairgauge-2-img{
  float: none !important;
}

/* 2列に固定（gap分を引いて半分） */
.rcgairgauge-2-img{
  flex: 0 0 calc((100% - 36px) / 2);
}

/* 画像は枠に合わせて縮む（比率維持） */
.rcgairgauge-2-img a,
.rcgairgauge-2-img figure{
  display: block;
  width: 100%;
  margin: 0;
}

.rcgairgauge-2-img img{
  display: block;
  width: 100%;
  height: auto;
}

.rcgairgauge-2-img p{
  margin: 6px 0 0;
}
.rcgairgauge_txt {
  margin: 15px 0;
}

/*----------------------------------------------
共通の記述　end
------------------------------------------------*/

@media screen and (min-width: 768px) {
/*----------------------------------------------
PC用の記述　start
------------------------------------------------*/
.pageTit-img {
	background: url(../images/wheel-parts-rcgairgauge/pagetit_img.jpg) no-repeat 0 0;
	background-size: 980px auto;
}
.pageTit-img span {
	display:none;
}
#wheelParts-rcgairgauge {
	width: 636px;
	position: relative;
}
.full_img {
	width: 100%;
}

/* PCでは折り返ししない */
.rcgairgauge-2{
  flex-wrap: nowrap;
  align-items: flex-end;
}

/* PCでは中身の幅で並べる（右端に余白を作らない） */
.rcgairgauge-2-img{
  flex: 0 0 auto;
}

/* ラベルがある場合の余白 */
.rcgairgauge-2-img p{
  margin: 0 0 6px;
}

/*----------------------------------------------
PC用の記述　end
------------------------------------------------*/
}

@media screen and (max-width: 979px) {
/*----------------------------------------------
タブレット／スマートフォン用の記述
------------------------------------------------*/
.pageTit {
  background-color:#FFF;
	margin-bottom: 10px;
}
.pageTit-img {
	background-size:contain;
}

/*----------------------------------------------
PC用の記述　end
------------------------------------------------*/
}

@media screen and (max-width: 767px) {
/*----------------------------------------------
スマートフォン用の記述 start
------------------------------------------------*/
.pageTit {
  background-color:#000;
	margin-bottom: 0;
}
.anyanyCol2-img {
text-align:center;
}
.anyanyCol2-cont {
	vertical-align:top;
	font-size:12px;
}
.wheelParts-displayIcon {
	margin:0 0 10px;
	}
.wheelParts-displayIcon li {
	display:inline-block;
	padding:10px 0;
}
.rcgairgauge-2-cont h3 {
	margin-top: 0px;
	margin-bottom: 0px;
}
.rcgairgauge-2-cont {
	margin-bottom: 20px;
}

.rcgairgauge-2-img a,
.wheelDetail-colorlist-wheel-thum{
  max-width: 100%;
}

.wheelDetail-colorlist-wheel-thum img{
  width: 100%;
  height: auto;
}

/* スマホは2列で折り返し */
.rcgairgauge-2{
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	align-items: flex-end;
}

.rcgairgauge-2-img{
    flex: 0 0 calc((100% - 12px) / 2);
    max-width: calc((100% - 12px) / 2);
}
.rcgairgauge-2-img a{
display: block;
width: 100%;
}
.rcgairgauge-2-img figure{
display: block;
width: 100%;
}

.rcgairgauge-2-img img{
display: block;
width: 100%;
height: auto;
}

/*----------------------------------------------
スマートフォン用の記述 end
------------------------------------------------*/
}