@charset "euc-jp";
/* ///////////////////////////////


ペットカテゴリー

PC用

///////////////////////////////
*/
/*body{background:none}
*/
#page{ width:100%}
.page1col #pageContents{ z-index: 0; width:950px; margin:0 auto; float:none; color:#4c3334;font-family:"游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", "Hiragino Maru Gothic W4 JIS2004", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:500}
#footer_pc{width:950px; margin:0 auto}
.page1col #pageContents p{font-weight:500}

/*●Mainctg*/
#Mainctg{}
#Mainctg h1{}
#Mainctg p{font-size:14px; line-height:2.0em; text-align:center; margin:20px auto 40px; font-weight:500}

.single-item2 {max-width: 950px; margin: 0 auto;position:relative;}
.slick_container {width:950px; margin:0 auto; position:relative;}

.slidebox {width:950px; margin:0 auto;position:relative;}
.slider {margin: 0 0 50px; overflow:hidden}
.slider img {width: auto;height: auto;}
.slick-slide{display: none; float: left;height: 100%;min-height: 1px;}
.bnrbox{margin:0 auto 30px; text-align:center}

/*●modal*/
#modal-content {width: 860px ; margin: 0 auto ; padding: 10px 20px; border: 10px solid #529a9f; border-radius:10px; position:absolute; top:30px; display: none; z-index: 99999999 ; background:#fff}
#modal-content-innar{margin:0 auto;/* width:80%;*/}
#modal-overlay {z-index: 99999998 ; display: none ; position:fixed ; top:0 ; left:0 ; width:100% ; height:120% ; background-color: rgba( 0,0,0, 0.75 ) ;}
 
#modal-content h2{text-align:center; margin:0px auto 30px}
#modal-content ul{overflow:hidden;width: 740px;margin: 0 auto;}
#modal-content ul li{float:left;width:350px;margin: 0 10px; text-align:center}
#modal-content ul li:last-child{float:left;width:700px;margin: 50px 20px 0; text-align:center}
#modal-content ul li:last-child div{width:330px; display:inline-block}
#modal-content ul li:last-child h3{display:inline;}
#modal-content ul li:last-child img{}
#modal-content ul li:last-child p{width: 310px;float:right;margin: 80px 0;}
#modal-content ul li h3{display:block}
#modal-content ul li p{background:#eee; border-radius:5px; padding:10px 20px; text-align:left; line-height:1.5em}
#modal-content p{margin:0 auto}
#modal-close{text-align:right; display:block}


