@charset "utf-8";

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

html,body,#header{
margin:0;
padding:0;
width:100%;
/* background: #fff3c1; */
}


.bg_search_price{
	background: url(../search/img/bg_search_price02.png)!important;
}






a{
	text-decoration: none;
	color: #111;
}

a > img{
	transition: ease-in-out 0.6s;
	-webkit-transition: ease-in-out 0.7s;
}
a > img:hover{
	opacity: 0.6;
	transition: ease-in-out 0.6s;
	-webkit-transition: ease-in-out 0.6s;
}


#whole {
	width:100%;
	height:100%;
	position: relative;
	overflow:hidden;
}
#header {
overflow: hidden;
margin: 30px auto 0 auto;
width: 960px;
}



h1{
	float: left;
	font-size: 18px;
}





/*共通の見出し*/


h3.title01{
	/*width: 100%;*/
	    margin: 0 auto;
	    font-size: 18px;
	    font-weight: bold;
	    border-bottom: 2px #dbad88 solid;
	    background: #906c4b;
	    color: #ffffff;
	    padding: 10px 10px 10px 20px;
	    border-radius: 10px;
}


h3.title02{
	width: 100%;
	margin: 0 auto;
	font-size: 14px;
	font-weight: bold;
	color: #906c4b;
	border-bottom: 1px #dc9100 solid;
}


h3.title03{
	width: 100%;
	font-size: 18px;
	font-weight: bold;
	border-bottom: 2px #159ff7 solid;
	border-left: 30px #0783d2 solid;
	padding: 0 0 0 20px;
    color: #222;
}











/*共通の見出しend*/









.top_sentence{
float: left;
font-size: 13px;
margin: 0 0 0 200px ;
}





#main_visual{
width: 80%;
height: auto;
clear: both;
margin: 0 auto 0 auto;
z-index: 1;
    position: relative;
}


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

#top_contents{
width: 950px;
height: auto;
margin: 0 auto 0 auto;
    position: relative;
}

#contents{
width: 950px;
	min-height: 712px;
margin: 0 auto 0 auto;
    position: relative;
}

#contents03{
width: 950px;
margin: 0 auto 0 auto;
    position: relative;
}


#contents_search_price{
	width: 950px;
	height: auto;
	margin: 0 auto 0px auto;
	position: relative;
	background: #fefaec;
}



#search_box{
    overflow: hidden;
    background: #fff;
    border-radius: 10px;
    padding: 10px 0 0 30px;
}

#search_box li{
	display: table-cell;
	padding: 5px;
}



#search_area{
width: 100%;
height: auto;
margin: 0 auto 0 auto;
clear: both;
}



#content1{
	overflow: hidden;

}


#content1 h3{
overflow: hidden;
margin: 25px 0 0 0;
padding: 0;}





#left_area{
width: 69%;
height: auto;
float: left;
}


#right_area{
	width: 30%;
	height: auto;
	float: left;
}








#left_box{
float: left;
border-radius: 10px;
width: 620px;
padding: 0px 15px 5px 0px;
height: auto;
margin: 0px 0 0 0;
}



#bnr_area01{
width: 100%;
height: auto;
margin: 0 0 0 0x;
padding: 15px 15px 7px 15px;
background:#fff;
border-radius: 10px;
}

#bnr_area01 li{
width: 100%;
height: auto;
margin: 0 0 5px 0px;
list-style: none;
}

#bnr_area01 li a{
margin: 0;
padding: 0;
}


#left_box img{
padding:  0 0 0px 0 ;
margin: 0 0 0 0;
}


#right_box{
	float: left;
	background: #fff;
	border-radius: 10px;
	width: 250px;
	padding: 15px 15px 5px 15px;
	height: auto;
	margin: 65px 0 0 15px;
	list-style: none;
}

#right_box li{
margin: 0px 0 0px 0px;
padding: 0;
}

#right_box li a{
margin: 0px 0 0px 0px;
padding: 0;
}




#content2{
	overflow: hidden;

}



.news00{
	padding: 15px;
	background: #fff;
	width: 624px;
	margin: 30px 0 30px;
	/* border-radius: 10px; */
	border: 1px #757575 solid;
}
.news00 > h2{
	width: 100%!important;
	height: auto!important;
	margin: 0 0 10px 0;
}

.news00 > div{

}




#left_box2{
float: left;
width: 650px;
height: auto;
margin: 5px 0 0 0;
}






.news1{
	float: left;
	width: 315px;
margin: 0 20px 0 0px;
}

.news1 h3{
	overflow: hidden;
margin: 25px 0 0 0;
padding: 0;
width:300px;
height: auto;
}



.news1 dl{
	background: #fff;
	border-radius: 10px;
	padding:15px 0px 15px 15px;
	overflow: hidden;
	height: auto;
  min-height: 55px;
}





.news1 dt{
float: left;
clear: both;
margin: 0 10px 0 0;
}


.news1 dd{
font-size: 0.9em;
float: left;
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
 -webkit-text-overflow: ellipsis;
 -o-text-overflow: ellipsis;
width: 220px;
}


.news2{
	float: left;
	width: 315px;
margin: 0 0 0 0px;
}

.news2 h3{
	overflow: hidden;
margin: 25px 0 0 0;
padding: 0;
width:300px;
height: auto;
}



.news2 dl{
	background: #fff;
	border-radius: 10px;
	padding: 15px 0px 15px 15px;
	overflow: hidden;
	height: auto;
  min-height: 55px;
}

.news2 dt{
float: left;
clear: both;
margin: 0 10px 0 0;
}


.news2 dd{
font-size: 0.9em;
float: left;
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
 -webkit-text-overflow: ellipsis;
 -o-text-overflow: ellipsis;
 width: 220px;
}




#right_box2{
float: left;
border-radius: 10px;
width: 250px;
height: auto;
margin: 25px 0 0 20px;
list-style: none;
}


#right_box2 li{
margin: 0;
padding: 0;
}




















#content3{
	overflow: hidden;

}





#left_box3{
float: left;
width: 650px;
height: auto;
margin: 25px 0 0 0;
}




.dog_area{
background: #fff;
border-radius: 10px 10px 0px 0px;
padding: 20px 0px 20px 20px;
overflow: hidden;
}


.dog_area h4{
display: inline-block;
margin: 0 0 0 100px;
vertical-align: middle;
}



#bt_cat{
margin: 0 0 0 35px;
padding: 0;
display: inline-block;
vertical-align: middle;
}


.dog_area table{
clear: both;
}

.dog_area table tr{
width: 100%;
height: auto;
}

.dog_area table td{
width: 140px;
height: auto;
margin: 0 0px 0px 0px;
padding: 0 10px 0 0px;}



.dog_area table td img{
width: 100%;
height: auto;
}






.cat_area{
background: #fff;
border-radius: 0px 0px 10px 10px;
padding: 20px 0px 20px 20px;
overflow: hidden;
}


.cat_area h4{
display: inline-block;
margin: 0 0 0 100px;
vertical-align: middle;
}



#bt_dog{
margin: 0 0 0 35px;
padding: 0;
display: inline-block;
vertical-align: middle;
}


.cat_area table{
clear: both;
}

.cat_area table tr{
width: 100%;
height: auto;
}

.cat_area table td{
width: 140px;
height: auto;
margin: 0 0px 0px 0px;
padding: 0 10px 0 0px;}



.cat_area table td img{
width: 100%;
height: auto;
}








#right_box3{
float: left;
border-radius: 10px;
width: 265px;
height: auto;
margin: 20px 0 0 5px;
list-style: none;
padding: 15px 15px 5px 15px;
}


#right_box3 li{
margin: 0;
padding: 0;
}


#ranking_area{
width: 250px;
height:auto;
background: #fff;
border-radius: 10px;
list-style: none;
padding: 15px 15px 5px 15px;
}


#ranking_area li{

}

#ranking_area dl{
margin: 0 0 20px 0;
}


#ranking_area dt{
width: 112px;
height: auto;
display: inline-block;
}

#ranking_area dd{
width: 112px;
height: auto;
display: inline-block;
font-size: 10px;
vertical-align: top;
margin: 0 0 0 10px;
}

#ranking_area dt img{
display: block;
}

.name_in_ranking{
font-size: 14px;
}



.intro_text span.magazine01{
	font-size: 13px;
  color: #000;
  font-weight: bold;
  width: 100%;
}

.intro_text > a{
	font-size: 13px;
	    color: #e3301a;
	    font-weight: bold;
	    display: inline-block;
	    width: 100%;
}

