@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Lato);
@import url(https://fonts.googleapis.com/css?family=Poppins);
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
/*========================  ヘッダー  ========================*/
#header {
  margin: 0 auto;
  width: 960px;
}
@media screen and (max-width: 767px) {
  #header {
    display: none;
  }
}

#navi_site {
  position: relative;
  overflow: hidden;
  padding-top: 7px;
  font-size: 1.2rem;
  font-weight: 500;
}
#navi_site h1 {
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 1.2rem;
}
#navi_site ul {
  float: right;
  margin-left: 15px;
}
#navi_site li {
  display: inline-block;
  margin-left: 15px;
}
#navi_site i {
  margin-left: 3px;
  color: #bfbfbf;
}
#navi_site a:hover i {
  color: #e60012;
}

#logo {
  float: left;
  margin-bottom: 15px;
  width: 210px;
  height: 60px;
}

/*配送のお知らせのみ*/
.attention {
  margin: 0 auto 20px auto;
  padding: 10px;
  box-sizing: border-box;
  width: 960px;
  text-align: center;
  letter-spacing: 0.05em;
  background: #eee;
}
.attention dt {
  margin-right: 10px;
  padding-bottom: 5px;
  font-size: 1.2rem;
  font-weight: bold;
}
.attention dd {
  padding: 0 6px;
  font-size: 1.1rem;
  line-height: 160%;
}

/*--------------- SERCH ---------------*/
#serch {
  position: relative;
  float: right;
  width: 630px;
  height: 60px;
}
#serch .emblem {
  position: absolute;
  left: -91px;
  width: 200px;
  height: 60px;
  text-indent: -9999px;
  background: url(/gold/low-ya/images/soy/emblem-top.png) no-repeat;
}

#serch_box {
  position: absolute;
  right: 160px;
  bottom: 5px;
  /* Chrome */
}
#serch_box input[type="text"] {
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  float: left;
  padding: 0 5px 0 30px;
  width: 200px;
  height: 30px;
  transition-timing-function: ease-out;
  color: #231815;
  border: 1px solid #e8e8e8;
  outline: none;
  background-image: url(../images/header/icon_search.png);
  background-repeat: no-repeat;
  background-position: 5px 5px;
}
#serch_box input[type="text"]:focus {
  width: 200px;
}
#serch_box input[type="text"]:focus::-webkit-input-placeholder {
  text-indent: -9999px;
}
#serch_box input[type="image"] {
  width: 52px;
  height: 32px;
  line-height: 32px;
  cursor: pointer;
  text-align: center;
  color: #fff;
  border: 0;
  outline: 0;
  background-color: #e60012;
}

/*--------------- CART ---------------*/
#cart_header {
  position: absolute;
  right: 0;
  bottom: 5px;
}
#cart_header a {
  display: block;
  float: right;
  margin-left: 13px;
  height: 32px;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 45px;
}
#cart_header i {
  margin-left: 5px;
  font-size: 134%;
}
#cart_header .fa-shopping-cart {
  font-size: 280%;
}

