@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&family=Raleway:wght@400;500;700&display=swap");
.none {
  display: none;
}

a {
  display: inline;
}

img {
  image-rendering: -webkit-optimize-contrast;
}

body {
  margin: auto;
  font-feature-settings: "palt";
  font-weight: 400;
  overflow-x: hidden;
  padding: 0;
  margin: 0;
  font-family: 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Meiryo, Osaka, "メイリオ","ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
body #header,
body #footer,
body [class*="content_wrapper"] {
  font-size: 16px;
  color: #333333;
}
body #header *,
body #footer *,
body [class*="content_wrapper"] * {
  box-sizing: border-box;
  background-repeat: no-repeat;
}
body #header *:before, body #header *:after,
body #footer *:before,
body #footer *:after,
body [class*="content_wrapper"] *:before,
body [class*="content_wrapper"] *:after {
  box-sizing: border-box;
  background-repeat: no-repeat;
}
body #header a,
body #footer a,
body [class*="content_wrapper"] a {
  display: inherit;
}
body #mt_contents_area * {
  box-sizing: border-box;
  background-repeat: no-repeat;
}
body #mt_contents_area *:before, body #mt_contents_area *:after {
  box-sizing: border-box;
  background-repeat: no-repeat;
}
body #header img,
body #footer img,
body .top_main_content_wrapper img,
body .world_contents_inner img {
  width: 100%;
}
body #header ~ #contents a.anchor, body #header ~ #contents a.anchor_out, body #header ~ #contents a.anchor_in,
body #header ~ #mainwrap a.anchor,
body #header ~ #mainwrap a.anchor_out,
body #header ~ #mainwrap a.anchor_in,
body #footer ~ #contents a.anchor,
body #footer ~ #contents a.anchor_out,
body #footer ~ #contents a.anchor_in,
body #footer ~ #mainwrap a.anchor,
body #footer ~ #mainwrap a.anchor_out,
body #footer ~ #mainwrap a.anchor_in {
  padding-top: 0;
  margin-top: 0;
}
body ._sc_suggest {
  width: 100% !important;
  top: 100% !important;
}
body a {
  color: inherit;
}
body a img {
  transition: opacity 0.3s linear;
}
body a:hover {
  text-decoration: none;
}
body a:hover img {
  opacity: 0.6;
}
body a.hover {
  -webkit-transition: opacity 300ms;
  transition: opacity 300ms;
  cursor: pointer;
}
body a.hover:hover {
  opacity: 0.6;
}
body a.hover:hover img {
  opacity: 1;
}
body a[href^="tel:"], body a.under {
  text-decoration: underline;
}
body a[href^="tel:"]:hover, body a.under:hover {
  text-decoration: none;
}
body a.anchor {
  position: absolute;
  margin-top: 20px;
  padding-top: 0px;
}
body a.anchor_out {
  position: absolute;
  margin-top: -20px;
  padding-top: 20px;
}
body img {
  vertical-align: bottom;
}
body .img {
  position: relative;
}
body .img.default > div {
  border-radius: 8px;
  overflow: hidden;
}
body .img.circle > div {
  border-radius: 50%;
  overflow: hidden;
}
body .text_left {
  text-align: justify;
  text-align-last: left;
  word-break: break-all;
}
body .maru {
  font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}
body .h_title {
  font-family: 'Raleway','Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Meiryo, Osaka, "メイリオ","ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
body .serif {
  font-family: 'ヒラギノ明朝 ProN W3','Hiragino Mincho ProN','ヒラギノ明朝 Pro','Hiragino Mincho Pro','游明朝','Yu Mincho','Noto Serif JP',HG明朝B,'ＭＳ Ｐ明朝','ＭＳ 明朝',Georgia,'Times New Roman',serif;
}

#main,
div.contentWrapper {
  position: relative;
}

html.fiexd {
  min-width: 1080px;
  overflow-x: hidden;
}

body div.autocomplete {
  position: relative;
  width: 100%;
  height: 50px;
  margin: auto;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
body div.autocomplete #main_content_search {
  width: 100%;
  height: 100%;
}
body div.autocomplete input.search {
  width: 100%;
  height: 100%;
  border: 1px solid #999999;
  border-width: 1px 0 1px 1px;
  border-radius: 8px 0 0 8px;
  background-color: #fff;
  padding: 0 20px;
  font-size: 16px;
}
body div.autocomplete #main_content_search_submit,
body div.autocomplete button {
  width: 60px;
  height: 100%;
  border: 1px solid #999999;
  border-width: 1px 1px 1px 0;
  border-radius: 0 8px 8px 0;
  background-color: #fff;
  background-position: center;
  background-image: url("/ec/shop/hanshin/images/top/pc/icon_search_gr.png");
  background-size: 25px auto;
}
body #side-keyword div.autocomplete {
  height: auto;
}

.pcnone {
  display: none !important;
}

.spnone {
  display: inline;
}