.intro_text > a:hover{
border-bottom: 1px #e3301a solid;
}

.intro_text > a::before{
	width: 0;
	height: 0;
	border-top: 4px solid transparent;
	border-right: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-left: 7px solid #e3301a;
	content: "";
	display: inline-block;
	vertical-align: middle;
}








.intro_text > .anchor01{
	font-size: 15px;
	color: #e3301a;
	font-weight: bold;
	display: inline-block;
	width: 50px;
	text-align: center;
}

.intro_text > .anchor01:hover{
border-bottom: none;
}

.intro_text > .anchor01::before{
	width: 0;
	height: 0;
	border-top: 4px solid transparent;
	border-right: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-left: 7px solid #e3301a;
	content: "";
	display: none;
	vertical-align: middle;
}



/*トップページここまで*/









/*下層共通*/


/*テーブル*/
#table01{
	border-collapse: collapse;
}

#table01 th{
	width: 160px;
	height: auto;
	font-size: 14px;
	background: #faebaa;
	border-radius: 10px;
	text-align: center;
	padding: 25px 0 25px 0px;
	margin: 5px;
	border: #fff 3px solid;
}

#table01 td{
	width: 445px;
	height: auto;
	font-size: 14px;
	background: #fdf7dd;
	border-radius: 10px;
	padding: 10px 0 10px 20px;
	margin: 5px;
	border: #fff 3px solid;
}

/*テーブルend*/




















/*下層共通end*/































/*店舗ページ*/


.bg_KV{
	background: url(../img/shop/bg_KV.png);
	    width: 100%;
	    height: 210px;
}

.bg_KV_search_price{
	background: url(../search/img/bg_KV_search_price01.png);
	    width: 100%;
	    height: 210px;
}



#KV{
	width: 950px;
	height: auto;
	margin: 0 auto;
	position: relative;
}

#KV_search_price{
	width: 950px;
	height: auto;
	margin: 0 auto;
	position: relative;
}




#KV .img_kind{
	top: 65px;
	    left: auto;
	    right: 0;
	    position: absolute;
	    z-index: 2;
	    border-radius: 30px;
	    text-align: right;
}
#KV .img_kind img{
	width: 70%;
	 border-radius: 5px;
}




#KV img{
	width: 950px;
	height: auto;
	margin: 0 auto;
	position: relative;
}

#KV h1{
	float: none;
	font-size: 12px;
	position: absolute;
	right: 0;
}


#KV_search_price h1{
	float: none;
	font-size: 12px;
	position: absolute;
	right: 0;
color: #fff;
}




		.include_side_navi{
	    border-radius: 10px;
	    width: 250px;
	    padding: 0px 45px 5px 0px;
	    height: auto;
	    margin: 0;
	    list-style: none;
	    position: absolute;
			z-index: 10;
		}

		.include_side_navi a div img{
			opacity: 1;
			transition: ease-in-out 0.6s;
			-webkit-transition: ease-in-out 0.6s;
		}

		.include_side_navi a div img:hover{
			opacity: 0.6;
			transition: ease-in-out 0.6s;
			-webkit-transition: ease-in-out 0.6s;
		}




#right_content01{
	width: 655px;
	height: auto;
	margin: 0 0 1% 31%;
}


#right_content01 .title_kind{
text-align: center;
}

#right_content01 .title_kind img{
width: ;
}




#right_content03{
	width: 655px;
	height: auto;
	margin: 0 0 1% 31%;
	background: #fff;
border-radius: 10px;
}


#center_content01 {
    width: 660px;
    height: auto;
    margin: 0 auto;
}







#right_content01 h2{
	width: 655px;
	height: auto;
}




#bt_shop_area{

}

#bt_shop_area li{
list-style: none;
    margin: 0 8px 0 0px;
		float: left;
}

#bt_shop_area li:last-child{
    margin: 0;
}


#bt_shop_area li a{

}

#bt_shop_area li a img{

}






#contents02{
	width: 100%;
	height:auto;
	position: relative;
}








#right_content02{
	width: 100%;
	height: auto;
	float: left;
}


/*エリア別*/

#bg_osaka{
	background: #f8e399;
	width: 100%;
	position: relative;
	z-index: 0;
	border-top: 5px #f5aa14 solid;
}

#right_contentOsaka{
	width: 655px;
	    height: auto;
	    margin: 0px auto;
	    padding: 0 0 30px 0;
}

#right_contentOsaka #h3osaka{
	width: 655px;
	height: auto;
	-webkit-text-stroke-color: #fff;
	-webkit-text-stroke-width: 1px;
	color: #f5aa14;
	font-size: 2.5em;
	font-weight: bold;
	border-bottom: 3px #eba520 solid;
	margin: 20px 0 0 145px;
}




#bg_hyogo{
	background: #e5f1d7;
	width: 100%;
	position: relative;
	z-index: 0;
	border-top: 5px #31ad37 solid;
}

#right_contentHyogo{
	width: 655px;
	height: auto;
	margin: 0px auto;
	padding: 0 0 30px 0;
}

#right_contentHyogo #h3hyogo{
	width: 655px;
	height: auto;
	-webkit-text-stroke-color: #fff;
	-webkit-text-stroke-width: 1px;
	font-size: 2.5em;
	font-weight: bold;
	border-bottom: 3px #31ad37 solid;
	margin: 25px 0 0 145px;
}








#bg_nara{
	background: #fdf0ed;
	width: 100%;
	position: relative;
	z-index: 0;
	border-top: 5px #e84018 solid;
}

#right_contentNara{
	width: 655px;
	height: auto;
	margin: 0px auto;
	padding: 0 0 30px 0;
}

#right_contentNara #h3nara{
	width: 655px;
	height: auto;
	-webkit-text-stroke-color: #fff;
	-webkit-text-stroke-width: 1px;
	font-size: 2.5em;
	font-weight: bold;
	border-bottom: 3px #e84018 solid;
	margin: 25px 0 0 145px;
}




















#bg_kanagawa {
	background: #ceeaf4;
	width: 100%;
	position: relative;
	z-index: 0;
	border-top: 5px #2abad5 solid;
}

#right_contentKanagawa{
	width: 655px;
	height: auto;
	margin: 0px auto;
	padding: 0 0 30px 0;
}

#right_contentKanagawa #h3kanagawa{
	width: 655px;
	height: auto;
	-webkit-text-stroke-color: #fff;
	-webkit-text-stroke-width: 1px;
	font-size: 2.5em;
	font-weight: bold;
	border-bottom: 3px #2abad5 solid;
	margin: 25px 0 0 145px;
}















#bg_tokyo{
	background: #cedff3;
	width: 100%;
	position: relative;
	z-index: 0;
	border-top: 5px #2151a3 solid;
}

#right_contentTokyo{
	width: 655px;
	height: auto;
	margin: 0px auto;
	padding: 0 0 30px 0;
}

#right_contentTokyo #h3tokyo{
	width: 655px;
	height: auto;
	-webkit-text-stroke-color: #fff;
	-webkit-text-stroke-width: 1px;
	font-size: 2.5em;
	font-weight: bold;
	border-bottom: 3px #2151a3 solid;
	margin: 25px 0 0 145px;
}





























/*エリア別*/





ul.box_shop_area{
	width: 655px;
	    height: auto;
	    margin: 0 0 0 145px;
	    list-style: none;
}



.box_shop{
	width: 280px;
	height: auto;
	background: #fff;
	border-radius: 10px;
	margin: 15px 15px 0 0%;
	padding: 20px;
	float: left;
	position: relative;
}


.box_shop:nth-child(2n){
margin-right:0!important;
}








/*店舗ボックス共通部分*/

.box_shop h4{
	font-size: 1.4em;
	color: #613218;
	font-weight: bold;
	vertical-align: 1em;
}

.box_shop h4::before{
	content: "";
	background: url(../img/shop/icon_footprint01.png);
	width: 20px;
	height: 20px;
	background-size: contain;
	display: inline-block;
	background-repeat: no-repeat;
	vertical-align: -2px;
	margin: 0 10px 0 0px;
}





.box_shop span.to_shop_detail{
	font-size: 0.9em;
	color: #613218;
	font-weight: bold;
	vertical-align: 1.5em;
	display: block;
	position: absolute;
	top: 5%;
	left: 71.5%;
}

.box_shop span.to_shop_detail::before{
	width: 0;
	height: 0;
	border-top: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 10px solid #613218;
	content: "";
	display: inline-block;
}


