@charset "UTF-8";

html{
	font-size:10px;
	-webkit-text-size-adjust: 100%;
}

.category_page_wrap {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  overflow: hidden;
   font-size:1.4rem!important;
   line-height: 1.85;
   font-feature-settings: "palt";
    letter-spacing: .1rem;
}

.line_box_wrap+.text_small{
    margin-bottom: 40px;
    margin-top: -20px;
}

 .js-category-style-g-navi{
	display:none;
}

.category_page_wrap .contents_wrap{
	       padding: 30px 20px 50px;
}


.category_page_wrap h2,.category_page_wrap h3,.category_page_wrap h4,.category_page_wrap p,.category_page_wrap figure{
   font-weight: normal;
   font-size: unset;
   margin:0;
   padding: 0;
   text-decoration: none;
    border: 0;
width: 100%;
}

.category_page_wrap a{

   text-decoration: none;
}

.category_page_wrap h2{
    margin-bottom: 10px;
	letter-spacing:.25rem;
	line-height:2;
}

.category_page_wrap h3{
      margin-bottom: 30px;
    letter-spacing: .2rem;
    padding-bottom: 3px;

}

.category_page_wrap h4{
    margin-bottom: 10px;
    width: 100%;
    font-size: 14.5px;
}


.category_page_wrap img {
      zoom: 1;
    max-width: 100%;
    vertical-align: top;
    width: 100%;
	
}


.category_page_wrap .v_top{
vertical-align: top;
}


.category_page_wrap .br_pc {
    display: none;
}

.category_page_wrap.br_sp {
    display: block;
}

.category_page_wrap .serif{
	 font-family: "source-han-serif-japanese",serif;
	    letter-spacing: .25rem;
}

.category_page_wrap .mons{
font-family: 'Montserrat', sans-serif;
}


.category_page_wrap  hr{
      width: 100%;
    border: 0;
    border-bottom: solid 1px;
    padding: 0;
    margin: 0;
	  margin-top: 20px;
}



.category_page_wrap .flex {
  display:-webkit-box!important;
  	display:-ms-flexbox!important;
  	display:flex!important;
   -ms-flex-wrap: wrap!important;
  	flex-wrap: wrap!important;
}

.category_page_wrap .w100{
  width: 100%!important;
}


.category_page_wrap .text_center {
 text-align: center;
}

.category_page_wrap .text_left {
 text-align: left;
}

.category_page_wrap .text_right {
 text-align: left;
}

.category_page_wrap .text_bold {
  font-weight: 550;
}


.category_page_wrap .text_large{
    font-size: 17px;
    display: block;

}


.category_page_wrap .text_middle{
     font-size: 16px;
}

.category_page_wrap .text_small{
    font-size: 11px;
    line-height: 1.7;
    letter-spacing: .02rem;
    flex-grow: 1;
    font-weight: normal;
 
}


.category_page_wrap .midashi_border{
	    border-bottom: solid 1px;
    display: inline-block;
	
}

.category_page_wrap .icon_wrap{
    width: 100%;
    display: flex;
    justify-content: start;
    margin-bottom: 5px;
    flex-wrap: wrap;
}


.category_page_wrap .box_icon{
   font-size: 10px;
    letter-spacing: normal;
    padding: 2px 4px .8px;
    line-height: normal;
    display: inline-block;
       margin: 0 4px 5px 0;
       border: solid 1px #585858;
    border-radius: 1px;
	line-height: 1.4;
}

.category_page_wrap .link{
       position: relative;
    min-height: 55px;
    background-color: #f3f3f3;
    padding: 0px 20px 0 6px;
    border-radius: 3px;
    align-items: center;
    justify-content: space-between;
 }

.category_page_wrap .link p{
    font-size: 11.5px;
    letter-spacing: .08rem;
    width: 100%;
font-weight:500;
        color: #525252;
    line-height: 1.5;
}


.category_page_wrap .link:after{
    content: '';
    width: 5.5px;
    height: 5.5px;
    border: 0px;
    border-top: solid 1.5px #404040;
    border-right: solid 1.5px #404040;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 52%;
    right: 12px;
    margin-top: -4px;
}