/*--------------- GLOBAL NAVI ---------------*/
#navi_global {
  clear: both;
  overflow: hidden;
  margin-bottom: 20px;
  padding-top: 19px;
  /* width */
}
#navi_global li {
  float: left;
}
#navi_global a {
  display: block;
  height: 43px;
  text-indent: -9999px;
  background-image: url(../images/header/navi_global.png?l);
  background-repeat: no-repeat;
}
#navi_global #gn_01 a {
  width: 114px;
  background-position: 0px   0px;
}
#navi_global #gn_01 a:hover {
  background-position: 0px  -86px;
}
#navi_global #gn_02 a {
  width: 113px;
  background-position: -118px   0px;
}
#navi_global #gn_02 a:hover {
  background-position: -118px  -86px;
}
#navi_global #gn_03 a {
  width: 119px;
  background-position: -231px   0px;
}
#navi_global #gn_03 a:hover {
  background-position: -231px  -86px;
}
#navi_global #gn_04 a {
  width: 111px;
  background-position: -356px   0px;
}
#navi_global #gn_04 a:hover {
  background-position: -356px  -86px;
}
#navi_global #gn_05 a {
  width: 126px;
  background-position: -467px   0px;
}
#navi_global #gn_05 a:hover {
  background-position: -467px  -86px;
}
#navi_global #gn_06 a {
  width: 136px;
  background-position: -593px   0px;
}
#navi_global #gn_06 a:hover {
  background-position: -593px  -86px;
}
#navi_global #gn_07 a {
  width: 136px;
  background-position: -729px   0px;
}
#navi_global #gn_07 a:hover {
  background-position: -729px  -86px;
}
#navi_global #gn_08 a {
  width: 105px;
  background-position: -865px   0px;
}
#navi_global #gn_08 a:hover {
  background-position: -865px  -86px;
}
#navi_global #gn_09 a {
  width: 114px;
  background-position: 0px -43px;
}
#navi_global #gn_09 a:hover {
  background-position: 0px -129px;
}
#navi_global #gn_10 a {
  width: 113px;
  background-position: -118px -43px;
}
#navi_global #gn_10 a:hover {
  background-position: -118px -129px;
}
#navi_global #gn_11 a {
  width: 119px;
  background-position: -231px -43px;
}
#navi_global #gn_11 a:hover {
  background-position: -231px -129px;
}
#navi_global #gn_12 a {
  width: 111px;
  background-position: -356px -43px;
}
#navi_global #gn_12 a:hover {
  background-position: -356px -129px;
}
#navi_global #gn_13 a {
  width: 126px;
  background-position: -467px -43px;
}
#navi_global #gn_13 a:hover {
  background-position: -467px -129px;
}
#navi_global #gn_14 a {
  width: 136px;
  background-position: -593px -43px;
}
#navi_global #gn_14 a:hover {
  background-position: -593px -129px;
}
#navi_global #gn_15 a {
  width: 136px;
  background-position: -729px -43px;
}
#navi_global #gn_15 a:hover {
  background-position: -729px -129px;
}
#navi_global #gn_16 a {
  width: 105px;
  background-position: -865px -43px;
}
#navi_global #gn_16 a:hover {
  background-position: -865px -129px;
}

/* arrow */
#navi_arrow {
  position: absolute;
  bottom: 10px;
  width: 100%;
  font-size: 250%;
  text-align: center;
}

/*--------------- BANNER ---------------*/
.bnner-area {
  clear: both;
  overflow: hidden;
  margin: 0 auto;
  width: 960px;
}
.bnner-area a {
  border: 0;
}
.bnner-area ul {
  width: 960px;
}
.bnner-area .header-clm1 li {
  display: inline-block;
  margin-bottom: 20px;
}
.bnner-area .header-clm2 li {
  float: left;
  margin: 0 16px 16px 0;
}
.bnner-area .header-clm2 li:nth-child(2n) {
  margin-right: 0px;
}
.bnner-area .header-clm2 li img {
  width: 470px;
  border: 1px solid #eee;
}
.bnner-area .header-clm3 li {
  display: inline-block;
  margin: 0 6px 10px 0;
  margin-bottom: 20px;
}
.bnner-area .header-clm4 li {
  float: left;
  margin: 16px 16px 16px 0;
  padding: 0;
}
.bnner-area .header-clm4 li:nth-child(4n) {
  margin-right: 0px;
}
.bnner-area .header-clm4 li img {
  width: 228px;
}
.bnner-area .coupon04 li {
  float: left;
  margin: 0 10px 20px 0;
  padding: 0;
}
.bnner-area .coupon04 li:nth-child(4n) {
  margin-right: 0px;
}
.bnner-area .header-clm-r {
  margin: 0px;
  padding: 0;
  width: 980px;
}
.bnner-area .coupon03 li {
  float: left;
  margin: 0 20px 20px 0;
  padding: 0;
}
.bnner-area .coupon03 li:nth-child(3n) {
  margin-right: 0px;
}
.bnner-area .header-clm-r {
  margin: 0px;
  padding: 0;
  width: 960px;
}
.bnner-area .header-clm-r li {
  display: inline-block;
  margin: 0 16px 10px 0;
  padding: 0;
}
.bnner-area .header-clm-r li:nth-child(4n) {
  margin: 0;
}
.bnner-area .header-clm-r img {
  width: 228px;
}
.bnner-area ul li a span {
  display: block;
  margin: 3px 0;
  font-size: 12px;
  text-align: center;
  text-decoration: none;
  color: #333;
}
.bnner-area ul li a:hover span {
  display: block;
  margin: 3px 0;
  font-size: 12px;
  text-align: center;
  text-decoration: underline;
  color: #333;
}