.box_shop > img{
	width: 280px;
	height: auto;
	display: block;
	margin: 0px 0 0 0;
}

.adress{
	list-style: none;
	margin: 15px 0 0 0;
}

.adress > li{
	font-size: 0.9em;
	font-weight: bold;
	color: #651700;
}

.in_brackets01{
	font-size: 0.85em;
}



.available{
list-style:none;
	margin: 15px 0 0 0;
}

.available > li{
	font-size: 0.8em;
	font-weight: bold;
	color: #651700;
    float: left;
		margin: 0px 0px 0px 0px;
		padding: 10px 0 10px 0px;
}

.available > li:nth-child(2n){
margin: 0 0 0 0!important;
    float: right;
}









.available > li::before{
	content: "";
	background: url(../img/shop/icon_parking.jpg);
	width: 32px;
	height: 32px;
	background-size: contain;
	display: inline-block;
	background-repeat: no-repeat;
	vertical-align: -10px;
	margin: 0 5px 0 0px;
}


.available > li:nth-child(2)::before{
	background: url(../img/shop/icon_pethotel.jpg);
}

.available > li.icon_off_p:nth-child(2)::before{
	background: url(../img/shop/icon_pethotel_off.jpg);
}

.available > li:nth-child(3)::before{
	background: url(../img/shop/icon_trimming.jpg);
}

.available > li.icon_off_t:nth-child(3)::before{
	background: url(../img/shop/icon_trimming_off.jpg);
}

.available > li:nth-child(4)::before{
	background: url(../img/shop/icon_takecare.jpg);
}

.available > li.icon_off:nth-child(4)::before{
	background: url(../img/shop/icon_takecare_off.jpg);
}


/*店舗ボックス共通部分*/











/*店舗一覧ページここまで*/




















/*店舗詳細ページ*/
#pickup_banner_area{
list-style: none;
    margin: 10px 0 0 0;
}
#pickup_banner_area li{

}

#pickup_banner_area li:last-child{
	margin: 0 0 30px 0;
}


#pickup_banner_area li img{
	margin: 0px auto 12px auto;
	display: block;
}









#right_content03{
	width: 655px;
	/*min-height: 712px;*/
	margin: 0 0 0 29%;
	padding: 10px;
	background: #fff;
}


#right_content03 h2{
	width: 655px;
	height: 60px;
}






.shop_info01{
	    display: block;
width: 100%;
height: auto;
    margin: 0px 0 0 0;
}



#img_shop_detail01{
	width: 295px;
	height: auto;
	float: left;
	border-radius: 15px;
	margin: 10px 0 0 0;

}

#shop_table{
	width: 355px;
	height: auto;
	float: left;
	border-collapse: collapse;
	margin: 10px 0 0 5px;
}

#shop_table th{
	width: 90px;
	height: auto;
	font-size: 14px;
	background: #faebaa;
	border-radius: 10px;
	text-align: center;
	padding: 25px 0 25px 0px;
	margin: 5px;
	border: #fff 3px solid;
}

#shop_table td{
	width: 240px;
	height: auto;
	font-size: 14px;
	background: #fdf7dd;
	border-radius: 10px;
	padding: 10px 0 10px 20px;
	margin: 5px;
	border: #fff 3px solid;
}


.bt_contact_shop_detail{
	width: 237px;
	height: auto;
	margin: 20px 0 0 0;
	position: relative;
	float: right;
}

.bt_contact_shop_detail a{
display: block;
}

.bt_contact_shop_detail a img{

}

#icon_availability{
	float: left;
	list-style: none!important;
	position: relative;
	width: 400px;
	height: auto;
	margin: 20px 0 20px 0;
}


#icon_availability li{
	float: left;
	margin: 0 5px 0 0;
	text-align: center;
	width: 90px;
}

#icon_availability li a{
	display: inline-block;
	width: 66px;
}


.icon_text01{
	/*transition: ease-in-out 0.8s;
	-webkit-transition: ease-in-out 0.8s;*/
  position: relative;
  text-align: left;
}

.icon_text01 a{
	font-size: 11px;
	transition: ease-in-out 1.2s;
	-webkit-transition: ease-in-out 1.2s;
  position: relative;
  text-align: left;
}

.icon_text01 a:hover{
	transition: ease-in-out 1.2s;
	-webkit-transition: ease-in-out 1.2s;
border-bottom: 1px #6d422f solid;
}



.icon_text01::before{
	/*transition: ease-in-out 0.8s;
	-webkit-transition: ease-in-out 0.8s;*/
	width: 0;
height: 0;
border-top: 4px solid transparent;
border-right: 4px solid transparent;
border-bottom: 4px solid transparent;
border-left: 6px solid #6d422f;
content: "";
display: inline-block;
}



.icon_text02 {
	position: relative;
	text-align: left;
	font-size: 11px;
	white-space: nowrap;
	margin: 5px 0 0 0;
}

.icon_text02::before{
	width: 0;
	height: 0;
	border: 2px solid #6d422f;
	content: "";
	display: inline-block;
	border-radius: 100px;
	vertical-align: middle;
}









#icon_availability li figure{
position: relative;
}



#icon_availability li figure figcaption{
font-size:11px;
position: relative;
z-index: 1;
}

.unavailable{
	opacity: 0.2;
}














.amend{
	width: 100%;
	border: 1px #888 solid;
	margin: 0px 0 40px 0;
	overflow: hidden;
	display: block;
}

.amend h3{
	font-size: 16px;
	margin: 10px auto 10px auto;
	width: 35%;
	clear: both;
}

.amend h3::before{
	content:"";
background:url(../img/shop/icon_ex01.png);
background-size: contain;
    display: inline-block;
    background-repeat: no-repeat;
    vertical-align: top;
    margin: 0 10px 0 0px;
		width:20px;
		height:20px;
}


.amend p{
	width: 90%;
	    height: auto;
	    margin: 0 auto 15px;
	    font-size: 14px;
}

.amend span{
	color: #d6341f;
	font-weight: bold;
}



.bt_pet_search{
	width: 573px;
	height: auto;
	margin: 25px auto 20px;
}






.shop_info02{
	    display: block;
width: 100%;
height: auto;
}


.object_book{
	display: block;
	margin: 5% auto 10%;
	width: 60%;
}
.object_book img{
width: 100%;
}




.in_the_shop{
	    display: block;
width: 100%;
height: auto;
}


.in_the_shop li{
	width: 280px;
	float: left;
	margin: 10px 0 0 20px;
	list-style: none;
}

.in_the_shop li:nth-child(1){
	width: 280px;
	float: left;
	margin: 20px 0 0 20px;
	list-style: none;
}

.in_the_shop li:nth-child(2){
	width: 325px;
	float: left;
	margin: 10px 0 0 20px;
	list-style: none;
}

.in_the_shop li img{
	width: 100%;
	height: auto;
	    border-radius: 10px;
}

.in_the_shop li h4{
font-size: 22px;
    border-bottom: 3px #846538 solid;
}

.in_the_shop li .intro_text{
font-size: 12px;
line-height: 18pt;
	margin: 10px 0 0 0;
}









.in_the_shopB{
	display: block;
	width: 88%;
	height: auto;
	margin: 0 auto 40px;
}


.in_the_shopB li{
	width: 280px;
	float: left;
	margin: 10px 0 0 0px;
	list-style: none;
}

.in_the_shopB li:nth-child(1){
	width: 280px;
	float: left;
	margin: 10px 0 0 0px;
	list-style: none;
}

.in_the_shopB li:nth-child(2n){
	width: 280px;
	float: left;
	margin: 10px 0 0 15px;
	list-style: none;
}

.in_the_shopB li img{
	width: 280px;
	    height: auto;
	    border-radius: 10px;
}

.in_the_shopB li.text_area01{
font-size: 22px;
    border-bottom: 3px #846538 solid;
		width: 100%;
}

.in_the_shopB li h4{
font-size: 22px;
    border-bottom: 3px #846538 solid;
}

.in_the_shopB li .intro_text{
font-size: 12px;
line-height: 18pt;
    margin: 20px 0 20px 0;
	}

















.staff_message{
	display: block;
	width: 100%;
	height: auto;
	margin: 10px auto 0 auto;
}


.staff_message li{
	width: 280px;
	float: left;
	margin: 10px 0 0 20px;
	list-style: none;
}

.staff_message li:nth-child(1){
	width: 280px;
	float: left;
	margin: 10px 0 0 20px;
	list-style: none;
}