body .heading_title {
  text-align: center;
}
body .heading_title.content_title {
  font-size: 44px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 2px;
  white-space: nowrap;
}
body .heading_title.sub_title {
  font-size: 16px;
  line-height: 1;
  letter-spacing: 2px;
  margin-top: 15px;
}
body * > .heading_title:first-child {
  margin-top: 30px;
}
body a.anchor_out {
  position: absolute;
  margin-top: -110px;
  padding-top: 110px;
}
body .btn {
  margin: auto;
  position: relative;
  z-index: 10;
  cursor: pointer;
}
body .btn > span,
body .btn > a {
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  position: relative;
}
body .btn.default {
  width: 300px;
  height: 70px;
}
body .btn.default > span,
body .btn.default > a {
  border-radius: 35px;
  font-size: 16px;
  transition: background 0.3s linear;
  position: relative;
  transition: color 0.3s linear;
  box-shadow: 4px 6px 3px rgba(0, 0, 0, 0.16);
  cursor: pointer;
}
body .btn.default > span:before,
body .btn.default > a:before {
  border: #08ab47 2px solid;
  border-radius: 35px;
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  transition: opacity 0.3s linear;
  z-index: -1;
  background-color: #fff;
}
body .btn.default > span:after,
body .btn.default > a:after {
  border-radius: 35px;
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: -2;
  background: #0b7c38;
  background: -moz-linear-gradient(top, #0b7c38 0%, #06b34f 100%);
  background: -webkit-linear-gradient(top, #0b7c38 0%, #06b34f 100%);
  background: linear-gradient(to bottom, #0b7c38 0%, #06b34f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b7c38', endColorstr='#06b34f',GradientType=0 );
}
body .btn.default > span:hover,
body .btn.default > a:hover {
  opacity: 1;
  color: #fff;
}
body .btn.default > span:hover:before,
body .btn.default > a:hover:before {
  opacity: 0;
}
body .btn.default.download a span:after {
  content: "";
  display: block;
  position: absolute;
  width: 24px;
  height: 20px;
  background-size: contain;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 20px;
  background-image: url("/ec/shop/hanshin/images/top/pc/icon_download.png");
  -webkit-transition: background 300ms;
  transition: background 300ms;
}
body .btn.default.download a:hover span:after {
  background-image: url("/ec/shop/hanshin/images/top/pc/icon_download_wh.png");
}
body .btn.default.arrow_right a span:before, body .btn.default.arrow_right a span:after {
  content: "";
  display: block;
  position: absolute;
  width: 12px;
  height: 4px;
  background-color: #08ab47;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 20px;
  -webkit-transition: background 300ms;
  transition: background 300ms;
  transform-origin: right center;
}
body .btn.default.arrow_right a span:before {
  bottom: 3px;
  transform: rotate(-45deg);
  border-radius: 2px 0 2px 2px;
}
body .btn.default.arrow_right a span:after {
  top: 3px;
  transform: rotate(45deg);
  border-radius: 2px 2px 0 2px;
}
body .btn.default.arrow_right a:hover span:before, body .btn.default.arrow_right a:hover span:after {
  background-color: #fff;
}
body .btn.default.arrow_down a span:before, body .btn.default.arrow_down a span:after {
  content: "";
  display: block;
  position: absolute;
  width: 12px;
  height: 4px;
  background-color: #08ab47;
  top: -12px;
  bottom: 0;
  margin: auto;
  right: 20px;
  -webkit-transition: background 300ms;
  transition: background 300ms;
}
body .btn.default.arrow_down a span:before {
  transform-origin: right center;
  transform: rotate(-45deg);
  right: 18px;
  border-radius: 2px 2px 2px 0;
}
body .btn.default.arrow_down a span:after {
  transform-origin: left center;
  transform: rotate(45deg);
  border-radius: 2px 2px 0 2px;
}
body .btn.default.arrow_down a:hover span:before, body .btn.default.arrow_down a:hover span:after {
  background-color: #fff;
}
body .btn.default.border_gy > span:before,
body .btn.default.border_gy > a:before {
  border: #d9d9d9 1px solid;
}
body .btn.product_search {
  width: 200px;
  height: 60px;
}
body .btn.product_search > span,
body .btn.product_search > a {
  border-radius: 30px;
  font-size: 16px;
  transition: background 0.3s linear;
  position: relative;
  transition: color 0.3s linear;
}
body .btn.product_search > span:before,
body .btn.product_search > a:before {
  border: #d9d9d9 1px solid;
  border-radius: 30px;
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  transition: opacity 0.3s linear;
  z-index: -1;
  background-color: #fff;
}
body .btn.product_search > span:after,
body .btn.product_search > a:after {
  border-radius: 30px;
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: -2;
  background: #0b7c38;
  background: -moz-linear-gradient(top, #0b7c38 0%, #06b34f 100%);
  background: -webkit-linear-gradient(top, #0b7c38 0%, #06b34f 100%);
  background: linear-gradient(to bottom, #0b7c38 0%, #06b34f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b7c38', endColorstr='#06b34f',GradientType=0 );
}
body .btn.product_search > span:hover,
body .btn.product_search > a:hover {
  opacity: 1;
  color: #fff;
}
body .btn.product_search > span:hover:before,
body .btn.product_search > a:hover:before {
  opacity: 0;
}
body .btn.product_search.arrow_right a span:before, body .btn.product_search.arrow_right a span:after {
  content: "";
  display: block;
  position: absolute;
  width: 12px;
  height: 4px;
  background-color: #08ab47;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 20px;
  -webkit-transition: background 300ms;
  transition: background 300ms;
  transform-origin: right center;
}
body .btn.product_search.arrow_right a span:before {
  bottom: 3px;
  transform: rotate(-45deg);
  border-radius: 2px 0 2px 2px;
}
body .btn.product_search.arrow_right a span:after {
  top: 3px;
  transform: rotate(45deg);
  border-radius: 2px 2px 0 2px;
}
body .btn.product_search.arrow_right a:hover span:before, body .btn.product_search.arrow_right a:hover span:after {
  background-color: #fff;
}
body .btn.product_search.arrow_down a span:before, body .btn.product_search.arrow_down a span:after {
  content: "";
  display: block;
  position: absolute;
  width: 12px;
  height: 4px;
  background-color: #08ab47;
  top: -12px;
  bottom: 0;
  margin: auto;
  right: 20px;
  -webkit-transition: background 300ms;
  transition: background 300ms;
}
body .btn.product_search.arrow_down a span:before {
  transform-origin: right center;
  transform: rotate(-45deg);
  right: 18px;
  border-radius: 2px 2px 2px 0;
}
body .btn.product_search.arrow_down a span:after {
  transform-origin: left center;
  transform: rotate(45deg);
  border-radius: 2px 2px 0 2px;
}
body .btn.product_search.arrow_down a:hover span:before, body .btn.product_search.arrow_down a:hover span:after {
  background-color: #fff;
}
body .btn.item_search {
  width: 540px;
  height: 60px;
}
body .btn.item_search > span,
body .btn.item_search > a {
  border-radius: 30px;
  background-color: #08ab47;
  border: 2px solid #08ab47;
  color: #fff;
  font-size: 18px;
  font-weight: 900;
  -webkit-transition: all 300ms;
  transition: all 300ms;
  box-shadow: 4px 6px 3px rgba(0, 0, 0, 0.16);
}
body .btn.item_search > span span:before, body .btn.item_search > span span:after,
body .btn.item_search > a span:before,
body .btn.item_search > a span:after {
  content: "";
  display: block;
  position: absolute;
  width: 12px;
  height: 4px;
  background-color: #fff;
  top: -12px;
  bottom: 0;
  margin: auto;
  right: 20px;
  -webkit-transition: background 300ms;
  transition: background 300ms;
}
body .btn.item_search > span span:before,
body .btn.item_search > a span:before {
  transform-origin: right center;
  transform: rotate(-45deg);
  right: 18px;
  border-radius: 2px 2px 2px 0;
}
body .btn.item_search > span span:after,
body .btn.item_search > a span:after {
  transform-origin: left center;
  transform: rotate(45deg);
  border-radius: 2px 2px 0 2px;
}
body .btn.item_search > span:hover,
body .btn.item_search > a:hover {
  background-color: #fff;
  color: #08ab47;
}
body .btn.item_search > span:hover span:before, body .btn.item_search > span:hover span:after,
body .btn.item_search > a:hover span:before,
body .btn.item_search > a:hover span:after {
  background-color: #08ab47;
}
body .btn.list_nav {
  width: 365px;
  height: 70px;
}
body .btn.list_nav > span,
body .btn.list_nav > a {
  border-radius: 35px;
  background-color: #08ab47;
  border: 2px solid #08ab47;
  color: #fff;
  font-size: 18px;
  font-weight: 900;
  -webkit-transition: all 300ms;
  transition: all 300ms;
  box-shadow: 4px 6px 3px rgba(0, 0, 0, 0.16);
}
body .btn.list_nav > span:hover,
body .btn.list_nav > a:hover {
  background-color: #fff;
  color: #08ab47;
}
body .btn.list_nav.arrow_right a span:before, body .btn.list_nav.arrow_right a span:after {
  content: "";
  display: block;
  position: absolute;
  width: 12px;
  height: 4px;
  background-color: #fff;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 20px;
  -webkit-transition: background 300ms;
  transition: background 300ms;
  transform-origin: right center;
}
body .btn.list_nav.arrow_right a span:before {
  bottom: 3px;
  transform: rotate(-45deg);
  border-radius: 2px 0 2px 2px;
}
body .btn.list_nav.arrow_right a span:after {
  top: 3px;
  transform: rotate(45deg);
  border-radius: 2px 2px 0 2px;
}
body .btn.list_nav.arrow_right a:hover span:before, body .btn.list_nav.arrow_right a:hover span:after {
  background-color: #08ab47;
}
body .btn.list_nav.arrow_down a span:before, body .btn.list_nav.arrow_down a span:after {
  content: "";
  display: block;
  position: absolute;
  width: 12px;
  height: 4px;
  background-color: #fff;
  top: -12px;
  bottom: 0;
  margin: auto;
  right: 20px;
  -webkit-transition: background 300ms;
  transition: background 300ms;
}
body .btn.list_nav.arrow_down a span:before {
  transform-origin: right center;
  transform: rotate(-45deg);
  right: 18px;
  border-radius: 2px 2px 2px 0;
}
body .btn.list_nav.arrow_down a span:after {
  transform-origin: left center;
  transform: rotate(45deg);
  border-radius: 2px 2px 0 2px;
}
body .btn.list_nav.arrow_down a:hover span:before, body .btn.list_nav.arrow_down a:hover span:after {
  background-color: #08ab47;
}
body .btn.more > span,
body .btn.more > a {
  line-height: 1;
  font-size: 16px;
  display: inline-block;
  width: auto;
  padding: 0 30px;
}
body .btn.more > span span,
body .btn.more > a span {
  position: relative;
  display: inline-block;
}
body .btn.more > span span:before, body .btn.more > span span:after,
body .btn.more > a span:before,
body .btn.more > a span:after {
  content: "";
  display: block;
  position: absolute;
  width: 18px;
  height: 4px;
  background-color: #08ab47;
  border-radius: 2px;
  right: -25px;
  top: 0;
  bottom: 0;
  margin: auto;
  -webkit-transition: all 300ms;
  transition: all 300ms;
}
body .btn.more > span span:after,
body .btn.more > a span:after {
  transform: rotate(90deg);
}
body .btn.more.widebtn {
  width: 996px;
  height: 60px;
  margin: auto;
}
body .btn.more.widebtn > span,
body .btn.more.widebtn a {
  border-radius: 30px;
  line-height: 1;
  font-size: 18px;
  display: -webkit-flex;
  display: flex;
  padding: 0;
  position: relative;
  border: 1px solid #d9d9d9;
  border-bottom: none;
  box-shadow: 4px 6px 3px rgba(0, 0, 0, 0.16);
}
body .btn.more.widebtn > span span,
body .btn.more.widebtn a span {
  position: static;
  display: inline-block;
}
body .btn.more.widebtn > span span:before, body .btn.more.widebtn > span span:after,
body .btn.more.widebtn a span:before,
body .btn.more.widebtn a span:after {
  right: 30px;
}
body .btn.more.on > span span:before,
body .btn.more.on > a span:before {
  transform: rotate(-180deg);
}
body .btn.more.on > span span:after,
body .btn.more.on > a span:after {
  transform: rotate(0);
}
body .btn.menue > span,
body .btn.menue > a {
  -webkit-transition: background 300ms;
  transition: background 300ms;
}
body .btn.menue > span:hover,
body .btn.menue > a:hover {
  opacity: 1;
  background-color: #f0faf4;
}
body .btn.search {
  z-index: 30;
}
body div.tab {
  width: 100%;
  position: relative;
}
body div.tab div.horizontal-scroll {
  padding: 8px 30px 25px 30px;
  overflow-y: hidden;
  overflow-x: scroll;
  white-space: nowrap;
  width: 100%;
  position: relative;
  overflow-scrolling: touch;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
body div.tab div.horizontal-scroll::-webkit-scrollbar {
  display: none;
  height: 5px;
}
body div.tab div.horizontal-scroll::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0);
}
body div.tab div.horizontal-scroll::-webkit-scrollbar-thumb {
  background: rgba(8, 171, 71, 0.3);
  border-radius: 5px;
}
body div.tab .arrow_content {
  display: none;
}
body div.tab ul {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
body div.tab ul li {
  display: inline-block;
  height: 30px;
  border-right: 1px solid #d9d9d9;
}
body div.tab ul li > span,
body div.tab ul li a {
  padding: 0 40px;
  height: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  line-height: 1;
  font-size: 20px;
  font-weight: 900;
  white-space: nowrap;
  position: relative;
}
body div.tab ul li > span span,
body div.tab ul li a span {
  display: inline-block;
}
body div.tab ul li > span span:before,
body div.tab ul li a span:before {
  content: "";
  display: block;
  position: absolute;
  width: calc(100% - 50px);
  height: 5px;
  background-color: #08ab47;
  left: -15px;
  right: -15px;
  bottom: -20px;
  margin: auto;
  opacity: 0;
  -webkit-transition: opacity 300ms;
  transition: opacity 300ms;
  border-radius: 3px;
}
body div.tab ul li > span.current span:before,
body div.tab ul li a.current span:before {
  opacity: 1;
}
body div.tab ul li:nth-of-type(1) {
  border-left: 1px solid #d9d9d9;
}
body div.tab ul.inherit {
  -webkit-justify-content: inherit;
  justify-content: inherit;
}
body div.content_menue ul {
  width: 1000px;
  margin: auto;
  border: 1px solid #cccccc;
  border-radius: 8px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.15);
}
body div.content_menue ul li {
  width: 25%;
  height: 100px;
  position: relative;
}
body div.content_menue ul li a {
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  font-size: 18px;
  line-height: 1.3;
  padding-bottom: 15px;
}
body div.content_menue ul li a:after {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 13px 8px 0 8px;
  border-color: #08ab47 transparent transparent;
  left: 0;
  right: 0;
  bottom: 15px;
  margin: auto;
}
body div.content_menue ul li.food a:after {
  border-color: #ffa726 transparent transparent;
}
body div.content_menue ul li.life a:after {
  border-color: #90a4ae transparent transparent;
}
body div.content_menue ul li.fashion a:after {
  border-color: #9fa8da transparent transparent;
}
body div.content_menue ul li.cosme a:after {
  border-color: #ef9a9a transparent transparent;
}
body div.content_menue ul li:nth-of-type(n+2) {
  border-left: 1px solid #cccccc;
}
body ul.flex_list {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 40px auto auto;
}
body ul.flex_list_center {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: auto;
}
body ul.flex_list.wide100 {
  width: 100%;
  padding: 0 80px;
}
body ul.flex_list.max1000 {
  width: 1000px;
}
body .title.border_icon {
  font-size: 28px;
  font-weight: 900;
  line-height: 1;
  position: relative;
  padding-left: 30px;
  margin: 0 0 60px;
  text-align: left;
}
body .title.border_icon:before {
  content: "";
  display: block;
  position: absolute;
  width: 10px;
  height: 50px;
  border-radius: 5px;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background-color: #08ab47;
}

#side-fixed-btn {
  display: none !important;
}

#item_search_tracking {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 10px;
  text-align: right;
  z-index: 100;
  background-color: #fff;
  border-radius: 50%;
  width: 110px;
  height: 110px;
}
#item_search_tracking a {
  display: inline-block;
  width: 110px;
  height: 110px;
  border-radius: 50%;
  background-image: url("/ec/shop/hanshin/images/top/pc/item_search.png");
  background-repeat: no-repeat;
  background-size: contain;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  transition: opacity .3s ease-out;
  box-shadow: 4px 6px 3px rgba(0, 0, 0, 0.16);
}
#item_search_tracking a:hover {
  opacity: 0.6;
}
#item_search_tracking.bottom {
  position: absolute;
  bottom: 20px;
}

[id*="slide_carousel"] div[id*="ItemList"]:nth-of-type(n+3) .sliderlist {
  margin-top: 70px;
}
[id*="slide_carousel"] div[id*="ItemList"]:nth-last-child(1) .sliderlist {
  margin-bottom: 0;
}
[id*="slide_carousel"] div[id*="ItemList"]:empty {
  display: none !important;
}

.ranking div.content_unit,
.newitem div.content_unit {
  margin: 50px auto 40px;
}
.ranking div.tab,
.newitem div.tab {
  margin: auto auto 70px;
}

