@charset "UTF-8";


/*---------- 全体 ----------*/
:root {
    --mainc: #c95722;
    --pointc2l: #fafff0;
    --wh: #fff;
  }
.main_Box{
  width: 100%;
  max-width: 1500px;
  margin: 0 auto;
}  

/*---------- アニメーション ----------*/
.scanime.fadein {
  opacity: 0;
  transform: translate(0, 100px);
  transition: all 1s;
}
.scanime.fadein.scrollin {
  opacity: 1;
  transform: translate(0, 0);
}
.scanime {
  opacity: 0;
  transition: all .5s;
}
.scanime.scrollin {
  opacity: 1;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

/*---------- KV ----------*/
.kvimg-sp {	
  display: none;	
}

/*---------- navi ----------*/
.navi_List {
  background-color: #f4f1e5;
  width: 100%;
}
.naviCon {
  display: inline-block;
}
.naviimg {
  max-width: 100%;
}
.naviBox {
  font-size: 22px;
  height: 110px;
}
.navi_Text {
  color: #644949;
  line-height: 1.2;
  font-size: 20px;
  font-weight: 800;
  display: inline-block;
  padding: 35px 10px 37px 0;
}
#menubar .row {
  margin: 0 auto !important;
  display: flex;
  flex-wrap: wrap;
}
#ninki_navi .row a:hover {
  transform: translateY(-4px);
  opacity: .8;
}
.contain.fixed {
  display: block !important;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
}
.n_a{
  margin-bottom: 0px;
}
.Navbar-nav1 li{
  font-weight:bold;
  font-size:15px;
}
.Navbar-nav1 li .nav_ex{
  font-size: 80%;
}
.Navbar-nav1 li a {
  color: #fff !important;
}
.Nav>li {
  display: inline-block !important;
  padding: 0;
  height: 100%;
  text-align: center;
} 
.Navbar-nav>li>a {
  padding: 0 !important;
}
.Nav>li>a>img {
  display: inline-block !important;
  padding-left: 10px;
  max-width: 100%;
}
.Navbar-collapse {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.navi_Text span{
  font-weight: bold;
}

/*---------- 注目のアイテム ----------*/
.ichioshi_Container {
  background-image: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u15435900/pc/special/kitchen/new/img/back_1.jpg);
  padding: 90px 30px;
  text-align: center;
}
.ichioshi_Box {
  max-width: 1300px;
  width: 100%;
  margin: 0 auto;
  padding: 40px 60px;
  background-color: #ffffff;
  border-radius: 20px;
  border: solid 3px #c3bb9a;
}
.ichioshi_Ttl {
  position: relative;
  font-weight: bold;
  margin-bottom: 40px;
}
.ichioshi_Ttl::after {
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  width: 30px;
  height: 4px;
  background: #c3bb9a;
  content: '';
  border-radius: 5px;
}
.ichiCon{
  display: flex;
  flex-wrap: wrap;
}
.ichiCon >div img{
  padding-bottom: 5px;
}
.ichiCon p{
  color: #000;
  text-align: left;
}

/*---------- キッチン家電コンテナ ----------*/
.kitchen_Container {
  background-image: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u15435900/pc/special/kitchen/new/img/back_2.png);
  padding: 60px 30px 90px 30px;
}
.kitchen_Back {
  max-width: 1300px;
  width: 100%;
  margin: 0 auto;
  padding: 40px 15px;
  background-color: #ffffff;
  border: solid 3px #bda578;
  border-radius: 20px;
}

/*---------- 探す ----------*/
.cate_detail {
  padding: 15px 0 0;
  display: flex;
  justify-content: center;
  align-items: baseline;
}
.cate_detail_midashi {
  font-size: 20px;
  font-weight: bold;
  padding: 0 15px 0 0;
  white-space: nowrap;
}
.cate_detail_midashi>span {
  padding-right: 5px;
}
.cate_detail ul {
  display: flex;
  /* justify-content: center; */
  flex-wrap: wrap;
}
.cate_detail ul a {
  display: inline-block;
  margin: 5px;
  background: #fae1e1;
  padding: 5px 25px;
  font-size: 14px;
  color: var(--main);
  border-radius: 40px;
  /* box-shadow: 0 0 5px #00000015; */
  transition: .2s;
}

