@charset "utf-8";

#is-wrapper a{
	outline:none;
	text-decoration: none;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	}
	
.clearfix:after {
	content: ".";  
    display: block;  
    visibility: hidden;  
    height: 0.1px;  
    font-size: 0.1em;  
    line-height: 0;  
    clear: both; 
	}

#is-wrapper {
	width: 760px;
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size: 14px;
	margin: 0px;
	padding: 0px 0px 1px 0px;
	letter-spacing: .1em;
	word-break: break-all;
	text-justify: inter-ideograph;
	background-image: url(images/pet_back_01.jpg);
	background-repeat: repeat;
	border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	}
	
#is-wrapper h2,#is-wrapper h3,#is-wrapper h4,#is-wrapper p{
	margin: 0px;
	}
	
#pet_title{
	text-align: center;
	padding: 20px;
	animation: pet_title 3s ease-out infinite;
	transform-origin: 50% 50%;
	}
	
@keyframes pet_title {
	0% { transform: scale(1) }
	8.33333% { transform:scale(.9) rotate(-8deg) }
	16.66667% { transform:scale(.9) rotate(-8deg) }
	25% { transform:scale(1.1) rotate(8deg) }
	33.33333% { transform:scale(1.1) rotate(-8deg) }
	41.66667% { transform:scale(1.1) rotate(8deg) }
	50% { transform:scale(1.1) rotate(-8deg) }
	58.33333% { transform:scale(1.1) rotate(8deg) }
	66.66667% { transform:scale(1) rotate(0) }
	100% { transform:scale(1) rotate(0) }
	}
	
#petcontents{
	background-image: url(images/pet_back_02.jpg);
	background-repeat: repeat;
	text-align: center;
	padding: 0px 0px 1px 0px;
	margin: -230px 30px 30px 30px;
	border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	box-shadow:0px 0px 10px 1px #2a4400;
	-moz-box-shadow:0px 0px 10px 1px #2a4400;
	-webkit-box-shadow:0px 0px 10px 1px #2a4400;
	}
	
.pet_headPic{
	margin: -20px auto;
	}
	
.pet_description{
	padding: 240px 0px 15px 0px;
	}

.pet_btn01, .pet_btn01:link, .pet_btn01:visited,
.pet_btn02, .pet_btn02:link, .pet_btn02:visited {
	width: 500px;
	border: 4px solid #fff;
	border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	margin: 20px auto;
	box-shadow:0px 3px 10px -2px #412916;
	-moz-box-shadow:0px 3px 10px -2px #412916;
	-webkit-box-shadow:0px 3px 10px -2px #412916;
	}

.pet_btn01, .pet_btn01:link, .pet_btn01:visited {
	background-image: url(images/pet_back_04.jpg);
	background-repeat: repeat;
	}
	
.pet_btn02, .pet_btn02:link, .pet_btn02:visited {
	background-image: url(images/pet_back_05.jpg);
	background-repeat: repeat;
	}

.pet_btn01:hover, .pet_btn01:focus, .pet_btn01:link:hover, .pet_btn01:link:focus, .pet_btn01:visited:hover, .pet_btn01:visited:focus,
.pet_btn02:hover, .pet_btn02:focus, .pet_btn02:link:hover, .pet_btn02:link:focus, .pet_btn02:visited:hover, .pet_btn02:visited:focus {
  -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
          transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
  -webkit-animation: gelatine 0.5s 1;
          animation: gelatine 0.5s 1;
	}