div.slide_carousel,
div.slide_clm {
  margin: auto auto 50px;
  padding: 0 0px;
}
div.slide_carousel .title,
div.slide_clm .title {
  font-size: 26px;
  font-weight: 900;
  line-height: 1;
  position: relative;
  padding-left: 30px;
  margin: 0 80px 70px;
  text-align: left;
}
div.slide_carousel .title:before,
div.slide_clm .title:before {
  content: "";
  display: block;
  position: absolute;
  width: 10px;
  height: 50px;
  border-radius: 5px;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
div.slide_carousel > ul,
div.slide_carousel ul.slick-slider,
div.slide_clm > ul,
div.slide_clm ul.slick-slider {
  margin: auto 68px auto;
  padding: 0;
  border: 0;
}
div.slide_carousel > ul .slick-list,
div.slide_carousel ul.slick-slider .slick-list,
div.slide_clm > ul .slick-list,
div.slide_clm ul.slick-slider .slick-list {
  padding: 0px 0 0;
  overflow: visible;
}
div.slide_carousel > ul > li,
div.slide_carousel > ul li.slick-slide,
div.slide_carousel ul.slick-slider > li,
div.slide_carousel ul.slick-slider li.slick-slide,
div.slide_clm > ul > li,
div.slide_clm > ul li.slick-slide,
div.slide_clm ul.slick-slider > li,
div.slide_clm ul.slick-slider li.slick-slide {
  margin: 0 12px;
}
div.slide_carousel > ul > li div.img div,
div.slide_carousel > ul li.slick-slide div.img div,
div.slide_carousel ul.slick-slider > li div.img div,
div.slide_carousel ul.slick-slider li.slick-slide div.img div,
div.slide_clm > ul > li div.img div,
div.slide_clm > ul li.slick-slide div.img div,
div.slide_clm ul.slick-slider > li div.img div,
div.slide_clm ul.slick-slider li.slick-slide div.img div {
  border: 1px solid #d9d9d9;
}
div.slide_carousel > ul > li a,
div.slide_carousel > ul li.slick-slide a,
div.slide_carousel ul.slick-slider > li a,
div.slide_carousel ul.slick-slider li.slick-slide a,
div.slide_clm > ul > li a,
div.slide_clm > ul li.slick-slide a,
div.slide_clm ul.slick-slider > li a,
div.slide_clm ul.slick-slider li.slick-slide a {
  display: block;
  padding: 0;
}
div.slide_carousel > ul > li p,
div.slide_carousel > ul > li span,
div.slide_carousel > ul li.slick-slide p,
div.slide_carousel > ul li.slick-slide span,
div.slide_carousel ul.slick-slider > li p,
div.slide_carousel ul.slick-slider > li span,
div.slide_carousel ul.slick-slider li.slick-slide p,
div.slide_carousel ul.slick-slider li.slick-slide span,
div.slide_clm > ul > li p,
div.slide_clm > ul > li span,
div.slide_clm > ul li.slick-slide p,
div.slide_clm > ul li.slick-slide span,
div.slide_clm ul.slick-slider > li p,
div.slide_clm ul.slick-slider > li span,
div.slide_clm ul.slick-slider li.slick-slide p,
div.slide_clm ul.slick-slider li.slick-slide span {
  display: block;
  font-size: 16px;
  line-height: 1.625;
  margin-top: 15px;
  text-align: left;
}
div.slide_carousel > ul > li p.item-price,
div.slide_carousel > ul > li span.item-price,
div.slide_carousel > ul li.slick-slide p.item-price,
div.slide_carousel > ul li.slick-slide span.item-price,
div.slide_carousel ul.slick-slider > li p.item-price,
div.slide_carousel ul.slick-slider > li span.item-price,
div.slide_carousel ul.slick-slider li.slick-slide p.item-price,
div.slide_carousel ul.slick-slider li.slick-slide span.item-price,
div.slide_clm > ul > li p.item-price,
div.slide_clm > ul > li span.item-price,
div.slide_clm > ul li.slick-slide p.item-price,
div.slide_clm > ul li.slick-slide span.item-price,
div.slide_clm ul.slick-slider > li p.item-price,
div.slide_clm ul.slick-slider > li span.item-price,
div.slide_clm ul.slick-slider li.slick-slide p.item-price,
div.slide_clm ul.slick-slider li.slick-slide span.item-price {
  color: #08ab47;
}
div.slide_carousel > ul > li p.item-price.sale-price,
div.slide_carousel > ul > li span.item-price.sale-price,
div.slide_carousel > ul li.slick-slide p.item-price.sale-price,
div.slide_carousel > ul li.slick-slide span.item-price.sale-price,
div.slide_carousel ul.slick-slider > li p.item-price.sale-price,
div.slide_carousel ul.slick-slider > li span.item-price.sale-price,
div.slide_carousel ul.slick-slider li.slick-slide p.item-price.sale-price,
div.slide_carousel ul.slick-slider li.slick-slide span.item-price.sale-price,
div.slide_clm > ul > li p.item-price.sale-price,
div.slide_clm > ul > li span.item-price.sale-price,
div.slide_clm > ul li.slick-slide p.item-price.sale-price,
div.slide_clm > ul li.slick-slide span.item-price.sale-price,
div.slide_clm ul.slick-slider > li p.item-price.sale-price,
div.slide_clm ul.slick-slider > li span.item-price.sale-price,
div.slide_clm ul.slick-slider li.slick-slide p.item-price.sale-price,
div.slide_clm ul.slick-slider li.slick-slide span.item-price.sale-price {
  color: #ff0000;
}
div.slide_carousel .slick-arrow,
div.slide_clm .slick-arrow {
  width: 70px;
  height: 70px;
  background-color: #fff;
  border-radius: 50%;
  background-image: url();
  margin: auto;
  border: 1px solid #d9d9d9;
  z-index: 10;
  top: 10.2489019034vw;
  position: absolute;
  font-size: 0;
  outline: none;
  cursor: pointer;
  color: transparent;
  line-height: 0;
  -webkit-transition: opacity 300ms;
  transition: opacity 300ms;
}
div.slide_carousel .slick-arrow:before,
div.slide_clm .slick-arrow:before {
  content: "";
  display: block;
  position: absolute;
  width: 10px;
  height: 10px;
  border-right: 2px solid #08ab47;
  border-bottom: 2px solid #08ab47;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
div.slide_carousel .slick-arrow.slick-prev,
div.slide_clm .slick-arrow.slick-prev {
  transform: translate(-50%, -50%);
  left: 0;
}
div.slide_carousel .slick-arrow.slick-prev:before,
div.slide_clm .slick-arrow.slick-prev:before {
  transform: rotate(-225deg);
}
div.slide_carousel .slick-arrow.slick-next,
div.slide_clm .slick-arrow.slick-next {
  transform: translate(50%, -50%);
  right: 0;
}
div.slide_carousel .slick-arrow.slick-next:before,
div.slide_clm .slick-arrow.slick-next:before {
  transform: rotate(-45deg);
}
div.slide_carousel .slick-arrow.slick-disabled,
div.slide_clm .slick-arrow.slick-disabled {
  opacity: 0;
}
div.slide_carousel .btn,
div.slide_clm .btn {
  margin-top: 50px;
}

div.slide_clm[class*="ranking"] > ul li div.img,
div.slide_clm[class*="ranking"] > ul div.slick-slide li div.img,
div.slide_clm[class*="ranking"] ul.slick-slider li div.img,
div.slide_clm[class*="ranking"] ul.slick-slider div.slick-slide li div.img {
  position: relative;
}
div.slide_clm[class*="ranking"] > ul li div.img:before,
div.slide_clm[class*="ranking"] > ul div.slick-slide li div.img:before,
div.slide_clm[class*="ranking"] ul.slick-slider li div.img:before,
div.slide_clm[class*="ranking"] ul.slick-slider div.slick-slide li div.img:before {
  content: "";
  display: block;
  position: absolute;
  width: 36px;
  height: 55px;
  top: -10px;
  left: 10px;
  background-size: contain;
  z-index: 10;
}
div.slide_clm[class*="ranking"] > ul li:nth-of-type(1) div.img:before,
div.slide_clm[class*="ranking"] > ul div.slick-slide:nth-of-type(1) li div.img:before,
div.slide_clm[class*="ranking"] ul.slick-slider .slick-slide:nth-of-type(1) li div.img:before,
div.slide_clm[class*="ranking"] ul.slick-slider div.slick-slide:nth-of-type(1) li div.img:before {
  background-image: url("/ec/shop/hanshin/images/top/pc/icon_rank_01.png");
}
div.slide_clm[class*="ranking"] > ul li:nth-of-type(2) div.img:before,
div.slide_clm[class*="ranking"] > ul div.slick-slide:nth-of-type(2) li div.img:before,
div.slide_clm[class*="ranking"] ul.slick-slider .slick-slide:nth-of-type(2) li div.img:before,
div.slide_clm[class*="ranking"] ul.slick-slider div.slick-slide:nth-of-type(2) li div.img:before {
  background-image: url("/ec/shop/hanshin/images/top/pc/icon_rank_02.png");
}
div.slide_clm[class*="ranking"] > ul li:nth-of-type(3) div.img:before,
div.slide_clm[class*="ranking"] > ul div.slick-slide:nth-of-type(3) li div.img:before,
div.slide_clm[class*="ranking"] ul.slick-slider .slick-slide:nth-of-type(3) li div.img:before,
div.slide_clm[class*="ranking"] ul.slick-slider div.slick-slide:nth-of-type(3) li div.img:before {
  background-image: url("/ec/shop/hanshin/images/top/pc/icon_rank_03.png");
}
div.slide_clm[class*="ranking"] > ul li:nth-of-type(4) div.img:before,
div.slide_clm[class*="ranking"] > ul div.slick-slide:nth-of-type(4) li div.img:before,
div.slide_clm[class*="ranking"] ul.slick-slider .slick-slide:nth-of-type(4) li div.img:before,
div.slide_clm[class*="ranking"] ul.slick-slider div.slick-slide:nth-of-type(4) li div.img:before {
  background-image: url("/ec/shop/hanshin/images/top/pc/icon_rank_04.png");
}
div.slide_clm[class*="ranking"] > ul li:nth-of-type(5) div.img:before,
div.slide_clm[class*="ranking"] > ul div.slick-slide:nth-of-type(5) li div.img:before,
div.slide_clm[class*="ranking"] ul.slick-slider .slick-slide:nth-of-type(5) li div.img:before,
div.slide_clm[class*="ranking"] ul.slick-slider div.slick-slide:nth-of-type(5) li div.img:before {
  background-image: url("/ec/shop/hanshin/images/top/pc/icon_rank_05.png");
}
div.slide_clm[class*="ranking"] > ul li:nth-of-type(6) div.img:before,
div.slide_clm[class*="ranking"] > ul div.slick-slide:nth-of-type(6) li div.img:before,
div.slide_clm[class*="ranking"] ul.slick-slider .slick-slide:nth-of-type(6) li div.img:before,
div.slide_clm[class*="ranking"] ul.slick-slider div.slick-slide:nth-of-type(6) li div.img:before {
  background-image: url("/ec/shop/hanshin/images/top/pc/icon_rank_06.png");
}
div.slide_clm[class*="ranking"] > ul li:nth-of-type(7) div.img:before,
div.slide_clm[class*="ranking"] > ul div.slick-slide:nth-of-type(7) li div.img:before,
div.slide_clm[class*="ranking"] ul.slick-slider .slick-slide:nth-of-type(7) li div.img:before,
div.slide_clm[class*="ranking"] ul.slick-slider div.slick-slide:nth-of-type(7) li div.img:before {
  background-image: url("/ec/shop/hanshin/images/top/pc/icon_rank_07.png");
}
div.slide_clm[class*="ranking"] > ul li:nth-of-type(8) div.img:before,
div.slide_clm[class*="ranking"] > ul div.slick-slide:nth-of-type(8) li div.img:before,
div.slide_clm[class*="ranking"] ul.slick-slider .slick-slide:nth-of-type(8) li div.img:before,
div.slide_clm[class*="ranking"] ul.slick-slider div.slick-slide:nth-of-type(8) li div.img:before {
  background-image: url("/ec/shop/hanshin/images/top/pc/icon_rank_08.png");
}
div.slide_clm[class*="ranking"] > ul li:nth-of-type(9) div.img:before,
div.slide_clm[class*="ranking"] > ul div.slick-slide:nth-of-type(9) li div.img:before,
div.slide_clm[class*="ranking"] ul.slick-slider .slick-slide:nth-of-type(9) li div.img:before,
div.slide_clm[class*="ranking"] ul.slick-slider div.slick-slide:nth-of-type(9) li div.img:before {
  background-image: url("/ec/shop/hanshin/images/top/pc/icon_rank_09.png");
}
div.slide_clm[class*="ranking"] > ul li:nth-of-type(10) div.img:before,
div.slide_clm[class*="ranking"] > ul div.slick-slide:nth-of-type(10) li div.img:before,
div.slide_clm[class*="ranking"] ul.slick-slider .slick-slide:nth-of-type(10) li div.img:before,
div.slide_clm[class*="ranking"] ul.slick-slider div.slick-slide:nth-of-type(10) li div.img:before {
  background-image: url("/ec/shop/hanshin/images/top/pc/icon_rank_10.png");
}

div.slide_clm div.slickNavi {
  display: none;
}

.arrow_content .arrow {
  display: inline-block;
  width: 30px;
  height: 30px;
  cursor: pointer;
  -webkit-transition: opacity 300ms;
  transition: opacity 300ms;
  position: relative;
}
.arrow_content .arrow:before {
  content: "";
  display: block;
  position: absolute;
  width: 16px;
  height: 16px;
  border-right: 2px solid #333333;
  border-bottom: 2px solid #333333;
  transform: rotate(-45deg);
  top: 0;
  bottom: 0;
  margin: auto;
  right: 0;
  left: 0;
}
.arrow_content .arrow:hover:before {
  opacity: 0.7;
}
.arrow_content .arrow.left:before {
  transform: rotate(-225deg);
  left: 8px;
}
.arrow_content .arrow.right:before {
  right: 8px;
}
.arrow_content .arrow.inactive {
  opacity: 0.5;
  cursor: default;
}
.arrow_content .arrow.inactive:hover:before {
  opacity: 0.5;
}

.shop_lineup .shop_list,
.shop_lineup .accordion_box {
  margin-top: 70px;
  position: relative;
}
.shop_lineup .shop_list + .shop_list,
.shop_lineup .shop_list + .accordion_box,
.shop_lineup .accordion_box + .shop_list,
.shop_lineup .accordion_box + .accordion_box {
  margin-top: 100px;
}
.shop_lineup .shop_list .slide_content,
.shop_lineup .accordion_box .slide_content {
  overflow-y: hidden;
  overflow-x: scroll;
  white-space: nowrap;
  width: 100%;
  overflow-scrolling: touch;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.shop_lineup .shop_list .slide_content::-webkit-scrollbar,
.shop_lineup .accordion_box .slide_content::-webkit-scrollbar {
  display: none;
}
.shop_lineup .shop_list .slide_content::-webkit-scrollbar-track,
.shop_lineup .accordion_box .slide_content::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0);
}
.shop_lineup .shop_list .slide_content::-webkit-scrollbar-thumb,
.shop_lineup .accordion_box .slide_content::-webkit-scrollbar-thumb {
  background: rgba(8, 171, 71, 0.3);
  border-radius: 5px;
}
.shop_lineup .shop_list .arrow_content,
.shop_lineup .accordion_box .arrow_content {
  position: relative;
  margin: -100px 80px 70px auto;
  text-align: right;
  width: 60px;
}
.shop_lineup .shop_list .title,
.shop_lineup .accordion_box .title {
  font-size: 26px;
  font-weight: 900;
  line-height: 1;
  position: relative;
  padding-left: 30px;
  margin: 0 auto 70px;
  text-align: left;
}
.shop_lineup .shop_list .title:before,
.shop_lineup .accordion_box .title:before {
  content: "";
  display: block;
  position: absolute;
  width: 10px;
  height: 50px;
  border-radius: 5px;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.shop_lineup .shop_list ul,
.shop_lineup .accordion_box ul {
  margin: auto;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: inherit;
  justify-content: inherit;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  white-space: nowrap;
}
.shop_lineup .shop_list ul li,
.shop_lineup .accordion_box ul li {
  width: 120px;
  white-space: normal;
  margin-right: 35px;
}
.shop_lineup .shop_list ul li div.icon,
.shop_lineup .accordion_box ul li div.icon {
  position: relative;
  width: 120px;
  height: 120px;
}
.shop_lineup .shop_list ul li div.icon:before,
.shop_lineup .accordion_box ul li div.icon:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  margin: auto;
  top: 0;
  bottom: 0;
  background-size: contain;
  z-index: 10;
}
.shop_lineup .shop_list ul li p.world_name,
.shop_lineup .accordion_box ul li p.world_name {
  margin-top: 20px;
  font-size: 16px;
  line-height: 1.25;
  text-align: center;
  white-space: nowrap;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
}
.shop_lineup .shop_list.top ul,
.shop_lineup .accordion_box.top ul {
  margin: auto auto auto 80px;
  -webkit-justify-content: inherit;
  justify-content: inherit;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  white-space: nowrap;
  padding-right: 80px;
}
.shop_lineup .shop_list.top ul li,
.shop_lineup .accordion_box.top ul li {
  width: 11.1111111111vw;
  margin-right: 3.2407407407vw;
}
.shop_lineup .shop_list.top ul li div.icon,
.shop_lineup .accordion_box.top ul li div.icon {
  width: 11.1111111111vw;
  height: 11.1111111111vw;
}
.shop_lineup .shop_list.top ul li:nth-last-child(1),
.shop_lineup .accordion_box.top ul li:nth-last-child(1) {
  margin-right: 0;
  padding-right: 7.4074074074vw;
  width: 18.5185185185vw;
}
@media only screen and (max-width: 1080px) {
  .shop_lineup .shop_list.top ul li,
  .shop_lineup .accordion_box.top ul li {
    width: 120px;
    margin-right: 35px;
  }
  .shop_lineup .shop_list.top ul li div.icon,
  .shop_lineup .accordion_box.top ul li div.icon {
    width: 120px;
    height: 120px;
  }
  .shop_lineup .shop_list.top ul li:nth-last-child(1),
  .shop_lineup .accordion_box.top ul li:nth-last-child(1) {
    margin-right: 0;
    padding-right: 80px;
    width: 200px;
  }
}
.shop_lineup .shop_list.food .title:before,
.shop_lineup .accordion_box.food .title:before {
  background-color: #ffa726;
}
.shop_lineup .shop_list.food ul li div.icon:before,
.shop_lineup .accordion_box.food ul li div.icon:before {
  background-image: url("/ec/shop/hanshin/images/top/pc/world_icon_food.png");
}
.shop_lineup .shop_list.food ul li.hss_shk div.icon:before, .shop_lineup .shop_list.food ul li.food_1 div.icon:before,
.shop_lineup .accordion_box.food ul li.hss_shk div.icon:before,
.shop_lineup .accordion_box.food ul li.food_1 div.icon:before {
  background-image: url("/ec/shop/hanshin/images/top/pc/store_icon_food_hss_shk.png");
}
.shop_lineup .shop_list.food ul li.hss_liq div.icon:before, .shop_lineup .shop_list.food ul li.food_2 div.icon:before,
.shop_lineup .accordion_box.food ul li.hss_liq div.icon:before,
.shop_lineup .accordion_box.food ul li.food_2 div.icon:before {
  background-image: url("/ec/shop/hanshin/images/top/pc/store_icon_food_hss_liq.png");
}
.shop_lineup .shop_list.food ul li.hss_pan div.icon:before, .shop_lineup .shop_list.food ul li.food_3 div.icon:before,
.shop_lineup .accordion_box.food ul li.hss_pan div.icon:before,
.shop_lineup .accordion_box.food ul li.food_3 div.icon:before {
  background-image: url("/ec/shop/hanshin/images/top/pc/store_icon_food_hss_pan.png");
}
.shop_lineup .shop_list.food ul li.str div.icon:before, .shop_lineup .shop_list.food ul li.food_4 div.icon:before,
.shop_lineup .accordion_box.food ul li.str div.icon:before,
.shop_lineup .accordion_box.food ul li.food_4 div.icon:before {
  background-image: url("/ec/shop/hanshin/images/top/pc/store_icon_food_str.png");
}
.shop_lineup .shop_list.food ul li.swd div.icon:before, .shop_lineup .shop_list.food ul li.food_5 div.icon:before,
.shop_lineup .accordion_box.food ul li.swd div.icon:before,
.shop_lineup .accordion_box.food ul li.food_5 div.icon:before {
  background-image: url("/ec/shop/hanshin/images/top/pc/store_icon_food_swd.png");
}
.shop_lineup .shop_list.food ul li.oyt div.icon:before, .shop_lineup .shop_list.food ul li.food_6 div.icon:before,
.shop_lineup .accordion_box.food ul li.oyt div.icon:before,
.shop_lineup .accordion_box.food ul li.food_6 div.icon:before {
  background-image: url("/ec/shop/hanshin/images/top/pc/store_icon_food_oyt.png");
}
.shop_lineup .shop_list.food ul li.fre div.icon:before, .shop_lineup .shop_list.food ul li.food_7 div.icon:before,
.shop_lineup .accordion_box.food ul li.fre div.icon:before,
.shop_lineup .accordion_box.food ul li.food_7 div.icon:before {
  background-image: url("/ec/shop/hanshin/images/top/pc/store_icon_food_fre.png");
}
.shop_lineup .shop_list.food ul li.umk div.icon:before, .shop_lineup .shop_list.food ul li.food_8 div.icon:before,
.shop_lineup .accordion_box.food ul li.umk div.icon:before,
.shop_lineup .accordion_box.food ul li.food_8 div.icon:before {
  background-image: url("/ec/shop/hanshin/images/top/pc/store_icon_food_umk.png");
}
.shop_lineup .shop_list.food ul li.dts div.icon:before, .shop_lineup .shop_list.food ul li.food_9 div.icon:before,
.shop_lineup .accordion_box.food ul li.dts div.icon:before,
.shop_lineup .accordion_box.food ul li.food_9 div.icon:before {
  background-image: url("/ec/shop/hanshin/images/top/pc/store_icon_food_dts.png");
}
.shop_lineup .shop_list.food ul li.rac div.icon:before, .shop_lineup .shop_list.food ul li.food_10 div.icon:before,
.shop_lineup .accordion_box.food ul li.rac div.icon:before,
.shop_lineup .accordion_box.food ul li.food_10 div.icon:before {
  background-image: url("/ec/shop/hanshin/images/top/pc/store_icon_food_rac.png");
}
.shop_lineup .shop_list.food ul li.ftp div.icon:before, .shop_lineup .shop_list.food ul li.food_11 div.icon:before,
.shop_lineup .accordion_box.food ul li.ftp div.icon:before,
.shop_lineup .accordion_box.food ul li.food_11 div.icon:before {
  background-image: url("/ec/shop/hanshin/images/top/pc/store_icon_food_ftp.png");
}
.shop_lineup .shop_list.food ul li.fdr div.icon:before, .shop_lineup .shop_list.food ul li.food_12 div.icon:before,
.shop_lineup .accordion_box.food ul li.fdr div.icon:before,
.shop_lineup .accordion_box.food ul li.food_12 div.icon:before {
  background-image: url("/ec/shop/hanshin/images/top/pc/store_icon_food_fdr.png");
}
.shop_lineup .shop_list.life .title:before,
.shop_lineup .accordion_box.life .title:before {
  background-color: #90a4ae;
}
.shop_lineup .shop_list.life ul li div.icon:before,
.shop_lineup .accordion_box.life ul li div.icon:before {
  background-image: url("/ec/shop/hanshin/images/top/pc/world_icon_life.png");
}
.shop_lineup .shop_list.life ul li.hss_liv div.icon:before, .shop_lineup .shop_list.life ul li.life_1 div.icon:before,
.shop_lineup .accordion_box.life ul li.hss_liv div.icon:before,
.shop_lineup .accordion_box.life ul li.life_1 div.icon:before {
  background-image: url("/ec/shop/hanshin/images/top/pc/store_icon_life_hss_liv.png");
}
.shop_lineup .shop_list.life ul li.hss_fam div.icon:before, .shop_lineup .shop_list.life ul li.life_2 div.icon:before,
.shop_lineup .accordion_box.life ul li.hss_fam div.icon:before,
.shop_lineup .accordion_box.life ul li.life_2 div.icon:before {
  background-image: url("/ec/shop/hanshin/images/top/pc/store_icon_life_hss_fam.png");
}
.shop_lineup .shop_list.life ul li.hss_bac div.icon:before, .shop_lineup .shop_list.life ul li.life_3 div.icon:before,
.shop_lineup .accordion_box.life ul li.hss_bac div.icon:before,
.shop_lineup .accordion_box.life ul li.life_3 div.icon:before {
  background-image: url("/ec/shop/hanshin/images/top/pc/store_icon_life_hss_bac.png");
}
.shop_lineup .shop_list.life ul li.hss_men div.icon:before, .shop_lineup .shop_list.life ul li.life_4 div.icon:before,
.shop_lineup .accordion_box.life ul li.hss_men div.icon:before,
.shop_lineup .accordion_box.life ul li.life_4 div.icon:before {
  background-image: url("/ec/shop/hanshin/images/top/pc/store_icon_life_hss_men.png");
}
.shop_lineup .shop_list.life ul li.hss_aac div.icon:before, .shop_lineup .shop_list.life ul li.life_5 div.icon:before,
.shop_lineup .accordion_box.life ul li.hss_aac div.icon:before,
.shop_lineup .accordion_box.life ul li.life_5 div.icon:before {
  background-image: url("/ec/shop/hanshin/images/top/pc/store_icon_life_hss_aac.png");
}
.shop_lineup .shop_list.life ul li.hss_tig div.icon:before, .shop_lineup .shop_list.life ul li.life_6 div.icon:before,
.shop_lineup .accordion_box.life ul li.hss_tig div.icon:before,
.shop_lineup .accordion_box.life ul li.life_6 div.icon:before {
  background-image: url("/ec/shop/hanshin/images/top/pc/store_icon_life_hss_tig.png");
}
.shop_lineup .shop_list.life ul li.hss_wat div.icon:before, .shop_lineup .shop_list.life ul li.life_7 div.icon:before,
.shop_lineup .accordion_box.life ul li.hss_wat div.icon:before,
.shop_lineup .accordion_box.life ul li.life_7 div.icon:before {
  background-image: url("/ec/shop/hanshin/images/top/pc/store_icon_life_hss_wat.png");
}
.shop_lineup .shop_list.life ul li.hss_jew div.icon:before, .shop_lineup .shop_list.life ul li.life_8 div.icon:before,
.shop_lineup .accordion_box.life ul li.hss_jew div.icon:before,
.shop_lineup .accordion_box.life ul li.life_8 div.icon:before {
  background-image: url("/ec/shop/hanshin/images/top/pc/store_icon_life_hss_jew.png");
}
.shop_lineup .shop_list.fashion .title:before,
.shop_lineup .accordion_box.fashion .title:before {
  background-color: #9fa8da;
}
.shop_lineup .shop_list.fashion ul li div.icon:before,
.shop_lineup .accordion_box.fashion ul li div.icon:before {
  background-image: url("/ec/shop/hanshin/images/top/pc/world_icon_fashion.png");
}
.shop_lineup .shop_list.fashion ul li.hss_cfa div.icon:before, .shop_lineup .shop_list.fashion ul li.fashion_1 div.icon:before,
.shop_lineup .accordion_box.fashion ul li.hss_cfa div.icon:before,
.shop_lineup .accordion_box.fashion ul li.fashion_1 div.icon:before {
  background-image: url("/ec/shop/hanshin/images/top/pc/store_icon_fashion_hss_cfa.png");
}
.shop_lineup .shop_list.fashion ul li.hss_nfl div.icon:before, .shop_lineup .shop_list.fashion ul li.fashion_2 div.icon:before,
.shop_lineup .accordion_box.fashion ul li.hss_nfl div.icon:before,
.shop_lineup .accordion_box.fashion ul li.fashion_2 div.icon:before {
  background-image: url("/ec/shop/hanshin/images/top/pc/store_icon_fashion_hss_nfl.png");
}
.shop_lineup .shop_list.fashion ul li.hss_naf div.icon:before, .shop_lineup .shop_list.fashion ul li.fashion_3 div.icon:before,
.shop_lineup .accordion_box.fashion ul li.hss_naf div.icon:before,
.shop_lineup .accordion_box.fashion ul li.fashion_3 div.icon:before {
  background-image: url("/ec/shop/hanshin/images/top/pc/store_icon_fashion_hss_naf.png");
}
.shop_lineup .shop_list.fashion ul li.hss_prs div.icon:before, .shop_lineup .shop_list.fashion ul li.fashion_4 div.icon:before,
.shop_lineup .accordion_box.fashion ul li.hss_prs div.icon:before,
.shop_lineup .accordion_box.fashion ul li.fashion_4 div.icon:before {
  background-image: url("/ec/shop/hanshin/images/top/pc/store_icon_fashion_hss_prs.png");
}
.shop_lineup .shop_list.fashion ul li.hss_qus div.icon:before, .shop_lineup .shop_list.fashion ul li.fashion_5 div.icon:before,
.shop_lineup .accordion_box.fashion ul li.hss_qus div.icon:before,
.shop_lineup .accordion_box.fashion ul li.fashion_5 div.icon:before {
  background-image: url("/ec/shop/hanshin/images/top/pc/store_icon_fashion_hss_qus.png");
}
.shop_lineup .shop_list.fashion ul li.hss_lim div.icon:before, .shop_lineup .shop_list.fashion ul li.fashion_6 div.icon:before,
.shop_lineup .accordion_box.fashion ul li.hss_lim div.icon:before,
.shop_lineup .accordion_box.fashion ul li.fashion_6 div.icon:before {
  background-image: url("/ec/shop/hanshin/images/top/pc/store_icon_fashion_hss_lim.png");
}
.shop_lineup .shop_list.cosme .title:before,
.shop_lineup .accordion_box.cosme .title:before {
  background-color: #ef9a9a;
}
.shop_lineup .shop_list.cosme ul li div.icon:before,
.shop_lineup .accordion_box.cosme ul li div.icon:before {
  background-image: url("/ec/shop/hanshin/images/top/pc/world_icon_cosme.png");
}
.shop_lineup .shop_list.cosme ul li.hss_csm div.icon:before, .shop_lineup .shop_list.cosme ul li.cosme_1 div.icon:before,
.shop_lineup .accordion_box.cosme ul li.hss_csm div.icon:before,
.shop_lineup .accordion_box.cosme ul li.cosme_1 div.icon:before {
  background-image: url("/ec/shop/hanshin/images/top/pc/store_icon_cosme_hss_csm.png");
}
.shop_lineup .shop_list.cosme ul li.hss_crv div.icon:before, .shop_lineup .shop_list.cosme ul li.cosme_2 div.icon:before,
.shop_lineup .accordion_box.cosme ul li.hss_crv div.icon:before,
.shop_lineup .accordion_box.cosme ul li.cosme_2 div.icon:before {
  background-image: url("/ec/shop/hanshin/images/top/pc/store_icon_cosme_hss_crv.png");
}
.shop_lineup .shop_list.cosme ul li.hss_gim div.icon:before, .shop_lineup .shop_list.cosme ul li.cosme_3 div.icon:before,
.shop_lineup .accordion_box.cosme ul li.hss_gim div.icon:before,
.shop_lineup .accordion_box.cosme ul li.cosme_3 div.icon:before {
  background-image: url("/ec/shop/hanshin/images/top/pc/store_icon_cosme_hss_gim.png");
}
.shop_lineup .shop_list.cosme ul li.hss_acc div.icon:before, .shop_lineup .shop_list.cosme ul li.cosme_4 div.icon:before,
.shop_lineup .accordion_box.cosme ul li.hss_acc div.icon:before,
.shop_lineup .accordion_box.cosme ul li.cosme_4 div.icon:before {
  background-image: url("/ec/shop/hanshin/images/top/pc/store_icon_cosme_hss_acc.png");
}
.shop_lineup .shop_list.cosme ul li.hss_sbw div.icon:before, .shop_lineup .shop_list.cosme ul li.cosme_5 div.icon:before,
.shop_lineup .accordion_box.cosme ul li.hss_sbw div.icon:before,
.shop_lineup .accordion_box.cosme ul li.cosme_5 div.icon:before {
  background-image: url("/ec/shop/hanshin/images/top/pc/store_icon_cosme_hss_sbw.png");
}

.top_contents.shop_lineup .shop_list .title,
.top_contents.shop_lineup .accordion_box .title {
  margin: 0 80px 70px;
}
.top_contents.shop_lineup .shop_list ul,
.top_contents.shop_lineup .accordion_box ul {
  margin: auto 80px;
}
.top_contents.shop_lineup .shop_list.top ul,
.top_contents.shop_lineup .accordion_box.top ul {
  margin: auto auto auto 80px;
  padding-right: 80px;
}

div.slide_carousel ul.slick-slider {
  margin: auto 208px auto 68px;
}
div.slide_carousel ul.slick-slider li.slick-slide {
  opacity: 0.8;
}
div.slide_carousel ul.slick-slider li.slick-slide div.img {
  position: relative;
}
div.slide_carousel ul.slick-slider li.slick-slide div.img:before {
  content: "";
  display: block;
  position: absolute;
  width: 60px;
  height: 60px;
  left: 0;
  right: 0;
  margin: auto;
  top: -30px;
  background-size: contain;
  z-index: 10;
}
div.slide_carousel ul.slick-slider li.slick-slide.slick-active {
  opacity: 1;
}
div.slide_carousel.food .title:before {
  background-color: #ffa726;
}
div.slide_carousel.food ul li div.img:before {
  background-image: url("/ec/shop/hanshin/images/top/pc/world_icon_food.png");
}
div.slide_carousel.food.hss_shk ul li div.img:before, div.slide_carousel.food.food_1 ul li div.img:before {
  background-image: url("/ec/shop/hanshin/images/top/pc/store_icon_food_hss_shk.png");
}
div.slide_carousel.food.hss_liq ul li div.img:before, div.slide_carousel.food.food_2 ul li div.img:before {
  background-image: url("/ec/shop/hanshin/images/top/pc/store_icon_food_hss_liq.png");
}
div.slide_carousel.food.hss_pan ul li div.img:before, div.slide_carousel.food.food_3 ul li div.img:before {
  background-image: url("/ec/shop/hanshin/images/top/pc/store_icon_food_hss_pan.png");
}
div.slide_carousel.food.str ul li div.img:before, div.slide_carousel.food.food_4 ul li div.img:before {
  background-image: url("/ec/shop/hanshin/images/top/pc/store_icon_food_str.png");
}
div.slide_carousel.food.swd ul li div.img:before, div.slide_carousel.food.food_5 ul li div.img:before {
  background-image: url("/ec/shop/hanshin/images/top/pc/store_icon_food_swd.png");
}
div.slide_carousel.food.oyt ul li div.img:before, div.slide_carousel.food.food_6 ul li div.img:before {
  background-image: url("/ec/shop/hanshin/images/top/pc/store_icon_food_oyt.png");
}
div.slide_carousel.food.fre ul li div.img:before, div.slide_carousel.food.food_7 ul li div.img:before {
  background-image: url("/ec/shop/hanshin/images/top/pc/store_icon_food_fre.png");
}
div.slide_carousel.food.umk ul li div.img:before, div.slide_carousel.food.food_8 ul li div.img:before {
  background-image: url("/ec/shop/hanshin/images/top/pc/store_icon_food_umk.png");
}
div.slide_carousel.food.dts ul li div.img:before, div.slide_carousel.food.food_9 ul li div.img:before {
  background-image: url("/ec/shop/hanshin/images/top/pc/store_icon_food_dts.png");
}
div.slide_carousel.food.rac ul li div.img:before, div.slide_carousel.food.food_10 ul li div.img:before {
  background-image: url("/ec/shop/hanshin/images/top/pc/store_icon_food_rac.png");
}
div.slide_carousel.food.ftp ul li div.img:before, div.slide_carousel.food.food_11 ul li div.img:before {
  background-image: url("/ec/shop/hanshin/images/top/pc/store_icon_food_ftp.png");
}
div.slide_carousel.food.fdr ul li div.img:before, div.slide_carousel.food.food_12 ul li div.img:before {
  background-image: url("/ec/shop/hanshin/images/top/pc/store_icon_food_fdr.png");
}
div.slide_carousel.life .title:before {
  background-color: #90a4ae;
}
div.slide_carousel.life ul li div.img:before {
  background-image: url("/ec/shop/hanshin/images/top/pc/world_icon_life.png");
}
div.slide_carousel.life.hss_liv ul li div.img:before, div.slide_carousel.life.life_1 ul li div.img:before {
  background-image: url("/ec/shop/hanshin/images/top/pc/store_icon_life_hss_liv.png");
}
div.slide_carousel.life.hss_fam ul li div.img:before, div.slide_carousel.life.life_2 ul li div.img:before {
  background-image: url("/ec/shop/hanshin/images/top/pc/store_icon_life_hss_fam.png");
}
div.slide_carousel.life.hss_bac ul li div.img:before, div.slide_carousel.life.life_3 ul li div.img:before {
  background-image: url("/ec/shop/hanshin/images/top/pc/store_icon_life_hss_bac.png");
}
div.slide_carousel.life.hss_men ul li div.img:before, div.slide_carousel.life.life_4 ul li div.img:before {
  background-image: url("/ec/shop/hanshin/images/top/pc/store_icon_life_hss_men.png");
}
div.slide_carousel.life.hss_aac ul li div.img:before, div.slide_carousel.life.life_5 ul li div.img:before {
  background-image: url("/ec/shop/hanshin/images/top/pc/store_icon_life_hss_aac.png");
}
div.slide_carousel.life.hss_tig ul li div.img:before, div.slide_carousel.life.life_6 ul li div.img:before {
  background-image: url("/ec/shop/hanshin/images/top/pc/store_icon_life_hss_tig.png");
}
div.slide_carousel.life.hss_wat ul li div.img:before, div.slide_carousel.life.life_7 ul li div.img:before {
  background-image: url("/ec/shop/hanshin/images/top/pc/store_icon_life_hss_wat.png");
}
div.slide_carousel.life.hss_jew ul li div.img:before, div.slide_carousel.life.life_8 ul li div.img:before {
  background-image: url("/ec/shop/hanshin/images/top/pc/store_icon_life_hss_jew.png");
}
div.slide_carousel.fashion .title:before {
  background-color: #9fa8da;
}
div.slide_carousel.fashion ul li div.img:before {
  background-image: url("/ec/shop/hanshin/images/top/pc/world_icon_fashion.png");
}
div.slide_carousel.fashion.hss_cfa ul li div.img:before, div.slide_carousel.fashion.fashion_1 ul li div.img:before {
  background-image: url("/ec/shop/hanshin/images/top/pc/store_icon_fashion_hss_cfa.png");
}
div.slide_carousel.fashion.hss_nfl ul li div.img:before, div.slide_carousel.fashion.fashion_2 ul li div.img:before {
  background-image: url("/ec/shop/hanshin/images/top/pc/store_icon_fashion_hss_nfl.png");
}
div.slide_carousel.fashion.hss_naf ul li div.img:before, div.slide_carousel.fashion.fashion_3 ul li div.img:before {
  background-image: url("/ec/shop/hanshin/images/top/pc/store_icon_fashion_hss_naf.png");
}
div.slide_carousel.fashion.hss_prs ul li div.img:before, div.slide_carousel.fashion.fashion_4 ul li div.img:before {
  background-image: url("/ec/shop/hanshin/images/top/pc/store_icon_fashion_hss_prs.png");
}
div.slide_carousel.fashion.hss_qus ul li div.img:before, div.slide_carousel.fashion.fashion_5 ul li div.img:before {
  background-image: url("/ec/shop/hanshin/images/top/pc/store_icon_fashion_hss_qus.png");
}
div.slide_carousel.fashion.hss_lim ul li div.img:before, div.slide_carousel.fashion.fashion_6 ul li div.img:before {
  background-image: url("/ec/shop/hanshin/images/top/pc/store_icon_fashion_hss_lim.png");
}
div.slide_carousel.cosme .title:before {
  background-color: #ef9a9a;
}
div.slide_carousel.cosme ul li div.img:before {
  background-image: url("/ec/shop/hanshin/images/top/pc/world_icon_cosme.png");
}
div.slide_carousel.cosme.hss_csm ul li div.img:before, div.slide_carousel.cosme.cosme_1 ul li div.img:before {
  background-image: url("/ec/shop/hanshin/images/top/pc/store_icon_cosme_hss_csm.png");
}
div.slide_carousel.cosme.hss_crv ul li div.img:before, div.slide_carousel.cosme.cosme_2 ul li div.img:before {
  background-image: url("/ec/shop/hanshin/images/top/pc/store_icon_cosme_hss_crv.png");
}
div.slide_carousel.cosme.hss_gim ul li div.img:before, div.slide_carousel.cosme.cosme_3 ul li div.img:before {
  background-image: url("/ec/shop/hanshin/images/top/pc/store_icon_cosme_hss_gim.png");
}
div.slide_carousel.cosme.hss_acc ul li div.img:before, div.slide_carousel.cosme.cosme_4 ul li div.img:before {
  background-image: url("/ec/shop/hanshin/images/top/pc/store_icon_cosme_hss_acc.png");
}
div.slide_carousel.cosme.hss_sbw ul li div.img:before, div.slide_carousel.cosme.cosme_5 ul li div.img:before {
  background-image: url("/ec/shop/hanshin/images/top/pc/store_icon_cosme_hss_sbw.png");
}
div.slide_carousel .slick-arrow {
  width: 20px;
  height: 20px;
  background-color: transparent;
  margin: auto;
  border: none;
  z-index: 10;
  top: auto;
  bottom: -40px;
}
div.slide_carousel .slick-arrow:before {
  content: "";
  display: block;
  position: absolute;
  width: 10px;
  height: 10px;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
div.slide_carousel .slick-arrow.slick-prev {
  transform: translate(-50%, -50%);
  right: 10px;
  left: auto;
}
div.slide_carousel .slick-arrow.slick-prev:before {
  transform: rotate(-225deg);
}
div.slide_carousel .slick-arrow.slick-next {
  transform: translate(-50%, -50%);
}
div.slide_carousel .slick-arrow.slick-next:before {
  transform: rotate(-45deg);
}
div.slide_carousel .slick-arrow.slick-disabled {
  opacity: 0.8;
}

#smartSwitch {
  z-index: 10000;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  box-sizing: border-box;
  height: 62px;
}
#smartSwitch ~ #header {
  top: 62px;
}