/*---------- 定番のキッチン家電 ----------*/
.teiban_container{
  text-align: center;
}
.teiban_Ttl {
  font-size: 30px;
  display: inline-block;
  position: relative;
  max-width: calc(100% - 108px);
  min-width: 200px;
  margin: 0 0 15px;
  font-weight: bold;
}
.teiban_Ttl::before,
.teiban_Ttl::after {
  position: absolute;
  background-color: #ed841b;
  content: "";
  height: 15px;
  width: 15px;
  top: calc(50% - 7.5px);
}
.teiban_Ttl::before {
  left: -50px;
}
.teiban_Ttl::after {
  right: -50px;
}
.category_Ttl {
  background-color: #786230;
  color: #ffffff;
  padding: 10px 0;
  font-weight: bold;
  text-align: center;
}
.teiban_Box {
  max-width: 1100px;
  margin: 0 auto 50px auto;
  padding: 0 0 10px 0;
  background-color: #efdcb9;
}
.shohin_Box {
  width: 1000px;
  max-width: calc(100% - 60px);
  padding: 20px;
  margin: 30px auto;
  background-color: #ffffff;
  border-radius: 10px;
}
.expCon{
  display: flex;
  text-align: left;
  align-items: center;
}
.expCon img{
  padding-right: 30px;
  margin: 0 auto;
}

/*---------- 人気のキッチン家電 ----------*/
.ninki_container {
  margin: 80px 0 0 0;
  text-align: center;
}
#ninki_navi .row {
  max-width: 1200px;
  margin: 0 auto 80px;
}
#ninki_navi .row a{
  padding: 10px;
  font-size: 18px;
  font-weight: bold;
  position: relative;
  color: var(--wh);
  display: block;
  margin-bottom: 10px;
  transition: .3s;
}
.category_List a{
  background: var(--mainc);   
}
.ninkibox {
  display: flex;
  flex-wrap: wrap;
}

/*---------- あると嬉しいキッチン家電 ----------*/
.plus_container{
  text-align: center;
}
.columnimg {
  margin: 0 auto;
}
.column_Text {
  font-size: 15px;
  color: #000000;
  padding: 30px 0 0;
  line-height: 1.6;
}
.column_Subttl {
  border-bottom: 2px solid #a98f6f;
  font-size: 21px;
  color: #4e2d0b;
  display: block;
  margin-bottom: 20px;
}
.C_maker {
  background: linear-gradient(transparent 60%, #fff7bd 60%);    
}

/*---------- btn ----------*/
.more {
  text-align: center;
  display: flex;
  justify-content: flex-end;
}
.more_Btn {
  min-width: 200px;
  max-width: 100%;
  background: linear-gradient(135deg, #967f6a 0%, #754c1c 100%);
  box-shadow: 0 5px 0 #40271d;
  border-radius: 5px;
  color: #ffffff !important;
  cursor: pointer;
  text-decoration: none;
  padding: 10px 30px;
  display: inline-block;
  margin: 20px 0 0 0;
  font-size: 18px;
}
.more .more_Btn:not(:first-of-type){
  margin-left: 15px;
}
.more_Btn:hover {
  box-shadow: none;
  transform: translateY(5px);
}
.more_Btn:active {
  box-shadow: none;
  transform: translateY(5px);
}

/*---------- こちらもおすすめ ----------*/
.featu_Img:hover {
  opacity: .7;
}
.featCon{
  max-width: 1300px;
  width: 100%;
  margin: 0 auto;
  padding: 40px 15px 90px 15px;
}

/*---------- 店舗TOPへ戻る ----------*/
footer>a {
  display: block;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  color: #fff !important;
  background: #222;
  padding: 1em 0;
  transition: .2s;
}
footer>a:hover {
  opacity: .7;
}

/*---------- ページTOPへ戻る ----------*/
a#top_btn {
  position: fixed;
  right: 20px;
  bottom: 20px;
  width: 45px;
  height: 45px;
  padding: 12px 0 0 14px;
  transition: 0.2s;
  transition: 0.2s;
  text-decoration: none;
  color: #fff;
  border-radius: 50%;
  background-color: #555;
  font-weight: bold;
  line-height: 1;
  font-size: 20px;
}


/*---------- responsive ----------*/
@media screen and (min-width:480px) {
  .br_Item {
    display: block !important;
  }
}

@media screen and (min-width:769px){
  #fixedBox .collapse {
      display: block;
  }
}