.clearfix:after {
  display: block;
  /* ブロックレベル要素に */
  visibility: hidden;
  clear: both;
  height: 0;
  content: ".";
  /* 新しい要素を作る */
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*/
  	                 /*/
    height: auto;
    overflow: hidden;
    /**/
}

a:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
}

a:link {
  text-decoration: none;
  color: #333;
}

a:visited {
  text-decoration: none;
  color: #333;
}

a:hover {
  text-decoration: underline;
  color: #c00;
}

td {
  font-size: 12px;
  color: #666;
}

.style8 {
  font-weight: bold;
  color: #f00;
}

.style9 {
  color: #f00;
}

/*-------------------- ヘッダーナビ設定 --------------------*/
#header_Navi {
  clear: both;
  overflow: hidden;
  width: 940px;
}
#header_Navi li {
  display: inline;
  float: left;
}
#header_Navi a {
  display: block;
}
#header_Navi img {
  display: block;
  vertical-align: bottom;
}

/*-------------------- 検索ナビ設定 --------------------*/
#search_Navi {
  position: relative;
  margin: 5 0 0 0;
  padding: 0 0;
  width: 940px;
  height: 105px;
  border: 0;
  background: url(/gold/low-ya/images/header/bg-.jpg) no-repeat;
  /*---- ホットワード設定 ----*/
}
#search_Navi #searchBox {
  /*---- 検索ボタン ----*/
}
#search_Navi #searchBox form {
  margin: 0 0;
  padding: 0 0;
}
#search_Navi #searchBox input.wordBox {
  position: absolute;
  top: 25px;
  left: 12px;
  margin: 0;
  padding: 5px;
  width: 286px;
  height: 23px;
  font-size: 93%;
  border: 1px solid #e3c7ad;
}
#search_Navi #searchBox input.submit {
  position: absolute;
  top: 20px;
  left: 300px;
  display: inline-block;
  margin: 0;
  padding: 0;
  width: 74px;
  height: 34px;
  cursor: pointer;
  text-indent: -9999px;
  border: none;
  background: url(/gold/low-ya/images/header/bt.jpg) no-repeat 0 0;
}
#search_Navi #hot_Word {
  position: absolute;
  bottom: 17px;
  left: 20px;
  margin: 0;
  padding: 0;
  max-width: 370px;
  font-size: 10px;
  list-style: none;
}
#search_Navi #hot_Word li {
  float: left;
  margin: 0 0.5em 0 0;
}
#search_Navi #hot_Word li a {
  display: block;
  padding-top: 10px;
  font-size: 10px;
  text-decoration: underline;
}

.hot a {
  display: block;
  padding: 13px 15px 0px 0px;
  padding-top: 10px;
  font-size: 10px;
  text-decoration: underline;
  background: url(/gold/low-ya/images/hot-word-s.gif) no-repeat 30px 0px;
}

.hot_red a {
  display: block;
  padding-top: 10px;
  font-size: 10px;
  font-weight: bold;
  text-decoration: underline;
  color: #c00;
}

/*---- キャンペーンバナー ----*/
#info_Banner {
  position: absolute;
  top: 32px;
  left: 420px;
  margin-left: 20px;
  width: 470px;
}