#breadcrumbs {
  padding: 15px 80px;
}
#breadcrumbs ul {
  width: 100%;
}
@media only screen and (max-width: 1080px) {
  #breadcrumbs {
    width: 1000px;
    margin: auto;
    padding: 15px 0;
  }
}

#search_modal div.autocomplete,
.top_contents.product_search div.autocomplete {
  width: 780px;
  height: 60px;
}
#search_modal div.autocomplete input.search,
.top_contents.product_search div.autocomplete input.search {
  border: 1px solid #999999;
  border-radius: 8px 0 0 8px;
}
#search_modal div.autocomplete #main_content_search_submit,
#search_modal div.autocomplete button,
.top_contents.product_search div.autocomplete #main_content_search_submit,
.top_contents.product_search div.autocomplete button {
  border-color: #08ab47;
  background-color: #08ab47;
  border-radius: 0 8px 8px 0;
  background-image: url("/ec/shop/hanshin/images/top/pc/icon_search.png");
  background-size: 26px auto;
}

.top_contents.product_search div.autocomplete {
  width: 625px;
}

#gHeaderBlank {
  padding: 0 !important;
  height: 0 !important;
}

#contents {
  padding-top: 40px;
  overflow: hidden;
}

#header {
  position: relative;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  background: url() top left repeat-x #ffffff;
}
#header.fixed, #header.nav-fixed {
  position: fixed;
  top: 0;
  left: 0;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.5);
}
#header.absolute {
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.5);
}
#header #header_layer {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  min-height: 100vh;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 10;
}
#header #header-inner {
  position: relative;
  width: 100%;
  height: 90px;
  margin: 0 auto;
  display: block;
  padding-left: 30px;
  border-bottom: 1px solid #e0e0e0;
  background-color: #fff;
  z-index: 11;
}
#header #header-inner:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index: 21;
  left: 0;
  top: 0;
}
#header #header-inner > * {
  z-index: 100;
}
#header #nav-wrap,
#header #global-nav {
  position: absolute;
  top: 90px;
  width: 100%;
  height: 40px;
  background-color: #f0faf4;
  padding: 0 30px;
  font-size: 16px;
  border-top: none;
  z-index: 9;
}
#header #nav-wrap .arrow_content,
#header #global-nav .arrow_content {
  display: none;
}
#header #nav-wrap div.nav-inner,
#header #global-nav div.nav-inner {
  width: 100%;
  height: 100%;
  margin: auto;
}
#header #nav-wrap .nav-menu,
#header #global-nav .nav-menu {
  height: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