.category_page_wrap .link_shita:after{

    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}





.category_page_wrap .link:hover,.category_page_wrap .link:active{
    opacity: 0.5;}

.category_page_wrap .lead_txt {
      line-height: 2;
	    margin-bottom: 40px;
}

.category_page_wrap .search_line_wrap,.category_page_wrap .search_item_wrap,
.category_page_wrap .search_onayami_wrap,.category_page_wrap .search_reccomend_wrap,.search_big_item_wrap,.silveregg_wrap{
margin: 60px 0 0;
    justify-content: space-between;
    align-items: flex-end;
}




.category_page_wrap .search_line_wrap .line_box_wrap{
   display: block;
    margin: 0 0 50px;
    flex-direction: column;
    align-items: flex-start;
}


.category_page_wrap .search_line_wrap .line_box_wrap .linename{
width: 100%;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 15px;
}


.category_page_wrap .search_line_wrap .line_box_wrap figure{
	    width: 57%;
    margin: 0 auto 23px;
}

.category_page_wrap .search_line_wrap .line_box_wrap .linename+ p{
    margin-bottom: 15px;
	    flex-grow: 1;
}


.category_page_wrap .search_line_wrap .line_box_wrap .iconname{

      justify-content: center;
    align-items: center;
    margin-bottom: 5px;
}

.category_page_wrap .search_line_wrap .line_box_wrap .iconname .img{
    width: 40%;
    margin: 0;
    padding-right: 10px;
    display: flex;
    align-items: center;
}

.category_page_wrap .search_line_wrap .line_box_wrap .iconname p{

    border-left: solid 1px;
    padding-left: 10px;
    line-height: 1.3;
}

.category_page_wrap .search_line_wrap .line_btn{
    width: 100%;
    text-align: center;
    padding: 0 10px 0 0;
}

.category_page_wrap .search_line_wrap .line_btn .img_pr{
width: 10%;
    margin: 0;
}

.category_page_wrap .search_line_wrap .line_btn .img_icon{
      width: 6%;
    display: flex;
    align-items: center;
	margin-left: 10px;
}

.category_page_wrap .search_line_wrap .line_box_wrap_mini .line_btn .img_icon{
      width: 10%;
    display: flex;
    align-items: center;
	margin-left: 0px;
}


.category_page_wrap .search_line_wrap .allwrap_box_mini{
justify-content: space-between;
    margin-top: 40px;
}


.category_page_wrap .search_line_wrap .line_box_wrap_mini{
    align-items: center;
    justify-content: space-between;
    width: 48%;
    flex-direction: column;
}

.category_page_wrap .search_line_wrap .line_box_wrap_mini .w100{
 
}

.category_page_wrap .search_line_wrap .line_box_wrap_mini figure{
      width: 80%;
    margin: 0 auto 10px;
}


.category_page_wrap .search_line_wrap .line_box_wrap_mini .text_small{
   margin: 0 0 10px;
}


.category_page_wrap .search_line_wrap .line_box_wrap_mini .line_box_wrap:nth-child(4),
.category_page_wrap .search_line_wrap .line_box_wrap_mini .line_box_wrap:nth-child(5){
     margin: 0;
}



.category_page_wrap .search_big_item_wrap .item_box_wrap{
     width: 48%;
	background-color: #fff;
    padding: 0;
    margin-bottom: 10px;
}



.category_page_wrap .search_big_item_wrap .item_box_wrap+ h4{
   
    margin-top: 25px;
}

.category_page_wrap .search_big_item_wrap .item_box_wrap:after{
     display: none;
}

.category_page_wrap .search_big_item_wrap .item_box_wrap p{
    letter-spacing: .1rem;
    width: 100%;
        bottom: -1px;
    padding: 5px;
    font-weight: normal;
    text-align: center;
    color: #333;
    background-color: rgb(255 255 255 / 80%);
    position: absolute;
}



.category_page_wrap .search_item_wrap,.category_page_wrap .search_onayami_wrap{
      align-items: center;
    justify-content: space-between;
}


.category_page_wrap .search_item_wrap .item_box_wrap{
    width: 48%;
    margin-bottom: 15px;
}

