/* カテゴリー ロールスクリーン*/

#contents_IN_R {
	  display: none;
	}

#contents_IN_L #contents_IN_L{
  display: none;
}
	
	#catCont1 img, #catCont2 img {
	  width: 100%;
	  max-width: 100%;
	}
	
	#contents_IN_L {
	  width: 900px;
	}
	.tab_container {
	  display: none !important;
	}
	  a {
	  text-decoration: none;
	}
	a:hover {
	  text-decoration: none;
	}
	
	.bg_gray {
	  background: #f2f1f1;
	  padding: 31px;
	}


div.ttl_bg {
  position: relative;
}

div.ttl_bg .ttl_txt {
  position: absolute;
  left: 3.8%;
  font-size: 19px;
  font-weight: bold;
  top: 50%;
  transform: translateY(-50%);
}

div.ttl_bg .ttl_txt span {
  font-size: 27px;
  color: #a50329;
}
  ..merit_rollscreen {
    margin: 0 0 49px;
}
.merit_rollscreen .flex {
    display: flex;
}
.merit_rollscreen .flex h2 {
    font-size: 22px;
    color: #3c210c;
    font-weight: bold;
}
.merit_rollscreen .box {
    border-top: 3px solid #977969;
    background: #fff;
    padding: 21px 20px;
    position: relative;
    margin: 0 0 29px;
}
.merit_rollscreen .box h3 {
    font-size: 22px;
    color: #3c210c;
    font-weight: bold;
    margin: 0 !important;
}


.recommend_rollscreen {
margin: 0 0 47px;
}
.recommend_rollscreen .grid {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr;
gap: 0 41px;
margin: 21px 0 0;
}
.recommend_rollscreen .grid .box {
width: 100%;
}
.recommend_rollscreen .grid .box a {
display: block;
}
.recommend_rollscreen .grid .box a .txt_box {
background: #f9f7f7;
padding: 21px;
}
.recommend_rollscreen .grid .box a .txt_box h3 {
font-weight: bold;
margin: 0 0 15px;
}
.recommend_rollscreen .grid .box a .txt_box h3,
.recommend_rollscreen .grid .box a .txt_box p {
color: #3c210c;
}

  .brand_box {
    margin: 0 0 51px;
  }
  .brand_box .gird {
    margin: 20px 0 0;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 30px 32px;
  }
  .brand_box .gird .logo a img {
    width: 100%;
  }
  .brand_box .gird .logo a p {
    text-align: center;
    color: #3c210c;
    margin: 0;
    font-size: 13px;
  }

/*ポール通し*/
.pole_bnr {
  width: 700px;
  margin: 50px auto 40px;
}

.pole_bnr p {
  text-align: center;
  margin: 10px;
  font-size: 15px;
}






/* カテゴリーナビ 親カテゴリ（親ページ）ロールスクリーン*/
#situationroll_nav.cat_img_nav {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 15px;
    border-bottom: none;
    padding-bottom: 40px;
}
#situationroll_nav.cat_img_nav li {
    background: none;
    width: 100%;
    border-right: 1px solid #fff;
    text-align: center;
    font-size: 110%;
}

#situationroll_nav.cat_img_nav li a {
    padding: 0;
}

#situationroll_nav.cat_img_nav li a img {
    margin: 0 0 10px;
}

/* カテゴリーナビ 親カテゴリ（子・孫ページ）*/
#situationroll_nav:not(.cat_img_nav) {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 0 5px;
    border-bottom: none;
	margin-bottom:20px;
}

#situationroll_nav.four:not(.cat_img_nav) {
    grid-template-columns: repeat(4, 1fr);
}

#situationroll_nav:not(.cat_img_nav)::-webkit-scrollbar{
    display: none;
}

#situationroll_nav:not(.cat_img_nav) li {
    display: inline-block;
    background: none;
    width: auto;
    padding: 7px 0;
    text-align: center;
    font-size: 100%;
    margin: 0 5px;
}

#situationroll_nav:not(.cat_img_nav) li.page_on a{
    background:#cd8486;
    color:#fff;
}

#situationroll_nav:not(.cat_img_nav) li a {
    padding: 8px 10px;
    display: block;
    width: fit-content;
    border-radius: 20px;
    margin: 0 auto;
    border: 1px solid #dcdada;
    border-radius: 100px;
    width: 100%;
    color: #333;
    font-size: 14px;
}
#situationroll_nav:not(.cat_img_nav) li a span{
    display: none;
}
#situationroll_nav:not(.cat_img_nav) img{
    display: none;
}

/* 子カテゴリーナビ */

#situationroll_nav_in {
    padding: 8px;
    position: relative;
    border: 2px solid #ece9e3;
    overflow: hidden;
    display: grid;
    grid-template-columns:repeat(5, 1fr);
    gap: 10px;
}
#situationroll_nav_in.three {
    grid-template-columns:repeat(3, 1fr);
}


#situationroll_nav_in:not(.active)::after {
    width: 100%;
    height: 50%;
    position: absolute;
    bottom:0;
    right:0;
    left:0;
    margin:0 auto;
    background: linear-gradient(rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%);
}

#situationroll_nav_in li {
    margin: 0!important;
    border: none;
    display: block;
}

#situationroll_nav_in li.page_on{
    background: #fff;
    border: none;
}
#situationroll_nav_in li.page_on a{
    font-weight: bold;
}
#situationroll_nav_in li a {
    width: initial!important;
    padding: 5px;
    display: grid;
    grid-template-columns: 0.6fr 1fr;
    gap: 10px;
    align-items: center;
    text-align: left;
    color: #333;
    font-size: 13px;
}

#featured .ttl_box h2.ttl_01 {
  font-size: 140%;
  text-align: center;
  margin: 20px 0 20px !important;
}



/* TOP */

#contents_IN_R,.fs-c-subgroup {
  display: none;
}
#contents_IN_L #contents_IN_L{
  display: none;
}

#catCont1 img, #catCont2 img {
  width: 100%;
  max-width: 100%;
}

#contents_IN_L {
  width: 900px;
}
.tab_container {
  display: none !important;
}
  a {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}

.bg_gray {
  background: #f2f1f1;
  padding: 31px;
}

.brand_box {
  margin: 0 0 51px;
}
.brand_box .gird {
  margin: 20px 0 0;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 30px 32px;
}
.brand_box .gird .logo a img {
  width: 100%;
}
.brand_box .gird .logo a p {
  text-align: center;
  color: #3c210c;
  margin: 0;
  font-size: 13px;
}
.scrollslider.flywheel-recommend__frame.rollscreen article{
  width: 167px;
}

div.ttl_bg .ttl_txt {
  position: absolute;
  left: 3.8%;
  font-size: 19px;
  font-weight: bold;
  top: 50%;
  transform: translateY(-50%);
}


div.ttl_bg {
  position: relative;
  margin: 20px 0px;
}


.recommend_rollscreen .grid .box {
  width: 100%;
  margin-bottom: 20px;
}