#header #nav-wrap a,
#header #global-nav a {
  display: inline-block;
}
#header #nav-wrap #user-name,
#header #nav-wrap #login_menu,
#header #global-nav #user-name,
#header #global-nav #login_menu {
  position: relative;
  top: auto;
  left: 0;
  right: auto;
}
#header #nav-wrap #user-name li,
#header #nav-wrap #login_menu li,
#header #global-nav #user-name li,
#header #global-nav #login_menu li {
  font-size: 16px;
  line-height: 1;
}
#header #nav-wrap #user-name span,
#header #nav-wrap #login_menu span,
#header #global-nav #user-name span,
#header #global-nav #login_menu span {
  color: inherit;
  padding: 0;
  margin: 0;
  font-size: 16px;
}
#header #nav-wrap #user-name span#isExistLoginTime,
#header #nav-wrap #login_menu span#isExistLoginTime,
#header #global-nav #user-name span#isExistLoginTime,
#header #global-nav #login_menu span#isExistLoginTime {
  margin-left: 10px;
}
#header #nav-wrap #user-name a,
#header #nav-wrap #login_menu a,
#header #global-nav #user-name a,
#header #global-nav #login_menu a {
  text-decoration: underline;
}
#header #nav-wrap #user-name a:hover,
#header #nav-wrap #login_menu a:hover,
#header #global-nav #user-name a:hover,
#header #global-nav #login_menu a:hover {
  text-decoration: none;
}
#header #nav-wrap #login_menu,
#header #global-nav #login_menu {
  margin-left: 20px;
  padding: 0 10px;
}
#header #nav-wrap #login_menu:before, #header #nav-wrap #login_menu:after,
#header #global-nav #login_menu:before,
#header #global-nav #login_menu:after {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  line-height: 1;
  font-size: 16px;
}
#header #nav-wrap #login_menu:before,
#header #global-nav #login_menu:before {
  position: absolute;
  left: 0;
  content: "(";
}
#header #nav-wrap #login_menu:after,
#header #global-nav #login_menu:after {
  position: absolute;
  right: 0;
  content: ")";
}
#header #nav-wrap .login_menu,
#header #global-nav .login_menu {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-wrap: nowrap;
  fex-wrap: nowrap;
}
#header #nav-wrap .login_menu > span,
#header #global-nav .login_menu > span {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
#header #nav-wrap .login_menu li:nth-of-type(n+2):before,
#header #global-nav .login_menu li:nth-of-type(n+2):before {
  content: "/";
}
#header #logo {
  position: absolute;
  width: 158.5px;
  height: 60px;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 30px;
  z-index: 30;
}
#header #logo a {
  width: 100%;
  height: 100%;
  background-image: url("/ec/shop/hanshin/images/top/pc/logo_header.png");
  background-size: contain;
  display: block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