.category_page_wrap .search_item_wrap figure{
    width: 21%;
}


.category_page_wrap .search_item_wrap p{
 
    width: 75%;
}

.category_page_wrap .search_onayami_wrap .onayami_box_wrap{
    width: 48%;
    margin-bottom: 15px;

}

.category_page_wrap .search_onayami_wrap .onayami_box_wrap p{
     padding-left: 6px;

}


.category_page_wrap .search_reccomend_wrap .reccomend_box_wrap{
    justify-content: flex-start;
       margin-bottom: 30px;
    padding: 0px 10px 0 0;
	    align-items: unset;
}


.category_page_wrap .search_reccomend_wrap .reccomend_box_wrap figure{
    width: 40%;
}

.category_page_wrap .search_reccomend_wrap .reccomend_box_wrap .text_box{
    width: 58%;
    flex-direction: column;
    align-items: flex-start;
    padding: 15px 10px;
    justify-content: stretch;
	
}


.category_page_wrap .search_reccomend_wrap .reccomend_box_wrap .text_box .pr_name{
     line-height: 1.45;
    letter-spacing: 0.04rem;
    flex-grow: 2;
    font-size: 12.5px;
    margin-bottom: 6px;

	
}

.category_page_wrap .search_reccomend_wrap .reccomend_box_wrap .text_box .text_small:last-of-type{
   flex-grow: unset;
    margin-top: 10px;
	
}

.category_page_wrap .search_reccomend_wrap .reccomend_banner_wrap{
    background-color: #ede6d9;
    display: block;
    padding: 10px;
    margin-bottom: 10px;
    width: 100%;
	
}



.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}


.chart_wrap{
position: relative;
    overflow-x: scroll;
}



.chart{
    border-color: white;
    font-size: 12px;
    width: max-content;
    border-collapse: inherit;
    position: relative;
}

.chart .y_line{
     flex-direction: column;
    width: 100px;
}



.chart .y_line:first-of-type{
    position: sticky;
    left: 0;
    z-index: 1;
    background-color: #fff;

}

.chart .y_line:first-of-type div{
   border-bottom:none;

}

.chart .y_line:first-of-type div:not(:first-child):not(:last-of-type):after{
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 5px 0 5px;
    border-color: #bfbfbf transparent transparent transparent;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;

}


.chart .y_line div{
    height: 160px;
    flex-grow: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 15px;
border-bottom: dotted 1.5px #a7a7a7;
margin-right: 3px;
    position: relative;

}


.chart .y_line div a{
     height: 160px;
    flex-grow: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: column;
}

.chart .y_line div a p{
    font-size: 11.5px;
    line-height: 1.5;}

.chart .y_line div a img{
width: 50px;
}

.chart .y_line div:first-of-type{
background-color: #f3f3f3!important;
    font-weight: 600;
    vertical-align: middle;
   border-bottom: none;
    text-align: center;
    justify-content: center;
    align-items: center;}






.chart .y_line .flex{
    flex-direction: column;
    flex-grow: 1;
    align-items: center;
     justify-content: center!important;
    background-color: #ede6d9;
    font-weight: 600;
    vertical-align: middle;
    border-bottom: solid 3px #fff;
    height: 150px;
}

.chart .y_line .flex .p_image{

    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
       height: 80px;}

.chart .y_line .flex .p_image img{
     width: 50%;}


.chart .y_line .flex .p_image+p{
font-size: 11px;
    line-height: 1.4;
    flex-grow: 1;
    margin-top: 5px;}


.chart_wrap_all{
position: relative;
}

.chart_wrap_all .washingline
{
    position: absolute;
    height: 150px;
width: calc(100% - 100px);
    top: 150px;
    left: 100px;
    justify-content: center;
z-index: 2;
    flex-wrap: nowrap!important;
}

.chart_wrap_all .uvline{

    position: absolute;
    height: 150px;
width: calc(100% - 100px);
    bottom: 0px;
    left: 100px;
    justify-content: center;
z-index: 2;
    flex-wrap: nowrap!important;
}