@media screen and (max-width:1195px) {
  .navi_Text {
    font-size: 16px; 
    padding: 28px 10px;
  }
  .Nav>li>a>img {
    display: none !important;
  }
  .naviBox {
    height: 90px;
  }
  #ninki_navi .row a {
    font-size: 13px;
  }
}

@media screen and (max-width:991px) {
  .Navbar-nav {
    margin: 0;
  }
  .feature_Btm {
    margin-bottom: 10px;
  }
  .kvimg-sp {	
    display: block;	
  }
  .kvimg-pc {	
    display: none;	
  }
  .cate_detail {
    display: block;
  }
  .cate_detail_midashi {
    padding: 0 0 5px;
  }
  .expCon{
    display: block;
  }
  .expCon img{
    padding-right: 0;
  }
  .expCon .more{
    text-align: center;
  }
  footer>a {
    font-size: 16px;
  }
  .more{
    justify-content: center;
  }
  .navi_Text{
    padding: 0;
  }
  .Nav>li{
    height: auto;
  }
  .naviBox{
    text-align: center;
    height: auto;
  }
  .naviBox > li > a{
    display: inline-block;
    width: 100%;
    padding: .7em 0 !important;
  }
  .naviBox > li:first-of-type,
  .naviBox > li:nth-of-type(2){
    border-bottom: 1px solid #40271d;
  }
  .naviBox > li:first-of-type,
  .naviBox > li:nth-of-type(3){
    border-right: 1px solid #40271d;
  }
}

@media screen and (max-width:767px) {
.br_Item{
  display: none !important;
  }
  .more{
    display: block;
  }
  .more .more_Btn:not(:first-of-type){
    margin-left: 0;
  }
  .featCon{
    padding: 30px 0 15px 0;
  }
  .featCon > div{
    padding-bottom: 30px;
  }
  .ichiCon > div{
    padding-bottom: 30px;
  }
  .ichioshi_Container{
    padding: 30px 15px;
  }
  .teiban_Box{
    margin-bottom: 40px;
  }
  .teiban_Box:last-of-type{
    margin-bottom: 0;
  }
  .kitchen_Container{
    padding: 40px 10px;
  }
  .column_Text{
    text-align: left;
  }
}

@media screen and (max-width:480px) {
  .ichioshi_Box {
  padding: 10px;  
  }
  .ichioshi_Ttl {
  margin-top: 10px;   
  }
  .shohintem img {
  width: 100%;
  }
  p.price {
  font-size: 25px;
  }
  .teiban_Ttl {
  font-size: 24px;
  }
  .kitchen_Back {
  padding: 10px;    
  }
  .teiban_container {
  margin-top: 20px;
  }
  .shohin_Box {
    max-width: 100%;
    margin: 6px;
    padding: 6px 6px 10px 6px;
  }
  .ninki_container {
  margin: 50px 0 0 0;
  }
  #ninki_navi .row {
  margin: 0 auto 50px;
  }
  .column_Subttl {
  padding: 0 3px;
  font-size: 18px;
  }
  .naviBox {
  height: auto !important;
  }
  .p.productName {
  font-size: 13px;
  padding: 7px 0;
  }
  .teiban_Box {
  background-color: #ffffff;
  }
}