#main-visual {
	overflow: hidden;
	margin-bottom: 80px;
}

#main-visual li img {
	width: 100%;
	box-shadow: 2px 2px 22px -8px rgba(0,0,0,0.3);
	transition: ease-in-out .2s;
}
#main-visual li a {
	display: block;
}
#main-visual li a:hover img {
	transform: scale(1.05);
}
#main-visual li a:hover {
	
}
#main-visual .swiper-container {
	margin-left: -120px;
	margin-right: -120px;
	padding-top: 50px;
	padding-bottom: 90px;
}
#main-visual .swiper-pagination-bullet {
  width: 30px;
  height: 2px;
  border-radius: 0;
margin-left: 2px;
	margin-right: 2px;
}
#main-visual .swiper-pagination-bullet-active {
  background: #d80d18;
}

#main-visual .swiper-button-prev {
	width: 50px;
	height: 50px;
	background-image: url( "../images/pager_prev.png");
	background-size: cover;
	right: 16%;
	left: inherit;
	bottom: 0;
	top: inherit;
	z-index: 10;
	position: static;
	display: inline-block;
	margin-right: 5px;
}
#main-visual .pager {
  position: absolute;
  z-index: 12;
  right: 10%;
 bottom: 50px;
	margin-right: 96px;
	
}
#main-visual .swiper-pagination-bullet-active {
  background: #d80d18;
}

#main-visual .swiper-button-prev {
	width: 50px;
	height: 50px;
	background-image: url( "../images/pager_prev.png");
	background-size: cover;
	right: 16%;
	left: inherit;
	bottom: 0;
	top: inherit;
	z-index: 10;
	position: static;
	display: inline-block;
	margin-right: 5px;
}
#main-visual .swiper-button-next {
	width: 50px;
	height: 50px;
	background-image: url( "../images/pager_next.png");
	background-size: cover;
	right: 10%;
	bottom: 0;
	top: inherit;
	z-index: 10;
	position: static;
	display: inline-block;
}

#news {
	padding-top: 110px;
	position: relative;
	margin-bottom: 110px;
}
#news h2 {
	font-size: 14px;
font-weight: 500;
letter-spacing: 0.05em;
margin-bottom: 70px;
	float: left;
	margin-right: 80px;
}

#news h2:before {
  content: attr( data-title );
  font-family: 'Vollkorn', serif;
  display: block;
  font-size: 46px;
  margin-bottom: 8px;
  font-weight: 400;
  letter-spacing: 0.05em;
}
#news ul {
	overflow: hidden;
	border-top: #e3e3e3 1px solid;
}
#news li {
	border-bottom: #e3e3e3 1px solid;
	line-height: 1.6;
}
#news li a {
	display: block;
	padding-top: 18px;
	padding-bottom: 18px;
}
#news li a:hover p {
    text-decoration: underline;
    color: #757575;
}
#news li dl {
	margin-right: 20px;
	float: left;
}
#news li dt {
	display: inline-block;
	font-family: 'Vollkorn', serif;
	margin-right: 15px;
	vertical-align: middle;
}
#news li dd {
	display: inline-block;
	vertical-align: middle;
	font-size: 12px;
	background-color: #000;
	color: #fff;
	font-weight: 700;
	line-height: 1.2;
	min-width: 90px;
	text-align: center;
	padding: 3px;
}
#news li p {
	overflow: hidden;
	transition: ease-in-out .3s;
}
#news .btn {
	position: absolute;
	z-index: 1;
	left: 0;
	bottom: 90px;
	width: 220px;
}

#shop-search {
	position: relative;
}
#shop-search:before {
    background-color: #FBEAEB;
    content: "";
    position: absolute;
    z-index: -1;
    left: 19%;
    right: 0;
    top: 15px;
    bottom: 100px;
}
#shop-search h2 {
	font-size: 14px;
font-weight: 500;
text-align: center;
letter-spacing: 0.05em;
margin-bottom: 70px;
}
#shop-search h2:before {
  content: attr( data-title );
  font-family: 'Vollkorn', serif;
  display: block;
  font-size: 46px;
  margin-bottom: 8px;
  font-weight: 400;
  letter-spacing: 0.05em;
}
#shop-search .wrap {
	background-color: #fff;
	padding: 50px;
	box-shadow: 5px 5px 22px -8px rgba(0,0,0,0.2);
}
#shop-search .wrap h3 {
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 20px;
}
#shop-search .wrap h3 span {
	font-size: 29px;
	margin-right: 15px;
	font-weight: 400;
	font-family: 'Vollkorn', serif;
	vertical-align: middle;
	letter-spacing: 0.04em;
	
}
#shop-search .wrap ul {
	margin-left: -1%;
	margin-right: -1%;
	margin-bottom: 20px;
}
#shop-search .wrap li {
	width: 31.3333%;
	margin-left: 1%;
	margin-right: 1%;
	margin-bottom: 2%;
}
#shop-search .wrap li a{
	border: #000 1px solid;
	display: block;
	padding: 12px;
	box-sizing: border-box;
	font-weight: 500;
letter-spacing: 0.15em;
	font-feature-settings: "palt";
	position: relative;
	padding-left: 50px;
	-webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
