@charset "utf-8";
/* CSS Document */
/*ナビ*/
.slide-menu {
    margin: 0px;
    padding: 20px 0px;
    background-color: #C3D6AA;
    box-shadow: none;
    border-radius: 0;
}
/*タイトル*/
.title-cate {
    position: relative;
    text-align: center;
    margin-bottom: 50px;
    padding: 15px 10px;
    color: #333333;
    font-size: 22px;
    font-weight: bold;
    line-height: 1.75;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.title-cate:before {
    content: '';
    position: absolute;
    bottom: -10px;
    display: inline-block;
    width: 60px;
    height: 5px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color:#f08336;
    border-radius: 1.5px;
}

.title-cate_sho{
	position:relative;
	font-weight:bold;
text-align: center;
margin-bottom:30px;
font-size:18px;}
.title-cate_sho:before{position: absolute;
  content:url("../img_sp/icon_3point.png");
  top: -20px;
  left: 63%;}

.new {
    position: relative;
    display: inline-block;
    padding: 0 80px;
    left: 50%;
    font-size: 16px !important;
    font-weight: bold;
    margin-bottom: 30px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.new:before, .new:after {
    content: '';
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 45px;
    height: 1px;
    background-color: black;
}
.new:before {
    left: 0;
}
.new:after {
    right: 0;
}



.headline02{color:#222!important;}

.headline08 {
  margin-bottom:25px;
  padding-left: 10px;
  color: #333;
  font-size: 16px;
  font-weight: bold;
	border-left: 8px solid #b4e4fa;
}

.title_h4 {
    font-size: 16px;
    margin-bottom: 15px;
    padding-left: 10px;
    border-left: 8px solid #fcc14b;
    color: #333;
}

/*商品エリア*/
.product-name{font-weight:bold;
font-size:14px;
	color:#444444;
margin-bottom:10px;
text-align: center;}
.product-name_sho{
font-size:13px;
color:#555555;
margin-bottom:20px;
text-align:left;}

/*オリジナル定型*/
ul.col1{
	display: flex;
	flex-direction: column;
	align-items:center;
	width:100%;
margin:0 auto;
	box-sizing: border-box;
}

.col1 .col1_innner{position: relative;
width:100%;
margin:0 auto 35px;	
padding-bottom:30px;	
box-sizing: border-box;	
}

.col1 .col1_innner img{
width:100%;
margin-bottom:15px;}

ul.col2{
	width:100%;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	box-sizing: border-box;
}

.col2 .col2_innner{
position:relative;	
width:50%;
margin-bottom:15px;
padding:10px;	
box-sizing: border-box;	
}

.col2 .col2_innner img{width:100%;
margin-bottom:15px;}

.col1_innner .coin {
    position: absolute;
    top: 5px;
   right: 10px;
    z-index: 5;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
	color:#fff;
    width: 65px;
    height: 65px;
    background-color:#f08336;
    border-radius: 50%;
    align-items: center;
}


.col2_innner .coin {
    position: absolute;
    top: -5px;
   left: -5px;
    z-index: 5;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    width: 65px;
    height: 65px;
    background-color:#f08336;
    border-radius: 50%;
    align-items: center;
}
.coin p {
    color: #fff;
    text-align: center;
    line-height: 1;
}

.item_center {
    display: flex;
    align-items: center;
    justify-content: center;
}
.item_center_inner {
    width: 95%;
}

/*動画*/
.youtube {
    display: block;
    margin: 0 auto 50px;
    box-sizing: border-box;
    max-width: 85%;
    aspect-ratio: 16 / 9;
}
/*装飾*/

/*タグ*/
.colorlist{display:flex;font-size:16px;justify-content: center;}
.black{color:#111;}
.beige{color:#e1c4ac;}
.blue{color:#a7d9e4;}
.pale-green{color:aquamarine;}
.pink{color:#e6b0b7;}

.navy{color:#08034b;}

.mint{color:#added0;}
.off{color:#fbf4da;}
.red{color:#d00202;}

.tag-wh {
  display: inline-block;
  padding: 4px 8px;
margin:10px 3px 10px;
  background: #fff;
border:1px solid #444;
border-radius:3px;	
  color: #333;
  font-size: 12px;
  line-height: 1;
}
.tag-gy {
  display: inline-block;
  padding: 4px 8px;
margin:10px 3px 0;
  background: #444;
  color: #fff;
  font-size: 12px;
  line-height: 1;
}
.tag-dog {
  display: inline-block;
  padding: 4px 8px;
margin:10px 3px 0;
  background: #ddeddd;
  color: #333;
  font-size: 12px;
  line-height: 1;
}
.tag-cat {
  display: inline-block;
  padding: 4px 8px;
margin:10px 3px 0;
  background: #CCA3C6;
  color: #333;
  font-size: 12px;
  line-height: 1;
}

/*画像を丸く*/
.circle{border-radius:50%;}
.kadomaru{border-radius:5px;}

/*シャドウ*/
.shadow{box-shadow: rgba(0,0,0,0.2) 0 0 6px;}

/*タグ*/
.tag {
    padding: 5px;
    margin-bottom: 5px;
    display: inline-block;
    color: #fff;
    font-weight: normal;
	border-radius:3px;	
    font-size: 14px;
    line-height: 1;
    max-width: 330px;
    z-index: 1;
}

.tag_red{background-color:#d15945;}
.tag_green{background-color:#666666;}
.img-tag_orange {
  background: #f08336;
}

/*ボタン*/

/*背景*/
.content-box {
  margin-top: 20px;
  padding:30px 20px 20px;
  background-color: #fff;
  box-shadow: none;
  border-radius:20px;
}
.bk_beige{padding:20px;
background-color: #FEF5E8;
box-sizing: border-box;
}
.bk_lg{padding:40px 10px 30px;
background-color:#C3D6AA;
box-sizing: border-box;
}


#cool{padding:35px 25px;
background-size: auto auto;
background-color: rgba(209, 239, 248, 1);
background-image: repeating-linear-gradient(38deg, transparent, transparent 20px, rgba(255, 255, 255, 1) 20px, rgba(255, 255, 255, 1) 21px );
box-sizing: border-box;
}

.bk_check{padding:30px 30px 20px 30px;
	background-image: url("img/bg-square002_7.gif");
	box-sizing: border-box;
	}

#bag,#bug,#light,#toilet,#collor,#cart,#bowl{padding:35px 25px;
   background-image: url("../img_sp/bg_green.png");
  background-repeat: repeat-y;
  background-position: center top;
	background-size: contain;
}

/*余白*/
.mb50{margin-bottom:50px;}
.mb80{margin-bottom:80px;}
.mb100{margin-bottom:100px;}
.p5{padding:0 20px;}
.top-img{margin-bottom:0!important;}
.monitor {
    padding: 20px;
    background-color: #eeeeee;}
/*dw-only*/
ul{padding-left:0!important;}
ul li{list-style:none}
.monitor__img img{
    flex: 0 0 auto;
    width: 90px;
    height: auto;
}

@media print, screen and (max-width: 767px){
.slide-menu {
    margin: 0px;
    padding: 10px 0px!important;
    background-color: #FFFFFF;
    box-shadow: none;
    border-radius: 0;
}
.product-name{
text-align:left;}
.pfd-member img{
width:100%;height:70px;
object-fit:cover;}

}