#header #icon-menu {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 120px;
  height: 0;
}
#header #icon-menu li {
  font-size: 16px;
  transform: translateY(-80%);
  line-height: 1;
  margin-left: 20px;
}
#header #icon-menu li span.number {
  left: 20px;
  top: -20px;
  bottom: 0;
  margin: auto;
  text-align: center;
  position: absolute;
  background-color: #08ab47;
  color: #fff;
  font-size: 10px;
  width: auto;
  min-width: 16px;
  height: 16px;
  line-height: 16px;
  border-radius: 50%;
  padding: 0;
}
#header #icon-menu li > span,
#header #icon-menu li > a {
  position: relative;
  padding-left: 40px;
}
#header #icon-menu li > span:before,
#header #icon-menu li > a:before {
  content: "";
  display: block;
  position: absolute;
  width: 38px;
  height: 38px;
  background-size: contain;
  background-position: center;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
#header #icon-menu li.not-in-cart, #header #icon-menu li.in-cart {
  background: url();
}
#header #icon-menu li.not-in-cart > span:before,
#header #icon-menu li.not-in-cart > a:before, #header #icon-menu li.in-cart > span:before,
#header #icon-menu li.in-cart > a:before {
  background-image: url("/ec/shop/hanshin/images/top/pc/icon_header_shopping.png");
}
#header #icon-menu li.search {
  cursor: pointer;
}
#header #icon-menu li.search > span:before,
#header #icon-menu li.search > a:before {
  background-image: url("/ec/shop/hanshin/images/top/pc/icon_header_search.png");
}
#header #menu {
  position: relative;
  z-index: 0;
  cursor: pointer;
  font-size: 12px;
  color: #fff;
  width: 90px;
  height: 90px;
  position: absolute;
  top: 0;
  right: 0;
  background-color: #08ab47;
  z-index: 30;
}
#header #menu span.spnone {
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
#header #menu div {
  overflow: hidden;
  display: block;
  position: absolute;
  z-index: 0;
  width: 38px;
  height: 32px;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
}
#header #menu div span, #header #menu div:before, #header #menu div:after {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 6px;
  margin: auto;
  background: #fff;
}
#header #menu div span {
  overflow: hidden;
  z-index: 1;
  color: #fff;
  opacity: 1;
  -webkit-transition: opacity 150ms 50ms;
  transition: opacity 150ms 50ms;
}
#header #menu div:before {
  z-index: 2;
  -webkit-transform: translate(0, 13px);
  transform: translate(0, 13px);
  content: "";
}
#header #menu div:after {
  z-index: 2;
  -webkit-transform: translate(0, -13px);
  transform: translate(0, -13px);
  content: "";
}
#header #menu div:before, #header #menu div:after {
  -webkit-transition: transform 200ms;
  transition: transform 200ms;
}
#header #menu div.on {
  border: none;
}
#header #menu div.on span {
  opacity: 0;
  -webkit-transition: opacity 150ms;
  transition: opacity 150ms;
}
#header #menu div.on:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#header #menu div.on:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#header #menu div span, #header #menu div:before, #header #menu div:after {
  border-radius: 3px;
}
#header #header_menue,
#header #search_modal {
  position: absolute;
  top: 90px;
  right: 0;
  font-size: 16px;
  background-color: #fff;
}
#header #header_menue [class*="_inner"],
#header #search_modal [class*="_inner"] {
  background-color: #fff;
}
#header #header_menue div.close,
#header #search_modal div.close {
  font-size: 12px;
  margin: 40px auto auto;
  width: 40px;
  height: 50px;
  position: relative;
  background-color: transparent;
  cursor: pointer;
  text-align: center;
}
#header #header_menue div.close div,
#header #search_modal div.close div {
  width: 100%;
  height: 40px;
}
#header #header_menue div.close div:before, #header #header_menue div.close div:after,
#header #search_modal div.close div:before,
#header #search_modal div.close div:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 3px;
  background-color: #000;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