#banner {
  margin-bottom: 0;
  border: 1px solid #ccc;
}
#banner ul {
  position: relative;
  overflow: hidden;
  width: 468px;
  height: 60px;
}
#banner li {
  position: absolute;
  display: inline;
  float: left;
  width: 468px;
}
#banner a,
#banner img {
  display: block;
}

#btn-prev {
  position: relative;
  top: -65px;
  left: -20px;
}

#btn-next {
  position: relative;
  top: -65px;
  left: 468px;
}

/*-------------------- RMSヘッダー --------------------*/
.obi {
  position: relative;
}

.obi_img {
  position: absolute;
  top: 0px;
  left: 975px;
}

/*----- カテゴリーメニュー終了 -----*/
* html .obi_jump {
  display: block;
  width: 90px;
  height: 10000px;
}

#c {
  font-size: 55%;
  font-weight: normal;
  color: #ccc;
}

/*-------------------- 商品キャッチコピー --------------------*/
/* PC用キャッチコピー */
.catch_copy {
  display: block;
  margin-bottom: 0.5em;
  padding-top: 85px;
  padding-bottom: 0.5em;
  font-weight: 100;
  line-height: 1.5;
  border-bottom: dotted 1px #ccc;
  background: url(/gold/low-ya/images/soy/soy2016-cart.png) top left no-repeat;
}

