@charset "utf-8";

#campaign_area { border:0; }

#campaign_area { -webkit-font-smoothing: antialiased; }





#campaign_area * {

  box-sizing: border-box;

  word-wrap: break-word;

  word-break: normal;

}

#campaign_area a:hover img,

#campaign_area a:active img,

#campaign_area a:focus img,

#campaign_area input:hover img,

#campaign_area input:active img,

#campaign_area input:focus img {

  opacity: 0.8;

}

#campaign_area a:active,

#campaign_area a:focus,

#campaign_area input:active,

#campaign_area input:focus {

  outline: thin dotted;

}

#campaign_area strong, #cp_body em {

  font-weight: bold;

}

#campaign_area sup {

  font-size: 65%;

}



#campaign_area .clearfix{zoom:1;}

#campaign_area .clearfix:after{

  display:block;

  content:'';

  clear:both;

}

#campaign_area {

  color: #111111;

}

#campaign_area .wrapper {

  background: none;

}



.view_pc {

  display: block;

}

.view_sp {

  display: none;

}

img {

  max-width: 100%;

  display: block;

  margin: 0 auto;

}

h2 {

  font-family: "Noto Sans JP", sans-serif;

  font-size: 26px;

  text-align: center;

  margin-bottom: 30px;

  color: #987946;

  line-height: 150%;

}

p {

  font-family: "Noto Sans JP", sans-serif;

  font-size: 16px;

  line-height: 200%;

  font-weight: 400;

}

.fade_in {

  opacity: 0;

  transition: all 1.5s ease;

}

.fade_in.action {

  animation: fadeIn 1.5s ease 0s 1 forwards;

}

@keyframes fadeIn {

  0% {

    opacity: 0;

  }

  100% {

    opacity: 1;

  }

}





