@charset "utf-8";

/*ネコ写定義*/

h1{
  width:620px;
  height:33px;
  background:url(/nekosha/images/title.png);
  padding-top:17px;
  text-align:right;
  padding-right:20px;
}

a.action-link{
  color: #dd2d78;
}
a.action-link:hover{
  color: #ff6c00;
}

a.more-link{
  font-size:13px;
  padding: 4px 10px;
}

.cardPhoto a:hover img {
  opacity: 0.7;
}

/*サイドネコ写ランキング定義*/
#nekosha-ranking-area table#nekosha-ranking{
  width:290px;
  margin:0px 2px;
}
#nekosha-ranking-area table#nekosha-ranking td{
  text-align:center;
  width:145px;
  vertical-align:top;
}


/*タイトル*/
div#nekosha-title{
  width:626px;
  border:2px solid #eb6557;
  padding:5px;
  text-align:center;
  margin:5px auto;
  font-size:13pt;
  font-weight:bold;
  vertical-align:middle;
  color:#6d3923;
  border-radius: 5px;
  -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
  -moz-border-radius: 5px;   /* Firefox用 */
  -moz-box-shadow: 1px 1px 2px #ccc;
  -webkit-box-shadow: 1px 1px 2px #ccc;
  box-shadow: 1px 1px 2px #ccc;
}

/*ネコ写説明文*/
#main-contents table.nekosha-intro{
  width:638px;
  border:1px solid #ccc;
  margin:5px auto;
  border-collapse : separate;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -moz-box-shadow: 1px 1px 2px #ccc;
  -webkit-box-shadow: 1px 1px 2px #ccc;
  box-shadow: 1px 1px 2px #ccc;
}
#main-contents table.nekosha-intro th{
  padding:5px 5px;
  text-align:left;
  border:none;
  color:#555;
  border-bottom:1px solid #ccc;
}
#main-contents table.nekosha-intro td{
  padding:5px 10px;
  text-align:left;
  border:none;
}
/*★エリア*/
#star-area{
  width:640px;
  margin:5px auto;
  text-align:center;
  color:#c75b0c;
}

/*投票ボタン*/
#vote_area{
  margin-top:5px;
  height:33px;
  text-align:center;
  position:relative;
}

/*右エリアその他のネコ写投稿テーブル定義*/
#other-nekosha-area{
  margin: 0 5px 5px;
  width: 285px;
  padding: 10px 5px;
  background:#EAE3DD;
}
.other-nekosha-pict{
  width: 285px;
  margin: 5px auto;
  background:#f5f4ef;
}

#main-contents table.other-nekosha{
  background:#f5f4ef;

}
#main-contents table.other-nekosha td{
  text-align:center;
  border:none;
  background:#f5f4ef;
}


/*前へ次への遷移リンクエリア*/
#main-contents table.move-page-box{
  background:#eee;
  margin:5px auto;
  width:640px;
}
#main-contents table.move-page-box td{
  padding:2px;
  border:none;
  background:#eee;
}
#main-contents table.move-page-box td.center{
  width:90px;
}
#main-contents table.move-page-box td.left,
#main-contents table.move-page-box td.right{
  width:275px;
}

.topLinkArea{
  text-align:right;
  width:100%;
  margin-top:10px;
}

/*--------------------------------------------------
サムネイル表示用　2013/06/11
--------------------------------------------------*/
/*サムネイル表示*/
#nekoshaThumbArea {
  padding-left: 15px;
/*
  filter: alpha(opacity=0);
*/
}

div.pinCards {
  float: left;
  width: 145px;
  margin-right: 10px;
  margin-bottom: 20px;
  background: #fff;/*#eeece7;*/
  text-align: center;

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;

  border: #dcdad5 solid 1px;
  border-radius: 1px;

  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);

}
div.rowLast {
  margin-right: 0;
}

div.cardPhoto {
  position: relative;
  background: #eeece7;
}
img.nynPhoto {
  position: absolute;
  top: 10px;
  left: 30px;
}
div.cardPhoto .rankImg{
  position:absolute;
  top:5px;left:5px;
}

/*-----　文字データ部分　-----*/
div.cardText {
  padding: 5px;
}
/*タイトル*/
p.cardTitle {
  overflow: hidden;
  height: 44px;
  width: 190px;
  font-weight: bold;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
/*評価*/
div.valueBox {
  display: table;
  width: 100%;
  padding-top: 5px;
  padding-bottom: 5px;
  border-top: #dcdad5 solid 1px;
}
div.valueBox p {
  display: table-cell;
  vertical-align: middle;
}
div.valueBox p span {
  margin-right: 2px;
  color:#555;
}
div.valueBox p span.fa-search {
  color: #8f928d;
}
div.valueBox p span.fa-star {
  color: #f9a200;
}
div.valueBox p span.fa-comment {
  color: #4e6485;
}
/*投稿者の情報*/
div.userData {
  padding-top: 5px;
  border-top: #dcdad5 solid 1px;
}
a.userName {
  color: #555;
}
a.userName:visited {
  color: #555;
}
a.userName:hover {
  color: #999;
}
div.pinCards a{
  text-decoration:none;
}
div.userData img {
  vertical-align: bottom;
}

/*--------------------------------------------------
ルール・利用規約
--------------------------------------------------*/
.rule-agreement-area {
  text-align: center;
  margin: 15px 0;
}

/*--------------------------------------------------
ネコ写投稿ページ
--------------------------------------------------*/
.registFormSection {
  background-image: url(/images/footer_bg.gif);
  padding: 20px;
  margin-bottom: 20px;
}
.registFormSection h3 {
  background-image: url(/foster/images/registform-heading.png);
  width: 180px;
  height: 38px;
  box-sizing: border-box;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  padding: 7px 0 0 15px;
  margin: 0 0 0 -35px;
  letter-spacing: 2px;
}
.registFormSection h3 img {
  vertical-align: -5px;
  margin-right:10px;
}
.registFormSection span.required {
  font-size: 12px;
  background-color: #cc0000;
  color: #fff;
  padding: 2px 5px 0;
  margin-right: 5px;
  border-radius: 2px;
}
.registFormSection .registItem {
  font-size: 14px;
  font-weight: bold;
  margin: 20px 0 10px;
}
.registFormSection .registItem:first-child{
  margin-top: 10px;
}
.registFormSection .confirmTable {
  background-color: #fff;
  width: 100%;
  border-collapse: separate;
  border-spacing: 10px;
  margin: 20px 0 30px;
}
.registFormSection .confirmTable th {
  width: 120px;
  color: #333;
  background-color: #ffeebb!important;
  text-align: center;
  border-radius: 4px;
  border: none!important;
  box-sizing: border-box;
}
.registFormSection .confirmTable td {
  padding: 5px;
  border-color: #ccc;
  border-width: 0 0 1px;
  border-style: dashed;
  margin-bottom: 20px;
}
/* 画像アップロード */
.tmp_image_area {
  margin-bottom: 10px;
}

.confirm_img {
  max-width: 300px;
}

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

.cropper-point {
  width:8px !important;
  height:8px !important;
  opacity: .9 !important ;
}

/*--------------------------------------------------
ネコ写投稿完了ページ
--------------------------------------------------*/

div.submitComp{
  text-align:center;background:#fff8e8;
  border-radius: 10px;        /* CSS3草案 */
  -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
  -moz-border-radius: 10px;   /* Firefox用 */
  border:1px solid #c3a38c;
  padding:10px;
  font-size:120%;
  width:70%;
  margin:20px auto 0;
}
div.compBtArea{
  text-align:center;
  margin:0 auto 30px;
}


/*--------------------------------------------------
ネココメント　2016.03.28追加
--------------------------------------------------*/
#comments.comment-lite-box {
  font-size: 100%;
  width: 100%;;
  margin: 0 auto;
  padding: 0;
  background: #fff;
  border: none;
  border-radius: 5px;
  box-shadow: none;
}