#header #header_menue div.close div:before,
#header #search_modal div.close div:before {
  transform: rotate(45deg);
}
#header #header_menue div.close div:after,
#header #search_modal div.close div:after {
  transform: rotate(-45deg);
}
#header #header_menue {
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 21;
  width: 0;
  transform: translateX(100%);
  -webkit-transition: transform 300ms,width 0s 300ms,opacity 0s 300ms;
  transition: transform 300ms,width 0s 300ms,opacity 0s 300ms;
  opacity: 0;
  max-height: calc(100vh - 90px);
  overflow-scrolling: touch;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
#header #header_menue::-webkit-scrollbar {
  display: none;
}
#header #header_menue::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0);
}
#header #header_menue::-webkit-scrollbar-thumb {
  background: rgba(8, 171, 71, 0.3);
  border-radius: 5px;
}
#header #header_menue [class*="_inner"] {
  padding-bottom: 60px;
}
#header #header_menue ul.menue_list {
  background-color: #fff;
  border-bottom: 1px solid #d9d9d9;
}
#header #header_menue ul.menue_list .btn.more, #header #header_menue ul.menue_list .btn.sp_more {
  width: 100%;
  -webkit-transition: max-height 400ms linear;
  transition: max-height 400ms linear;
}
#header #header_menue ul.menue_list .btn.more > span,
#header #header_menue ul.menue_list .btn.more > a, #header #header_menue ul.menue_list .btn.sp_more > span,
#header #header_menue ul.menue_list .btn.sp_more > a {
  line-height: 1;
  font-size: 16px;
  width: 100%;
  height: 60px;
  border-radius: 0;
  background-color: #fff;
  box-shadow: none;
  padding: 0 40px 0 35px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  flex-direction: column;
  text-align: left;
}
#header #header_menue ul.menue_list .btn.more > span:before, #header #header_menue ul.menue_list .btn.more > span:after,
#header #header_menue ul.menue_list .btn.more > a:before,
#header #header_menue ul.menue_list .btn.more > a:after, #header #header_menue ul.menue_list .btn.sp_more > span:before, #header #header_menue ul.menue_list .btn.sp_more > span:after,
#header #header_menue ul.menue_list .btn.sp_more > a:before,
#header #header_menue ul.menue_list .btn.sp_more > a:after {
  content: none;
  border: none;
}
#header #header_menue ul.menue_list .btn.more > span:before,
#header #header_menue ul.menue_list .btn.more > a:before, #header #header_menue ul.menue_list .btn.sp_more > span:before,
#header #header_menue ul.menue_list .btn.sp_more > a:before {
  content: "";
  display: block;
  position: absolute;
  width: 7px;
  height: 26px;
  background-color: #08ab47;
  border-radius: 4px;
  top: 0;
  bottom: 0;
  left: 20px;
  margin: auto;
}
#header #header_menue ul.menue_list .btn.more > span span,
#header #header_menue ul.menue_list .btn.more > a span, #header #header_menue ul.menue_list .btn.sp_more > span span,
#header #header_menue ul.menue_list .btn.sp_more > a span {
  position: static;
  display: inline-block;
}
#header #header_menue ul.menue_list .btn.more > span span:before, #header #header_menue ul.menue_list .btn.more > span span:after,
#header #header_menue ul.menue_list .btn.more > a span:before,
#header #header_menue ul.menue_list .btn.more > a span:after, #header #header_menue ul.menue_list .btn.sp_more > span span:before, #header #header_menue ul.menue_list .btn.sp_more > span span:after,
#header #header_menue ul.menue_list .btn.sp_more > a span:before,
#header #header_menue ul.menue_list .btn.sp_more > a span:after {
  content: "";
  display: block;
  position: absolute;
  width: 18px;
  height: 4px;
  background-color: #08ab47;
  border-radius: 2px;
  right: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
  -webkit-transition: all 300ms;
  transition: all 300ms;
  transform-origin: center;
  transform: rotate(0deg);
}
#header #header_menue ul.menue_list .btn.more > span span:after,
#header #header_menue ul.menue_list .btn.more > a span:after, #header #header_menue ul.menue_list .btn.sp_more > span span:after,
#header #header_menue ul.menue_list .btn.sp_more > a span:after {
  transform: rotate(90deg);
}
#header #header_menue ul.menue_list .btn.more > span:hover,
#header #header_menue ul.menue_list .btn.more > a:hover, #header #header_menue ul.menue_list .btn.sp_more > span:hover,
#header #header_menue ul.menue_list .btn.sp_more > a:hover {
  opacity: 1;
  color: inherit;
}
#header #header_menue ul.menue_list .btn.more > span:hover:before,
#header #header_menue ul.menue_list .btn.more > a:hover:before, #header #header_menue ul.menue_list .btn.sp_more > span:hover:before,
#header #header_menue ul.menue_list .btn.sp_more > a:hover:before {
  opacity: 1;
}
#header #header_menue ul.menue_list .btn.more > span:hover span:before, #header #header_menue ul.menue_list .btn.more > span:hover span:after,
#header #header_menue ul.menue_list .btn.more > a:hover span:before,
#header #header_menue ul.menue_list .btn.more > a:hover span:after, #header #header_menue ul.menue_list .btn.sp_more > span:hover span:before, #header #header_menue ul.menue_list .btn.sp_more > span:hover span:after,
#header #header_menue ul.menue_list .btn.sp_more > a:hover span:before,
#header #header_menue ul.menue_list .btn.sp_more > a:hover span:after {
  background-color: #08ab47;
}
#header #header_menue ul.menue_list .btn.more.on > span span:before,
#header #header_menue ul.menue_list .btn.more.on > a span:before, #header #header_menue ul.menue_list .btn.sp_more.on > span span:before,
#header #header_menue ul.menue_list .btn.sp_more.on > a span:before {
  transform: rotate(-180deg);
}
#header #header_menue ul.menue_list .btn.more.on > span span:after,
#header #header_menue ul.menue_list .btn.more.on > a span:after, #header #header_menue ul.menue_list .btn.sp_more.on > span span:after,
#header #header_menue ul.menue_list .btn.sp_more.on > a span:after {
  transform: rotate(0);
}
#header #header_menue ul.menue_list li:nth-of-type(n+2) {
  border-top: 1px solid #d9d9d9;
}
#header #header_menue ul.menue_list > li ul.child_list {
  display: none;
  border-top: 1px solid #d9d9d9;
  background-color: #fff;
}
#header #header_menue ul.menue_list > li ul.child_list li {
  width: 100%;
  height: 60px;
  position: relative;
}
#header #header_menue ul.menue_list > li ul.child_list li a {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  text-align: left;
  position: relative;
  padding: 0 40px 0 20px;
}
#header #header_menue ul.menue_list > li ul.child_list li a span:before, #header #header_menue ul.menue_list > li ul.child_list li a span:after {
  content: "";
  display: block;
  position: absolute;
  width: 12px;
  height: 4px;
  background-color: #08ab47;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 25px;
  -webkit-transition: background 300ms;
  transition: background 300ms;
  transform-origin: right center;
}
#header #header_menue ul.menue_list > li ul.child_list li a span:before {
  bottom: 3px;
  transform: rotate(-45deg);
  border-radius: 2px 0 2px 2px;
}
#header #header_menue ul.menue_list > li ul.child_list li a span:after {
  top: 3px;
  transform: rotate(45deg);
  border-radius: 2px 2px 0 2px;
}
#header #header_menue ul.menue_list > li.btn.more.arrow_right {
  border-top: 0;
}
#header #header_menue ul.menue_list > li.btn.more.arrow_right ul.child_list {
  display: block !important;
}
#header #header_menue ul.menue_list > li.btn.more.arrow_right a {
  padding: 0 40px 0 35px;
}
#header #header_menue ul.menue_list > li.btn.more.arrow_right a:before {
  content: "";
  display: block;
  position: absolute;
  width: 7px;
  height: 26px;
  background-color: #08ab47;
  border-radius: 4px;
  top: 0;
  bottom: 0;
  left: 20px;
  margin: auto;
}
#header #header_menue ul.menue_list > li.search ul.child_list {
  background-color: #edfbf9;
}
#header #header_menue ul.menue_list > li.search ul.child_list li.icon a {
  padding-left: 70px;
}
#header #header_menue ul.menue_list > li.search ul.child_list li.icon a:before {
  content: "";
  display: block;
  position: absolute;
  width: 40px;
  height: 40px;
  left: 15px;
  top: 0;
  bottom: 0;
  margin: auto;
  background-size: contain;
}
#header #header_menue ul.menue_list > li.search ul.child_list li.icon.category a:before {
  background-image: url("/ec/shop/hanshin/images/top/sp/icon_search_category_line_gr.png");
}
#header #header_menue ul.menue_list > li.search ul.child_list li.icon.shop a:before {
  background-image: url("/ec/shop/hanshin/images/top/sp/icon_search_shop_line_gr.png");
}
#header #header_menue ul.menue_list > li.search ul.child_list li.icon.special a:before {
  background-image: url("/ec/shop/hanshin/images/top/sp/icon_search_special_line_gr.png");
}
#header #header_menue ul.menue_list > li.search ul.child_list li.icon.brand a:before {
  background-image: url("/ec/shop/hanshin/images/top/sp/icon_search_brand_line_gr.png");
}
#header #header_menue ul.menue_list > li.search ul.child_list li.input_search {
  padding: 20px;
  height: 90px;
}
#header #header_menue.on {
  width: 375px;
  transform: translateX(0%);
  -webkit-transition: transform 300ms;
  transition: transform 300ms;
  opacity: 1;
}
#header #search_modal {
  transform: translateY(calc(-100% - 90px));
  -webkit-transition: transform 300ms,height 0s 300ms,opacity 0s 300ms;
  transition: transform 300ms,height 0s 300ms,opacity 0s 300ms;
  left: 0;
  margin: auto;
  width: 100%;
  z-index: 20;
}
#header #search_modal [class*="_inner"] {
  padding: 60px 0 40px;
}
#header #search_modal ul {
  width: 780px;
  margin: auto;
}
#header #search_modal ul li.search {
  margin-bottom: 50px;
  z-index: 20;
}
#header #search_modal ul li:nth-of-type(n+2) {
  width: 120px;
  margin: auto 40px;
  position: relative;
}
#header #search_modal ul li:nth-of-type(n+2) a {
  padding-top: 140px;
  color: #08ab47;
  font-size: 16px;
  line-height: 1.25;
  text-align: center;
  font-weight: 900;
  -webkit-transition: opacity 300ms;
  transition: opacity 300ms;
}
#header #search_modal ul li:nth-of-type(n+2) a span span {
  font-size: 12px;
}
#header #search_modal ul li:nth-of-type(n+2) a:before {
  content: "";
  display: block;
  position: absolute;
  width: 120px;
  height: 120px;
  background-size: contain;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
}
#header #search_modal ul li:nth-of-type(n+2) a:hover {
  opacity: 0.6;
}
#header #search_modal ul li.category a:before {
  background-image: url("/ec/shop/hanshin/images/top/pc/icon_search_category.png");
}
#header #search_modal ul li.shop a:before {
  background-image: url("/ec/shop/hanshin/images/top/pc/icon_search_shop.png");
}
#header #search_modal ul li.special a:before {
  background-image: url("/ec/shop/hanshin/images/top/pc/icon_search_special.png");
}
#header #search_modal ul li.brand a:before {
  background-image: url("/ec/shop/hanshin/images/top/pc/icon_search_brand.png");
}
#header #search_modal.on {
  transform: translateY(0%);
}
#header #search_modal {
  height: 0;
  overflow: hidden;
}
#header #search_modal.on {
  height: auto;
}
#header #header_layer[style*="opacity"] ~ #header-inner #search_modal,
#header #header_layer[style*="display: block;"] ~ #header-inner #search_modal {
  height: auto;
}

