.fl {
  float: left;
}

.fr {
  float: right;
}

#contanier {
  line-height: 30px;
  font-size: 16px;
}

#header,
#contanier {
  overflow: hidden;
}

.img_parallax {
  clip: rect(0, auto, auto, 0);
  margin-bottom: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.img_parallax img {
  width: 100% !important;
  height: 100vh !important;
  position: fixed;
  top: 0;
  left: 0;
  padding: 0;
  margin: 0;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transform: translateZ(0) !important;
  transform: translateZ(0) !important;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .img_parallax img {
    height: auto !important;
    -o-object-fit: unset;
       object-fit: unset;
    top: 50%;
    -webkit-transform: translateY(-50%) !important;
            transform: translateY(-50%) !important;
  }
}

@supports (-ms-accelerator: true) {
  .img_parallax img {
    height: auto !important;
    -o-object-fit: unset;
       object-fit: unset;
    top: 50%;
    -webkit-transform: translateY(-50%) !important;
            transform: translateY(-50%) !important;
  }
}

.txt-vertical {
  cursor: vertical-text;
  writing-mode: vertical-rl;
  -o-writing-mode: vertical-rl;
  -ms-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  -moz-writing-mode: vertical-rl;
  -webkit-writing-mode: vertical-rl;
  text-orientation: upright;
  word-wrap: break-word;
}

.txt-vertical .int {
  writing-mode: lr-tb;
  -o-writing-mode: horizontal-tb;
  -ms-writing-mode: horizontal-tb;
  -ms-writing-mode: lr-tb;
  -moz-writing-mode: horizontal-tb;
  -webkit-writing-mode: horizontal-tb;
  display: inline-block;
  text-align: center;
  line-height: 1.5em;
}

.txt-normal .int {
  height: 1.1em;
}

.txt-vertical-x > * {
  writing-mode: rl-tb;
  -o-writing-mode: vertical-tb;
  -ms-writing-mode: vertical-tb;
  -ms-writing-mode: rl-tb;
  -moz-writing-mode: vertical-tb;
  -webkit-writing-mode: vertical-tb;
  transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  display: inline-block;
  white-space: nowrap;
  word-wrap: break-word;
  width: 1px;
  line-height: 1;
}

.txt-vertical .txt-latin {
  cursor: vertical-text;
  direction: rtl;
  writing-mode: vertical-rl;
  -o-writing-mode: vertical-rl;
  -ms-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  -moz-writing-mode: vertical-rl;
  -webkit-writing-mode: vertical-rl;
  text-orientation: sideways-right;
  -o-text-orientation: sideways-right;
  -ms-text-orientation: upright;
  -ms-text-orientation: sideways-right;
  -moz-text-orientation: sideways-right;
  -webkit-text-orientation: sideways-right;
  letter-spacing: .25em;
}

.txt-vertical .txt-dot {
  cursor: vertical-text;
  direction: ltr;
  writing-mode: vertical-lr;
  -o-writing-mode: vertical-lr;
  -ms-writing-mode: vertical-lr;
  -ms-writing-mode: tb-lr;
  -moz-writing-mode: vertical-lr;
  -webkit-writing-mode: vertical-lr;
  text-orientation: sideways-right;
  -o-text-orientation: sideways-right;
  -ms-text-orientation: upright;
  -ms-text-orientation: sideways-right;
  -moz-text-orientation: sideways-right;
  -webkit-text-orientation: sideways-right;
  line-height: 1;
}

/* shopping top
-----------------------------------------------	*/
#shopping_top #contanier {
  color: #000;
}

#shopping_top #lead {
  padding-top: 10px;
  padding-bottom: 72px;
}

#shopping_top #lead h2 {
  text-align: right;
  margin-right: -59px;
}

#shopping_top #lead .txt {
  width: 430px;
  margin-right: -50px;
  margin-top: 18px;
}

#shopping_top #lead .img1 {
  margin-left: -250px;
}

#shopping_top #lead .img2 {
  margin: 29px 0 0  38px;
}

#shopping_top #lead .col-right {
  position: relative;
  padding-bottom: 76px;
}

