body {
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
	font-size: 16px;
 	line-height: 2em;
	font-weight: bold;
	color: #444;
	text-align: center;
}

a {
  	text-decoration: none !important;
}

a:hover{
	opacity:0.5;filter:alpha(opacity=50);cursor:pointer;
}

.mainImg {
  width: 797px;
  height: auto;
  margin: 0 auto 60px;
  /* margin: 50px auto 60px; */

}

.mainImg img {
  width: 100%;
	
}

#kitties{
	margin: 0 auto;
	max-width: 1000px;
}

#kitties article{
	margin-bottom: 60px;
}

#kitties h3 img{
	display: block;
	margin: 0 auto 30px;
	height: 42px;
	object-fit: contain;
}

#kitties ul{
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	justify-content: space-between;
	width: 100%;
}

#kitties ul li {
	width: 48%;
	margin-bottom: 10px;
}

#kitties dl{
	background-color: #e2f2ff;
	/*width: 760px;*/
	width: 900px;
	display: flex;
	flex-wrap: wrap;
	border-radius: 20px;
	padding: 40px 0 30px 40px;
	box-sizing: border-box;
	margin: 60px auto 10px;
}

#kitties dt {
	background-color: #47afff;
	color: #fff;
	border-radius: 15px;
	width: 80px;
	height: 30px;
	/*margin-bottom: 20px;*/
	margin-bottom: 40px;
	line-height: 30px;
}

#kitties dd {
 	/*width: 250px;*/
	width: 320px;
	text-align: left;
	margin-left: 10px;
	line-height: 1.8em;
}


#kitties dd span {
	display: block;
	font-size: 12px;
	line-height: 1.6em;
}

.yoyakubtn{ max-width: 500px;}

/*スライダー*/
.slider_Box {
  position: relative;
  width: 100%;
  height: 250px;
  background-image: url(../sliderNyan.png);
  /* background-image: url(../slider.png); */
  background-repeat: repeat-x;
  /*background-size: 2295px;*/
  background-size: 1530px;
  background-position: 0 0;
  animation-name: slide_img;
  animation-duration: 200s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  margin-bottom: 90px;
}
@keyframes slide_img {
  100% {
    background-position: -10000px 0;
  }
}

@media only screen and (min-width: 960px){
.pcNone{ display:none;}
}


.text12{ font-size: 12px;}
.pink{color: #FF75A9;}

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

tablet-Layout

**********************************************************************/
@media screen and (min-width:768px) and ( max-width:959px){
.tbNone{ display:none;}
}

@media only screen and (max-width:959px){
	
#kitties{
	max-width: 90%;
}
.mainImg {
	width: 90%;
}
	
#kitties dl{
	width: 100%;
	padding: 40px 40px 20px 40px;
}

#kitties dt {
	color: #fff;
	border-radius: 15px;
	width: 20%;
	height: 30px;
	margin-bottom: 20px;
	line-height: 1.8em;
}

#kitties dd {
 	width: 75%;
	text-align: left;
	margin-left: 10px;
	line-height: 1.8em;
}

/*#kitties dd span {
	display: inline;
}*/

.yoyakubtnDog{ max-width: 100%;}
	
}


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

SP-Layout

**********************************************************************/
@media screen and (max-width: 767px) { 
.spNone{ display: none;}
	
#kitties{
	max-width: 90%;
}
	
.mainImg {
	width: 100%;
}

#kitties h3 img{
	height: auto;
	width: 100%;
	}
	
#kitties ul{
	display: block;
}

#kitties ul li {
	width: 100%;
	margin-bottom: 40px;
}
	
#kitties dl{
	width: 100%;
	display: flex;
	flex-wrap: block;
	/*padding: 40px 40px 20px 40px;*/
	padding: 30px 30px 20px 30px;
}
	
#kitties dt {
	width: 100%;
	height: auto;
	padding: 5px 0;
	border-radius: 20px;
	margin-bottom: 10px;
	}
	
#kitties dd {
	width: 100%;
	margin-bottom: 20px;
	margin-left: 0;
	text-align: center;
	}
	
#kitties dd span {
	display: block;
}

/*スライダー*/
.slider_Box {
	/* height: 180px; */
	height: 192px;
	background-size: 1200px;
}

.yoyakubtn{ max-width: 100%;}


}

.txtYoyaku{ font-size: 20px; font-weight: bold; color: #FF75A9; margin-bottom: 20px;}