@charset "utf-8";
/* ############################################################################
 *
 * ユーザーマイページ
 *
 * ############################################################################ */

/* ============================================================================
 * 共通スタイル
 * ============================================================================ */

/* ------------------------------------
 * アイコン
 * --------------------------------- */
.fa-search {
  color: #8f928d;
}
.fa-comment {
  color: #2368A4;
}
.fa-star {
  color: #f9a200;
}

/* ------------------------------------
 * ボタンデザイン
 * --------------------------------- */
.orange_btn {
    display: inline-block;
    border: none;
    color: #fff;
    background-color: #EF873B;
    font-size: 18px;
    width: 250px;
    cursor: pointer;
    border-radius: 8px;
    margin: 15px 0 20px;
}

#contens-inner{
  padding-top:10px;
}

a{
  text-decoration: none;
}

.breadcrumb{
  padding:0;
  margin-bottom:5px;
}

#left-contents{
  width:200px;
  float: left;
}
#right-contents{
  width:750px;
  float: right;
}

#left-contents .box{
  border:1px solid #ccc;
  border-radius: 3px;
  background:#fff;
  padding:5px;
  margin-bottom:10px;
  word-break: break-all;
}
.userPhotoWrap{
  height:188px;
  width:188px;
  overflow:hidden;
}
#left-contents .box .userPhoto{
  height:188px;
  width:188px;
}
#left-contents .box .userPhoto img{
  width:100%;
}
#left-contents dt{
  font-size:14px;
  margin-bottom:5px;
}
#left-contents dt img{
  width: 20px;
  vertical-align: -4px;
  margin-right:5px;
}
#left-contents dd{
  font-size:14px;
  margin-left:1em;
}
#left-contents dd + dt{
  margin-top:20px;
}
#left-contents dd a{
  display: block;
}

#right-contents .box{
  word-break: break-all;
  margin-bottom: 15px;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 3px;
}

#right-contents.mypageTopWrap .box{
  word-break: break-all;
  margin-bottom: 15px;
  background: transparent;
  border: none;
  border-radius: 0;
}


#right-contents.mypageTopWrap .box>div{
  background:#fff;
  border-left:1px solid #ccc;
  border-right:1px solid #ccc;
  border-bottom:1px solid #ccc;
}

#right-contents.mypageTopWrap .box>div:last-of-type{
  border-radius: 0 0 3px 3px;
}

.diaryDetailBox{
  font-size:15px;
  line-height:1.8;
  word-break: break-word;
}
/* -----タイトル----- */

h1{
  font-size:20px;
  font-weight: bold;
  padding-bottom:10px;
  text-align: left;
}

.box h1,
.box .box_heading{
  padding: 5px 5px 2px 10px;
  border-top:3px solid #CCAA99;
  border-bottom:1px solid #ccc;
  color: #555;
  font-size:18px;
  font-weight: normal;
  text-align: left;
}
.box .box_heading{
  width: auto;
}
.box h1:before,
.box .box_heading:before{
  margin-right:5px;
  vertical-align: -4px;
}

.box h1#diary{border-top-color:#40B7BE;}
.box h1#diary:before{content:url(/images/icon/icon_14.gif);}
.box h1#user{border-top-color:#FF9C34;}
.box h1#user:before{content:url(/images/icon/icon_18_s.png);}
.box h1#profile{border-top-color:#FF9C34;}
.box h1#profile:before{content:"　";}
.box h1#nekosha{border-top-color:#E65F56;}
.box h1#nekosha:before{content:url(/images/icon/icon_31.png);}
.box h1#foster{border-top-color:#86BE5E;}
.box h1#foster:before{content:url(/images/icon/icon_32.png);}
.box h1#message{border-top-color:#83C2EB;padding: 6px 5px 0;}
.box h1#message:before{content:url(/images/icon/icon_28.png);}
.box h1#bell{border-top-color:#F9BC46;}
.box h1#bell:before{content:url(/images/icon/icon_30.png);}
.box h1#cat{border-top-color:#FF9C34;}
.box h1#cat:before{content:url(/images/icon/icon_27_s.png);}

.box h1#message a.txtIcon{font-size:12px; margin-top: 3px;}
.box h1#message a.txtIcon::before{margin-right: 6px;}

