.campaign-happybag{
   width: 800px;
}

/*btns*/
.campaign-happybag .btns{}
.campaign-happybag .btn{
   position: relative;
   display: inline-block;
   width: 100%;
   color: #fff;
   font-size: 14px;
   text-align: center;
   vertical-align: top;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   padding: 15px 0;
   background-color: #373737;
   background-image: url(../img/btn-arrow.png);
   background-repeat: no-repeat;
   background-position: calc(100% - 8px) center;
   -moz-background-size:  10px auto;
   -webkit-background-size: 10px auto;
   background-size: 10px auto;
   margin-bottom: 8px
}
.campaign-happybag .btn.add-cart{
   background-color: #e4007f;
}


.campaign-happybag .main-title{
   width: 750px;
   font-size: 19px;
   font-weight: normal;
   margin: auto;
}
.campaign-happybag .main-image{
   text-align: center;
   margin-top: 5px;
}

.campaign-happybag .contents-item{
   margin-top: 25px;
}
.campaign-happybag .contents-item h2.title{
   color: #fff;
   font-size: 30px;
   font-weight: normal;
   line-height: 1;
   text-align: center;
   background: #373737;
   padding: 15px 0 10px;
}
.campaign-happybag .contents-item .content{
   overflow: hidden;
   zoom: 1;
}

/*information*/
.campaign-happybag .contents-item.information{
   text-align: center;
   font-size: 18px;
}
.campaign-happybag .contents-item.information .content{
   width: 675px;
   margin: auto;
   padding: 20px 0;
}
.campaign-happybag .contents-item.information .description{
   color: #e4007f;
   padding-bottom: 20px;
}
.campaign-happybag .contents-item.information .coupon{
   margin-top: 20px;
}
.campaign-happybag .contents-item.information .coupon .intro{
   font-size: 30px;
   color: #e4007f;
}
.campaign-happybag .contents-item.information .coupon .img{margin-top: 20px;}
.campaign-happybag .contents-item.information .coupon .copy,
.campaign-happybag .contents-item.information .coupon .sub{
   color: #ff3f1f;
   letter-spacing: 2px;
   line-height: 1;
}
.campaign-happybag .contents-item.information .coupon .sub{font-size: 22px;margin-top: 10px;}
.campaign-happybag .contents-item.information .coupon .copy{font-size: 45px;}
.campaign-happybag .contents-item.information .coupon .copy sup{font-size: 12px;}
.campaign-happybag .contents-item.information .coupon .caution{
   text-align: left;
   color: #8f848a;
   font-size: 14px;
   margin-top: 20px;
}

.campaign-happybag .contents-item.information .info{
   font-size: 16px;
   margin-top: 40px;
}
.campaign-happybag .contents-item.information .info dt{
   color: #e4007f;
   font-weight: bold;
   margin-top: 15px;
}
.campaign-happybag .contents-item.information .info dd{

}


.campaign-happybag .contents-item.mm{}
.campaign-happybag .contents-item.mm .mm-item{
   position: relative;
}
.campaign-happybag .contents-item.mm .mm-item .btn{
   position: absolute;
   width: 305px;
   height: 58px;
   padding: 0;
   text-indent: -9999px;
   overflow: hidden;
   background: none;
   cursor: pointer;
}
.campaign-happybag .contents-item.mm .mm-item .btn:hover{
   background-color: #fff;
   filter: alpha(opacity=20);
   -khtml-opacity: 0.2;
   -moz-opacity: 0.2;
   opacity:0.2;
}
.campaign-happybag .contents-item.mm .mm-item.login .btn.join {top: 443px;left:  88px;}
.campaign-happybag .contents-item.mm .mm-item.login .btn.login{top: 443px;left: 413px;}
.campaign-happybag .contents-item.mm .mm-item.entry .btn      {top: 501px;left: 248px;}


/*movie*/
.campaign-happybag .contents-item.movie{}
.campaign-happybag .contents-item.movie .content{
   text-align: center;
   padding-top: 25px;
}
.campaign-happybag .contents-item.movie .content iframe{
   display: inline-block;
   border: none;
}


