@charset "utf-8";
/* マルケイトップ*/


/*---------------
 タイトル部分
-----------------*/
.titleWrap{
 position: relative;
 height: 480px;
 background: url("/product/marukei/images/top/bg_title.jpg") no-repeat center;
 background-size: cover;
 margin-bottom: 110px;
}
.titleWrap h1{
 width: 290px;
 padding-top: 72px;
 text-align: center;
 font-size: 1.6rem;
 letter-spacing: 0.1em;
 font-weight: 400;
 background: url("/product/marukei/images/top/logo_marukei.png") no-repeat center top;
 position: absolute;
 left: 59.7%;
 top: 48.5%;
}




/*---------------
 キャッチ部分
-----------------*/
.catchArea{
 text-align: center;
 margin-bottom: 100px;
}
.catchArea h2{
 font-size: 2.6rem;
 letter-spacing: 0.1em;
 margin-bottom: 40px;
}
.catchArea p{
 font-size: 1.4rem;
 line-height: 2.7rem;
}




/*---------------
 製品検索とシミュレーター
-----------------*/
.linkArea{
 width: 1080px;
 margin: 0 auto 135px;
}
.searchLink,
.trayLink{
 height: 390px;
 color: #fff;
 text-align: center;
}
.searchLink{
 background: url("/product/marukei/images/top/bg_search.jpg") no-repeat center;
 background-size: cover;
 padding: 66px 560px 0 0;
 margin-bottom: 60px;
}
.trayLink{
 background: url("/product/marukei/images/top/bg_simulator.jpg") no-repeat center;
 background-size: cover;
 padding: 74px 60px 0 540px;
}
.linkArea h2{
 display: flex;
 flex-direction: column;
 justify-content: space-between;
 height: 76px;
 font-size: 1.2rem;
 font-weight: 300;
 margin-bottom: 28px;
}
.linkArea h2 .AvenirMedium{
 font-size: 5.2rem;
 line-height: 1;
}
.linkArea div p{
 font-size: 1.4rem;
 line-height: 2.4rem;
}
.linkArea .searchLink .linkBtn{ margin-top: 25px;}
.linkArea .trayLink .linkBtn{
 margin-top: 21px;
 margin-bottom: 15px;
 font-size: 1.3rem;
}
.linkArea div small{ font-size: 1rem;}




/*---------------
 カテゴリ
-----------------*/
.section-Category{ margin-bottom: 90px;}
.section-Category .linkMargin{ top: -100px;}
.section-Category ul{
 width: 1080px;
 margin: 80px auto 0;
 display: flex;
 flex-wrap: wrap;
}
.section-Category ul li{
 width: 330px;
 height: 180px;
 margin-bottom: 60px;
}
.section-Category ul li:not(:nth-of-type(3n)){ margin-right: 45px;}
.section-Category ul li a{
 display: block;
 width: 330px;
 height: 180px;
 position: relative;
 overflow: hidden;
 z-index: 1;
}
.section-Category ul li a img{ transform: translateZ(0);/*safariがたつき解消*/}
.section-Category ul li a::after{
 content: "";
 position: absolute;
 display: block;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background-repeat: no-repeat;
 background-position: top left;
 background-size: cover;
 transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1);
 transform-origin: left center;
 z-index: -1;
}
.section-Category ul li a:hover::after{ transform: scale(1.06) rotate(0.01deg);}
.section-Category ul li a.category-simple_modern::after{ background-image: url("/product/marukei/images/top/category01_img.jpg");}
.section-Category ul li a.category-japanese::after{ background-image: url("/product/marukei/images/top/category02_img.jpg");}
.section-Category ul li a.category-western::after{ background-image: url("/product/marukei/images/top/category03_img.jpg");}
.section-Category ul li a.category-chinese::after{ background-image: url("/product/marukei/images/top/category04_img.jpg");}
.section-Category ul li a.category-hospital_senior::after{ background-image: url("/product/marukei/images/top/category05_img.jpg");}
.section-Category ul li a.category-ud::after{ background-image: url("/product/marukei/images/top/category06_img.jpg");}
.section-Category ul li a.category-lunchbox::after{ background-image: url("/product/marukei/images/top/category07_img.jpg");}
.section-Category ul li a.category-reinforced_porcelain::after{ background-image: url("/product/marukei/images/top/category08_img.jpg");}
.section-Category ul li a.category-buffet::after{ background-image: url("/product/marukei/images/top/category09_img.jpg");}
.section-Category ul li a.category-table_goods::after{ background-image: url("/product/marukei/images/top/category10_img.jpg");}
.section-Category ul li a.category-kids_school::after{ background-image: url("/product/marukei/images/top/category11_img.jpg");}
.section-Category ul li a.category-tray::after{ background-image: url("/product/marukei/images/top/category12_img.jpg");}
.section-Category ul li a.category-clean::after{ background-image: url("/product/marukei/images/top/category13_img.jpg");}



/*---------------
 コーディネート
-----------------*/
.section-Coordinate{ margin-bottom: 200px;}