.comment-lite-box div.comment {
  width: 95%;
  border: 1px solid #eae4de;
  background: #f4f1ee;
  border-radius: 2px;
  padding: 5px;
  margin-top: 20px;
  margin-left: auto;
  margin-right: 0;
}
.comment-lite-box div.comment.ownerComment {
  background-color: #fcf1e0;
  margin-left: 0;
  margin-right: auto;
}


.comment_header {
  display: table;
  table-layout: fixed;
  width: 100%;
  margin-bottom: 5px;
}

.comment_headr-image,
.comment_headr-data {
  display: table-cell;
  vertical-align: middle;

}

.comment_headr-image {
  width: 55px;
  text-align: right;
}
.ownerComment .comment_headr-image {
  text-align: left;
}
.comment_headr-image img {
  width: 55px;
  height: 55px;
  border-radius: 50%;
}

.comment_headr-data {
  padding-right: 10px;
}
.ownerComment .comment_headr-data {
  padding-left: 10px;
  padding-right: 0;
}

.comment_headr-name {
  display: block;
  font-size: 110%;
  margin-bottom: 5px;
}
.comment_headr-time {
  font-size: 90%;
}


.comment-lite-box span.comment-body {
  display: block;
  margin: 2px 0;
  padding: 5px;
  background: #fff;
  border-radius: 2px;
}

/*--------------------------------------------------
ネコ写TOPリニューアル　20160711
--------------------------------------------------*/

.contents{
  width:960px;
  font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','MS P Gothic','Osaka';
  margin:0 auto;
}
.contents.nekosha a{
  text-decoration: none;
}
.contents.nekosha h1{
  width:940px;
  height:33px;
  background:url(/nekosha/images/title_long.png) no-repeat;
  background-size: 960px;
  padding-top:17px;
  text-align:right;
  padding-right:20px;
}

.mvnAreaWrap{
  margin-top:10px;
}
.contents.nekosha h2{
  color: #666;
}
.contents.nekosha h2 span:not(.condText){
  font-size: 14px;
  font-weight: normal;
  margin-left: 15px;
}
.mvnAreaWrap .mvnArea{
  width:600px;
  float:left;
}
.mvnAreaWrap .rightArea{
  width:336px;
  float:right;
}

