@charset "utf-8";

/* CSS Document */

@media (min-width: 769px) {
.pc {
display: block;
}
.mobile {
display: none;
}
/* ヘッダーの設定 */
header {
padding: 10px 0;
}
header .inner {
position: relative;
overflow: hidden;
}
header #header-logo {
float: left;
}
header #header-tel {
float: right;
}
header nav {
width: 100%;
z-index: 10;
}
header nav ul#gNav {
width: 1000px;
margin: 0 auto;
padding: 20px 0 10px;
font-size: 1.1rem;
}
header nav ul#gNav li {
width: 16.6%;
margin: 0;
padding: 0;
float: left;
position: relative;
text-align: center;
font-weight: 600;
border-left: 1px solid #ccc;
}
header nav ul#gNav li:last-child {
border-right: 1px solid #ccc;
}
header nav ul#gNav li a {
width: 100%;
display: block;
}
header nav ul#gNav li a:hover {
text-decoration: none;
}
header nav ul#gNav li ul {
margin: 0;
padding: 0;
position: absolute;
top: 100%;
left: 0;
}
header nav ul#gNav li:last-child ul {
left: 0%;
width: 100%;
background-color: #ccc;
}
header nav ul#gNav li ul li {
overflow: hidden;
width: 100%;
height: 0;
-moz-transition: .2s;
-webkit-transition: .2s;
-o-transition: .2s;
-ms-transition: .2s;
transition: .2s;
border-left: 0 none;
background-color: #ccc;
}
header nav ul#gNav li ul li a {
padding: 5px 0;
font-size: 0.9em;
font-weight: normal;
background-color: #eee;
}
header nav ul#gNav li:hover > a {
background-color: #070051;
color: #fff;
}
header nav ul#gNav > li:hover > a {
background-color: #fff;
color: #000;
}
header nav ul#gNav li:hover ul li {
overflow: visible;
height: 2.27em;
border-right: 0 none;
}
header nav ul#gNav li:hover ul li:last-child a {
border-bottom: 0;
}
/* ヘッダー固定 */
header {
position: fixed;
top: 0;
left: 0;
width: 100%;
background-color: #fff;
z-index: 20;
}
#wrapper {
margin-top: 138px;
}
.fixed header nav {
position: fixed;
top: 0;
left: 0;
z-index: 20;
}
.fixed header {
margin-bottom: 50px;
}
/* ヘッダープルダウン */
header nav #global-navi>li>ul {
display: none;
position: absolute;
z-index: 10;
}
header nav #global-navi>li>ul li a {
width: 166px;
padding: 10px 0;
display: block;
background-color: #f2f2f2;
border-bottom: 1px solid #ccc;
}
header nav #global-navi>li>ul li a:hover {
background-color: #070051;
color: #fff;
}
/* snavi*/
header ul.snav {
float: right;
font-size: 0.8rem;
}
header .snav li {
float: left;
padding: 0 15px;
border-right: 1px solid #060050;
}
/* footer */
#inquiryBox {
width: 100%;
height: 80px;
position: fixed;
bottom: 0;
z-index: 100;
border-top: 2px solid #eee;
background: rgba(255,255,255,0.90);
}
#inquiryBox ul {
width: 1000px;
margin: 15px auto auto auto;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
justify-content: space-between;
}
#inquiryBox ul li img {
width: 100%;
height: auto;
}
footer {
min-width: 1000px;
padding-bottom: 80px;
clear: both;
overflow: hidden;
}
footer .sitemap {
margin: 20px auto 50px;
width: 700px;
display: flex;
}
footer .sitemap li {
padding: 0 20px 0;
border-left: 1px solid #060051;
}
footer .sitemap li:first-child {
border-left: none;
}
/* 共通 */
.inner {
margin: 0 auto;
width: 1000px;
}
#main {
padding-bottom: 50px;
}
#main-image {
margin-bottom: 50px;
}
section {
min-width: 1000px;
}
/* TOPページ
 ---------------------------------------------------------------*/
