@charset "UTF-8";

.lead-bcm{
margin-bottom: 0rem;
}


.bg-color {
  background-color: #d6efff;
}


.pink{
color: #ff859a;
}


.tate{
border-radius:10px;
background-color:#fff;
padding: 3.8em;
}

.lead-line{
text-align: center;
}


.red-bg{
color: red;
font-size:calc(1.4rem +(1vw - 0.32rem)* 0.3584);
}


.kabegami{
background-image: url("../../images/realshop/llsp/hishigata-01.webp");
background-size: 3%;
background-repeat: repeat
}


.line-container{
    border-radius: 8px;
    color: #ffffff;
    background-color: rgb(0 69 12 / 95%);
    box-shadow: #03322480 2px 2px 2px;
    border: 9px rgb(141 84 0) solid;
    /* border-bottom: 0px rgba(40, 40, 40, 0.35) solid; */
    /* border-right: 0px rgba(40, 40, 40, 0.35) solid; */
}



.ttl-d__text {
z-index: 5;
}

.info {
background:rgb(255 255 255 / 100%);
}


.ttl-a {
    padding: 1.54em 0;
    margin-bottom: 5rem;
    font-size: calc(1.3rem + (1vw - 0.32rem) * 0.7168);
    line-height: 1.4285714286;
    color: #ffffff;
    background-image: linear-gradient(150deg, rgba(173, 225, 219, 1) 40%, rgba(252, 181, 214, 1) 60%);
    text-shadow: 0 0 4px rgb(216 104 165);
}


.ttl-b:before,
.ttl-d__text:before,
.ttl-e
{
  background: #ffffff00;
}

.ttl-b,
.ttl-c,
.right-text {
  color: #4d0000;
}



.header-top__menu__list li a:hover {
  color: #8ed3ff;
}


.ttl-b{
flex: wrap;
font-size: 4.0rem;
}

.rakkasei{
width:30%;
height: 100%;	
}


.ttl-c {
  border: solid 2px rgba(252, 181, 214, 1);
  background-image:repeating-linear-gradient(135deg, transparent, transparent 8px, #F1F3FF 8px, #F1F3FF 12px);
    padding: 2em 1em;
    font-size: 2.6rem;
}


.l-column.goods-list .goods-list__inner {
  background: #FFF;
  box-shadow: 2px 5px 6px 1px #ebebeb;
}

.caution-container {
  background: #FFF;
}

.l-column.goods-list .col-1 .image {
  padding-right: 2rem;
  border-right: dotted 3px #ff525d;
}

.space {
  color: #ddd;
  margin: 2rem 0;
}


.main section:nth-last-of-type(4) .inner {
margin: 0 auto 0rem;
}

.button .btn.btn-a {
    color: #ffffff;
    font-size: 1.6rem;
    background: #004e4a;
    border-radius: 5px;
    border: solid 3px #004440;
    margin-bottom: 4rem;
}

.button-line{
    color: #ffffff;
    font-size: 1.6rem;
}


.button-ushiku{
    margin: 4rem auto;
}


.button.button-line .btn.btn-a {
    color: rgb(255, 255, 255);
    font-size: 1.6rem;
    background: rgb(2, 185, 2);
    border-radius: 5px;
    border-width: 3px;
    border-style: solid;
    border-color: rgb(2, 185, 2);
    border-image: initial;
    box-shadow: 2px 5px 9px 3px #0d3801;
}



.button.button-line .btn.btn-a:hover {
    color: rgb(2, 185, 2);
    font-size: 1.6rem;
    background: rgb(255, 255, 255);
    border-color: rgb(2, 185, 2);
    box-shadow: 0px 0px 0px 0px #0d3801;

}



.line-container-line{
margin-bottom:10rem;
}



@media only screen and (max-width: 599px) {
.l-column.goods-list .col-1 .image {
border-right: none;
padding-right: 0;
 }
}


.goods-list__inner{
border-radius: 10px;
}

.sns{
background-color:rgba(255,255,255,1.00) ;
}

.sns .ttl-b {
  max-width: 100rem;
  margin: 0 auto 10rem;
}

.inner_sns {
  max-width: 120rem;
  margin: 0 auto;
  padding: 6rem 0 8rem;
}

.sns_list {
  display: flex;
  height: 100%;
  flex-wrap: wrap;
  align-items: stretch;
}

.sns_list li {
  flex-basis: 33.333%;
}

.sns_list li{
  padding: 0 0.65%;
  margin-bottom: 2.5rem;
}

.sns_list li a {
  display: block;
  border-bottom: dotted 1px #111;
  height: 100%;
  max-height: 8rem;
}

.sns_list dl {
  position: relative;
  width: 92%;
}

.sns_x::before{
  content: "";
  position: absolute;
  width: 5%;
  height: 3rem;
  top: 0;
  bottom: 0;
  right: -8%;
  margin: auto 0;
  background: url(/RealShop/asset/images/x-logo.svg) no-repeat;
  background-size: 100%;
}

.sns_line::before{
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  top: 0;
  bottom: 0;
  right: -8%;
  margin: auto 0;
  background: url(/RealShop/asset/images/icon-line.svg) no-repeat;
  background-size: 100%;
}

.sns_insta::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  top: 0;
  bottom: 0;
  right: -8%;
  margin: auto 0;
  background: url(/RealShop/asset/images/icon-instagram.svg) no-repeat;
  background-size: 100%;
}

.sns_list dl {
  width: 90%;
}

.sns_list dt {
  font-size: clamp(0.5rem, calc(0.21052631578947367rem + 1.1578947368421053vw), 1.6rem);
}

.sns_list dd {
  padding-bottom: 2.2em;
  font-size: clamp(0.4rem, calc(0.18947368421052635rem + 0.8421052631578947vw), 1.2rem);
}

.sns_list .small {
  font-size: clamp(0.4rem, calc(0.24210526315789477rem + 0.631578947368421vw), 1rem);
}



@media only screen and (max-width: 590px) {
  .sns .ttl-b {
  margin: 0 auto 4rem;
  }


.kabegami{
background-image: url("../../images/realshop/llsp/hishigata-01.webp");
background-size: 5%;
background-repeat: repeat
}


  .inner_sns {
    width: 100%;
    padding: 5rem 3.2%;
    margin: 0 auto;
  }

  .sns_list li {
    flex-basis: 100%;
    padding: 2.5rem 0 0.65%;
    margin-bottom: 0;
  }

  .sns_list dt {
    font-size: 1.4rem;
    margin-bottom: .2rem;
  }

  .sns_list dd,
  .sns_list .small {
    font-size: 1.1rem;
  }

  .sns_x::before {
    width: 6%;
  }

  .sns_line::before,
  .sns_insta::before
  {
    width: 24px;
    height: 24px;
  }


.ttl-c {
    font-size: 1.6rem;
}

}

.contact{
background: #ffffff;
}


.box-fadeIn {
  width: 100%;        /* 横幅いっぱい */
  height: 100%;      /* 高さを300pxに指定 */
  opacity: 0;         /* 初期値は透明にしておく */
  transition: .4s;    /* 動くスピードを0.5秒に指定 */
  position: relative; /* 相対位置の設定 */
  top: 80px;          /* 事前に下に50pxずらしておく */
}

.active {
  opacity: 1;         /* 透明度を元に戻す */
  top: 0;             /* ずらしていた位置を戻すことで上に上がっているようにみえる */
}


.entry-precautions{
margin-top: 3rem;
}