/* メインビジュアル

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

.mv {

  background: #FFFCF5;

  display: flex;

  justify-content: center;

}

.mv img{

  width: 100%;

  max-width: 1600px;

  margin-inline: auto;

}

@media (width <= 1200px) {

  .mv img {

    width: auto;

    max-width: 1400px;

  }

}

@media (width <= 1024px) {

  .mv img {

    max-width: 1260px;

  }

}

@media (width <= 900px) {

  .mv img {

    max-width: 1140px;

  }

}

@media (width <= 767px) {

  .mv img {

    width: 100%;

    max-width: 100%;

  }

}



/* introduction

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

#introduction {

  display: flex;

  flex-direction: column;

  align-items: center;

  background: #FFFFFF;

  background-image: image-set(url('/freepage/maihada/cp20260401_gift/images/intro_bg.jpg') 1x, url('/freepage/maihada/cp20260401_gift/images/intro_bg@2x.jpg') 2x);

  background-size: contain;

  background-position: center;

  background-repeat: no-repeat;

  padding: 67px 0 73px;

}

#introduction .intro_title{

  width: 60%;

  margin: 0 auto;

  display: block;

}



#introduction .intro_title_sp{

  display: none;

}





#introduction .intro_lead{

  font-family: "Noto serif JP", serif;

  font-size: 30px;

  text-align: center;

  letter-spacing: 0.03em;

  font-weight: 500;

  line-height: 1.6;

  margin-top: -48px;

  margin-bottom: 30px;

  color: #4D5C67;

}

#introduction .intro_lead span.blue{

  color: #5C96A8;

}

#introduction .intro_lead span.big{

  font-size: 40px;

}

#introduction .intro_detail{

  color: #4D5C67;

  font-size: 16px;

  text-align: center;

  line-height: 2.13;

  letter-spacing: 0.03em;

  font-weight: 400;

}



#introduction .intro_detail_sp {

  display: none;

}



#introduction .period{

  display: flex;

  justify-content: center;

  align-items: baseline;

  border: solid 1px #5C96A8;

  padding: 3px 21px 9px;

  gap: 11px;

  margin: 34px auto 40px;

}

#introduction .period .limited{

  color: #5C96A8;

  font-family: "Noto serif JP", serif;

  font-size: 14px;

  font-weight: 500;

  letter-spacing: 0.03em;

  padding: 2px 11px;

  margin: 0;

  border: solid 1px #5C96A8;

  border-radius: 80px;

}

#introduction .period .schedule{

  color: #5C96A8;

  font-family: "Noto serif JP", serif;

  font-size: 18px;

  font-weight: 600;

  letter-spacing: 0.03em;

}

#introduction .period .schedule span{

  font-size: 28px;

}

#introduction .toc{

  display: grid;

  grid-template-columns: repeat(4,1fr);

  gap: 3.5%;

  width: 70%;

}

#introduction .toc img{

  width: 100%;

  margin: 0;

}



/* set_item

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



.item_set {

  margin-top: 80px;

}

.item_set .wrapper{

  width: 85%;

  max-width: 1280px;

  border-radius: 0 100px 0 100px;

  margin: auto;

  padding: 72px 0 78px;

}

.item_set .lead{

  font-family: "Noto serif JP", serif;

  font-size: 20px;

  letter-spacing: 0.06em;

  font-weight: 400;

  text-align: center;

}

.item_set .set_title{

  display: flex;

  justify-content: center;

  align-items: center;

  margin-bottom: 34px;

  

}

.item_set .set_title img{

  width: 54px;

  margin: 0;

}

.item_set .set_title h3{

  font-family: "Noto serif JP", serif;

  font-size: 34px;

  margin: 0;

}





.item_set .box {

  width: 87.5%;

  display: flex;

  justify-content: space-between;

  align-items: center;

  gap: 30px;

  margin: auto;

}

.item_set .imgbox {

  max-width: 50%;

}

.item_set .txtbox {

  width: 45%;

}

.item_set p {

  font-size: 16px;

  line-height: 34px;

  text-align: justify;

}

.item_set .item_list {

  margin: 56px 0 0;

  background: #FFFFFF;

  padding: 16px;

}

.item_set .icon_list {

  display: block;

  width: 10px;

  height: 10px;

  border-radius: 50%;

}



.item_set .item_list li {

  margin: 15px 0;

  font-size:  clamp(10px, 1.6vw, 15px);

  line-height: 1.4;

  display: flex;

  align-items: center;

  gap: 10px;

  color: #1A1A1A;

  font-family: "Noto Sans JP", sans-serif;

  width: 100%;

}

.item_set .item_list a {

  color: #1A1A1A;

  text-decoration: underline;

}

.item_set .item_list li .actual{

  border-radius: 50px;

  padding: 2px 9px;

  font-size: 10px;

}

#item_A .wrapper{ background: #F8F5EA; }

#item_A .icon_list { background: #E6DEC6;}

#item_A .item_list li .actual{ background : #B2A57E; color: white;}

#item_B .wrapper { background:#ECF5FA; }

#item_B .icon_list { background:#6FA5C1; }

#item_B .item_list li .actual{ background : #0D5F8E; color: white;}

#item_C .wrapper { background:#EBF7F5; }

#item_C .icon_list { background:#88CCC9; }

#item_C .item_list li .actual{ background : #5DB4A5; color: white;}

#item_D .wrapper { background:#FAEDEE; }

#item_D .icon_list { background:#F3B5B5; }

#item_D .item_list li .actual{ background : #E69197; color: white;}



.item_set img.icon_list {

  display: inline-block;

  vertical-align: middle;

  margin-right: 6px;

}

.item_set .cart {

  margin-top: 30px;

}

.item_set .limited {

  margin: 0;

  width: 120px;

}

.item_set .item_name {

  text-align: center;

  font-weight: normal;

  font-size: 20px;

}

.item_set .item_price{

  display: flex;

  justify-content: center;

  align-items: center;

  gap: 15px;

  margin-top: 10px;

}

.item_set .text_price {

  font-family: "Jost", sans-serif;

  font-weight: 500;

  font-size: 50px;

  color: #D97C81;

}

.item_set .text_price span.yen {

  font-size: 30px;

}

.item_set .text_price span.tax {

  font-family: "Noto Sans JP", sans-serif;

  font-size: 18px;

}

.item_set .cartin{

  width: 80%;

  max-width: 540px;

  margin: 20px auto 0;

}



.item_set .memo {

  margin: 8px auto 0;

  text-align: right;

  font-size: 11px;

  line-height: 1;

}

.gift {

  background-image: url(/freepage/maihada/cp20260401_gift/images/gift_bg.jpg);

  background-image: image-set(url(/freepage/maihada/cp20260401_gift/images/gift_bg.jpg) 1x, url(/freepage/maihada/cp20260401_gift/images/gift_bg@2x.jpg) 2x);

  background-image: -webkit-image-set(url(/freepage/maihada/cp20260401_gift/images/gift_bg.jpg) 1x, url(/freepage/maihada/cp20260401_gift/images/gift_bg@2x.jpg) 2x);

  aspect-ratio: 1920/444;

  background-size: cover;

  border-top: solid 26px #E7F6F7;

  border-bottom: solid 26px #E7F6F7;

}

.gift .inner {

  display: flex;

  justify-content: center;

  align-items: center;

  gap: 10%;

  padding: 42px 0 44px;

}



.gift  p{

  font-family: "Noto Serif JP",serif;

  font-weight: normal;

  font-size: clamp(14px, 1.25vw, 1.25vw);

  letter-spacing: 0.06em;

  line-height: 2.44;

  text-align: center;

  color: #111;

  margin-top: 38px;

}

.gift  p span{

  color: #5C96A8;

  position: relative;

  display: inline-block;

  line-height: 2;

}

.gift p span::after {

  content: '';

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 1px;

  background-color: #5C96A8;

}



.gift .wrapper .left .left_pc{

  display: inline;

}



.other {

  margin-top: 100px;

  display: flex;

  justify-content: center;

  padding: 100px 0;

  background: #F5F5F5;

}

.other a {

  width: 35%;

}



@media screen and (max-width: 1300px) {

  #campaign_area .wrapper {

    width: 94%;

    margin: 0 auto;

  }

  h3 {

    font-size: 36px;

    margin-bottom: 24px;

  }

  .item_set .imgbox {

    max-width: 55%;

  }

  .item_set .txtbox {

    width: 45%;

    margin-right: 0;

  }

}

@media screen and (max-width: 1024px) {

  h3 {

    font-size: 30px;

  }

}

@media screen and (max-width: 767px) {

  p {

    font-size: 14px;

  }

  .item_set .item_list {

    margin: 20px 0 0;

  }

  .item_set .item-name {

    font-size: 16px;

    margin-bottom: 0px;

  }

}

@media screen and (max-width: 767px) {

  .view_pc {

    display: none;

  }

  .view_sp {

    display: block;

  }

  .view_sp img{

    width: 100vw;

  }



  h2 {

    font-size: 16px;

    font-weight: bold;

    text-align: left;

  }

  h3 {

    font-size: 28px;

  }

  .description {

    padding-top: 64px;

  }

  .description .detail {

    margin: 32px auto 24px;

  }

  #introduction p {

    font-size: clamp(3.25vw, 3.25vw, 16px);

    

    top: 52%;

  }

  .item_nav h2,

  .item_nav .detail{

    display: none;

  }

  .item_nav .limited_img {

    width: 94%;

  }

  .item_nav .limited {

   font-size: 13px;

  }

  .item_nav {

    padding: 50px 0;

  }

  .item_nav ul {

    grid-template-columns: 1fr;

    width: 100%;

  }

  .item_nav li {

    width: 100%;

  }

  .item_nav li img {

    margin: 0 auto;

    width: 100%;

  }

  .item_nav .limited_line  {

    display: none;

  }

  #item_A {

    margin-top: 0;

  }

  .item_set img.item_set_bg {

    width: 100vw;

    top: 16px;

  }

  .item_set .box {

    flex-direction: column;

    gap: 23px;

  }

  .item_set .box.reverse{

    flex-direction: column-reverse;

  }

  .item_set p {

    font-size: 14px;

  }

  .item_set h3 {

    font-size: 26px;

  }

  .item_set h3 .lead{

    font-size: 16px;

  }

  .item_set h3 .name{

    flex-direction: column;

    align-items: start;

    gap: 9px;

  }

  .item_set h3 .line{

    width: 100%;

  }

  .item_set .txtbox,

  .item_set .imgbox {

    width: 100%;

    max-width: initial;

    margin: 0 auto;

  }

  .item_set .item-name {

    font-size: 14px;

  }

  .item_set .text-price {

    font-size: 38px;

  }

  .item_set .text-price span.yen {

    font-size: 22px;

  }

  .item_set .text-price span.tax {

    font-size: 13px;

  }

  .item_set {

    padding: 50px 0 0;

    position: relative;

  }

  .item_set .item_list {

    padding: 8px;

  }

  .item_set .item_list li {

    font-size: min(13px, 3vw);

  }

  .item_set .limited {

    font-size: 12px;

    

  }

  .btn_cart {

    padding: 14px 0;

  }

  .btn_cart img{

    margin-inline: auto;

  }

  #campaign_area .gift .inner {

    display: block;

  }

  .gift {

    background-image: url(/freepage/maihada/cp20260401_gift/images/gift_bg_sp.jpg);

    background-image: image-set(url(/freepage/maihada/cp20260401_gift/images/gift_bg_sp.jpg) 1x, url(/freepage/maihada/cp20260401_gift/images/gift_bg_sp@2x.jpg) 2x);

    background-image: -webkit-image-set(url(/freepage/maihada/cp20260401_gift/images/gift_bg_sp.jpg) 1x, url(/freepage/maihada/cp20260401_gift/images/gift_bg_sp@2x.jpg) 2x);

  }

  .gift p {

    font-size: 14px;

    letter-spacing: 0.06em;

    line-height: 30px;

    text-align: left;

    width: 77%;

    margin-inline: auto;

  }

  .gift .right {

    max-width: 51%;

    margin: 20px auto 0;

    float: none;

  }

  .gift img.gift_lead {

    max-width: 90%;

    margin: 0 auto 16px;

  }

  .other a {

    width: 80%;

  }

}

@media screen and (max-width: 767px){

  #campaign_area .wrapper {

    min-width: auto;

  }

  #introduction{

    padding: 55px 0 49px;

    background-image: image-set(url('/freepage/maihada/cp20260401_gift/images/intro_bg_sp.jpg') 1x, url('/freepage/maihada/cp20260401_gift/images/intro_bg_sp@2x.jpg') 2x);

    background-position: top;

  }

  #introduction .intro_title{

    display:none ;

  }



  #introduction .intro_title_sp{

    display: block;

    width: 80%;

    margin: 16px 0;

  }

  

  #introduction .intro_lead{

    font-size: min(20px,4.65vw);

    line-height: 1.1;

  }



  #introduction .intro_detail{

    font-size: 14px;

    line-height: 2;

  }



  #introduction .intro_detail_sp {

    display: inline;



  }



  #introduction .period{

    width: 90%;

    margin: 24px auto 30px;

    align-items: center;

    gap: 8px;

    padding: 0px 10px 3px;

    min-width: 288px;

    max-width: 690px;

    display: flex;

    justify-content: center;

  }



  #introduction .period .limited{

    text-align: center;

    font-size: min(12px,2.7vw);

    line-height: 1.5;

    min-width: 42px;

    padding: 2px 6px;

  }



  #introduction .period .schedule{

    font-size: 3.25vw;

    line-height: 1.93;

    min-width: 235sspx;

  }



  #introduction .period .schedule span{

    font-size: 22px;

  }

  

  #introduction .toc{

    grid-template-columns: repeat(2,1fr);

    width: 90%;

  }



  .gift{

    border-top: solid 16px #F2E7E9;

    border-bottom:  solid 16px #F2E7E9;

  }



  .gift .wrapper .inner{

    padding: 62px 0px 32.5px;

  }



  .gift p {

    font-size: 3.25vw;

    letter-spacing: 0.06em;

    line-height: 2.14;

    text-align: left;

    width: 77%;

    margin-inline: auto;

    margin-top: 27.5px;

    margin-bottom: 20px;

  }



  .gift p span{

    line-height: 1.7;

  }



  .gift .wrapper .left .left_pc{

   display: none;

  }



  #campaign_area .wrapper{

    width: 100%;

  }



  .item_set .wrapper {

    padding: 50px 0px 77px;

  }



  .item_set{

    margin-top: 0px;

  }



  .item_set .lead{

    font-size: 16px;

    line-height: 1.44;

  }



  .item_set .set_title{

    

     margin:0 auto 21px;

  }



  .item_set .set_title img{

    width: 45px;

  }



  .item_set .set_title h3{

    font-size: 4.65vw;

    line-height: 1.41;

  }



  .item_set .item_name{

    font-size: 15px;

    line-height: 1.4;



  }



  .item_set .text_price{

    font-size: 38px;

    line-height: 1.45;

  }



  .item_set .item_price .limited{

    width: 22%;

    max-width: 95px;

  }



  .item_set .cartin{

    margin: 7px auto 0px;

  }



  .item_set .item_list ul {

    margin-left: 8px;

  }

  .other {

    margin-top: 60px;

    padding: 50px 0;

  }





}



@media screen and(max-width: 650px){

  #introduction p {

    font-size: clamp(3.25vw, 3.25vw, 16px);

    width: 100%;

    top: 52%;

  }

}





@media screen and(max-width:320px){

  .item_set .item_list li{

    gap: 3px;

  }

}







@media screen and (max-width: 320px) {

  h2 {

    font-size: 14px;

  }



}