
/* common
===============================================================*/
		.swiper-container{
			width:100%;
			text-align: center;
		}
		.swiper-container .swiper-slide {
			width: 100%;
			overflow:hidden;
		}
		.swiper-container .swiper-slide img{
			width: 100%;
			height: auto;
			vertical-align:bottom;
		}

/*
div#SideBar .price_search {
    display: none;
}
*/

.deli_info {
	background-color:#f3f1ed;
	padding:22px 10px;
	position:relative;
	/* top:-40px; */
	left:0;
}

.deli_info dl {
	width:100%;
	max-width:960px;
	margin:0 auto;
	zoom:1;
	
}

.deli_info dl dt {
	padding:0 0 0 37px;
	background:url(../images/top/info.svg) no-repeat 0 0;
	background-size:23px 21px;
}

.deli_info dl dd  p {
	position:relative;
	padding:0 0 0 150px;
}

.deli_info dl dd  p span {
	width:145px;
	position:absolute;
	top:0;
	left:0;
}

.deli_info dl dd  p span:after {
	content:'：';
	position:absolute;
	top:0;
	right:0;
}

.deli_info dl:before, .deli_info dl:after { content:""; display:table; }
.deli_info dl:after { clear:both; }


/* mainarea
===============================================================*/
.mainarea {
	margin:0 0 3px 0;
}

.mainarea .area01 .p00 img {
	width:100%;
	height:auto;
}

.mainarea .area01 .p01 {
	width:58.6%;
	box-sizing:border-box;
	padding:0 1px 0 0;
	box-sizing:border-box;
	float:left;
	overflow:hidden;
}

.mainarea .area01 .p01 {
	width:58.6%;
	box-sizing:border-box;
	padding:0 1px 0 0;
	box-sizing:border-box;
	float:left;
	overflow:hidden;
}

.mainarea .area01 .p01 img {
	width:100%;
	max-width:640px;
}

.mainarea .area01 .mr {
	width:41.4%;
	box-sizing:border-box;
	float:right;
}

.mainarea .area01 .mr .p02 {
	padding:0 0 3px 2px;
	text-align:right;
}

.mainarea .area01 .mr .p03 {
	padding:0 0 0 2px;
	text-align:right;
}

.mainarea .area01 .mr .p02 img ,
.mainarea .area01 .mr .p03 img {
	width:100%;
	max-width:451px;
}

.mainarea .area01 a {
	display:block;
	transition: all 300ms 0s ease;
}

.mainarea .area01 a:hover {
	opacity:0.7;
}


.mainarea .flex-control-nav {
	display:none;
}

.mph {
	width:100%;
	margin:0 0 1px 0;
	position:relative;
}

.mph .flex-viewport {
	width:100%;
}

.mph .flex-viewport li {
	width:100%;
}

.mph .flex-prev {
	display:block;
	width:36px;
	height:68px;
	background:url(../images/top/left.png) no-repeat 0 0;
	z-index:200;
	text-align:left;
	text-indent:-9999px;
	position:absolute;
	top:50%;
	left:0;
}

.mph .flex-next {
	display:block;
	width:36px;
	height:68px;
	background:url(../images/top/right.png) no-repeat 0 0;
	z-index:200;
	text-align:left;
	text-indent:-9999px;
	position:absolute;
	top:50%;
	right:0;
}

.mph img {
	width:100%;
}

.sph {
	width:100%;
}

.sph img {
	width:100%;
}


/* pickup
===============================================================*/
.pickup {
	padding:0 67px 40px 67px;
}

.pickup .box {
	width:25%;
	float:left;
}

.pickup .box p.ph {
	border-right:#fff 1px solid;
	overflow:hidden;
}

.pickup .box p.ph img {
	width:100%;
	transition: all 300ms 0s ease;
}

.pickup .box a:hover p.ph img {
	transform: scale(1.1);
}


.pickup .box p.txt {
/*	padding:15px 20px; */
	border-right:#e4e4e4 1px solid;
	border-bottom:#e4e4e4 1px solid;
    font-size: 14px;
    letter-spacing: -0.05em;
    padding: 15px 0 15px 20px;
}

.pickup .box:nth-child(4n+2) p.txt {
	border-left:#e4e4e4 1px solid;
}


#item_list .row > div {
	width:25%;
	float:left;
}

#item_list .item_photo {
	overflow:hidden;
	padding:0 5px 5px 5px;
	
}

#item_list .item_photo img {
	width:100%;
    transition: all 300ms 0s ease;
}

#item_list a{
    text-decoration:none;	
}

#item_list a:hover {
    text-decoration:underline;	
}

#item_list a:hover .item_photo img {
    /*transform: scale(1.1);*/
	
}

#item_list .item_comment ,
#item_list dl {
	padding:0 8px 5px 8px;
	
}

#item_list .item_name {
	line-height:1.3;
	padding:0 0 5px 0;	
}

