@charset "UTF-8";

/* secArea(poimi)
------------------------------*/
#poimi.secArea{
padding: 20px 0 0;
}
.lead_text + #poimi.secArea{
padding: 10px 0 0;
}
#poimi_howto.secArea{
margin: 0 auto;
padding: 20px 0 5px;
}
#poimi .secbg{
line-height: 0;
}
#poimi .secbg img{
width: 100%;
max-width: 770px;
height: auto;
}
#poimi .two_cells,
#poimi .poimi_attention,
#poimi .table_caption,
#poimi .mission_area_wraper {
background: url(/sol/pcc/N/special/Wednesday_raffle_poimi/parts2022/images/poimi_bg02.png) repeat;
background-size: 100%;
}
#poimi .two_cells {
justify-content: center;
align-items: flex-start;
padding-top: 8px;
}
#poimi .two_cells p{
font-size: 24px;
}
#poimi .two_cells .ptget{
margin-right: 3px;
vertical-align: middle;
font-size: 40px;
font-weight: bold;
color: #fa7229;
}
#poimi .two_cells .ptget.small{
font-size: 30px;
}
#poimi .two_cells .right_box{
width: 16%;
}
#poimi .two_cells .right_box img{
max-width: 110px;
}
#poimi .poimi_attention{
padding: 10px 0 25px;
}
#poimi .poimi_attention .attention_txt{
padding-left: 1em;
text-indent: -1em;
font-size: 14px;
font-weight: bold;
color: #f00;
}
#poimi .poimi_attention .attention_txt .w_414 {
display: none;
}
#poimi .table_caption {
padding-top: 13px;
}
#poimi .table_caption p{
width: 90%;
margin: 0 auto;
padding: 13px 0;
border-top: 1px dashed #aaa;
text-align: center;
font-size: 18px;
font-weight: bold;
color: #333;
}
#poimi .mission_area + .mission_area{
margin-top: 23px;
}
#poimi .mission_area .topTxt{
padding: 8px 0;
text-align: center;
font-weight: bold;
}
#poimi .mission_area .topTxt p{
font-size: 18px;
}
#poimi .one_cell {
display: flex;
justify-content: center;
align-items: center;
width: 70%;
margin: 0 auto;
padding: 13px 23px;
background: #fafbea;
border-radius: 8px;
}
#poimi .one_cell span,
#poimi .one_cell a {
display: block;
font-size: 16px;
color: #000;
}
#poimi .one_cell.cos_area {
padding: 30px 23px;
background: #b6b6b6;
}
#poimi .one_cell.cos_area p {
text-align: center;
font-size: 24px;
font-weight: bold;
color: #fff;
}
#poimi .one_cell .mission_name {
width: 37%;
text-align: left;
}
#poimi .one_cell .mission_point {
width: 23%;
text-align: center;
}
#poimi .one_cell .mission_point span,
#poimi .one_cell .mission_point a {
display: flex;
flex-flow: column;
justify-content: center;
align-items: center;
width: 70px;
height: 70px;
margin: 0 auto 0 0;
border: 1px solid #666;
border-radius: 50%;
}
#poimi .one_cell .mission_point img {
width: 100%;
max-width: 30px;
height: auto;
}
#poimi .one_cell .mission_btn  {
width: 40%;
text-align: center;
}
#poimi .one_cell .mission_btn a {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 50px;
margin: 0 auto;
border: 1px solid #666;
border-radius: 8px;
}
#poimi .one_cell .mission_btn.before a {
background: #fa7229;
border: 1px solid #fa7229;
color: #fff;
}
#poimi .one_cell .mission_btn.after a {
background: #fff;
border: 1px solid #666;
color: #333;
}
#poimi .mask_bg {
position: absolute;
top: 0;
left: 15%;
z-index: 9;
width: 70%;
height: 100%;
background: #999;
border-radius: 8px;
text-align: center;
font-size: 24px;
font-weight: bold;
color: #fff;
opacity: 0.5;
}
#poimi .mask_area {
position: relative;
}
#poimi .mask {
position: absolute;
top: 0;
left: 0;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
z-index: 10;
}
#poimi .mask_left_box{
width: 16%
}
#poimi .mask_left_box img{
width: 100%;
max-width: 74px;
height: auto;
}
#poimi .mask_right_box{
width: 180px;
font-size: 24px;
font-weight: bold;
}