.chart_wrap_all .washingline a,
.chart_wrap_all .uvline a{
    height: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: column;
    width: 100px;
padding: 0 15px;}




.chart_wrap_all .washingline a img,
.chart_wrap_all .uvline a img{
      width: 50px;}

.chart_wrap_all .washingline a p,
.chart_wrap_all .uvline a p{
      font-size: 11.5px;
    line-height: 1.5;}



.chart_title{
      margin-top: 60px!important;
    font-weight: 400!important;
}
	



@media screen and (min-width: 780px) {
	
	.category_page_wrap h4{
   margin-bottom: 10px;
    width: 100%;
    font-size: 15px;
    font-weight: 550;
}

	
	
	
	.pane-right-menu {
    margin-top: 60px;
}
	
	
.category_page_wrap .br_pc {
    display: block;
}

.category_page_wrap .br_sp {
    display: none;
}
	
.category_page_wrap .pc_center {
   text-align: center;
}
	

.category_page_wrap .text_middle{
      font-size: 1.9rem;
    font-weight: 550;
}
	
.category_page_wrap .text_large{
    font-size: 2.5rem;
}
	
	.category_page_wrap .text_bold {
    font-weight: 600;
}
	
	.category_page_wrap h3 {
    margin-bottom: 50px;
		
}

.category_page_wrap .link p {
    font-weight: 600;
}
	
		
	.silveregg_wrap h3 {
    margin-bottom: 0px;
		
}
	

	
	.category_page_wrap .search_line_wrap .line_box_wrap {
       width: 31%;
    margin: 0 0 40px;
}
	
	.category_page_wrap .search_line_wrap .line_box_wrap .iconname {

    margin-bottom: 10px;
}
	
	.category_page_wrap .search_line_wrap .allwrap_box_mini {
    width: 100%;
}
	
.category_page_wrap .search_line_wrap .line_box_wrap_mini {
    width: 23%;

}	
	
	
.category_page_wrap .search_big_item_wrap .item_box_wrap {
    width: 32%;
	margin-bottom: 25px;
}	
	
	.category_page_wrap .search_big_item_wrap .item_box_wrap p {
 font-size: 13px;

}
	
.category_page_wrap .search_item_wrap .item_box_wrap {
    width: 32%;
}
	
	.category_page_wrap .search_item_wrap figure {
    width: 15%;
}
	
.category_page_wrap .search_item_wrap p {
    width: 75%;

}	
	
	.category_page_wrap .search_onayami_wrap .onayami_box_wrap {
    width: 32%;
}
	
	
	.category_page_wrap .search_onayami_wrap .onayami_box_wrap p {
       padding-left: 10px;

}
	
	.category_page_wrap .search_reccomend_wrap .reccomend_item {
margin-bottom: 25px;
    width: 48.5%;
}
	
	.category_page_wrap .search_reccomend_wrap .reccomend_box_wrap .text_box .pr_name{
	    line-height: 1.45;
    letter-spacing: 0.04rem;
    flex-grow: 2;
    font-size: 12.5px;
    margin-bottom: 6px;
    text-align: left;
		
	}
	
	.category_page_wrap .search_reccomend_wrap .reccomend_banner_wrap {
   width: 46%;
		margin-bottom: 25px;
}
	
	.category_page_wrap .search_reccomend_wrap .reccomend_box_wrap .text_box {

    padding: 20px;

}
	
	.block-category-list--sub {
    display: none;
}
	
	.category_page_wrap .search_line_wrap .line_box_wrap_mini .line_btn .img_icon{
      width: 7.5%;

}


.chart_wrap{
overflow-x: unset;
}

.chart{width: 100%;
}


.chart .y_line,
.chart_wrap_all .washingline a,
 .chart_wrap_all .uvline a {
flex-direction: column;
  width: 14.28%;
}

.chart .y_line div,
.chart .y_line div a,
.chart_wrap_all .washingline,
.chart_wrap_all .uvline,
.chart_wrap_all .washingline a,
.chart_wrap_all .uvline a
{
    height: 120px;
}

.chart_wrap_all .washingline{
    top: 120px;
}


.line_box_wrap+.text_small{
    margin-top: auto;
}

	
	
	}