﻿@charset "utf-8";

/*---------------------------------

  リセット

---------------------------------*/
.l-block[data-value="MOD_JP_00032"] .c-title__global .-middle {
  font-size: 32px;
}

.l-block.p-freegiftgive + .l-block {
  padding-top: 60px;
}

@media screen and (max-width: 768px) {
  .l-block[data-value="MOD_JP_00032"] .c-title__global .-middle {
    font-size: 22px;
  }
}

/*---------------------------------

  リードテキスト .p-freegiftleadtext

---------------------------------*/
.p-freegiftleadtext {
  display: block;
  width: 100%;
}

.p-freegiftleadtext__inner {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

.p-freegiftleadtext__text {
  font-size: 32px;
  font-weight: bold;
  line-height: 1.3em;
  display: block;
  padding: 16px 0;
  text-align: center;
  color: #fff;
  background: #b70000;
}

@media screen and (max-width: 768px) {
  .p-freegiftleadtext__text {
    font-size: 20px;
  }
}

/*---------------------------------

  メインビジュアル .c-mvblock

---------------------------------*/
 .c-mvblock {
   position: relative;
   display: block;
   width: 100%;
 }

 .c-mvblock__inner {
   width: 100%;
   max-width: 1200px;
   margin: 0 auto;
 }

 .c-mvblock__ttlbnr {
   line-height: 0;
   overflow: hidden;
   width: 100%;
   padding-top: calc((460 / 1200) * 100%);
   white-space: nowrap;
   text-indent: 100%;
   background: url(/include/shopping/special/FA15097/image/459_titlebnr_210330_pc.png) no-repeat 0 0 / 100%;
 }

 @media screen and (max-width: 768px) {
   .c-mvblock__ttlbnr {
     padding-top: calc((460 / 750) * 100%);
     background: url(/include/shopping/special/FA15097/image/459_titlebnr_210330_sp.png) no-repeat 0 0 / 100%;
   }
 }

/*---------------------------------

  ナビゲーション .p-navigation--freegift

---------------------------------*/
.p-navigation--freegift .c-navigation__item {
  border: 1px solid #F0AC3F;
  color: #313131;
  background: #F0AC3F;
}

.p-navigation--freegift .c-navigation__item span::after {
  border-top: 2px solid #313131;
  border-right: 2px solid #313131;
}

/*---------------------------------

  送料無料でギフトを贈る .p-freegiftgive

---------------------------------*/
.l-block.p-freegiftgive {
  position: relative;
  padding-top: 60px;
  background: url(/include/shopping/special/FA15097/image/img_givegift_210413_pc.png) no-repeat center/cover;
}

.l-block.p-freegiftgive::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: rgba(0, 0, 0, .4);
}

.p-freegiftgive > .l-inner {
  position: relative;
  z-index: 1;
}

.l-block.p-freegiftgive .c-title__global,
.l-block.p-freegiftgive .c-title__sub {
  text-shadow: 0 0 5px rgb(49 49 49 / 1.0);
}

@media screen and (min-width: 769px) {
  .p-lineup--freegiftgive .c-lineup__textlist__item span {
    font-size: 16px;
    -webkit-transition: .175s;
            transition: .175s;
  }

  .p-lineup--freegiftgive .c-lineup__textlist__item a:hover {
    opacity: 1;
  }

  .p-lineup--freegiftgive .c-lineup__textlist__item a:hover span {
    opacity: .5;
  }
}

@media screen and (max-width: 768px) {
  .l-block.p-freegiftgive {
    background: url(/include/shopping/special/FA15097/image/img_givegift_210413_sp.png) no-repeat center/cover;
  }

  .l-block.p-freegiftgive::before {
    background-color: rgba(0, 0, 0, .5);
  }

  .p-lineup--freegiftgive .c-lineup__textlist__item {
    border-top: 1px solid #fff;
  }

  .p-lineup--freegiftgive .c-lineup__textlist__item:last-child {
    border-bottom: 1px solid #fff;
  }

  .p-lineup--freegiftgive .c-lineup__textlist__name {
    color: #fff;
    text-shadow: 0 0 5px rgb(49 49 49 / .8);
  }

  .p-lineup--freegiftgive .c-lineup__textlist__name::after {
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
  }
}