#header.fixed ~ #contents,
#head-banner ~ #contents {
  padding-top: 130px;
}

#head-banner {
  position: absolute;
  top: 130px;
  width: 100%;
}

#footer {
  margin: 100px auto auto;
  padding-top: 50px;
  border: none;
  position: relative;
  overflow: hidden;
  border-top: 1px solid #ccc;
}
#footer:before, #footer:after {
  content: "";
  display: block;
  position: absolute;
  width: 118px;
  height: 119px;
  background-size: contain;
}
#footer:before {
  background-image: url("/ec/shop/hanshin/images/top/pc/bg_footer_01.png");
  bottom: 260px;
  left: 30px;
}
#footer:after {
  width: 228px;
  height: 222px;
  background-image: url("/ec/shop/hanshin/images/top/pc/bg_footer_02.png");
  right: -50px;
  bottom: 50px;
}
#footer #footer-nav {
  padding: 0 80px;
  min-width: 1160px;
}
#footer #footer-nav ul.menue_list {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  padding: 0;
  margin: auto auto 50px;
  width: 100%;
  max-width: 1000px;
  background: url();
}
#footer #footer-nav ul.menue_list > li {
  width: 25%;
  float: none;
  font-size: 16px;
  line-height: 1;
  padding: 0;
  margin: 0;
  border: none;
  cursor: default;
}
#footer #footer-nav ul.menue_list > li > a,
#footer #footer-nav ul.menue_list > li > span {
  padding: 0 0 0 15px;
  margin: 0;
  font-size: 16px;
  font-weight: 900;
  background: url();
  text-align: left;
  height: auto;
  display: inline-block;
  width: auto;
}
#footer #footer-nav ul.menue_list > li > a:before,
#footer #footer-nav ul.menue_list > li > span:before {
  content: "";
  display: block;
  position: absolute;
  width: 7px;
  height: 26px;
  background-color: #08ab47;
  border-radius: 4px;
  top: 0;
  bottom: 0;
  left: 0px;
  margin: auto;
}
#footer #footer-nav ul.menue_list > li > a {
  cursor: pointer;
}
#footer #footer-nav ul.menue_list ul.child_list {
  font-size: 15px;
  margin-top: 30px;
}
#footer #footer-nav ul.menue_list ul.child_list li {
  margin: 0;
  cursor: default;
}
#footer #footer-nav ul.menue_list ul.child_list li:before {
  content: none;
}
#footer #footer-nav ul.menue_list ul.child_list li > a,
#footer #footer-nav ul.menue_list ul.child_list li > span {
  padding: 0;
  margin: 0;
  font-size: 15px;
  background: url();
  text-align: left;
  display: inline-block;
  width: auto;
  white-space: nowrap;
}
#footer #footer-nav ul.menue_list ul.child_list li:nth-of-type(n+2) {
  margin-top: 20px;
}
#footer #f_logo {
  width: 106.7px;
  height: 133.1px;
  margin: 50px auto;
}
#footer #f_logo a {
  width: 100%;
  height: 100%;
  background-image: url("/ec/shop/hanshin/images/top/pc/logo_footer.png");
  background-size: contain;
  display: block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  -webkit-transition: opacity 300ms;
  transition: opacity 300ms;
}
#footer #f_logo a:hover {
  opacity: 0.6;
}
#footer ul.sns li {
  width: 40px;
  margin: auto 20px;
}
#footer #end-footer {
  margin-top: 40px;
  background-color: #333333;
  padding: 50px 0;
  position: relative;
  text-align: center;
  width: 100%;
  z-index: 20;
}
#footer #end-footer p {
  font-size: 13px;
  line-height: 1.6923076923;
  color: #fff;
}

#wrapper + #footer {
  margin: auto;
  border-top: none;
}

#free_A {
  position: relative;
  z-index: 1000;
}