@charset "utf-8";

:root{
  --color: var(--color-prdc);
  --color-lt: var(--color-lt-prdc);
}
/*	製品の写真、仕様などを表示している部分のレイアウト	*/
/*	画面の横幅が600px以下だったら縦に並べる様にする		*/
.prdc-body{
  display: grid;
  grid-template-areas:
    "area1 area2"
    "area3 area3";
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto;
  align-items: center;
  gap: 0 ;
}

.prdc-desc {
  grid-area: area1;
  margin:4px;
  width: 98%;
 }
  
 .prdc-photo {
   grid-area: area2;
 }
 
 .prdc-ger {
   grid-area: area3;
 }
 
 .img_prdc {
   width:160px;
 }
 
 
 /* 画面の横幅が600px以下の場合 */
@media screen and (max-width: 600px) {
.prdc-body{
  grid-template-areas:
    "area2"
    "area1"
    "area3";
  grid-template-columns: 1fr;
  grid-template-rows: auto auto auto;
}

}