/* mainvisual */
#main-image_top {
/* background: url(../images/index/main_bg.png) no-repeat; */
/* padding: 60px 0; */
min-width: 1000px;
margin-bottom: 50px;
}
#main-image_top .info {
margin: -50px auto 20px auto;
display: block;
font-size: 0.8rem;
color: #fff;
}
#main-image_top img, #main-image img {
text-align: center;
margin: 0 auto;
}
#main-image_top .inner .txt_l {
padding: 100px 0;
float: left;
}
#main-image_top .inner .txt_r {
background-color: #fff;
width: 400px;
float: right;
padding: 20px;
opacity: 0.9;
filter: alpha(opacity=90);
font-size: 0.8rem;
}
#main-image_top .inner .txt_r span {
margin-bottom: 10px;
font-family: "ＭＳ Ｐ明朝", MS PMincho, "ヒラギノ明朝 Pro W3", Hiragino Mincho Pro, serif;
font-size: 1.8em;
font-weight: bold;
display: block;
line-height: 1.2;
}

#main-image_top .splide {
	width: 100%;
}

#main-image_top .splide .splide__slide {
	width: 1000px;
}
#main-image_top .splide .splide__slide img.pc {
	display: block;
}
#main-image_top .splide .splide__slide img.sp {
	display: none;
}
#main-image_top .splide .splide__pagination {
	position: static;
	margin-top: 12px;
	gap: 12px;
}
#main-image_top .splide .splide__pagination li {
	width: 35px;
	height: 3px;
}
#main-image_top .splide .splide__pagination li button {
	display: block;
	width: 100%;
	height: 100%;
	background: #999999;
	border-radius: 0;
	margin: 0;
	padding: 0;
	outline: none;
	border: none;
}

#main-image_top .splide .splide__pagination li button.is-active {
	background: #b41c23;
	transform: scale(1.0);
}

