/* ----------------------
*     sidebar
* -------------------- */
#main_slider{
	position: relative;
  }
  .swiper-slide a {
	pointer-events: auto;
	display: block;
  }
  .slider1 .swiper-slide,
  .slider1 .swiper-slide img{
  width: 100% !important;
  }
  .swiper-pagination-bullets.swiper-pagination-horizontal{
	height: 15px;
	bottom: -7% !important;
  }
  .slider2{
	max-width: 2000px;
	margin: 0 auto;
  }
  .slider2 .swiper-pagination-bullets.swiper-pagination-horizontal{
	position: relative;
	height: 15px;
	text-align: center;
	bottom: -7% !important;
  }
  .swiper-pagination-bullet-active{
	background-color: #614a29 !important;
  }
  .swiper-pagination-clickable .swiper-pagination-bullet{
    margin: 0 5px !important;
  }
  .slider2 .swiper-slide .topgrid{
	width: 100%;
	margin: 0 auto;
	text-align: center;
  }
  .slider2 .swiper-slide .topgrid div{
	width: 100%;
  }
  #breadcrumbs{
  display:none;
  }
  
  .topbanner{
  width: 98%;
  margin: 10% auto;
  }
  .topbanner .row div{
  width: 50%;
  margin: 10px auto;
  padding: 0 5px;
  }
  .topbanner .row div:first-child{
  width: 100%;
  }
  /* ----------------------
  *     NEWITEM
  * -------------------- */
  .new_item_banner{
  text-align: center;
  margin: 10px auto;
  width: 100%;
  }
  #newitem{
  background:#f5fbfd;
  } 
  #newitem a{
  font-size: 0.7rem;
  line-height: 1.5;
  color:#000000;
  }
  #newitem .price{
  font-size:0.7rem;
  }
  .newitemblock .newitembox:nth-child(n + 7){
  display:none;
  }
  .newitembox a div{
	  cursor: pointer;
	  max-width: 500px;
	  overflow: hidden;
	  width: 100%;
  }
  .newitembox a div img{
	  height: auto;
	  transition: transform .6s ease;
  }
  .newitembox a div img:hover{
	  transform: scale(1.1);
  }
  /* ----------------------
  *     RECOMMEND
  * -------------------- */
  #recommend a{
  font-size: 0.7rem;
  line-height: 1.5;
  color:#242424;
  }
  #recommend .price{
  font-size:0.7rem;
  }
  /* ----------------------
  *     DESIGN
  * -------------------- */
  #design-list div .col-6,
  #useful-information div .col-6{
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 10px;
  } 
  /* ----------------------
  *     NEWS&BLOG
  * -------------------- */
  
  #newsblog{
  background:#f7fafc
  } 
  #iframe_topnews{
  width:auto;
  height:150px;
  text-align: center;
  margin: 0 auto;
  }
  #iframe_topnews iframe{
  width:100%;
  height:150px;
  }
  
  
  /* ----------------------
  *     Instagram
  * -------------------- */
  
  #instagram iframe{
  width:100%;
  height:65px;
  }
  /* ----------------------
  *     MarcaCRAFT
  * -------------------- */
  #Marca-craft{
  position: relative;
  }
  .craft_ground{
  position: relative;
  top: 20px;
  z-index: 2;
  }
  #Marca-craft .container-fluid{
	background: url(https://img07.shop-pro.jp/PA01364/520/etc/Marcacraft.jpg?cmsp_timestamp=20221104110119) no-repeat;
	background-size: cover;
	padding-top: 10px;
	padding-bottom: 10px;
	height: 350px;
  }
  #Marca-craft .container-fluid::after{
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #ffffffd3;
  }
  /* ----------------------
  *     BRAND
  * -------------------- */
  
  .brandlogo{
	width:150px;
  }
  .brand-card{
	width: 100%;
	margin: 0 auto !important;
  }
  .brand-card .denyoko,
  .brand-card .mrog,
  .brand-card .m-port{
	max-width: 420px;
	margin: 0 auto;
	box-shadow: 1px 1px 3px #efefef;
  }
  .brand-card .btn.btn-viewmore{
	width: 240px;
  }
  /* @media screen and (max-width: 768px){
  .flex{
	display: inline-block;
	width: 90%;
	margin: 2% auto;
  }
  .topbanner{
	text-align: center;
  }
  .flex div{
	width: 80%;
	margin: 4% auto;
  }
  } */
  #topbanner .container .col-6.col-md-4.mb-5{
	padding-left: 10px !important;
	padding-right: 10px !important;
	margin-bottom: 10px !important;
  }
  @media screen and (min-width:420px){
	#iframe_topnews {
    	height: 165px;
	}
	#iframe_topnews iframe {
		height: 190px;
	}
}
@media screen and (min-width:540px){
	#iframe_topnews {
    	height: 175px;
	}
	#iframe_topnews iframe {
		height: 200px;
	}
}
  @media screen and (min-width: 768px){
  .topbanner{
	width: 100%;
	margin: 2% auto;
  }
  .topbanner .row div:first-child{
	width: 50%;
  }
  .swiper-pagination-bullets.swiper-pagination-horizontal{
	bottom: -3% !important;
  }
  /* ----------------------
  *     NEWITEM
  * -------------------- */
  
  #newitem a,
  #newitem .price{
  font-size:0.9rem;
  }
  
  .newitemblock .newitembox:nth-child(n + 7){
  display:block;
  }
  
  /* ----------------------
  *     RECOMMEND
  * -------------------- */
  #recommend a,
  #recommend .price{
  font-size: 0.9rem;
  }
  /* ----------------------
  *     BRAND
  * -------------------- */
  .brand-card .btn.btn-viewmore{
	width: 280px;
  }
  /* ----------------------
  *     Instagram
  * -------------------- */
  
  #instagram iframe{
  width:100%;
  height:160px;
  }
  /* ----------------------
  *     NEWS&BLOG
  * -------------------- */
  
  #iframe_topnews{
	height:180px;
	}
	#iframe_topnews {
    	height: 200px;
	}
	#iframe_topnews iframe {
		height: 210px;
	}
    .slider2 .swiper-pagination-bullets.swiper-pagination-horizontal{
        bottom: -6% !important;
      }
	/* ----------------------
  *     CALENDAR
  * -------------------- */
  .side_cal{
	display:flex;
	justify-content: space-between;
  }
  }
  @media screen and (min-width: 1024px){
  .craft_ground{
	top: 0px;
  }
  .topbanner .row div:first-child,
  .topbanner .row div{
	width: 25%;
  }
  .swiper-pagination-bullets.swiper-pagination-horizontal{
    bottom: -5% !important;
    }
      /* ----------------------
    *     NEWS&BLOG
    * -------------------- */
    
    #iframe_topnews{
        height:250px;
        }
        #iframe_topnews iframe{
        height:280px;	
        }
  }
  @media screen and (min-width: 1200px){

  }

  @media screen and (min-width: 1400px){
  /* ----------------------
  *     NEWS&BLOG
  * -------------------- */
  
  #iframe_topnews{
	height:290px;
	}
	#iframe_topnews iframe{
	height:320px;	
	}
  }