.box h1.diary{border-top-color:#40B7BE;}
.box h1.diary:before{content:url(/images/icon/icon_14.gif);}

.box h1.diary .diarycnt{
	font-size: 14px;
}
.box h1.noticeListHeading{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px 10px;
  border-top-color: #F9BC46;
  position: relative;
}
.box h1.noticeListHeading:before{
  color: #F9BC46;
  font-size: 1rem;
  font-family: FontAwesome;
  content: "\f0f3";
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
}
.box h1.noticeListHeading .txt{
  padding: 0 0 0 1.8rem;
}
.box h1.noticeListHeading a{
  margin: 0 0 0 10px;
  font-size: .8rem;
}


.box h2{
  width: 100%;
  margin: auto;
  padding:20px 20px 0;
  box-shadow: none;
  border:none;
  font-size:16px;
  font-weight: bold;
}
.userEdit_box h2{
  width: calc(100% - 40px);
  margin: 20px 15px 0;
  padding: 0 5px 3px;
  border-bottom: 1px solid #ca9;
}


p.title{
  font-size: 16px;
  border-bottom:1px solid #ccc;
  text-align: left;
  margin-bottom:5px;
  padding:5px 0 2px 5px;
}

.box .defHTtl{
  width: auto;
  padding:5px 5px 2px 5px;
  background: #fff;
  border-top:3px solid #CCAA99;
  border-left:1px solid #ccc;
  border-right:1px solid #ccc;
  border-bottom:1px solid #ccc;
  border-radius: 3px 3px 0 0;
  color: #555;
  text-align: left;
  font-size:16px;
}
.box .defHTtl:before{
  margin-right:5px;
  vertical-align: -4px;
}

.box .diaryHTtl{border-top-color:#40B7BE;}
.box .diaryHTtl:before{content:url(/images/icon/icon_14.gif);}
.box .userHTtl{border-top-color:#FF9C34;}
.box .userHTtl:before{content:url(/images/icon/icon_18_s.png);}
.box .profileHTtl{border-top-color:#FF9C34;}
.box .profileHTtl:before{content:url(/images/icon/icon_profile_s.png);}
.box .nekoshaHTtl{border-top-color:#E65F56;}
.box .nekoshaHTtl:before{content:url(/images/icon/icon_31.png);}
.box .fosterHTtl{border-top-color:#86BE5E;}
.box .fosterHTtl:before{content:url(/images/icon/icon_32.png);}
.box .messageHTtl{border-top-color:#83C2EB;padding: 6px 5px 0;}
.box .messageHTtl:before{content:url(/images/icon/icon_28.png);}
.box .bellHTtl{border-top-color:#F9BC46;}
.box .bellHTtl:before{content:url(/images/icon/icon_30.png);}
.box .catHTtl{border-top-color:#FF9C34;}
.box .catHTtl:before{content:url(/images/icon/icon_27_s.png);}

.box .messageHTtl a.txtIcon{font-size:12px; margin-top: 3px;}
.box .messageHTtl a.txtIcon::before{margin-right: 6px;}


.box .welcame{border-top-color:#df5656;font-size:18px;}
.box .welcame:before{content:url(/images/icon/icon_35.png);vertical-align: -8px;}
/*----------*/

#left-contents p.username{
  font-size:18px;
  font-weight: 500;
  color:#EA731C;
}
#left-contents a.newmail{
  color:#c30000;
}

#left-contents a .fa{
  font-size: 15px;
  color:#555;
}

#left-contents a.newmail:before{
  margin-right: 5px;
}
div#footer{
  margin-top:0;
}

/*ネコジルシへようこそ*/
.welcomeList{
  font-size:18px;
  margin-bottom:10px;
}
.welcomeList i{
  color:#df5656;
}

/*　必須アイコン　*/
.require{
  width: 40px;
  margin-right:3px;
  vertical-align: -5px;
}

.pictlist{
  width: 93px;
  height:93px;
  overflow: hidden;
  display: inline-block;
  position: relative;
  margin:0 2px 2px 0;
}
.pictlist:nth-child(even){
  margin-right:0;
}
.sidecatlist .pictlist:nth-child(even){
  margin-right:2px;
}
.sidecatlist .pictlist:nth-child(odd){
  margin-right:0;
}
.pictlist.big{
  width: 188px;
  height:188px;
  overflow: hidden;
}

.pictlist a{
  display: inline-block;
  position: relative;
  width: 100%;
  height: 100%;
}
.pictlist img{
  display: inline-block;
  position: absolute;
  width:100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  object-fit: cover;
}
.pictlist .name{
  color:#fff;
  background:rgba(0, 0, 0, 0.4);
  position: absolute;
  bottom:0;
  left:0;
  width: 100%;
  padding:2px;
  font-size:11px;
  box-sizing: border-box;
  overflow: hidden;
  white-space: nowrap;
}

.mypage_header{
  border-width:1px 0;
  border-style: solid;
  border-color:#ca9;
  background-color:#fff;
  padding: 5px;
  margin-bottom: 10px;
}
.mypage_header img{
  vertical-align: -5px;
  margin-right:5px;
}

.pager_bg{
  border-width:1px 0;
  border-style: solid;
  border-color:#ca9;
  background-color:#fff;
  padding: 2px;
  margin-bottom: 10px;
}

/* マイページを充実させましょう */

.mypage_intro{
  background: #ffffff;
  margin-bottom:20px;
}

.mypage_intro img{
  width: 100%;
}

.mypage_intro h3{
  padding:10px 10px;
  font-size:140%;
  color:#6c3d14;
  font-weight:bold;
  border-bottom:5px solid #f9989b;

}
.mypage_intro h4{
  font-weight:bold;
  color:#b22222;
  margin-top:10px;
  font-size:110%;
}

.dark-orange{
  color: #ff711c;
}

.top-index{
  border: 1px solid #cccccc;
}

.top-mini-index{
  font-size: 20px;
  font-weight: bold;
  color: #6c3d14;
  border-top: 5px solid #f9989b;
  border-bottom: 5px solid #fec6c7;
}

.mini-comment{
  line-height: 160%;
  text-align: left;
  font-size:100%;
  color:#777;
  padding:0 15px;
  margin-top:15px;
  margin-bottom:20px;
}

.mini-index{
  font-size:110%;
  font-weight:bold;
  position: relative;
  margin: 20px 0px 0px 0px;
  padding:5px 10px;
  border-left:8px solid #ff711c;
  color:#555555;
}

.mini-index::after{
  position: absolute;
  left: 0;
  bottom: 0;
  content: '';
  width: 100%;
  height: 0;
  border-bottom: 2px solid #cccccc;
}

.index-block{
  padding: 0px 10px;
}

.mypage_intro .icon{
  width:18px;
  vertical-align:-4px;
}

.mypage_intro .fa-paw{
  margin-right:10px;
}
.mini-box-notice{
  border:1px solid #ccc;
  background:#f2f2f2;
  margin-bottom:10px;
  border-radius: 3px;
  word-break: break-all;
}

.mini-box-gray{
  background:#eee;
  margin-bottom:10px;
  border-radius: 3px;
  word-break: break-all;
  border-radius: 5px;
}

.flowtxt{
  width:375px;
}

.close-btn{
  font-size: 12px;
  color: #fff;
  background: #f9989b;
  padding: 4px;
  border: 1px solid #ff8185;
  border-radius: 5px;
}

.mypage_intro .fa-times{
  margin-right:5px;
}


/* PCでのデフォルトのテーブル */
.userhome-default-table{
  margin: 0 auto 20px;
  width: 95%;
}
.userhome-default-table th,
.userhome-default-table td{
  border:none;
  padding:20px;
}
.userhome-default-table th{
  vertical-align: middle;
  font-size:14px;
  color:#333;
}
.userhome-default-table a{
  color:#0f67b7;
}
/* 通知エリア */
.notice {
  display: table;
  width: 100%;
  border-bottom: 1px dotted #c5b4a5;
  padding: 3px 0;
  background-color: #fff;
  box-sizing: border-box;
  position: relative;
}
.notice.visited {
  background-color: #fafafa;
}
.notice.visited .diarytitle a{
  color:#666;
}
.notice.visited .diarytitle a:hover{
  color:#ff6c00;
}
.notice:last-child{
  border-bottom:none;
}
.noticearea a {
  color: #666;
}
.noticearea:hover{
  background-color:#fff6dd;
}
.noticeText {
  font-weight: bold;
}
.notice .img {
  width: 10%;
  padding:5px 10px;
}
.notice .img img {
  width: 60px;
  border-radius: 50%;
}
.notice .detail {
  width: 90%;
}

.notice .img2{
  width: 100px;
  height: 100px;
  overflow:hidden;
  text-align: center;
}
.notice .img2 img {
  width: 100px;
  height: auto;
  margin:5px;
}
.notice .detail2 {
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  width: 620px;
  padding:0 10px;
  color:#555;
}
.notice .detail2 .title{
  margin-bottom:10px;
}
.notice .detail2 .profile{
  margin-bottom:3px;
  font-size:90%;
}
.notice .detail2 .apply_cnt img{
  height:15px;
  margin-top:-5px;
  vertical-align:middle;
}
.notice .body{
  display: block;
  font-size:12px;
  color:#666;
  width: 620px;
  height:35px;
  overflow: hidden;
  padding-bottom:5px;
  word-break: break-all;
}

.notice .img3{
  width: 7%;
  display:table-cell;
}
.notice .img3 img {
  width: 45px;
  padding:5px;
  border-radius: 50%;
}
.notice .detail3 {
  width: 93%;
  display:table-cell;
  vertical-align:middle;
  text-align:left;
}
.notice.decider{
  background:#fff4f4;
}
.btnarea{
  border-top: 1px solid #ccc;
  padding: 15px 10px;
  text-align: center;
}


/* お気に入りの里親募集 */
.foster-favorite-list {
  display: table;
  width: 100%;
  border-bottom: 1px dotted #c5b4a5;
  padding: 0;
  background-color: #fff;
  box-sizing: border-box;
  position: relative;
}

.foster-favorite-list:last-child{
  border: none;
}

.foster-favorite-list .img2{
  width: 100px;
  height:80px;
  overflow:hidden;
  text-align: center;

}
.foster-favorite-list .img2 img {
  width: 100px;
  min-height:80px;
}
.foster-favorite-list .detail2 {
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  width: 640px;
  padding:0 10px;
  color:#555;
}

.foster-favorite-list a.title{
  color: #1067b7;
}

.foster-favorite-list a:hover{
  color: #ff6c00;
}

/* マイページ:友達の新着日記 */
.recentDiary {
  display: table;
  width: 100%;
  border-bottom: 1px dotted #c5b4a5;
  padding: 3px 0;
}
.recentDiary:last-child{
  border-bottom: none;
}
.recentDiary div {
  display: table-cell;
  text-align: left;
  vertical-align: middle;
}

.recentDiary .diary-title{
  font-size:15px;
}

.recentDiary .diary-title a{
  color: #1067b7;
}

.recentDiary .diary-title a:hover{
  color: #ff6c00;
}

.recentDiary .body-abstract {
  color:#777;
  font-size:11px;
  width:560px;
  white-space: nowrap;
  overflow:hidden;
  text-overflow: ellipsis;
}
.recentDiary .img {
  width:9%;
  padding:0 5px;
}
.recentDiary .img img {
  width: 50px;
  border-radius: 20%;
}

/* マイページ:最近コメントした日記 */
.recentDiaryComment {
  display: table;
  width: 368px;
  border-bottom: 1px dotted #c5b4a5;
  padding: 6px 0 0 0;
  height: 64px;
}

.diaryCommentHistory {
  display: table;
  width: 100%;
  border-bottom: 1px dotted #c5b4a5;
  padding: 6px 0 0 0;
  height: 64px;
}

.box .diaryCommentHistoryTtl{
  border-left: none;
  border-right: none;
}

.recentDiaryComment:last-child,
.diaryCommentHistory:last-child{
  border-bottom: none;
}
.diaryCommentHistory:nth-child(odd){
  background:#fdfdfd;
}
.recentDiaryComment div {
  display: table-cell;
  text-align: left;
  vertical-align: middle;
}

.diaryCommentHistory div {
  display: table-cell;
  text-align: left;
  vertical-align: middle;
}

.recentDiaryComment .diary-title{
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 300px;
}


.recentDiaryComment .img,
.diaryCommentHistory .img {
  width: 5%;
  padding:0 5px 0 8px;
}

.diaryCommentHistory .img img {
  width: 36px;
  border-radius: 20%;
}

.recentDiaryComment .img img {
  width: 50px;
  border-radius: 20%;
}


.recentDiaryComment a{
  color: #1067b7;
}

.recentDiaryComment a:hover{
  color: #ff6c00;
}

.recentDiaryCommentWrap{
  max-height: 497px;
}

/* マイページ:猫組 */

.groupBox .recentnekogumiComment{
  display: table;
  width: 335px;
  border-bottom: 1px solid #ccc;
  padding: 5px 8px;
}

.groupBox .scrollArea .recentnekogumiComment:last-child{
  border-bottom: 1px solid #ccc;
}

.groupBox .recentnekogumiComment:last-child{
  border: none;
}

.groupBox .recentnekogumiComment .txt {
  max-height: 38px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin: 5px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.groupBox .recentnekogumiComment .txt a{
  display: block;
  color: #555;
}

.groupBox .recentnekogumiComment .txt:hover{
  background-color: #fdf0f5;
}

.groupBox .nekogumiNameArea>div{
  display: table-cell;
  text-align: left;
  vertical-align: middle;
}

.groupBox .nekogumiNameArea .img{
  width: 5%;
  padding-right: 5px;
}

.groupBox .nekogumiNameArea .img img {
  width: 35px;
  border-radius: 20%;
}

.groupBox .nekogumiName a {
  color: #8f928d;
  text-decoration: underline;
}

.groupBox .nekogumiName a:hover{
  color: #ff6c00;
}

.groupBox .scrollArea{
  overflow-y: scroll;
  width: 368px;
  min-height: 350px;
  background-color: #ccc;
}

/* ポップアップ */
.nekogumiPopUpArea{
  display: none;
  width: 610px!important;
  max-height: 800px!important;
}

.nekogumiPopUpArea .nekogumiNameArea {
  margin-bottom: 10px;
  position: relative;
}

.nekogumiPopUpArea .nekogumiNameArea span.name{
  font-size: 16px;
}

.nekogumiPopUpArea .nekogumiNameArea .close {
  position: absolute;
  top: 0;
  right: 10px;
  font-size: 24px;
  color: #da4e4e;
  cursor: pointer;
}

.nekogumiPopUpArea .nekogumiNameArea .close:hover {
  opacity: .7;
}

.nekogumiPopUpArea .bodyArea {
  max-height: 700px;
  overflow-y: scroll;
}

.nekogumiPopUpArea .bodyArea img{
  max-width: 352px;
}

.nekogumiPopUpArea p{
  font-size: 16px;
}


.nekogumiPopUpArea .nekogumiNameArea a{
  font-size: 15px;
  color: #1067b7;
  text-decoration: underline;
}

.nekogumiPopUpArea .nekogumiNameArea a:hover{
  color: #ff6c00;
}


.nekogumiPopUpArea .nekogumiNameArea>div{
  display: table-cell;
  text-align: left;
  vertical-align: middle;
}

.nekogumiPopUpArea .nekogumiNameArea .img{
  width: 5%;
  padding-right: 5px;
}

.nekogumiPopUpArea .nekogumiNameArea .img img {
  width: 50px;
  border-radius: 20%;
}


.nekogumiPopUpArea .nekogumiNameArea .nekogumiName .fa{
  font-size: 16px;
}

.group .nekogumiName a:hover{
  color: #ff6c00;
}

/*
.fancybox-wrap{
  width: 640px!important;
  height: 80%!important;
}

.fancybox-skin{
  width: 610px!important;
  height: 96%!important;
  overflow-y: scroll;
}

.fancybox-inner{
  width: 600px!important;
}
*/




/* マイページ:最近コメントした日記、猫組共通 */
.harfArea .box{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  width: 370px;
}

.harfArea>div,
.boxWrap {
  margin-bottom: 20px;
}


/* お気に入りの里親募集 認定アイコン */
a.tooltip img,
.history_list .list_item a.tooltip img {
  width: auto;
  vertical-align:middle;
  margin-left:5px;
}
a.tooltip span,
.history_list .list_item .main_info .info_btm > p a.tooltip span {
  display: none;
  padding: 5px;
  font-size: 12px;
  margin-left: 8px;
  line-height: 1.6;
}
a.tooltip:hover span,
.history_list .list_item .main_info .info_btm > p a.tooltip:hover span{
  display: inline;
  position: absolute;
  background-color: #fff;
  border: 1px solid #cccccc;
  border-radius:4px;
  color: #000000;
  width: 120px;     /* a.tooltip spanに指定すると、IE6以下でspanの領域でマウスが反応してしまう */
  z-index:100;
  font-size:8pt;
}

/* IE6以下にのみ適用 */
a.tooltip:hover span,
.history_list .list_item .main_info .info_btm > p a.tooltip:hover span{
  width: 136px;
}

/* 日記 */
.diarytitle{
  font-size:16px;
  font-weight: bold;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  width: 530px;
  margin: 3px 0;
}
.detail .diarytitle{
  font-size:14px;
  margin-bottom: 0;
}
.more{
  text-align: right;
}
#right-contents .more{
  padding:5px;
}
.diaryeditbtn{
  position: absolute;
  top:10px;
  right:10px;
  font-size:13px;
  background:#ff8410;
  border-radius:4px;
  padding: 3px 10px;
}
a.diaryeditbtn:link,
a.diaryeditbtn:visited{color: #fff;}
a.diaryeditbtn:hover{color: #fff;background:#ffab5b;}

table.image-insert-table input[type=file]{
  width: 178px;
}
.img_insert{
  margin-top:10px;
}
table.image-insert-table{
  border-width:0 1px;
  border-color:#ccc;
  border-style: solid;
  width:200px;
}
table.image-insert-table th{
  border-right:none;
  border-left:none;
  background-color: #EAE4DE;
  color:#333;
  font-weight: bold;
  border-color:#ccc;
}
table.image-insert-table td{
  border:none;
  background-color: #fff;
  padding:10px;
}
table.image-insert-table td:last-child{
  border: 1px solid #ccc;
}
.diary-edit-table th{
  padding-bottom: 0;
}
.diary-edit-table td{
  padding-top: 10px;
}
.diary-conf-table th{
  padding: 10px 15px 0 15px ;
  
}
.diary-conf-table td{
  padding-top: 10px;
}

.diary-conf-title{
  color: #800000;
}

/* ぺったん表示エリア */
.pettanDisplayArea {
  text-align: left;
  border-top: 1px solid #ccc;
  padding: 8px 10px;
  height: 30px;
}
#pettanCntArea {
  line-height: 30px;
}
#pettanCnt {
  font-weight: bold;
  font-size: 140%;
  color: #DC6161 !important;
}
.pettanUserImgS {
  position: relative;
}
.pettanUserImgS img {
  border-radius: 20%;
}
.pettanTooltip {
  display: none;
  position: absolute;
  top: -44px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 5px;
  color: #eee;
  background: #353d46;
  text-align: center;
  padding: 3px;
  box-sizing: border-box;
  white-space: nowrap;
}
.pettanTooltip:after {
  content: "";
  position: absolute;
  bottom: -7px;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 10px 5px 0 5px;
  border-color: #353d46 transparent transparent transparent;
}
.howPettan {
  float: right;
  position: relative;
  margin-top: 7px;
}

.how_pettan {
  float: left;
  position: relative;
  margin: 11px 15px 0px 0px;
}

.howPettanLink {
  font-size: 90%;
  color: #247493 !important;
}
#howPettanTooltip {
  display: none;
}
.howPettanHeader {
  color: #247493;
  border-bottom: 1px solid #247493;
  padding: 10px;
}
.howPettanBody {
  position: relative;
}
.howPettanBody img {
  position: absolute;
  right: 20px;
  top: 50px;
}
/* 日記のボタンエリア */
.diaryBtnArea {
  border-style: solid;
  border-color: #CCAA99;
  border-width: 1px 0;
  background-color: #fff;
  margin-bottom: 10px;
  padding: 5px 8px;
}
.diaryBtnTbl {
  display: table;
  margin-top: 8px;
}
.diaryBtn {
  display: table-cell;
  font-size: 140%;
}
.diaryBtn,
.diaryBtn a {
  color: #666 !important;
}
a.pettanBtnOn {
  color: #DC6161 !important;
}
/*
.pettanBtn:not(.pettanBtnOn):hover img {
  animation: no-peta-ani 1s ease 1;
}
@keyframes no-peta-ani {
  0% { transform: rotate(-12deg) }
  2.85714% { transform: rotate(12deg) }
  11.42857% { transform: rotate(-18deg) }
  14.28571% { transform: rotate(18deg) }
  22.85714% { transform: rotate(-12deg) }
  25.71429% { transform: rotate(12deg) }
  28.57143% { transform: rotate(0deg) }
  100% { transform: rotate(0deg) }
}
*/




.pettanBtnOn-anime img {
  animation: peta-ani 1.2s linear 1;
}
@keyframes peta-ani {
  0% { transform: scale(2) }
  7.69231% { transform:scale(1.5) rotate(-8deg) }
  15.38462% { transform:scale(1) rotate(-8deg) }
  30.76923% { transform:scale(1.3) rotate(8deg) }
  46.15385% { transform:scale(1.3) rotate(-8deg) }
  61.53846% { transform:scale(1) rotate(0) }
  100% { transform:scale(1) rotate(0) }
}


#pettanNeedLogin {
  display: none;
  text-align: center;
}

/* 日記のぺったん一覧 */
#pettanList,
.commentPettanList {
  display: none;
}
#pettanList .pettanTbl,
.commentPettanList .commentPettanTbl {
  display: table;
  width: 100%;
}
#pettanList .pettanUser,
.commentPettanList .commentPettanUser {
  border-bottom: 1px solid #ccc;
}
#pettanList .pettanUser,
.commentPettanList .commentPettanUser:last-child{
  border-bottom: none;
}

#pettanList .pettanUserImg,
#pettanList .pettanUserProf,
.commentPettanList .commentPettanUserImg,
.commentPettanList .commentPettanUserProf {
  display: table-cell;

}
#pettanList .pettanUserImg,
.commentPettanList .commentPettanUserImg {
  vertical-align: middle;
}
#pettanList .pettanUserProf,
.commentPettanList .commentPettanUserProf {
  width: 100%;
  vertical-align: middle;
}
#pettanList .pettanUserImg,
.commentPettanList .commentPettanUserImg {
  padding-left: 5px;
}
#pettanList .pettanUserImg a{
  display: flex;
}
#pettanList .pettanUserImg img,
.commentPettanList .commentPettanUserImg img {
  width: 40px;
}

#pettanList .pettanUserProf,
.commentPettanList .commentPettanUserProf {
  padding-left: 10px;
}
#pettanList .pettanUserName,
.commentPettanList .commentPettanUserName {
  font-size: 110%;
}
#pettanList .pettanListHeader,
.commentPettanList .pettanListHeader {
  border-bottom: 1px solid #DC6161;
  padding: 5px;
}
#pettanList .pettanListHeader img,
.commentPettanList .pettanListHeader img {
  vertical-align: middle;
}
#pettanList .pettanListMore,
.commentPettanList .commentPettanListMore {
  display: block;
  text-align: center;
  padding: 8px 0;
  color: #878787;
  background-color: #e5e5e5;
  text-decoration: none;
}

#pettanList .pettanListMore i {
    font-size: 20px;
    margin-right: 3px;
    vertical-align: middle;
}


/* 下書き・友達のみアイコン */
span.diarystatus{
  display: inline-block;
  text-align: center;
  color:#fff;
  width:35px;
  border-radius: 4px;
  padding:1px 4px ;
  vertical-align: text-top;
  margin-right:5px;
  font-size:11px!important;
  white-space: nowrap;
}
span.diarystatus.all{
  background-color:#5389d6;
}
span.diarystatus.draft{
  background-color:#ccc;
  color:#333;
}
span.diarystatus.friendonly{
  background-color:#e07c76;
}



/* user_info */
.topimage{padding:0;}
.topimage img{
  width:750px;
  height: 148px;
  margin-bottom:15px;
}

.userinfomenu{
  display: table;
  border-style:solid;
  border-color:#CCAA99;
  border-width: 1px 0;
  background-color:#fff;
  margin-bottom: 15px;
  position: relative;
}
.userinfomenu a,
.userinfomenu > div{
  display: table-cell;
  width: 150px;
  color:#333;
  padding: 10px;
  vertical-align: middle;
  line-height: 1.2;
  transition: all 0s ease 0s;
}
.userinfomenu a:hover,
.userinfomenu a.current,
.userinfomenu > div:hover,
.userinfomenu > div.current{
  padding-bottom:8px;
	border-bottom:2px solid #EA731C;
	cursor: pointer;
}
.userinfomenu a span,
.userinfomenu > div span{
  font-size:18px;
  font-weight: bold;
}


.infoMenu_list{
  display: none;
  position: absolute;
  top: 58px;
  right: 0;
  border-color: #ccc;
  border-style: solid;
  border-width: 0 1px 1px 1px;
  background: #fff;
  z-index: 99;
}
.infoMenu_list.is-open{
  display: block;
}
.infoMenu_list .list_item:not(:first-child){
  border-top: 1px solid #ccc;
}
.userinfomenu .infoMenu_list .list_item a:hover{
  padding: 15px;
  background: #f4eeea	;
  border-bottom: none;
}
.infoMenu_list a{
  width: 180px;
  padding: 15px;
  text-align: left;
}




/* プロフィール */
.profitem{
  display: inline-block;
  width: 310px;
  border-bottom:1px dashed #999;
  padding: 20px 10px 5px;
  font-size: 14px;
}
.profitem:nth-child(odd){
	margin-right: 30px;
}
.profitem p{
  width: 150px;
  float: right;
  text-align: left;
}
.profitem p.head{
  width: 150px;
  float: left;
  color:#666;
  font-weight: bold;
}
.nj-profBlock{
  display: flex;
  flex-wrap: wrap;
  width: 690px;
  margin: 0 auto;
  padding: 10px 0 20px;
}


/* 友達になるボタン */
a.friendbtn{
  color:#fff;
  text-decoration: none;
  font-size:12px;
  background-color:#800000;
  border-radius: 3px;
  padding:2px 5px;
  font-weight: bold;
  float:right;
}
a.friendbtn:hover{
  opacity:0.7;
}
a.friendbtn img{
  width: 16px;
  vertical-align: middle;
  margin-right:2px;
}
.userLabel-friend{
  padding: 1px 6px;
  background-color: #79B74A;
  border-radius: 3px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  float:right;
  margin-bottom:2px;
}
.userLabel-friend .fa{
  margin-right:2px;
}

.area_msgAndSetting{
  display: table;
  padding-bottom: 5px;
}

.area_msgAndSetting p{
  display:table-cell;
}
.area_msgAndSetting .area_msg{
  width: 140px;
}

/* メッセージボタン */
.messagebtn{
  color:#fff!important;
  text-decoration: none;
  font-size:14px;
  background-color:#EA731C;
  border-radius: 3px;
  padding:2px 13px;
  display:none;
}
.messagebtn_refuse{
  color:#888!important;
  text-decoration: none;
  font-size:14px;
  background-color:#ccc;
  border-radius: 3px;
  padding:2px 13px;
  cursor:not-allowed;
}
.configbtn{
  color:#888 !important;
  text-decoration: none;
  font-size:14px;
  background-color:#ccc;
  border-radius: 3px;
  padding:5px 13px;
  cursor: pointer;
  display: inline-block;
  margin-left:7px;
}
.messagebtn:hover{
  background-color:#ffcc66;
}
.messagebtn_refuse:hover{
  background-color:#ccc;
}
.configbtn:hover{
  background-color:#999;
  color:#fff !important;
}
.configbtn img{
  width: 16px;
  vertical-align: middle;
}

/* ブロック中 ミュート中 */
.iconBlock, .iconMute{
  color:#fff!important;
  font-size:11px;
  background-color:#cc0000;
  border-radius: 3px;
  padding:1px 4px 0;
  font-weight: bold;
  white-space: nowrap;
  float: right;
  display:none;
}

/* ブロックする */
.configLink {
  display: none;
  border-radius: 3px;
  padding: 3px 10px;
  white-space: nowrap;
  position: absolute;
  left:82px;
  background-color: #353d46;
  z-index:100;
  opacity: 0.9;
}
.configLink .fa-caret-right,
.friendConfigLink .fa-caret-right {
  color: #fff;
}
.configLink .configItem,
.friendConfigLink .configItem{
  display: block;
  cursor: pointer;
  color:#fff;
}
.configLink .configItem:hover,
.friendConfigLink .configItem:hover{
  color:#ccc;
}
.friendConfigLink {
  display: none;
  border-radius: 3px;
  padding: 3px 10px;
  white-space: nowrap;
  position: absolute;
  background-color: #353d46;
  z-index:100;
  opacity: 0.9;
  top:30px;
  left: 218px;
}

/* 飼い猫 */
p.cat_info_edit{
  position: absolute;
  bottom:10px;
  right:10px;
}
.catinfo p.title{
  background-color:#EBD9CB;
}

/* 飼い猫情報一覧 */

.catInfoBox{
  border-radius:5px;
  border:1px solid #ccc;
  background:#fff;
  width:100%;
  display:table;
  margin-bottom:10px;
}
.catInfoBox .leftArea{
  display:table-cell;
  width:120px;
  vertical-align:top;
  text-align:center;
  padding:10px 10px 5px 10px;
}
.catInfoBox .rightArea{
  display:table-cell;
  vertical-align:top;
  text-align:left;
  padding:10px 10px 5px 0;
}

.catInfoBox .leftArea .catPhoto{
  width:120px;
  margin:0 auto;
}
.catInfoBox .leftArea .catPhoto img{
  width:100%;
  vertical-align: bottom;
}
.catInfoBox .rightArea .catName{
  background:#f7f2e6;
  font-size:18px;
  padding:5px 5px;
  color:#552f2d;
  border-radius:5px;
  display:table;
  width:100%;
  box-sizing:border-box;
}
.catInfoBox .rightArea .catName .name{
  display:table-cell;
  vertical-align:middle;
}
.catInfoBox .rightArea .catName .info{
  display:table-cell;
  vertical-align:middle;
  text-align:right;
  font-size:80%;
}
.catInfoBox .rightArea .detail{
  padding:5px 0 0 5px;
}
.catInfoBox .rightArea .detailTxt{
  min-height:72px;
}
.catInfoBox .rightArea .catBirthday{
  float:right;
}
.catInfoBox .rightArea .catBirthday span{
  color:#dd2d78;
}

.catInfoBox .bottomArea{
  clear:both;
  width:100%;
  border:1px #aaa;
  border-top-style:solid;
  padding-top:5px;
  margin-top:10px;
}
.catInfoBox .bottomArea .catInfoEdit{
  float:left;
}
/* 飼い猫情報編集 */
#howRainbowBlidge {
    display: none;
}


