/***********************************************************************
共通
***********************************************************************/
/* フィルター */
.v3_btn_filter{font-size:1.2rem;font-weight:bold;padding:1rem 2rem;background-color:#333333;border-radius:0.3rem;color:#FFF;text-decoration:none;margin:10px auto;}
.v3_btn_filter:hover{color:#FFFF00;cursor:pointer;text-decoration:none;}
#filterformlabel{display:block;cursor:pointer;margin:30px auto;}
#filterformcheckbox{display:none;}
#filterform{height:0;padding:0 15px;overflow:hidden;}
#filterformcheckbox:checked ~ #filterform{height:auto;opacity:1;}
.filterlabel1{color:#C32C40;}
.filter_left{display:inline-block;width:100px;vertical-align:top;font-weight:bold;color:#C32C40;}
.filter_option{display:inline-block;margin:0.2em 0 0.6em 0;}
#filter_result{width:100%;text-align:center;color:#C32C40;font-weight:bold;margin:10px 0;padding:10px 0;}
.num_contents{text-align:center;color:#C32C40;font-weight:bold;margin-bottom:20px;}

/* 店舗情報 */
div.v3_shop_info{width:100%;}
div.v3_shopinfo_border{border-left:solid 1px #aaa;border:solid 1px #aaa;margin-bottom:20px;box-shadow: 0 10px 7px 0 rgba(0, 0, 0, .5);}
span.panel1_on{background-color:#EE6F96;}
span.panel1_off{background-color:#A6A6A6;}
span.panel2_on{background-color:#22A4CD;}
span.panel2_off{background-color:#A6A6A6;}
.icon_new{position:relative;top:5px;margin:0 5px 0 0;}

/* 地図リンク */
.maplink{white-space:nowrap;font-weight:bold;height:20px;margin:0.5rem;padding:3px 5px;border:solid 1px #0070C0;border-radius:0.3rem;}
.maplink:hover{background-color:#0070C0;color:#FFFFFF;}

/* 外部リンクボタン */
.exlinkbox{font-weight:bold;width:180px;height:35px;text-align:left;line-height:35px;border:solid 1px #0070C0;border-radius:5px;position:relative;margin:5px 5px 5px 0;padding-left:10px;}
.exlinkbox:hover{background-color:#0070C0;color:#FFFFFF;}
.exlinkbox-nolink{color:#CCCCCC;font-weight:bold;width:180px;height:35px;text-align:left;line-height:35px;border:solid 1px #CCCCCC;border-radius:5px;position:relative;margin:5px 5px 5px 0;padding-left:10px;}
.exlinkbox i{position:absolute;top:10px;right:10px;}

/* ページング */
.pager .pagination{text-align:center;position:relative;left:-20px;}
.pager .pagination li{display:inline;margin:0 2px;padding:0;display:inline-block;background-color:#333333;border-radius:12px;white-space:nowrap;width:50px;height:50px;text-align:center;position:relative;}
.pager .pagination li a{vertical-align:middle;position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;display:table;color:#fff;text-decoration:none;}
.pager .pagination li a span{display:table-cell;vertical-align:middle;}
.pager .pagination li a:hover, .pager .pagination li a.active{color:#fff;background-color:#C32C40;border-radius:12px;white-space:nowrap;}

/* SNSシェアボタン */
.snssharelink{width:40px;height:40px;margin:0 5px;}
#urlcopy_result{display: ;position:relative;top:-120px;left:320px;padding:10px;font-size:12px;line-height:1.6em;color:#fff;border-radius:5px;background:rgba(0,0,0,0.7);width:120px;}
#urlcopy_result:before{content:"";position:relative;top:63px;left:52px;border:15px solid transparent;border-top:15px solid rgba(0,0,0,0.7);margin-left:-15px;}

/* ページトップへ戻るボタン */
#page_top{width:70px;height:70px;position:fixed;right:0;bottom:0;opacity:0.6;}
#page_top span{width:60px;height:60px;text-decoration:none;cursor:pointer;}
#page_top span::before{font-family:'Font Awesome 5 Free';font-weight:900;content:'\f139';font-size:50px;color:#EE6F96;}

/***********************************************************************
スマホ用
***********************************************************************/
@media screen and (max-width:767px){
/************************* スマホ（ここから）*************************/
/* モーダルウィンドウ */
.modal{display:none;height:100vh;position:fixed;top:0;width:100%;z-index:2;}
.modal__bg{background:rgba(0,0,0,0.8);height:100vh;position:absolute;width:100%;}
.modal__content{background:#fff;left:49%;padding:20px;position:absolute;top:50%;transform:translate(-50%,-50%);width:70%;}

/* 注目店舗 */
.pu_border{border:solid 1px #aaa;width:300px;border-radius:7px;box-shadow:0 10px 7px 0 rgba(0, 0, 0, .5);margin:10px auto;padding:10px 20px 0 20px;}
.pu_catchphrase{font-size:0.8rem;font-weight:bold;text-align:center;}
.pu_shopname{font-size:1.2rem;color:#C32C40;font-weight:bold;margin-top:10px;margin-bottom:10px;text-align:center;}
.pu_description{font-size:0.9rem;text-align:left;}
.pu_detaillink{font-size:1.2rem;color:#ffffff;font-weight:bold;margin:30px 0;text-align:center;background-color:#333333;border-radius:0.3rem;padding:0.5rem 3rem 0.5rem 3rem;}

/* サマリーデータ */
th.v3_shop_summary{color:#333;font-size:0.9rem;width:200px;text-align:center;}
td.v3_shop_summary{font-size:1rem;padding:5px 0;}

/* フィルター */
.filter_right{display:inline-block;width:260px;font-size:0.9em;padding:0 0 1em 1em;}
#filterform input[type=submit]{width:70%;height:45px;font-size:1rem;font-weight:bold;background-color:#2D2D2D;color:#FFFFFF;}
#filterform select{width:300px;height:45px;}

/* 店舗情報 */
.shopitem{font-size:0.9rem;color:#FFFFFF;background-color:#C32C40;border-radius:20px;padding:5px 15px 5px 15px;}
h3.v3_shop_name{color:#000;font-size:1.2em;font-weight:bold;text-align:center;margin:15px 10px 5px 10px;}
span.v3_shop_address{font-size:0.9em;color:#333;vertical-align:center;padding-top:7px;padding-left:1em;overflow:hidden;white-space:nowrap;width:260px;text-overflow:ellipsis;}
div.v3_shopinfo_subtitle{width:100%;text-align:center;font-size:0.8rem;color:#FFF;font-weight:bold;margin:0;}
div.v3_pu_choicebg{width:100%;background-color:#333333;text-align:center;margin:0;}
span.v3_pu_choicetext{font-size:0.8rem;font-weight:bold;color:#FFFF99;}
div.rescueanimalsbg{width:100%;text-align:right;margin-top:5px;margin-bottom:5px;}
span.rescueanimalstext{font-size:0.8rem;font-weight:bold;color:#EE6F96;border:solid 1px #f5587b;border-radius:10px;padding:2px 5px 2px 5px;margin:10px 15px 5px 0;}
span.v3_shopinfo_panel{font-size:0.8rem;display:inline-block;width:4rem;padding:3px 6px;;margin:5px 1px;font-weight:bold;color:#fff;border-radius:5px;white-space:nowrap;}
span.v3_shopinfo_panel2{font-size:0.8rem;display:inline-block;width:3.2rem;padding:3px 4px;;margin:5px 1px;font-weight:bold;color:#fff;border-radius:5px;white-space:nowrap;}
i.icon_panel{margin-right:0.2rem;}
i.icon_shopitem{margin-right:0.5rem;}
div.v3_text_shopitem{font-size:1rem;font-weight:bold;color:#C32C40;text-align:center;margin:10px auto;}
div.v3_text_shopinfo{font-size:0.9rem;padding:1.2em;}
img.icon_silhouette{width:50px;height:50px;}
div.v3_price{font-weight:bold;font-size:1.1rem;}
div.button_social{font-weight:bold;display:inline-block;width:250px;height:50px;vertical-align:middle;border:solid 1px #0070C0;border-radius:30px;margin:10px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:0 20px;}
img.icon_social{width:30px;height:30px;margin-right:10px;position:relative;top:10px;}
div.v3_shop_detaillink{margin-top:40px;width:100%;text-align:center;padding:1em 0 2em 0;}
.v3_btn_detail{font-size:1.2rem;font-weight:bold;padding:1rem 5rem;background-color:#333333;border-radius:0.3rem;color:#FFF;text-decoration:none;}
.v3_btn_detail:hover{background-color:#666666;color:#FFFF00;cursor:pointer;text-decoration:none;}
table.v3_shop_info_detail{width:95%;border-collapse:collapse;margin:10px auto;}
table.v3_shop_info_detail tr{border-bottom:dotted 1px #999999;}
th.v3_shop_info_detail{color:#333;font-size:0.7rem;width:75px;text-align:center;}
td.v3_shop_info_detail{font-size:0.8rem;padding:5px 0;}

/* 報告フォーム */
.notiform_text{font-size:1rem;}
.notiform_text input[type=submit]{width:50%;height:45px;font-size:1.5rem;background-color:#2D2D2D;color:#FFFFFF;}

/* オーナー様、飼い主様へ */
.beginner{margin-top:0.6rem;font-weight:bold;font-size:1.1rem;color:#C32C40;}

/* 関連コンテンツ */
.rec_container{display:block;text-align:center;width:100%;}
.rec_thum{width:95%;height:auto;}

/* 広告 */
div.advertisement{width:100%;text-align:center;}
div.sponsorlink{width:100%;font-size:0.8rem;text-align:center;vertical-align:top;}

/* ページング */
.pager .pagination li{display:none;}
.pager .pagination li.pre, .pager .pagination li.next{display:inline-block;width:40%;height:50px;text-align:center;}
.pager .pagination li.pre a, .pager .pagination li.next a{width:100%;text-align:center;}
.pager .pagination li.pre span::after{content:" 前の10件へ";}
.pager .pagination li.next span::before{content:"次の10件へ ";}

/* フッター */
#footermenu{display:none;}
#copyright{font-size:0.75rem;line-height:2rem;color:#FFF;background-color:#333;}

/************************* スマホ（ここまで）*************************/
}
/***********************************************************************
PC用
***********************************************************************/
@media screen and (min-width:768px){
/************************* PC（ここから）*************************/
/* モーダルウィンドウ */
.modal{display:none;height:100vh;position:fixed;top:0;width:960px;z-index:2;}
.modal__bg{background:rgba(0,0,0,0.8);height:100vh;position:absolute;width:960px;}
.modal__content{background:#fff;left:50%;padding:40px;position:absolute;top:50%;transform:translate(-50%,-50%);width:60%;}

/* サマリーデータ */
th.v3_shop_summary{color:#333;font-size:0.9rem;width:200px;text-align:center;}
td.v3_shop_summary{font-size:0.9rem;padding:5px 0;}

/* フィルター */
.filter_right{display:inline-block;width:600px;font-size:0.9em;padding:0 0 1em 1em;}
#filterform input[type=submit]{width:50%;height:45px;font-size:1rem;font-weight:bold;background-color:#2D2D2D;color:#FFFFFF;}

/* 店舗情報 */
.shopitem{font-size:0.9rem;color:#FFFFFF;background-color:#C32C40;border-radius:20px;padding:5px 15px 5px 15px;}
h3.v3_shop_name{color:#000;font-size:1.4em;font-weight:bold;text-align:center;margin:15px 10px 5px 10px;}
span.v3_shop_address{font-size:0.9em;color:#333;vertical-align:center;padding-top:7px;padding-left:1em;overflow:hidden;white-space:nowrap;width:400px;text-overflow:ellipsis;}
div.v3_shopinfo_subtitle{width:100%;text-align:center;font-size:0.8rem;color:#FFF;font-weight:bold;margin:0;}
div.v3_pu_choicebg{width:100%;background-color:#333333;text-align:center;margin:0;}
span.v3_pu_choicetext{font-size:0.8rem;font-weight:bold;color:#FFFF99;}
div.rescueanimalsbg{width:100%;text-align:right;margin-top:5px;margin-bottom:5px;}
span.rescueanimalstext{font-size:0.8rem;font-weight:bold;color:#EE6F96;border:solid 1px #f5587b;border-radius:10px;padding:2px 5px 2px 5px;margin:10px 15px 5px 0;}
span.v3_shopinfo_panel{font-size:0.8rem;display:inline-block;width:4rem;padding:3px 6px;;margin:5px 1px;font-weight:bold;color:#fff;border-radius:5px;white-space:nowrap;}
span.v3_shopinfo_panel2{font-size:0.8rem;display:inline-block;width:3.2rem;padding:3px 4px;;margin:5px 1px;font-weight:bold;color:#fff;border-radius:5px;white-space:nowrap;}
i.icon_panel{margin-right:0.2rem;}
i.icon_shopitem{margin-right:0.5rem;}
div.v3_text_shopitem{font-size:1rem;font-weight:bold;color:#C32C40;text-align:center;margin:10px auto;}
div.v3_text_shopinfo{font-size:0.9em;padding:1.2em;}
img.icon_silhouette{width:60px;height:60px;margin-left:5px;margin-right:0;}
div.v3_price{font-weight:bold;font-size:1.1rem;}
div.v3_price_sub{font-weight:bold;font-size:0.9rem;}
div.button_social{font-weight:bold;display:inline-block;width:250px;height:50px;vertical-align:middle;border:solid 1px #0070C0;border-radius:30px;margin:10px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:0 20px;}
div.button_social:hover{background-color:#0070c0;color:#FFFFFF;}
img.icon_social{width:30px;height:30px;margin-right:10px;position:relative;top:10px;}
div.v3_shop_detaillink{margin-top:40px;width:100%;text-align:center;padding:1em 0 2em 0;}
.v3_btn_detail{font-size:1.2rem;font-weight:bold;padding:1rem 6rem;background-color:#333333;border-radius:0.3rem;color:#FFF;text-decoration:none;}
.v3_btn_detail:hover{background-color:#666666;color:#FFFF00;cursor:pointer;text-decoration:none;}
table.v3_shop_info_detail{width:90%;border-collapse:collapse;margin:10px auto;}
table.v3_shop_info_detail tr{border-bottom:dotted 1px #999999;}
th.v3_shop_info_detail{color:#333;font-size:0.9rem;width:130px;text-align:center;}
td.v3_shop_info_detail{font-size:0.9rem;padding:8px 5px;}

/* 地図リンク */
.maplink{line-height:1.8rem;}

/* 報告フォーム */
.notiform_text{font-size:1.3rem;}
.notiform_text input[type=radio]{width:1.3rem;height:1.3rem;vertical-align:middle;position:relative;top:-3px;}
.notiform_text input[type=submit]{width:50%;height:45px;font-size:1.5rem;background-color:#2D2D2D;color:#FFFFFF;}
.notiform_text input[type=submit]:disabled{background:#ccc;}

/* オーナー様、飼い主様へ */
.beginner{margin-top:0.6rem;font-weight:bold;font-size:1.2rem;color:#C32C40;}

/* 関連コンテンツ */
.rec_container{display:grid;grid-template-rows:180px 180px 180px;grid-template-columns:50% 50%;}
.rec_container2{display:block;text-align:center;width:100%;}
.rec_thum{width:90%;height:auto;padding:0 auto;}

/* 広告 */
div.advertisement{width:39rem;}
div.sponsorlink{font-size:0.75rem;text-align:center;vertical-align:top;}

/* フッター */
#footermenu{display:flex;flex-wrap:wrap;justify-content:center;background:#000;align-items:center;margin:100px 0 0 0;list-style:none;padding-left:0;}
#footermenu li{width:130px;padding:10px 0;}
#footermenu a{color:#fff;text-align:center;text-decoration:none;white-space:nowrap;}
#footermenu li:hover{color:#C32C40;}
.menuItemHref{font-size:0.8rem;}
#copyright{font-size:0.75rem;line-height:2rem;color:#FFF;background-color:#000;margin-top:0;}

/************************* PC（ここまで）*************************/
}