/*----- カテゴリーメニュー終了 -----*/
/*ヘッダー テレビ台3商品プッシュ*/
.tv_pickup {
  position: relative;
  margin: 10px 0 20px 0;
  padding: 0;
  width: 960px;
  height: 250px;
  background: url(https://image.rakuten.co.jp/low-ya/cabinet/bana/c_tv.gif) no-repeat;
}
.tv_pickup > li:nth-child(1) {
  position: absolute;
  top: 15px;
  left: 184px;
  margin: 0;
  padding: 0;
  width: 243px;
}
.tv_pickup > li:nth-child(2) {
  position: absolute;
  top: 15px;
  left: 442px;
  margin: 0;
  padding: 0;
  width: 243px;
}
.tv_pickup > li:nth-child(3) {
  position: absolute;
  top: 15px;
  right: 16px;
  margin: 0;
  padding: 0;
  width: 243px;
}

/*ヘッダー カーテン3商品プッシュ*/
.curtain {
  position: relative;
  margin: 10px 0 20px 0;
  padding: 0;
  width: 970px;
  height: 250px;
  background: url(https://image.rakuten.co.jp/low-ya/cabinet/bana/c_curtain.gif?02) no-repeat;
}
.curtain > li:nth-child(1) {
  position: absolute;
  top: 15px;
  left: 184px;
  margin: 0;
  padding: 0;
  width: 243px;
}
.curtain > li:nth-child(2) {
  position: absolute;
  top: 15px;
  left: 442px;
  margin: 0;
  padding: 0;
  width: 243px;
}
.curtain > li:nth-child(3) {
  position: absolute;
  top: 15px;
  right: 16px;
  margin: 0;
  padding: 0;
  width: 243px;
}

/*ヘッダー ベルラグ3商品プッシュ*/
.b-rug {
  position: relative;
  margin: 10px 0 20px 0;
  padding: 0;
  width: 970px;
  height: 250px;
  background: url(https://image.rakuten.co.jp/low-ya/cabinet/bana/c_rug.gif) no-repeat;
}
.b-rug > li:nth-child(1) {
  position: absolute;
  top: 15px;
  left: 184px;
  margin: 0;
  padding: 0;
  width: 243px;
}
.b-rug > li:nth-child(2) {
  position: absolute;
  top: 15px;
  left: 442px;
  margin: 0;
  padding: 0;
  width: 243px;
}
.b-rug > li:nth-child(3) {
  position: absolute;
  top: 15px;
  right: 16px;
  margin: 0;
  padding: 0;
  width: 243px;
}

.PushItem-price {
  position: absolute;
  z-index: 1;
  top: 181px;
  left: 10px;
  padding: 5px 10px 6px 10px;
  font-size: 12px;
  color: #fff;
  background: #c7243d;
}

.cooly_price {
  position: absolute;
  z-index: 1;
  top: 10px;
  left: 25px;
  letter-spacing: 1.5px;
  color: #fff700;
}
.cooly_price > span {
  font-size: 43px;
}

.cooly_sou {
  position: absolute;
  z-index: 1;
  top: 74px;
  left: 68px;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 1.5px;
  color: #fff700;
}

/*-------------------お知らせ------------------*/
.notice {
  float: left;
  margin-bottom: 10px;
  padding: 10px;
  box-sizing: border-box;
  width: 970px;
  letter-spacing: 0.05em;
  border: 1px solid #ddd;
}

.noticeTitle {
  float: left;
  width: 31%;
  font-size: 12px;
  font-weight: bold;
}
.noticeTitle span {
  font-size: 12px;
}
.noticeTitle strong {
  font-size: 13px;
  color: #e60012;
}

.noticeTxt {
  float: left;
  width: 69%;
  font-size: 11px;
}

.noticeTxt strong {
  font-size: 11px;
  color: #e60012;
}

/*-------------------新クーポンレイアウト------------------*/
.EventCoupon {
  margin: 0 auto 10px auto;
  padding-top: 40px;
  width: 970px;
  height: 436px;
  background: #e70012 url(https://www.rakuten.ne.jp/gold/low-ya/images/event/week/header-bac.png);
}
.EventCoupon figure {
  width: 100%;
  text-align: center;
}
.EventCoupon ul {
  display: flex;
  display: -webkit-flex;
  flex-flow: row wrap;
  -webkit-flex-flow: row wrap;
  -js-display: flex;
  margin: 15px auto;
  width: 836px;
  justify-content: space-around;
}
.EventCoupon li a img:hover {
  padding-top: 1px;
}
.EventCoupon a.main img {
  transition: opacity 0.3s;
}

.bg-scale {
  display: block;
  padding: 0px 0 20px 0;
  text-align: center;
}

.NoteTxt {
  margin-bottom: 30px;
  font-size: 12px;
  line-height: 180%;
  text-align: center;
  letter-spacing: 0.1em;
}
.NoteTxt li.limited {
  margin-top: 5px;
  padding: 5px;
  font-size: 14px;
  font-weight: bold;
  background: #eee;
}

/*-------------------新クーポンレイアウト------------------*/
/*------------------- 大バナー2個横並び ------------------*/
.bana_2clm li {
  float: left;
}

/*-------------------------------------*/
.NoteTxt {
  margin-bottom: 30px;
  font-size: 12px;
  line-height: 180%;
  text-align: center;
  letter-spacing: 0.1em;
}

.NoteTxt li.limited {
  margin: 0 auto 40px auto;
  margin-top: 5px;
  padding: 5px;
  width: 960px;
  font-size: 14px;
  font-weight: bold;
  background: #eee;
}

.flip-container {
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  -o-perspective: 1000;
  perspective: 1000;
}

/* flip the pane when hovered */
.flip-container:hover .flipper,
.flip-container.hover .flipper {
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

.flip-container {
  position: absolute;
  top: 185px;
  right: 50px;
}

.flip-container,
.back {
  width: 117px;
  height: 117px;
}

.flip-container,
.front {
  width: 110px;
  height: 110px;
}

.flip-container,
.front img {
  padding-top: 8px;
  padding-left: 3px;
}

/* flip speed goes here */
.flipper {
  position: relative;
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

/* hide back of pane during swap */
.front,
.back {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* front pane, placed above back */
.front {
  z-index: 2;
}

/* back, initially hidden pane */
.back {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

/*-------------------セール商品帯かけ------------------*/
.saleWrap {
  position: relative;
}

/*::::header.html::::*/
img.poi {
  position: absolute;
  z-index: 608;
  top: 0;
  left: 0;
  width: 120px;
}