/*slider*/
.slider {
  margin-top: 5px;
  display: block;
  margin: 0 auto;
}

.bx-pager {
  margin: 0;
  padding: 0;
}

.bx-wrapper {
  margin-bottom: 0 !important;
}

.bx-wrapper .bx-viewport {
  margin: 0 auto !important;
  background: #fff;
}

.bx-pager-item {
  visibility: hidden;
}

/* frees pace */
.news {
  border-style: double none;
  /*border-color: #b2a487;*/
  max-width: 900px;
  padding: 18px 0 10px 0;
  margin: 0 auto;
  margin-top: 5em;
}

.news-inner {
  max-width: 1050px;
  /*margin-top: 10px;
  margin-bottom: 10px;*/
  padding-left: 5px;
  color: #5d5d5d;
}

.free-space {
  max-width: 900px;
  margin-top: 10px;
  margin-bottom: 3em;
  padding-left: 5px;
  color: #5d5d5d;
}

/* recommernd */
.recommend-items {
  margin-top: 3em;
}

/*----------------------topic-----------------------*/
.blog {margin-top: 30px;}
.topic__inr {
  display: block;
  padding: 2rem 0;
}
.topic__img {
  margin: 0 !important;
}

@media screen and (min-width: 560px) {
  .topic__inr {
    padding: 1.5rem 0;
  }
}
.topic__img a {
  display: block;
}
.topic__date, .topic__cat {
  display: inline-block;
}
.topic__date {
  color: #888;
}
.topic__cat a,
.topic__cat span {
  display: inline-block;
  background: #898989;
  color: #fff;
  padding: 0 .5rem;
}
.topic__link {
  text-align: right;
}
.topic__link a,
.topic__link span {
  color: #5B3817;
}
.topic__link a:before,
.topic__link span:before {
  content: '>';
}
.btn__wrap a.btn__more {
  display: inline-block;
  width: 80%;
  max-width: 15.625rem;
  color: #898989;
  background: #fff;
  line-height: 2;
  box-sizing: border-box;
  text-decoration: none;
  border: 1px solid #898989;
}
@media screen and (min-width: 960px) {
  .btn__more {
    width: 6.25rem;
  }
}

/* ここからレイアウトデザイン*/ 
.topic__date, .topic__cat {
  margin-bottom: .2rem;
  margin-right: .5rem;
}
.topic__ttl + * {
  margin-top: .2rem;
}
.topic__txt {
  margin-top: .3rem;
  font-size: 95%;
}
.btn__wrap {
  text-align: center;
  margin-top: 0;
  width: 100%;
  box-sizing: border-box;
}
.topic__ttl {
	color: #333;
  }


/* 横並びレイアウト*/ 
@media screen and (min-width: 767px) {
  .is__horizon {
    display: flex;
    flex-wrap: wrap;
    margin-right: -3rem;
  }
}

@media screen and (min-width: 767px) {
  .is__horizon .topic__item {
    width: 25%; 
    box-sizing: border-box;
    padding: 0 3rem 0 0;
  }
  }


@media screen and (min-width: 767px) {
  .is__horizon .topic__item:nth-child(-n+4) .topic__inr {
    padding-top: 0;
  }
  .is__horizon .topic__inr {
    height: 100%;
    padding: 0;
    box-sizing: border-box;
  }
}

@media screen and (max-width: 480px) {
  .is__horizon .topic__item {
	  width: 100%;
	  text-align: center;
	  padding: 0;
	}
  }
@media screen and (max-width: 767px) {
    figure.topic__img img {
      margin: 0 auto;
      text-align: center;
    }
}

/*------------------------------------------------------*/

/* おまけギミック*/ 
@media screen and (min-width: 960px) {
  .topic__item > a {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
    transition: opacity .3s;
  }
}
@media screen and (min-width: 960px) {
  .topic__item > a:hover {
    filter: alpha(opacity=60);
    -moz-opacity: .6;
    opacity: .6;
  }
}
@media screen and (min-width: 960px) {
  .topic__img a, .topic__link a {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
    transition: opacity .3s;
  }
}
@media screen and (min-width: 960px) {
  .topic__img a:hover, .topic__link a:hover {
    filter: alpha(opacity=60);
    -moz-opacity: .6;
    opacity: .6;
  }
}
@media screen and (min-width: 960px) {
  .topic__ttl a {
    transition: color .3s;
  }
}
@media screen and (min-width: 960px) {
  .topic__ttl a:hover {
    color: #000;
  }
}
@media screen and (min-width: 960px) {
  .topic__cat a {
    transition: background-color .3s;
  }
}
@media screen and (min-width: 960px) {
  .topic__cat a:hover {
    background-color: #444;
  }
}

@media screen and (min-width: 960px) {
  .btn__more {
    transition: border-color .3s, color .3s;
  }
}
@media screen and (min-width: 960px) {
  .btn__more:hover {
    border-color: #555;
    color: #333;
  }
}
  