#shopping_top #lead .col-right:before {
  content: "";
  z-index: -1;
  width: 664px;
  height: 306px;
  position: absolute;
  right: -288px;
  bottom: -68px;
  background: url("../img/shopping_top/pt2.jpg");
}

#shopping_top #lead .col-right:after {
  content: "";
  z-index: -1;
  width: 856px;
  position: absolute;
  top: 130px;
  right: -233px;
  bottom: 0;
  background: url("../img/shopping_top/pt1.jpg");
}

#shopping_top #point {
  padding-bottom: 81px;
}

#shopping_top #point .inner {
  max-width: 1724px;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#shopping_top #point .item {
  padding: 0 12px;
  width: 33.3333%;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#shopping_top #point .item .txt {
  margin: 22px 28px 0;
}

#shopping_top #point .item h3 {
  position: relative;
  z-index: 2;
}

#shopping_top #point .item h3:before, #shopping_top #point .item h3:after {
  content: "";
  background: #fff;
  position: absolute;
  z-index: -1;
}

#shopping_top #point .item h3:before {
  width: 1px;
  height: 200px;
  bottom: 4px;
  left: 23px;
}

#shopping_top #point .item h3:after {
  height: 1px;
  width: 390px;
  bottom: 22px;
  left: 7px;
}

#shopping_top #point .item .img {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  margin: 0 12px;
  border: 6px solid #925c0e;
  height: 420px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#shopping_top #point .box1 .img {
  background: url("../img/shopping_top/point_img1.jpg") no-repeat center/cover;
}

#shopping_top #point .box2 .img {
  background: url("../img/shopping_top/point_img2.jpg") no-repeat center/cover;
}

#shopping_top #point .box3 .img {
  background: url("../img/shopping_top/point_img3.jpg") no-repeat center/cover;
}

#shopping_top #reco {
  padding-bottom: 50px;
}

#shopping_top #reco .prr {
  z-index: 1;
  position: relative;
  height: 700px;
}

#shopping_top #reco .prr > p {
  z-index: 1;
}

#shopping_top #reco h2 {
  position: absolute;
  z-index: 2;
  right: 0;
  top: -362px;
}

#shopping_top #reco .price {
  font-weight: bold;
  font-size: 40px;
  margin-bottom: 10px;
  padding-top: 40px;
  color: #000000;
  line-height: 1.5;
}

#shopping_top #reco .txt {
  margin-top: 35px;
  width: 630px;
}

#shopping_top #himitsu {
  position: relative;
}

#shopping_top #himitsu:before {
  content: "";
  z-index: -1;
  width: 730px;
  height: 440px;
  position: absolute;
  top: 0;
  left: 50%;
  background: url("../img/shopping_top/himitsu_deco2.png") no-repeat left top;
}

#shopping_top #himitsu h2 {
  text-align: center;
}

#shopping_top #himitsu dl dt {
  font-weight: bold;
  font-size: 48px;
  color: #000;
  letter-spacing: -0.03em;
  line-height: 1.5;
}

#shopping_top #himitsu .set1 {
  margin-top: 90px;
  padding-bottom: 45px;
  position: relative;
}

#shopping_top #himitsu .set1:before {
  content: "";
  z-index: -1;
  width: 1110px;
  position: absolute;
  top: 260px;
  right: -160px;
  bottom: 0;
  background: url("../img/shopping_top/pt1.jpg");
}

#shopping_top #himitsu .set1 h3 {
  position: absolute;
  left: 0;
  top: -109px;
  z-index: 1;
}

#shopping_top #himitsu .set1 .img1 {
  margin-left: -50px;
}

#shopping_top #himitsu .set1 .img2 {
  position: relative;
  z-index: 2;
  margin: 157px -46px -0 -60px;
}

#shopping_top #himitsu .set1 .img3 {
  margin: -91px 0 0 -179px;
}

#shopping_top #himitsu .set1 dl {
  padding-top: 60px;
  width: 362px;
  position: relative;
}

#shopping_top #himitsu .set1 dl:before {
  content: "";
  background: url("../img/shopping_top/himitsu_deco.png") no-repeat center;
  width: 200px;
  height: 198px;
  position: absolute;
  top: -38px;
  right: -60px;
}

