@charset "shift_jis";

.mainImg {
	margin: 0 auto 15px;
	max-width: 1600px;
	position: relative;
	height: 0;
	overflow: hidden;
}

.mainImg .intro {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	min-height: 100%;
	background: #FFF;
	z-index: 1002;
}

.mainImg .slick-dots {
	position: absolute;
	right: 18px;
	bottom: 14px;
	z-index: 1001;
}
.mainImg .slick-dots li {
    position: relative;
    display: inline-block;
	width: 5px;
	height: 4px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}
.mainImg .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
	background: url(../img/usr/common/icon10.png) no-repeat left top;
	width: 5px;
	height: 4px;
}

.mainImg .slick-dots li.slick-active button {
	background: url(../img/usr/common/icon11.png) no-repeat left top;
}

.shopBox {
	margin: 0 auto;
	max-width: 1600px;
}

.shopBox .iconBox {
	margin: 0 auto;
	width: 1080px;
	position: relative;
	z-index: 10;
}

.shopBox .prev {
	position: absolute;
	left: -14px;
	top: 34px;
}

.shopBox .next {
	position: absolute;
	right: -14px;
	top: 34px;
	padding: 0;
}

.linkBox {
	padding: 3px 25px 25px;
	max-width: 1230px;
	margin: 0 auto;
}

.linkBox .link {
	font-weight: 900;
	font-family: 'Lato', sans-serif;
	text-align: right;
}

.linkBox .link a {
	padding-right: 13px;
	margin-top: 6px;
	display: inline-block;
	position: relative;
	text-decoration: none;
	background: url(../img/usr/common/icon12.png) no-repeat right 5px;
}

.linkBox .link a::after {
    background-color: #000;
    bottom: -4px;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    transform: scaleX(0);
    transform-origin: right center 0;
    transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s, -webkit-transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    width: 100%;
}

.linkBox .link a:hover::after {
    transform: scaleX(1);
    transform-origin: left center 0;
}

#main .comBox h2 {
	margin: -7px 0 -0px;
}


/*------------------------------------------------------------
	coodinateArea
------------------------------------------------------------*/
.coodinateArea {
	max-width: 1245px;
	min-width: 1080px;
}

.coodinateArea .grid {
	overflow: hidden;
	padding-bottom: 55px;
}
.coodinateArea .grid .coodinateItem {
	float: left;
	width: 14.8%;
  margin: 0 1.1%;
}

.coodinateArea .grid div.coodinateItem:first-child,
.coodinateArea .grid div.coodinateItem:nth-child(6n+1) {
  margin: 0 1.1% 0 0;
}

.coodinateArea .grid div.coodinateItem:nth-child(6n) {
  margin: 0 0 0 1.1%;
}

.coodinateArea .grid .coodinateItem img {
	max-width: 100%;
	margin-bottom: 9.4%;
}

.coodinateArea .grid .coodinateItem a {
  padding-top: 55px;
  display: block;
  transition: .3s ;
}

.coodinateArea .grid .coodinateItem a:hover {
  text-decoration: none;
  opacity: 0.5;
}

.coodinateArea .coodinateItem .title {
  font-size: 13px;
  font-weight: 900;
  font-family: 'Lato', sans-serif;
  display: block;
}