@charset "shift_jis";
/* SpCommonReset
**************************** */
/* h1 and h2 */
#main h1 img,
#main div[id^="h2_0"] img{
zoom:1;
display:block;
max-width:750px;
width:100%;
height:auto;
margin:auto;
}
/* wrap */
.pumaWrap{
max-width:750px;
width:100%;
margin:0 auto;
-webkit-text-size-adjust:100%;
background: #ffffff;
}
.pumaWrap img{
vertical-align: top;
width: 100%;
height: auto;
zoom: 1 !important;
}
.pumaWrap a{
display:block;
}
.pumaWrap{
max-width:750px;
width:100%;
margin:0 auto;
-webkit-text-size-adjust:100%;
background:#ffffff;
}
.pumaWrap .flexBox{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
/*mvBlockA01******************************************************/
.pumaWrap .mvBlockA01 img{
width:100%;
height:auto;
}
.pumaWrap .contentBlockA01 .contentInner{
position:relative;
}
.pumaWrap .contentBlockA01 .contentInner a{
position:absolute;
left:50%;
bottom:calc(40 / 1216 * 100%);
z-index:1;
width:calc(630 / 750 * 100%);
display:block;
transform:translateX(-50%);
}
.pumaWrap .contentBlockA02{
padding:25px 25px 30px;
}
.pumaWrap .title01{
padding-top:min(7.467vw,56px);
background: url('../image/puma_sp_ico01_240118.png') top center no-repeat;
background-size: min(3.867vw, 29px) min(5.2vw, 39px);
}
.pumaWrap .contentBlockA02 .title01{
font-size:min(4.8vw,36px);
font-weight:bold;
line-height:1.53;
text-align:center;
}
.pumaWrap .contentBlockA02 .text01{
font-size:min(4vw, 30px);
margin-top: 20px;
line-height: 1.62;
text-align:center;
}
.pumaWrap .infoBox{
background-color:#fff;
}
.pumaWrap .infoBox .topBox .imageBox{
width:36.667%;
}
.pumaWrap .infoBox .topBox .textBox{
width:63.333%;
}
.pumaWrap .infoBox .topBox .textBox{
padding:5% 0 4% 4%;
background-color:#e8eaef;
box-sizing:border-box;
text-align:left;
}
.pumaWrap .infoBox .topBox .textBox .ttl{
width:64.3%;
max-width:286px;
}
.pumaWrap .infoBox .topBox .textBox .txt{
font-size:min(3.8vw, 30px);
line-height:1.5;
font-weight:bold;
margin-top:4%;
}
.pumaWrap .infoBox .bottomBox{
padding:30px 15px 20px 19px;
text-align:left;
}
.pumaWrap .infoBox .bottomBox .ttl{
width:34.604%;
max-width:236px;
}
.pumaWrap .infoBox .bottomBox .txt{
font-size:min(4vw, 30px);
line-height:1.69;
margin-top:15px;
}
.pumaWrap .contentBlockA04{
padding:27px 27px 55px;
}
.pumaWrap .contentBlockA04 .title01{
padding-top:min(9.333vw,70px);
width:65.421%;
max-width:420px;
margin:0 auto;
}
.pumaWrap .contentBlockA04 .listItem{
display:flex;
margin:50px auto 0;
justify-content:space-between;
flex-wrap:wrap;
}
.pumaWrap .contentBlockA04 .listItem li{
width:45.95%;
max-width:295px;
}
.pumaWrap .contentBlockA04 .listItem li:nth-child(n+3){
margin-top:38px;
}
.pumaWrap .contentBlockA05{
padding:min(4vw,30px);
background-color:#e8e9eb;
}
.pumaWrap .contentBlockA05 .contentInner{
margin-bottom:min(8vw,60px);
background-color:#fff;
padding:min(4vw,30px) min(4vw,30px) min(10.667vw,80px);
}
.pumaWrap .contentBlockA05 .contentInner#minishoulder{
/* margin-bottom:0; */
}
.pumaWrap .contentBlockA06{
padding:min(4vw,30px);
background-color:#8fbce9;
}
.pumaWrap .contentBlockA06 .contentInner{
padding:min(4.267vw,32px) min(4vw,30px) min(10.667vw,80px);
background-color:#fff;
}
.pumaWrap .contentBlockA06 .text01{
font-size:min(3.733vw, 28px);
margin-bottom: 36px;
line-height: 1.64;
text-align:center;
}
.pumaWrap .contentBlockA06 .text01 span{
font-size:min(4.267vw,32px);
font-weight: bold;
color: #18285c;
line-height: 1.56;
}
.pumaWrap .infoItem .right {
text-align:left;
margin-top:26px;
}
.pumaWrap .infoItem .title02{
font-size:min(4vw,30px);
font-weight:bold;
line-height:1;
}
.pumaWrap .infoItem .title02 span{
display:block;
}
.pumaWrap .infoItem .title02 span.font26{
font-size:min(4vw, 30px);
margin-bottom:7px;
}
.pumaWrap .infoItem .text01{
font-size:min(4vw, 30px);
line-height:1.625;
margin-top:30px;
}
.pumaWrap .infoItem .price{
font-weight:bold;
font-size:min(4.267vw,32px);
text-align:right;
line-height:normal;
margin-top:24px;
}
.pumaWrap .infoItem .price .font24{
font-size:min(3.7334vw,28px);
}
.pumaWrap .infoItem .listLinkItem{
margin-top:8px;
}
.pumaWrap .infoExtra{
margin-top:38px;
}
.pumaWrap .infoExtra .text02{
margin-top:26px;
font-size:min(4vw, 30px);
line-height:1.625;
text-align:left;
}
.pumaWrap .infoExtra .right {
margin-top:29px;
}
.pumaWrap .listLinkItem{
margin-top:35px;
}
.pumaWrap .contentTxt{
padding:25px 30px 70px;
text-align:left;
font-size:min(4vw, 30px);
line-height:1.62;
}