#shop-search .wrap li a:hover{
	background-color: #000;
	color: #fff;
}
#shop-search .wrap li a:before {
    background-image: url( "../images/cat_icon_fashion.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left center;
	width: 38px;
	height: 32px;
	content: "";
	position: absolute;
	z-index: 1;
	left: 12px;
	top: 50%;
	margin-top: -16px;
}
#shop-search .wrap li a:hover:before {
	animation: 1s fuwafuwa 2;
}
@keyframes fuwafuwa {
  0% {
	  transform:translate(0px,)rotate(0deg);
  }
30% {
	  transform:translateY(-5px)rotate(-7deg);
  }
  50% {
	  transform:translateY(0px)rotate(0deg);
  }
	75% {
	  transform:translateY(0px)rotate(0deg);
  }
}
#shop-search .wrap li:nth-child(2) a:before {
    background-image: url( "../images/cat_icon_general.png");
}
#shop-search .wrap li:nth-child(3) a:before {
    background-image: url( "../images/cat_icon_life.png");
}
#shop-search .wrap li:nth-child(4) a:before {
    background-image: url( "../images/cat_icon_culture.png");
}
#shop-search .wrap li:nth-child(5) a:before {
    background-image: url( "../images/cat_icon_cafe.png");
}
#shop-search .wrap li:nth-child(6) a:before {
    background-image: url( "../images/cat_icon_other.png");
}
#shop-search .wrap li a:after {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 0 4px 6px;
  border-color: transparent transparent transparent #000;
  content: "";
  position: absolute;
  z-index: 1;
  right: 15px;
  top: 50%;
  margin-top: -4px;
  transition: ease-in-out .2s;
}
#shop-search .wrap li a:hover:after {
  border-color: transparent transparent transparent #fff;
}

#shop-search .wrap .search-results {
	text-align: center;
}
#shop-search .wrap .search-results .txt{
    background-color: #f4f4f4;
    box-sizing: border-box;
    height: 58px;
    border: none;
    padding: 10px;
    width: 75%;
    font-size: 16px;
    background-image: url("../images/search_icon.png");
    background-size: 25px;
    background-repeat: no-repeat;
    background-position: left 15px center;
	padding-left: 5%;
	transition: ease-in-out .3s;
}
#shop-search .wrap .search-results .txt:focus {
    background-color: #EFEFEF;
}
::placeholder {
  color: #b1b1b1;
	font-size: 13px;
	font-weight: 700;
}
/* 旧Edge対応 */
::-ms-input-placeholder {
  color: #b1b1b1;
	font-size: 13px;
	font-weight: 700;
}
/* IE対応 */
:-ms-input-placeholder {
  color: #b1b1b1;
	font-size: 13px;
	font-weight: 700;
}
#shop-search .wrap .search-results .search {
	display: flex;
	align-items: center;
	margin: auto;
}
#shop-search .wrap .search-results .btn {
	margin-left: 2%;
}
#shop-search .wrap .search-results button {
	background-color: #000;
	border: none;
	color: #fff;
	font-size: 17px;
	font-family: 'Vollkorn', serif;
	font-weight: 500;
	box-sizing: border-box;
	height: 58px;
	width: 220px;
	
	cursor: pointer;
	-webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
@media screen and (max-width:980px){
#news h2 {
  float: none;
  margin-right: 0px;
	text-align: center;
}
#news .btn {
  position:static;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
}
#news li dl {
  margin-right: 0px;
  float: none;
	margin-bottom: 10px;
}
#shop-search .wrap li {
  width: 45.9999%;
}
#shop-search .wrap .search-results button {
  width: 190px;
}
#main-visual .swiper-container {
  margin-left: 0px;
  margin-right: 0px;
}
#main-visual .pager {
  right: 10%;
	margin-right: 0px;
}
}
@media screen and (max-width:600px){
#main-visual .swiper-button-prev {
  width: 40px;
  height: 40px;
}
#main-visual .swiper-button-next {
  width: 40px;
  height: 40px;
}
#main-visual .swiper-pagination-bullet {
  width: 15px;
}
#main-visual .swiper-container {
  padding-bottom: 60px;
}
#main-visual .pager {
  bottom: 30px;
}
#shop-search .wrap li {
  width: 100%;
	margin-left: 0;
	margin-right: 0;
}
#shop-search .wrap ul {
  margin-left: 0%;
  margin-right: 0%;
}
#shop-search .wrap {
  padding: 20px;
	padding-top: 30px;
	padding-bottom: 30px;
}
#shop-search .wrap .search-results .search {
  display: block;
}
#shop-search .wrap .search-results .txt {
  height: 55px;
  width: 100%;
background-size: 20px;
background-position: left 10px center;
padding-left: 40px;
}
#shop-search .wrap .search-results .btn {
  margin-left: 0%;
}
#shop-search .wrap .search-results .btn button {
  width: 220px;
  margin-left: 0%;
  margin-top: 25px;
  font-size: 16px;
	height: 55px;
}
#shop-search .wrap h3 span {
	display: block;
	margin-right: 0;
}
	#shop-search .wrap h3 {
		text-align: center;
}
}
@media screen and (max-width:480px){
#main-visual .swiper-container {
  padding-top: 28px;
}
#news h2 {
  font-size: 13px;
margin-bottom: 35px;
}
#news h2::before {
	margin-bottom: 0px;
    font-size: 32px;
}
#main-visual {
  margin-bottom: 40px;
}
#news li dd {
  font-size: 11px;
  min-width: 75px;
}
#news li dt {
  margin-right: 10px;
}
#news li a {
  padding-top: 20px;
  padding-bottom: 20px;
}
#news {
  padding-top: 70px;
  margin-bottom: 70px;
}
#shop-search h2 {
  font-size: 13px;
	margin-bottom: 35px;
}
#shop-search h2::before {
  font-size: 32px;
  margin-bottom: 0px;
}
#shop-search .wrap h3 span {
  font-size: 21px;
	display: block;
}
#shop-search .wrap h3 {
  font-size: 13px;
	line-height: 1.5;
	text-align: center;
}
#shop-search::before {
  left: 12%;
}
}