@-webkit-keyframes gelatine {
  from,to {
    -webkit-transform: scale(1, 1);
  }
  25% {
    -webkit-transform: scale(0.9, 1.1);
  }
  50% {
    -webkit-transform: scale(1.1, 0.9);
  }
  75% {
    -webkit-transform: scale(0.95, 1.05);
  }
  from,to {
    -webkit-transform: scale(1, 1);
  }
  25% {
    -webkit-transform: scale(0.9, 1.1);
  }
  50% {
    -webkit-transform: scale(1.1, 0.9);
  }
  75% {
    -webkit-transform: scale(0.95, 1.05);
  }
}
@keyframes gelatine {
  from,to {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  25% {
    -webkit-transform: scale(0.9, 1.1);
    transform: scale(0.9, 1.1);
  }
  50% {
    -webkit-transform: scale(1.1, 0.9);
    transform: scale(1.1, 0.9);
  }
  75% {
    -webkit-transform: scale(0.95, 1.05);
    transform: scale(0.95, 1.05);
  }
  from,to {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  25% {
    -webkit-transform: scale(0.9, 1.1);
    transform: scale(0.9, 1.1);
  }
  50% {
    -webkit-transform: scale(1.1, 0.9);
    transform: scale(1.1, 0.9);
  }
  75% {
    -webkit-transform: scale(0.95, 1.05);
    transform: scale(0.95, 1.05);
  }
}

.pet_menu{
	background-image: url(images/pet_back_03.jpg);
	background-repeat: repeat;
	text-align: left;
	padding: 20px;
	margin: 20px;
	border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	}
	
.pet_menu ul{
	list-style-type: none;
	padding: 0px;
	color: #3e3a39;
	font-size: 1.1em;
	}
	
.pet_menu_red{
	color: #ea6d80;
	font-weight: 900;
	font-size: 1.3em;
	border-left-width: 6px;
	border-left-style: solid;
	border-left-color: #ea6d80;
	padding-left: 5px;
	}
	
.pet_menu ul a{
	color: #ea6d80;
	font-weight: 900;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	}
	
.pet_menu ul a:hover{
	text-decoration: underline !important;
	color: #59c3e1;
	}
	
#pet_postlist{
	color: #fff;
	font-size: 2em;
	text-align: center;
	font-weight: 900;
	padding: 20px 0px 0px 0px;
	-moz-text-shadow: 0px 2px 7px rgba(42, 68, 0, 0.9);
	-webkit-text-shadow: 0px 2px 7px rgba(42, 68, 0, 0.9);
	-ms-text-shadow: 0px 2px 7px rgba(42, 68, 0, 0.9);
	text-shadow: 0px 2px 7px rgba(42, 68, 0, 0.9);
	}
	
#pet_photoList{
	padding: 15px 15px 30px 15px;
	width: 700px;
	margin: 0px auto;
	}
	
.pet_photoSub{
	background-image: url(images/pet_back_05.jpg);
	background-repeat: repeat;
	width: 159px;
	height: 260px;
	margin: 4px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	overflow: hidden;
	border: 4px solid #fff;
	float: left;
	box-shadow: 0px 0px 6px 1px #2a4400;
	-moz-box-shadow: 0px 0px 6px 1px #2a4400;
	-webkit-box-shadow: 0px 0px 6px 1px #2a4400;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	}
	
/*a .pet_photoSub{
	-moz-column-width: 160px;
	-webkit-column-width: 160px;
	column-width: 160px;
	-moz-column-count: 5;
	-webkit-column-count: 5;
	column-count: 5;
	-moz-column-gap: 7px;
	-webkit-column-gap: 7px;
	column-gap: 7px;
	}*/
	
.pet_photoSub:hover{
	background-image: url(images/pet_back_04.jpg);
	background-repeat: repeat;
	box-shadow:0px 3px 12px 5px #2a4400;
	-moz-box-shadow:0px 3px 12px 5px #2a4400;
	-webkit-box-shadow:0px 3px 12px 5px #2a4400;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	}
	
.contain{
	position:relative;
	width: 159px;
	height: 159px;
	overflow: hidden;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	-webkit-border-top-left-radius: 6px;  
    -webkit-border-top-right-radius: 6px;  
    -moz-border-radius-topleft: 6px;  
    -moz-border-radius-topright: 6px;  
	}
	
.contain img{
	position: absolute;
	width: auto;
	height: 135%;
	min-width: 50%;
	min-height: 50%;
	left: 50%;
	top: 50%;
	-webkit-transform: translate3d(-50%, -50%, 0);
			transform: translate3d(-50%, -50%, 0);
	}
	
/*.contain{
	display: inline-block;
    background-color: #ea6d80;
    background-position: center center;
    background-repeat: no-repeat;
    width: 159px;
    height: 159px;
    background-size: cover;
	}*/
	
.pet_name{
	font-weight: 900;
	}
	
.pet_name,.pet_introduction{
	color: #fff;
	padding: 5px;
	}