@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');

#ra44.container {
max-width: inherit;
min-width: inherit;
}

#ra44 #main {
position: relative;
display: flex;
background-color: #CFFFA0;
font-family: "Noto Sans JP", serif;
}

#ra44 #main img {
max-width: 100%;
height: auto;
}

#ra44 #main .lBox {
width: calc(50% - 300px);
}

#ra44 #main .rBox {
width: calc(50% - 300px);
}

#ra44 #main .middleBox {
max-width: 590px;
background-color: #fff;
}

#ra44 #main .middleBox .mainVisual {
position: relative;
overflow: hidden;
}

#ra44 #main .middleBox .mainVisual .title {
margin-left: 9px;
display: block;
position: absolute;
top: 6%;
right: 0;
width: 100%;
max-width: 560px;
opacity: 1;
}

#ra44 #main .topBox {
padding: 45px 0 25px 0;
}

#ra44 #main .topTextArea {
margin: 0 auto;
width: fit-content;
}

#ra44 #main .topTextArea .text {
margin-bottom: 100px;
font-weight: 700;
font-size: 17px;
letter-spacing: 0.24em;
line-height: 2.5;
margin-top: 30px;
text-align: center;
}

#ra44 #main .imgInner .subInner .bgBox {
padding: 100px 0 100px;
}

#ra44 #main .imgInner .subInner .bgBox .photoBox {
margin-bottom: 50px;
position: relative;
}

#ra44 #main .imgInner .reason {
filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.2));
}

#ra44 #main .outBottomBox {
padding: 0 35px 50px;
filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.2));
}

#ra44 #main .outLink {
margin: 0 auto 50px;
width: 293px;
}

#ra44 #main .outLink a {
padding: 7px 20px 6px;
display: block;
color: #fff !important;
font-size: 15px;
letter-spacing: 0.06em;
text-align: center;
background-color: #000;
}

#ra44 #main .outLink_cate a {
border: 1px solid;
padding: 7px 20px 6px;
display: block;
font-size: 15px;
letter-spacing: 0.06em;
text-align: center;
}

#ra44 #main .main_item-check {
background-color: #0098ff;
padding: 0.5% 2%;
}

#ra44 #main .sub_item-check {
background-color: #3a3a3a;
padding: 0.5% 2%;
color: #fff;
}

#ra44 #main .coordinate .price_down,
#ra44 #main .coordinate .price_down span {
background: #fff;
color: #ff0000 !important;
padding: 0 !important;
}

#ra44 #main .coordinate img.price_down,
#ra44 #main .coordinate img.price_down span {
display: none;
}

#ra44.allWrap .saleprice {
font-weight: bold;
}

#ra44.allWrap .coordinate .price {
font-size: 14px;
}

#ra44 #main .outfit img {
filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.2));
}

#ra44 #main .price_info .price:after {
  content: "(税込）";
  }
  
#ra44 #main .reason .boxlink_sold img, #ra44 #main .boxlink_sold .item-name, #ra44 #main .boxlink_sold .main_item-check, #ra44 #main .boxlink_sold .main_sub-check {
  display: none;
  }
#ra44 #main .coordinate .boxlink_sold img {
  display: block;
  }

#ra44 #main .scroll-horizontal {
flex-wrap: wrap !important;
justify-content: center;
}

#ra44 #main .custom-item-width {
flex: 0 0 159px; /* 画像枠の幅（例: 160px や 40vw など） */
width: 160px;    /* 上の行と同じ数値を入れます */
}

@media all and (min-width: 600px) {
#ra44 #main .sp {
    display: none !important;
}
}

@media all and (max-width: 599px) {
  #ra44 #main .pc {
    display: none !important;
}

#ra44 #main {
    display: block;
}

#ra44 #main img {
    width: 100% !important;
    height: auto !important;
}

#ra44 #main .lBox,
#ra44 #main .rBox {
    display: none;
}

#ra44 #main .topBox {
    padding: 38px 0 15px 0;
}

#ra44 #main .topTextArea .text {
    margin-bottom: 110px;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 0.15em;
    line-height: 2.25;
}

#ra44 #main .middleBox .mainVisual {
    position: relative;
}

#ra44 #main .middleBox .mainVisual .title {
    left: 11px;
    width: 17%;
    max-width: inherit;
}

#ra44 #main .imgInner .subInner .bgBox {
    padding: 64px 0 48px;
}

#ra44 #main .imgInner .subInner .bgBox .photoBox {
    margin-bottom: 27px;
    position: relative;
    z-index: 5;
}

#ra44 #main .outBottomBox {
    margin-bottom: 45px;
    padding: 35px 22px 0;
}

#ra44 #main .outLink {
    margin: 0 auto;
    padding-bottom: 50px;
    width: 213px;
}

#ra44 #main .outLink a {
    padding: 6px 30px;
    font-size: 13px;
    background: #000;
}

#ra44 #main .custom-item-width {
  flex: 0 0 112px;
  width: 220px;
  }
}