@charset "UTF-8";



.gift-category{
padding: 0;

    margin: 0 auto;
    box-sizing: border-box;
    line-height: 2;
    letter-spacing: .1em;
  --h1: 3rem;
  --h2: 2.5rem;
  --h3: 2rem;
--color-white:#fff;
--color-beige:#deb6a1;
--color-black:#403e3e;	
   --inner-width : 86%;
   --contents-margin : 15vw;
   --contents-s-margin : 10vw;
    background-color: #fff;
    color: #474d4f;

}

p{
margin:0;
padding:0;
}


h1 {
    font-weight: inherit;
    font-size: inherit;
    margin-block-start: unset;
    margin-block-end: unset
}

.contents-h1{
    font-weight: 550;
    font-size: var(--h1)!important;
    letter-spacing: .1em;
    text-align: center;
    line-height: 1.3;

}

.contents-h2{
    font-weight: 550;
    font-size: var(--h2);
    letter-spacing: .1em;
    text-align: center;
    line-height: 1.3;

}

.contents-h3{
    width: 100%;	
font-weight: 550;
    font-size: var(--h3);
    letter-spacing: .1em;
    text-align: center;
    line-height: 1.3;
    border-bottom: none;
}


a {
    color: inherit;
    text-decoration: none
}
img {
    zoom: 1;
    max-width: 100%;
    vertical-align: bottom
}
.animated {
    opacity: 0;
    transition-timing-function: ease-out
}
.v-top {
    vertical-align: text-top
}
.flex {
    display: -webkit-box;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.fix {
    position: fixed !important;
    width: 100%;
    overflow: hidden
}
.no-fix {
    position: relative !important
}

.text-center {
    text-align: center
}
.text-left {
    text-align: left
}
.text-right {
    text-align: right;
    width: 100%
}


.text-small {
    font-size: 10px;
    line-height: 1.65;
    letter-spacing: 0.08rem;
	vertical-align: top;
}
.text-small-wrap {
    display: inline-block;
    line-height: 1.7 !important;
    margin-top: 10px;
    width: 100%;
    text-align: left
}
.sp-block {
    display: block
}
.pc-block {
    display: none
}
.box-icon {
    border: solid 1px;
    font-size: 10.5px;
    line-height: 1;
    padding: 1.5px 6px 3px;
    margin: 0 6px 0 10px;
    letter-spacing: normal;
    display: inline-block;
    width: fit-content;
}

.lp-btn {
    font-size: var(--15px);
    position: relative;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 16.6666vw;
    margin: 0 auto;
    padding: 0;
    border: 0;
    background: #ffffffeb;
    z-index: 5;
    letter-spacing: 0.15em;
    -webkit-box-shadow: 1.86667vw 1.86667vw 3.6vw 0 rgb(163 163 163 / 3%);
    box-shadow: 1.86667vw 1.86667vw 3.6vw 0 rgb(163 163 163 / 3%);
    transition: all 0.3s;
}
.lp-btn:active,
.lp-btn:hover {
        background: #fbefe4;
    transition: all 0.3s;
}
.lp-btn:after {
    content: '';
    width: 6px;
    height: 6px;
    border: 0;
    border-top: solid 1.5px;
    border-right: solid 1.5px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: calc(50% - 4px);
    right: 15px;
}

.jquery-disabled{
    -webkit-box-shadow: none;
    background-color: #c8cdd2;
    color: #4451597d;
}

.jquery-disabled img{
opacity: 0.4;
}

.jquery-disabled:active,
.jquery-disabled:hover{
        background-color: #c8cdd2;
   
}

.contents-title {
        text-align: center;
    font-size: var(--h2);
    color: var(--color-white);
margin-bottom: 15px;
}

.contents-inner{
    width: var(--inner-width);
    margin: 0 auto;
     z-index: 4; 
     position: relative;
}

.scaleIn img {
    opacity: 1;
    transform: scale(1) !important;
    transition: all 4s cubic-bezier(0.15,.96,0.56,.99)
}


.block-topic-path{
    display: none;
}


.fv{

    height: calc((var(--vh,1vh) * 100) - 63px - 35px - 0px);
    position:fixed;
    z-index: 3;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.fv-img{
height: calc((var(--vh,1vh) * 100) - 63px - 35px - 0px);
    position: relative;
    width: 100%;
    display: block;
background: linear-gradient(to bottom, #e3ebec 10%, #e5eef1 80%);
}

.fv-img img{
object-fit: cover;
    width: inherit;
    height: inherit;
    position: absolute;
    object-position: center;
    max-width: 1920px;
}

.fv .contents-h1{
    color: var(--color-white);
margin-bottom: 25px;
}

.fv .fv-txt{
    position: absolute;
    z-index: 2;
    margin: auto;
    left: 0;
    right: 0;
    text-align: center;
    top: 23%;
    line-height: 2.6;
    transform: translate(0px, -50%);
}

.ancer{
    padding-top: var(--contents-s-margin);
    padding-bottom: var(--contents-s-margin);
    background-color: #edeeef;

}

.inner-contents{
    width: var(--inner-width);
    margin: 0 auto;
    justify-content: space-between;	
}

.box-2clm{
	width: 48%;
    flex-direction: column;
    margin-bottom: 15px;
    background-color: #fff;
    -webkit-box-shadow: 1.86667vw 1.86667vw 3.6vw 0 rgb(163 163 163 / 3%);
    box-shadow: 1.86667vw 1.86667vw 3.6vw 0 rgb(163 163 163 / 3%);
}

.box-2clm .img{
width: 100%;
}

.box-2clm .img img{
object-fit: cover;
    width: 100%;
    height: 100%;
}


.box-2clm .txt{
width: 100%;
    justify-content: center;
    font-weight: 500;
    line-height: 1.8;
    padding: 15px;
    flex-direction: column;
    text-align: center;
}
.box-2clm .txt span{
	font-size: 12px;
}
.box-2clm .txt .icon{
    display: block;
    width: fit-content;
    background-color: var(--color-beige);
    color: var(--color-white);
    padding: 1.6px 5.5px 0.4px;
    font-size: 11.5px;
    margin-bottom: 4px;
    line-height: 1.4;
    letter-spacing: .06em;

}



.servise{
    background-color: #fef3ee;	
}

.servise-mv img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.servise .contents-h2{
    margin-top: var(--contents-s-margin);
    margin-bottom: 15px;
    color: var(--color-black);
}

.servise .contents-h3{
    margin-bottom: var(--contents-s-margin);
    color: var(--color-black);

}


.item-list-wrap{

    margin-top: var(--contents-margin);
    padding-bottom: var(--contents-s-margin);
}



.servise .item-list-item {
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: var(--contents-s-margin);
background-color: #ffffffbf;
    padding-bottom: 20px;
    flex-direction: column;
}
.servise .item-list-item .img{
	position: relative;
}

.servise .item-list-item .img .text-small{
    position: absolute;
    bottom: 10px;
    right: 10px;
	
}
/*NEWITEM*/
#newitem.servise{
background-color: #fef3ee;	
}
.item-list-item,.item-list-item2{
	position: relative;
}
.item-list-item-icon{
	left: 0;
	position: absolute;
	background-color: var(--color-black);
	color: var(--color-white);
	padding: 2px 5.5px 1px;
	font-size: 13px;
	line-height: 1.4;
	letter-spacing: .06em;
	    z-index: 2;
}
.item-list-item2 .item-list-item-icon{
		font-size: 11px;
}
.item-list-item .catch{
    margin: 20px auto 10px;
    font-size: 15px;
    letter-spacing: .12em;
    width: var(--inner-width);
}

.item-list-item .name{
    width: var(--inner-width);
    line-height: 1.7;
   margin: 10px auto;
}

.item-list-item .flex{
    width: var(--inner-width);
    margin: 0 auto 10px;
    justify-content: space-between;
    align-items: flex-end;
}


.item-list-item .detail{
font-size: 12px;
    letter-spacing: .06rem;
    width: 50%;
    line-height: 1.8;
}


.item-list-item .btn{
    background-color: #333;
    color: #fff;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
padding: 0 20px;

}

.item-list-wrap-mini{
    justify-content: center;
}

.item-list-item2 .img{
    background-color: #fff;
    text-align: center;
    position: relative;
}

.item-list-item2 .img img{
    width: 80%;
}

.box-1clm{
    width: 47.5%;
    margin-right: 5%;
    background-color: #ffffffbf;
    align-items: center;
    flex-direction: column;
    margin-bottom: 5%;
    padding-bottom: 15px;
}

.box-1clm .btn{
    background-color: #333;
    color: #fff;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(var(--inner-width) - 5px);
    font-size: 13px;
}

.box-1clm:nth-child(2n){
       margin-right: 0;
}

.box-1clm .name{
    width: var(--inner-width);
    line-height: 1.6;
    font-size: 13px;
    margin-top: 15px;
    flex-grow: 1;
}

.box-1clm .detail{
    padding: 5px;
    font-size: 12px;
    letter-spacing: .06rem;
    width: var(--inner-width);
    line-height: 1.6;
    margin: 10px auto;
}

.box-1clm .btn{
    background-color: #333;
    color: #fff;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--inner-width);
}

.cate-anc-wrap{
    background-color: #edeeef;
    padding-bottom: var(--contents-s-margin);
    margin-bottom: var(--contents-s-margin);
}

.cate-anc-wrap .contents-h3{
    font-weight: 500;
    font-size: calc(var(--h3) - .5rem);
    width: 100%;
    margin-bottom: calc(var(--contents-s-margin) - 2vw);
    padding-top: var(--contents-s-margin);
}


#wrappingitem + .flex{
justify-content: center;
}



.cate-anc-wrap .box-1clm .text-small{
    font-size: 12px;
    margin-top: 10px;
}


.cate-anc-wrap .box-1clm__mini{
    width: 31%!important;
    margin-right: 3.5%;
}

.cate-anc-wrap .box-1clm__mini .text-small{
    font-size: 11px;
    margin-top: 10px;
    letter-spacing: normal;
}

.cate-anc-wrap .box-1clm__mini:nth-child(3n){
margin-right: 0;
}


.change_contents{
     width: 92vw;
    margin: 0 auto;
}

.block-category-list--event {
    border-top: none;
}





.change_contents{
display:none;
}

.pricegift1_contents{
display:block;}


.block-goods-list-d--item > h2, .block-goods-detail-j--item > h2 {
    display: none;}

.cate_title_wrap{
    text-align: center;
    margin-bottom: var(--contents-s-margin);
}

.cate_title_wrap .cate_title{
text-align: center;
    width: 100%;
    font-weight: 500;
    font-size: calc(var(--h3) - 1rem);
}



.cs_wrap{
    background-color: #f7f7f7;
    margin: 80px 25px;
    padding: 25px 25px 10px;
position: relative;
}

.cs_wrap .ilst_wrap{
display: flex;
    justify-content: space-between;
}

.cs_wrap .ilst_wrap .txt{
width: 55%;
}

.cs_wrap .ilst_wrap .ilst{
width: 39%;
}


.cs_wrap .btn{
border: solid 1px;
    width: 100%;
    margin: 20px 0;
    max-width: 350px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.cs_wrap .btn:after{
    position: absolute;
    right: 20px;
    top: calc(50% - 5px);
    display: block;
    content: '';
    width: 8px;
    height: 8px;
    background: none;
    border-top: solid 1px #333333;
    border-right: solid 1px #333333;
    transform: rotate(45deg);
}
#e-gift{
    margin: 30px 0 0;	
position: relative;	
background-color: #fff;
padding: 15px;
border: solid 1px;
    display: flex;
    justify-content: flex-start;	
}	
#e-gift .img{
width: 48%;
	padding-right: 10px;
}
#e-gift .p{
	width: 48%;