.staff_message li:nth-child(2){
	width: 325px;
	    float: left;
	    margin: 10px 0 0 20px;
	    list-style: none;
}

.staff_message li img{
	width: 280px;
	height: auto;
	    border-radius: 10px;
}

.staff_message li h4{
font-size: 22px;
    border-bottom: 3px #846538 solid;
}

.staff_message li .intro_text{
	font-size: 12px;
	line-height: 18pt;
	margin: 10px 0 0 0;
}






.AH_registration{
	display: block;
	width: 625px;
	height: auto;
	overflow: hidden;
	margin: 20px auto 40px;
}

.AH_registration h4{
	font-size: 22px;
	margin: 0;
	border-bottom: 3px #846538 solid;
	width: 625px;
}



.AH_registration ul{
	    margin: 5px 0 0 0;
}


.AH_registration li{
	width: 205px;
	    border-bottom: 1px #846538 solid;
	    float: left;
	    margin: 10px 0 0 20px;
	    list-style: none;
	    font-size: 13px;
	    margin: 10px 0 0 0;
}








.bt_trimmer{
	width: 573px;
	    height: auto;
	    margin: 25px auto 20px;
	    clear: both;
}









/*本店*/
.shop_info03{
display: block;
width: 100%;
height: auto;
}


.sp_photo_area{
	width: 100%;
	height: auto;
	margin: 0px 0px 20px 0;
}


.sp_photo_area ul{
	width: 100%;
	height: auto;
	margin: 20px 0px 0 0;
}

.sp_photo_area ul li{
	list-style: none;
	width: 310px;
	height: auto;
	float: left;
	font-size: 12px;
	line-height: 18pt;
}


.sp_photo_area ul li:nth-child(1){
    margin: 0 0 0 15px;
}


.sp_photo_area ul li:nth-child(2){
    margin: 0 0 0 10px;
}



.sp_photo_area ul li figure{

}


.sp_photo_area ul li figure img{
	border: 1px #c3c3c3 solid;
	padding: 5px;
	box-shadow: #c3c3c3 1px 1px 1px;
}

.sp_photo_area ul li figure figcaption{
text-align: center;
}
/*本店　ここまで*/





/*堺浜ここまで*/


.about_point_card{
	font-size: 14px;
	width: 573px;
	height: auto;
	margin: 0 auto 0px;
}


.about_point_card a{
	font-size: 18px;
	color: #e3301a;
	font-weight: bold;
}




.shop_detail_pets_goods{
	display: block;
	width: 88%;
	height: auto;
	margin: 0 auto;
}


.shop_detail_pets_goods li{
	width: 280px;
	float: left;
	margin: 10px 0 0 0px;
	list-style: none;
}

.shop_detail_pets_goods li:nth-child(1){
	width: 280px;
	float: left;
	margin: 10px 0 0 0px;
	list-style: none;
}

.shop_detail_pets_goods li:nth-child(2n){
	width: 280px;
	float: left;
	margin: 10px 0 0 15px;
	list-style: none;
}

.shop_detail_pets_goods li img{
	width: 280px;
	    height: auto;
	    border-radius: 10px;
}

.shop_detail_pets_goods li.text_area01{
font-size: 22px;
		width: 100%;
}

.shop_detail_pets_goods li h4{
font-size: 22px;
    border-bottom: 3px #846538 solid;
}

.shop_detail_pets_goods li .intro_text{
	font-size: 12px;
	    line-height: 18pt;
	    margin: 20px 0 20px 0;
	    height: auto;
	    border-bottom: 3px #846538 solid;
	    padding: 0px 0 5px 0;
	}


#bn_members_card{
	width: 100%;
	height: auto;
	    margin: 0px 0 30px 0;
}

#bn_members_card figcaption{
	font-size: 19px;
	font-weight: bold;
	color: #c93600;
}

#bn_members_card img{
	width: 100%;
	height: auto;
	border-radius: 0px;
}









/*堺浜ここまで*/











.shop_detail_access{
position: relative;
}


.shop_detail_access h3{
	border-bottom: 3px #846538 solid;
	font-size: 22px;
	text-align: center;
	margin: 30px 0 0 0;
}


.shop_detail_access dl{
	width: 460px;
	height: auto;
	margin: 30px 0px 0 160px;
	font-size: 13px;
}


.shop_detail_access dt{
font-weight: bold;
}

.shop_detail_access dd{

}




.car_access dt::before{
	content: "";
	background: url(../img/shop/icon_car.png);
	width: 73px;
	height: 36px;
	background-size: contain;
	display: inline-block;
	background-repeat: no-repeat;
	vertical-align: top;
	margin: 0 10px 0 0px;
	position: absolute;
	left: 70px;
}

.train_access dt::before{
	content: "";
	background: url(../img/shop/icon_train.png);
	width: 73px;
	height: 43px;
	background-size: contain;
	display: inline-block;
	background-repeat: no-repeat;
	vertical-align: top;
	margin: 0 10px 0 0px;
	position: absolute;
	left: 70px;
}

.bus_access dt::before{
	content: "";
	background: url(../img/shop/icon_bus.png);
	width: 73px;
	height: 44px;
	background-size: contain;
	display: inline-block;
	background-repeat: no-repeat;
	vertical-align: top;
	margin: 0 10px 0 0px;
	position: absolute;
	left: 70px;
}






#icon_car{
	position: absolute;
	top: 170px;
	left: 10%;
}


#icon_train{
	position: absolute;
	top: 240px;
	left: 10%;
}


#icon_bus{
	position: absolute;
	top: 315px;
	left: 10%;
}


span.text_red01{
color: #cb1806;
    font-weight: bold;
}



#google_map {
	width: 640px;
	height: 300px;
	position: relative;
	overflow: hidden;
	margin: 30px auto 10px;
}

.google_map iframe,
.google_map object,
.google_map embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}





/*豊中本店*/







/*関東エリア*/

.announce01{
    font-size: 12px;
}

.a_kdc{
color:#FF6600;
font-weight: bold;
    font-size: 1.2em;
}

.a_htp{
color:#FF3399;
font-weight: bold;
    font-size: 1.2em;
}



/*関東エリア*/






/*店舗詳細ページここまで*/












































#fixed_topBt{
    position: fixed;
    z-index: 100;
    -webkit-transition: ease 1s;
    -moz-transition: ease 1s;
    transition: ease 1s;
    top: 90%;
    left: 90%;
    position: fixed;
    width: 100%;
}


#fixed_topBt.show {
    -webkit-transition: ease 1s;
    -moz-transition: ease 1s;
    transition: ease 1s;
    -webkit-transform: translateZ(0);
    top: 80%;
    left: 85%;
    position: fixed;
    width: 90%;
}









/*20170906　検索ページリニューアル用*/
.bt_dog_cat_area{
	width: 640px;
	    margin: 10px auto;
	    display: flex;
}

.bt_dog_cat_area li{
    list-style: none;
    margin: 0 20px 0 0px;
}
.bt_dog_cat_area li:nth-child(2){
    margin-right: 0px;
}


.bt_dog_cat_area li a{

}

.bt_dog_cat_area li a img{

}





.search_input_area{
	width: 640px;
	margin: 0 auto;
}


.search_input_area dl{
	width: 640px;
	display: flex;
    margin: 20px 0 20px 0;
}


.search_input_area dl dt{
	font-weight: bold;
	color: #333;
	width: 22%;
}

.search_input_area dl dd{
font-size: 14px;
}

.search_input_area dl dd input{

}

.search_input_area dl dd label{

}



.search_input_area dl.shop_all{
    margin: 40px 0 20px 0;
	border-top: 1px #936832 dashed;
	padding: 40px 0 0 0;
}



.search_input_area dl.shop_osaka{
	background: #f8e399;
	    margin: 5px 0 5px 0!important;
	    padding: 0px 0 0px 0;
			border-top-left-radius: 8px;
			    border-top-right-radius: 8px;
			    border-bottom-left-radius: 8px;
			    border-bottom-right-radius: 8px;
}
.search_input_area dl.shop_osaka dd{
	padding: 10px 12px 0 0;
	font-size: 14px;
}



.search_input_area dl.shop_hyogo{
background: #e5f1d7;
    margin: 5px 0 5px 0!important;
		padding: 0px 0 0px 0;
		border-top-left-radius: 8px;
				border-top-right-radius: 8px;
				border-bottom-left-radius: 8px;
				border-bottom-right-radius: 8px;
}
.search_input_area dl.shop_hyogo dd{
	padding: 10px 12px 0 0;
	font-size: 14px;
}