/*product*/
.campaign-happybag .contents-item.product{}
.campaign-happybag .contents-item.product .summary{
   width: 750px;
   margin: 18px auto 0;
   overflow: hidden;
   zoom: 1;
}
/*
.campaign-happybag .contents-item.product .summary .item-container{
   float: left;
   background: #f3ebeb;
   margin-right: 10px;
}
*/
.campaign-happybag .contents-item.product .summary .anap{width: 490px;}
.campaign-happybag .contents-item.product .summary .anapgirl{width: 250px;margin-right: 0;}
.campaign-happybag .contents-item.product .summary .item-container .inner{
   padding: 25px;
   overflow: hidden;
   zoom: 1;
}
/* .campaign-happybag .contents-item.product .summary .item-container .title, */
.campaign-happybag .contents-item.product .summary .item-container .desc{
   text-align: center;
   height: 40px;
}
.campaign-happybag .contents-item.product .summary .item-container .title{
/*
   width: 200px;
   height: 65px;
*/
   background-repeat: no-repeat;
   background-position: center;
   -moz-background-size:  auto 100%;
   -webkit-background-size: auto 100%;
   background-size: auto 100%;
   text-indent: -9999px;
   overflow: hidden;
   margin: auto;
}
/*
.campaign-happybag .contents-item.product .summary .item{
   width: 200px;
   float: left;
   margin-right: 35px;
   margin-top: 10px;
   overflow: hidden;
}
*/
/* .campaign-happybag .contents-item.product .summary .item:last-child{margin-right: 0;} */
.campaign-happybag .contents-item.product .summary .item .name{
   margin-top: 10px;
}
.campaign-happybag .contents-item.product .summary .item .price{
   color: #e4007f;
}
.campaign-happybag .contents-item.product .summary .item .price span{
   font-size: 10px;
}
.campaign-happybag .contents-item.product .summary .item .btns{
   margin-top: 10px;
}

.campaign-happybag .contents-item.product .detail{
   margin-top: 100px;
}
.campaign-happybag .contents-item.product .detail .title{
   text-align: center;
}
.campaign-happybag .contents-item.product .detail .title p{
   font-size: 30px;
   font-weight: normal;
}
.campaign-happybag .contents-item.product .detail .title p span{
   color: #e4007f;
}
.campaign-happybag .contents-item.product .detail .cordinate{
   margin: 30px 1px 0;
}
.campaign-happybag .contents-item.product .detail .item-info{
   width: 750px;
   margin: 45px auto 0;
   overflow: hidden;
   zoom: 0;
}
.campaign-happybag .contents-item.product .detail .item-info .thumb{
   float: left;
   width: 330px;
}
.campaign-happybag .contents-item.product .detail .item-info .thumb img{
   width: 100%;
   height: auto;
}
.campaign-happybag .contents-item.product .detail .item-info .info{
   float: right;
   width: 410px;
}
.campaign-happybag .contents-item.product .detail .item-info .info .name{
   font-size: 30px;
   font-weight: normal;
   line-height: 1.4;
}
.campaign-happybag .contents-item.product .detail .item-info .info .name span{
   color: #e4007f;
}
.campaign-happybag .contents-item.product .detail .item-info .info .price{
   color: #e4007f;
   font-size: 20px;
}
.campaign-happybag .contents-item.product .detail .item-info .info .price span{
   font-size: 14px;
}
.campaign-happybag .contents-item.product .detail .item-info .info .btns{}
.campaign-happybag .contents-item.product .detail .item-info .info .btns .item{
   display: inline-block;
   width: 200px;
}
.campaign-happybag .contents-item.product .detail .item-info .info .set{
   font-size: 14px;
}
.campaign-happybag .contents-item.product .detail .item-info .info .stuff{
   font-size: 14px;
   margin-top: 8px;
}
.campaign-happybag .contents-item.product .detail .item-info .info .stuff h5{
   font-size: 14px;
   font-weight: normal;
}
.campaign-happybag .contents-item.product .detail .item-info .info .stuff dl{}
.campaign-happybag .contents-item.product .detail .item-info .info .stuff dl dt{
   color: #e4007f;
}
.campaign-happybag .contents-item.product .detail .item-info .info .stuff dl dd{}



/*attention*/
.campaign-happybag .contents-item.attention{
   background: #3c3c3c;
   margin-top: 80px;
}
.campaign-happybag .contents-item.attention h2.title{
   font-size: 52px;
   padding: 35px 0 10px;
}
.campaign-happybag .contents-item.attention .content{
   width: 750px;
   color: #fff;
   margin: 18px auto 0;
   padding-bottom: 70px;
}
.campaign-happybag .contents-item.attention .content ol{}
.campaign-happybag .contents-item.attention .content ol li{
   margin-left: 5px;
}
.campaign-happybag .contents-item.attention .content h3,
.campaign-happybag .contents-item.attention .content p{

}
.campaign-happybag .contents-item.attention .content h3{
   font-size: 24px;
   font-weight: normal;
   text-align: center;
   margin-top: 50px;
   margin-bottom: 30px;
}
.campaign-happybag .contents-item.product .detail .title p {
	padding: 20px 0 0;
}



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

2021年用追記

