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

common

-------------------------------------*/
.mainvisual img,
.caption img,
.image,
.btn img,
.anchor-nav .anchor li img,
.campaign-happybag.happybag2024 .item-anap img,
.campaign-happybag.happybag2024 .item-kids img,
.campaign-happybag.happybag2024 .item-girl img,
.campaign-happybag.happybag2024 .item-anap-r-s img,
.campaign-happybag.happybag2024 .attention h2 img,
.campaign-happybag.happybag2024 .top img {
   width: 100%;
}
.dsp-none,
.campaign-happybag.happybag2022.happybag2023,
.anchor-nav-standard {
   display: none;
}
/* #main {
   padding-top: 0 !important;
} */


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

2024 style

-------------------------------------*/
/* .campaign-happybag.happybag2024 {
   width: 799px;
   margin: auto;
} */
.campaign-happybag.happybag2024 .mainvisual_logo {
   position: relative;
   background-color: #f5c2cb;
   height: 196px;
}
.campaign-happybag.happybag2024 .mainvisual_logo img {
   width: 100%;
}
.campaign-happybag.happybag2024 .mainvisual_logo .logo_image {
   position: absolute;
   z-index: 1;
   top: 0%;
   left: 50%;
   transform: translateX(-50%);
   width: 100%;
}

.campaign-happybag.happybag2024 .main-title {
   margin: 0;
   padding: 10px 0;
   width: 100%;
}
.campaign-happybag.happybag2024 .caption,
.campaign-happybag.happybag2024 .brand_link_btn {
   background-color: #f5c2cb;
}
.campaign-happybag.happybag2024 .caption {
   padding: 5% 5% 60px;
   margin: 0 !important;
}
.campaign-happybag.happybag2024 .brand_link_btn {
   background-image: url(../img/2024/btn_area.png);
   background-size: 90%;
   background-position: top center;
   background-repeat: no-repeat;
   height: 1100px;
   position: relative;
}
.campaign-happybag.happybag2024 .brand_link_btn .a_btn {
   width: 319px;
   height: 460px;
   position: absolute;
}
.campaign-happybag.happybag2024 .brand_link_btn .a_btn.anap,
.campaign-happybag.happybag2024 .brand_link_btn .a_btn.girl  {
   left: 51px;
}
.campaign-happybag.happybag2024 .brand_link_btn .a_btn.kids,
.campaign-happybag.happybag2024 .brand_link_btn .a_btn.anap-r-s {
   right: 40px;
}
.campaign-happybag.happybag2024 .brand_link_btn .a_btn.girl,
.campaign-happybag.happybag2024 .brand_link_btn .a_btn.anap-r-s {
   top: 515px;
   height: 470px;
}
.campaign-happybag.happybag2024 .information {
   width: 100%;
   height: 100%;
   background: none;
   margin: 0;
   padding: 0;
}
.campaign-happybag.happybag2024 .information h2 img {
   width: 100%;
}
.campaign-happybag.happybag2024 .information .wrap-info {
   text-align: center;
   padding: 40px 0 80px;
   font-size: 24px;
   font-weight: bold;
}
.campaign-happybag.happybag2024 .information .wrap-info dt {
   margin: 40px 0 10px;
}
.campaign-happybag.happybag2024 .information .wrap-info .heading {
   border: 1px solid #000;
   padding: 10px 20px;
}
/* .campaign-happybag.happybag2024 .anchor-nav .anchor {
   width: 100%;
   justify-content: center;
   left: 104px;
} */
/* .campaign-happybag.happybag2024 .anchor li {
   background: #fff;
   padding-right: 5px;
   width: 200.5px;
} */
/* .campaign-happybag.happybag2024 .anchor li:last-child {
   margin-right: 0;
} */
.campaign-happybag.happybag2024 .anchor-nav.sticky {
   top: 49px;
}
.campaign-happybag.happybag2024 .item-anap h3,
.campaign-happybag.happybag2024 .item-girl h3,
.campaign-happybag.happybag2024 .item-anap .item-list,
.campaign-happybag.happybag2024 .item-girl .item-list,
.campaign-happybag.happybag2024 .item-anap .btn_box,
.campaign-happybag.happybag2024 .item-girl .btn_box {
   background-color: #dedede;
}
.campaign-happybag.happybag2024 .item-girl .item-list {
   padding: 50px 0 0;
}
.campaign-happybag.happybag2024 .item-list .btn_box {
   padding-bottom: 140px;
}
.campaign-happybag.happybag2024 .attention {
   background: #000;
   color: #fff;
}
.campaign-happybag.happybag2024 .attention ol {
   padding: 0 20px 80px;
   margin: 0 auto;
}
.campaign-happybag.happybag2024 .attention ol li {
   margin-bottom: 20px;
}
.campaign-happybag.happybag2024 .item-anap,
.campaign-happybag.happybag2024 .item-kids,
.campaign-happybag.happybag2024 .item-girl,
.campaign-happybag.happybag2024 .item-anap-r-s {
   position: relative;
}
.campaign-happybag.happybag2024 .item-anap .swiper-button-next, 
.campaign-happybag.happybag2024 .item-anap .swiper-button-prev {
   top: 26% !important;
}
.campaign-happybag.happybag2024 .swiper-button-next, 
.campaign-happybag.happybag2024 .swiper-button-prev {
   top: 30% !important;
}
.campaign-happybag.happybag2024 .item-anap-r-s .swiper-button-next, 
.campaign-happybag.happybag2024 .item-anap-r-s .swiper-button-prev {
   top: 36% !important;
}
.campaign-happybag.happybag2024 .swiper-button-next:after,
.campaign-happybag.happybag2024 .swiper-button-prev:after {
   color: #fff !important;
   background: #605f5e!important;
   border-radius: 0;
}
.campaign-happybag.happybag2024 .swiper-pagination {
   top: auto !important;
}
.campaign-happybag.happybag2024 .swiper-horizontal>.swiper-pagination-bullets,
.campaign-happybag.happybag2024 .swiper-pagination-bullets.swiper-pagination-horizontal {
   bottom: auto !important;
}
.campaign-happybag.happybag2024 .top {
   background: #f5c2cb;
   padding: 50px 0;
}
.campaign-happybag.happybag2024 .product {
   position: relative;
}


