body{
font-family:'Sawarabi Gothic',"メイリオ", Meiryo,"游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN","sans-serif"!important;
}

h1,h2,.special_title{
font-family:'Noto Sans JP', sans-serif,'Sawarabi Gothic',"メイリオ", Meiryo,"游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN","sans-serif"!important;
}

/*メニューのペットアイコンを消す*/
.icon.pet::before{
	display:none;
}

/*定価に取消線を入れるCSS*/
.fs-c-productPrice--listed .fs-c-price__value,
.fs-c-productPrice--listed .ffs-c-productPrice__main__label{
    text-decoration: line-through;
}
/*ログインログアウトの表示切り替えを行うCSS*/
.logout.my-false { display: none; }
.login.my-true { display: none; }

/*フッターエリア*/
#footerarea{
background-color:#F3F1F0!important;
}
#footerarea_pet{
background-color:#F3F1F0!important;
}

/*カテゴリーページ*/
.category-groupButton{
	margin:50px auto;
}

/*関連商品＆バリエーション-共通*/
.layout20 p,.layout30 p,.layout40 p,.layout50 p,.layout60 p,.layout61 p{
margin:10px;
line-height: 1.7!important;
}
.layout61 p{
	text-align: center;
	white-space: nowrap;
	font-size:80%;
}
.layout20 ul,.layout30 ul,.layout40 ul,.layout50 ul,.layout60 ul,.layout40_pet ul,.pet_category_icons ul{
display:flex;
flex-wrap:wrap;
justify-content: center;
}
.layout61 ul{
	display:flex;
flex-wrap:wrap;
justify-content: left;
}

.layout20 ul li:last-child,.layout30 ul li:last-child,.layout40 ul li:last-child,.layout50 ul li:last-child,.layout60 ul li:last-child,.layout40_pet ul li:last-child,.layout61 ul li:last-child{
margin-right: 0;
}

.layout20,.layout30,.layout40,.layout50,.layou60,.layout40_pet{
margin-bottom: 50px;
}
.recommended-item{
line-height: 0.5;
}
.recommended-item_price{
font-size: 90%;
}

.recommended-item_price::before{
    content: "";
    display: block;
    width: 100px;
    height: 0;
    border-bottom: 2.5px dotted #EAE2DF;
    position: absolute;
    transform:translate(0px,-4px);
}

/*バリエーション-2カラム*/
.layout20 ul li{
width:43%;
margin-right: 3.5%;
}

/*バリエーション-3カラム*/
.layout30 ul li{
width:29%;
margin-right: 3.5%;
}

/*関連商品＆バリエーション-4カラム*/
.layout40 ul li{
width:21%;
margin-right: 3.5%;
}

/*バリエーション-5カラム*/
.layout50 ul li{
width:16%;
margin-right: 3.5%;
}
/*バリエーション-6カラム*/
.layout60 ul li,.layout61 ul li{
width:13%;
margin-right: 3.5%;
}
.layout61 ul li{
	margin-top:30px;
}
/*カート追従*/
.c-button{
display:none;
}

/*youtube*/
.ytube{
margin: 20px auto;
display: block;
height:400px;
}

/*Wanyanya*/
.pet_top_contents{
position: relative;
}
.pet_top_contents_img-catchCopy,.pet_top_contents_img{
 position: absolute;
}
.pet_top_contents_img-catchCopy{
z-index: 30;
top:150px;
left:80px;
}
.pet_top_contents_img{
z-index: 20;
}

.pet_about_img{
margin: 50px auto;
display:block;
width: 300px;
height: auto;
}
.top-message_wanyanya{
width:40%;
top: 80%;
left:40%;
}
.pet_top_img{
margin: 0 auto;
}
.pet_category_icons-title{
text-align: center;
font-family:'Quicksand', sans-serif;
font-size: 24px;
 margin        : 40px auto 0 auto;                 /* サンプル用 中央寄せ  */
  box-sizing    : border-box;           /* 罫線も含む長さ       */
  width         : 50%;                 /* BOXの幅              */
  max-width     : 50px;                /* BOXの最大幅          */
  height        : 100px;                /* BOXの高さ            */
  padding       : 0;                 /* 文字の位置合わせ     */
  background    : rgba(255, 255, 255, 0.10);              /* BOXの背景色          */
  border-top    : 5px dotted rgba(175, 161, 152, 0.90);   /* 枠線の指定（上）     */
}
.pet_category_icons-cat img{
height: auto;
width: 80%;
margin: 0 auto;
}