-------------------------------------*/
.campaign-happybag .main-title {
	font-size: 10px;
	font-weight: normal;
	margin: auto;
	padding: 10px;
}
.campaign-happybag .mv-ttl {
	position: relative;
}
.campaign-happybag .ttl-img {
	position: absolute;
	z-index: 20;
	width: 38%;
	margin: 4%;
}
.campaign-happybag .caption {
	margin: 5% 5% 60px;
	font-size: 24px;
	line-height: 1.6;
}


/* information */
.campaign-happybag .information {
	background: url(../img/info.jpg) no-repeat #f2f2f2;
	background-size: 100%;
	height: 780px;
	width: 90%;
	margin: 0 auto 20px;
	padding-bottom: 30px;
}
.campaign-happybag .information h2.title {
	background: none;
	color: #8a8a8a;
	font-size: 21px;
	padding: 100px 0 0;
}
.campaign-happybag .contents-item.information .info {
	margin: 10% 2% 0 2%;
}
.campaign-happybag .contents-item.information .info dt {
	color: #000;
	font-size: 20px;
	margin-top: 22px;
}
.campaign-happybag .contents-item.information .info dd {
	color: #585858;
	font-size: 18px;
	line-height: 1.8;
}


/* login */
.campaign-happybag .contents-item.mm .mm-item.login .btn.join {
	top: 1013px;
	left: 41px;
}
.campaign-happybag .contents-item.mm .mm-item.login .btn.login {
	top: 1013px;
	left: 421px;
}
.campaign-happybag .contents-item.mm .mm-item .btn {
	width: 345px;
	height: 164px;
}
.campaign-happybag .btn {
	margin-bottom: 0;
}


/* product */
.campaign-happybag .product h2.title {
	background: url(../img/ttl-product.jpg) no-repeat center;
	background-size: 100%;
	color: #8a8a8a;
	font-size: 30px;
	font-weight: normal;
	line-height: 1;
	text-align: center;
	margin: 50px auto 0;
	padding: 89px 0 14px;
	width: 94%;
	height: 46px;
	letter-spacing: 0.3rem;
}
.campaign-happybag .contents-item.product .summary .item-container .title {
/*
	width: 100%;
	height: 100%;
*/
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center;
	-moz-background-size: auto 100%;
	-webkit-background-size: auto 100%;
	text-indent: -9999px;
	overflow: hidden;
	margin: auto;
	padding: 0;
}
.campaign-happybag .contents-item.product .summary .item-container {
	background: #fff;
	float: none;
	width: 100%;
	margin-top: 60px;
}
campaign-happybag .contents-item.product .summary .item-container .title, .campaign-happybag .contents-item.product .summary .item-container .desc {
	font-size: 18px;
	line-height: 1.6;
	height: 100%;
	margin: 20px 0 10px;
}
.campaign-happybag .contents-item.product .summary .item-container .title {
	height: 44px;
}
.campaign-happybag .contents-item.product .summary .item {
	width: 44%;
	margin: 2%;
}
.campaign-happybag .contents-item.product .flex {
	justify-content: center;
}
.campaign-happybag .btn.add-cart {
	background: url(../img/btn-pc-fukubukuro.jpg) no-repeat center;
	background-size: 90%;
	font-size: 18px;
	padding: 39px 0;
	letter-spacing: 0.09rem;
}
.campaign-happybag .contents-item.product .summary {
	margin: 0 auto 0;
}
.campaign-happybag .contents-item.product .summary .item .name {
	font-size: 20px;
	margin: 18px 6% 0;
	font-weight: normal;
	line-height: 1.2;
}
.campaign-happybag .contents-item.product .summary .item .price {
	color: #b84141;
	font-size: 28px;
	margin: 0 6%;
}
.campaign-happybag .contents-item.product .summary .item .price span {
	font-size: 18px;
}
.campaign-happybag .contents-item.product {
	margin-top: 87px;
}
.campaign-happybag .product h4.title {
	background: url(../img/ttl-pc-set-item.jpg) no-repeat center;
	background-size: 100%;
	color: #8a8a8a;
	font-size: 26px;
	font-weight: normal;
	line-height: 1;
	text-align: center;
	margin: 50px auto 0;
	padding: 89px 0 14px;
	width: 94%;
	height: 46px;
}
.campaign-happybag .product .cordinate .desc {
    font-size: 19px;
    padding: 0 18px;
    text-align: left;
    line-height: 1.6;
}
.campaign-happybag .contents-item.product .detail .title p {
	padding: 20px 0 0;
	color: #000;
}
.campaign-happybag .contents-item.product .detail .cordinate {
	text-align: center;
	margin: 14px 1px 0;
}
.campaign-happybag .product .info .btn.add-cart {
	background: url(../img/btn-fukubukuro.jpg) no-repeat;
	background-size: 100%;
	font-size: 14px;
	padding: 27px 0px !important;
	height: 100px !important;
}
.campaign-happybag .product .info .btn.link {
	background: url(../img/btn-item.jpg) no-repeat;
	background-size: 100%;
	font-size: 14px;
	padding: 44px 0px;
	height: 13px !important;
}
.campaign-happybag .product .ttl-set {
	font-size: 18px;
}
.campaign-happybag .contents-item.product .detail .item-info .info .set {
	font-size: 14px;
	margin: 30px 0 20px;
	line-height: 1.6;
}
.campaign-happybag .contents-item.product .detail .item-info .info .stuff dl dt {
	color: #b84141;
}
.campaign-happybag .contents-item.product .detail .item-info .info .price {
	color: #b84141;
}
.campaign-happybag .contents-item.product .detail .item-info {
	margin: 0 auto 0;
}
#detail-anap-girl-c .cordinate .slick-dots li:last-child {
	display: none;
}
.campaign-happybag .contents-item.product .summary .item-container .inner {
	padding: 0;
}
.campaign-happybag .contents-item.product .detail .item-info .info .name span {
	color: #b84141;
}


