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

/*calc(フォントサイズの変化量 * ((100vw - 最小画面幅) / 最大画面幅) + 最小フォントサイズ)*/
/*calc(画像高さ ÷ 画像横幅 × 100%) */
/*maincolor:#074c0f;*/
/*!----------------
共有スタイル
-----------------*/
@media screen and (min-width:641px) and (max-width:959px) {}
@media screen and (max-width: 640px) {}
/*!Style
-------------------------------------*/

*{box-sizing:border-box;}
html{font-size:14px;color:#333;font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;font-weight: 500;}
body{margin:0;padding:0;border-top:5px solid #fd9321;position: relative;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;text-size-adjust: 100%;}
ul,li,dl,dd,dt{margin:0;padding:0;list-style:none}
a{text-decoration:none;color:#fd9321}
a:hover{text-decoration:none;color:#78c31f}
a:hover img{opacity:.7}
h1,h2{margin:0;padding:0;}
img{vertical-align: middle;}
figure,figcaption{margin:0;padding:0;}

.yellow{color: #f1ce0a;}
.sp{display: none}
.pc{display: block}
.pc_none{display: none !important}

@media screen and (max-width: 771px) {
.sp{display: block}
.pc{display: none}
.pc_none{display: flex !important}
}

/*外枠
-------------------------------------*/
#container{margin:0 auto;padding:0 0 3em;text-align:center;width:100%;background: url(/img/bg_kusa.png) repeat-x bottom;}

/*header
-------------------------------------*/
header{background: url("/img/bg_kusa.png") repeat-x bottom;line-height:0;}
#header_box{margin:0 auto;padding:1em 0 1.6em;width:1000px;display: flex;justify-content: space-between;}
header h1{margin:0;padding:0;font-size: 0.9em;font-weight: 500;text-align: left;line-height: 1.6em;}
header h1 img {vertical-align: baseline;}
header div#botton{margin:0;padding:0;display: flex;align-items: center;}
header div#botton button{background: #fff;border: 1px solid #bfbfbf;padding: 0.5em 1em;}
header div#botton button span{color:#f1ce0a;font-size: 1.4em;vertical-align: bottom;}

@media screen and (max-width: 959px) {
#header_box{padding:1em 1em 1.6em;width:100%;}
header h1 img {max-width: 363px;width:100%;}
header div#botton{display: none}
header h1{font-size: 0.7em;}
}

/*nav
-------------------------------------*/
nav ul{margin:0 auto;padding:0;width:1000px;display: flex;justify-content: space-between;}
nav ul li{margin:0;padding:0;display: flex;}
nav ul li a{margin:0;padding:1.4em 0 0;width:245px;height:86px;background:url("/img/menu_img.png") center center;display: flex;justify-content: center;align-items: center;line-height: 1em;color:#333;font-size: 16px;}
nav ul li a:hover{background:url("/img/menu_img-on.png") center center;color:#333;}

@media screen and (max-width: 959px) {
nav{border-bottom:1px solid #bfbfbf;}
nav ul li br.pc{display: none}
nav ul{width:100%;}
nav ul li{flex-grow: 1;}
nav ul li a{padding:1em 0.5em;border-right:1px solid #bfbfbf;background: #fdfae9;flex-grow: 1;}
nav ul li a:hover{background: #fdede9;}
nav ul li:last-child a{border-right:none;}
nav ul li a,nav ul li a:hover{background-img:none;width:auto;height:auto;}
nav ul li:first-child{display: none}
}

@media screen and (max-width: 640px) {
nav ul{flex-wrap: wrap;}
nav ul li{width:50%;}
nav ul li:nth-child(-n+3){border-bottom:1px solid #bfbfbf;}
nav ul li:nth-child(odd) a{border-right:none;}
}

/*main構成
-------------------------------------*/
main{margin:2em auto 0;padding:0;width:1000px;display: flex;justify-content: space-between;flex-wrap: wrap;}
aside{margin:0;padding:0;width:240px;}
div#main{width: 720px;margin-bottom: 3em;}
#seo_text{width:100%;text-align: left;padding: 0;margin:0;line-height: 1.8em;}

@media screen and (max-width: 959px) {
main{width:94%;}
aside{width:100%;}
div#main{width:100%;}
#seo_text{margin-top: 3em;}
}

/*aside
-------------------------------------*/
aside h3#new{margin:0;padding:1em;background: #f2f0f0;}
aside ul.new_shop{margin:0;padding:0;}
aside ul.new_shop li{margin:0;padding:1em 0;border-bottom:3px dotted #bfbfbf;display: flex;justify-content: space-between;flex-flow: row-reverse;}
aside ul.new_shop li p{margin:0;}
aside ul.new_shop li figcaption{text-align: left;line-height: 1.3em;}
aside ul.new_shop li figcaption p.shop_name{font-weight: bold}
aside ul.new_shop li figcaption p.shop_name::before{font-family:'Font Awesome 5 Free';content:'\f015';font-weight:900;color:#fd9321;margin-right:0.2em}
aside ul.new_shop li figcaption p.shop_place{font-size: 12px;color:#888;}
aside ul.new_shop li figcaption p.shop_place i{margin: 0 0.3em;}
aside ul.new_shop li figcaption .shop_salon{color:#fff;background: #2dcf9f;text-align: center;border-radius: 5px;display: inline-block;width: 70%;}
aside ul.new_shop li figcaption .shop_hotel{color:#fff;background: #fe87ba;text-align: center;border-radius: 5px;display: inline-block;width: 70%;}
aside ul.new_shop li figcaption .shop_hospital{color:#fff;background: #3d98ee;text-align: center;border-radius: 5px;display: inline-block;width: 70%;}
aside ul.new_shop li figcaption .pink{margin-left:0.2em;font-weight: bold;color:#fc388c;}


/*メインコンテンツ
-------------------------------------*/

/*オレンジタイトル*/
.base{border-bottom:5px solid #fd9321;color:#fd9321;color: #fd9321;text-align: left;padding: 0.3em 0;}
.base::before{font-family:'Font Awesome 5 Free';content:'\f1b0';font-weight:900;color:#fd9321;margin-right:0.2em}

.shop_title{border-bottom:5px solid #fd9321;color:#fd9321;color: #fd9321;font-size: 1.6em;text-align: left;padding: 0.3em 0;}
.shop_title::before{font-family:'Font Awesome 5 Free';content:'\f1b0';font-weight:900;color:#fd9321;margin-right:0.2em}

/*ピックアップ*/
article#pickup{margin:0;padding:0;width:720px;}
article#pickup p.left{text-align: left}
article#pickup ul.dog_pride{overflow: hidden;margin:1em 0;padding:0;max-width: 720px;display: flex;flex-wrap: wrap;}
article#pickup ul.dog_pride > li{width:174px;margin:0 3px 5px;border:1px solid #bfbfbf;border-radius: 5px;padding: 10px;text-align: left;display: flex;flex-direction: column;}
article#pickup ul.dog_pride figure img{width:100%;max-width: 156px;height: 111px;object-fit: cover;}
article#pickup ul.dog_pride p.dog_pride-name2{margin: 0.3em 0 0.1em;font-weight: bold;}
article#pickup ul.dog_pride p.dog_pride-name2::before{font-family:'Font Awesome 5 Free';content:'\f6d3';font-weight:900;margin-right:0.2em}
article#pickup ul.dog_pride p.dog_pride-name1{margin: 0;font-size: 11px;}
article#pickup ul.dog_pride p.dog_pride-name1::before{font-family:'Font Awesome 5 Free';content:'\f007';font-weight:900;margin-right:0.2em}
article#pickup ul.dog_pride p.dog_pride-comment{margin: 0;font-size: 12px;}
article#pickup ul.dog_pride p.dog_pride-comment::before{font-family:'Font Awesome 5 Free';content:'\f4ad';font-weight:900;margin-right:0.2em}
article#pickup ul.dog_pride p.dog_pride-date{margin: 0em;font-size: 11px;color:#888;text-align: right;}
article#pickup ul.dog_pride p.dog_pride-good{text-align: center;margin: 0.5em 0 0;margin-top: auto;}
article#pickup ul.dog_pride p.dog_pride-good a{border: 1px solid;display: block;border-radius: 5px;padding: 0.3em 0;}
article#pickup ul.dog_pride p.dog_pride-good a::before{content: '';display: inline-block;width: 25px;height: 22px;background-image:url("/img/good.png");background-size: contain;vertical-align: bottom;margin-right:0.2em}
article#pickup ul.dog_pride p.dog_pride-good a.on{border:1px solid #ccc;color:#ccc;}
article#pickup ul.dog_pride p.dog_pride-good a.on::before{content: '';display: inline-block;width: 25px;height: 22px;background-image:url("/img/good_on.png");background-size: contain;vertical-align: bottom;margin-right:0.2em}
article#pickup p.dog_pride-btn{margin:0;}
article#pickup p.dog_pride-btn a{background: #fd9321;padding: 0.3em 1em;border-radius: 5px;color: #fff;}
article#pickup ul.dog_pride p.dog_pride-good a span{font-weight: bold;border: 1px solid;padding: 0 0.2em;margin-left: 0.3em;border-radius: 5px;color: #fff;background: #fd9321;}
article#pickup p.dog_post-btn{margin:0;}
article#pickup p.dog_post-btn a{background: #94c021;padding: 0.3em 1em;border-radius: 5px;color: #fff;}

@media screen and (max-width: 959px) {
article#pickup ul.dog_pride{margin:1em 0 !important;box-shadow: none;max-width: 100% !important;flex-wrap: wrap;justify-content: space-between;}
article#pickup ul.dog_pride > li{width:49%;margin: 0 0 0.5em;}
article#pickup{width: 100%;}
article#pickup ul.dog_pride figure img{height: 200px;max-width: inherit;}
}

@media (max-width:414px){
article#pickup ul{min-width:100%}
}

/*東京MAP検索*/
article#tokyo_map{margin: 5em 0;}
article#tokyo_map div.map_img{width: 720px;}
article#tokyo_map ul#nav{margin:0.5em 0 2em;padding:0;width:100%;display: flex;justify-content: space-between}
article#tokyo_map ul#nav li{margin:0;padding:0;width:49%;background: #f2f0f0;}
.gray_box{margin:1em 0;padding:1.6em;width:100%;background: #f2f0f0;text-align: left}
.gray_box h4{margin: 0 0 0.5em;font-size: 1.4em;}
.gray_box p{font-weight: bold;font-size: 1.2em;margin: 0.5em 0;}
ul.chiiki{margin:0;padding:0;display: flex;justify-content: left;flex-flow: row wrap;}
ul.chiiki li{margin:0 1em 0.5em 0;}
ul.chiiki li a{color:#000;}
ul.chiiki li a:hover{color:#fd9321;}
ul.chiiki li a::before{font-family:'Font Awesome 5 Free';content:'\f1b0';font-weight:900;color:#fd9321;margin-right:0.2em}

@media screen and (max-width: 959px) {
article#tokyo_map div.map_img{width: auto;overflow-x: scroll;}
}

/*全国MAP検索*/
article#japan_map{margin: 5em 0 2em;}
article#japan_map div.map_img{width: 720px;}

@media screen and (max-width: 711px) {
article#japan_map div.map_img{display: none}
.gray_box{display:none;}
ul.chiiki{margin:0;padding:0;display: block;}
ul.chiiki li.title{margin:0;border-bottom: 1px solid #bfbfbf;text-align: left;padding: 0.5em;font-weight: bold;}
ul.chiiki li{margin:0;}
ul.chiiki li a{color:#000;display: block;border-bottom: 1px solid #bfbfbf;text-align: left;padding:0.5em;}
ul.chiiki li a:hover{color:#fd9321;}
ul.chiiki li a::before{font-family:'Font Awesome 5 Free';content:'\f1b0';font-weight:900;color:#fd9321;margin-right:0.2em}
}

/*タブ*/
.tabmenu{display:none;}
.ma2{margin:2em 0 !important;}

@media screen and (max-width: 711px) {
.tabmenu{width: 100%;margin:2em 0;display:block;}
.tab{overflow:hidden;margin:0;padding: 0;list-style: none;text-align: left;}
.tab li{background: #fdfae9;cursor: pointer;display: inline-block;width: 50%;border:1px solid #bfbfbf;font-size: 18px;padding: 0.5em 1em;text-align: left;position: relative;}
.tab li.select{background:#F7EEE5;font-weight: bold;border-bottom: 1px solid #F7EEE5 !important;}
.content div{background: #F7EEE5;padding: 1em;border:1px solid #bfbfbf;font-size: 16px;}
.hide{display:none;}
.content div.sub{background: white ;height: 50px;margin: 1em;}
.tab li:after{font-family:'Font Awesome 5 Free';content:'\f1b0';font-weight:900;padding-left: 1em;position: absolute;right: 0.5em;font-size: 1.4em;color:#fd9321}
.tab li.select:after{font-family:'Font Awesome 5 Free';content:'\f6d3';font-weight:900;padding-left: 1em;color:#ff6c6c}
.other{margin-top: 1em;padding: 1em;}
}

/*footer
-------------------------------------*/
footer{margin:0 auto;padding:2em 0 1em;width:100%;background: #fccb81;text-align: center;}
footer ul{margin:0;padding:0;display: flex;justify-content: center;}
footer ul li a{margin:0;padding:0 1em;border-right: 1px solid #333;font-display: block;color:#333;}
footer ul li:last-child a{border-right:none;}

@media screen and (max-width: 711px) {
footer ul{flex-flow: row wrap;}
footer ul li a{margin:0 0 1em;padding:0 1em;border-right: 1px solid #333;display: block;color:#333;}
}

/*!------------------------------------------------------------------------------------------------
下層
------------------------------------------------------------------------------------------------*/

/*ぱんくず
-------------------------------------*/
ul#pan{margin:0;padding:0;width:100%;text-align: left;display: flex;}
ul#pan li{margin:0;padding:0;display: inline-block;}
ul#pan li:after {font-family: "Font Awesome 5 Free";content: "\f105";margin: 0 1em;font-weight: 900;}
ul#pan li:last-child:after {display: none;}

@media screen and (max-width: 711px) {
ul#pan{font-size: 0.8em;}
}

/*エリア-上部
-------------------------------------*/
#area_top{margin:1em 0 2em;padding:0;}
#area_top div{margin:1em 0 0;padding:0;text-align: left;font-size: 0.8em;line-height: 1.4em}

/*エリア-タブ
-------------------------------------*/
.gyousyu{margin: 0 0 1em;padding: 0;display: flex;justify-content: space-between;align-items: center;flex-flow: row wrap;}
.gyousyu li{margin: 0 0 1em;padding: 0.5em;font-size: 1.2em;border:solid 1px #CCC;width:32%;background:#f2f0f0;}
.is-active{background: -moz-linear-gradient(top, #fd9321, #ee7800); background: -webkit-linear-gradient(top, #fd9321, #ee7800) !important;background: linear-gradient(top, #fd9321, #ee7800) !important;color:#FFF;transition: all 0.2s ease-out;}

@media screen and (max-width: 639px) {
.gyousyu li{font-size: 0.9em;padding: 0.5em 0}
}


/*エリア-タブ
-------------------------------------*/
#area_shop .tab-group{display: flex;justify-content: center;font-size: 1.2em;}
#area_shop .tab{flex-grow: 1;padding:5px;list-style:none;border:solid 1px #CCC;border-bottom:none;text-align:center;cursor:pointer;margin-right:5px;border-top-left-radius: 10px;border-top-right-radius: 10px;background:#f2f0f0;}
#area_shop .tab:last-child{margin-right:0}
#area_shop .panel-group{border:solid 1px #CCC;background:#fff;text-align: left;padding: 1em;}
#area_shop .panel{display:none;}
#area_shop .tab.is-active{background: -moz-linear-gradient(top, #fd9321, #ee7800); background: -webkit-linear-gradient(top, #fd9321, #ee7800);background: linear-gradient(top, #fd9321, #ee7800);color:#FFF;transition: all 0.2s ease-out;}
#area_shop .panel.is-show{display:block;}

/*PC*/
ul#tab_petsalon > li{border:2px solid #2dcf9f;border-radius: 5px;margin-bottom:1em;padding:1em;}
ul#tab_petsalon li ul.top_box li:nth-child(n+2) a{border:1px solid #2dcf9f;border-radius: 5px;display: flex;align-items: center;padding: 0.2em 1em;}
ul#tab_petsalon li ul.top_box li:nth-child(n+2) a:hover{background: #2dcf9f;color: #fff;}
ul#tab_petsalon li dl dt figcaption{color: #fff;background: #2dcf9f;text-align: center;border-radius: 5px;display: inline-block;width: 100%;margin:1em 0 0;padding: 0.2em;}
ul#tab_petsalon li dl dd p.tel a{color: #fff;background: #2dcf9f;text-align: center;border-radius: 5px;width: 100%;display: block;padding: 0;font-size: 1.4em;}

#area_shop .panel-group li h3{margin:0;padding:0;display: flex;align-items: flex-start;}
#area_shop .panel-group li h3.one::before{margin:0;padding:0;content:url("/img/ranking_01.png");}
#area_shop .panel-group li h3.two::before{margin:0;padding:0;content:url("/img/ranking_02.png");}
#area_shop .panel-group li h3.three::before{margin:0;padding:0;content:url("/img/ranking_03.png");}
#area_shop .panel-group li h3 span.other{margin:0;padding:0 1em;font-size: 0.8em;white-space: nowrap;border: 1px solid #ccc;border-radius: 5px;}
#area_shop .panel-group li ul.top_box{margin:0;padding:0;display: flex;justify-content: space-between;}
#area_shop .panel-group li ul.top_box a{color:#333;}
#area_shop .panel-group li ul.top_box li:first-child{width: 55%;}
#area_shop .panel-group li dl{margin:0;padding:0;width:100%;display: flex;justify-content: space-between;}
#area_shop .panel-group li dl dt{margin:0;padding:0;width:25%;}
#area_shop .panel-group li dl dd{margin:0;padding:0;width:73%;}
#area_shop .panel-group li dl dt figure img{width:100%;}
#area_shop .panel-group li ul.sta_time{margin:0.5em 0 0;display: flex;justify-content: flex-start;}
#area_shop .panel-group li ul.sta_time li{margin-right:1em}
#area_shop .panel-group li ul.sta_time li:first-child::before{font-family:'Font Awesome 5 Free';content:'\f238';font-weight:900;color:#fd9321;margin-right:0.2em}
#area_shop .panel-group li ul.sta_time li:last-child::before{font-family:'Font Awesome 5 Free';content:'\f017';font-weight:900;color:#fd9321;margin-right:0.2em}

#area_shop .panel-group li dl dd p.tel{margin:0.5em 0 1em;}
#area_shop .panel-group li dl dd p.text{margin:0;}
#area_shop .panel-group li dl dd p.tel a:hover{background: #fd9321;}


ul#tab_hotel > li{border:2px solid #fe87ba;border-radius: 5px;margin-bottom:1em;padding:1em;}
ul#tab_hotel li ul.top_box li:nth-child(n+2) a{border:1px solid #fe87ba;border-radius: 5px;display: flex;align-items: center;padding: 0.2em 1em;}
ul#tab_hotel li ul.top_box li:nth-child(n+2) a:hover{background: #fe87ba;color: #fff;}
ul#tab_hotel li dl dt figcaption{color: #fff;background: #fe87ba;text-align: center;border-radius: 5px;display: inline-block;width: 100%;margin:1em 0 0;padding: 0.2em;}
ul#tab_hotel li dl dd p.tel a{color: #fff;background: #fe87ba;text-align: center;border-radius: 5px;width: 100%;display: block;padding: 0;font-size: 1.4em;}

ul#tab_hospital > li{border:2px solid #3d98ee;border-radius: 5px;margin-bottom:1em;padding:1em;}
ul#tab_hospital li ul.top_box li:nth-child(n+2) a{border:1px solid #3d98ee;border-radius: 5px;display: flex;align-items: center;padding: 0.2em 1em;}
ul#tab_hospital li ul.top_box li:nth-child(n+2) a:hover{background: #3d98ee;color: #fff;}
ul#tab_hospital li dl dt figcaption{color: #fff;background: #3d98ee;text-align: center;border-radius: 5px;display: inline-block;width: 100%;margin:1em 0 0;padding: 0.2em;}
ul#tab_hospital li dl dd p.tel a{color: #fff;background: #3d98ee;text-align: center;border-radius: 5px;width: 100%;display: block;padding: 0;font-size: 1.4em;}

@media screen and (max-width: 771px) {
ul#tab_petsalon li ul.top_box li:nth-child(n+2) a{border:1px solid #2dcf9f;border-radius: 5px;display: flex;align-items: center;padding: 0.2em 1em;white-space: nowrap;}
ul#tab_petsalon li ul.sp_box li a{border:1px solid #2dcf9f;border-radius: 5px;display: flex;align-items: center;padding: 1em 0;color:#333;justify-content: center;}
ul#tab_petsalon li ul.sp_box li a:hover{background: #2dcf9f;color: #fff;}
	
#area_shop .panel-group li ul.top_box li:first-child{width: 100%;}
#area_shop .panel-group li dl{margin:0.5em 0;}
#area_shop .panel-group li dl dt figcaption{white-space: nowrap;margin:0.5em 0 0;font-size: 0.8em;}
#area_shop .panel-group li dl dd p.tel{margin:0 0 0.5em }
#area_shop .panel-group li dl dd p.tel a{padding: 0.6em 0 !important;}
#area_shop .panel-group li ul.sp_box{margin:0;padding:0;display: flex;justify-content: space-between;}
#area_shop .panel-group li ul.sp_box li{width: 49%;}
#area_shop .panel-group li ul.sta_time{font-size: 0.8em;}
#area_shop .panel-group li p.text{border: 1px solid #ccc;border-radius: 5px;padding: 0.8em;margin: 0.5em 0 0;display: block;}
	
ul#tab_hotel li ul.top_box li:nth-child(n+2) a{border:1px solid #fe87ba;border-radius: 5px;display: flex;align-items: center;padding: 0.2em 1em;white-space: nowrap;}
ul#tab_hotel li ul.sp_box li a{border:1px solid #fe87ba;border-radius: 5px;display: flex;align-items: center;padding: 1em 0;color:#333;justify-content: center;}
ul#tab_hotel li ul.sp_box li a:hover{background: #fe87ba;color: #fff;}
	
ul#tab_hospital li ul.top_box li:nth-child(n+2) a{border:1px solid #3d98ee;border-radius: 5px;display: flex;align-items: center;padding: 0.2em 1em;white-space: nowrap;}
ul#tab_hospital li ul.sp_box li a{border:1px solid #3d98ee;border-radius: 5px;display: flex;align-items: center;padding: 1em 0;color:#333;justify-content: center;}
ul#tab_hospital li ul.sp_box li a:hover{background: #3d98ee;color: #fff;}
}

/*店舗詳細ページ
-------------------------------------*/
#shop_box section#staff,#shop_box section#price{margin-bottom:2em}


#shop_tab{display: flex;justify-content: center;font-size: 1.2em;}
#shop_tab li{flex-grow: 1;}
#shop_tab li:last-child a{margin-right:0}
#shop_tab li a{background:#f2f0f0;padding:5px;list-style:none;border:solid 1px #CCC;border-bottom:none;text-align:center;cursor:pointer;margin-right:5px;border-top-left-radius: 10px;border-top-right-radius: 10px;display:block;color:#333}
#shop_box{border:solid 1px #CCC;background:#fff;text-align: left;padding: 1em;}
#shop_box h3{margin: 0 0 1em;padding: 0 0.5em;background: #fd9321;border-radius: 5px;color: #fff;font-size: 1.4em;line-height: 2.4em;display: flex;}
#shop_box h3::before {font-family: 'Font Awesome 5 Free';content: '\f6d3';font-weight: 900;color: #fff;margin-right: 0.2em;font-size: 2em;}

#shop_box ul{margin:0;padding:0;display: flex;flex-flow: row wrap;justify-content: center}
#shop_box ul li{width:24%;margin:0 0.5em 0.5em 0;border:1px solid #bfbfbf;border-radius: 5px;padding: 10px;text-align:center;}
#shop_box ul li:nth-child(4n){margin-right: 0 !important;}
#shop_box ul figure img{width:100%;}
#shop_box ul button span{color:#f1ce0a;}
#shop_box ul button{background: #fff;border: 1px solid #bfbfbf;padding: 0.5em 0;width:100%;}

#shop_detail{margin:0;padding:1em;border:solid 1px #CCC;border-radius: 5px;}
#shop_detail ul li{margin:0;padding:0.3em 0;text-align: left;border-bottom: 1px dashed #ccc;}
#shop_detail ul li:first-child img{width:100%;}
#shop_detail ul li:first-child,#shop_detail ul li:last-child{border-bottom: none;}
#shop_detail ul li dl{margin:0;padding:0;display: flex;}
#shop_detail ul li dl dt{color: #fd9321;margin: 0 1em 0 0;}
aside p.keep{margin:0 0 1em;}
aside p.keep a{background: #78c31f;color: #fff;display: block;margin: 0;padding: 1em 0;font-weight: bold;font-size: 1.2em;border-radius: 5px;}
aside p.keep a:hover{background: #fd9321;}

.staff_name a{color:#333;}
.staff_name a:hover{text-decoration:none;color:#78c31f}

@media screen and (max-width: 771px) {
#shop_box ul li{width:48%}
#shop_box ul li:nth-child(2n){margin-right: 0 !important;}
	
#shop_detail ul li{padding:0.5em 0;}
aside p.keep{margin:-2em 0 1em;}
}

/*スタッフ詳細ページ
-------------------------------------*/
#staff_box{border:solid 1px #CCC;background:#fff;text-align: left;padding: 1em;}
#staff_box h3{margin: 0 0 1em;padding: 0 0.5em;background: #fd9321;border-radius: 5px;color: #fff;font-size: 1.4em;line-height: 2.4em;display: flex;}
#staff_box h3::before {font-family: 'Font Awesome 5 Free';content: '\f0c0';font-weight: 900;color: #fff;margin-right: 0.2em;font-size: 2em;}
#staff_box ul{margin:0;padding:0;display: flex;justify-content: space-between;}
#staff_box ul li{margin:0;padding:0;width:49%;}
#staff_box ul li img{width:100%;}
#staff_box ul li dl{margin:0;padding:0;display: flex;border:solid 1px #CCC;}
#staff_box ul li dt{margin:0;padding:0.5em;width:30%;text-align: center;background: #f0f0f0}
#staff_box ul li dd{margin:0;padding:0.5em;width:70%;border-left:solid 1px #CCC;}
#staff_box ul li dd span{background: #ff6699;padding: 0.2em 0.5em 0.1em;border-radius: 5px;margin-left: 0.5em;color: #fff;font-size: 1.2em;}
#staff_box div{margin: 1em 0 0;}

@media screen and (max-width: 771px) {
#staff_box ul{flex-wrap: wrap}
#staff_box ul li{margin:0;padding:0;width:100%;}
}

/*トリマースタッフランキング
-------------------------------------*/
article#ranking_box{}
article#ranking_box section ul.ranking{margin:0;padding:0;display: flex;justify-content: space-between;flex-flow: row wrap;}
article#ranking_box section ul.ranking > li{margin:0 0 0.5em;padding:0;width:32.7%;border:1px solid #ccc;position: relative;counter-increment: rank;}
article#ranking_box section ul.ranking > li:nth-child(n+4){width:24.2%;}
article#ranking_box section ul.ranking > li img{width:100%;}
article#ranking_box section ul.ranking > li::before{position: absolute;left:0;top:0;width:40px;height:40px;content: counter(rank);background: #fff;border-right:1px solid #ccc;border-bottom:1px solid #ccc;line-height: 40px;font-size: 1.4em;}
article#ranking_box section ul.ranking > li:nth-child(1)::before {background: #ada350;color: #fff;}
article#ranking_box section ul.ranking > li:nth-child(2)::before {background: #888;color: #fff;}
article#ranking_box section ul.ranking > li:nth-child(3)::before {background: #b35c5c;color: #fff;}
article#ranking_box section ul.ranking > li figcaption{padding:1em;text-align: left;}
article#ranking_box section ul.ranking > li p.name{margin:0;padding:0 0 0.3em;font-weight: bold;border-bottom: 1px solid #333;}
article#ranking_box section ul.ranking > li p.good{margin:0;padding:0.3em 0;font-size: 0.9em;}
article#ranking_box section ul.ranking > li div{margin:0;padding:0.5em;background: #f2f0f0;}

article#ranking_box section ul.ranking > li p.shop_name{margin: 0;font-size: 11px;color:#888;}
article#ranking_box section ul.ranking > li p.shop_name::before{font-family:'Font Awesome 5 Free';content:'\f015';font-weight:900;margin-right:0.2em}
article#ranking_box section ul.ranking > li p.shop_place{margin: 0em;font-size: 11px;color:#888;}
article#ranking_box section ul.ranking > li p.shop_place::before{font-family:'Font Awesome 5 Free';content:'\f3c5';font-weight:900;margin-right:0.2em}

ul.ranking_btn{margin:0;padding:0;display: flex;flex-flow: row wrap;justify-content: space-between;}
ul.ranking_btn > li{text-align: center;margin: 0.5em 0 0;}
ul.ranking_btn > li:first-child{width:49%;}
ul.ranking_btn > li:last-child{width:49%;}
ul.ranking_btn > li a{border: 1px solid #999;color: #999;display: block;border-radius: 5px;}

@media screen and (max-width: 771px) {
article#ranking_box section ul.ranking > li,
article#ranking_box section ul.ranking > li:nth-child(n+4){width:49%;}
}


/*キープリスト
-------------------------------------*/
ul.keep_staff,ul.keep_btn{margin:0;padding:0;display: flex;flex-flow: row wrap;justify-content: space-between;}
ul.keep_staff > li{width:24%;margin:0 0.5em 0.5em 0;border:1px solid #bfbfbf;border-radius: 5px;padding: 10px;text-align: left;}
ul.keep_staff > li:nth-child(4n){margin-right: 0 !important;}
ul.keep_staff figure img{width:100%;}
ul.keep_staff li p.name{margin:0;padding:0.5em 0 0.3em;font-weight: bold;border-bottom: 1px solid #333;}
ul.keep_staff li p.good{margin:0;padding:0.3em 0;font-size: 0.9em;}
ul.keep_staff li div{margin:0;padding:0.5em;background: #f2f0f0;}

ul.keep_staff li p.shop_name{margin: 0;font-size: 11px;color:#888;}
ul.keep_staff li p.shop_name::before{font-family:'Font Awesome 5 Free';content:'\f015';font-weight:900;margin-right:0.2em}
ul.keep_staff li p.shop_place{margin: 0.5em 0;font-size: 11px;color:#888;}
ul.keep_staff li p.shop_place::before{font-family:'Font Awesome 5 Free';content:'\f3c5';font-weight:900;margin-right:0.2em}

ul.keep_staff::after {display: block;content:"";width:24%;}

ul.keep_staff .shop_salon{margin: 0;color:#fff;background: #2dcf9f;text-align: center;border-radius: 5px;display: inline-block;width: 100%;}
ul.keep_staff .shop_hotel{margin: 0;color:#fff;background: #fe87ba;text-align: center;border-radius: 5px;display: inline-block;width: 100%;}
ul.keep_staff .shop_hospital{margin: 0;color:#fff;background: #3d98ee;text-align: center;border-radius: 5px;display: inline-block;width: 100%;}

ul.keep_btn > li{text-align: center;margin: 0.5em 0 0;}
ul.keep_btn > li:first-child{width:70%;}
ul.keep_btn > li:last-child{width:29%;}
ul.keep_btn > li a{border: 1px solid #999;color: #999;display: block;border-radius: 5px;}


@media screen and (max-width: 771px) {
ul.keep_staff li{width:49%;margin:0 0 0.5em;}
}

/*キーワード検索
-------------------------------------*/
article#keyword_box{text-align: left;font-size: 1.1em;}
article#keyword_box li{margin:0 0 1em;}
article#keyword_box select{padding: 0.5em;width: 50%;}
input[type="submit"]{background: #fd9321; border: none;color: #fff;padding: 0.5em 1em;font-size: 1.1em;}


#keep_footer a{display: none;}
/*スマホ keep_btn
-------------------------------------*/
@media screen and (max-width: 771px) {
#keep_footer{position:fixed;bottom:0;width:100%;}
#keep_footer a{display: block;text-align: center;background: #fd9321;color: #fff;padding: 0.5em;font-size: 1.2em;}
}

.page-numbers{background: #fd9321;padding: 0.3em 0.6em;border-radius: 5px;color: #fff;}



/*ペットショップ*/
ul#tab_petshop > li{border:2px solid #a853d0;border-radius: 5px;margin-bottom:1em;padding:1em;}
ul#tab_petshop li ul.top_box li:nth-child(n+2) a{border:1px solid #a853d0;border-radius: 5px;display: flex;align-items: center;padding: 0.2em 1em;}
ul#tab_petshop li ul.top_box li:nth-child(n+2) a:hover{background: #a853d0;color: #fff;}
ul#tab_petshop li dl dt figcaption{color: #fff;background: #a853d0;text-align: center;border-radius: 5px;display: inline-block;width: 100%;margin:1em 0 0;padding: 0.2em;}
ul#tab_petshop li dl dd p.tel a{color: #fff;background: #a853d0;text-align: center;border-radius: 5px;width: 100%;display: block;padding: 0;font-size: 1.4em;}

/*ドッグラン*/
ul#tab_dogrun > li{border:2px solid #da751b;border-radius: 5px;margin-bottom:1em;padding:1em;}
ul#tab_dogrun li ul.top_box li:nth-child(n+2) a{border:1px solid #da751b;border-radius: 5px;display: flex;align-items: center;padding: 0.2em 1em;}
ul#tab_dogrun li ul.top_box li:nth-child(n+2) a:hover{background: #da751b;color: #fff;}
ul#tab_dogrun li dl dt figcaption{color: #fff;background: #da751b;text-align: center;border-radius: 5px;display: inline-block;width: 100%;margin:1em 0 0;padding: 0.2em;}
ul#tab_dogrun li dl dd p.tel a{color: #fff;background: #da751b;text-align: center;border-radius: 5px;width: 100%;display: block;padding: 0;font-size: 1.4em;}

/*ペット可飲食店*/
ul#tab_restaurant > li{border:2px solid #d05353;border-radius: 5px;margin-bottom:1em;padding:1em;}
ul#tab_restaurant li ul.top_box li:nth-child(n+2) a{border:1px solid #d05353;border-radius: 5px;display: flex;align-items: center;padding: 0.2em 1em;}
ul#tab_restaurant li ul.top_box li:nth-child(n+2) a:hover{background: #d05353;color: #fff;}
ul#tab_restaurant li dl dt figcaption{color: #fff;background: #d05353;text-align: center;border-radius: 5px;display: inline-block;width: 100%;margin:1em 0 0;padding: 0.2em;}
ul#tab_restaurant li dl dd p.tel a{color: #fff;background: #d05353;text-align: center;border-radius: 5px;width: 100%;display: block;padding: 0;font-size: 1.4em;}


@media screen and (max-width: 771px) {
/*ペットショップ*/
ul#tab_petshop li ul.top_box li:nth-child(n+2) a{border:1px solid #a853d0;border-radius: 5px;display: flex;align-items: center;padding: 0.2em 1em;white-space: nowrap;}
ul#tab_petshop li ul.sp_box li a{border:1px solid #a853d0;border-radius: 5px;display: flex;align-items: center;padding: 1em 0;color:#333;justify-content: center;}
ul#tab_petshop li ul.sp_box li a:hover{background: #a853d0;color: #fff;}

/*ドッグラン*/
ul#tab_dogrun li ul.top_box li:nth-child(n+2) a{border:1px solid #da751b;border-radius: 5px;display: flex;align-items: center;padding: 0.2em 1em;white-space: nowrap;}
ul#tab_dogrun li ul.sp_box li a{border:1px solid #da751b;border-radius: 5px;display: flex;align-items: center;padding: 1em 0;color:#333;justify-content: center;}
ul#tab_dogrun li ul.sp_box li a:hover{background: #da751b;color: #fff;}

/*ペット可飲食店*/
ul#tab_restaurant li ul.top_box li:nth-child(n+2) a{border:1px solid #d05353;border-radius: 5px;display: flex;align-items: center;padding: 0.2em 1em;white-space: nowrap;}
ul#tab_restaurant li ul.sp_box li a{border:1px solid #d05353;border-radius: 5px;display: flex;align-items: center;padding: 1em 0;color:#333;justify-content: center;}
ul#tab_restaurant li ul.sp_box li a:hover{background: #d05353;color: #fff;}
}