.campaign-happybag.happybag2024 .btn_box {
   padding-bottom: 140px;
}
.campaign-happybag.happybag2024 .item-anap .item-list,
.campaign-happybag.happybag2024 .item-kids .item-list,
.campaign-happybag.happybag2024 .item-girl .item-list,
.campaign-happybag.happybag2024 .item-anap-r-s .item-list {
   background-size: 100%;
   background-position: top center;
   background-repeat: no-repeat;
   position: relative;
}
.campaign-happybag.happybag2024 .item-list .item_data {
   position: absolute;
   font-size: 25px;
   font-weight: bold;
   text-align: center;
}
.campaign-happybag.happybag2024 .item-anap .price,
.campaign-happybag.happybag2024 .item-kids .price,
.campaign-happybag.happybag2024 .item-girl .price,
.campaign-happybag.happybag2024 .item-anap-r-s .price {
   font-size: 54px;
   font-weight: bold;
   line-height: 1.2;
}
.campaign-happybag.happybag2024 .item-kids .price{
   position: absolute;
   right: 74px;
   top: 1635px;
}
.campaign-happybag.happybag2024 .item-anap span,
.campaign-happybag.happybag2024 .item-kids span,
.campaign-happybag.happybag2024 .item-girl span,
.campaign-happybag.happybag2024 .item-anap-r-s span {
   font-size: 14px;
}
.campaign-happybag.happybag2024 .en_mark {
   font-size: 30px !important;
   padding-right: 5px;
}
.campaign-happybag.happybag2024 .item-anap .item-list .item_data {
   right: 30px;
   top: 176px;
   line-height: 1.5;
}
.campaign-happybag.happybag2024 .item-kids .item-list .item_data {
   left: 0;
   top: 620px;
}
.campaign-happybag.happybag2024 .item-girl .item-list .item_data {
   left: 74px;
   top: 620px;
}
.campaign-happybag.happybag2024 .item-anap-r-s .item-list .item_data {
   right: 48px;
   top: 170px;
}
.campaign-happybag.happybag2024 .item-kids .item-list .item_data .price {
   position: absolute;
   right: 10px;
}
.campaign-happybag.happybag2024 .item-girl .price {
   position: absolute;
   right: 64px;
   top: 1642px;
}
.campaign-happybag.happybag2024 .item-anap .item-list {
   background-image: url(../img/2024/anap/item-anap.png);
   height: 1120px;
}
.campaign-happybag.happybag2024 .item-kids .item-list {
   background-image: url(../img/2024/kids/item-kids.png);
   height: 840px;
}
.campaign-happybag.happybag2024 .item-girl .item-list {
   background-image: url(../img/2024/girl/item-girl.png);
   height: 840px;
}
.campaign-happybag.happybag2024 .item-anap-r-s .item-list {
   background-image: url(../img/2024/anap-r-s/item-anap-r-s.png);
   height: 540px;
}
.campaign-happybag.happybag2024 .item-anap-r-s .price {
   position: absolute;
   right: 52px;
   top: 190px;
}

