@charset "UTF-8";

.ecm-main__inner {
	max-width: 960px;
	margin: 0 auto;
	overflow: hidden;
}
.ecm-main__inner.giftset-child {
	margin: 79px auto 0;
}
.ecm-bootstrap ul {
	display: flex;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 16px 0 0 0;
}
.ecm-main .category__header-title {
	font-weight: 500;
    font-size: 24px;
    line-height: 1.4;
    margin-bottom: 0;
}
/*-------------------------------
■kv
-------------------------------*/
.kv__inner .kv__inner-txt {
    margin: 70px 0px 0px 0px;
    text-align: center;
    font-size: 18px;
    line-height: 1.6;
}
/*-------------------------------
■point
-------------------------------*/
.point {
	display: flex;
	justify-content: center;
	margin: 33px 0px 0px 0px;
}
/*-------------------------------
■floatnav
-------------------------------*/
.ecm-lp-floatnavi {
	top: 170px;
	right: 0px;
	position: fixed;
	z-index: 10;
	visibility: hidden;
	transition: opacity .3s ease-in-out, visibility 0s linear .5s;
}
.ecm-lp-floatnavi.show {
    visibility: visible;
    opacity: 1;
    transition: opacity .3s ease-in-out;
}
.ecm-lp-floatnavi li{
	list-style-type: none;
}
.ecm-lp-floatnavi img {
	width: 136px;
	height: auto;
}
/*-------------------------------
■giftset
-------------------------------*/
.giftset {
	display: flex;
    justify-content: center;
    margin: 80px 0px 0px 0px;
}
.giftset__inner-subtit {
	margin-bottom: 20px;
    font-weight: 700;
	text-align: center;
}
.giftset__inner .giftset__inner-shopping {
	display: flex;
    padding: 10px 95px 10px 120px;
    gap: 4px;
}
.giftset__inner-shopping .giftset__inner-shopping--img {
	margin: 10px 0px 0px 0px;
}
.giftset__inner-shopping .giftset__inner-shopping--img img {
	width: 315px;
}
.giftset__inner .giftset__inner-shopping--txt {
    padding: 0px 0px 0px 19px;
}
.giftset__inner-shopping--txt .shopping__txt-tit {
	font-size: 18px;
	margin: 0px 0px 0px 19px;
}
.giftset__inner-shopping--txt .shopping__txt-lead {
	margin: 15px 0px 0px 18px;
    font-size: 12px;
	line-height: 1.4;
	color: #737373;
}
.giftset__inner-shopping--txt .shopping__txt-price {
	margin: 39px 0px 0px 18px;
	padding: 0px 0px 0px 58px;
}
.shopping__txt-price .cancellation {
    color: #999;
}
.td_lt {
	text-decoration: line-through;
}
.shopping__txt-price .saleprice {
	color: #d80c18;
	font-weight: 700;
	font-size: 18px;
	line-height: 2;
}
.giftset__inner-shopping--txt .shopping__txt-btn button {
	background-color: #2D2926;
	border: solid 2px #2D2926;
    color: #ffff;
    padding: 14px 102px 14px 142px;
    border-radius: 25px;
	margin: 29px 0px 0px 0px;
	position: relative;
}
.giftset__inner-shopping--txt .shopping__txt-btn button:before {
	content: "";
    width: 20px;
    height: 20px;
	top: 28%;
    left: 30%;
	background: url(../img/pc/img_cart.png);
	background-size: 20px 20px;
	background-repeat: no-repeat;
    position: absolute;
}
.giftset__inner-shopping--txt .shopping__txt-link {
	text-align: center;
    font-size: 14px;
	font-weight: 600;
    margin: 20px 0px 0px -18px;
}
.giftset__inner-shopping--txt .shopping__txt-link a {
	text-decoration: underline;
}
.shopping__toggle-txt .shopping__toggle-txt--item {
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 41px auto 0;
    gap: 32px 15px;
}
.shopping__toggle-txt--annotation{
	color: #6A6A6A;
    font-size: 8px;
	line-height: 1.5;
    margin: 16px 0px 0px 0px;
    padding: 0px 0px 0px 40px;
}
@media screen and (min-width:961px) {
	.shopping__toggle-txt .shopping__toggle-txt--item.--col5 {
		width: 656px;
	}
}
/*-------------------------------
■shoppingToggle
-------------------------------*/
.shopping__toggle-tit {
	margin: 118px 0px 0px 0px;
    font-size: 24px;
    font-weight: 500;
	padding: 0px 0px 14px 0px;
    border-bottom: solid 1px #2D2926;
	position: relative;
}
.shopping__toggle-tit:hover {
	cursor: pointer;
}
.giftset-child .shopping__toggle-tit {
	margin: 71px 0px 0px 0px;
}
.giftset__inner-shopping--toggle .shopping__toggle-tit:after {
	content: "";
    width: 14px;
    height: 2px;
    background: #2D2926;
    border-radius: 50px;
    top: 10px;
    right: 6px;
    transition: all 0.2s ease;
    position: absolute;
}
.giftset__inner-shopping--toggle .shopping__toggle-tit:before {
    content: "";
    width: 14px;
    height: 2px;
    background: #2D2926;
    border-radius: 50px;
    top: 10px;
    right: 6px;
    transform: rotate(90deg);
    transition: all 0.2s ease;
    position: absolute;
}
.giftset__inner-shopping--toggle .shopping__toggle-tit.open:before {
	transform: rotate(0deg);
}
.giftset__inner-shopping--toggle .shopping__toggle-txt {
	display: none;
}
/*-------------------------------
■giftwrap
-------------------------------*/
.giftwrap {
	max-width: 880px;
}
.giftwrap .giftwrap__inner {
	display: flex;
	justify-content: center;
	margin: 120px 0px 0px 0px;
}
.giftwrap__inner .giftwrap__inner-txt {
	padding: 55px 115px 0px 20px;
    font-size: 12px;
    line-height: 1.5;
}
.giftwrap__inner-txt .giftwrap__inner-annotation {
	margin: 20px 0px 0px 0px;
	color: #6A6A6A;
}
.giftwrap__btn {
	display: flex;
	justify-content: center;
	margin: 40px 0px 0px 0px;
}
.giftwrap__btn a {
	font-size: 16px;
	font-weight: 500;
	border: solid 1px #2D2926;
	padding: 15px 108px 15px 81px;
	border-radius: 24px;
	position: relative;
}
.giftwrap__btn a:after {
	content: "";
    width: 8px;
    height: 14px;
    top: 36%;
    right: 32%;
    background: url(../img/pc/img_arrow.png);
    background-size: 8px 14px;
    background-repeat: no-repeat;
    position: absolute;
}
/*-------------------------------
■lp_banner
-------------------------------*/
.recommend{
	margin: 80px auto;
}
.recommend01 img,
.recommend02 img {
	width: 465px;
}
.lp-banners-list {
  display: grid;
  grid-template-columns: repeat(2, auto);
  gap: 16px;
  justify-content: center;
  max-width: 100%;
}