/**/
#main .sec01_top {
width: 1000px;
margin: auto auto 40px auto;
}
#main .sec01_top ul.slider {
}
#main .sec02_top ul, #main .sec03_top ul, #main .sec06_top ul {
display: flex;
}
#main .sec02_top ul li:last-child img {
opacity: 0.5;
filter: alpha(opacity=50);
}
#main .sec03_top ul li:first-child {
margin-right: 5px;
}
#main #movie {
}
#main #movie iframe {
width: 100%;
height: 500px;
}
#main .sec04_top {
width: 100%;
background: #eee;
padding: 50px 0;
text-align: center;
font-size: 2rem;
font-weight: bold;
color: #060051;
}
#main .sec05_top ul {
display: flex;
flex-wrap: wrap;
}
#main .sec05_top ul li {
width: 25%;
padding: 0 10px;
}
#main .sec05_top ul li span.day {
margin-top: 10px;
color: #060051;
font-weight: bold;
display: block;
}
#main .sec05_top ul li .btn a {
display: block;
border: 2px solid #060051;
color: #060051;
padding: 5px;
text-align: center;
font-family: "ＭＳ Ｐ明朝", MS PMincho, "ヒラギノ明朝 Pro W3", Hiragino Mincho Pro, serif;
font-weight: bold;
font-size: 1.1rem;
}
#main .sec05_top ul li .thumb img {
width: 100%;
height: 150px;
object-fit: contain;
font-family: 'object-fit: contain;';
}
#main .sec06_top ul li:first-child {
margin-right: 1%;
}
/* 製品一覧 
----------------------------------------------------------------*/
.itemlist .sec01 ul, .itemlist .sec02 ul, .itemlist .sec03 ul {
width: 100%;
display: flex;
align-items: center;
align-content: space-between;
}
.itemlist .sec02 ul.ul2 li, .itemlist .sec03 ul.ul2 li {
flex-basis: 50%;
}
.itemlist .sec02 ul.ul3 li, .itemlist .sec03 ul.ul3 li {
flex-basis: 33.35%;
}
.itemlist .sec02 ul li img, .itemlist .sec03 ul li img {
width: 100%;
}
.itemlist .sec01 ul li:first-child {
margin-right: 5px;
}
/* 製造業
----------------------------------------------------------------*/
.main_seizogyo {
background: url(../images/seizogyo/bg_seizogyo.png) no-repeat center center;
padding: 70px 0;
text-align: center;
}
.seizogyo .sec01 .photo {
float: right;
}
.seizogyo .sec01 .txt {
float: left;
width: 48%;
}
.seizogyo .sec02 .Box_gray {
background-color: #f1f1f1;
padding: 25px;
margin-bottom: 30px;
}
.seizogyo .sec02 .Box_gray .txt {
float: left;
width: 60%;
}
.seizogyo .sec02 .Box_gray .txt2 {
width: 100%;
}
.seizogyo .sec02 .Box_gray .img {
float: right;
margin-bottom: 20px;
}
.seizogyo .sec02 .Box_gray ul {
width: 100%;
margin-bottom: 30px;
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
}
.seizogyo .sec02 .Box_gray ul li {
width: 20%;
}
.seizogyo .sec02 .Box_gray p.btn2 {
width: 90%;
margin: auto;
text-align: center;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.seizogyo .sec02 .Box_gray a.productsbtn {
width: 45%;
margin: 0 10px;
padding: 10px 0;
text-align: center;
display: block;
background-color: #150052;
color: #fff;
font-weight: 600;
text-decoration: none;
}
.seizogyo .sec02 .Box_gray a.productsbtn:hover {
opacity: 0.8;
}
.main_foodshop {
background: url(../images/foodshop/bg_foodshop.png) no-repeat center center;
padding: 70px 0;
text-align: center;
}
.main_hotel {
background: url(../images/hotel/bg_hotel.png) no-repeat center center;
padding: 70px 0;
text-align: center;
}
.main_event {
background: url(../images/event/bg_event.png) no-repeat center center;
padding: 70px 0;
text-align: center;
}
.main_agriculture {
background: url(../images/agriculture/bg_agriculture.png) no-repeat center center;
padding: 70px 0;
text-align: center;
}
.main_hospital {
background: url(../images/hospital/bg_hospital.png) no-repeat center center;
padding: 70px 0;
text-align: center;
}
.main_facility {
background: url(../images/facility/bg_facility.png) no-repeat center center;
padding: 70px 0;
text-align: center;
}
.main_school {
background: url(../images/school/bg_school.png) no-repeat center center;
padding: 70px 0;
text-align: center;
}
.main_other {
background: url(../images/other/bg_other.png) no-repeat center center;
padding: 70px 0;
text-align: center;
}
.main_cooling {
background: url(../images/cooling/bg_cooling.png) no-repeat center center;
padding: 70px 0;
text-align: center;
}
.main_heating {
background: url(../images/heating/bg_heating.png) no-repeat center center;
padding: 70px 0;
text-align: center;
}
.main_humidity {
background: url(../images/humidity/bg_humidity.png) no-repeat center center;
padding: 70px 0;
text-align: center;
}
.main_temperature {
background: url(../images/temperature/bg_temperature.png) no-repeat center center;
padding: 70px 0;
text-align: center;
}
.main_saving {
background: url(../images/saving/bg_saving.png) no-repeat center center;
padding: 70px 0;
text-align: center;
}
.main_washing {
background: url(../images/washing/bg_washing.png) no-repeat center center;
padding: 70px 0;
text-align: center;
}
/* 湿度調整
----------------------------------------------------------------*/
.main_temperature {
background: url(../images/temperature/bg_temperature.png) no-repeat center center;
padding: 70px 0;
text-align: center;
}

#main #intro {
	width: 1000px;
	margin: 100px auto;
}

#main #intro h2 {
	font-size: 36px;
	text-align: center;
	margin-bottom: 20px;
}

#main #intro .body {
	text-align: center;
	font-size: 18px;
	line-height: 1.75;
}
}

