@charset "UTF-8";
.lead-navy {
	color: #140159;}

.bg-color {
background: linear-gradient(50deg, #eefbff 50%, #48c5ff 100%);

}

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

.kabegami{
background-image: url("../../images/realshop/makein-sanrio/bg-triangle.png");
background-size:90%;
}

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




.line-container{
border-radius: 8px;
color: #140159;
align-items: center;
gap: 20px;
border-radius: 10px;
backdrop-filter: blur(5px);
background-color: rgb(255 255 255 / 50%);
box-shadow: rgb(0 176 255 / 30%) 2px 8px 8px;
border: 0px rgba(255,255,255,0.4) 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(140 219 255 / 25%);
}

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

.ttl-b,
.ttl-c,
.right-text,
.header-top__menu__list li a:hover {
  color: #140159;
}



.ttl-c {
  border: solid 2px #ff9daa;
  background-image:repeating-linear-gradient(135deg, transparent, transparent 8px, #F1F3FF 8px, #F1F3FF 12px);
}

.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: #140159;
    font-size: 1.6rem;
    background: #ffdf00;
    border-radius: 5px;
    border: solid 3px #ffdf00;
}


.cplt{
width: 100%;
position:right;
padding: 6px;
text-align: center;
font-size: 10px;
}




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


.bg-color {
background: linear-gradient(50deg, #d7f9ff7d 20%, #7ed6ff 100%);
}

.kabegami{
background-size:100%;
}
}


.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;
  }

  .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;
  }
}


.contact{
background: #ffffff;
}


.item-tokuten{
margin-top: 5rem;
}





