@charset "utf-8";

/* slider
/* ------------------------------------------------------------------------ */
.bx-wrapper .bx-viewport {
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
	border:none;
	left:0;
}

.bx-wrapper .bx-controls-direction a {
    width:120px;
    height: 120px;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
    
}

.bx-wrapper .bx-prev {
    background:url(../img/icon_001.png) center center/auto 100% no-repeat transparent;
    left: 0;
}

.bx-wrapper .bx-next {
    background:url(../img/icon_002.png) center center/auto 100% no-repeat transparent;
    right: 0;
}

.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-prev:hover{
	opacity:0.8;
    background-position: center center;
}


/* mainImg
/* ------------------------------------------------------------------------ */

.mainImg ul li{
    height: 0;
    width:100%;
    position:relative;
    padding: 6% 0 0 0;
}

.mainImg ul li.mainImg1{
    background:url(../img/mainImg_001.jpg) center center/100% auto no-repeat transparent;
}

.mainImg ul li.mainImg2{
    background:url(../img/mainImg_003.jpg) center center/100% auto no-repeat transparent;
}

.mainImg ul li.mainImg3{
    background:url(../img/mainImg_005.jpg) center center/100% auto no-repeat transparent;
}

/* 新型コロナウイルス感染防止の取り組み */
.mainImg ul li.mainImg_safety_information a{
	display: block;
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
    background:url("../img/mainImg_safety_information.jpg") center center/100% auto no-repeat transparent;
}

/* デリバリー */
.mainImg ul li.mainImg_delivery{
	display: block;
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
    background:url("../img/mainImg_delivery.jpg") center center/100% auto no-repeat transparent;
}



.mainImg ul li.mainImg_safety_information a span, 
.mainImg ul li.mainImg_delivery span {
	display: none;
}
	
.mainImg ul li .txt{
    position: absolute;
    right: 25px;
    bottom: 0;
}


/* contents
/* ------------------------------------------------------------------------ */
#contentsBlock{}

	.contentsBlockL{
		width:850px;
		float:left;
		margin:90px 0 0 0;
	}
	
	.contentsBlockR{
		width:210px;
		float:right;
		margin:90px 0 0 0;
	}


/* topBlock
/* ------------------------------------------------------------------------ */
.topBlock{
	clear:both;
	overflow:hidden;
	margin:90px 0 0 0;
}

	.topBlock .box{
		border:#cccccc 2px solid;
		width:346px;
		clear:none;
		float:left;
		margin:35px 25px 0 0;
		height:440px;
		background:url(../img/border_001.gif) repeat-x center bottom;
	}
	
		.topBlock .box .topImg{
			margin:0;
		}
		
		.topBlock .box .title{
			font-size:24px;
			-webkit-font-smoothing:antialiased;
			-moz-osx-font-smoothing:grayscale;
			margin:25px 0 0 0;
		}
		
		.topBlock .box .btn{
			margin:20px 0 0 0;
		}
			
			.topBlock .box .btn a{
				background:#ffd300;
				color:#544027;
				font-size:14px;
				text-align:center;
				width:210px;
				margin:0 auto;
				display:block;
				padding:15px 0;
				position:relative;
			}
			
			.topBlock .box .btn a:after{
				font-family:icon_set_v1;
				content:'\e916';
				position:absolute;
				top:50%;
				right:12px;
				font-size:10px;
				margin-top:-7px;
			}
			
			.topBlock .box .btn a:hover{
				text-decoration:none;
				opacity:0.8;
			}
			
		.topBlock .box .btn2{
			margin:20px 0 0 0;
		}
		
			.topBlock .box .btn2 a{
				padding:10px 0;
			}

.hamakatsuBlock{}

	.topBlock.hamakatsuBlock .box{
		height:360px;
		background:url(../img/border_002.gif) repeat-x center bottom;
	}
			
			.topBlock.hamakatsuBlock .box .btn a{
				background:#544027;
				color:#fff;
			}


/* newsBox
/* ------------------------------------------------------------------------ */
.newsBox{}

	.newsBox .box{
	}
	
		.newsBox .box dl{
			text-align:left;
			margin-top:-20px;
		}
			
			.newsBox .box dl dd{
				float:left;
				padding:20px 0;
			}
			
			.newsBox .box dl dd.day{
				margin:0 25px 0 0;
			}

			.newsBox .box dl dd.icon{}

				.newsBox .box dl dd.icon span{
					font-size:10px;
					color:#544027;
					width:84px;
					background:#ffd300;
					text-align:center;
					display:block;
					padding:2px 0;
					float:left;
				}

				.newsBox .box dl dd.icon2 span{
					color:#fff;
					background:#544027;
				}
	
				.newsBox .box dl dd.icon3 span{
					color:#fff;
					background:#9d9d9d;
				}

			.newsBox .box dl dt{
				padding:20px 0 20px 14.7em;
				border-bottom:#ccc 1px dotted;
				line-height:1.8;
			}

			.newsBox .box dl dt a{
				text-decoration:underline;
			}

			.newsBox .box dl dt a:hover{
				text-decoration:none;
			}


/*scroll bar*/
.vscrollerbase,
.vscrollerbar{
	width:7px;
}

.vscrollerbase{
	background-color:#e7e7e7;
}

.vscrollerbar{
	background-color:#d7b800;
}

.scrollgeneric{
	position:absolute;
	top:0;
	right:0;
}

.flexcroll{
	position:relative;
	overflow:auto;
	height:80px;
	margin:30px 0 0 0;
	padding:20px;
}

				
/* snsBox
/* ------------------------------------------------------------------------ */
.snsBox{}

.snsBox .box{
	margin:15px 0 0 0;
	padding:15px 0 15px 0;
}
		
.snsBox .box:first-child{
	margin-top:0;
}

	.snsBox .box ul{
	}

	.snsBox .box ul li{
		margin:-16px 0 0 0;
	}

	.snsBox .box ul li a:hover{
		opacity:0.8;
	}