#shopping_top #himitsu .set1 dl dd {
  margin-top: 34px;
}

#shopping_top #himitsu .set2 {
  margin-top: 38px;
  position: relative;
  padding-bottom: 65px;
}

#shopping_top #himitsu .set2:before {
  content: "";
  z-index: -1;
  width: 1128px;
  position: absolute;
  top: 34px;
  right: 0;
  bottom: 0;
  background: url("../img/shopping_top/pt1.jpg");
}

#shopping_top #himitsu .set2 .img {
  margin-right: -78px;
}

#shopping_top #himitsu .set2 dl {
  padding-top: 95px;
}

#shopping_top #himitsu .set2 dl dd {
  width: 370px;
  margin-left: 5px;
  margin-top: 26px;
}

#shopping_top #himitsu .set3 {
  margin-top: 54px;
  position: relative;
  padding: 38px 0 51px;
}

#shopping_top #himitsu .set3:before {
  content: "";
  z-index: -1;
  width: 1179px;
  position: absolute;
  top: 34px;
  bottom: 0;
  left: -65px;
  background: url("../img/shopping_top/pt1.jpg");
}

#shopping_top #himitsu .set3 dl {
  position: absolute;
  right: 0;
  top: 37px;
  padding-top: 30px;
}

#shopping_top #himitsu .set3 dl:before {
  content: "";
  background: url("../img/shopping_top/himitsu_deco.png") no-repeat center;
  width: 200px;
  height: 198px;
  position: absolute;
  top: -6px;
  right: -78px;
}

#shopping_top #himitsu .set3 dl dt {
  width: 148px;
  height: 410px;
  margin: 0 9px 0 auto;
  position: relative;
}

#shopping_top #himitsu .set3 dl dd {
  width: 360px;
}

#shopping_top #bnr {
  padding: 58px 0 88px;
  text-align: center;
}

#shopping_top #bnr p {
  padding: 20px 0;
  background: url("../img/shopping_top/pt2.jpg");
}

#shopping_top #other {
  padding-bottom: 127px;
}

#shopping_top #other h2 {
  text-align: center;
}

#shopping_top #other .inner {
  max-width: 1724px;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#shopping_top #other .item {
  padding: 0 12px;
  width: 33.333%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#shopping_top #other .item h3 {
  text-align: center;
  border: 6px solid #925c0e;
}

#shopping_top #other .item .txt {
  margin: 40px 28px 27px;
}

#shopping_top #other .item .btn {
  margin: 0 30px;
  text-align: center;
  background: url("../img/shopping_top/other_btn_bd.png") no-repeat center/100% 100%, url("../img/shopping_top/other_btn_bg.jpg") repeat-x center;
}

#shopping_top #other .box1 h3 {
  background: url("../img/shopping_top/other_img1.jpg") no-repeat center/cover;
}

#shopping_top #other .box2 h3 {
  background: url("../img/shopping_top/other_img2.jpg") no-repeat center/cover;
}

#shopping_top #other .box3 h3 {
  background: url("../img/shopping_top/other_img3.jpg") no-repeat center/cover;
}

/* shopping other
-----------------------------------------------	*/
#shopping_other #contanier {
  color: #000;
}

#shopping_other #lead {
  padding-top: 68px;
}

#shopping_other #lead .img {
  width: 1082px;
  position: absolute;
  top: 0;
  left: 318px;
}

#shopping_other #lead .box {
  width: 610px;
  margin-left: -187px;
  z-index: 2;
  position: relative;
  margin-bottom: 198px;
  padding: 0 60px 97px 70px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#shopping_other #lead .box:after {
  content: "";
  background: url("../img/shopping_top/pt1.jpg");
  z-index: -1;
  position: absolute;
  top: 71px;
  right: 0;
  bottom: 0;
  left: 0;
}

#shopping_other #lead .box:before {
  content: "";
  z-index: -1;
  position: absolute;
  left: -32px;
  top: 117px;
  bottom: -46px;
  right: 104px;
  background: url("../img/shopping_top/pt2.jpg");
}

#shopping_other #lead .box .txt {
  margin: 45px 15px 0 5px;
}