.button-link {color: #00f ;text-decoration: underline ;}
.button-link:hover {cursor: pointer ; color: #f00 ;}


/*●Menuctg*/
#Menuctg{width:950px; margin-bottom:100px; overflow:hidden; margin-top:50px; position:relative}
.update{position:absolute; top:0; right:150px}
#Menuctg h2{border:none; text-align:center; margin-top:40px}
.petmenuBox{float:left; width:230px}
.ac-content{padding:20px 40px; border-radius:20px; background:#fff; margin:30px 30px; overflow:hidden}
.ac-content div{width:230px; margin:0 60px 0 0; float:left; text-align:center}
.ac-content div:last-child{margin:0;}
.ac-content h3{ font-size:16px; font-weight:bold}
.ac-content a{display:block}
.ac-content a:hover{text-decoration:none}
.btnac{text-align:center}
.ac-content ul{ list-style-type:none; list-style:none; padding:0;}
.ac-content ul li{border-bottom:2px #ccc dashed; padding:15px 20px; font-size:16px; text-align:center; font-weight:bold; letter-spacing:0.1em}
.ac-content ul.att,
.ac-content ol.att{font-size:13px; margin-bottom:30px}

.ac-content a.spOnly{display:none}

/*●ctgCnt　*/
.itemctg_new{margin:30px auto 50px; }
.itemctg_new ul.itemCnt{margin:0 19px;}
.itemctg_new ul.itemCnt li{padding:0 0 30px; width:188px; position:relative}
.itemctg_new ul.itemCnt li img{width:188px}
.itemctg_new ul.itemCnt p{margin-top:10px; font-size:14px; line-height:20px; text-align:left} 
.itemctg_new ul li.dogcat span{width:64px; height:64px; position:absolute; bottom:30px; right:0; border-radius:32px; z-index:999998;
  overflow: hidden; text-indent: 100%; white-space: nowrap;} 
.itemctg_new ul li.dog span{width:64px; height:64px; position:absolute; bottom:30px; right:0; border-radius:32px; z-index:999998;
  overflow: hidden; text-indent: 100%; white-space: nowrap;} 
.itemctg_new ul li.cat span{width:64px; height:64px; position:absolute; bottom:30px; right:0; border-radius:32px; z-index:999998;
  overflow: hidden; text-indent: 100%; white-space: nowrap;} 
.itemctg_new ul li.mot span{width:64px; height:64px; position:absolute; bottom:30px; right:0; border-radius:32px; z-index:999998;
  overflow: hidden; text-indent: 100%; white-space: nowrap;} 
.itemctg_new ul li.dogcat mark{background:#51ade2; border-radius:3px; padding:2px 5px; position:absolute; top:5px; right:5px; font-size:10px; color:#fff; z-index:999999}
.itemctg_new ul li.dog mark{background:#0fb9e9; border-radius:3px; padding:2px 5px; position:absolute; top:5px; right:5px; font-size:10px; color:#fff; z-index:999999}
.itemctg_new ul li.cat mark{background:#39e28a; border-radius:3px; padding:2px 5px; position:absolute; top:5px; right:5px; font-size:10px; color:#fff; z-index:999999}
.itemctg_new ul li.mot mark{background:#92cc46; border-radius:3px; padding:2px 5px; position:absolute; top:5px; right:5px; font-size:10px; color:#fff; z-index:999999}
.itemctg_new ul li mark.newicon{background:#fff95a; border-radius:6px; padding:2px 10px; position:absolute; top:5px; right:5px; font-size:14px; color:#000; z-index:999999}

.itemctg{margin:30px auto 80px;} 
.itemctg ul li{ position:relative}
.itemctg ul.itemCnt img.itemImg{width:200px; border-radius:100px} 
.itemctg ul.itemCnt p{margin-top:10px; font-size:14px; line-height:20px; text-align:center} 
.itemctg ul.itemCnt a p{text-decoration:underline}
.itemctg ul li mark.newicon{background:#fff95a; border-radius:6px; padding:2px 10px; position:absolute; top:5px; left:5px; font-size:14px; color:#000; z-index:999999}

.itemctg_new h2,.itemctg h2{background:#c9e7ef; padding:20px 0; text-align:center; font-size:2.0em; font-weight:bold; margin-bottom:10px;}

/*●brandctg*/
#brandctg{margin-bottom:50px}
#brandctg h2{margin:0 auto; text-align:center}
#brandctg div{background:#f0f0f0; padding:30px ;}
#brandctg ul{background:#fff; border-radius:20px; overflow:hidden; padding:20px 35px}
#brandctg ul li{float:left; border-right:1px dashed #ccc; border-bottom:1px dashed #ccc; padding:0 15px}
#brandctg ul li:nth-child(4n){border-right:none;}
#brandctg ul li:nth-child(4n):nth-child(odd){border-bottom:none;}
#brandctg ul li.noline{border-bottom:none;}













/* ///////////////////////////////


ペットイベント用

PC用

///////////////////////////////
*/



dl.att{margin:90px auto; width:790px; border:1px solid #ccc; padding:20px}
dl.att dt{font-size:16px; font-weight:bold; margin:0 0 20px}
dl.att dd{font-size:14px; font-weight:500; margin:0 0 10px}


















/*ブロックごとに現れる 用*/
.animate_item{position: absolute; top: 0; left: 0;z-index:996;opacity:0;}
.animate_item.fadeIn{-webkit-animation-duration: 2.4s; animation-duration: 2.4s; -webkit-animation-fill-mode: both; animation-fill-mode: both;
-webkit-animation-name: fadeIn; animation-name: fadeIn; z-index:997;}
.animate_item.fadeOut{ -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both;
-webkit-animation-name: fadeOut; animation-name: fadeOut; z-index:996;}

@-webkit-keyframes fadeIn{
	from{opacity: 0;}
	to{opacity: 1;}
}
@keyframes fadeIn{
	from{opacity: 0;}
	to{opacity: 1;}
}
@-webkit-keyframes fadeOut{
	from{opacity: 1;}
	to{opacity: 0;}
}
@keyframes fadeOut{
	from{opacity: 1;}
	to{opacity: 0;}
}
.movebox{transition: 0.8s; opacity: 0; transform: translate(0,60px); -webkit-transform: translate(0,60px); }
.moveboxon{opacity: 1.0; transform: translate(0,0); -webkit-transform: translate(0,0);}

@keyframes fadein {
from {opacity:0;}
to {}
}