/*マージン--------------------------*/
.margin5 { margin-bottom: 5px; }
.margin10 { margin-bottom: 10px; }
.margin15 { margin-bottom: 15px; }
.margin20 {	margin-bottom: 20px; }
.margin30 { margin-bottom: 30px; }
.margin40 {	margin-bottom: 40px; }
.margin50 {	margin-bottom: 50px; }
.margin60 {	margin-bottom: 60px; }
@media screen and (max-width: 640px) {
  .margin20 { margin-bottom: 15px; }
  .margin30 { margin-bottom: 20px; }
  .margin40 { margin-bottom: 30px; }
  .margin50 { margin-bottom: 40px; }
}
.bold {font-weight: bold;}
.brown {color: #7F4F21;}
.orenge {color: #FF9015;}
.big150{font-size: 150%;}
.text_center {text-align: center;}

/*----------------------------------------------------*/
.post {margin: 50px 0;}
.top_item_block ul li{list-style: none;}
.top_item_block ul  {margin: 0;}
.top_item_block .flex_nowrap .col04 a img:hover{opacity: 0.8;}

.top_item_block_img{
	object-fit: none;
	position: relative;
	width: 100%;
    padding-bottom: 100%;
    box-sizing: border-box;
}

.top_item_block_img img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* column */
.flex_nowrap {
	display: flex; 
	justify-content: space-between;
}
.post .col04 {width: 22%;}
.post .top_item_block_img {
	margin-bottom: 5px;
}
.post .prd-lst-date {
	margin-bottom: 5px;
	color: #727171;
	font-size: 0.9em;
}
.post .prd-lst-name {
	margin-bottom: 5px;
  margin-top:15px;
	font-weight: bold;
}
.post a .prd-lst-price {
  color: #727171;
}

.post .more {
	text-align: center;
	margin-top: 20px;
}
.post .more_bn {
	display: inline-block;
	padding: 5px 15px;
	max-width: 300px;
	background: #fff;
	border: 1px solid #898989;
	text-align: center;
}
.post .more_bn a {
	color: #898989;
	text-decoration: none;
}

@media only screen and (max-width: 768px) {
.post {padding: 0 30px;margin: 30px 0;}
.flex_nowrap{
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
flex-direction: column;
}
 
.post .col04 {
width: 100%;
height: auto;
margin-right: 0;
margin-left: 0;
margin-bottom: 20px;
}
}


/*---------------------------
ローディングアクション 
---------------------------*/
#loading {
width: 100vw;
height: 100vh;
display: flex;
justify-content: center;
align-items: center;
background-color: #ffffff;
position: fixed;
top: 0;
left: 0;
z-index: 90000;
}

#loading .loader{
z-index: 9999;
width: 450px;
}

@media only screen and (max-width: 768px) {
.loader{max-width: 60%;}
}

/* 中のローディングアニメ */
.loader {
animation: loading 1s forwards ease-in-out;
}

@-webkit-keyframes loading {
0%{
opacity: 0;
transform: translateY(0x);
}
 
100% {
opacity: 1;
transform: translateY(-30px);
}
}
 
@keyframes loading {
0%{
opacity: 0;
transform: translateY(0);
}
         
100% {
opacity: 1;
transform: translateY(-30px);}
}

.sp_slider{display: none;}

@media only screen and (max-width: 480px) {
.pc_slider{display: none;}
.sp_slider{display: inherit;}
  
.blog_slider{
justify-content: start;
display: inherit;
}

.top_item_block .bx-wrapper{
background: none;
border: none;
box-shadow:none;
padding: 5px;
}

.top_item_block .bx-wrapper .bx-viewport{
background: none;
box-shadow: none;
}
}

/* 2022.12.16 追記 */
a.orenge:hover{color: #FF9015;}
.sns_area{display: flex;justify-content: space-between;}
.sns_bnr{width: 48%;}
.sns_bnr a:hover{opacity: 0.7;}


/* 2022.12.22 追記 */
#sns_area ul.insta_list{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin: 0 0 20px;
}


#sns_area ul.insta_list li{
list-style: none;
margin-bottom: 12px;
}

#sns_area ul.insta_list li img{
width: 255px;
height: 255px;
object-fit: cover;
}

@media only screen and (max-width: 768px){
#sns_area ul.insta_list li img{
width: 40vw;
height: 40vw;
}
}


/* 2023.5.31 追記 */
.cominc_bnr{
margin: 20px 0 ;
background-color: #f0862e;
text-align: center;
}

.cominc_bnr a{
display: block;
padding: 15px;
}

.cominc_bnr a:hover{opacity: .6;}
.cominc_bnr img{max-width: 544px;}
.cominc_bnr .sp{display: none;}

@media only screen and (max-width: 768px){
.cominc_bnr .pc{display: none;}
.cominc_bnr .sp{display: inherit;}
.cominc_bnr a{padding: ;5px 10px}
.cominc_bnr img{width: 90%;margin: 0 auto;}
}

/* 2023.11.13 追記 */
.shop_bnr{margin: 20px 0 ;}
.shop_bnr a:hover{opacity: .8;}
.shop_bnr .sp{display: none;}
@media only screen and (max-width: 768px){
.shop_bnr .pc{display: none;}
.shop_bnr .sp{display: inherit;}
}

/* 2023.12.04 追記 */
.youtube-movie{
position: relative;
padding-bottom: 56.25%; 
height: 0;
overflow: hidden;
}

.youtube-movie iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}