/*------------------------------------------------------------------------------------------
 SP
------------------------------------------------------------------------------------------*/
@media (max-width: 768px) {
.pc {
display: none;
}
.mobile {
display: block;
}
img {
vertical-align: bottom;
}
header {
padding: 20px 10px;
}
header #header-logo img {
width: 45%;
}
.wrapper {
position: relative;
width: 100%;
height: 100%;
background: #fff;
-webkit-transition: all .0s ease;
transition: all .0s ease;
z-index: 1;
}
.side-open .wrapper, .side-open .overlay {
-webkit-transform: translate3d(-300px, 0, 0);
transform: translate3d(-300px, 0, 0);
}
.overlay {
content: '';
visibility: hidden;
position: fixed;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
background: rgba(0,0,0,0);
-webkit-transition: all .5s ease;
transition: all .5s ease;
z-index: 10;
}
.side-open .overlay {
visibility: visible;
cursor: pointer;
background: rgba(0,0,0,.7);
}
.overlay::after {
content: "";
visibility: hidden;
position: fixed;
top: 40%;
left: 0;
display: block;
width: 100%;
height: 50px;
color: rgba(255,255,255,0);
font-size: 40px;
font-weight: bold;
text-align: center;
-webkit-transition: all .5s ease;
transition: all .5s ease;
}
.side-open .overlay::after {
visibility: visible;
color: rgba(255,255,255,.8);
}
/* --------------------------------------------------- btn */
.btn__box {
position: relative;
text-align: center;
z-index: 1;
}
.btn__box a {
display: block;
width: 198px;
height: 38px;
margin: 0 auto;
line-height: 40px;
font-size: 13px;
color: #1a1e24;
-webkit-transition: all .3s ease;
transition: all .3s ease;
border: 1px solid #1a1e24;
}
.btn__box a:hover {
color: #fff !important;
background: #1a1e24;
}
.btn__box--svg {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 214px;
height: 54px;
margin: auto;
z-index: -1;
}
.btn__box--svg rect {
fill: transparent;
stroke: #1a1e24;
stroke-width: 1px;
stroke-dasharray: 242px;
stroke-dashoffset: 256px;
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
.btn__box a:hover + .btn__box--svg rect {
stroke-width: 2px;
stroke-dasharray: 600px;
stroke-dashoffset: 0;
}
/* --------------------------------------------------- side menu */
.side-menu {
position: fixed;
top: 0;
right: 0;
box-sizing: border-box;
width: 300px;
height: 100%;
padding-top: 150px;
text-align: left;
background: #e2e2e2;
z-index: 1;
}
.side-menu__ul {
width: 100%;
height: 100%;
display: block;
overflow: auto;
}
.side-menu__ul--child {
display: none;
}
.active .side-menu__ul--child {
display: block;
}
.side-menu__ul--child li a {
display: block;
padding: 8px 0 8px 32px;
font-size: 0.9rem;
color: #000;
}
.side-menu__ul > li > a, .side-menu__ul > li h2 {
display: block;
padding: 10px 0 10px 20px;
color: #000;
}
.side-menu__ul h2 {
cursor: pointer;
-webkit-transition: all .5s;
transition: all .5s;
}
.side-menu__ul > li > h2:after {
content: ' +';
color: #000;
font-size: 20px;
}
.side-menu__ul > li.active h2:after {
content: ' -';
}
.side-menu__ul > li > h2:hover, .side-menu__ul > li a:hover {
background: #fff;
color: #000;
}
/* --------------------------------------------------- ellipsis btn */
.side-menu-btn {
position: fixed;
top: 20px;
right: 20px;
width: 40px;
height: 40px;
padding: 5px;
cursor: pointer;
z-index: 4;
}
.ellipsis-v {
position: relative;
display: block;
cursor: pointer;
width: 40px;
height: 38px;
}
.ellipsis-v .point {
position: absolute;
left: 0;
right: 0;
display: block;
width: 40px;
height: 5px;
margin: auto;
background: #fff;
box-shadow: 0 0 8px 0 #161616;
-webkit-transition: all .3s;
transition: all .3s;
}
.ellipsis-v .point.top {
top: 0;
}
.ellipsis-v .point.mid {
top: 0;
bottom: 0;
}
.ellipsis-v .point.bot {
bottom: 0;
}
.side-menu-btn:hover .top {
-webkit-transform: translateY(-2px);
-ms-transform: translateY(-2px);
transform: translateY(-2px);
}
.side-menu-btn:hover .bot {
-webkit-transform: translateY(2px);
-ms-transform: translateY(2px);
transform: translateY(2px);
}
.side-open .side-menu-btn:hover .top, .side-open .top {
width: 56px;
height: 1px;
background: #fff;
-webkit-transform-origin: left top;
-ms-transform-origin: left top;
transform-origin: left top;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.side-open .mid {
opacity: 0;
}
.side-open .side-menu-btn:hover .bot, .side-open .bot {
width: 56px;
height: 1px;
background: #fff;
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.side-open .side-menu-btn:hover .bot, .side-open .side-menu-btn:hover .top {
background: #ccc;
}
/* footer */
#inquiryBox {
width: 100%;
height: 60px;
position: fixed;
bottom: 0;
z-index: 100;
border-top: 2px solid #eee;
background: rgba(255,255,255,0.90);
}
#inquiryBox ul {
width: 100%;
margin: 10px auto auto auto;
display: flex;
justify-content: center;
align-items: center;
}
#inquiryBox ul li {
padding: 0 10px;
flex-basis: 50%;
display: block;
}
footer {
padding-bottom: 60px;
}
footer .sitemap {
}
footer .sitemap li a {
background: url(../images/common/icon-list.gif) no-repeat right 8px center;
display: block;
background-color: #fff;
width: 100%;
padding: 20px;
border-bottom: 1px solid #ccc;
}
footer .sitemap li a:hover {
text-decoration: none;
}
/* 共通 */
.sec01_top, .sec05_top, .sec06_top, .seizogyo .sec01, .seizogyo .sec02, .seizogyo .sec03 {
padding: 0 3%;
}
#main-image {
margin-bottom: 50px;
}
#container {
width: 100%;
margin: 15px auto 20px;
font-size: 0.9rem;
line-height: 1.5;
}
#contents {
float: none;
width: 100%;
}
#sidebar {
float: none;
width: 75%;
 margin: auto;
}
/* TOPページ
---------------------------------------------------------------*/
/*mainvisual*/
#main-image_top {
/* background: url(../images/index/main_bg.png) repeat; */
/* padding: 30px 3%; */
width: 100%;
margin-bottom: 50px;
}
#main-image_top .info {
margin: -20px auto 20px auto;
font-size: 0.8rem;
line-height: 1.2;
color: #fff;
}
#main-image_top .inner .txt_l {
padding: 0 0 20px;
text-align: center;
}
#main-image_top .inner .txt_r {
background-color: #fff;
width: 100%;
float: none;
padding: 4%;
opacity: 0.9;
filter: alpha(opacity=90);
font-size: 0.9em;
}
#main-image_top .inner .txt_r span {
margin-bottom: 10px;
font-family: "ＭＳ Ｐ明朝", MS PMincho, "ヒラギノ明朝 Pro W3", Hiragino Mincho Pro, serif;
font-size: 1.5em;
font-weight: bold;
display: block;
line-height: 1.2;
}