.campaign-happybag.happybag2024 #anap,
.campaign-happybag.happybag2024 #kids,
.campaign-happybag.happybag2024 #girl,
.campaign-happybag.happybag2024 #anap-r-s {
   padding-top: 100px;
   margin-top: -100px;
}




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

2022 style

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

.happybag2022 {
   color: #fff;
}
.happybag2022 .caption span,
.happybag2022 .information .content h2.title span,
.happybag2022 .main-title {
   display: none;
}
.happybag2022 h3 {
   padding: 0;
}
.happybag2022 p {
   padding-top: 0;
   padding-bottom: 0;
}
.happybag2022 .btn {
   padding: 0 0 40px 0;
   background: #000;
   border-radius: 0;
}
.happybag2022 .btn .top {
   background: #000;
   display: block;
   width: 40%;
   margin: 0 auto;
   padding: 30px 0;
}
.happybag2022 .btn img:hover {
   opacity: 0.4;
}

/* slide */
.happybag2022 #slideshow {
   width: 100%;
   height: 800px;
}
.happybag2022 .ttl-img {
   right: 0;
   width: 47%;
}

/* caption */
.happybag2022 .caption {
   margin: 0;
   background-color: #000;
}

/* info */
.happybag2022 .information {
   background: none;
   background-size: 100%;
   color: #2b2b2b;
   height: 100%;
   width: 100%;
   margin: 0 auto;
   padding-bottom: 0;
}
.happybag2022 .contents-item.information .content {
   background-color: #fdfdfc;
   padding: 0;
}
.happybag2022 .contents-item.information .info {
   margin: 0 0 30px 0;
   padding-bottom: 40px;
}
.happybag2022 .contents-item.information .info dt {
   margin-top: 40px;
}
.happybag2022 .contents-item.information .info dt:first-child {
   margin-top: 0;
}
.happybag2022 .contents-item.information .info .heading {
   border: 1px solid #2b2b2b;
   padding: 5px 10px 0;
}
.happybag2022 .contents-item.information .info dd {
   margin-top: 10px;
   color: #000;
}
.happybag2022 .information h2.title {
   padding-top: 0;
}

.happybag2022 .contents-item.product {
   margin-top: 0;
}


/* product */
.happybag2022 .contents-item.product .detail .title {
   background: #000;
}
.happybag2022 .contents-item.product .float-navi.fixed {
   top: 40px;
}
.happybag2022 .cordinate .item-link {
   background: #fff;
}
.happybag2022 .cordinate .btn {
   background: #fff;
   width: 44%;
   margin: 0 auto;
   padding-bottom: 30px;
   text-align: center;
   display: block;
}
.happybag2022 .contents-item.product .detail .cordinate {
   text-align: center;
   margin: 0px 1px 0;
}


/* attention */
.happybag2022 .contents-item.attention {
   background: #000;
}
.happybag2022 .contents-item.attention h2 img {
   width: 100%;
   margin: auto;
}
.happybag2022 .contents-item.attention .content {
   font-size: 11px;
   padding: 0 10px 20px;
   line-height: 1rem;
}
.happybag2022 .contents-item.attention h2.title {
   background: #000;
   padding: 0;
}
.happybag2022 .contents-item.attention .content p {
   font-size: 1rem;
   margin-bottom: 40px;
}
.happybag2022 .contents-item.attention .content ol li {
   margin: 16px 0;
   font-size: 16px;
   list-style: none;
   line-height: 1.6rem;
}


/* slide */
.happybag2022 .cordinate .slick-track img,
.happybag2022 #detail-anap-girl-c .cordinate .slick-track img,
.happybag2022 #detail-anap-kids-d .cordinate .slick-track img {
   width: 100% !important;
}
.happybag2022 .contents-item.product .block-slid {
   padding-bottom: 0;
}
.happybag2022 .slick-arrow.slick-next {
    background-image: url(../img/2022arrow-next.png);
}
.happybag2022 .slick-arrow.slick-arrow.slick-prev {
    background-image: url(../img/2022arrow-prev.png);
}