/* ネコ写リスト */
.nekoshaRefine {
  padding: 5px 0;
  /*border-bottom: 1px solid #ccc;*/
  text-align: right;
}
.nekoshaRefine select{
  background: #FFFDF4;
  border: 2px solid #bbb;
  border-radius: 5px;
  color: #0C2245;
  height: 28px;
  line-height: 30px;
  text-align: left;
  text-indent: 5px;
  vertical-align: middle;
  width: 140px;
  outline: none;
}
.nekoshaRefine input[type=checkbox]{
  vertical-align: middle;
}

.displaySelect{
  float:left;
  width:50%;
  text-align:left;
  padding-left:10px;
  padding-top:3px;
  font-size:14px;
}
.displaySelect span{
  color:#000;
}
.displaySelect a{
  color:#969696;
}
.displaySelect a:hover{
  color:#800000;
}
.sort{
  float:right;
  width:40%;
}

/*友達の最新ネコ写*/
.nekoshalist{
  text-align: left;
  width:748px;
  margin:0 auto;
}
.nekoshalist .nekosha{
  float:left;
  width: 248px;
  position:relative;
  margin-bottom:2px;
  margin-right: 2px;
}
.nekoshalist .nekosha a {
  display: block;
}
.nekoshalist .nekosha:nth-child(3n) {
  margin-right:0;
}