#main-image_top .splide .splide__slide {
	width: 100%;
}
#main-image_top .splide .splide__slide img.pc {
	display: none;
}
#main-image_top .splide .splide__slide img.sp {
	display: block;
}
#main-image_top .splide .splide__pagination {
	position: static;
	margin-top: 12px;
	gap: 12px;
}
#main-image_top .splide .splide__pagination li {
	width: 20px;
	height: 3px;
}
#main-image_top .splide .splide__pagination li button {
	display: block;
	width: 100%;
	height: 100%;
	background: #999999;
	border-radius: 0;
	margin: 0;
	padding: 0;
	outline: none;
	border: none;
}

#main-image_top .splide .splide__pagination li button.is-active {
	background: #b41c23;
	transform: scale(1.0);
}
/**/

#main .sec02_top ul li img, #main .sec05_top ul li img, #main .sec06_top ul li img {
width: 100%;
}
#main #movie iframe {
width: 100%;
height: 300px;
}
#main .sec02_top ul li:last-child img {
opacity: 0.5;
filter: alpha(opacity=50);
}
#main .sec05_top ul.clearfix {
	display: flex;
	flex-direction: column;
	gap: 24px 4%;
}

#main .sec05_top ul li {
	width: 100%;
 line-height: 1.5;
}
#main .sec05_top ul li h3 {
	margin-bottom: 18px;
}
#main .sec05_top ul li span.day {
margin-top: 10px;
color: #060051;
font-weight: bold;
display: block;
}
#main .sec05_top ul li .btn {
	margin-top: 8px;
}
#main .sec05_top ul li .btn a {
display: block;
border: 2px solid #060051;
color: #060051;
padding: 5px;
text-align: center;
font-family: "ＭＳ Ｐ明朝", MS PMincho, "ヒラギノ明朝 Pro W3", Hiragino Mincho Pro, serif;
font-weight: bold;
}
#main .sec05_top ul li .thumb img {
width: 100%;
height: 100px;
object-fit: contain;
font-family: 'object-fit: contain;';
}
/* 製品一覧 
---------------------------------------------------------------*/
.itemlist .sec01 ul li img, .itemlist .sec02 ul li img, .itemlist .sec03 ul li img {
width: 100%;
}
.itemlist .sec02 ul li, .itemlist .sec03 ul li {
float: left;
width: 50%;
} 
#topics .topics-left {
float: none;
width: 100%;
}
#topics .topics-right {
float: none;
width: 100%;
}
/* 製造業
----------------------------------------------------------------*/
.main_seizogyo {
background: url(../images/seizogyo/bg_seizogyo.png) no-repeat center center;
padding: 70px 0;
text-align: center;
}
.seizogyo .sec01 .photo {
text-align: center;
}
.seizogyo .sec02 .Box_gray {
background-color: #f1f1f1;
padding: 25px;
margin-bottom: 30px;
}
.seizogyo .sec02 .Box_gray .txt {
}
.seizogyo .sec02 .Box_gray .img {
text-align: center;
margin-bottom: 20px;
}
}

