/*----------------inner------------*/
.probox{background:#f7f7f7;}
.inner{overflow:hidden;margin:50px 0;}
.inlt{float:left;width:250px;overflow:hidden;height:auto;}
.inlt .box1{background:#00a890;overflow:hidden;padding:15px 15px; border-radius:8px;}
.inlt_title{font-size:18px;line-height:48px;overflow:hidden;padding-left:5px;border-bottom:1px solid  rgba(255,255,255,0.4);}
.inlt_title a{color:#fff;}
.inlt_title .on{color:#fff;font-weight:600;}
.inlt_nav{overflow:hidden;}
.inlt_nav a{color:#666;font-size:15px; padding-left:20px;display:block;background:#fff;line-height:28px;}
.inlt_nav  a:hover{color:#cf0000;}
.inlt_nav .a1{color:#cf0000;font-weight:600}
.inlt_nav a:first-child {padding-top:10px;}
.inlt_nav a:last-child {padding-bottom:10px;}

.inrt{float:right;width:calc(100% - 290px);overflow:hidden;height:auto; min-height:500px;}
.inrt .prod_name{font-size:24px;color:#333;border-bottom:1px solid #dadada;padding-bottom:15px;}
/*----------------inner------------*/

.mod-box-imagesnap,
.mod-box-flipsnap {
	position: relative;
	width: 100%;
	height: 100%;
}
.mod-box-imagesnap .mod-viewport,
.mod-box-flipsnap .mod-viewport {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 100%;
}
.mod-box-imagesnap .mod-viewport .mod-imagesnap,
.mod-box-flipsnap .mod-viewport .mod-flipsnap {
	height: 100%;
}
.mod-box-imagesnap .mod-viewport .mod-imagesnap:after,
.mod-box-flipsnap .mod-viewport .mod-flipsnap:after {
	content: "";
	display: table;
	clear: both;
}
.mod-box-imagesnap .mod-viewport .mod-imagesnap .item,
.mod-box-flipsnap .mod-viewport .mod-flipsnap .item {
	position: relative;
	overflow: hidden;
	float: left;
}
.mod-box-imagesnap .mod-navi,
.mod-box-flipsnap .mod-navi {
	text-align: center;
	letter-spacing: -0.4em;
}
.mod-box-imagesnap .mod-navi li,
.mod-box-flipsnap .mod-navi li {
	display: inline-block;
	letter-spacing: normal;
}

@media screen and (max-width:767px) {
.inlt{display:none;}
.inrt{width:100%;height:auto;overflow:hidden;}
}



/*---list---*/
.prod_list{overflow:hidden;margin-top:50px;}
.prod_list ul{display:grid;grid-template-columns: repeat(5,1fr);gap:20px;}
.prod_list li{overflow:hidden;text-align:center;border:1px solid #e8e8e8; border-radius:8px;background:#fff;}
.prod_list li .cpic{overflow:hidden;height:auto;}
.prod_list li .cpic img{width:100%;height:auto;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-ms-transition-duration:0.3s;transition-duration:0.3s;}
.prod_list li .cp_name{text-align:center;font-size:16px;color:#333;}
.prod_list li .cp_name p {padding-top:6px;font-size: 12px;color: #666;line-height: 1.2;}
.prod_list li:hover .cpic img{ -webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}
.prod_list li .bigpic {background:#e6e6e6;border:1px solid #ccc; border-radius:20px;font-size:12px;margin: 5px auto 15px auto;width:90px;padding:3px 0;}
.prod_list li .bigpic a{color:#666;}

@media screen and (max-width:768px) {
.prod_list ul{display:grid;grid-template-columns: repeat(2,1fr);gap:20px;}
}


/*products details*/
.vh100{height:100px;display:block;}

.det_pro_name{font-size:20px;color:#333; text-align:center;padding:40px 0 20px;}
.det_pro_pic{text-align:center;overflow:hidden;margin-bottom:30px;}
.det_pro_pic img{width:500px;height:auto;}

.pro_info_txt{font-size:20px;color:#333;margin-top:20px;background:#f3f3f3;line-height:45px;font-weight:600;}
.pro_info_txt i{float:left;width:6px;height:20px;background:#00a890;margin:13px 10px 0 10px;}

.pro_info_txt1{font-size:20px;color:#333;margin-top:20px;background:#f3f3f3;line-height:45px;font-weight:600;}
.pro_info_txt1 i{float:left;width:6px;height:20px;background:#00a890;margin:13px 10px 0 10px;}

.pro_info{line-height:170%;padding:20px 0 25px 0;font-size:16px;color:#555; min-height:80px;overflow:hidden;height:auto;}
.pro_info p img{ max-width:800px;clear:both;}
.pro_info img{ max-width:800px;clear:both;}
.pro_info strong{font-size:18px;font-weight:600;color:#222;background:url(/static/default/assets/img/zh_p_19.png) no-repeat 0px 15px;padding-left:18px;line-height:40px;overflow:hidden;margin-top:10px;display:block;}


/*related_product*/
.related_product{ width:auto; height:auto;margin-top:20px;overflow:hidden;padding:0 0 0 0; }
.related_product ul{display:grid;grid-template-columns: repeat(6,1fr);gap:15px}
.related_product li{ overflow:hidden;border:1px solid #ededed;position: relative;background:#fff;}
.related_product li .pro_pic{ width:100%; height:auto; overflow:hidden;}
.related_product li .pro_pic img{width:100%;height:auto;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-ms-transition-duration:0.3s;transition-duration:0.3s;}
.related_product li .pro_txt{color:#666;font-size:16px;padding:10px 10px 5px 10px;line-height:130%;text-align:center;height:30px;}
.related_product li:hover .pro_pic img{ -webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}
.related_product li a:hover .pro_txt{color:#00a890;}
.related_product li:after {width: 0px;height: 3px;overflow: hidden;content: "";position: absolute;z-index: 30;bottom: 0px;left: 0px;background-color:#00a890 ;transition: all .3s linear;}
.related_product li:hover:after{width: 100%;}
/*related_product*/

/*products nextup*/
.shop-nextup{overflow:hidden; margin:40px 0;}
.shop-nextup ul{display:grid;grid-template-columns: repeat(2,1fr);gap:20px}
.shop-nextup li{overflow:hidden;background:#fff;line-height:35px;}
.shop-nextup li a{display:block;font-size:15px;color:#666;}
.shop-nextup li i{background:#465351;color:#fff;float:left;font-style: normal;padding:0 15px;line-height:35px;margin-right:10px;font-size:14px;}
/*products nextup*/

/*contact*/
.lxfs_pro{ width:auto; height:auto;margin-top:20px;overflow:hidden;padding:0 0 0 0; }
.lxfs_pro ul{display:grid;grid-template-columns: repeat(4,1fr);gap:20px}
.lxfs_pro li{ overflow:hidden;background:#00a890;text-align:center;padding:40px 0; border-radius:10px;}
.lxfs_pro li h1{font-size:20px;color:#fff;}
.lxfs_pro li p{font-size:18px;color:#fff;padding-top:12px;}
.lxfs_pro li a{color:#fff;}
.lxfs_pro li:nth-child(1){ background:#00a890;}
.lxfs_pro li:nth-child(2){ background:#465351;}
.lxfs_pro li:nth-child(3){ background:#00a890;}
.lxfs_pro li:nth-child(4){ background:#465351;}

/*contact*/




@media screen and (max-width:768px) {
.vh100{height:30px;display:block;}
.det_pro_name{padding:30px 0 20px;}
.lxfs_pro ul{display:grid;grid-template-columns: repeat(2,1fr);gap:10px}
.lxfs_pro li{padding:20px 0;}
.lxfs_pro li h1{font-size:14px;color:#fff;}
.lxfs_pro li p{font-size:14px;color:#fff;padding-top:5px;}

.pro_info p img{ max-width:100%;clear:both;}
.pro_info img{ max-width:100%;clear:both;}

.pro_info_txt{display:none;}
.related_product{display:none;}

.shop-nextup ul{display:grid;grid-template-columns: repeat(1,1fr);gap:20px}
}

/*products details*/




 /*-----------------------------------------------------------------------------------page end----------------------------------------------------------------*/

 .pagination{display:-ms-flexbox;display:flex;padding-left:0;list-style:none;border-radius:.25rem;padding:25px 0 0 0;}
 
 .page-link{position:relative;display:block;padding:.5rem .75rem;margin-left:-1px;line-height:1;color:#007bff;background-color:#fff;border:1px solid #dee2e6}
 .page-link:hover{z-index:2;color:#0056b3;text-decoration:none;background-color:#e9ecef;border-color:#dee2e6}
 .page-link:focus{z-index:2;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}
 .page-item:first-child .page-link{margin-left:0;border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}
 .page-item:last-child .page-link{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}
 .page-item.active .page-link{z-index:1;color:#fff;background-color:#007bff;border-color:#007bff}
 .page-item.disabled .page-link{color:#6c757d;pointer-events:none;cursor:auto;background-color:#fff;border-color:#dee2e6}
 .pagination-lg .page-link{padding:.75rem 1.5rem;font-size:1.25rem;line-height:1}
 .pagination-lg .page-item:first-child .page-link{border-top-left-radius:.3rem;border-bottom-left-radius:.3rem}
 .pagination-lg .page-item:last-child .page-link{border-top-right-radius:.3rem;border-bottom-right-radius:.3rem}
 .pagination-sm .page-link{padding:.25rem .5rem;font-size:.875rem;line-height:1}
 .pagination-sm .page-item:first-child .page-link{border-top-left-radius:.2rem;border-bottom-left-radius:.2rem}
 .pagination-sm .page-item:last-child .page-link{border-top-right-radius:.2rem;border-bottom-right-radius:.2rem}
 .clean-block.clean-catalog .pagination{-ms-flex-pack:center;justify-content:center}
 
 /*-----------------------------------------------------------------------------------page end----------------------------------------------------------------*/













/** .mod-box-beer -------------------------------------------------------------------------------------*/
.mod-box-beer {}
.mod-box-inr {width:100%;overflow:hidden;}

.mod-box-beer li.box-beer {}

.mod-box-inr ul{display:grid;grid-template-columns: repeat(5,1fr);gap:20px}
.mod-box-beer li{overflow:hidden;text-align:center;border:1px solid #e8e8e8; border-radius:8px;background:#fff;}

.mod-box-beer li .beer {width:100%;overflow:hidden;height:auto;}
.mod-box-beer li .beer img{width:100%;height:auto;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-ms-transition-duration:0.3s;transition-duration:0.3s;}
.mod-box-beer li:hover .beer img{ -webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}


.mod-box-beer li .name {
	margin: 15px 0 15px;
}
.mod-box-beer li .name h3 {
	font-size: 16px;
	color: #333;
	line-height: 1.2;
}
.mod-box-beer li .name p {padding-top:6px;
	font-size: 12px;
	color: #666666;
	line-height: 1.2;
}

.mod-box-beer li a:hover {
	color: #fff000;
}
.mod-box-beer li .bigpic {background:#e6e6e6;border:1px solid #ccc; border-radius:20px;font-size:12px;margin: 5px auto 15px auto;width:90px;padding:3px 0;}
.mod-box-beer li .bigpic a{color:#666;}

@media screen and (max-width:767px) {
.mod-box-beer {
	margin: 0 -15px;
}
.mod-box-beer li.box-beer {
	margin: -0px 15px 0;
	padding-top: 0px;
	width: 130px;
}
.mod-box-beer li.box-beer .beer {
	margin: 0 auto 0;
	width: 100px;
}
.mod-box-beer li.box-beer .beer:after {
	bottom: -20px;
	width: 100px;
	height: 40px;
	background-size: 100px 40px;
}
.mod-box-beer li.box-beer .name {
	margin:8px 0;
}
.mod-box-beer li.box-beer .name h3 {
	font-size: 14px;
}
.mod-box-beer li.box-beer .name p {
	font-size: 10px;
}
.mod-box-beer li.box-beer .btn {
	width: 90px;
	font-size: 10px;
}
.mod-box-beer li.box-beer a:hover .btn {
	color: #e51800;
	background-color: #ffffff;
}
}






.wrp-new-box{width:100%;height:auto; clear:both;margin-top:40px; min-height:500px;}


.wrp-new {margin:0 auto;
	overflow: hidden;
	z-index: 4;
	padding-bottom: 40px;
	padding-top: 0px;
	margin-top: 0px;
	background-image: url(/static/default/assets/img/common/line_04.png);
	background-position: center bottom;
	background-repeat: repeat-x;
}
.wrp-new h2 {
	padding-top: 90px;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	color: #5f8023;
	margin-bottom: 60px;
}
.wrp-new h2 img {
	width: 336px;
	margin-bottom: 20px;
}
.wrp-new .mod-box-beer li.box-beer {
	/*margin-left: 40px;
	margin-right: 40px;*/
}
.wrp-new .mod-modal {
	display: none;
}

@media screen and (max-width:767px) {
.wrp-new {
	padding-top: 85px;
	margin-top: -85px;
	background-size: 550px 3px;
}
.wrp-new h2 {
	padding-top: 40px;
	font-size: 14px;
	margin-bottom: 20px;
}
.wrp-new h2 img {
	width: 210px;
	margin-bottom: 15px;
}
.wrp-new .mod-box-beer li.box-beer {
	margin-left: 15px;
	margin-right: 15px;
}
}





/** .modal */
.modal {
	position: fixed;
	z-index: 10000;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
}
.modal .btn-close a {
	position: fixed;
	z-index: 10010;
	display: block;
	text-indent: -9999px;
	top: 0;
	right: 0;
	width: 120px;
	height: 120px;
	background-image: url(/static/default/assets/img/btn_modal_close02.png);
}
.modal .mod-prev a {
	position: fixed;
	z-index: 10010;
	top: 50%;
	left: 20px;
	margin-top: -30px;
	width: 60px;
}
.modal .mod-next a {
	position: fixed;
	z-index: 10010;
	top: 50%;
	right: 20px;
	margin-top: -30px;
	width: 60px;
}
.modal .mod-flipsnap li.item {
	width: 100%;
	height: 100%;
}
.modal .mod-flipsnap li.item .mod-box-inr {
	display: table;
	height: 100%;
	width: 800px;
}

.modal .mod-flipsnap li.item .mod-box-inr  .mod-modal-tit{width:100%;text-align:center;height:auto;border-bottom:1px solid #666;font-size:36px;padding:50px 0 30px 0;}

@media (max-width: 768px) {
.modal .mod-flipsnap li.item .mod-box-inr  .mod-modal-tit{padding:15px 0;}
.modal .mod-flipsnap li.item .mod-box-inr  .mod-modal-tit img{width:50%;}	
}

.modal .mod-flipsnap li.item .mod-modal-inr {

}


.modal .mod-flipsnap li.item .mod-modal-inr .txt {
	text-align:center;
	font-size: 30px;
}
.modal .mod-flipsnap li.item .mod-modal-inr .txt p{font-size:20px;padding-top:5px;}


.modal .mod-flipsnap li.item .mod-modal-inr .dl {padding:10px 0 0 0;
text-align:center;
	font-size: 15px;line-height:140%;
}

.modal .mod-flipsnap li.item .mod-modal-inr .beer {text-align:center;width:700px;margin:0 auto;overflow:hidden;padding:20px 0;

}
.modal .mod-flipsnap li.item .mod-modal-inr .beer img{height:433px; }



@media screen and (max-width:767px) {
.modal .mod-flipsnap li.item .mod-box-inr  .mod-modal-tit{font-size:30px;}
.modal .btn-close a {
	top: 5px;
	right: 5px;
	width: 40px;
	height: 40px;
	background-image: url(/static/default/assets/img/btn_modal_close.png);
	background-size : 40px 40px;
}
.modal .mod-prev a {
	left: 15px;
	top: 180px;
	width: 36px;
	margin-top: 0;
}
.modal .mod-next a {
	right: 15px;
	top: 180px;
	width: 36px;
	margin-top: 0;
}
.modal .mod-flipsnap li.item .mod-box-inr {
	display: block;
	width: 100%;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}
.modal .mod-flipsnap li.item .mod-modal-inr {width:100%;
	display: block;
	color: #000;
	padding-left: 0;
}
.modal .mod-flipsnap li.item .mod-modal-inr .ttl-en {
	width: 290px;
	margin-bottom: 10px;
}
.modal .mod-flipsnap li.item .mod-modal-inr .ttl-jp {
	font-size: 18px;
	margin-bottom: 15px;
}
.modal .mod-flipsnap li.item .mod-modal-inr .txt {
	width: 100%;
	font-size: 20px;
	margin-bottom: 15px;margin-top:0px
}
.modal .mod-flipsnap li.item .mod-modal-inr .txt p{font-size:15px;}
.modal .mod-flipsnap li.item .mod-modal-inr dl {
	width: 100%;
	margin-bottom: 30px;font-size:14px;
}
.modal .mod-flipsnap li.item .mod-modal-inr .btn {
	margin-bottom: 15px;
}
.modal .mod-flipsnap li.item .mod-modal-inr .btn a {
	font-size: 14px;
	width: 100%;
}
.modal .mod-flipsnap li.item .mod-modal-inr .btn a:hover {
	opacity: 1;
}
.modal .mod-flipsnap li.item .mod-modal-inr .beer {
	position: relative;
	width: 70%;
	left: 0px;
	top: 0;
	margin: 30px auto 30px;
}
.modal .mod-flipsnap li.item .mod-modal-inr .beer.no-glass {
	right: 0;
}
.modal .mod-flipsnap li.item .mod-modal-inr .beer.l550 {
	margin-top: 30px;
}
.modal .mod-flipsnap li.item .mod-modal-inr .beer.sp60 {
	margin-top: 60px;
}
.modal .mod-flipsnap li.item .mod-modal-inr .beer:after {
	bottom: -20px;
	width: 100px;
	height: 40px;
	background-size: 100px 40px;
}
.modal .mod-flipsnap li.item .mod-modal-inr .beer .gs {
	bottom: 0;
	left:60px;
}
.modal .mod-box-flipsnap .mod-navi {
	display: none;
}
}