.nekoshalist .nekoshapict{
  width: 248px;
  height:185px;
  overflow: hidden;
}
.nekoshalist .nekoshainfo{
  padding:3px;
  position:absolute;
  bottom:0;
  left:0;
  width:242px;
  background: rgba(0,0,0,.4);
  background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,.1) 15%, rgba(0,0,0,.3) 60%, rgba(0,0,0,.6) 100%);
  background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,.1) 15%,rgba(0,0,0,.3) 60%,rgba(0,0,0,.6) 100%);
  background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,.1) 15%, rgba(0,0,0,.3) 60%,rgba(0,0,0,.6) 100%);
  color:#fff;
}
.nekoshalist .nekoshainfo a{
  color:#fff;
}
.nekoshalist .nekoshainfo .fa-search {
  color: #fff;
}
.nekoshalist .nekoshainfo .fa-star {
  color: #f9a200;
}
.nekoshalist .nekoshainfo .fa-comment {
  color: #accfff;
}
.nekoshalist .nekosha img{
  width: 100%;
}
.nekoshalist .nekosha .mvImg {
  width: 20px;
  vertical-align: middle;
}
.nekoshalistl .nekosha p.ntitle{
  font-weight: normal;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.nekoshalist .nekosha .f-r img{
  width: 18px;
  vertical-align: -4px;
  margin-right:3px;
}
.nekoshalist .nekosha .username{
  font-size:12px;
}
.nekoshalist .nekosha .pettan_img {
  width: 14px !important;
}

/*参加履歴*/
.nekoshaHistory{
  text-align: left;
  width:748px;
  margin:0 auto;
}
.nekoshaHistory.panel .nekosha{
  float:left;
  width: 248px;
  position:relative;
  margin-bottom:2px;
  margin-right: 2px;
}
.nekoshaHistory.panel .nekosha a {
  display: block;
}
.nekoshaHistory.panel .nekosha:nth-child(3n) {
  margin-right:0;
}

.nekoshaHistory.panel .nekoshapict{
  width: 248px;
  height:185px;
  overflow: hidden;
}
.nekoshaHistory.panel .nekoshainfo{
  padding:3px;
  position:absolute;
  bottom:0;
  left:0;
  width:242px;
  background: rgba(0,0,0,.4);
  background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,.1) 15%, rgba(0,0,0,.3) 60%, rgba(0,0,0,.6) 100%);
  background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,.1) 15%,rgba(0,0,0,.3) 60%,rgba(0,0,0,.6) 100%);
  background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,.1) 15%, rgba(0,0,0,.3) 60%,rgba(0,0,0,.6) 100%);
  color:#fff;
}
.nekoshaHistory.panel .nekoshainfo a{
  color:#fff;
}
.nekoshaHistory.panel .nekoshainfo .fa-search {
  color: #fff;
}
.nekoshaHistory.panel .nekoshainfo .fa-star {
  color: #f9a200;
}
.nekoshaHistory.panel .nekoshainfo .fa-comment {
  color: #accfff;
}
.nekoshaHistory.panel .nekosha img{
  width: 100%;
}
.nekoshaHistory.panel .nekosha p.ntitle{
  font-weight: normal;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.nekoshaHistory.panel .nekosha .f-r img{
  width: 18px;
  vertical-align: -4px;
  margin-right:3px;
}
.nekoshaHistory.panel .nekosha .username{
  font-size:12px;
}

/*リスト形式*/
.nekoshaHistory.list .nekosha{
  border:1px solid #ccc;
  background:#fff;
  margin-bottom:5px;
}
.nekoshaHistory.list .nekosha .nekoshapict{
  width:150px;
  float:left;
  height:100px;
  overflow:hidden;
}
.nekoshaHistory.list .nekosha .nekoshapict img{
  width:100%;
}
.nekoshaHistory.list .nekoshainfo{
  float:right;
  width:574px;
  padding:5px 10px 0;
  /*display:table;*/
}
.nekoshaHistory.list .nekoshainfo .row{
  display:table;
  width: 100%;
}
.nekoshaHistory.list .nekoshainfo p,
.nekoshaHistory.list .nekoshainfo ul{
  display:table-cell;
  vertical-align:middle;
}
.nekoshaHistory.list .nekoshainfo ul{
  width:80%;
}
.nekoshaHistory.list .nekoshainfo .ntitle{
  font-size:18px;
  padding-bottom:5px;
}
.nekoshaHistory.list .nekoshainfo .item_value {
  width: 50%;
}
.nekoshaHistory.list .nekoshainfo .item_value,
.nekoshaHistory.list .nekoshainfo .date{
  padding-bottom:10px;
}
.nekoshaHistory.list .nekoshainfo .icon{
  vertical-align:middle;
  text-align:right;
  font-size:16px;
}
.nekoshaHistory.list .nekoshainfo .icon .fa-trophy,
.nekoshaHistory.text .fa-trophy{
  color:#f9a200;
}
.nekoshaHistory.list .nekoshainfo .icon .fa-twitter,
.nekoshaHistory.text .fa-twitter{
  color:#1da1f2;
}
/* テキスト形式 */
.nekoshaHistory.text table{
  width: 100%;
  margin-bottom:20px;
}
.nekoshaHistory.text table th{
  text-align: center;
  background: #40b7be;
  color: #fff;
}
.nekoshaHistory.text table td{
  background: #fff;
}

.nekoshaHistory .pettan_img {
  width: 14px !important;
}
.tagArea li {
  float: left;
  margin-right: .5rem;
  margin-bottom:.5rem;
}
.tagArea .tagItem{
  padding: 1px 3px 1px 2px;
  color: #949494;
  background: #e3e3e3;
  border-radius: 4px;
  text-decoration: none;
}
.tagArea .fa-tag{
  margin: 3px 3px 0 3px;
  font-size: 120%;
}
.tagArea .tagItem:hover{
  color: #FFF;
  background-color: #939393;
}
.popupBox h2 {
  border: solid #ea731c;
  border-width: 0 0 2px 0;
  font-weight: bold;
  width: 100%;
  padding: 5px;
  margin: 0 0 15px 0;
  box-sizing: border-box;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.popupBox h2 a.fancyboxCloseBtn {
  font-size: 14px;
  text-decoration: none;
  font-weight: normal;
  color: #777;
}
.popupBox h2 a.fancyboxCloseBtn:hover {
  color: #ee924d;
}
.tagInputArea ul.input-table {
  display: table;
  width: 100%;
}
.tagInputArea ul.input-table li {
  display: table-cell;
}
.tagInputArea ul.input-table li.input {
  width: 70%;
}
.tagInputArea ul.input-table li .tagTextInput {
  width: 95%;
}
.tagInputArea ul.tagList {
  min-height: 37px;
}

.tagAreaBody {
  display: table;
  width: 100%;
}
.tagAreaBody .imgArea {
  display: table-cell;
  width: 200px;
}
.tagAreaBody .tagArea{
  display: table-cell;
  vertical-align: top;
  padding-left: 10px;
}


/*タグを登録しよう*/
.tagInfo{
  border:1px solid #ccc;
  border-radius:5px;
  background:#fff;
  padding:8px 12px;
  text-align:left;
  margin:30px auto 0;
}
.tagInfo .ttl{
  border-bottom:1px solid #ccc;
  padding-bottom:5px;
}
.tagInfo .ttl h3{
  margin-left:-20px;
}
.tagInfo .bodyTxt{
  padding:8px;
}
.tagInfo .bodyTxt .atten{
  background:#f5f5f5;
  display:table;
  width:100%;
  margin-top:10px;
}
.tagInfo .bodyTxt .atten .illust{
  display:table-cell;
  padding:10px;
  vertical-align:middle;
  width:110px;
}
.tagInfo .bodyTxt .atten .txt{
  padding:8px 0;
}



.pdl53{padding-left:53px!important;}

/* 画像アップロード */
.tmp_image_area{
  margin-bottom: 5px;
}

/* ============================================================================
 * 参加履歴
 * ============================================================================ */
ul.historymenu li{
  border-bottom:1px solid #ccc;
}
ul.historymenu li:last-child{
  border-bottom:none;
}
ul.historymenu li a{
  display: block;
  color:#333;
  padding:8px 10px;
}
ul.historymenu li.top{
  font-size:14px;
  font-weight: bold;
  color:#fff;
  background-color:#6F4C45;
  padding:5px 10px;
}
ul.historymenu li a:hover, ul.historymenu li a.current{
  padding-left:6px;
  border-left:4px solid #EA731C;
}
.historyList {
  width: 100%;
  border-bottom: 1px dotted #c5b4a5;
  padding: 3px 0;
  background-color: #fff;
  box-sizing: border-box;
  display: table;
  padding: 5px 8px;
}
.historyList:last-child {
  border-bottom: none;
}
.historyTitle {
  font-size: 16px;
  font-weight: bold;
  white-space: nowrap;
  margin: 3px 0;
}
.historyList .questionInfo {
  display: table-cell;
  vertical-align: middle;
  width: 630px;
}
.historyList .questionImg {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.historyList .questionImg img {
  width: 90px;
  vertical-align: middle;
}
.box .history-title{
  border-top: 3px solid #40b7be;
  font-weight: 500;
}
.box .history-title.split{
  display:flex;
  justify-content: space-between;
}
.history-title .fa{
  margin-right:3px;
  color:#40b7be;
}
.box .history-title .condition select{
  border-radius: 4px;
  border: 2px solid #0a725f;
  background: #ebf4ea;
  font-size: 13px;
  vertical-align:middle;
}
.box .history-title .condition .fa-sort-alpha-asc{
  color: #0a725f;
  margin-right: 3px;
}

/* 里親ステータスアイコン */
.statusicon{
  position: absolute;
  top:10px;
  right:10px;
  padding:1px;
  width: 90px;
  text-align: center;
  color:#fff;
  font-weight: bold;
  border-radius:8px;
}
.statusicon.s1{background-color:#89b566;}
.statusicon.s2{background-color:#dd9999;}
.statusicon.s3{background-color:#a69f90;}
.statusicon.s4{background-color:#a69f90;}
.statusicon.s5{background-color:#a69f90;}
.status_icon{
  border-radius: 5px;
  padding: 2px 4px;
  font-size: 13px;
  vertical-align:middle;
}
.icon-boshu{
  background: #48a63e;
  color: #fff;
}
.icon-ketei-me{
  background: #d1362e;
  color: #fff;
}
.icon-other{
  background: #888;
  color: #fff;
}
.icon-stop{
  background: #cba554;
  color: #fff;
}

.foster_histories .applicantManageArea {
  position: absolute;
  top:10px;
  right:10px;
}


.foster_histories .btn_apply_list{
  display: inline-block;
  padding: 5px 8px;
  border: 1px solid #ccc;
  border-radius: 3px;
  background: #fff;
  color: #555;
  font-size: .8rem;
  text-align: center;
}
.foster_histories .btn_apply_list .fa-user{
  color:#dd2d78;
}
.foster_histories .apply_counter {
  color: #888;
  font-size: 12px;
}
.foster_histories .cat-info{
  font-size:110%;
  margin-bottom:5px;
}
.foster_histories .img-area{
  width: 120px;
  text-align: center;
  padding:0 3px 0 3px;
}
.foster_histories .img-area img {
  width: 120px;
  height: auto;
}
#right-contents .foster_histories .detail2 .fa{
  font-size:12px;
}

.historyTag p.title{
  border-bottom: 2px solid #CCAA99;
  margin-bottom: 5px;
}
.historyTag .tagList {
  padding-left: 5px;
}
.historyTag .tagList li{
  margin-bottom: 4px;
}

/* 応募者管理 */
.fosterApplyList {
  text-align: left;
}
.fosterApplyList a,
.fosterApplyList a:visited {
  color: #0f67b7;
}
.fosterApplyList a:hover {
  color: #c40000;
}
.fosterApplyList .goFosterHistory a,
.fosterApplyList .goFosterHistory a:visited {
  color: #800000;
}
.fosterApplyList .goFosterHistory a:hover {
  color: #ff6c00;
}
.cat-box{
  margin-top :10px;
  position: relative;
  border:1px solid #aaa;
  background:#fff;
  border-radius: 5px;
  -webkit-border-radius: 5px;/* ↓Safari,Chrome */
  -moz-border-radius: 5px;/* ↓Firefox */
}
.cat-box-top {
  height: 24px;
  border-bottom:1px solid #999;
  background-color: #dfebd6;
  border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;/* ↓Safari,Chrome */
  -moz-border-radius: 5px 5px 0 0;/* ↓Firefox */
  box-sizing: border-box;
}
/* ステータスアイコン */
.cat-box .cat-box-top .status{
  display: inline-block;
  width:90px;
  height: 100%;
  box-sizing: border-box;
  text-align: center;
  color:#fff;
  font-size:13px;
  background-color:#0a725f;
  padding:3px 0 0 5px;
  position: relative;
}
.cat-box .cat-box-top .status:after{
  border-bottom-width:23px;
  border-bottom-style: solid;
}
.cat-box .cat-box-top .status:after{
  content: '';
  position: absolute;
  top:0;
  right:-10px;
  box-sizing: border-box;
  border-right: 10px solid transparent;
  border-bottom-color: #0a725f;
}
.cat-box.end .cat-box-top .status,
.cat-box.pause .cat-box-top .status,
.cat-box.exdate .cat-box-top .status{
  background-color:#a69f90;
}
.cat-box.end .cat-box-top .status:after,
.cat-box.pause .cat-box-top .status:after,
.cat-box.exdate .cat-box-top .status:after{
  border-bottom-color: #a69f90;
}
.cat-box.decision .cat-box-top .status{
  background-color:#dd9999;
}
.cat-box.decision .cat-box-top .status:after{
  border-bottom-color: #dd9999;
}

/* ビュー */
.cat-box .cat-box-top .view{
  float: right;
  padding:3px 10px;
}

/* ↓↓↓bottom */
.cat-box-bottom{
  display: flex;
}
.cat-box-bottom .fosterPict{
  width: 140px;
  border-right: 1px solid #aaa;
}
.cat-box-bottom .fosterPict img{
  width: 100%;
  vertical-align: bottom;
  border-bottom-left-radius: 5px;
}
.cat-box-bottom a img{
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
}
.cat-box-bottom a:hover img {
  opacity: 0.7;
}
.cat-box-bottom .fosterText{
  padding: 10px;
}
.cat-box-bottom .catchCopy{
  font-size: 1rem;
}
.cat-box-bottom .fosterPict img.decision-img{
  position: absolute;
  top:30px;left:5px;
  width:40px;
  height:40px;
}


/* ↓募集終了 募集一時停止 期間満了 */
.cat-box.end .cat-box-top,
.cat-box.pause .cat-box-top,
.cat-box.exdate .cat-box-top{
  border-color: #a69f90;
  background-color: #f8f3e6;
}


.fosterStateBtn{
  display: inline-block;
  min-width: 120px;
  padding: 7px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  color: #fff!important;
  font-size: .95rem;
  line-height: 1;
  text-align: center;
}
.fosterStateBtn.stop{
  background: #999;
}
.fosterStateBtn.restart{
  background: #337ab7;
}
.fosterStateBtn.decide{
  background: #ee2a6b;
}
.fosterStateBtn.end{
  background: #cab483;
}


/* ↓決定 */
.cat-box.decision .cat-box-top{
  border-color: #dd9999;
  background-color: #f9efe4;
}
.fosterRight{
  position: absolute;
  bottom:10px;
  right:10px;
  width: 110px;
  text-align: right;
}
.fosterRight p.count img{
  margin-right:5px;
  vertical-align: -4px;
}
.fosterRight p.favorite{
  margin-top:5px;
}

/* 応募管理 */
.applicantArea {
  margin-top: 10px;
  background-color: #fff;
}
.applicantTbl {
  width: 100%;
}
.applicantTbl th,
.applicantTbl td {
  border: 1px solid #ccc;
}
.applicantTbl th {
  background-color: #7c706e;
  color: #fff;
  font-size: .85rem;
  text-align: center;
}
.applicantTbl .userInfo{
  display: table;
  width: 100%;
}
.applicantTbl .userInfo .userImg,
.applicantTbl .userInfo .userData {
  vertical-align: middle;
  display: table-cell;
}
.applicantTbl .userInfo .userImg {
  width: 45px;
}
.applicantTbl .userInfo .userImg img {
  width: 45px;
}
.applicantTbl .userInfo .userData {
  padding-left: 5px;
  font-size: 90%
}
.applicantTbl .userInfo .userData .userName {
  font-size: 16px;
}
.applicantTbl .userInfo .userData .userName .userFancyBox {
  font-size: 16px;
}

.applicant-userDetailArea {
  display: none;
  padding: 8px;
  font-size: 110%;
}
.applicant-userDetailArea .header{
  display: table;
  width: 100%;
  border-bottom: 1px solid #800000;
}
.applicant-userDetailArea .userImg {
  display: table-cell;
  width: 45px;
  vertical-align: middle;
  padding-bottom: 5px;
}
.applicant-userDetailArea .userImg img {
  width: 45px;
}
.applicant-userDetailArea .userName {
  display: table-cell;
  vertical-align: middle;
  padding-left: 5px;
  font-size: 16px;
}
.applicant-userDetailArea .userName a{
  text-decoration: none;
}

.applicant-userDetailArea a,
.applicant-userDetailArea a:visited {
  color: #0f67b7;
}
.applicant-userDetailArea a:hover {
  color: #c40000;
}

.applicant-userDetailArea .basicInfo {
  margin-top: 10px;
}
.applicant-userDetailArea .basicInfo div,
.applicant-userDetailArea .applyInfo div {
  border-left: 5px solid #88bb77;
  padding: 5px;
  background-color: #eee;
}
.applicant-userDetailArea .applyInfo {
  margin-top: 20px;
}
.applicant-userDetailArea .basicInfo table,
.applicant-userDetailArea .applyInfo table {
  width: 100%;
}
.applicant-userDetailArea .basicInfo table th,
.applicant-userDetailArea .basicInfo table td,
.applicant-userDetailArea .applyInfo table th,
.applicant-userDetailArea .applyInfo table td {
  border: none;
}
.applicant-userDetailArea .basicInfo table th,
.applicant-userDetailArea .basicInfo table td,
.applicant-userDetailArea .applyInfo table th,
.applicant-userDetailArea .applyInfo table td {
  padding: 10px 3px 3px 3px;
  border-bottom: 1px dotted #aaa;
}
.applicant-userDetailArea .basicInfo table th,
.applicant-userDetailArea .applyInfo table th {
  width: 40%;
}
.applicant-userDetailArea .basicInfo table td,
.applicant-userDetailArea .applyInfo table td {
  width: 60%;
}
.applicant-applyMsgArea {
  display: none;
  padding: 8px;
}
.applicant-applyMsgArea .applyMsg {
  border: 1px solid #aaa;
  border-radius: 3px;
  padding: 5px;
}

.applicantTbl .userInfo .userData .age {
  font-size: 11px;
}
.applicantTbl .userInfoPopup {
  display: none;
}
.applicantTbl .statusSelectBtn.decision,
.applicantTbl .statusSelectBtn.refuse,
.applicantTbl .statusSelectBtn.other {
  border-radius: 5px;
  padding: 2px 6px;
  background: #d1362e;
  color: #fff;
}
.applicantTbl .statusSelectBtn.decision {
  background: #d1362e;
}
.applicantTbl .statusSelectBtn.refuse {
  background: #888;
}
.applicantTbl .statusSelectBtn.other {
  background: #89B566;
}

.applicantTbl .statusSelectBtn.refuse:hover,
.applicantTbl .statusSelectBtn.other:hover {
  opacity: 0.7;
}
.applicantTbl .statusArea {
  display: none;
}
.statusArea .statusHeader {
  border-bottom: 1px solid #800000;
  padding: 5px;
}
.statusArea .statusSelect {
  padding: 5px 5px 0 5px;
}
.statusArea .statusSelect li {
  margin-bottom: 5px;
}
.statusArea .btnArea {
  border-top: 1px solid #800000;
  padding: 5px;
}
.applicantTbl .memoArea {
  display: none;
}

.applicantTbl .userInfo .userData .message_pop_link{
  margin-left: 10px;
  font-size: 12px !important;
}
.applicantTbl .userInfo .userData .message_pop_link .fa{
  font-size: 12px !important;
}

.memoArea .memoHeader {
  padding: 10px 10px 5px 10px;
  font-size: 16px;
}
.memoArea .memo {
  padding: 0 10px;
}
.memoArea .btnArea {
  padding: 10px;
}
.statusUpdateBtn .fa-pencil,
.memoUpdateBtn .fa-pencil {
  color: #ec8813;
}

/*日記*/
.diarycnt{
  display: block;
  font-size:12px;
  margin-top:5px;
}
.diarycnt img{
  max-height: 16px;
  margin-right:5px;
  vertical-align: -2px;
}
.diaryTagArea {
  margin-bottom: 3px;
}
.diaryTagArea li {
  float: left;
  margin-right: .5em;
  margin-top: .3em;
}
.diaryTagArea .tagItem{
  padding: 2px 3px 1px 2px;
  color: #666;
  background: #e3e3e3;
  border-radius: 4px;
  text-decoration: none;
}
.diarycnt .fa-tag{
  margin: 3px 3px 0 3px;
  font-size: 120%;
}
.diaryTagArea .tagItem:hover{
  color: #FFF;
  background-color: #939393;
}


/* 掲示板 */
.thread-image,
.thread-data {
  display: table-cell;
  text-align: left;
  vertical-align: top;
  padding:5px;
}
.thread-image {
  width: 60px;
  margin-left: 10px;
  text-align: right;
}
.ownerCommentBox .thread-image {
  padding-right: 10px;
  padding-left: 0;
  text-align: left;
}
.thread-image img {
  width: 60px;
  border-radius: 50%;
}
.thread-data p.title{
  display: table;
  width: 100%;
  border-bottom:1px solid #ccc;
  box-sizing: border-box;
}
.thread-data p.title .name{
  display: table-cell;
  vertical-align: bottom;
  font-size:16px;
}
.thread-data p.title .date{
  display: table-cell;
  vertical-align: bottom;
  text-align: right;
  font-size:12px;
}

/* 友達リスト */
.friendlist{
  display: inline-block;
  width: 365px;
  height: 100px;
  border:1px solid #ccc;
  background-color: #fff;
  vertical-align:top;
  margin-bottom:10px;
  border-radius: 3px;
  position: relative;
  box-sizing: border-box;
}
.friendlist:nth-child(odd){
  margin-right:8px;
}
.friendlist .img{
  float:left;
  width: 98px;
  height: 98px;
  overflow: hidden;
}
.friendlist .img a{
  display: inline-block;
  position: relative;
  width: 100%;
  height: 100%;
}
.friendlist .img img{
  display: inline-block;
  position: absolute;
  width:100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  object-fit: cover;
}
.friendlist .text{
  float: right;
  width: 245px;
  word-break: break-all;
  padding:10px 8px 8px 5px;
  font-size:11px;
  color:#666;
  line-height:130%;
}
.friendlist .text .user_name{
  font-size:15px;
}
.friendlist .text .profile{
  margin-top:8px;
}
.friendconfig{
  color: #888;
  font-size: 18px;
  position: absolute;
  top:10px;
  right: 10px;
  cursor: pointer;
}




/* 友達紹介 */
.invite-edit-table th{
  padding-bottom: 0;
}
.invite-edit-table td{
  padding-top: 10px;
}

/* cropperによる画像トリム */
.topImageUpload-cropperBox,
.userPictUpload-cropperBox {
  display: none;
  width: 600px;
}
.topImageUpload-cropperBox .header,
.userPictUpload-cropperBox .header{
  text-align: center;
  padding: 5px;
  font-size: 16px;
  color: #888;
}
.topImageUpload-cropperBox .inner,
.userPictUpload-cropperBox .inner {
  width: 600px;
  overflow: hidden;
}
.topImageUpload-cropperBox img,
.userPictUpload-cropperBox img{
  width: 100%;
}
.topImageUpload-cropperBox .fa-scissors,
.userPictUpload-cropperBox .fa-scissors {
  color: #ec8813;
  font-weight: bold;
}

/* お知らせ通知設定変更 */
.notice-setting-info {
  width: 95%;
  margin: 0 auto 20px;
  text-align: left;
}
.notice-setting-info .caution {
  color: #b22222 !important;
}

/* 必須と任意の表記 */
#contens-inner.diary_input span.requied,
#contens-inner.diary_input span.option {
  display: inline-block;
  margin-right: 5px;
  padding: 4px 5px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  color: #fff;
  font-size: 13px;
  font-weight: normal;
  line-height: 1;
  vertical-align: middle;
}
#contens-inner.diary_input span.requied{
	background-color: #cc0000;
}
#contens-inner.diary_input span.option {
  background-color: #6699cc;
}

/* 画像ホバー */
.howtoLinkArea a img:hover{
  opacity: 0.7;
  transition: all 0.3s ease 0s;
}

/* ============================================================================
 *
 * 【ユーザー情報編集】 user_setting.php 2018/10/09追加
 *
 * ============================================================================ */
/* === リンクや注意文など文章 === */
.setting_atten_txt{
  font-size: .75rem;
  display: inline-block;
  margin-top: 5px;
}

.setting_atten_txt a{
  color: #0f67b7;
}

.setting_item + .setting_description{
  border-top: 1px dashed #ccc;
}

.setting_description{
  text-align: left;
}

.setting_description.setting_atten_txt{
  margin-top: 10px;
  padding-top: 10px;
}

.setting_description > p{
  position: relative;
  padding-left: 1.3rem;
}

.setting_description > p .fa{
  position: absolute;
  left: 0;
}

.setting_description mark{
  font-size: .8rem;
  font-weight: bold;
  background: transparent;
  margin-bottom: 3px;
}


/* ポップアップ */
.pop_box{
  display: none;
  width: 500px;
}
.pop_box h2{
  font-size: 1rem;
  color: #0f67b7;
  width: auto;
  border-bottom: 1px solid #0f67b7;
  border-left: none;
  margin: 0;
  padding: 5px 10px;
}
.pop_box_inner{
  font-size: .85rem;
  padding: 15px 10px;
}
.pop_box_inner .comment{
  font-size: .75rem;
  display: inline-block;
}
.pop_box_inner .txt{
  margin-bottom: 5px;
  display: inline-block;
}
.pop_box_inner .comment + br + .txt{
  margin-top: 15px;
  margin-bottom: 5px;
}

.red.bold{
  color: inherit !important;
  font-weight: normal !important;	
}

.pop_box_inner .comment.top{
  margin-top: 10px;
  display: inline-block;
}

.pop_box_close{
  display: flex;
  justify-content: center;
}
.pop_close{
  background: #767676;
  border-radius: 3px;
  color: #fff;
  padding: 5px 15px;
}
a.pop_close{color:#fff}



/* === blockの設定 === */
.setting_block:nth-child(n + 2){
  margin-top: 10px;
}

/* 各ブロックの上線 */
.setting_block.setting_mail.box h1,
.setting_block.setting_mail.box .box_heading{
  border-top-color: #34b0b1;
}
.setting_block.setting_info.box h1,
.setting_block.setting_info.box .box_heading{
  border-top-color: #fb71a1;
}
.setting_block.setting_privacy.box h1,
.setting_block.setting_privacy.box .box_heading{
  border-top-color: #286bcc;
}

/* 各ブロックの見出し */
.setting_mail .fa-envelope{
  color: #34b0b1;
}
.setting_info .fa-exclamation-circle{
  color: #fb71a1;
}
.setting_privacy .fa-lock{
  color: #286bcc;
}

.setting_block_inner{
  margin: 15px 20px 25px;
}

/* === 見出し === */
.setting_item_head{
  text-align: left;
  line-height: 1;
  width: 75%;
}

.setting_privacy .setting_item_head{
  width: 50%;
}

/* === スイッチON OFFボタン === */
/* === ボタンを表示するエリア === */
.switch_area {
  line-height : 35px;
  text-align : center;
  position : relative;
  width : 76px;
}
 
/* === チェックボックス === */
.switch_area input[type="checkbox"] {
  display : none;
}

/* === 表示する文字（標準） === */
.switch_area label .check_txt:after{
  content : "OFF";
  padding : 0 0 0 10px;
  color : #707070;
}
 
/* === 表示する文字（ONのとき） === */
.switch_area  input[type="checkbox"]:checked + .check_txt:after{
  content : "ON"; 
  margin-left : -10px;
  padding : 0 10px 0 0;
  color : #fff;
}
/* === 丸部分のSTYLE（標準） === */
.switch_area #swImg {
  position : absolute;
  width : 26px;
  height : 26px;
  background : #fff;
  top : 4px;
  left : 5px;
  border-radius : 14px;
  transition : .2s;
}
/* === 丸部分のSTYLE（ONのとき） === */
.switch_area input[type="checkbox"]:checked ~ #swImg {
  transform : translateX(40px);
}

.setting_item.switch_btn{
  font-size: .9rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 10px;
  padding: 10px 15px 0 10px;
  border-top: 1px dashed #ccc;
}

.setting_item.switch_btn:first-child{
  border: none;
  padding-top: 0;
}

.check_txt{
  display: block;
  position: relative;
  border-radius: 30px;
  width: 76px;
  height: 34px;
  overflow: hidden;
}

.check_txt:before{
  content: "";
  display: block;
  position: absolute;
  width: calc(100% - 3px);
  height: calc(100% - 3px);
  top: 0;
  left: 0;
  border: 1px solid #adadad;
  border-radius: 30px;
  background: #dcdcdc;
}

.check_txt:after{
  content: "";
  display: block;
  position: absolute;
  background-color: transparent;
  width: 100%;
  height: 100%;
  border-radius: 30px;
}
input[type="checkbox"]:checked ~ .check_txt:after{
  background: #34b0b1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* 他ブロック色 */
.setting_info input[type="checkbox"]:checked ~ .check_txt:after{
  background: #fb71a1;
}

/* === 未読メッセージ通知頻度 === */
.setting_mail_alert{
  width: 20%;
  padding: 5px 5px;
}

/* === プライバシー === */
/*
.setting_privacy .setting_block_inner{
  font-size: .9rem;
  display: flex;
  justify-content: space-between;
}
*/

.setting_item.radio_btn{
	font-size: .9rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 15px 0 10px;
}
.setting_privacy input[type="checkbox"]:checked ~ .check_txt::after {
  background: #286bcc;
}
/* ラジオボタン */
.radio_btn input[type=radio] {
  display: none;
}
.radio_btn > label {
  position: relative;
  padding: 0 0 0 25px;
}
.radio_btn > label:first-of-type{
  padding-right: 15px;
}
.radio_btn > label:after,
.radio_btn > label:before {
  position: absolute;
  content: "";
  display: block;
  top: 50%;
}
.radio_btn > label:after {
  left: 0;
  margin-top: -10px;
  width: 16px;
  height: 16px;
  border: 2px solid #ccc;
  border-radius: 50%;
}
.radio_btn > label:before {
  left: 5px;
  margin-top: -5px;
  width: 10px;
  height: 10px;
  background: #707070;
  border-radius: 50%;
  opacity: 0;
}
input[type=radio]:checked + .radio_btn:before {
  opacity: 1;
}

/* === 登録・戻るボタン === */
.setting_btn_area{
  display: flex;
  justify-content: center;
  margin: 20px 24px;
  padding: 10px 10px 30px;
}

.setting_btn_back,
.setting_btn_regist{
  font-size: 1rem;
  color: #fff;
  text-align: center;
  display: inline-block;
  background: #ff8410;
  border-radius: 3px;
  width: 120px;
  padding: 8px 65px;
}

.setting_btn_back{
  background: #767676;
}

.setting_btn_regist{
  background: #ff8410;
  margin-left: 20px;
}

.setting_btn_area a{
  color: #fff;
}


/* ============================================================================
 * 里親募集履歴一覧
 * 20200923 追加
 * ============================================================================ */
.history-foster.box{
  background: none!important;
  border: none!important;
}
.history-foster .history-title{
  margin: 0 0 10px;
  padding: 5px 5px 5px 10px;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-radius: 3px 3px 0 0;
  background: #fff;
  font-size: 16px;
}
.history-foster .history-title .fa{
  margin: 0 5px 0 0;
}
.history_list .list_item{
  display: flex;
  margin: 0 0 8px;
  border: 2px solid #0a725f;
  background: #fff;
  position: relative;
  overflow: hidden;
}
.history_list .list_item.decision{
  border-color: #e84580;
}
.history_list .list_item.exdate{
  border-color: #cab483;
}
.history_list .list_item.end{
  border-color: #878787;
}
.history_list .list_item.pause{
  border-color: #3982c1;
}
/* 左上三角 */
.history_list .list_item .triangle {
  background-color: rgba(10, 114, 95, .8);
  position: absolute;
  top: -43px;
  left: -96px;
  width: 200px;
  padding: 68px 0px 2px;
  color: #FFF;
  font-size: 14px;
  text-align: center;
  transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
}
.history_list .list_item.decision .triangle{
  background-color: rgba(232, 69, 128, .8);
}
.history_list .list_item.exdate .triangle{
  background-color: rgba(202,180,131,0.8);
}
.history_list .list_item.end .triangle{
  background-color: rgba(135, 135, 135, .8);
}
.history_list .list_item.pause .triangle{
  background-color: rgba(57, 130, 193, .8);
}

.history_list .list_item .item_img{
  width: 160px;
}
.history_list .list_item .item_img a{
  display: inline-block;
  width: 100%;
  min-height: 125px;
  height: 100%;
  overflow: hidden;
  position: relative;
}
.history_list .list_item .item_img a img{
  width: auto;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
}


.history_list .list_item img{
  vertical-align: bottom;
  width: 100%;
}

.history_list .list_item .item_main{
  display: flex;
  padding: 8px 10px;
  width: calc(100% - 180px);
  text-align: left;
}
.history_list .list_item .main_info{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: calc(100% - 150px);
}

.history_list .list_item .main_info .top_ttl{
  display: flex;
  align-items: center;
}
.history_list .list_item .main_info .top_ttl a{
  font-size: 18px;
  font-weight: 500;
  color: #1067b7;
}
.history_list .list_item .main_info .top_ttl a:hover{
  color: #ff8410;
}
.history_list .list_item .main_info .top_ttl span{
  display: inline-block;
  margin: 0 0 0 5px;
  color: #ee2a6b;
  vertical-align: middle;
  line-height: 1;
}
.history_list .list_item .main_info .info_top{
  font-size: 14px;
}
.history_list .list_item .main_info .info_top .top_detail{
  font-size: 16px;
}

.history_list .list_item .main_info .info_mdl > p,
.history_list .list_item .main_info .info_btm > p{
  font-size: 14px;
}
.history_list .list_item .main_info .info_mdl > p span,
.history_list .list_item .main_info .info_btm > p span{
  display: inline-block;
  margin: 0 7px 0 0;
  color: #888;
  font-size: 14px;
}
.history_list .list_item .main_info .info_btm .fa{
  font-size: 16px;
  width: 14px;
  text-align: center;
}


.history_list .list_item .main_apply{
  width: 150px;
  text-align: right;
}
.history_list .list_item .main_apply .apply_btn,
.history_list .list_item .main_apply .not_replied_btn{
  display: inline-block;
  text-align: center;
  color: #fff;
  border-radius: 3px;
}
.history_list .list_item .main_apply .apply_btn{
  margin-bottom: 8px;
  padding: 5px 8px;
  border: 2px solid #fa7418;
  background: #f68300;
  font-size: 14px;
}
.history_list .list_item .main_apply .not_replied_btn{
  margin: 10px 0 8px;
  padding: 3px 5px;
  background: #c30000;
  font-size: 12px;
}
.history_list .list_item .main_apply .apply_btn .fa,
.history_list .list_item .main_apply .not_replied_btn .fa{
  width: 16px;
  text-align: center;
}
.history_list .list_item .main_apply .apply_btn .fa{
  color: #fff;
}
.history_list .list_item .main_apply .apply_num .fa-paper-plane.exist{
  color: #ff52b6;
}
.history_list .list_item .main_apply .apply_num span + span{
  margin: 0 0 0 10px;
}

.history-foster .applicantTbl th{
  font-size: 14px;
}
.history-foster .applicantTbl td{
  padding: 6px;
}
.history-foster .applicantTbl .not_replied_item td{
  background: #fff6f9;
}

.not_replied{
  margin: 0 0 5px;
  color: #c30000;
  line-height: 1;
}



/* ============================================================================
 * 健康ノート
 * 20220728 追加
 * ============================================================================ */
.healthNote_btn{
  display: flex;
  justify-content: center;
  margin: 5px 0 0;
  padding: 2px 5px;
  background: #fff;
  border: 1px solid #2ba6d1;
  border-radius: 5px;
  color: #2ba6d1!important;
  font-size: 12px;
}
.healthNote_btn:hover{
  opacity: .7;
}
.healthNote_btn .fa{
  font-size: 14px;
}