/* happybag2023 */
.happybag2023 {
   width: 799px;
   margin: auto;
}
.happybag2023 .mainvisual img,
.happybag2023 .product img,
.happybag2023 .attention img,
.happybag2023 .anchor li img {
   width: 100%;
}
.happybag2023 .dsp-none {
   display: none;
}
.happybag2023 .primary {
   padding: 3.5em 2em 3.5em;
}
.happybag2023 .primary h2 {
   background: #000;
   text-align: center;
   padding: 10px;
   margin: 0 auto 2em;
   font-weight: bold;
   width: 90%;
}
.happybag2023 .caption {
   background: #eeeeee;
}
.happybag2023 .caption h2 {
   color: #eee;
}
.happybag2023 .information {
   background: #d7d7d7;
   text-align: center;
   color: #000;
}
.happybag2023 .information h2 {
   color: #d7d7d7;
/* 	font-size: 1.4em; */
}
.happybag2023 .information .heading {
   border: 1px solid #000;
   font-weight: bold;
   padding: 0.5em 1em;
}
.happybag2023 .information dt {
   margin-bottom: 0.5em;
}
.happybag2023 .information dd {
   margin-bottom: 2em;
}
.happybag2023 .information dd:last-child {
   margin-bottom: 0;
}
.happybag2023 .contents-item.product .detail {
   margin-top: 0;
}
.happybag2023 .item-anap,
.happybag2023 .item-kids,
.happybag2023 .item-girl {
   position: relative;
   margin-bottom: 6em;
}
.happybag2023 .item-anap .slider1,
.happybag2023 .item-kids .slider2,
.happybag2023 .item-girl .slider3 {
   height: 960px;
   margin-bottom: 30px;
   position: relative;
}
.happybag2023 .sub-ttl {
   position: absolute;
   bottom: 0;
   z-index: 2;
}
.happybag2023 .item-list .flex {
   width: 80%;
   margin: auto;
   justify-content: center;
}
.happybag2023 .item-list .flex .box {
   width: 42%;
   margin: 0 2%;
}
.happybag2023 .attention {
   background: #000;
}
.happybag2023 .attention .content {
   margin: 0;
   padding: 0 4em 4em;
   width: 100%;
}
.happybag2023 .attention .content ol li {
   margin-bottom: 1.5em;
   line-height: 1.4;
}
.happybag2023 .btn .top,
.happybag2023 .btn {
   background: #fff;
}
.happybag2023 .btn .top {
   padding: 6em 0 0;
}
.happybag2023 .product .anchor.flex {
   background: #fff;
   display: table;
   table-layout: fixed;
}
/*
.happybag2023 .product .anchor li {
   display: table-cell;
   vertical-align: middle;
}
*/
/*
.happybag2023 #kids,
.happybag2023 #girl {
   padding-top:8em;
   margin-top:-8em;
}
*/

div.border-bottom {
   border-bottom: none;
}

/* アンカーリンク位置固定 */
.anchor-nav { 
   width: 100%;
}
.anchor-nav.sticky {
   position: fixed;
   top: 66px;
   /* right: 0; */
   z-index: 1000;
   width: 100%;
}

/* アンカーリンク位置固定常に追従タイプ */
/* .anchor {
   position: fixed;
   right: 0;
   z-index: 1000;
   width: 100px;
} */
.anchor li {
   margin-right: 6.5px;
   width: 194.5px;
}
.anchor.flex {
   background: #fff;
}
.anchor li:last-child {
   margin-right: 0;
}

/* slider */
.swiper--wrapper {
  width: 100%;
}
.swiper-slide {
  color: #ffffff;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 300px;
  text-align: center;
}
/* .swiper-slide:nth-child(3n + 1) {
  background-color: #de4439;
}
.swiper-slide:nth-child(3n + 2) {
  background-color: #fcd500;
}
.swiper-slide:nth-child(3n + 3) {
  background-color: #53c638;
} */
.swiper-button-next, .swiper-button-prev {
   top: 54% !important;
}
.swiper-button-next:after, .swiper-button-prev:after {
   color: #ccc !important;
   background: none !important;
}