#shopping_other #lead .box .txt p + p {
  margin-top: 30px;
}

#shopping_other .bnr {
  text-align: center;
}

#shopping_other .bnr p {
  padding: 20px 0;
  background: url("../img/shopping_top/pt2.jpg");
}

#shopping_other .prr {
  position: relative;
  height: 700px;
  z-index: 1;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  background-attachment: fixed;
}

#shopping_other .prr .img_parallax {
  z-index: 1;
}

#shopping_other #other {
  padding-top: 90px;
  padding-bottom: 31px;
}

#shopping_other #other h2 {
  text-align: center;
}

#shopping_other #other .inner {
  max-width: 1724px;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#shopping_other #other .note {
  text-align: right;
  margin-top: 80px;
}

#shopping_other #other .item {
  padding: 0 12px;
  width: 33.333%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#shopping_other #other .item h3 {
  text-align: center;
  border: 6px solid #925c0e;
}

#shopping_other #other .item .txt {
  margin: 40px 28px 27px;
}

#shopping_other #other .item .btn {
  margin: 0 30px;
  text-align: center;
  background: url("../img/shopping_top/other_btn_bd.png") no-repeat center/100% 100%, url("../img/shopping_top/other_btn_bg.jpg") repeat-x center;
}

#shopping_other #other .box1 h3 {
  background: url("../img/shopping_top/other_img1.jpg") no-repeat center/cover;
}

#shopping_other #other .box2 h3 {
  background: url("../img/shopping_top/other_img2.jpg") no-repeat center/cover;
}

#shopping_other #other .box3 h3 {
  background: url("../img/shopping_top/other_img3.jpg") no-repeat center/cover;
}

#shopping_other #yakisoba {
  padding-bottom: 123px;
}

#shopping_other #yakisoba h2 {
  z-index: 2;
  position: absolute;
  top: -510px;
  right: 0;
}

#shopping_other #yakisoba .prr {
  background-image: url("../img/shopping_other/yakisoba_prr.jpg");
}

#shopping_other #yakisoba .set1 {
  padding-top: 55px;
}

#shopping_other #yakisoba .set1 h3 {
  z-index: 2;
  position: absolute;
  bottom: 55px;
  left: 470px;
  font-size: 63px;
  line-height: 1.2;
  font-weight: bold;
  letter-spacing: -0.1em;
}

#shopping_other #yakisoba .set1 h3 span {
  color: #fff;
}

#shopping_other #yakisoba .set1 dl {
  margin-bottom: 84px;
  width: 460px;
}

#shopping_other #yakisoba .set1 dl dt {
  font-size: 40px;
  margin-bottom: 50px;
  font-weight: bold;
}
#shopping_other #yakisoba .set1 dl dt span{
  font-size:40%;
  position:relative;
  top:5px;
}
#shopping_other #yakisoba .set1 .img-group {
  position: relative;
}

#shopping_other #yakisoba .set1 .img1 {
  z-index: 1;
  position: relative;
  margin: -229px -194px 0 -90px;
}

#shopping_other #yakisoba .set1 .img2 {
  margin-left: -119px;
}

#shopping_other #yakisoba .set2 {
  margin-bottom: 50px;
  margin-top: 90px;
}

#shopping_other #yakisoba .set2 .img {
  margin-right: -84px;
  position: relative;
  z-index: 2;
}

#shopping_other #yakisoba .set2 dl {
  width: 365px;
  padding-bottom: 70px;
  position: relative;
  z-index: 1;
}

#shopping_other #yakisoba .set2 dl:before {
  content: "";
  width: 614px;
  z-index: -1;
  position: absolute;
  top: -45px;
  right: -100px;
  bottom: 0;
  left: -104px;
  background: url("../img/shopping_top/pt1.jpg");
}

#shopping_other #yakisoba .set2 dl dt {
  font-size: 48px;
  position: relative;
  letter-spacing: -0.05em;
  line-height: 1.5;
  padding-top: 50px;
  margin-bottom: 55px;
  font-weight: bold;
}

