@charset "utf-8";
/* CSS Document */
/*ナビエリア*/
.navilist{display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
	padding:auto;
	margin:30px auto 40px;
}

.navilist .navi{width:28%;text-align:center;font-size:16px;font-weight:bold;}
.navi img{width:100%; margin-bottom:10px;border:1px solid #ccc;}

/*タイトル*/
.title{
margin-bottom:20px;	
}
.title h2{line-height:2.5rem;}

.headline02{color:#222!important;}

.title-image {
margin-top:30px;
height:180px;	
    background-image: url("../img/icon_dogcat.png");
    background-repeat: no-repeat;
    background-position: 50% 60%;
	background-size:300px;
	text-align:center;
	color:#61bfab;
	font-size:22px;
}
.headline03{color:#098138;}

.headline08 {
  margin-bottom: 10px;
  padding-left: 8px;
  border-left: 5px solid #098138;
  color: #098138;
  font-size: 14px;
  font-weight: bold;
}


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

.form-title {
margin-top:20px;
  margin-bottom: -30px;
  padding: 15px 10px;
  background-color: #62bfac;
  color: #ffe25c;
  font-size:26px;
  font-weight: bold;
  line-height: 1.75;
  text-align:center;
}



#attention ul li{list-style: disc inside!important;
font-size:13px;
line-height:1.5rem;}

#attention ol .number{list-style: decimal inside!important;
font-size:13px;
line-height:1.5rem;}

/*装飾*/
/*文字*/
.txt-wh{color:#FFF;
font-size:14px;
line-height: 1.6rem;}
.txt-1{color:#e5ece0;
font-size:14px;
line-height: 1.6rem;}
.txt-g1{color:#098138;
font-size:14px;
line-height: 1.6rem;}
.txt-gd{color:#e9c232;
font-size:14px;
line-height: 1.6rem;}

.txt12{font-size:12px;}
.txt16{font-size:16px;}
.txt20{font-size:20px;}
.txt22{font-size:22px;}
.txt26{font-size:26px;}



/*コンテンツ中央寄せ*/
.item_center {
    display: flex;
    align-items: center;
    justify-content: center;
}
.item_center_inner{width:85%;}



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

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

/*枠*/
.border-box-wh{border:1px solid #fff;
	padding:20px;
	border-radius:5px;
box-sizing: border-box;}

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

.tag_red{background-color:#d15945;}
.tag_green{background-color:#098138;}
.tag_gray{background-color:#666666;}
.img-tag_orange {
  background: #eb6100;
}
.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;
}
/*ボタン*/
.detail-btn02-dog {
    margin: 20px auto 5px;
    display: flex;
    justify-content: center;
    border-radius: 10px;
    align-items: center;
    box-sizing: border-box;
    width: 300px;
    max-width: 100%;
    height: 100px;
    color: #fff45c;
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
    background: url(/assets/vendor/fonts/stylesheet/images/icon/white/arrow.svg) right 15px center / 10px no-repeat #62bfac;
}

.detail-btn02-cat {
    margin: 20px auto 5px;
    display: flex;
    justify-content: center;
    border-radius: 10px;
    align-items: center;
    box-sizing: border-box;
    width: 300px;
    max-width: 100%;
    height: 100px;
    color: #ffe25c;
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
    background: url(/assets/vendor/fonts/stylesheet/images/icon/white/arrow.svg) right 15px center / 10px no-repeat #9e61c0;
}
/*背景*/
.bk_wh{padding:45px 15px;
background-color: #FFFFFF;
box-sizing: border-box;
}
.bk_beige{padding:35px 15px;
background-color: #f9f5f0;
box-sizing: border-box;
}

.bk_beige_st{padding:55px 15px;
background-size: auto auto;
background-color: rgba(254, 245, 232, 1);
background-image: repeating-linear-gradient(45deg, transparent, transparent 15px, rgba(245, 233, 217, 1) 15px, rgba(245, 233, 217, 1) 17px );
box-sizing: border-box;
}


/*余白*/
.mb50{margin-bottom:50px;}
.mb80{margin-bottom:80px;}
.mb100{margin-bottom:100px;}
.p5{padding:0 5px;}



@media print, screen and (max-width: 767px){
.product-name {
    text-align: center;
    font-size: 14px;
    color: #FFFFFF;
    font-weight: bold;
    margin-bottom: 10px;
}
.pfd-member img{
width:100%;height:70px;
object-fit:cover;}

}