@media (max-width: 480px) {
.seizogyo .sec02 .Box_gray ul {
margin-bottom: 30px;
clear: both;
overflow: hidden;
}
.seizogyo .sec02 .Box_gray ul li {
width: 50%;
float: left;
}
#inquiryBox {
width: 100%;
height: 90px;
position: fixed;
bottom: 0;
z-index: 100;
border-top: 2px solid #eee;
background: rgba(255,255,255,0.90);
}
#inquiryBox ul {
width: 100%;
margin: 10px auto;
display: inline-block;
}
#inquiryBox ul li {
width: 90%;
margin: auto;
}
footer {
padding-bottom: 90px;
}

#main #intro {
	width: 100%;
	padding: 0 3%;
	box-sizing: border-box;
}

#main #intro h2 {
	font-size: 22px;
	text-align: center;
	margin-bottom: 12px;
}

#main #intro .body {
	text-align: center;
	font-size: 16px;
	line-height: 1.75;
}
}

.box_list {
	gap: 40px 20px;
}

.box_list > li {
	width: calc((100% - 60px) / 4) !important;
	height: auto !important;
	padding: 0 !important;
	background: #f8f8f8;
}

.box_list.item-lists {
	display: flex;
	flex-wrap: wrap;
}

.box_list.item-lists > li {
	width: calc((100% - 20px) / 2) !important;
	margin: 0 !important;
}

.box_list > li a {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none !important;
	color: #000 !important;
}

.box_list > li a:hover {
	background: #eaeaf0;
}

.box_list > li .thumb {
	display: block;
	width: 100%;
	height: 150px;
	overflow: hidden;
	background: #060051;
}

.box_list > li .thumb img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover !important;
	object-position: center center;
}

.box_list > li .box_inner {
	padding: 10px 10px 18px;
}

.box_list > li .box_inner h3 {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;  
	overflow: hidden;
	margin-bottom: 12px !important;
}

.box_list > li .box_inner h3 .day {
	margin: 0 !important;
}

.box_list > li .box_inner .excerpt,
.box_list > li .box_inner .excerpt p {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;  
	overflow: hidden;
}

@media (max-width: 768px) {
	.box_list {
		flex-direction: column;
	}

	.box_list.item-lists {
		margin: 0 !important;
	}

	.box_list > li,
	.box_list.item-lists > li {
		width: 100% !important;
		padding: 0 !important;
		background: #f8f8f8;
	}

	.box_list > li .thumb {
		display: block;
		width: 100%;
		height: 150px;
		overflow: hidden;
		background: #060051;
	}

	.box_list > li .thumb img {
		display: block;
		width: 100%;
		height: 100% !important;
		object-fit: cover !important;
		object-position: center center;
	}
}