.mvPhotoArea {
  height: 400px;
  padding: 0;
  width:600px;
  position: relative;
  overflow: hidden;
}
/*暫定処理 2016.07.19 koizumi*/
.mvPhotoArea .mvPhotoImg {
  position: absolute;
  min-width: 100%;
  min-height: 100%;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.mvPhotoArea a:hover .mvPhotoImg{
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
.mvPhotoTitle {
  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%);
  bottom: 0;
  color: #fff;
  display: block;
  font-size: 14px;
  overflow: hidden;
  padding: 5px 15px;
  position: absolute;
  white-space: nowrap;
  width:570px;
}
.mvPhotoTitle .ttl{
  font-size: 18px;
}
.mvPhotoTitle .userName{
  float:left;
  width:70%;
}
.mvPhotoTitle .valueArea{
  float:right;
  width:25%;
  display:table;
}
.mvPhotoTitle .valueArea p {
  display: table-cell;
  vertical-align: middle;
  font-size:12px;
}
.mvPhotoTitle .valueArea p span.fa-search {
  color: #fff;
}
.mvPhotoTitle .valueArea p span.fa-star {
  color: #f9a200;
}
.mvPhotoTitle .valueArea p span.fa-comment {
  color: #accfff;
}

.howtoNekosha{
  background:#fff;
  border-radius:5px;
  padding:15px;
  margin-bottom:15px;
}
.howtoNekosha h3{
  font-size:18px;
  font-weight: bold;
  color:#ff5400;
}
.howtoNekosha .txt{
  display:table;
  width:100%;
}
.howtoNekosha p{
  display:table-cell;
  vertical-align: middle;
  font-size:11px;
}
.newPosts {
  background: #ee2a6b;
  border-radius: 3px;
  color: #fff !important;
  display: inline-block;
  font-size: 14px;
  padding: 10px;
  white-space: nowrap;
  width: 280px;
  text-align:center;
  margin:10px auto 0;
}
.newPosts:hover{
  background-color:#f57ea5;
}

/*コメント返信設定*/
.reply_btn{
  display: inline-block;
  text-align: center;
  border: 1px solid #ddd6d6;
  background: #f4f2f2;
  width: 80px;
  cursor: pointer;
  border-radius: 5px;
  padding: 2px 0px;
  margin-bottom: 8px;
  margin-right:6px;
  
  text-decoration:none;
  letter-spacing: 1px;
  font-size: 11px;
  color: #8c5353 !important;
}

.reply_btn:hover{
  color: #8c5353 !important;
  opacity: 0.7;
}

.btn{
  text-align: center;
}

/* ぺったんランキング */
.nekosha_ranking {
  width: 476px;
}

.contents.nekosha .nekosha_ranking h2{
  width: 456px;
}

.nekosha_ranking .nekosha_row {
  border: 1px solid #ccc;
  background: #fff;
  margin-bottom: 5px;
}

.nekosha_ranking .nekosha_row .nekoshapict {
  width: 150px;
  float: left;
  height: 100px;
  overflow: hidden;
}
.nekosha_ranking .nekosha_row .nekoshapict img{
  width: 100%;
}
.nekosha_ranking .nekosha_row .nekoshainfo{
  float: left;
  width: 304px;
  padding: 10px 10px 0;
}
.nekosha_ranking .nekosha_row .nekoshainfo .row{
  display: table;
  width: 100%;
}
.nekosha_ranking .nekosha_row .nekoshainfo .ntitle{
  width: 300px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 16px;
  font-weight: bold;
  padding-bottom: 5px;

}
.nekosha_ranking .nekosha_row .nekoshainfo .item_value .pettan_img {
  width: 14px !important;
}

/*============================================================
 * $
 * おすすめピックアップと新着リスト
============================================================*/
/*--------------------
 *
--------------------*/
.photoList * {
  box-sizing: border-box;
}
.latestList * {
  box-sizing: border-box;
}
.photoList_body,
.latestList_body {
  margin: 0 1px;
}
.photoList_item,
.latestList_item {
  float: left;
  width: 238px;
  margin: 0 2px 2px 0;
}
.photoList_item:nth-child(4n),
.latestList_item:nth-child(4n)  {
  margin-right: 0;
}

.photoList_item a ,
.latestList_item a{
  color: #fff;
}
.photoList_item a:hover img,
.latestList_item a:hover img{
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

.photoList_item_inner,
.latestList_item_inner {
  overflow: hidden;
  position: relative;
  display: block;
}

.photoList_item img,
.latestList_item img {
  width: 238px;
  height: 198px;
  vertical-align: middle;
}


/* テキスト部分 */
.photoList_text,
.latestList_text {
  position: absolute;
  display: block;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: .25rem .5rem .25rem .5rem;
  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%);
/*
  -webkit-transform: translateY(1.3rem);
  -moz-transform: translateY(1.3rem);
  -ms-transform: translateY(1.3rem);
  -o-transform: translateY(1.3rem);
  transform: translateY(1.3rem);
*/
  line-height:1;
}
/*
.photoList_item .photoList_text.textDisplay,
.latestList_text {
  -webkit-animation: textdisplay .2s linear .1s;
  -moz-animation: textdisplay .2s linear .1s;
  -ms-animation: textdisplay .2s linear .1s;
  -o-animation: textdisplay .2s linear .1s;
  animation: textdisplay .2s linear .1s;

  -webkit-animation-fill-mode:forwards;
  animation-fill-mode:forwards;
}

.photoList_item .photoList_text.textHide,
.latestList_text {
  -webkit-animation: texthide .2s linear .1s;
  -moz-animation: texthide .2s linear .1s;
  -ms-animation: texthide .2s linear .1s;
  -o-animation: texthide .2s linear .1s;
  animation: texthide .2s linear .1s;

  -webkit-animation-fill-mode:forwards;
  animation-fill-mode:forwards;
}
*/

.photoList_text-title,
.latestList_text-title {
  overflow: hidden;
  display: block;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-top:.25rem;
  font-size:14px;
}

.photoList_text-data,
.latestList_text-data {
  display: table;
  width: 100%;
  height: 1rem;
  font-size: 13px;
  table-layout: fixed;
}
.photoList_text-data span,
.latestList_text-data span {
  overflow: hidden;
  display: table-cell;
  white-space: nowrap;
  text-align: right;
}

.photoList_text-data span.photoList_text-name,
.latestList_text-data span.latestList_text-name {
  width: 6rem;
  text-align: left;
  font-size: 90%;
  padding-top:.25rem;
}

span.photoList_text-name .fa-user {
  margin-right: .3rem;
}

.photoList_text-data .fa-search { color: #ccc; }
.photoList_text-data .fa-star { color: #f9a200; }
.photoList_text-data .fa-comment { color: #accfff; }
.latestList_text-data .fa-search { color: #ccc; }
.latestList_text-data .fa-star { color: #f9a200; }
.latestList_text-data .fa-comment { color: #accfff; }

/*
@-webkit-keyframes textdisplay {
  0% {-webkit-transform: translateY(1.3rem);}
  100% {-webkit-transform: translateY(0);}
}
@-moz-keyframes textdisplay {
  0% {-moz-transform: translateY(1.3rem);}
  100% {-moz-transform: translateY(0);}
}
@-ms-keyframes textdisplay {
  0% {-ms-transform: translateY(1.3rem);}
  100% {-ms-transform: translateY(0);}
}
@-o-keyframes textdisplay {
  0% {-o-transform: translateY(1.3rem);}
  100% {-o-transform: translateY(0);}
}
@keyframes textdisplay {
  0% {transform: translateY(1.3rem);}
  100% {transform: translateY(0);}
}

@-webkit-keyframes texthide {
  0% {-webkit-transform: translateY(0);}
  100% {-webkit-transform: translateY(1.3rem);}
}
@-moz-keyframes texthide {
  0% {-moz-transform: translateY(0);}
  100% {-moz-transform: translateY(1.3rem);}
}
@-ms-keyframes texthide {
  0% {-ms-transform: translateY(0);}
  100% {-ms-transform: translateY(1.3rem);}
}
@-o-keyframes texthide {
  0% {-o-transform: translateY(0);}
  100% {-o-transform: translateY(1.3rem);}
}
@keyframes texthide {
  0% {transform: translateY(0);}
  100% {transform: translateY(1.3rem);}
}
*/

/*============================================================
 * $
 * MVリスト
============================================================*/
h3.month_head{
  text-align:center;
  color:#fff;
  font-size:18px;
  background:#400000;
  margin-top:20px;
  padding:3px 0;
  position: relative;
}
h3.month_head .list_cnt{
  position: absolute;
  right: 5px;
}

/*============================================================
 * $
 * 詳細New　2016.07.22
============================================================*/
/*--------------------
 *
--------------------*/
.page_header {
  width: 98%;
  width: calc(100% - 20px);
  height: 33px;
  padding-top: 17px;
  padding-right: 20px;
  font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','MS P Gothic','Osaka';
  text-align: right;
}

.vue-wrap{
  min-height: 200vh;
}

/*--------------------
 * 上部詳細部分
--------------------*/
.detail_area,
.detail_area * {
  box-sizing: border-box;
}
.detail_area {
  /*min-height: 480px;*/
  margin-top: 16px;
}

/* ---------- 詳細写真 ---------- */
.detail_photo {
  text-align: center;
  float: left;
  width: 640px;
  height: 480px;
}

/* ---------- ユーザーの情報 ---------- */
.detail_user_data {
  float: right;
  width: 310px;
  padding: 10px 12px;
  background: #fff;
  min-height: 480px;
}
.detail_user_data a {
  text-decoration: none;
}

.detail_user_data_box {
  display: table;
  width: 100%;
  height: 50px;
}
.detail_user_data_pic,
.detail_user_data_related {
  display: table-cell;
  vertical-align: middle;
}
/*ユーザー写真*/
.detail_user_data_pic {
  overflow: hidden;
  width: 57px;
}
.detail_user_data_pic a {
  overflow: hidden;
  display: inline-block;
  width: 50px;
  height: 50px;
  border-radius: 6px;
}
.detail_user_data_pic img {
  width: 100%;
}
/*名前等*/
.detail_user_data_related {
  padding-left: 10px;
}
/*名前*/
.detail_user_data_name {
  font-size: 120%;
}
/*評価*/
/*
.detail_user_data_value {
  color: #999;
}
*/
/*メッセージ*/
.detail_user_data_message {
  margin-top: 8px;
  color: #999;
  font-size: 90%;
  height: 65px;
}
/*代表作*/
.detail_user_data_masterpiece {
  margin-top: 12px;
}
.masterpiece_title {
  display: block;
  border-bottom: #c4a891 solid 1px;
  font-size: 110%;
  font-weight: bold;
}

.masterpiece_list_item {
  display: flex;
  align-content: center;
  justify-content: space-between;
  width: 100%;
  height: 66px;
  padding: 3px 0;
  border-bottom: #cfcfcf dotted 1px;
}
.masterpiece_list_item_data{
  width: calc( 100% - 60px );
  padding: 3px 5px 3px 3px;
}
.masterpiece_list_item_data a{
  display: inline-block;
  overflow: hidden;
  width: 100%;
  margin-bottom: 0px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.masterpiece_list_item_thumb{
  width: 60px;
}
.masterpiece_list_item_thumb img{
  width: 100%;
}

.masterpiece_list_item_value {
  margin-top: 10px;
}
.masterpiece_list_item_value span:before {
  margin-right: .2rem;
}
.fa-star:before {
  color: #f9a200;
}
.fa-star.voteBtn:before{
  color: #ffffdd;
}
.fa-comment:before {
  color: #accfff;
}


/*友達申請*/
.detail_user_data_apply {
  margin-top: 9px;
  font-size: 110%;
  text-align: right;
}



/* ---------- ユーザーの情報 ---------- */
.detail_info {
  clear: both;
  margin-top: 10px;
  padding: 10px;
  background: #fff;
  color: #707070;
}

.detail_info_data {
  display: table;
  width: 100%;
  border-bottom: #c5c5c5 solid 1px;
}

.detail_info_data_inner,
.detail_info_value {
  display: table-cell;
  padding-bottom: 12px;
  vertical-align: top;
}
.detail_info_value {
  width: 310px;
  text-align: right;
  vertical-align: bottom;
}
/*投票ボタン*/
.detail_info_voteBtn,
.detail_info_voteBtn:link,
.detail_info_voteBtn:visited{
  display:inline-block;
  width:60px;
  padding: 5px 5px;
  background: #b08b6d;
  border: #6c4033 solid 1px;
  border-radius: 4px;
  color: #fff;
  letter-spacing: .1rem;
  font-size:16px;
  text-align: center;
  cursor: pointer;

}
.detail_info_voteBtn:hover {
  background: #bc9d85;
}
/**/
.detail_info_values {
  margin-top: 10px;
}
.detail_info_values span:before {
  margin-right: .2rem;
}
.pettanBtn {
  cursor: pointer;
}
.pettanBtnOn {
  color: #DC6161 !important;
  
}
.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) }
}
#popupNeedLogin {
  display: none;
  text-align: center;
}



/*タイトル*/
.detail_info_title {
  margin-bottom: 16px;
  color: #6c4033;
  font-size: 140%;
  font-weight: bold;
}
/*コメント*/
.detail_info_comment {
  margin-top: 16px;
}

/*タグ*/
.tagArea {
  float: left;
  width: 850px;
}
.tagArea li {
  float: left;
  margin-right: .5em;
  margin-bottom:3px;
  display:flex;
}
a.tagItem {
  padding: 2px 3px 1px 4px;
  color: #666;
  background: #e3e3e3;
  border-radius: 4px;
  text-decoration: none;
}
a.tagItem:hover {
  color: #FFF;
  background-color: #939393;
}
.tagInputArea .tagItem {
  cursor: pointer;
  margin: .5em .5em .5em 0;
}
.tagInputArea .tagItem, .tagDetail .tagItem, .tagIndex .tagItem {
  display: inline-block;
  padding: 2px 8px 2px 5px;
  color: #6e6e6e;
  background: #e3e3e3;
  border-radius: 4px;
  margin-right: .5em;
}
.tagInputArea .tagItem:hover {
  color: #fff;
  background-color: #939393;
  border-color: #939393;
}

.tagInputArea ul.input-table{
  display:table;
  width:100%;
}
.tagInputArea ul.input-table li{
  display:table-cell;
}
.tagInputArea ul.input-table li.btn{
  width:64px;
}
.tagInputArea ul.input-table li .tagTextInput{
  width:95%;
}
.tagInputArea ul.tagList{
  min-height:37px;
}

#nekosha_edit_area{
  width: 800px;
}
.nekoshaInputArea h3{
  margin: 20px 0 0;
  font-size: 16px;
  font-weight: bold;
}
.nekoshaInputArea .input_area{
  width: calc(100% - 8px);
  margin: 3px 0 0;
}
.nekoshaInputArea .input_area + h3{
  margin-top: 25px;
}

/* コメントとタグ編集のポップアップ */
/* .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;
}
#pettanCntArea {
  line-height: 30px;
}
#pettanCnt {
  font-weight: bold;
  font-size: 140%;
  color: #DC6161 !important;
}
.pettanListPopUpBtnArea {
  margin-top: 8px;
  float: right;
}
.pettanListPopUpBtnArea a{
  color: #DC6161 !important;
}
#pettanList {
  display: none;
}
#pettanList a {
  text-decoration: none;
}
#pettanList .pettanTbl {
  display: table;
  width: 100%;
}
#pettanList .pettanUser {
  border-bottom: 1px solid #ccc;
}
#pettanList .pettanUserImg,
#pettanList .pettanUserProf {
  display: table-cell;

}
#pettanList .pettanUserImg {
  vertical-align: middle;
}
#pettanList .pettanUserProf {
  width: 100%;
  vertical-align: middle;
}
#pettanList .pettanUserImg img{
  width: 40px;
  vertical-align:top;
}

#pettanList .pettanUserProf {
  padding-left: 10px;
}
#pettanList .pettanUserName {
  font-size: 110%;
}
#pettanList .pettanListHeader {
  border-bottom: 1px solid #DC6161;
  padding: 5px;
  font-weight:bold;
  font-size: 16px;
}
#pettanList .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;
}

.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;
}

/*--------------------
 * ページ送り
--------------------*/
.photo_switcher {
  display: table;
  width: 100%;
  margin-top: 10px;
  background: #fff;
  border-top: #b08b6d solid 1px;
  border-bottom: #b08b6d solid 1px;
  table-layout: fixed;
}
.photo_switcher_next,
.photo_switcher_num,
.photo_switcher_prev {
  display: table-cell;
  padding: 5px 10px;
}
.photo_switcher_num {
  color: #777;
  text-align: center;
}
.photo_switcher_prev {
  text-align: right;
}
.photo_switcher_next a,
.photo_switcher_prev a{
  display: inline-block;
  width: 100%;
}

/*--------------------
 * インタラクション
--------------------*/
.interaction_area {
  display: table;
  width: 100%;
  margin-top: 20px;
  background: #fff;
  border-top: #b08b6d solid 1px;
  border-bottom: #b08b6d solid 1px;
  table-layout: fixed;
}
.nekoshaBtnTbl {
  display: table;
  margin-top: 15px;
}
.nekoshaBtn,
.nekoshaBtn a {
  color: #666 !important;
  font-weight:bold;
}
.nekoshaBtn {
  display: table-cell;
  font-size: 140%;
}
.pettanBtnArea {
  font-size: 140%;
}

.interaction_area_sns {
  display: table-cell;
  padding: 10px 0;
  vertical-align: middle;
}
.interaction_area_sns {
  width: 310px;
  text-align: right;
}
.interaction_area_sns a {
  margin-right: 10px;
  text-decoration: none;
}
.interaction_area_sns i {
  font-size: 34px;
}
i.nji-facebook {
  color: #3b589b;
}
i.nji-twitter {
  color: #2fa5da;
}
i.nji-hatebu {
  color: #3170d6;
}
i.nji-googleplus {
  color: #c93c2b;
}

.btn-edit{
  background: #dd2d78;
  border-radius: 4px;
  padding: 2px 8px;
}

.btn-edit:link,
.btn-edit:visited{
  color: #fff;
}
.btn-edit:hover{
  opacity:0.7;
}

/*--------------------
 * 画面下部
--------------------*/
.contents_body_bottom {
  margin-top: 30px;
}
.contents_body_bottom-left {
  float: left;
  width: 640px;
}
.contents_body_bottom-right {
  float: right;
  width: 300px;
}
/**/
.bottom_heading {
  display: block;
  padding: 0 5px 5px;
  border-bottom: #6c4033 solid 2px;
  font-size: 18px;
  font-weight: bold;
}

/* ---------- 親コメント ---------- */

.comment_parent{
  background: #fff;
}

/* ---------- ゲストからのコメント ---------- */
.comment-box {
  margin-top: 10px;
  background: #fdfdfd;
  border: #ddd solid 1px;
  border-radius: 6px;
}

.comment_info {
  display: table;
  width: 100%;
  border-radius:6px 6px 0 0;
}
.comment_parent .comment_info div{
  background-color: #fefaf5;
}
.comment_info_name,
.comment_info_info,
.comment_info_thumb {
  display:table-cell;
  vertical-align: middle;
}
.comment_info_name {
  padding: 5px 0 5px 10px;
  font-size:15px;
  font-weight: bold;
  line-height: 16px;
}
.comment_info_name .date{
  font-size:13px;
  color:#666;
  font-weight: normal;
}
.comment_info_info {
  padding: 5px;
  font-size: 13px;
  text-align: right;
}
.comment_info_info span{
  color:#999;
}
.comment_info_thumb {
  width: 30px;
  padding: 5px 0 5px 5px;
  border-radius:6px 0 0 0;
}

.owner .comment_info_info {
  border-radius:0 6px 0 0;
}
.comment_info_thumb img {
  width: 30px;
  height: 30px;
  border-radius: 5px;
  vertical-align: middle;
}

.comment_text {
  padding: 10px 10px 5px 10px;
}
.comment-body-delete {
  color: #888;
}

.commentBtn {
  width: 250px;
}

/* ---------- ゲストからのコメント ---------- */
.comment-box {
  background: #fdfdfd;
  border: #ddd solid 1px;
  border-radius: 6px;
  margin-top: 10px;
}

.comment_child .child_box {
  box-sizing: border-box;
  display: table;
  width: 100%;
}
.comment_child .child_box .comment_text{
  padding-top:0;
  padding-left:3px;
}
.comment_child {
  border-top: 1px solid #d8d8d8;
  padding-left: 40px;
}
.comment_child .comment_info {
  padding-top: 10px;
  background: none;
}

/* 削除ボタン */
.btnCommentDel{
  font-size: 13px;
}
.btnCommentDel:visited,
.btnCommentDel:link{
  color: #dd2d78;
}
.btnCommentDel:hover{
  color:#ff6c00;
}

/* transition */
.childList-enter-active, .childList-leave-active {
  transition: all 0.5s;
}
.childList-enter, .childList-leave-to{
  opacity: 0;
}

.parentList-enter-active, .parentList-leave-active {
  transition: all 0.5s;
}
.parentList-enter, .parentList-leave-to{
  opacity: 0;
}

/* ---------- 返信フォーム ---------- */
.reply-input{
  padding: 10px;
  border-top: 1px solid #d8d8d8;
  overflow: hidden;
}
.reply-input textarea{
  padding:4px;
  width: 100%;
  background: #fefaf5;
  border-color: #885352;
  border-radius: 3px;
  box-sizing: border-box;
}
.reply-input textarea:focus{
  outline-color: #ff8410;
}
.reply-input .registerBtn{
  font-size: 11px;
  padding: 5px 10px;
  max-width: 100px;
}
.replyInput-enter-active, .replyInput-leave-active {
  transition: all 0.2s ease-in;
}
.replyInput-enter-to, .replyInput-leave{
  max-height: 100px;
}
.replyInput-enter, .replyInput-leave-to{
  max-height: 0px;
}


/* ---------- ユーザーのつけたタグ ---------- */
.post_user_tag {
  margin-top: 10px;
  padding: 8px 8px 0px 8px;
  background-color: #fff;
  border: #ddd solid 1px;
  border-radius: 6px;
}
.post_user_tag .tagArea {
  width: 100%;
  float: none;
}
.post_user_tag .tagArea li {
  margin: 0 8px 8px 0;
}

/* ---------- ユーザーの写真 ---------- */
.current_uesr_photos_area {
  width: 100%;
  margin-top: 10px;
}
.current_uesr_photos_item {
  float: left;
  width: 73px;
  height: 73px;
  margin-top: 2px;
}
.current_uesr_photos_item:not(:nth-of-type(4n)) {
  margin-right: 2px;
}

.current_uesr_photos_item img {
  width: 100%;
}


/* ---------- ユーザーの日記 ---------- */
.current_uesr_diary_item {
  display: table;
  width: 100%;
  margin-top: 8px;
  background: #fff;
}
.current_uesr_diary_item:first-child {
  margin-top: 0;
}
.current_uesr_diary_text,
.current_uesr_diary_photo {
  display: table-cell;
  vertical-align: middle;
}
.current_uesr_diary_list {
  margin-top: 5px;
}
.current_uesr_diary_list .pettan_cnt img {
  max-height: 14px;
  margin-right: 5px;
  vertical-align: -3px;
}
.current_uesr_diary_text {
  padding: 8px;
}
.current_uesr_diary_photo {
  width: 74px;
  line-height:0;
  font-size:0;
}
.current_uesr_diary_photo img {
  width: 100%;
}
.current_uesr_diary_text div.ttl{
  overflow: hidden;
  text-overflow: ellipsis;
  width:200px;
  white-space: nowrap;
}
/* ---------- ネコ写とは～な説明枠 ---------- */
.nekosha-description{
  border:1px solid #ccc;
  border-radius:5px;
  background:#fff;
  padding: 5px 10px;
}

.contents.nekosha .nekosha-description .fa-paw{
  color: #02735f;
  font-size: 115%;
}

.nekosha-description .descriTxt{
  padding:0 10px;
  float:left;
  width:75%;
  line-height:1.8;
}

.nekosha_artical{
  border:1px solid #dadada;
  border-radius: 5px;
  background: #fff;
  padding: 10px;
  margin: 10px 0 15px 0;
}

.nekosha_artical h3{
  color: #666;
  border-bottom: 1px solid #59b395;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: bold;
  padding-left: 5px;
  letter-spacing: 1px;
}
.nekosha_artical .txt{
  width: 100%;
}
.nekosha_artical .txt .img-mucho{
  float: right;
  width: 150px;
}

.nekosha_artical p{
  margin-bottom: 5px;
  padding-left: 8px;
  line-height: 1.5;
  letter-spacing: 0.4px;
  font-size: 14px;
  color: #555;
}

.nekosha_artical p:last-child{
  margin-bottom: 0;
}

.nekosha_artical a{
  color: #ec6941;
}

.nekosha_artical .illust{
  width: 13%;
  padding-left: 7px;
}

.nekosha_artical .illust img{
  width: 80%;
}

.nekosha_artical .txt.catArtical {
  width: 100%;
}

.nekosha_artical .catArtical h3:before{
  font-family: FontAwesome;
  content : "\f1b0";
  margin-right: 5px;
}

.nekosha-description .patternTag .descriTxt{
  width:100%;
}


.nekosha_artical a:hover{
text-decoration: underline;
}

.nekosha-description .f-right{
  width:15%;
}
.nekosha-description .f-right img{
  width:100%;
}
/* 人気タグ */
.popularity-tag-list li{
  float: left;
  margin: 0px 15px 0px 0;
}

.popularity-tag-list li a{
  color: #04C;
}
.popularity-tag-list li a:hover{
  color: #C03;
}

/* no_nekosha */
.no_nekosha{
  background: #fff;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  color: #777;
  padding: 100px 0;
}

/* ---------- 過去のMVネコ写一覧 list_mv.php ---------- */
.year_select{
  display: flex;
  flex-wrap: wrap;
  width: calc(100% - 167px);
}
.year_select li{
  display:inline-block;
  padding-right:10px;
}
.year_select li:nth-child(n + 11){
  padding-top:5px;
}
.year_select li.active a{
  background:#ec6941;
  color:#fff;
}
.year_select li a{
  display: inline-block;
  padding:2px 10px;
  border:1px solid #ec6941;
  background:#fff;
  border-radius:5px;
}
.mvWrap .photoList_body .photoList_item .day{
  text-align:center;
  background:#b1a792;
  color:#fff;
  margin-bottom:2px ;
}
.mvWrap .photoList_item{
  margin-top: 5px;
}


/* ---------- おすすめピックアップ list_pickup.phpp ---------- */
.pickupWrap .photoList_item{
  position:relative;
}
.pickupWrap .photoList_item .month_overlay{
  position:absolute;
  top:0;
  left:0;
  width:240px;
  height:200px;
  margin: 0 2px 2px 0;
  background-color: rgba(0,0,0,0.3);
  text-align:center;
  z-index:100;
  padding-top:80px;
}
.pickupWrap h3.month_head{
  margin-bottom:5px;
}
.pickupWrap h3.month_head.head-first{
  margin-top:0;
}



/* ---------- 特選ビックアップとにゃんこ一武闘会エリア ---------- */
.col2_block{
  display: flex;
  justify-content: space-between;
}
.col2_block .pikupWrap,
.col2_block .nyanko1{
  width: calc(50% - 4px);
}

/* 特選ピックアップ */
.pikupWrap .photoList_item{
  width: 236px;  
}
.pikupWrap .photoList_body{
  margin-right: 0;
}
.pikupWrap .photoList_item:nth-child(even){
  margin-right: 0;
}

/* 開催中のにゃんこ一武闘会 */
.nyanko1{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.nyanko1 .orgLine-btm{
  margin-bottom: 15px;
}
.nyanko1_main{
  position: relative;
}
.nyanko1_theme{
  padding: 22px 10px 12px;
  background-color: #fff;
  background-image: url(/images/nyanko1_theme_cat.png),
                    url(/nyanko1/images/theme_bg.png);
  background-position: bottom right 8px , top left;
  background-repeat: no-repeat, repeat;
  background-size: 48px, 22px;
  text-align: center;
}
.nyanko1_theme .theme_ttl{
  background: #f05655;
  color: #fff;
  font-size: 16px;
  display: inline-block;
  left: -3px;
  min-width: 130px;
  padding: 2px 10px;
  position: absolute;
  text-align: center;
  top: 0;
  transform: rotate(-6deg);
}
.nyanko1_theme .theme_txt {
  display: inline-block;
  max-width: 78%;
  padding: 0 6px;
  background: linear-gradient(rgba(255, 255, 255, 0) 60%, #f9feb9 0%);
  color: #f05655;
  font-size: 29px;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.nyanko1_theme .theme_txt:hover{
  opacity: .7;
}

.nyanko1_area{
  position: relative;
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
}
.nyanko1_area::before{
  content: "";
  position: absolute;
  top: 75px;
  left: calc(50% - 45px);
  display: inline-block;
  background: url(/nyanko1/images/fight_icon.png) no-repeat center center/ contain;
  width: 90px;
  height: 90px;
  z-index: 10;
}

.nyanko1_area .nyanko1_box{
  width: 45%;
  border: 2px solid #ffc5c8;
  padding: 8px;
  background: #fff;
}
.nyanko1_area .nyanko1_box .box_img{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 190px;
  overflow: hidden;
}
.nyanko1_area .nyanko1_box .box_img img{
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  height: 100%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}
.nyanko1_area .nyanko1_box .box_img img.h-l{
  width: 100%;
  height: auto;
}
.nyanko1_area .nyanko1_box .box_detail{
  position: relative;
  margin: 0;
  padding: 5px 0 0;
  text-align: center;
}
.nyanko1_area .nyanko1_box .box_detail .detail_user{
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
}
.nyanko1_area .nyanko1_box .box_detail .detail_user a{
  display: inline-block;
  max-width: calc(100% - 80px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.nyanko1_area .nyanko1_box .box_detail .detail_cat{
  display: inline-block;
  max-width: 100%;
  background: linear-gradient(rgba(255, 255, 255, 0) 60%, #fde5f0 0%);
  color: #ff8410;
  font-size: 24px;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.nyanko1_link{
  margin-top: 15px;
  padding-bottom: 5px;
  text-align: center;
}
.nyanko1_link a{
  border-radius: 5px;
  background: #ff7178;
  box-shadow: 0 5px 0 #e53f47, 0 5px 0 rgb(0 0 0 / 20%);
  color: #fff;
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
  padding: 8px 25px;
  width: 40%;
}
.nyanko1_link .fa{
  margin: 0 10px 0 0;
}
.nyanko1_link a:hover{
  cursor: pointer;
  opacity: .7;
  transition: all 0.3s ease 0s;
}



/* ---------- ネコ写一覧 list_recent.php ---------- */
.cond_select{
  display:table;
}
.cond_select li{
  display:table-cell;
  padding-right:10px;
}
.cond_select li.active a{
  background:#ec6941;
  color:#fff;
}
.cond_select li a{
  padding:2px 10px;
  border:1px solid #ec6941;
  background:#fff;
  border-radius:5px;
}

/*--------------------------------------------------
ネコ写投稿ページ
--------------------------------------------------*/
/* 入力ページ */
.regist_input .inputAreaWrap .rightContent {
  width: 700px;
  float: right;
}
.regist_input .inputAreaWrap .leftContent {
  width: 250px;
  float: left;
}
.regist_input .inputAreaWrap .leftContent .imageUploadWrap,
.regist_input .inputAreaWrap .leftContent .myTags {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 3px;
}
.regist_input .inputAreaWrap .leftContent .imageUpload{
  padding: 20px 10px;
}
.regist_input .inputAreaWrap .leftContent .imageUpload .title{
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 15px;
}
.regist_input .inputAreaWrap .leftContent .imageUpload input[type=file]{
  width: 230px;
}
.regist_input .inputAreaWrap .leftContent .myTags {
  padding: 5px;
}
.regist_input .inputAreaWrap .leftContent .myTags p.title {
  border-bottom: 2px solid #CCAA99;
  margin-bottom: 5px;
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  padding: 5px 0 2px 5px;
}
.regist_input .inputAreaWrap .leftContent .myTags .tagList {
  padding-left: 5px;
}
.regist_input .inputAreaWrap .leftContent .myTags .tagList li {
  margin-bottom: 4px;
}
.regist_input .inputAreaWrap h2 {
  width: auto !important;
}
.regist_input .inputInfoWrap {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 3px;
}
.regist_input .inputInfo {
  padding: 20px 10px;
}


.regist_input .inputAreaWrap span.required,
.regist_input .inputAreaWrap 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;
}
.regist_input .inputAreaWrap span.required {
  background-color: #cc0000;
}
.regist_input .inputAreaWrap span.option {
  background-color: #999;
}

.regist_input .inputAreaWrap .inputSectionHeader {
  font-size: 16px;
  background:#59380e;
  padding:3px 10px;
  color:#fff;
  border-radius: 2px 2px 0 0;
}

.regist_input .inputAreaWrap .rightContent table {
  margin-left: 10px;
  width: 100%;
}

.regist_input .inputAreaWrap .rightContent table td,
.regist_input .inputAreaWrap .rightContent table th {
  border: none;
  padding-bottom: 30px;
}
.regist_input .inputAreaWrap .rightContent table th {
  color: #000;
  vertical-align: top;
  font-weight: bold;
  font-size: 15px;
}

.tagAddBtn:hover {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.tagAddBtn {
  cursor: pointer;
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 3px;
  padding: 3px 5px;
  outline: none;
}
.regist_input .inputAreaWrap .btnArea {
  border-top: 1px solid #ccc;
  padding: 10px;
  text-align: center;
}
.regist_input .inputAreaWrap .btnArea02 {
  padding: 10px;
  text-align: center;
  margin-bottom:30px;
}
.regist_input .inputAreaWrap .btnArea02 .defButtonGray{
  font-size: 120%;
  padding:10px 20px;
}
.inputNote div.illust{
  float:left;
  width:13%;
  text-align:center;
}
.inputNote div.illust img{
  width:80%;
}
.inputNote div.txt{
  float:right;
  width:85%;
}
.inputNote{
  background:#fff;
  border-radius:3px;
  padding:10px 20px;
  border: 1px solid #ccc;
  margin-top:20px;
  color:#800000;
  font-size:14px;
}
.inputAtten{
  width:700px;
  margin:0 auto 0;
}
.inputAtten ul li{
  position: relative;
  padding-left: 20px;
  line-height:1.8;
}
.inputAtten ul li:before {
  background: #59b395;
  border-radius: 50%;
  content: " ";
  display: inline-block;
  height: 6px;
  width: 6px;
  left: 5px;
  position: absolute;
  top: 9px;
}
.inputAreaWrap .tagInfo{
  border:1px solid #ccc;
  border-radius:3px;
  background:#f5f5f5;
  padding:8px 12px;
}
.inputAreaWrap .tagInfo .ttl{
  border-bottom:1px solid #ccc;
  padding-bottom:5px;
}
.inputAreaWrap .tagInfo .ttl h3{
  margin-left:-20px;
}
.inputAreaWrap .tagInfo .bodyTxt{
  padding:8px;
}

.inputAreaWrap .tagInfo .bodyTxt .atten{
  background:#fff;
  display:table;
  width:100%;
  margin-top:10px;
}
.inputAreaWrap .tagInfo .bodyTxt .atten .illust{
  display:table-cell;
  padding:10px;
  vertical-align:middle;
  width:110px;
}
.inputAreaWrap .tagInfo .bodyTxt .atten .txt{
  padding:8px 0;
}
.inputAreaWrap .tagInputArea ul.tagList {
  min-height: 35px;
}
.inputAreaWrap .tagInputArea .tagItem{
  margin-top: .25rem;
  margin-bottom: .25rem;
}

/* ３枚投稿した場合の画面 */
.inputAreaWrap.finishArea{
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 10px 5px;
  margin-bottom: 10px;
}

/* 確認ページ */
.regist_confirm .inputAreaWrap,
.regist_complete .inputAreaWrap{
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 3px;
}
.regist_confirm .inputArea {
  padding: 30px;
}

.regist_confirm .inputArea .inputSectionHeader {
  font-size: 16px;
  margin-bottom: 20px;
  background: #59380e;
  padding: 3px 10px;
  color: #fff;
  border-radius: 5px;
}
.regist_confirm .inputArea.confirm table {
  width: 90%;
  margin: 0 auto;
}
.regist_confirm .inputArea.confirm table td, .inputArea.confirm table th {
  padding-bottom: 0px;
  font-size: 14px;
}
.regist_confirm .inputArea table th {
  vertical-align: top;
}
.regist_confirm .inputArea.confirm table th {
  border-bottom: dotted 1px #999;
  font-weight: bold;
  color: #800000;
}

.regist_confirm .inputArea table td, .inputArea table th {
  border: none;
}
.regist_confirm .inputArea.confirm table td {
  padding-top: 10px;
  padding-bottom: 30px;
}
.regist_confirm .inputAreaWrap .btnArea {
  border-top: 1px solid #ccc;
  padding: 10px;
  text-align: center;
}

/*--------------------------------------------------
 にゃんこ一ガジェット
--------------------------------------------------*/
.nyanko1Gadgets {
  width: 300px;
}
.nyanko1Gadgets h3 {
  color: #fff!important;
  font-weight: bold;
  background: #733400;
  text-align: center;
  padding: 3px;
  border-radius: 5px 5px 0 0;
}
.nyanko1Gadgets .inner {
  background-image: url(/nyanko1/images/fight_area_bg_middle.gif);
  background-position: -2px 0;
  border: 1px solid #733400;
  border-radius: 0 0 5px 5px;
}
.nyanko1Gadgets a:hover {
  opacity: 0.7;
}
.nyanko1Gadgets .linkInner {
  padding: 10px;
  position: relative;
}
.nyanko1Gadgets .vs {
  position: absolute;
  top: 45px;
  left: 114px;
  width: 70px;
}

/*--------------------------------------------------
 ネコ写アプリバナー
--------------------------------------------------*/
.app_banner img {
  width: 100%;
}


/*--------------------------------------------------
 特集ページ
--------------------------------------------------*/
/*-----------------------------
 リンクバナー
-----------------------------*/
.feature_bnr img:hover,
.column_bnr img:hover,
.feature_bnr_mini img:hover{
  opacity: 0.7;
}

.feature_bnr img,
.column_bnr img,
.feature_bnr_mini img{
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all  0.3s ease;
}

.feature_bnr,
.column_bnr {
  margin: 10px 0;
  width: 475px;
}

.feature_bnr img,
.column_bnr img{
  width: 100%;
}

.feature_bnr_mini img {
  width: auto;
  height: 26px;
  margin-top: -4px;
  border-radius: 5px;
}

.nekosha_select_bnr{
  display: flex;
  justify-content: flex-end;
}
.nekosha_select_bnr .feature_bnr_mini{
  width: 167px;
}


/*-----------------------------
 共通
-----------------------------*/
.contents.nekosha .feature .fa{
  margin-right: 5px;
}

.contents.nekosha .feature h2{
  width: 100%;
  border: none;
  margin: 15px 0;
  padding: 0;
  box-shadow: none;
}
.contents.nekosha .feature h2 img{
  max-width: 100%;
}

.contents.nekosha .feature a img:hover{
  opacity: 0.7;
}

.contents.nekosha .feature a img{
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all  0.3s ease;
}

.feature .topPhoto,
.feature .bottomArticle .backNumberArea,
.feature .bottomArticle .howToPhoto{
  margin-bottom: 30px;
}

.feature .topPhoto .photoTitle .pettan img{
  width: 20px;
  vertical-align: -4px;
  display:inline-block;
}

.feature .photoList .photoTitle .pettan img{
  width: 18px;
  vertical-align: -4px;
  display:inline-block;
}

.contents.nekosha .feature a .pettan img:hover{
  opacity: 1;
}

.feature .topPhoto>div,
.feature .photoList ul li{
  box-shadow: 2px 2px 8px rgba(0,0,0,0.3);
}

.feature h3,
.feature .userName{
  color: #6c4033;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}


/*-----------------------------
 TOP部分
-----------------------------*/
.feature .topPhoto>div{
  float: left;
  width:470px;
}
.feature .topPhoto>div:nth-child(1){
  margin-right: 20px;
}

/*.feature .topPhoto a>img,
.feature .photoList a>img{
  width: 100%;
  position: absolute;
  height: auto;
  min-width: 100%;
  min-height: 100%;
  left: 50%;
  top: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
}*/

.feature .topPhoto .imageWrap {
  width:470px;
  height: 286px;
  overflow: hidden;
}

.feature .topPhoto .imageWrap img{
  width: 470px;
}

.feature .topPhoto .photoTitle,
.feature .photoList .photoTitle{
  display: block;
  background-color: #fff;
  color: #000;
  font-size: 12px;
  padding: 8px 15px;
  white-space: nowrap;
}

.feature .topPhoto h3{
  font-size: 17px;
  font-weight: bold;
}

.feature .topPhoto .userName{
  float: left;
  width: 70%;
  color: #707070;
  font-size:14px;
}

.feature .topPhoto .snsBtn {
  float: right;
  margin-right: 10px;
  padding-top: 1px;
}

.feature .topPhoto .snsBtn i {
  font-size: 20px;
}

.feature .topPhoto .pettan{
  float: right;
  text-align: center;
  width: 10%;
  font-size: 15px
}

/*-----------------------------
 li部分
-----------------------------*/
.feature .photoList ul li{
  width: 307px;
}

.feature .photoList ul li{
  float: left;
  margin: 0 2% 30px 0;
}

.feature .photoList ul li:nth-child(3n+3){
  margin: 0 0 30px 0;
}

.feature .photoList .imageWrap a{
  display: inline-block;
  height: 187px;
  overflow: hidden;
  vertical-align: bottom;
}
.feature .photoList .imageWrap img{
  width: 100%;
  vertical-align: bottom;
}

.feature .photoList .photoTitle{
  width: 100%;
  padding: 8px 15px;
}

.feature .photoList h3{
  font-size: 15px;
  font-weight: bold;
}

.feature .photoList .userName{
  float: left;
  width: 65%;
  color: #707070;
  font-size:13px;
}

.feature .photoList .snsBtn{
  float: right;
  margin-right: 8px;
  font-size: 16px;
  line-height: 140%;
}

.feature .photoList .pettan{
  float: right;
  text-align: center;
  width: 13%;
}

/*-----------------------------
 上部・下部記事
-----------------------------*/
.feature .topArticle{
  margin-bottom: 20px;
  font-size: 15px;
  line-height: 130%;
  border-radius: 5px;
  padding: 15px;
  color: #800000;
  border: #e0cbcb solid 1px;
  position: relative;
  background:
    url(/nekosha/images/feature/article_image.png),
    url(/nekosha/images/feature/stripe_bg.png);
  background-position:
    right 1% center,
    center center;
  background-repeat:
    no-repeat,
    repeat;
  min-width: 930px;
  min-height: 40px;
  display: table;
}

.feature .topArticle p{
  vertical-align: middle;
  display: table-cell;
}

.feature .topArticle img{
  width: 10%;
  position: absolute;
  bottom: -10px;
  right: 5px;
}

.feature .bottomArticle .freeText{
  font-size: 23px;
  color: #b22222;
  text-align: center;
  margin-top: 5px;
  border: 1px solid #ccc;
  border-radius: 5px;
  background: #fff;
  padding: 10px;
}

.feature .bottomArticle h4{
  font-size: 20px;
  color: #600100;
  border-bottom: 2px solid #59b395;
  padding-left: 10px;
}

/*-----------------------------
 特集バックナンバー
-----------------------------*/
.backNumberArea{
  margin-top: 5px;
  padding: 20px 15px 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
  background: #fff;
  color: #b22222;
  font-size: 20px;
}

.backNumberArea h4{
  margin-bottom: 15px;
}

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

.backNumberArea .bn_bnr{
  width: 449px;
}

.backNumberArea .bn_bnr:nth-child(odd){
  float: left;
  margin: 0 7px 10px 8px;
}

.backNumberArea .bn_bnr:nth-child(even){
  float: right;
  margin: 0 8px 10px 7px;
}