.lp-banners-item {
  cursor: pointer;
}
.lp-banners-item:hover {
  opacity: 0.7;
  -webkit-transition: ease 0.3s;
  transition: ease 0.3s;
}
@media screen and (max-width:960px) {
	.recommend01 img,
	.recommend02 img {
		width: 100%;
	}
}
/*-------------------------------
■other
-------------------------------*/
.pc_block {
	display: block;
}
.sp_block {
	display: none;
}
.pc-br {
	display: none;
}
.sp-br {
	display: none;
}
@media screen and (min-width:961px) {
	/*-------------------------------
	■floatnav
	-------------------------------*/
	.ecm-lp-floatnavi {
        max-width: 1750px;
        left: 0;
        right: 0;
        opacity: 1;
		margin: 0 auto;
    }
	.ecm-lp-floatnavi .ecm-lp-navi {
		width: 136px;
        border: none;
        position: absolute;
        top: 0px;
        right: 45px;
	}
	.pc-br {
		display: inline;
	}
}
@media screen and (max-width:960px) {
	.ecm-main {
		padding: 0;
	}
	.ecm-main__inner {
		width: 100%;
		padding: 0% 4.4%;
	}
	.ecm-main .category__header-title {
        font-size: 18px;
    }
	/*-------------------------------
	■kv
	-------------------------------*/
	.kv__inner .kv__inner-txt {
		margin: 42px 0px 0px 0px;
		font-size: 4.1vw;
		line-height: 1.5;
	}
	.kv .kv__inner-img img {
		width: 100%;
	}
	/*-------------------------------
	■point
	-------------------------------*/
	.point {
		margin: 26px 0px 0px 0px;
	}
	.point__inner .point__inner-img img {
		width: 100%;
	}
	/*-------------------------------
	■floatnav
	-------------------------------*/
	.ecm-lp-floatnavi {
		position: static;
		margin: 35px 0px 0px 0px;
		visibility: visible;
	}
	.ecm-lp-floatnavi .ecm-lp-navi{
		display: flex;
		justify-content: center;
		padding: 0% 2%;
	}
	.ecm-lp-floatnavi img {
		width: 100%;
	}
	/*-------------------------------
	■giftset
	-------------------------------*/
	.giftset {
		margin: 32px 0px 0px 0px;
	}
	.giftset__inner .giftset__inner-shopping, .giftset-child {
		flex-flow: column;
		padding: 0% 3%;
	}
	.giftset-child > .giftset__inner-shopping--child {
		padding: 0;
	}
	.giftset__inner .giftset__inner-shopping--child {
		margin: 16px 0px 0px 0px;
	}
	.giftset__inner .giftset__inner-tit {
		display: flex;
		justify-content: center;
	}
	.giftset__inner .giftset__inner-tit img {
		width: 96vw;
	}
	.giftset__inner-shopping .giftset__inner-shopping--img {
		margin: 0px 0px 0px 0px;
    	display: flex;
    	justify-content: center;
	}
	.giftset__inner-shopping .giftset__inner-shopping--img img {
		width: 86%;
	}
	.giftset__inner .giftset__inner-shopping--txt {
		padding: 0% 0%;
		text-align: center;
	}
	.giftset__inner-shopping--txt .shopping__txt-tit {
		font-size: 4.6vw;
		letter-spacing: -4%;
		margin: 9px 0px 0px 0px;
		line-height: 1.5;
	}
	.giftset__inner-shopping--txt .shopping__txt-lead {
		text-align: center;
		margin: 7px 0px 0px 0px;
		font-size: 3.1vw;
	}
	.giftset__inner-shopping--txt .shopping__txt-price {
		margin: 21px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		text-align: center;
	}
	.shopping__txt-btn {
		display: flex;
		justify-content: center;
	}
	.giftset__inner-shopping--txt .shopping__txt-btn button {
		margin: 38px 0px 0px 0px;
		padding: 14px 95px 14px 135px;
		letter-spacing: -5%;
	}
	.giftset__inner-shopping--txt .shopping__txt-btn button:before {
		left: 29%;
	}
	.giftset-child .giftset__inner-shopping--txt .shopping__txt-btn button:before {
		left: 27%;
	}
	.giftset-child .giftset__inner-shopping--txt .shopping__txt-btn button {
		padding: 14px 95px 14px 123px;
	}
	.giftset__inner-shopping--txt .shopping__txt-link {
		margin: 14px 0px 0px -12px;
	}
	.giftset__inner-shopping--txt .shopping__txt-link a {
		position: relative;
		line-height: 1.4;
	}
	.giftset__inner-shopping--txt .shopping__txt-link a:after {
		content: "";
		width: 6px;
		height: 10px;
		background: url(../img/sp/img_arrow.png);
		background-repeat: no-repeat;
		background-size: 100%;
		top: 30%;
		right: -14%;
		position: absolute;
	}
	/*-------------------------------
	■shoppingToggle
	-------------------------------*/
	.shopping__toggle-tit {
		font-size: 4.6vw;
		padding: 0px 0px 18px 0px;
		margin: 74px 0px 0px 0px;
	}
	.giftset-child .giftset__inner-shopping--toggle {
		padding: 0% 1.4%;
	}
	.giftset__inner-shopping--toggle .shopping__toggle-tit:after {
		width: 4vw;
		right: 1.8%;
    	top: 29%;
	}
	.giftset__inner-shopping--toggle .shopping__toggle-tit:before {
		width: 4vw;
		top: 29%;
    	right: 1.8%;
	}
	.shopping__toggle-txt .shopping__toggle-txt--item {
		flex-flow: column;
		gap: 17px;
	}
	.shopping__toggle-txt .shopping__toggle-txt--item img{
		width: 100%;
	}
	.shopping__toggle-txt--annotation {
		margin: 18px 0px 0px 0px;
    	padding: 0px 0px 0px 0px;
	}
	/*-------------------------------
	■giftwrap
	-------------------------------*/
	.giftwrap .giftwrap__inner {
		flex-flow: column;
		margin: 64px 0px 0px 0px;
	}
	.giftwrap__inner .giftwrap__inner-img {
		display: flex;
		justify-content: center;
	}
	.giftwrap__inner .giftwrap__inner-txt {
		font-size: 3.6vw;
		text-align: center;
		padding: 24px 0px 0px 0px;
	}
	.giftwrap__inner-txt .giftwrap__inner-annotation {
		margin: 25px 0px 0px 0px;
		padding: 0% 3.3%;
		font-size: 3.1vw;
		text-align: left;
	}
	.giftwrap__btn {
		margin: 30px 0px 0px 0px;
	}
	/*-------------------------------
	■lp_banner
	-------------------------------*/
	.lp-banners-list {
		grid-template-columns: repeat(1, auto);
	}
	/*-------------------------------
	■other
	-------------------------------*/
	.ecm-bootstrap .ecm-breadcrumbs  {
		margin: 0% 4%;
	}
	.pc_block {
		display: none;
	}
	.sp_block {
		display: block;
	}
	.sp-br {
		display: inline;
	}
}