.search_input_area dl.shop_nara{
    background: #fdf0ed;
		    margin: 5px 0 5px 0!important;
				padding: 0px 0 0px 0;
				border-top-left-radius: 8px;
						border-top-right-radius: 8px;
						border-bottom-left-radius: 8px;
						border-bottom-right-radius: 8px;
}
.search_input_area dl.shop_nara dd{
	padding: 10px 12px 0 0;
	font-size: 14px;
}





.search_input_area dl.shop_kanagawa{
    background: #ceeaf4;
		    margin: 5px 0 5px 0!important;
				padding: 0px 0 0px 0;
				border-top-left-radius: 8px;
						border-top-right-radius: 8px;
						border-bottom-left-radius: 8px;
						border-bottom-right-radius: 8px;
}
.search_input_area dl.shop_kanagawa dd{
	padding: 10px 12px 0 0;
	font-size: 14px;
}





.search_input_area dl.shop_tokyo{
    background: #cedff3;
		    margin: 5px 0 5px 0!important;
				padding: 0px 0 0px 0;
				border-top-left-radius: 8px;
						border-top-right-radius: 8px;
						border-bottom-left-radius: 8px;
						border-bottom-right-radius: 8px;
}
.search_input_area dl.shop_tokyo dd{
	padding: 10px 12px 0 0;
	font-size: 14px;
}



















.search_input_area dl dd .bt_reset_check01{
	background: #936832;
	border: none;
	color: #fff;
	border-radius: 8px;
	padding: 10px 20px 10px 20px;
	cursor: pointer;
	    margin: 0 30px 0 0;
}



.search_input_area .bt_check_osaka{
	background: #f5aa14;
	border: none;
	color: #fff;
	border-radius: 8px;
	padding: 10px 20px 10px 20px;
	    width: 80px;
}


.search_input_area .bt_check_hyogo{
	background: #31ad37;
	border: none;
	color: #fff;
	border-radius: 8px;
	padding: 10px 20px 10px 20px;
	    width: 80px;
}



.search_input_area .bt_check_kanagawa{
	background: #2abad5;
	border: none;
	color: #fff;
	border-radius: 8px;
	padding: 10px 20px 10px 20px;
	    width: 80px;
}

.search_input_area .bt_check_nara{
	background: #e84018;
	border: none;
	color: #fff;
	border-radius: 8px;
	padding: 10px 20px 10px 20px;
	    width: 80px;
}

.search_input_area .bt_check_tokyo{
	background: #2151a3;
	border: none;
	color: #fff;
	border-radius: 8px;
	padding: 10px 20px 10px 20px;
	    width: 80px;
}





.search_input_area .bt_pet_search{
	background: #936832;
	border: none;
	color: #fff;
	border-radius: 8px;
	padding: 10px 20px 10px 20px;
	cursor: pointer;
	position: relative;
	margin: 0 auto 10px;
	width: 500px;
	font-size: 18px;
	font-weight: bold;
	display: block;
}

.search_input_area .bt_pet_search::before{
position: absolute;
top: 0;
left: 0;
content:"";
background: url();
}




.search_input_area .bt_pet_search_reset_all{
	background: #696969;
	border: none;
	color: #fff;
	border-radius: 8px;
	padding: 10px 20px 10px 20px;
	cursor: pointer;
	position: relative;
	margin: 0 auto;
	/* width: 500px; */
	font-size: 14px;
	/* font-weight: bold; */
	display: block;
}



.caution_area{
margin: 30px 0 0 0;
}

.caution_area h4{
	color: #936832;
	border-bottom: 2px #936832 solid;
	font-size: 20px;
}

.caution_area div{
	color: #444;
	font-size: 14px;
	line-height: 1.5em;
	letter-spacing: 0.05em;
	padding: 10px;
	    text-align: justify;
}

.caution_area div a{
	color: #e84018;
	font-weight: bold;
	font-size: 16px;
}





table.order_radio{

}
table.order_radio tr{
	display: inline-block;
	    margin: 0 10px 0 0;
}

table.order_radio tr td{

}

table.order_radio tr td input{

}

table.order_radio tr td label{

}





/*ラジオボタン装飾*/
/*タイプラジオ*//*サイズラジオ*/
/*対象のラジオボタンにクラスradio01-input*/


/*.radio01-input{
  display: none;
}
.radio01-input + label{
  padding-left: 20px;
  position:relative;
  margin-right: 20px;
}
.radio01-input + label::before{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 15px;
  height: 15px;
  border: 1px solid #999;
  border-radius: 50%;
}
.radio01-input:checked + label{
  color: #936832;
}
.radio01-input:checked + label::after{
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 3px;
  width: 11px;
  height: 11px;
  background: #936832;
  border-radius: 50%;
}*/



/*タイプラジオ*//*サイズラジオ*/







/*プルダウンボックス*/
select[name="color"] {
    -webkit-appearance: none;
    border: 2px solid #966931;
    padding: 0px 0px 0px 20px;
    margin: 0% 0px 0px auto;
    display: inline-block;
    /* float: left; */
    /* clear: both; */
    color: #966931;
    width: 100%;
}
















/*list.php*/


.bt_orders_area01{
			background: none;
width: 655px;
}

.bt_gender_area02{
	clear: both;
	    overflow: hidden;
	    display: flex;
	    display: -ms-flexbox;
	    -ms-flex-direction: row;
	    width: 330px;
	    margin: 5px 0px 5px auto;
}




.bt_to_contact01{

}

