/*
Theme Name: vs_original
Theme URI: https://underscores.me/
Author: Automattic
Author URI: https://automattic.com/
Description: これはオンラインショップのCSSファイルです。
Version: 1.0.0
*/
.productArea {
        padding: 170px 20px 0;
        width: 100%;
}
.productArea .innerBlock {
        display: grid;
        gap: 100px;
		width: 100%;
  		grid-template-columns: 100%;
}
.productArea .gridBox {
        display: grid;
        grid-template-columns: 1fr 1fr;
		width: 100%;
}
.productArea .swiperBlock {
        max-width: 610px;
		width: 100%;
}
.productArea .txtBlock {
        padding: 10px 20px;
}
.productArea .descBox {
        display: grid;
        gap: 20px;
		padding: 0 0 50px;
}
.productArea .itmTtl {
        font-size: 35px;
}
.productArea .value {
        font-size: 30px;
        font-weight: 600;
}
.productArea .value small {
		font-size: 17px;
  		padding: 0 0 0 5px;
}
.productArea .orverview {
        line-height: 2;
        font-size: 19px;
}
.proSwiper img {
        border-radius: 10px;
        border: solid 4px var(--bgcolor-05);
}
.prothumSwiper .swiper-slide {
        cursor: pointer;
}
.prothumSwiper img {
        border: solid 2px var(--bgcolor-05);
        border-radius: 5px;
}
@media screen and (max-width: 1180px) {
.productArea {
  		padding: 120px 20px 0;
}
.productArea .swiperBlock {
  		max-width: 480px;
	    justify-self: center;
}
.productArea .txtBlock {
        padding: 10px 0;
}
}
@media screen and (max-width: 970px) {
.productArea .innerBlock {
		gap: 75px;	
}
.productArea .gridBox {
        grid-template-columns: 100%;
}
.productArea .btnBox {
		  display: grid;
		  place-content: center;
}
.productArea .itmTtl {
  		font-size: 27px;
}
.productArea .value {
	  font-size: 25px;
}
.productArea .value small {
  		font-size: 15.5px;
}
.productArea .orverview {
		font-size: 16.5px;	
}
}