.pet_category_icons li{
width: 15%;
padding: 30px;
}
.layout10_pet{
padding:10px 20px 50px 20px;
background:#f4dfca42;
margin: 0 150px;
}
.layout40_pet{
margin: 100px 0;
}

.layout40_pet ul li{
width:21%;
margin-right: 3.5%;
background: #bfa79c14;
padding: 10px;
}
.special_title{
font-weight: bold;
text-align: center;
}

.ctglarea__item_pet{
display: flex;
flex-flow: column;
margin: 0 auto 100px auto;
width: 70%;
}

.zoom-in {
  transition: 1s;
}
.zoom-in:hover {
  transform: scale(1.5);
}

@media screen and (max-width: 1024px){
.pet_top_contents_img{
height:550px!important;
}
.pet_top_contents_img-catchCopy{
top:640px;
left:150px;
padding-right:20px;
}
.pet_category_icons li{
width: 30%;
}
}


@media screen and (max-width: 767px){
/*ヘッダー*/
.hum-und-navi li{
padding: 10px 0;
}
.hum-und-navi li a{
font-size: 14px!important;
padding: 10px 22px;
margin: 0!important;
}
.hum-und-navi li a::after{
padding: 10px 0;
right:0!important;
}

/*TOPページ*/
.slide-pic1,.slide-pic3{
transform:translate(0,0);
}

/*商品詳細*/
.layout10 table tr{
  position: relative;
}

.layout10 table tr th{
width:35%!important;
padding:10px 10px 10px 5px!important;
font-size: 13px;
border: none;
border-right: 1px dashed #DEBEBB80;
margin:auto 0;
}

.layout10 table tr td{
font-size: 12px;
padding:10px 10px 10px 15px !important;
margin:auto 0;
text-align: left!important;
width: 65%!important;
}

/*関連商品*/
.layout20 ul li,.layout30 ul li,.layout40 ul li,.layout50 ul li,.layout60 ul li,.layout40_pet ul li{
width:46%;
margin:0 2% 5% 2%;
}
.layout61 ul li{
width:29%;
margin-right: 3.5%;		
}


.layout30 ul,.layout50 ul{
justify-content: left;
}


.about-txtarea{
width: 278px!important;
margin: 0 auto;
}

/*youtube*/
.ytube{
margin: 20px auto;
display: block;
height: auto!important;
}
/*ページトップ*/
.pagetop{
bottom: 10px!important;
}

/*カート追従*/
.c-button{
display:block;
  position: fixed;
  left: 17%;
  bottom: 0;
  background: #ffffff96;
  padding:10px 20px 10px 30px;
  cursor: pointer;
  transition: .3s;
  width:100%;
transform:translateX(-70px);
  /*デフォルトで非表示にする*/
  opacity: 0;
  visibility: hidden;
}

/*このクラスが付与されると表示する*/
.active{
  opacity: 1;
  visibility: visible;
}

/*このクラスが付与されると表示する*/
.absolute{
  position: absolute;
  top: -70px;
  bottom: auto;
}
.c-button_scrollarea_cartbtn{
background: #B69E93;
width: 70%;
color:#fff;
display:block;
text-align: center;
cursor: pointer;
font-size: 15px;
position:relative;
border:none;
padding: 10px 40px;
margin: 0 auto;
}
.c-button_scrollarea{

}
.c-button_scrollarea_favoritebtn::before{

}

.c-button_scrollarea>.fs-c-productQuantityAndWishlist{
padding: 0 10px;
transform:translateX(70px);
margin: 0;
}

/*お気に入りのハート*/
.fs-c-button--particular::before{
font-size:25px!important;
}

.fs-c-button--primary{
background:#C28180!important;
}

/*Wanyanyaページ*/
.pet_top_contents_img-catchCopy{
z-index: 30;
top:480px;
left:40px;
}
.h-logo .sp .heaert,.h-logo .sp .txt{
width:100%!important;
}
.pet_top_contents_img {
height: 250px!important;
}


.pet_category_icons ul li{
width: 40%;
}
.Illust0607{
width: 250px;
}
.sec-ttl .ja{
font-size: 14px!important;
}
.special_title {
margin-bottom:10px;
font-size:13px;
}
.pet_about_txt{
text-align: left!important;
margin-left: 20px;
margin-right: 20px;
}
.special_detail{
font-size: 12px;
}
.layout40_pet{
margin:50px 0;
}
.layout10_pet{
padding:10px 10px 30px 10px;
margin: 0!important;
}

.ctglarea__item_pet{
padding: 0 20px;
}
/*フッターエリア*/
#footerarea_pet{
padding-top:60px;
}
	/*カテゴリーページ*/
.category-groupButton{
	margin:20px auto;
}
	
}