@charset "utf-8";
/* CSS Document */

.lp2022Header{
margin: auto;
width: 100%;
min-width: 1000px;
height: 570px;
display: flex;
align-items: flex-end;
background-image: url("/wp-content/post-img/lp2022-04-img/header-bg.png");
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}

.headerInBox{
margin: auto;
position: relative;
width: 100%;
max-width: 1000px;
height: 570px;
}

.staff{
position: absolute;
bottom: 0;
}

.hCopy01{
position: absolute;
top: 20px;
left: 3%;
}

.inRightBox{
position: absolute;
left: 360px;
width: 630px;
}

.hCopy02{
position: absolute;
top: 40px;
right: 5%;
}

.hCopy03{
position: absolute;
top: 147px;
right: 5%;
}

.hCopy04{
position: absolute;
top: 213px;
right: 5%;
}

.lpPosition{
position: absolute;
top: 160px;
right: 0;
}

.lpPickUpWrap{
margin-left: 20px;
padding-top: 120px;
display: flex;
}

.lpPickUpPrice{
margin-top: 10px;
text-align: center;
line-height: 1em;
}

.lpCopyArea{
padding: 1%;
background-image: url("/wp-content/post-img/lp2022-04-img/repeat-bg.png");
text-align: center;
}

.lpCopy01{
font-family: 'M PLUS 1p', sans-serif;
font-weight: 700;
font-size: 3.6rem;
line-height: 1.5em;
}

.lpCopy02{
font-family: 'M PLUS 1p', sans-serif;
font-weight: 700;
font-size: 4.2rem;
line-height: 1.5em;
color: #d9241e;
}

.outline {
display        : inline-block;
color          : #d9241e;            /* 文字の色 */
text-shadow    : 
   2px  2px 1px #ffffff,
  -2px  2px 1px #ffffff,
   2px -2px 1px #ffffff,
  -2px -2px 1px #ffffff,
   2px  0px 1px #ffffff,
   0px  2px 1px #ffffff,
  -2px  0px 1px #ffffff,
   0px -2px 1px #ffffff;        /* 文字の影 */
}

.lpMakerTit{
padding: 10px 0;
border-top: solid 5px #cd1229;
border-bottom: solid 5px #cd1229;
text-align: center;
}

.lpTit{
padding: 1em 0;
background-color: #cd1229;
color: #fff;
text-align: center;
font-family: 'M PLUS 1p', sans-serif;
font-weight: 700;
font-size: 3.6rem;
}

.saleArea{
padding: 25px 0;
background-image: url("/wp-content/post-img/lp2022-04-img/repeat-bg.png");
}

.saleBox{
box-sizing: border-box;
margin: auto;
padding: 30px;
background-color: #fff;
max-width: 900px;
box-shadow: 0px 0px 15px 5px #c6a001;
}

@media screen and (max-width: 450px) { /* スマホ450以下 *************************************************************************************/

.lp2022Header,.headerInBox{
min-width: 100%;
max-width: 100%;
height: 195px;
}

.lp2022Header{
margin-bottom: 0;
}

.staff{
margin-left: 5%
}
.staff img{width: 140px;}
.hCopy01 img{width: 43px;}

.inRightBox{
left: 130px;
width: 100%;
max-width: calc(100% - 130px);
}

.hCopy02 img{width: 220px;}
.hCopy03 img{width: 220px;}
.hCopy04 img{width: 220px;}


.hCopy02 {top: 10px; right: 5%; width: 220px;}
.hCopy03 {top: 50px; right: 5%; width: 220px;}
.hCopy04 {top: 75px; right: 5%; width: 220px;}


.hCopy05 img{width: 220px;}
.hCopy05{
position: absolute;
top: 105px;
right: 5%;
width: 220px;
}

.lpPosition{
position: relative;
}


.lpPickUpWrap{
width: 100%;
margin-top: 20px;
margin-left: 0;
padding-top: 0;
display: flex;
}

.lpCopyArea{
padding-top: 280px;
}

.lpCopy01{
font-size: 1.2rem;
line-height: 1.5em;
}

.lpCopy02{
margin: 0.5em 0;
font-size: 1.5rem;
line-height: 1.5em;
}

.lpTit{
font-size: 1.7rem;
}

.saleBox{
margin: auto 5%;

}


}
