@charset "shift_jis";
/*content1100pxReset*/
body.min {
min-width: 1100px;
}
.contents_inner,
#contents .contents_inner{
max-width: 100%;
padding: 0;
}
.pumaWrap{
width:100%;
min-width:1100px;
text-align: center;
}
.pumaWrap img{
vertical-align:top;
max-width: 100%;
}
.pumaWrap a{
display: block;
}
/*mvBlockA01******************************************************/
.pumaWrap .mvBlockA01 img{
width:100%;
height:auto;
}
.pumaWrap .contentBlockInner{
max-width:950px;
margin:0 auto;
}
.pumaWrap .contentInner{
max-width:1100px;
margin:0 auto;
}
.pumaWrap .flexBox{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.pumaWrap .contentBlockA01{
padding:80px;
background:url('../image/puma_bg01_240118.jpg') center top no-repeat;
}
.pumaWrap .contentBlockA01 .contentInner{
position:relative;
}
.pumaWrap .contentBlockA01 .contentInner a{
position:absolute;
right:calc(30 / 1100 * 100%);
bottom:calc(37 / 915 * 100%);
z-index:1;
width:calc(400 / 1100 * 100%);
height:calc(72 / 915 * 100%);
display:block;
}
.pumaWrap .contentBlockA02{
padding: 65px;
}
.pumaWrap .title01{
padding-top: 60px;
background: url('../image/puma_ico01_240118.png') top center no-repeat;
}
.pumaWrap .contentBlockA02 .title01{
font-size: 36px;
}
.pumaWrap .contentBlockA02 .text01{
font-size: 18px;
margin-top: 30px;
line-height: 1.89;
}
.pumaWrap .contentBlockA03{
padding:80px;
background:url('../image/puma_bg02_240118.jpg') center top no-repeat;
}
.pumaWrap .infoBox{
background-color:#fff;
}
.pumaWrap .infoBox .topBox > div{
width:50%;
}
.pumaWrap .infoBox .topBox .textBox{
padding:78px 80px 63px 93px;
background-color:#e8eaef;
box-sizing:border-box;
text-align:left;
}
.pumaWrap .infoBox .topBox .textBox .txt{
font-size: 20px;
line-height: 2;
font-weight: bold;
margin-top: 20px;
}
.pumaWrap .infoBox .bottomBox{
padding:40px 30px 55px 40px;
text-align:left;
}
.pumaWrap .infoBox .bottomBox .txt{
font-size:16px;
line-height:1.75;
margin-top:24px;
}
.pumaWrap .contentBlockA04{
padding:80px 80px 125px;
}
.pumaWrap .contentBlockA04 .title01{
padding-top:69px;
}
.pumaWrap .contentBlockA04 .listItem{
display:flex;
margin:83px auto 0;
justify-content:space-between;
flex-wrap:wrap;
/* width:880px;
gap:107px; */
}
.pumaWrap .contentBlockA05{
padding:100px 0 90px;
background-color:#e8e9eb;
}
.pumaWrap .contentBlockA05 .contentInner{
margin-bottom:80px;
background-color:#fff;
}
.pumaWrap .contentBlockA05 .contentInner:nth-child(5){
margin-bottom:60px;
}
.pumaWrap .contentBlockA06{
padding:100px 0 90px;
background-color:#8fbce9;
}
.pumaWrap .contentBlockA06 .contentInner{
padding: 50px 0 75px;
background-color:#fff;
}
.pumaWrap .contentBlockA06 .text01{
font-size: 18px;
margin-bottom: 48px;
line-height: 1.89;
}
.pumaWrap .contentBlockA06 .text01 span{
font-size: 22px;
font-weight: bold;
color: #18285c;
line-height: 1.82;
}
.pumaWrap .infoWrap {
padding:70px 115px 65px;
}
.pumaWrap .infoItem .left {
max-width:400px;
}
.pumaWrap .infoItem .right {
max-width:400px;
text-align:left;
margin-top:-7px;
}
.pumaWrap .infoItem .title02{
font-size:18px;
line-height:1.67;
}
.pumaWrap .infoItem .text01{
font-size:16px;
line-height:1.625;
margin-top:6px;
}
.pumaWrap .infoItem .price{
font-weight:bold;
font-size:28px;
text-align:right;
line-height:normal;
margin-top:32px;
}
.pumaWrap #backpack .infoItem .price{
margin-top:5px;
}
.pumaWrap #minishoulder .infoItem .price{
margin-top:57px;
}
.pumaWrap .infoItem .price .font22{
font-size:22px;
}
.pumaWrap .infoItem .price .font20{
font-size:20px;
font-weight: normal;
}
.pumaWrap .infoItem .listLinkItem{
margin-top:8px;
}
.pumaWrap .infoExtra{
margin-top:80px;
}
.pumaWrap .infoExtra > div {
max-width:400px;
}
.pumaWrap .infoExtra .text02{
margin-top:35px;
font-size:16px;
line-height:1.625;
text-align:left;
}
.pumaWrap .contentTxt{
max-width:670px;
margin:0 auto;
text-align:left;
font-size:20px;
line-height:1.75;
}

.bannerWrap {
  margin: 30px auto; /* 調整 */
}
.titleBlock-h2 {
  text-align: center;
  font-size: 32px;
  font-weight: bold;
}
.bannerList {
  margin: 30px auto 0;
  margin-inline: auto;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.justify-content-center .bannerList {
  justify-content: center !important;
}
.bannerWrap .bannerItem img {
  width: 100%;
}
/* 750_90バナー 1カラム */
.col1-750_90 .bannerList {
  width: 750px; /* 調整 */
  --gap: 20px; /* 調整 */
  gap: var(--gap);
}
