.subttl18{font-size:1.8rem;
text-align:center;padding:0.75rem 0 0;}
.txt15{font-size:1.5rem;
padding:10px;}
.center{text-align:center}

@media (max-width: 768px){

  .col-xs-12s{width:48%}


  ul.slider01{margin:0 0 10px 0; }
}


.top_bn3 ul{width:100%;
margin:20px 0 0;
display:flex;
flex-wrap:nowrap;
list-style:none;
	list-style: none;}
.top_bn3 ul li img {width:100%;}



.ranking h2,.newitem h2{
	
  text-align:center;
	margin-bottom: 0;
}
.ranking ul,  .bnrArea ul,.newitem ul{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
  margin-left:0;
}

.ranking ul li img, .newArrival ul li img, .bnrArea ul li img,.newitem  ul li img {
	display:block;
	width:100%;
}

.ranking ul li,  .bnrArea ul li,.newitem ul li{
	padding:20px 0;
}


/* ランキング */
.ranking p,
.newitem p{
	font-size:13px;
	margin: 0 ;
}
.ranking .sale,
.newitem .sale{font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    "BIZ UDPGothic",
    Meiryo,
    sans-serif;
background:#e37077;
color: #fff;
font-weight: bold;
font-size: 1.5rem;
width:35%;
text-align: center;
margin-bottom: 5px;
margin-top: 5px;}
.ranking .itemPrice span,
.newitem .itemPrice span{font-size:1.5rem;}
.bold{font-weight: bold;}
.pink{color:#e37077;}
.ranking .pick_item,
.newitem .pick_item{
	counter-reset: wpp-ranking;
    list-style:none;
	padding: 10px 0 10px;
}
.newitem .new{font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    "BIZ UDPGothic",
    Meiryo,
    sans-serif;
background:#000;
color: #fff;
font-weight: bold;
font-size: 1.5rem;
width:35%;
text-align: center;
margin-bottom: 5px;
margin-top: 5px;
margin-left:5px;}
.ranking .itemPrice span,
.newitem .itemPrice span{font-size:1.5rem;}
.bold{font-weight: bold;}
.pink{color:#e37077;}
.ranking .pick_item,
.newitem .pick_item{
	counter-reset: wpp-ranking;
    list-style:none;
	padding: 10px 0 10px;
}
.ranking .pick__item{
  position: relative;
	padding-top: 10px;
  }
 
  /*----

.ranking .pick__item:nth-child(1):before {
  background: #fa0;
}
.ranking .pick__item:nth-child(2):before {
  background: #bbb;
}
.ranking .pick__item:nth-child(3):before {
  background: #930;

}----*/



@media only screen and (min-width: 751px) {
	
	.about_bn01{    background: url(https://file003.shop-pro.jp/PA01454/718/img_top/top_about.png) no-repeat center center;
    text-align: center;
    background-size: cover;
    width: 646px;
    margin: 30px auto;
    height: 126px;
	font-size:2.3rem;
	display: flex;
    align-items: center;
    justify-content: center;
	}
	
	.top_about h2{text-align: center;}
	.aboutCon{
		display: flex;
		width:100%;}
		
	.about_list	{
	padding:10px;
		
		
		}
	
	.about_list .icon {
    position: relative;
    padding-left: 50px;
	
}
.about_list h3.icon::before {
   counter-increment: number 1;      /* number カウンタの増加数をセット */
 content: counter(number) " ";      /* 表示形式を指定 */
   display: flex;
    height: 45px;
    width: 45px;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
	 -webkit-transform: translateY(-50%);  
    -moz-transform: translateY(-50%);  
	font-size: 48px;
	font-style:italic;
	color:#e37077;
	   align-items: center;
	
}
.about_list p{
	color:#000;
	font-size:1.45rem;
	margin:5px 0;
	font-family: 'Noto Serif JP', serif;}
.about_list h3{font-size: 1.85rem;
  
    height: 50px;
    align-items: center;
    color: #000;
    font-family: 'Noto Serif JP', serif;
	    font-weight: normal;
		line-height:1.2;}

body { counter-reset: number 0;           /* number のカウンタを 0 にセット */
}
section.top_about{
	margin-bottom:70px;}

}
@media only screen and (max-width: 750px) {

.ranking ul li, .newArrival ul li, .bnrArea ul li,.newitem ul li{
	padding:10px 0;
  list-style:none;
}

  .ranking ul,
  .newitem ul{width:98%;
  margin:0 auto;}
.ranking ul li,
.newitem ul li{
	width:48%;
}

.newArrival ul li{
	width:48%;
}
/*-----
	アバウト
	-------------*/
	.top_about {padding:20px 3%;
		width:94%;}
	
	.top_about h2{text-align: center;
		margin: 0 auto 20px;
		font-weight: normal;
		color: #252525;
	}

	
	
	
	
	.about_bn01{background: url(https://img21.shop-pro.jp/PA01454/718/etc/sp_top_about.png?cmsp_timestamp=20201229103808) no-repeat center center;
	text-align: center;
		background-size: 100% 100%;
	width: 100%;
	margin: 0 auto;}
	.about_bn01 p{font-size:1.85rem;
	padding: 2rem;}
	
	.about_box{display: flex;
	align-items: center;
		
		padding: 1.5rem 0.8rem;
	}
	
	
	
	.about_box_first{border-top: 1px solid #888888;
	margin-top: 30px;}
	a .about_box {text-decoration: none;
	}
	
	.arrow_ab{display: block;
position: relative;}
	.arrow_ab:before {
    content: '';
    width: 6px;
    height: 6px;
    border: 0px;
    border-top: solid 1px #000;
    border-right: solid 1px #000;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: -5%;
    margin-top: -4px;
}
	
	
}

@media only screen and (max-width: 750px) {
.top_bn4 ul{width:100%;
margin:30px 0 0;
display:flex;
flex-wrap:wrap;
list-style:none;}
.top_bn4 ul li{width:50%;}
.top_bn4 ul li img {width:100%;}
}
.link_more{margin:20px auto;
text-align:center;
font-size:1.2rem;
background:#000;
padding:10px;
width:30%;}

.link_more a{color:#fff;}


@media (max-width: 768px){
  .slider {margin-top:10px;}
  .col-xs-12s{width:48%}


  ul.slider01{margin:0 0 10px 0; }
}
ul.slick-dots{margin-left:0}


.ranking ul,  .bnrArea ul{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
  margin-left:0;
}

.ranking ul li img, .newArrival ul li img, .bnrArea ul li img{
	display:block;
	width:100%;
}

.ranking ul li,  .bnrArea ul li{
	padding:20px 0;
}


/* ランキング */
.ranking p{
	font-size:13px;
	margin: 0 ;
}
.ranking .sale{font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    "BIZ UDPGothic",
    Meiryo,
    sans-serif;
background:#e37077;
color: #fff;
font-weight: bold;
font-size: 1.5rem;
width:35%;
text-align: center;
margin-bottom: 5px;
margin-top: 5px;}
.ranking .itemPrice span{font-size:1.5rem;}
.bold{font-weight: bold;}
.pink{color:#e37077;}
.ranking .pick_item{
	counter-reset: wpp-ranking;
    list-style:none;
	padding: 0 0 10px;
}

.ranking .pick__item{
  position: relative;
  }
  
.ranking .pick__item:before{
  background: #999;
  border-radius: 10%;
  content: counter(wpp-ranking, decimal);
  counter-increment: wpp-ranking;
  color: #fff;
  font-size: 14px;
  line-height: 1;
  padding: 8px 11px;
  position: absolute;
  top: -2%;
  left: 5px;
  z-index:999;
  }
  /*-----
.ranking .pick__item:nth-child(1):before {
  background: #fa0;
}
.ranking .pick__item:nth-child(2):before {
  background: #bbb;
}
.ranking .pick__item:nth-child(3):before {
  background: #930;
}
----*/
@media only screen and (max-width: 750px) {

.ranking ul li, .newArrival ul li, .bnrArea ul li{
	padding:10px 0;
  list-style:none;
}

  .ranking ul{width:98%;
  margin:0 auto;}
.ranking ul li{
	width:48%;
}

.newArrival ul li{
	width:48%;
}

  
  
}

.Contents{width:95%;
margin:0 auto;}
ul.flex_box{list-style:none;
padding-left:0;
margin-left:0;}

.flex_box{
    display: flex;
    justify-content:space-between;
	flex-wrap:wrap;
}
ul.flex_box li img{width:100%;
cursor: pointer;
  transition-duration: 0.3s;}
  
  
ul.flex_box li img:hover  {
  opacity: 0.6;
  transition-duration: 0.3s;
}
.flex_box > li{ display: flex;
color:#333;}
ul.flex_box li a p {color:#333;}


@media only screen and (min-width: 751px) {
 ul.flex_box li{width:32%;}
}
@media only screen and (max-width: 750px) {
	
	 ul.flex_box li{width:49%;}
}

.top_bn3 ul{width:100%;
margin:20px 0 0;
display:flex;
flex-wrap:nowrap;
list-style:none;}
.top_bn3 ul li img {width:100%;}

@media only screen and (max-width: 750px) {
.top_bn4 ul{width:100%;
margin:30px 0 0;
display:flex;
flex-wrap:wrap;
list-style:none;}
.top_bn4 ul li{width:50%;}
.top_bn4 ul li img {width:100%;}
}
.link_more{margin:20px auto;
text-align:center;
font-size:1.2rem;
background:#000;
padding:10px;
width:30%;}

.link_more a{color:#fff;}
  
.icon{display:flex;}

.info{width:95%;
margin:0 auto 40px;
overflow-y: scroll;
 height:200px;
}

.info ul{list-style:none;
margin:0;
padding:10px;}

.info ul li{
	font-size:1.45rem;
	padding:10px;
	border-bottom:#888 dotted 1px;overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.info ul li a{color:#888}	

	.info ul li.arrow{display: block;
position: relative;}
	.info ul li.arrow:before {
    content: '';
    width: 6px;
    height: 6px;
    border: 0px;
    border-top: solid 1px #4682b4;
    border-right: solid 1px #4682b4;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: -97%;
    margin-top: -4px;
}



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

タブ追加

----------*/
.bk_white{background:#fff;
padding:20px 1% 5px;
margin-bottom:20px;}
..tab_wrap{width:100%; margin:80px auto;
}
input[type="radio"]{display:none;}

.scene_cate .tab_area label{
border-radius:0;border:none; margin:0 5px; display:inline-block; padding:8px 10px;  color:#a78287; background:#f3ced3; text-align:center; font-weight:bold; font-size:12px; cursor:pointer; transition:ease 0.2s opacity;white-space: nowrap;}
.scene_cate .panel_area{
position:relative;}
.scene_cate .tab_panel{width:100%; padding:0 0 0; display:none;}
.scene_cate .tab_panel p{font-size:14px; letter-spacing:1px; text-align:center;}

.scene_cate #tab1:checked ~ .tab_area .tab1_label{background:#000; color:#fff;}
.scene_cate #tab1:checked ~ .panel_area #panel1{display:block;}
.scene_cate #tab2:checked ~ .tab_area .tab2_label{background:#000; color:#fff;}
.scene_cate #tab2:checked ~ .panel_area #panel2{display:block;}
.scene_cate #tab3:checked ~ .tab_area .tab3_label{background:#000; color:#fff;}
.scene_cate #tab3:checked ~ .panel_area #panel3{display:block;}
.scene_cate #tab4:checked ~ .tab_area .tab4_label{background:#000; color:#fff;}
.scene_cate #tab4:checked ~ .panel_area #panel4{display:block;}
 #tab5:checked ~ .tab_area .tab5_label{background:#000; color:#fff;}
 #tab5:checked ~ .panel_area #panel5{display:block;}
 #tab6:checked ~ .tab_area .tab6_label{background:#000; color:#fff;}
 #tab6:checked ~ .panel_area #panel6{display:block;}
 #tab7:checked ~ .tab_area .tab7_label{background:#000; color:#fff;}
 #tab7:checked ~ .panel_area #panel7{display:block;}

 #tab8:checked ~ .tab_area .tab8_label{background:#000; color:#fff;}
 #tab8:checked ~ .panel_area #panel8{display:block;}

 #tab9:checked ~ .tab_area .tab9_label{background:#000; color:#fff;}
 #tab9:checked ~ .panel_area #panel9{display:block;}

.image_cate .tab_area label{
border-radius:0;border:none; margin:0 5px; display:inline-block; padding:8px 10px; color:#a78287; background:#f3ced3; text-align:center; font-weight:bold; font-size:12px; cursor:pointer; transition:ease 0.2s opacity;white-space: nowrap;}
.image_cate.panel_area{
position:relative;}
.image_cate.tab_panel{width:100%; padding:0 0 0; display:none;}
.image_cate.tab_panel p{font-size:14px; letter-spacing:1px; text-align:center;}



.box_list{width:100%;
margin:0 auto;
}
.box_list ul{
　width:100%;
margin-bottom:20px;
display:table;
}
.box_list li{
	
	}
	.box_list li:last-child{margin-right:0;}
/*
	.box_list li img{margin-bottom:20px;}

*/
		
/*     用途別　　*/

.scene_cate h2{
	text-align:center;
	margin:0 auto 20px;}
.image_cate h2{
	text-align:center;
	margin:0 auto 20px;}
		
.panel_area ul.pic_item,.tab-content ul.pic_item{	list-style:none;
display:flex;
  flex-wrap:wrap;
}
.panel_area ul.pic_item li,.tab-content ul.pic_item li{
	position:relative;}
.panel_area ul.pic_item li .img,.tab-content ul.pic_item .img {width:100%;}
	.panel_area ul.pic_item li .img img,.tab-content ul.pic_item li .img img{width:100%;}
	.panel_area ul.pic_item li a,.tab-content ul.pic_item li a{ position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;}
	.panel_area ul.pic_item li .name,.tab-content ul.pic_item li .name{
		position:absolute;
		background:rgba(0,0,0,0.5);
		color:#fff;
		padding:5px 2%;    
		bottom: 0;
    width: 96%;
	text-align:left;
align-items: center;
    display: flex;
	    flex-wrap: wrap;}
		@media only screen and (min-width: 751px) {
			.image_cate{margin-top:20px;}
.scene_cate {background:/*#eaeaea;*/
padding:20px 0;
margin-top:50px;}
	.image_cate {/*background:#d6d3d3;*/
padding:20px 0;}		
			.panel_area ul.pic_item,.tab-content ul.pic_item{width:100%;
			max-width:900px;
		margin:20px auto 0;
		justify-content: center;}
		.panel_area ul.pic_item li,.tab-content ul.pic_item li{width:15%;
		margin:10px 1%;}
		
		.panel_area ul.pic_item li .name,.tab-content ul.pic_item li .name{font-size:12px;
	}
			.panel_area ul.pic_item li .name span,.tab-content ul.pic_item li .name span{font-size:10px;
		}
		.scene_cate .tab_area{width:100%;
		max-width:900px;
		margin:0 auto;}
		.scene_cate .tab_area label{width:25%;}}
		@media only screen and (max-width: 750px) {
			
			.scene_cate {/*background:#eaeaea;*/
padding:20px 0;}

.image_cate {/*background:#d6d3d3;*/
padding:20px 0;}
			.scene_cate .tab_area{display:flex;
			flex: 0 0 70%;
			flex-wrap:wrap;
			width:100%;
			margin-top:10px;}
			.scene_cate .tab_area label{width:40%;
			margin-bottom:10px;}
	.panel_area ul.pic_item,.tab-content ul.pic_item{		width:100%;
	height:auto;
overflow-x: scroll;
display:flex;
	flex-wrap: nowrap;
	align-items: flex-start;
	white-space:nowrap; 
	margin-left:0;}
		.panel_area ul.pic_item li .name span,.tab-content ul.pic_item li .name span{font-size:10px;
		}
		.panel_area ul.pic_item li,.tab-content ul.pic_item li{
    margin: 10px 2% 10px 0;
    width: calc((100% - 5px) / 3);
    flex: 0 0 auto;
}
		.panel_area ul.pic_item li:last-child{margin-right:0;}
		
		
.panel_area  .slick-prev {
    left: 0;
}
.panel_area  .slick-next {
    right: 0;
}

.panel_area .slick-arrow {
    position: absolute;
    top: 0;
 bottom: 0;
  margin:auto;
    z-index: 100;
    width: 15px;
    height: 80px;
    -webkit-appearance: none;
    appearance: none;
    background: rgba(0,0,0,0.5);
    border: none;
    overflow: hidden;
    text-align: left;
    text-indent: -9999rem;
    cursor: pointer;
}
.panel_area .slick-prev:after {
    right: 2px;
    transform: rotate(-45deg);
}
.panel_area .slick-next:after {
    left: 2px;
    transform: rotate(135deg);
}
.panel_area .slick-arrow:after {
    content: '';
    display: block;
    position: absolute;
    top: calc(50% - 4px);
    width: 6px;
    height: 6px;
    border-top: solid 2px #ffffff;
    border-left: solid 2px #ffffff;}
	
/*スクロールバーの横幅指定*/
.pic_item::-webkit-scrollbar {
    width: 15px;
}
/*スクロールバーの背景色・角丸指定*/
.pic_item::-webkit-scrollbar-track {
  border-radius: 10px;
  background:#eaeaea;
}
/*スクロールバーの色・角丸指定*/
.pic_item::-webkit-scrollbar-thumb {
  border-radius: 10px;
background:#a1a1a1;
}

.tab_area::-webkit-scrollbar {
    width: 15px;
	height:5px;
}

.tab_area::-webkit-scrollbar-track {
  border-radius: 10px;
}
/*スクロールバーの色・角丸指定*/
.tab_area::-webkit-scrollbar-thumb {
  border-radius: 10px;
	background:#a1a1a1;
}

			}
			
			
	.image_cate .tab-wrap {
    display: flex;
    flex-wrap: wrap;
	justify-content: center;
}
.image_cate .tab-label {
   color:#a78287; background:#f3ced3;

  
    order:-1;
	
	font-weight:bold;
}
.image_cate .tab-content {
    width: 100%;
    display: none;
}
.image_cate .tab-switch:checked+.tab-label {
    background: #000;
	color:#fff;
	font-size:12px;
}
.image_cate .tab-switch:checked+.tab-label+.tab-content {
    display: block;
}
.image_cate .tab-switch {
    display: none;
}

	@media only screen and (max-width: 750px) {
		.image_cate .tab-label{
			text-align:center;
			padding:   8px 10px;
			margin: 0 5px;
			font-size:12px;
			    margin-bottom: 10px;
}
			.image_cate .tab-label01{width:40%;}
			.image_cate .tab-label02{width:40%;}
			
		}
	
		@media only screen and (min-width: 751px) {
				
			.image_cate .tab-label{ width:21%;padding:8px 10px;    margin:0 5px;
			text-align:center;
			font-size:12px;
			letter-spacing:0;}}