@charset "UTF-8";





.item{
	cursor: pointer;
}
.item + .item-focus{
	display: none;
}


.item + .item-focus{
	display: none;
}





.item-append{
	margin: 0 0 3rem;
	position: relative;

	background-color: #fff;
	transition: all .5s;
	padding: 3rem 0;
	width: 100vw;
    left: calc( 50%  - 50vw);
}
#fruit .item-append{
    left: calc( 34%  - 50vw - 8px );
}
.item-fluid .item-append{
    left: calc( 34%  - 50vw - 8px );
}
.item-focus{
	 max-width: 1140px;
	 margin: 0 auto;
}

.item-focus.item-focus-b{
	max-width:none;
	width: auto;
}

.item-open:after{
	content: " ";
	position: absolute;
	border-style: solid;

	border-color: transparent transparent #fff transparent; 
	border-width: 30px;
	bottom:0;
    left: calc( 50% - 30px ) ;
}
.item-open.item-b:after{
	bottom:-2.5rem;
}
.item-focus.open{
	transform: scaleY(0) translateX(-50%);
	transform-origin: top;
	animation: animation 1s alternate forwards;
}
.item-focus.open.item-append-type-b{
	transform: scaleY(0);
	animation: animation-b 1s alternate forwards;
}
@keyframes animation{
	0% {
		transform: scaleY(0) translateX(-50%);
		opacity: 0;
	}
	100% {
		transform: scaleY(1) translateX(-50%);
		opacity: 1;
	}
}
@keyframes animation-b{
	0% {
		transform: scaleY(0);
		opacity: 0;
	}
	100% {
		transform: scaleY(1);
		opacity: 1;
	}
}
.item-append.slide-up{
	animation: animation2 1s alternate forwards;
}
.item-append.item-append-type-b.slide-up{
	animation: animation2-b 1s alternate forwards;
}
@keyframes animation2{
	0% {
		transform: scaleY(1) translateX(-50%);
		opacity: 1;
	}
	100% {
		transform: scaleY(0) translateX(-50%);
		opacity: 0;
	}
}
@keyframes animation2-b{
	0% {
		transform: scaleY(1);
		opacity: 1;
	}
	100% {
		transform: scaleY(0);
		opacity: 0;t
	}
}
.item-close{
	position: absolute;
	top:0;
	right: 0;
	padding: .5rem;
	line-height: 1;
	margin: 1rem;
	cursor: pointer;
	z-index: 10;
	background: rgba(255, 255, 255, 0.9);
	border: 1px solid #ccc;
	color: #666;
}







.item {
}





.item-tn:after{

}


.item > .item-tn {
	position:relative;
	overflow: hidden;
	transition:transform 0.3s ease-out;
}

.item > .item-tn:after{
	content: ' ';
	position:absolute;
	width: 100%;
	height: 100%;
	border: 0px solid transparent;
	top: 0;
	left: 0;
	border: 0;
	right: 0;
	z-index:999;
}

.item:hover > .item-tn:after{
	border: 10px solid #ffffffab;

}


.item > .item-tn img {
	transition:transform 1.2s ease-out;
}

.item > .item-tn:hover img{
	 transform: scale(1.05);
	 
}


.item .item-detail {
	 margin: 0.5rem 0 2rem;
}

.item .item-detail small{
	line-height: 1.5;
	display: inline-block;
}

.text-ls0{
	letter-spacing: 0;
}


.item-name {
    font-size: 1.1rem;
    text-align: center;
    
}

.item-volume:before{
	content:'[';
	margin-left:0.2rem;
}

.item-volume:after{
	content:']';
}

.item-volume{
	font-size: 1rem;
    margin-right: 0.5rem;
}




.item-focus {

}

.item-image{



}







.item-tag{
	border-top: 1px solid rgba(157, 157, 157, 0.6);
	border-bottom: 1px solid rgba(157, 157, 157, 0.6);
	line-height:1.5;
	margin:1rem 0;
	padding:1rem;	
}

.item-branch-b .item-tag{
	padding: 0.5rem;
    font-size: 0.9rem;
    margin: 0.5rem 0;
}

.mfp-content .item-tag{
	margin:0;
	padding:0;	
}

.item-branch-b .item-price{
	display: block;
	text-align: right;
}



.item-tag span{

}

.item-focus .item-name {
	font-size: 1.5rem;
	display: block;
	text-align: left;
	margin: 0.5rem 0 1rem 0;
}



.item-branch .item-name {
	font-size: 1rem;
    display: block;
    text-align: left;
    margin: 0.5rem 0 0 0;
    
}

.item-branch .item-tn img{
	width: 230px;
	height: 230px;
	object-fit :contain;
	transition-property:none;
	font-family: 'object-fit: contain;'
}

img.img-cover{
	object-fit :cover !important;
	font-family: 'object-fit: cover;'
}

img.img-contain{
	object-fit :contain !important;
	font-family: 'object-fit: contain;'
}

.item-branch-b img.img-contain{
	height: 150px;
}


.box-note,
.item-branch-note{
	line-height: 1.3;
	margin: 2rem 0 2rem 0;
	list-style: none;
	
}

.item-branch-b .box-note{
	margin: 0;
	font-size: 0.9rem;	
}

.item-branch-note{
	font-size:0.8rem;
}

.box-note li,
.item-branch-note li{
	margin-bottom: 0.5rem;
	margin-left: 1rem;
}

.box-note li:before,
.item-branch-note li:before{
	content: "※";
	margin-left:-1rem;
}

.item-piece,
.item-content{
	display: inline-block;
}


.item-price {
	font-size: larger;
	display: inline-block;
}

.item-price:before {

}


.item-yen,
.item-tax {
	font-size: 0.6rem;
	letter-spacing: 0rem;
}

.item-tax{
	margin-right: 0.3rem;
}

.item-yen{
	margin-left: 0.1rem;
}






.item-branch .item-price{
	display: block;
}

.item-desc {
	margin: 1rem 0
}

.item-note{
	background-color: #eee;
	padding: 1rem;
	margin: 0.5rem;
	font-size: 0.8rem;
}

.item-horizontal br{
	display: none;
}
.item-horizontal .item-volume{
	margin-right: .5rem;
}







#christmas-winter-selection .item-name {
    font-size: 1.5rem;
    text-align: left;
}



#order .phone,
#order .fa-fax,
#order .tel{
	font-size: x-large;
}

#order .tel{
	margin-left: 0.1em;
}



#christmas-winter-selection .tel{
	font-size: large;
}



img.object-fit-clear{

}

.item-price{
	display: block;
	text-align: right;
}
@media screen and (max-width:768px){
	.item-append{
		padding-top: 4rem;
	}
	.item-open:after{
		content: none;
	}
	.item-branch-b img.img-contain{
		height: 300px;
	}
	.item-branch .item-tn img{
		width: 300px;
		height: 300px;
	}
}
@media screen and (max-width:480px){
	.item-focus .item-name{
		font-size: 1.1rem;
	}
	.item-fluid .item-append{
		left: calc( 50%  - 50vw);
	}
	h5.item-name{
		font-weight: bold;
	}
}
.item-focus > .row {
	width: 100%;
}