@charset "utf-8";
/* CSS Document */

body {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-color:#FFC;
}

body p {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.container {
	width:1000px;
	margin:0 auto;
	background-color:#FFF;
}

#line {
	background-image:url(../images/topline.png);
	height:21px;
	background-repeat:repeat-x;
}

#header {
	border:2px solid #adadad;
	border-top:none;
	border-radius:0 0 10px 10px;
	padding:10px;
}

#menu {
	padding-left:15px;
	padding-top:10px;
	padding-bottom:10px;
}

#menu li {
	float:left;
	padding-left:15px;
}

#line2 {
	height:7px;
	background-image:url(../images/line2.png);
	background-repeat:repeat-x;
}

#fline {
	height:13px;
	background-image:url(../images/lineunder.png);
	background-repeat:repeat-x;
	line-height:0;
}
.midashi {
	font-weight:bold;
	font-size:26px;
	padding-left:10px;
	padding-top:10px;
	color:#595959;
}
.midashi2 {
	font-weight:bold;
	font-size:26px;
	padding-left:10px;
	padding-top:20px;
	color:#595959;
}

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

	トリミング

+++++++++++++++++++++*/

#table td {
	font-size:14px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding:7px;
	font-weight:bold;
}

#table {
	color:#4b4b4b;
	border:2px solid #999;
	border-radius:10px;
	width:690px;
	padding-top:10px;
	padding-bottom:10px;

}

#table .one {
	font-size:16px;
}

#table .two {
	border-right:#CCC 2px solid;
}

.text p {
	color:#595959;
}


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

	ペットホテル

+++++++++++++++++++++*/
#list {
	padding-top:20px;
}

#list li {
	float:left;
	padding-bottom:20px;
	padding-left:30px;
}

#ichiji {
	background-image:url(../images/00hotel8.png);
	width:705px;
	height:306px;
	background-repeat:no-repeat;
	margin-top:40px;
}

.text10 {
	width:420px;
}

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

	鹿肉フード

+++++++++++++++++++++*/
#table2 {
	color:#4b4b4b;
	width:690px;
	padding-top:10px;
	padding-bottom:10px;

}

#table2 td {
	font-size:16px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding:5px 20px;
	font-weight:bold;
}

#table2 .one {
	width:125px;
}

#okashi li {
	width:200px;
	float:left;
	font-size:12px;
	text-align:center;
	margin-left:25px;
	margin-top:20px;
	margin-bottom:5px;
}

#okashi img {
	width:200px;
	height:auto;
}

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

	アクセス

+++++++++++++++++++++*/
.access li {
	border-bottom:1px dashed #666666;
	padding-bottom:5px;
	margin-bottom:5px;
	width:95%;
	padding-left:10px;
	color:#010101;
	font-size:14px;
}

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

	フード

+++++++++++++++++++++*/
#width {
	width:96%;
}

.clearfix:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}

.clear {
	clear:both;
}


/* PC用
------------------------------------------------------------*/
@media only screen and (min-width: 960px){



#left {
  width:240px;
  float:left;
  margin-left:14px;
}

.box {
  border:2px solid #adadad;
  border-radius:10px;
  padding:10px 5px;
  width:220px;
}

.box img {
  text-align:center;
}

#right {
  float:right;
  width:726px;
  margin-right:14px;
}

.w350 {
	width:350px;
}



.pc_none {
	display:none;
}


.aaa a {
	text-decoration:none;
	color:#000;
}


}


@media only screen and (max-width:959px){
.container {
	width:96%;
	overflow:hidden;
}

#header .f-left {
	float:left;
}
#header .f-right {
	float:right;
	padding-top:10px;
}

#main img {
	width:100%;
	height:auto;
}


#left {
  margin-left:14px;
}

.box {
  border:2px solid #adadad;
  border-radius:10px;
  padding:10px 5px;
}

.box img {
}

#right {
	padding-top:20px;
}

.w350 {
}

.center {
	text-align:center;
}

.sppt-10 {
	padding-top:10px;
}

.sppt-20 {
	padding-top:20px;
}

.plr14 {
	padding-left:14px;
	padding-right:14px;
}

.midashi {
	font-weight:bold;
	font-size:22px;
	padding-left:14px;
	padding-right:14px;
	padding-top:10px;
	color:#595959;
}
.midashi2 {
	font-weight:bold;
	font-size:22px;
	padding-left:14px;
	padding-right:14px;
	padding-top:20px;
	color:#595959;
}

#face iframe {
	width:100%;
	height:auto;
	padding-top:20px;
}


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

	トリミング

+++++++++++++++++++++*/

#table {
	width:99%;
	padding-left:14px;
	padding-right:14px;

}

#table .one {
	font-size:16px;
	width:20%;
}

#table .two {
	width:10%;
}

#table .three {
	width:10%;
}

.bbb {
	text-align:center;
	font-size:16px;
	font-weight:bold;
	padding-top:10px;
}

.text p {
	color:#595959;
	font-weight:bold;
	font-size:16px;
}

#list li {
	padding-left:0;
	width:50%;
	text-align:center;
}

#list li img{
	width:80%;
	height:auto;
}


#ichiji {
	display:none
}

.text10 {
	width:100%;
}

.pc_none {
	display:block;
}
/**********************

	鹿肉フード

+++++++++++++++++++++*/
#table2 {
	width:99%;

}

#table2 td {
}

#table2 .one {
	width:60%;
}

#okashi li {
	width:33%;
	float:left;
	text-align:center;
	margin-left:0;
	margin-top:20px;
	margin-bottom:5px;
}

#okashi img {
	width:90%;
	height:auto;
}

#okashi .t-red {
	color:#F00;
	font-weight:bold;
}

.img img {
	width:100%;
	height:auto;
}

.map iframe {
	width:100%;
	height:230px;
}
.map2 iframe {
	width:100%;
	height:230px;
}
}


/* スマートフォン 横(ランドスケープ) */
@media only screen and (max-width:640px){

.sp14 {
	padding-left:14px;
	padding-right:14px;
}
p,li {
	font-size:12px;
}
.container {
	width:96%;
	margin:0 auto;
	overflow:hidden;
}
#h1 {
	font-size:9px;
}

.pc_none {
	display:block;
}

.sp_none {
	display:none;
}

#header .f-left {
	float:none;
	text-align:center;
}
#header .f-right {
	float:none;
	padding-top:10px;
	text-align:center;
}


#menu {
	padding-left:0;
	padding-top:10px;
	padding-bottom:10px;
}

#menu li {
	float:left;
	padding-left:0;
	width:50%;
	text-align:center;
}


#list li {
	float:none;
	padding-left:0;
	width:100%;
	text-align:center;
}

#list li img{
	width:60%;
	height:auto;
}
#okashi li {
	width:50%;
	float:left;
	text-align:center;
	margin-left:0;
	margin-top:20px;
	margin-bottom:5px;
}

#okashi img {
	width:90%;
	height:auto;
}

#okashi .clear {
	clear:none;
}
.ccc {
	clear:both;
}


}


/* スマートフォン 縦(ポートレート) */
@media only screen and (max-width:480px){
.container {
	width:100%;
}

.img480 img{
	width:100%;
	height:auto;
}


#menu {
	padding-left:0;
	padding-top:10px;
	padding-bottom:10px;
}

#menu li {
	float:left;
	padding-left:0;
	width:50%;
	text-align:center;
}
#menu li img{
	width:80%;
	height:auto;
}



}