.bt_to_contact01 a{
	background: linear-gradient(0deg, #e84018,#e9927d);
	border: none;
	color: #fff;
	border-radius: 8px;
	padding: 10px 20px 10px 20px;
	cursor: pointer;
	position: relative;
	margin: 30px auto 15px;
	width: 500px;
	font-size: 18px;
	font-weight: bold;
	display: block;
		transition: 0.5s ease-in-out;
}

.bt_to_contact01 a:hover{
	background: linear-gradient(0deg, #f16341,#f23202);
		transition: 0.5s ease-in-out;
	}


.bt_to_contact01 a::before{
	width: 0;
	height: 0;
	border-top: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 10px solid #fff;
	content: "";
	display: inline-block;
	    transition: 0.5s ease-in-out;
}

.bt_to_contact01 a:hover::before{
	width: 0;
	height: 0;
	border-top: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 10px solid #fff;
	content: "";
	display: inline-block;
margin: 0 0 0 10px;
    transition: 0.5s ease-in-out;
	}









.bt_to_listtop01{

}


.bt_to_listtop01 a{
	background: linear-gradient(0deg, #936832,#cc9f66);
	border: none;
	color: #fff;
	border-radius: 8px;
	padding: 10px 20px 10px 20px;
	cursor: pointer;
	position: relative;
	margin: 0 auto 10px;
	width: 500px;
	font-size: 18px;
	font-weight: bold;
	display: block;
		transition: 0.5s ease-in-out;
}


.bt_to_listtop01 a:hover{
	background: linear-gradient(0deg, #dd953a,#a45e05);
		transition: 0.5s ease-in-out;
}



/*20170906　検索ページリニューアル用*/



























/*検索価格制限*/

.bt_orders_area{
	background: url(../search/img/bg_search_price03.png);
	/* height: 200px; */
	padding: 0 0 10px 0;
	background-repeat-x: no-repeat;
background-repeat-y: no-repeat;
}

.bt_orders_area02{
	background: url(../search/img/bg_search_price04.png);
	 height: 308px;
	padding: 0 0 10px 0;
	background-repeat-x: no-repeat;
background-repeat-y: no-repeat;
}


.bt_orders_area tr td{
position: relative;
}


.bt_orders_area tr td .bt_to_top_dashed{
	position: absolute;
	left: auto;
	right: 11.5%;
	top: 30%;
}

.bt_to_top_dashed img{
width:90%;
}




.three_bt_area{
	display: flex;
	display:-ms-flexbox;
	-ms-flex-direction: row;
	/*overflow:hidden;
	letter-spacing: -0.4em;*/
	width: 100%;
}



.bt_orders01{
	display: block;
	width: 32.014%;
	letter-spacing: normal;
	margin: 0 1.98% 0 0;
	/*float: left;*/
}

.bt_orders01:nth-child(3){
margin-right: 0;
}


.bt_orders01 img{
    width: 208px;
}










.animal_type{
	clear: both;
	overflow: hidden;
	display: flex;
	display: -ms-flexbox;
	-ms-flex-direction: row;
	width: 275px;
	margin: 10px 0px 0 auto;
}













.animal_type dt{
width: 28%;
    font-weight: bold;
}
.animal_type dd{
width: 65%;
	/*font-size: 0.9em;*/
}


.animal_size{
	clear: both;
	overflow: hidden;
	display: flex;
	display: -ms-flexbox;
	-ms-flex-direction: row;
	width: 275px;
	margin: 20px 0px 0 auto;
}

.animal_size dt{
	width: 28%;
	    font-weight: bold;
	    font-size: 1em;
}
.animal_size dd{
	width: 71%;
	    /*font-size: 0.9em;*/
}








.bt_gender_area{
	clear: both;
	overflow: hidden;
	display: flex;
	display: -ms-flexbox;
	-ms-flex-direction: row;
	width: 330px;
	margin: 70px 0px 0 auto;
}


.bt_gender_area dt{
	width: 35%;
	    font-weight: bold;
}

.bt_gender_area dd{
	width: 65%;
}



.bt_kind_area{
	clear: both;
	overflow: hidden;
	display: flex;
	display: -ms-flexbox;
	-ms-flex-direction: row;
	width: 660px;
	margin: 5px 0 0 auto;
}

.bt_kind_area dt{
		width: 10%;
		    font-weight: bold;
}

.bt_kind_area dd{
		width: 90%;
}



select[name="animal_type"]{
	-webkit-appearance: none;
	    border: 2px solid #966931;
	    padding: 0px 0px 0px 5px;
	    margin: 0% 0px 0px auto;
	    display: inline-block;
	    /* float: left; */
	    /* clear: both; */
	    color: #966931;
	    width: 100%;
}


select[name="animal_size"]{
	-webkit-appearance: none;
	    border: 2px solid #966931;
	    padding: 0px 0px 0px 5px;
	    margin: 0% 0px 0px auto;
	    display: inline-block;
	    /* float: left; */
	    /* clear: both; */
	    color: #966931;
	    width: 100%;
}


select[name="sex"]{
	-webkit-appearance: none;
	    border: 2px solid #966931;
	    padding: 0px 0px 0px 5px;
	    margin: 0% 0px 0px auto;
	    display: inline-block;
	    /* float: left; */
	    /* clear: both; */
	    color: #966931;
	    width: 100%;
    font-size: 15px!important;
}




select[name="category_id"]{
	-webkit-appearance: none;
	    border: 2px solid #966931;
	    padding: 0px 0px 0px 20px;
	    margin: 0% 0px 0px auto;
	    display: inline-block;
	    /* float: left; */
	    /* clear: both; */
	    color: #966931;
	    width: 100%;
}






.bt_gender_switch01{
	margin: 0% 0px 0px auto;
	display: inline-block;
	/*float: left;*/
	/* clear: both; */
}


.table_search_price{
	border: none;
	    margin: 20px 0 0 0;
}

.table_search_price tr td{
	border: 1px #faddae solid;
	background: #ffffff;
}


.bt_search_switch01{
	width: auto;
	display: block;
	margin: 20px auto;
}









.pager_num01{

}
.pager_num01 a{
	color: #fff;
	padding: 5px 10px!important;
	background: linear-gradient(#a79080, #824d0b);
	border: 1px #fff solid;
	box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	margin: 0px 2px 0 2px;
}




.pager_num01_on{

}

.pager_num01_on a{
	color: #fff;
	padding: 5px 10px!important;
	background: linear-gradient(#a79080, #824d0b);
	border: 1px #fff solid;
	box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

.pager_num01_on span{
	color: #7c5627!important;
	padding: 4px 9px!important;
	background: #fff;
	border: 1px #bb9b73 solid;
	box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}


/*検索価格制限*/




















/*マイクロチップ*/

.microchip{
padding: 10px;
}

.microchip > .inner{
margin: 20px 0 0 0;
}

.microchip > .inner img{
	width: 100%;
	margin: 0 auto;
}












/*ポイントカード*/

.point_card{
padding: 10px;
}

.point_card > .inner{
margin: 20px 0 0 0;
}

.point_card > .inner img{
	width: 100%;
	margin: 0 auto;
}




/*ポイントカードここまで*/






























/*保障内容*/

.anshin_hosyou{
padding: 10px;
}

.anshin_hosyou > ul{

}

.anshin_hosyou > ul > li{
    margin: 20px auto 20px;
		list-style: none;
}

.anshin_hosyou ul:nth-of-type(1) > li:nth-child(1){
width: 73%;
}
.anshin_hosyou ul:nth-of-type(1) > li:nth-child(2){
width: 100%;
}
.anshin_hosyou ul:nth-of-type(2) > li:nth-child(1){
width: 73%;
}
.anshin_hosyou ul:nth-of-type(2) > li:nth-child(2){
width: 462px;
}

.anshin_hosyou > ul > li > img{
width: 100%;
}

.anshin_hosyou > ul > li > a > img{
width: 100%;
}


/*保障内容ここまで*/








/*お問い合わせ方法*/

.otoiawase_houhou{

}



/*ボタンエリア*/

.otoiawase_houhou #bt_area01{
	display: flex;
	    list-style: none;
	    width: 100%;
}

.otoiawase_houhou #bt_area01 li{
	width: 198px;
	margin: 0px 20px 20px 0;
}

.otoiawase_houhou #bt_area01 li:nth-child(3){
margin-right: 0;
}

.otoiawase_houhou #bt_area01 li a{
display: block;
text-align: center;
border-radius: 4px;
color: #fff;

}
.otoiawase_houhou #bt_area01 li a img{
display: block;
width: 100%;
}



.otoiawase_houhou #bt_area02{
	display: flex;
	list-style: none;
	width: 100%;
	flex-direction: column;
	align-items: center;
}

.otoiawase_houhou #bt_area02 div{
margin: 30px 0 10px;
}

.otoiawase_houhou #bt_area02 figure{
display: block;

}

.otoiawase_houhou #bt_area02 figure a{
display: block;

}

.otoiawase_houhou #bt_area02 figure a img{
display: block;
width: 100%;
}

/*ボタンエリアここまで*/


.otoiawase_houhou{
padding: 10px;
}

.otoiawase_houhou > .inner{

}

.otoiawase_houhou > .inner > .inner{
    margin: 20px 0 20px 0;
}

.otoiawase_houhou > .inner > .inner > img{
width: 100%;
}


/*お問い合わせ方法ここまで*/
















/*ご購入ガイド*/



/*ボタンエリア*/

.shopping_guide #bt_area01{
	display: flex;
	    list-style: none;
	    width: 100%;
}

.shopping_guide #bt_area01 li{
	width: 198px;
	margin: 0px 20px 20px 0;
}

.shopping_guide #bt_area01 li:nth-child(3){
margin-right: 0;
}

.shopping_guide #bt_area01 li a{
display: block;
text-align: center;
border-radius: 4px;
color: #fff;

}
.shopping_guide #bt_area01 li a img{
display: block;
width: 100%;
}


/*ボタンエリアここまで*/


.shopping_guide{
padding: 10px;
}

.shopping_guide > .inner{

}

.shopping_guide > .inner > .inner{
    margin: 20px 0 20px 0;
}

.shopping_guide > .inner > .inner > img{
width: 100%;
}


/*ご購入ガイドここまで*/






/*会社案内共通エリア*/

/*ボタン*/
#bt_company_area{
	display: flex;
	    list-style: none;
	    width: 100%;
}

#bt_company_area li{
	width: 32%;
	margin: 0px 20px 20px 0;
}

#bt_company_area li:nth-child(3){
margin-right: 0;
}

#bt_company_area li a{
display: block;
text-align: center;
border-radius: 4px;
color: #906c4b;
padding: 10px;
background: #ffcb66;
transition: 0.4s ease-in-out;
}
#bt_company_area li a:hover{
transition: 0.4s ease-in-out;
color: #fff;
background: #906c4b;
}

#bt_company_area li a.on{
color: #fff;
background: #906c4b;
}
/*ボタンここまで*/


/*会社案内共通エリア*/




/*company01*/

.company01{
padding: 10px;
}

.company01 > .inner{

}

.company01 > .inner > .inner{
    margin: 20px 0 20px 0;
}


.company01 > .inner > .inner > .sentence{
	font-size: 14px;
	margin: 20px 0px;
	line-height: 1.8em;
}


.company01 > .inner > .inner a{
font-weight: bold;
}
.company01 > .inner > .inner a:hover{
text-decoration: underline;
}