#item_list .item_price span {
    font-size: 18px;
    font-weight: bold;
    font-family: 'Arvo', serif;
}


/* banner_area
===============================================================*/
.banner_area {
	padding:0 67px 40px 67px;
}

.banner_area p {
	padding:0 0 34px 0;
}

/*
.banner_area ul {
	margin:0 -3px 20px 0;
}

.banner_area ul li {
	width:30%;
	box-sizing:border-box;
	border-right:#ffffff 3px solid;
	border-bottom:#ffffff 3px solid;
	float:left;
}

.banner_area img {
	width:100%;
	height:auto;
}

.banner_area a {
	display:block;
	transition: all 300ms 0s ease;
}

.banner_area a:hover {
	opacity:0.7;
}
*/
.banner_area img {
	width:100%;
	height:auto;
}

.banner_area ul {
	margin:0 -1.24%;
}
.banner_area ul li:first-child {
    display: block;
    float: left;
    margin: 0 1.24% 2.48%;
    width: auto;
    max-width: 100%;
}

.banner_area ul li:first-child a {
    transition: all 300ms 0s ease;
}

.banner_area ul li:first-child a:hover {
    opacity:0.7;
}

.banner_area ul li:nth-child(n + 2) {
    display: block;
    float: left;
    margin: 0 1.24% 2.48%;
    width: calc(100% / 3 - 2.48%);
}

@media screen and (max-width: 1050px) {
	
    .banner_area ul li:nth-child(n + 2) {
        margin: 0 1.24% 2.48%;
        width: calc(100% / 2 - 2.48%);
    }
    .banner_area ul li:nth-child(even) {
        clear: both;
    }

}


/* gift
===============================================================*/
.gift {
	padding:36px 67px 40px 67px;
	margin:0 0 36px 0;
	background-color:#f3f1ed;
}

.gift .box h4 {
	padding:0 1px 3px 1px;
}

.gift .box h4 img {
	width:100%;
}

.gift .box_l {
	max-width:467px;
	width:50%;
	box-sizing:border-box;
	padding:0 10px 0 0;
	float:left;
}

.gift .box_r {
	max-width:467px;
	width:50%;
	box-sizing:border-box;
	padding:0 0 0 10px;
	float:right;
}

.gift .box ul li {
	width:50%;
	box-sizing:border-box;
	padding:1px;
	float:left;	
}

.gift .box ul li a {
	display:block;
	text-align:center;
	padding:98px 0 14px 0;
	text-decoration:none;
	transition: all 300ms 0s ease;
}

.gift .box ul li a:hover {
	opacity:0.7;
	text-decoration:underline;
}
/* 
.gift .box ul li.bg2 a {
	opacity:0.5;
	cursor: default;
}

.gift .box ul li.bg2 a:hover {
	text-decoration:none;
	color:#292929;
	opacity:0.5;
} */

.gift .box ul li.bg1 a {
	background:url(../images/top/bg01.jpg) no-repeat #fff center top;
}

.gift .box ul li.bg2 a {
	background:url(../images/top/bg02.jpg) no-repeat #fff center top;
}

.gift .box ul li.bg3 a {
	background:url(../images/top/bg03.jpg) no-repeat #fff center top;
}

.gift .box ul li.bg4 a {
	background:url(../images/top/bg04.jpg) no-repeat #fff center top;
}

.gift .box ul li.bg5 a {
	background:url(../images/top/bg05.jpg) no-repeat #fff center top;
}

.gift .box ul li.bg6 a {
	background:url(../images/top/bg06.jpg) no-repeat #fff center top;
}

.gift .box ul li.bg7 a {
	background:url(../images/top/bg07.jpg) no-repeat #fff center top;
}

.gift .box ul li.bg8 a {
	background:url(../images/top/bg08.jpg) no-repeat #fff center top;
}

.gift .box ul li.bg9 a {
	background:url(../images/top/bg09.jpg) no-repeat #fff center top;
}

.gift .box ul li.bg10 a {
	background:url(../images/top/bg10.jpg) no-repeat #fff center top;
}

.gift .box ul li.bg11 a {
	background:url(../images/top/bg11.jpg) no-repeat #fff center top;
}

.gift .box ul li.bg12 a {
	background:url(../images/top/bg12.jpg) no-repeat #fff center top;
}

.gift .box ul li a span {
	padding:0 20px 0 0;
	background: url(../images/common/ar_r02.png) no-repeat right 50%;
}

@media screen and (max-width: 1050px) {
	
.gift .box ul li {
	width:100%;
}

}


/* info
===============================================================*/
#Main .info {
	padding:35px 67px 15px 67px;
	background-color:#f3f1ed;
	position:relative;
}

#Main .info .box a {
	display:block;
	
	text-decoration:none;
	transition: all 300ms 0s ease;
}