font-weight: 550;
    line-height: 1.8;	
}
#e-gift .p span{
	display: inline-block;
    margin-top: 10px;
    font-weight: normal;
}
#e-gift:after{
content: '';
    width: 8.5px;
    height: 8.5px;
    border: 0px;
    border-top: solid 1.8px;
    border-right: solid 1.8px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 52%;
    right: 13px;
    margin-top: -4px;
}




@media screen and (min-width: 680px){

	

.fv{
       height: calc((var(--vh,1vh) * 80) - 63px - 35px - 0px);
    min-height: 650px;
}

.fv-img{
       height: 100%;
}

.gift-category{
    --contents-margin: 100px;
    --contents-s-margin: 50px;
    --h1: 5rem;
    --h2: 4rem;
    --h3: 3rem;
}

.pane-contents .container .pane-main{
    width: 100%;
}

.fv .fv-txt{
         left: 50%;
        top: 50%;
        width: 50%;
}

.fv .fv-txt p{
    font-size: 16.5px;
}

.inner-contents{
    margin: 0 auto;
    max-width: 1024px;
    width: calc(100% - 120px);
}

.ancer{
    padding-top: var(--contents-margin);
    padding-bottom: var(--contents-margin);
}

.ancer .box-2clm{
    width: 19%;

}

.ancer .inner-contents{
    justify-content: space-between;
}


.ancer .box-2clm .txt{
    padding: 20px;
    align-items: center;
}

.servise{
    position: relative;
}

.servise-mv{
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 60vh;
}

.servise-mv + .inner-contents{
    height: 60vh;
    width: 50%;
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
justify-content: center!important;
    padding: var(--contents-margin);
    font-size: 15px;
}

.servise .inner-contents{
    justify-content: space-between;
}


.servise .contents-h3{
    width: 100%;
}

.item-list-wrap{
    width: 100%;
}

.servise .item-list-item{
    width: 32%;
    margin-bottom: 5%;
padding-bottom: 3%;
    align-items: flex-start;
}

.servise .item-list-item .img{
    width: 100%;
position: relative;
}

.servise .item-list-item .img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.item-list-item .name{
    margin-bottom: 20px;
}

.item-list-wrap-mini {
    justify-content: space-between;
}

.item-list-item2{
    width: 23%!important;
    margin-right: 0!important;
    padding-bottom: 2.5%;
}


.cate-anc-wrap{
padding-top: var(--contents-s-margin);
margin-bottom: var(--contents-margin);
}

.cate-anc-wrap .contents-h3{
    font-size: calc(var(--h3) - 1rem);
    margin-bottom: var(--contents-s-margin);
    padding-top: var(--contents-s-margin);

}

.cate-anc-wrap .box-1clm{
    padding-bottom: 10px;
    width: 23%!important;
    margin-right: 2%!important;
}


.cate-anc-wrap .box-1clm .text-small {
    font-size: 15px;
    margin-top: 10px;
}

.cate-anc-wrap .box-1clm .img{
width: 100%;
}

.cate-anc-wrap .box-1clm .img img{
width: 100%;
    height: 100%;
    object-fit: cover;
}

.cate-anc-wrap .box-1clm:nth-child(4n) {
    margin-right: 0!important;
}

#kakaku{
    justify-content: center;
}

.cate-anc-wrap .box-1clm__mini{
    width: 18%;
    margin-right: 2%;
}

.cate_title_wrap {
    text-align: center;
    margin-bottom: var(--contents-margin);
}

.change_contents {
    margin: 0 auto;
    max-width: 1024px;
    width: calc(100% - 120px);
}

.block-goods-list-d li h2, .block-goods-list-l li h2{
    display: none;

}

.cs_wrap {
    background-color: #f7f7f7;
    padding: 50px;
    position: relative;
    margin: 100px auto;
    width: 700px;
}

.cs_wrap .ilst_wrap .ilst {
    width: 22%;
    position: absolute;
    right: 50px;
    top: 50px;
}
	#e-gift{
	width: 55%;
    margin: auto;
    align-items: center;	
	}

}