.company01 > .inner > .inner a::before{
width: 0;
height: 0;
border-top: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 10px solid #906c4b;
content: "";
display: inline-block;
}


.company01 > .inner > .inner > ul{
    list-style: none;
}
.company01 > .inner > .inner > ul > li{
	font-size: 14px;
	margin: 20px 0px;
	line-height: 1.8em;
}


/*company01 end*/

















/*company02*/

.company02{
padding: 10px;
}

.company02 > .inner{

}

.company02 > .inner > .inner{
    margin: 20px 0 20px 0;
		position: relative;
}

.company02 > .inner > .inner img.img_info02_01{
	top: 0;
	left: auto;
	right: 0;
	position: absolute;
}


.company02 > .inner > .inner > section{
	font-size: 14px;
	margin: 20px 0px;

}

.company02 > .inner > .inner > section h4{
	font-size: 18px;
	/* font-weight: bold; */
	/* font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif; */
	color: #64301b;
}

.company02 > .inner > .inner > section ul{
list-style: none;

}

.company02 > .inner > .inner > section ul li{
list-style: none;

}




/*company02 end*/
















/*company03*/

.company03{
padding: 10px;
}

.company03 > .inner{

}

.company03 > .inner > .inner{
    margin: 20px 0 20px 0;
}


.company03 > .inner > .inner > p{
	font-size: 14px;
	line-height: 1.8em;
}


.company03 > .inner > .inner > img.img_info03_01{
	margin: 20px 0 0 auto;
	    display: block;
}

/*company03 end*/




























/*会社案内共通エリアここまで*/









/*求人情報*/






/*ボタン*/
#bt_kyujin_area{
	display: flex;
	    list-style: none;
	    width: 100%;
			flex-wrap: wrap;
}

#bt_kyujin_area li{
	width: 31%;
	margin: 0px 20px 20px 0;
}

#bt_kyujin_area li:nth-child(3){
margin-right: 0;
}

#bt_kyujin_area li a{
	display: block;
	text-align: center;
	border-radius: 4px;
	color: #906c4b;
	padding: 10px;
	background: #ffcb66;
	transition: 0.4s ease-in-out;
	font-size: 0.6vw;
}
#bt_kyujin_area li a:hover{
transition: 0.4s ease-in-out;
color: #fff;
background: #906c4b;
}

#bt_kyujin_area li a.on{
color: #fff;
background: #906c4b;
}
/*ボタンここまで*/







.kyujin{
padding: 10px;
}

.kyujin > .inner{

}

.kyujin > .inner > .inner{
    margin: 20px 0 20px 0;
}


.kyujin > .inner > .inner > .sentence{
	font-size: 14px;
	margin: 20px 0px;
	line-height: 1.8em;
}


.kyujin > .inner > .inner a{
font-weight: bold;
}
.kyujin > .inner > .inner a:hover{
text-decoration: underline;
}


.kyujin > .inner > .inner a img:hover{
opacity: 0.8!important;
}



.kyujin > .inner > .inner > ul{
    list-style: none;
}
.kyujin > .inner > .inner > ul > li{
	font-size: 14px;
	margin: 20px 0px;
	line-height: 1.8em;
}




/*求人フォーム*/

.kyujin_form{
padding: 10px;
}

.kyujin_form > .inner{

}

.kyujin_form > .inner > .inner{
    margin: 20px 0 20px 0;
}

.kyujin_form > .inner > .inner form{

}

.kyujin_form > .inner > .inner form table{
width: 100%;
}
.kyujin_form > .inner > .inner form table tr{

}

.kyujin_form > .inner > .inner form table tr:nth-last-child(3) td{
padding: 30px 0 60px 0;
}


.kyujin_form > .inner > .inner form table tr th{

}
.kyujin_form > .inner > .inner form table tr td{
vertical-align: top;
padding: 5px 0 5px 0;
}
.kyujin_form > .inner > .inner form table tr td:first-child{

}

.kyujin_form > .inner > .inner form table tr td:nth-child(2n){
font-size: 14px;
}



.kyujin_form > .inner > .inner > .sentence{
	font-size: 14px;
	margin: 20px 0px;
	line-height: 1.8em;
}


.kyujin_form > .inner > .inner a{
font-weight: bold;
}
.kyujin_form > .inner > .inner a:hover{
text-decoration: underline;
}


.kyujin_form > .inner > .inner a img:hover{
opacity: 0.8!important;
}



.kyujin_form > .inner > .inner > ul{
    list-style: none;
}
.kyujin_form > .inner > .inner > ul > li{
	font-size: 14px;
	margin: 20px 0px;
	line-height: 1.8em;
}