#Main .info .box a:hover {
	background-color:#f9f9f9;
}

#Main .info .box dl {
	padding:8px 8px 8px 108px;
	position:relative;
}

#Main .info .box dl dt {
	position:absolute;
	top:8px;
	left:8px;
	font-family: 'Arvo', serif;
	font-size:14px;
}

#Main .info .more {
	position:absolute;
	top:35px;
	right:67px;
}

#Main .info .more a {
	padding:0 20px 0 0;
	background: url(../images/common/ar_r02.png) no-repeat right 50%;
	text-decoration:underline;
}


/* t_category
===============================================================*/
.t_category {
	padding:36px 52px 40px 52px;	
}

.t_category h3 {
	padding:0 0 0 15px;
	
}

.t_category ul {
	/*
	display: flex;
    flex-wrap: wrap;	
	*/
}

.t_category ul li {
	width:33.3%;
	box-sizing:border-box;
	padding:1px;
	padding:0 15px;	
	float:left;
}

.t_category ul li:nth-child(3n+1) {
	clear:both;
}

.t_category ul li a {
	display:block;
	text-decoration:none;
	padding:12px 15px 12px 42px;
	transition: all 300ms 0s ease;
	border-bottom:#e4e4e4 1px solid;
	background:url(../images/common/cate_icon00.jpg) no-repeat #fff left center;
	background-size:30px 30px;
}

.t_category ul li a:hover {
	text-decoration:underline;
}

.t_category ul li.cate09 a{
	background:url(../images/common/cate_icon01.jpg) no-repeat #fff left center;
	background-size:30px 30px;
}
.t_category ul li.cate08 a{
	background:url(../images/common/cate_icon02.jpg) no-repeat #fff left center;
	background-size:30px 30px;
}
.t_category ul li.cate07 a{
	background:url(../images/common/cate_icon03.jpg) no-repeat #fff left center;
	background-size:30px 30px;
}
.t_category ul li.cate06 a{
	background:url(../images/common/cate_icon04.jpg) no-repeat #fff left center;
	background-size:30px 30px;
}
.t_category ul li.cate05 a{
	background:url(../images/common/cate_icon05.jpg) no-repeat #fff left center;
	background-size:30px 30px;
}
.t_category ul li.cate04 a{
	background:url(../images/common/cate_icon06.jpg) no-repeat #fff left center;
	background-size:30px 30px;
}
.t_category ul li.cate03 a{
	background:url(../images/common/cate_icon07.jpg) no-repeat #fff left center;
	background-size:30px 30px;
}
.t_category ul li.cate102 a{
	background:url(../images/common/cate_icon08.jpg) no-repeat #fff left center;
	background-size:30px 30px;
}
.t_category ul li.cate72 a{
	background:url(../images/common/cate_icon09.jpg) no-repeat #fff left center;
	background-size:30px 30px;
}

.t_category ul li a span {
	display:block;
	line-height:1.3;
	background:url(../images/common/plus.png) no-repeat right 6px top 50%;
	padding:0 15px 0 0;
}

.t_category ul li a:not([href="javascript:void(0)"]) span {
	background:url(../images/common/ar_r02.png) no-repeat right 50%;
}

.t_category ul li a.open span {
	display:block;
	background:url(../images/common/minus.png) no-repeat right 6px top 50%;
}

.t_category ul li ul {
	display:none;
}

.t_category ul li ul li {
	width:100%;
	padding:0;
	float:none;
}

.t_category ul li ul li a {
	display:block;
	text-decoration:none;
	padding:10px 10px 10px 10px;
	background:none !important;
}

.t_category ul li ul li a span {
	background:url(../images/common/plus.png) no-repeat right 6px top 50%;
}

.t_category ul li ul li a:not([href="javascript:void(0)"]) span {
	background:url(../images/common/ar_r02.png) no-repeat right 50%;
}

.t_category ul li ul li ul {
	padding:10px;
	background-color: #f9f9f9;
}

.t_category ul li ul li ul li a {
	display:block;
	text-decoration:none;
	padding:3px 10px 3px 10px;
	border:none;
	background:none;
}

.t_category ul li ul li ul li a span {
	background:url(../images/common/ar_r02.png) no-repeat right 50%;
}


@media screen and (max-width: 1050px) {

.t_category ul li {
	width:50%;
}

.t_category ul li:nth-child(3n+1) {
	clear:none;
}

.t_category ul li:nth-child(2n+1) {
	clear:both;
}

}




/* 2019.05 SummerGift */

.summergift {
    padding: 0 0 3px 0;
}
.summergift p.data {
	padding:0 0 1px 0;
}
.summergift p.mainimg {
	/* margin: 3px 0 2px; */
}

.summergift p a {
	display:block;
	transition: all 300ms 0s ease;
}
.summergift p a:hover {
	opacity:0.7;
}
.summergift img{
	width:100%;
}

