@charset "utf-8";

/*----------------------------------------------------------------------------- index */
#kvWrap {
  position: relative;
  width: 100%;
  min-width: 1200px;
  margin: 0 auto 80px;
  background-image: url(../images/top/kv_image.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
#kvWrap:before {
  content:"";
  display: block;
  padding-top: 50%;
}
#kvWrap .kvLogo {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 307px;
  height: 52px;
}

#messageWrap {
  position: relative;
  margin: 0 auto 80px;
  width: 1200px;
  height: 506px;
}
#messageWrap h2 {
  position: absolute;
  top: 24px;
  left: 112px;
}
#messageWrap .text {
  position: absolute;
  top: 80px;
  left: 102px;
}
#messageWrap .photo {
  position: absolute;
  top: 0;
  right: 0;
}
#messageWrap .illust {
  position: absolute;
  top: 188px;
  left: 555px;
}

.onlineshopBn {
  width: 650px;
  margin: 0 auto 100px
}

#blogWrap {
  position: relative;
  margin: 0 auto 80px;
  background-color: #f6f2f1;
}
#blogWrap .inner {
  margin: auto;
  width: 1200px;
  height: 400px;
  background-image: url(../images/top/blog_bg.jpg);
  background-repeat: no-repeat;
  background-position: left;
  text-align: left;
}
#blogWrap .blogListWrap {
  padding: 60px 0 0 634px;
}
#blogWrap .blogListWrap h2 {
  margin: 0 0 25px 0;
}
#blogWrap .blogList {
  font-size: 15px;
}
#blogWrap .blogList li {
  margin-bottom: 15px;
  line-height: 1;
  vertical-align: middle;
}
#blogWrap .blogList .dateInfo,
#blogWrap .blogList a,
#blogWrap .blogList .blogTitle {
  text-decoration: none;
  display: inline-block;
  padding: 5px 0;
}
#blogWrap .blogList .area {
  display: inline-block;
  width: 100px;
  margin: 0 8px;
  text-align: center;
  font-size: 13px;
}
#blogWrap .blogList .nara {
  background-color: #cadec0;
}
#blogWrap .blogList .hyogo {
  background-color: #d4ecf3;
}
#blogWrap .blogList .mie {
  background-color: #efc2ac;
}

#shopWrap {
  position: relative;
  margin: 0 auto 80px;
}
#shopWrap .inner {
  position: relative;
  margin: auto;
  width: 1200px;
  height: 690px;
  background-image: url(../images/top/shop_bg.jpg);
  background-repeat: no-repeat;
  background-position: left top;
  text-align: left;
}
#shopWrap h2 {
  text-align: right;
  margin: 0 0 25px 0;
  padding-top: 15px;
}
#shopWrap .tenri,
#shopWrap .arute,
#shopWrap .silkia,
#shopWrap .ayameike,
#shopWrap .ashia,
#shopWrap .takrazuka,
#shopWrap .tsu,
#shopWrap .illust {
  position: absolute;
}
#shopWrap .tenri {
  top: 224px;
  left: 130px;
}
#shopWrap .arute {
  top: 94px;
  left: 388px;
}
#shopWrap .silkia {
  top: 170px;
  left: 644px;
}
#shopWrap .ayameike {
  top: 68px;
  left: 900px;
}
#shopWrap .ashia {
  top: 430px;
  left: 644px;
}
#shopWrap .takrazuka {
  top: 354px;
  left: 388px;
}
#shopWrap .tsu {
  top: 328px;
  left: 900px;
}
#shopWrap .illust {
  top: 558px;
  left: 100px;
}

#instaWrap h2 {
  margin: 0 auto 30px;
}
#instaWrap {
  clear: both;
  margin:auto;
  overflow: hidden;
  width: 1184px;
}

.instaList li {
	width: 148px;
	height: 148px;
	float: left;
	margin: 0;
	overflow:hidden;
	display: table-cell;
	border: none;
}
.instaList li a {
	display: block;
	padding-top: 100%;
	overflow: hidden;
	position:relative;
}
.instaList li a img {
	position:absolute;
	top:0;
	bottom: 0;
	left:0;
	right: 0;
	margin: auto;
  -webkit-transform: none;
  -ms-transform:  none;
  transform:  none;
}
.instaList li img:hover {
  opacity:0.7;
}