.bt_to_top_page{
	background: linear-gradient(0deg, #936832,#cc9f66);
border: none;
color: #fff;
border-radius: 8px;
padding: 10px 20px 10px 20px;
cursor: pointer;
position: relative;
margin: 0 auto 10px;
width: 200px;
font-size: 18px;
font-weight: bold;
display: block;
transition: 0.5s ease-in-out;
}

.bt_to_top_page:hover{
	background: linear-gradient(0deg, #dd953a,#a45e05);
	transition: 0.5s ease-in-out;
	text-decoration: none;
}




.kyujin_form .privacy_area{
font-size: 14px;
}
.kyujin_form .privacy_area a{
	font-weight: bold;
	    color: #dc9100;
}

.kyujin_form .bt_confirm{

}

.kyujin_form .bt_confirm input{
	background: #936832;
	border: none;
	color: #fff;
	border-radius: 8px;
	padding: 10px 20px 10px 20px;
	cursor: pointer;
	position: relative;
margin: 20px auto 20px;
	width: 500px;
	font-size: 18px;
	font-weight: bold;
	display: block;
	border: 1px #936832 solid;
}

.kyujin_form .bt_confirm input:hover{
background: #fff3c1;
border: none;
color: #936832;
border-radius: 8px;
padding: 10px 20px 10px 20px;
cursor: pointer;
position: relative;
margin: 20px auto 20px;
font-size: 18px;
font-weight: bold;
display: block;
border: 1px #936832 solid;
text-decoration: none;
}






/*入力内容確認*/


.kyujin_form_confirm{
padding: 10px;
}

.kyujin_form_confirm > .inner{

}

.kyujin_form_confirm > .inner > .inner{
    margin: 20px 0 20px 0;
}

.kyujin_form_confirm > .inner > .inner form{

}

.kyujin_form_confirm > .inner > .inner form table{
width: 100%;
border-collapse: collapse;
}
.kyujin_form_confirm > .inner > .inner form table tr{
    border-bottom: 1px #dddab1 solid;
}

.kyujin_form_confirm > .inner > .inner form table tr:nth-last-child(3) td{
padding: 30px 0 60px 0;
}


.kyujin_form_confirm > .inner > .inner form table tr th{
	text-align: left;
	    border-collapse: collapse;
	    padding: 15px 0 10px 30px;
	    width: 40%;
}
.kyujin_form_confirm > .inner > .inner form table tr td{
	vertical-align: top;
	    padding: 15px 15px 10px 30px;
	    word-break: break-all;
}
.kyujin_form_confirm > .inner > .inner form table tr td:first-child{

}

.kyujin_form_confirm > .inner > .inner form table tr td:nth-child(2n){
font-size: 14px;
}



.kyujin_form_confirm > .inner > .inner > .sentence{
	font-size: 14px;
	margin: 20px 0px;
	line-height: 1.8em;
}


.kyujin_form_confirm > .inner > .inner a{
font-weight: bold;
}
.kyujin_form_confirm > .inner > .inner a:hover{
text-decoration: underline;
}


.kyujin_form_confirm > .inner > .inner a img:hover{
opacity: 0.8!important;
}



.kyujin_form_confirm > .inner > .inner > ul{
    list-style: none;
}
.kyujin_form_confirm > .inner > .inner > ul > li{
	font-size: 14px;
	margin: 20px 0px;
	line-height: 1.8em;
}


.kyujin_form_confirm .form_bt_area{
	display: flex;
	width: 95%;
	margin: 0 auto;
	justify-content: center;

}

.kyujin_form_confirm .form_bt_area li{
    list-style: none;
		width: 48%;
		margin-right: 4%;
}

.kyujin_form_confirm .form_bt_area li:nth-child(2){
		margin-right: 0;
}

.kyujin_form_confirm .form_bt_area li a{
	background: #936832;
	    border: none;
	    color: #fff;
	    border-radius: 8px;
	    padding: 10px 20px 10px 20px;
	    cursor: pointer;
	    position: relative;
	    margin: 20px auto 20px;
	    font-size: 18px;
	    font-weight: bold;
	    display: block;
			border: 1px #936832 solid;

}


.kyujin_form_confirm .form_bt_area li a:hover{
background: #fff3c1;
border: none;
color: #936832;
border-radius: 8px;
padding: 10px 20px 10px 20px;
cursor: pointer;
position: relative;
margin: 20px auto 20px;
font-size: 18px;
font-weight: bold;
display: block;
border: 1px #936832 solid;
text-decoration: none;
}

.kyujin_form_confirm .form_bt_area li input{
	background: #936832;
	    border: none;
	    color: #fff;
	    border-radius: 8px;
	    padding: 10px 20px 10px 20px;
	    cursor: pointer;
	    position: relative;
	    margin: 20px auto 20px;
	    font-size: 18px;
	    font-weight: bold;
	    display: block;
			width: 100%;
			border: 1px #936832 solid;

}

.kyujin_form_confirm .form_bt_area li input:hover{
background: #fff3c1;
border: none;
color: #936832;
border-radius: 8px;
padding: 10px 20px 10px 20px;
cursor: pointer;
position: relative;
margin: 20px auto 20px;
font-size: 18px;
font-weight: bold;
display: block;
border: 1px #936832 solid;
text-decoration: none;
}








.bt_to_top_page{
	background: linear-gradient(0deg, #936832,#cc9f66);
border: none;
color: #fff;
border-radius: 8px;
padding: 10px 20px 10px 20px;
cursor: pointer;
position: relative;
margin: 0 auto 10px;
width: 200px;
font-size: 18px;
font-weight: bold;
display: block;
transition: 0.5s ease-in-out;
}

.bt_to_top_page:hover{
	background: linear-gradient(0deg, #dd953a,#a45e05);
	transition: 0.5s ease-in-out;
	text-decoration: none;
}




.kyujin_form_confirm .privacy_area{
font-size: 14px;
}
.kyujin_form_confirm .privacy_area a{
	font-weight: bold;
	    color: #dc9100;
}

.kyujin_form_confirm .bt_confirm{

}

.kyujin_form_confirm .bt_confirm input{
	background: #936832;
	border: none;
	color: #fff;
	border-radius: 8px;
	padding: 10px 20px 10px 20px;
	cursor: pointer;
	position: relative;
margin: 20px auto 20px;
	width: 500px;
	font-size: 18px;
	font-weight: bold;
	display: block;
}


/*入力内容確認ここまで*/







/*求人フォームここまで*/



/*求人情報ここまで*/












/*カタログ*/
.bt_top_of_page{
	background: #936832;
	border: none;
	color: #fff;
	border-radius: 8px;
	padding: 5px 20px 5px 20px;
	cursor: pointer;
	position: relative;
	margin: 20px auto 20px;
	width: 40px;
	font-size: 18px;
	font-weight: bold;
	display: block;
	border: 1px #936832 solid;
}


.bt_top_of_page:hover{
	background: #fff3c1;
	    color: #936832;
}







.bt_division01{
width: 138px;
}


.bt_division02{
	background: #fff3c1;
	border: none;
	color: #936832;
	border-radius: 8px;
	padding: 5px 10px 5px 10px;
	cursor: pointer;
	position: relative;
	margin: 0px auto 10px;
	/* width: 40px; */
	font-size: 16px;
	font-weight: bold;
	display: inline-block;
	border: 1px #ffc67f solid;
}


.bt_division02:hover{
	background: #936832;
	border: 1px #ffc67f solid;
	color: #fff;
}











.bt_to_listtop02{

}


.bt_to_listtop02 input{
	background: linear-gradient(0deg, #936832,#cc9f66);
	border: none;
	color: #fff;
	border-radius: 8px;
	padding: 10px 20px 10px 20px;
	cursor: pointer;
	position: relative;
	margin: 0 auto 10px;
	width: 130px;
	font-size: 18px;
	font-weight: bold;
	display: block;
	transition: 0.5s ease-in-out;
	text-align: center;
}


.bt_to_listtop02 input:hover{
	background: linear-gradient(0deg, #dd953a,#a45e05);
		transition: 0.5s ease-in-out;
}





/*カタログここまで*/









/*iso9001*/

.iso9001{
padding: 10px;
}

.iso9001 > .inner{

}

.iso9001 > .inner > .inner{
    margin: 0px 0 20px 0;
}


.iso9001 > .inner > .inner > .sentence{
	font-size: 14px;
	margin: 20px 0px;
	line-height: 1.8em;
}


.iso9001 > .inner > .inner a{
font-weight: bold;
}
.iso9001 > .inner > .inner a:hover{
text-decoration: underline;
}

.iso9001 > .inner > .inner a::before{
width: 0;
height: 0;
border-top: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 10px solid #906c4b;
content: "";
display: inline-block;
}


.iso9001 > .inner > .inner > ul{
    list-style: none;
}
.iso9001 > .inner > .inner > ul > li{
	font-size: 14px;
	margin: 20px 0px;
	line-height: 1.8em;
}


/*iso9001 end*/











/*サイトご利用にあたって*/

.site_use{
padding: 10px;
}

.site_use > .inner{

}

.site_use > .inner > .inner{
    margin: 0px 0 20px 0;
}


.site_use > .inner > .inner > .sentence{
	font-size: 14px;
	margin: 20px 0px;
	line-height: 1.8em;
}


.site_use > .inner > .inner > ul{
    list-style: none;
}
.site_use > .inner > .inner > ul > li{
	font-size: 14px;
	margin: 20px 0px;
	line-height: 1.8em;
}





/*サイトご利用にあたってend*/


















/*プライバシーポリシー*/

.privacy{
padding: 10px;
}

.privacy > .inner{

}

.privacy > .inner > .inner{
    margin: 0px 0 20px 0;
}


.privacy > .inner > .inner > .sentence{
	font-size: 14px;
	margin: 20px 0px;
	line-height: 1.8em;
}


.privacy > .inner > .inner > ul{
    list-style: none;
}
.privacy > .inner > .inner > ul > li{
	font-size: 14px;
	margin: 20px 0px;
	line-height: 1.8em;
}






/*プライバシーポリシーここまで*/


























.hidden
{
	display:none;
}













/*---------------------------footer-----------------------------*/

/*#footer{
	width: 100%;
	background-image: url(../img/bg_footer.jpg);
	margin-top: 100px;
}*/


.ft_navi{
	text-align: center!important;
}




footer{
	width: 100%;
  margin-top: 50px;
clear: both;
}





#footer_navi_area{
	width: 950px;
	    height: auto;
	    margin: 0px auto 10px;
}




.footer_navi{
	width: 202px;
	height: auto;
	float: left;
	list-style: none;
	border-top: 1px #5a3115 solid;
	margin: 0 0 0 35px;
	padding: 5px 0 0 0;
}




.footer_navi li{

}

.footer_navi li a{
	font-size: 12px;
	color: #64301b;
	font-weight: bold;
}

.footer_navi li a:hover{
    border-bottom: 1px #64301b solid;
}


.footer_navi li a::before{
	content: "";
	background: url(../img/shop/icon_footprint01.png);
	width: 20px;
	height: 20px;
	background-size: contain;
	display: inline-block;
	background-repeat: no-repeat;
	vertical-align: -2px;
	margin: 0 10px 0 0px;
}


.footer_bottom{
	background-image: url(../img/shop/footer_bottom.png);
	height: 153px;
	width: 950px;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	margin: 0 auto;
}






#copyright{
font-size: 14px;
color: #fff;
font-weight: bold;
text-align: center;
clear: both;
background: rgba(165, 68, 52, 0.4);

padding: 10px 0 10px 0;
}

#copyright02{
font-size: 14px;
color: #fff;
font-weight: bold;
text-align: center;
clear: both;
padding: 10px 0 10px 0;
}




/*---------------------------footer-----------------------------*/



.PCshow{
	display: none;
}



/*クリアする*/
.clearfix0::after{
	content:"";
    display:block;
    clear:both;
}





/*個別ステータス*/

.letterSP70px{
    letter-spacing: 70px;
    text-align: justify;
}


.letterSP23px{
    letter-spacing: 23px;
    text-align: justify;
}


.letterSP8px{
    letter-spacing: 8px;
    text-align: justify;
}





.mgtop25px{
	margin-top: 25px!important;
}


.mgtop6px{
	margin-top: 6px!important;
}






.red01{
color:#e75050;
}







/*個別ステータスend*/
