@charset "shift-jis";

/*-----------------------------------------------*/
/*全体/
/*-----------------------------------------------*/
#c_1168{
    max-width: 900px;
    box-sizing: border-box;
    margin: 0 auto 50px auto;
    text-align: center;
	color:#222;
}
#c_1168 .box{
    background-image: url(../IMAGE/c_1168/c_1168_all_bg.jpg);
    background-repeat: repeat-y;
    background-size: 100%;
    padding: 20px;
}
#c_1168 .pc_none{
    display: none !important;
}
#c_1168 img{
    width: 100%
}
#c_1168 a{
    display: block;
    position: relative;
}  
#c_1168 a:hover{
    opacity: 0.8;
    color:#222 !important;
} 
#c_1168 h3{
   text-align: center;
   margin: 11px 0 8px 0;
}
#c_1168 h3 img{
   width:auto;
}

:root {--main: #bf2a36;}
/*-----------------------------------------------*/
/*カラム調節/
/*-----------------------------------------------*/
#c_1168 .cate{
   flex-wrap: wrap;
   justify-content: center;
   display: flex;
   margin:12px 0 30px 0;
   gap: 15px;
}
#c_1168 .cate li{
  width: 200px;
}
#c_1168 .list-item{
   display: flex;
    gap: 20px;
    flex-wrap: wrap;
}
/*-----------------------------------------------*/
/*スライダー/
/*-----------------------------------------------*/
#c_1168 .slider-bg{
    background-image: url(../IMAGE/c_1168/c_1168_slider_bg.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    padding:20px 0;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin: 15px 0;
}
#c_1168 .swiper-wrapper{
    transition-timing-function: linear!important;
}
#c_1168 .swiper-wrapper li{
    width:35%;
}
#c_1168 .swiper-container{
  padding:0;
}
/*-----------------------------------------------*/
/*タブ*/
/*-----------------------------------------------*/
/* 親タブ */
#c_1168 .tab-wrap {
}
#c_1168 .tab-wrap >ul {
   display: flex;
   gap: 5px;
   border-bottom: 3px solid var(--main);
   margin-bottom: 8px;
}
#c_1168 .tab-btn {
   width: 50%;
   padding: 0;
   text-align: center;
   list-style: none;
   cursor: pointer;
   font-size:20px;
   border-radius: 3px 3px 0 0;
   background:#c98979;
   color: #fff;
   display: flex;
   height: 45px;
   margin-top: 10px;
   justify-content: center;
   align-items: center;
   flex-direction: column;
   transition: 0.3s all;
}
#c_1168 .tab-btn img{
   width:auto;
}
#c_1168 .tab-btn span{
  font-size: 14px;
  display: block;
}
#c_1168 .tab-btn.show {
  background:var(--main);
  color: #fff;
  height: 55px;
  margin-top: 0px;
}
#c_1168 .tab-contents {
  display: none;
}
#c_1168 .tab-contents.show {
  display: block;

}
/*hover*/
#c_1168 .tab-btn:hover{
   background:var(--main);
}