/* attention */
.campaign-happybag .contents-item.attention {
	background: #attention;
}
.campaign-happybag .contents-item.attention .content ol li {
	margin: 6px 0;
	font-size: 16px;
}
.campaign-happybag .contents-item.attention h2.title, .campaign-happybag .contents-item.attention h3 {
	background: #3c3c3c;
	font-size: 62px;
	padding: 62px 0 50px;
	list-style: none;
}
.campaign-happybag .contents-item.attention .content ol {
	padding: 0;
}
.campaign-happybag .contents-item.attention h2 img {
	width: 50%;
	margin: auto;
}
.campaign-happybag #detail-anap-item-a,
.campaign-happybag #detail-anap-item-b,
.campaign-happybag #detail-anap-girl-c,
.campaign-happybag #detail-anap-kids-d {
	border-top: 1px solid #000;
	padding-top: 60px;
}
.campaign-happybag .contents-item.product .detail{
   margin-top: 60px;
}



.flex{
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-flow: row wrap;
	flex-wrap: wrap;
	-ms-flex-pack: flex-start;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	flex-wrap:wrap;
}


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

productコーデスライド

-------------------------------------*/
.slick .items {
	width: 799px;
	margin: auto;
}
.slick .slick-dots {
	display: flex;
	padding: 0 1%;
}
.slick li {
	list-style: none;
	width: 30%;
	margin: 3% 1.5%;
}
.slick li img {
	width: 100%;
}
#detail-anap-item-a .cordinate .slick-slide img,
#detail-anap-item-b .cordinate .slick-slide img,
#detail-anap-girl-c .cordinate .slick-slide img,
#detail-anap-kids-d .cordinate .slick-slide img {
	width: 71%;
	margin: auto;
}

.slick-arrow.slick-prev{
	left: 3px;
	background-image: url(../img/arrow-prev.png);
	background-size: 10%;
}
.slick-arrow.slick-next{
	right: 3px;
	background-image: url(../img/arrow-next.png);
	background-size: 10%;
}
.slick-arrow {
	z-index: 1000;
	position: absolute;
	top: 145px;
	width: 30%;
	height: 30%;
	background-repeat: no-repeat;
	background-position: center center;
	-moz-background-size: auto 100%;
	-webkit-background-size: auto 100%;
	background-size: auto 100%;
}
.slick-arrow.slick-next {
	right: -70px;
}
.slick-arrow.slick-prev {
	left: -70px;
}
.cordinate .slick-arrow {
	top: 280px;
}

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

スライドアニメーション

-------------------------------------*/
#slideshow {
   position: relative;
   width:  100%; /* 画像の横幅に合わせて記述 */
   height: 939px; /* 画像の高さに合わせて記述 */
}
#slideshow img {
	width: 799px;
   position: absolute;
   top: 0;
   left:1px;
   z-index: 8;
   opacity: 0.0;
}
#slideshow img.active {
   z-index: 10;
   opacity: 1.0;
}
#slideshow img.last-active {
   z-index: 9;
}



/*
.slideshow {
	position: relative;
	width: 100%;
	height: 860px;
}
.slideshow p {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8;
	opacity: 0.0;
	margin: 0;
	background-color: none;
	height: auto; 
}
.slideshow p.active {
	z-index: 10;
	opacity: 1.0;
}
.slideshow p.last-active {
	z-index: 9;
}
.slideshow p img {
	width: 90%; 
	height: auto;
	display: block;
	border: 0;
	margin: auto;
}
*/


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

その他

-------------------------------------*/
.dpy-block {
	display: block;
}
.dpy-none {
	display: none;
}