#shopping_other #yakisoba .set2 dl dt:before {
  content: "";
  z-index: -1;
  width: 200px;
  height: 198px;
  position: absolute;
  top: -28px;
  left: 180px;
  background: url("../img/shopping_top/himitsu_deco.png") no-repeat left top;
}

#shopping_other #chashu {
  padding-bottom: 135px;
}

#shopping_other #chashu h2 {
  z-index: 2;
  position: absolute;
  top: -356px;
  right: 0;
}

#shopping_other #chashu .prr {
  background-image: url("../img/shopping_other/chashu_prr.jpg");
}

#shopping_other #chashu .set1 {
  padding-top: 55px;
}

#shopping_other #chashu .set1 dl {
  width: 460px;
}

#shopping_other #chashu .set1 dl dt {
  font-weight: bold;
  font-size: 40px;
  margin-bottom: 52px;
}
#shopping_other #chashu .set1 dl dt  span{
  font-size:40%;
  position:relative;
  top:5px;
}
#shopping_other #chashu .set2 {
  margin-bottom: 68px;
}

#shopping_other #chashu .set2 dl {
  margin-top: -20px;
  position: relative;
  width: 365px;
  padding-bottom: 70px;
}

#shopping_other #chashu .set2 dl:before {
  content: "";
  width: 566px;
  z-index: -1;
  position: absolute;
  top: -93px;
  right: -98px;
  bottom: 0;
  background: url("../img/shopping_top/pt1.jpg");
}

#shopping_other #chashu .set2 dl dt {
  font-size: 44px;
  margin-right: -30px;
  margin-bottom: 58px;
  letter-spacing: -0.15em;
  position: relative;
  line-height: 1.65;
  font-weight: bold;
}

#shopping_other #chashu .set2 dl dt:before {
  content: "";
  z-index: -1;
  width: 200px;
  height: 198px;
  position: absolute;
  top: -80px;
  left: 225px;
  background: url("../img/shopping_top/himitsu_deco.png") no-repeat left top;
}

#shopping_other #chashu .set2 h3 {
  z-index: 2;
  position: absolute;
  bottom: 23px;
  left: 25px;
  line-height: 1.6;
  letter-spacing: -0.01em;
  font-weight: 500;
  font-size: 44px;
  color: #fff;
}

#shopping_other #chashu .set2 .img {
  z-index: 1;
  position: relative;
  margin: 93px 0 0 -88px;
}

#shopping_other #shumai {
  padding-bottom: 138px;
}

#shopping_other #shumai h2 {
  z-index: 2;
  position: absolute;
  top: -375px;
  right: 0;
}

#shopping_other #shumai .prr {
  background-image: url("../img/shopping_other/shumai_prr.jpg");
}

#shopping_other #shumai .set1 {
  padding-top: 55px;
}

#shopping_other #shumai .set1 dl {
  width: 435px;
}

#shopping_other #shumai .set1 dl dt {
  font-weight: bold;
  font-size: 40px;
  margin-bottom: 50px;
}

#shopping_other #shumai .set2 {
  margin-bottom: 88px;
}

#shopping_other #shumai .set2 dl {
  margin-top: -50px;
  position: relative;
  width: 500px;
  padding-bottom: 97px;
}

#shopping_other #shumai .set2 dl:before {
  content: "";
  width: 576px;
  z-index: -1;
  position: absolute;
  top: -58px;
  right: -47px;
  bottom: 0;
  background: url("../img/shopping_top/pt1.jpg");
}

#shopping_other #shumai .set2 dl dt {
  font-size: 40px;
  margin: 0 -20px 45px 20px;
  letter-spacing: -0.03em;
  position: relative;
  line-height: 1.5;
  font-weight: bold;
}

#shopping_other #shumai .set2 dl dt:before {
  content: "";
  z-index: -1;
  width: 200px;
  height: 198px;
  position: absolute;
  top: -105px;
  left: 362px;
  background: url("../img/shopping_top/himitsu_deco.png") no-repeat left top;
}

#shopping_other #shumai .set2 dl dd {
  width: 360px;
  margin-left: 100px;
}

#shopping_other #shumai .set2 .img {
  z-index: 1;
  position: relative;
  margin: 75px -40px 0 -46px;
}