@charset "utf-8";

/*ネコ写定義*/

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

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


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

/*--------------------------------------------------
ルール・利用規約
--------------------------------------------------*/

#new-rule-box {
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 3px;
	font-size: 15px;
	margin: 20px auto 0;
	padding: 15px 30px;
	width: 900px;
}

#new-rule-box h3 {
	background: rgba(0, 0, 0, 0) url("../../home/images/list_bg.gif") no-repeat scroll 0 0;
	color: #672c10;
	font-size: 100%;
	font-weight: bold;
	height: 26px;
	padding-left: 30px;
	padding-top: 7px;
}

#new-rule-box ul {
	margin: 10px 20px 20px 20px;
	line-height: 2;
}

#new-rule-box ul li span.number {
	font-weight: bold;
	color: #669933;
}

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

#loading_overlay {
	z-index: 10000;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(255,255,255,.5);
}
.loader {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -50px;
	margin-left: -50px;
}

/* cropperによる画像トリム */
.cropperBox {
	display: none;
	width: 400px;
}
.cropperBox .header{
	text-align: center;
	padding: 5px;
	font-size: 16px;
	color: #888;
}
.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;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-moz-box-shadow: none;
	-webkit-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;
}


.comment {

}


/*--------------------------------------------------
ネコ写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.gif) no-repeat;
	padding-top:17px;
	text-align:right;
	padding-right:20px;
}

.subNav{
	background:#977b53;
	display:table;
	width:100%;
}
.subNav ul{
	display:table-cell;
	vertical-align:middle;
}
.subNav ul li{
	float:left;
	width:125px;
	text-align:center;
}
.subNav ul li a{
	color:#fff;
	display:block;
	padding:10px 0;
}
.subNav ul li:hover{
	background-color:#644600;
}
.subNav ul li.active{
	background-color:#644600;
}
.subNav .searchArea{
	display:table-cell;
	padding:5px 5px 3px 5px;
	vertical-align:middle;
	text-align:right;
}
.subNav .searchArea input{
	background:#bda67d;
	border-radius:3px;
	border:none;
	margin-bottom:4px;
	margin-right:5px;
	color:#fff;
	padding:2px 5px;
}
input:placeholder-shown {
	color: white; }

/* Google Chrome, Safari, Opera 15+, Android, iOS */
input::-webkit-input-placeholder {
	color: white; }

/* Firefox 18- */
input:-moz-placeholder {
	color: white; opacity: 1; }

/* Firefox 19+ */
input::-moz-placeholder {
	color: white; opacity: 1; }

/* IE 10+ */
input:-ms-input-placeholder {
	color: white; }

.searchSubmitBtn {
	background: #400000 none repeat scroll 0 0;
	border-radius: 3px;
	color: #fff !important;
	display: inline-block;
	font-size: 14px;
	padding: 3px 10px;
	white-space: nowrap;
	width: 70px;
	text-align:center;
}
.searchSubmitBtn img{
	vertical-align:middle;
}
.searchSubmitBtn:hover{
	background-color:#644600;
}

.mvnAreaWrap{
	margin-top:20px;
}
.contents.nekosha h2 {
	border:none;
	box-shadow: none;
	font-size: 16px;
	margin: 0;
	padding:0;
	width:940px;
	border-bottom:3px solid #ec6941;
	padding:10px 10px 5px;
	margin-bottom:15px;
}
.contents.nekosha h2 span:not(.condText){
	font-size:12px;
	margin-left:30px;
}
.mvnAreaWrap .mvnArea{
	width:600px;
	float:left;
}
.mvnAreaWrap .mvnArea h2{
	width:580px;
}
.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{
	margin-bottom:5px;
}
.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;
	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;
	float:right;
	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: 18px;
	padding-bottom: 5px;

}
/*
.nekosha_ranking .nekosha_row .nekoshainfo p {
	display: table-cell;
	vertical-align: middle;
}
*/
.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: 100%;*/
	width: 238px;
	height: 198px;
}


/* テキスト部分 */
.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;
}

.photoList_text-data,
.latestList_text-data {
	display: table;
	width: 100%;
	height: 1rem;
	font-size: .75rem;
	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;
}
.page_header-nekosya_detail {
	background: url(/nekosha/images/title_more_long.png);
}



/*--------------------
 * 上部詳細部分
--------------------*/
.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: 12px;
	background: #fff;
}
.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: 12px;
	color: #999;
	font-size: 90%;
}
/*代表作*/
.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: table;
	width: 100%;
	height: 66px;
	margin-top: 3px;
	padding-bottom: 3px;
	border-bottom: #cfcfcf dotted 1px;
}
.masterpiece_list_item_data,
.masterpiece_list_item_thumb {
	display: table-cell;
	vertical-align: middle;
}
.masterpiece_list_item_thumb {
	width: 64px;
}
.masterpiece_list_item_thumb img {
	width: 92%;
}

.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: 10px;
	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) }
}
#pettanNeedLogin {
	display: none;
	text-align: center;
}



/*タイトル*/
.detail_info_title {
	margin-bottom: 16px;
	color: #6c4033;
	font-size: 140%;
}
/*コメント*/
.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: 1px 3px 1px 2px;
	color: #949494;
	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 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;
}

.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;
}
/* コメントとタグ編集のポップアップ */
.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 {
	padding-left: 5px;
	padding-bottom: 5px;
}
#pettanList .pettanUserImg img{
	width: 40px;
}

#pettanList .pettanUserProf {
	padding-left: 10px;
}
#pettanList .pettanUserName {
	font-size: 110%;
}
#pettanList .pettanListHeader {
	border-bottom: 1px solid #DC6161;
	padding: 5px;
}
#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 0;
}
.photo_switcher_num {
	color: #777;
	text-align: center;
}
.photo_switcher_prev {
	text-align: right;
}

/*--------------------
 * インタラクション
--------------------*/
.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: #848484 !important;
}
.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;
}



/*--------------------
 * 画面下部
--------------------*/
.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: 110%;
}

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

.comment_parent{
	background: #fff;
}

/* ---------- ゲストからのコメント ---------- */
.comment_list {
}
.comment_item {
	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-left: 10px;
	font-size:13px;
}
.comment_info_name .date{
	font-size:11px;
	color:#666;
}
.comment_info_info {
	padding: 5px;
	text-align: right;
	font-size:80%;
}
.comment_info_info span{
	color:#999;
}
.comment_info_thumb {
	width: 30px;
	padding: 5px 5px 5px 0;
	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 {
	display: none;
	width: 250px;
}

.re_comment_box {
	padding-right: 5px;
	box-sizing: border-box;
	display: table;
	width: 100%;
	width: 100%;
}

.re_comment_box .comment_text{
	padding-top:0;
	padding-left:3px;
}

.nekosha_re_comment {
	border-top: 1px solid #d8d8d8;
}

.nekosha_re_comment:nth-child(2) {
	padding-left: 40px;
}

.nekosha_re_comment:nth-child(n+3) {
	margin-left: 40px;
}

.nekosha_re_comment .comment_info {
	padding-top:7px;
}


/* ---------- ユーザーのつけたタグ ---------- */
.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:10px;
}

.contents.nekosha .nekosha-description h2{
	width:98%;
	border-bottom:2px solid #59b395;
	padding:0;
	padding-left:10px;
}

.contents.nekosha .nekosha-description h2 .fa-paw{
	color: #02735f;
	font-size: 115%;
	margin-right: 7px;
}

.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: #6a6a6a;
	border-bottom: 1px solid #59b395;
	margin-bottom: 5px;
	font-size: 108%;
	padding-left: 5px;
	letter-spacing: 1px;
}

.nekosha_artical .txt{
	width: 86%;
}

.nekosha_artical p{
	color: #7c7c7c;
	margin-bottom: 5px;
	padding-left: 8px;
	line-height: 1.6;
	letter-spacing: 0.4px;
}

.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;
}
/* トップページのみ */
.nekosha-description.top {
	width: 630px;
	float: left;
}

/* ---------- 過去のMVネコ写一覧 list_mv.php ---------- */
.year_select{
	display:table;
}
.year_select li{
	display:table-cell;
	padding-right:10px;
}
.year_select li.active a{
	background:#ec6941;
	color:#fff;
}
.year_select li a{
	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;
}

/* ---------- ネコ写一覧 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 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;
	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 {
	font-size: 12px;
	background-color: #cc0000;
	color: #fff;
	padding: 2px 5px 0;
	margin-right: 5px;
	border-radius: 2px;
}

.regist_input .inputAreaWrap span.option {
	font-size: 12px;
	background-color: #999;
	color: #fff;
	padding: 2px 5px 0;
	margin-right: 5px;
	border-radius: 2px;
}

.regist_input .inputAreaWrap .inputSectionHeader {
	font-size: 14px;
	background:#c0aa85;
	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;
}

.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;
}
.regist_input .inputAreaWrap .btnArea02 i{
	color:#e81d63;
}
.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 .tagDescWrap {
	widht: 700px;
}
.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;
}

/* 確認ページ */
.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: 14px;
	margin-bottom: 20px;
	background: #c0aa85;
	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;
}

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

.contents.nekosha .feature h2{
	border-bottom: none;
	padding: 0;
	margin: 15px 0;
	width: 960px;
}

.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: 18px;
}

.feature .topPhoto .userName{
	float: left;
	width: 70%;
	color: #707070;
}

.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 img{
	width: 100%;
	height: 187px;
}

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

.feature .photoList h3{
	font-size: 16px;
}

.feature .photoList .userName{
	float: left;
	width: 65%;
	color: #707070;
}

.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{
	padding: 10px 15px;
	font-size: 20px;
	color: #b22222;
	margin-top: 5px;
	border: 1px solid #ccc;
	border-radius: 5px;
	background: #fff;
}

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

.backNumberArea img{
	width: 100%;
}

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


/*##################### 猫の写真を撮る時のポイントページ #####################*/
#leftContents{
	float: left;
	width: 640px;
}

#rightContents{
	float: right;
	width: 300px;
}

.nekoshaColumn{
	letter-spacing: 0.5px;
	padding-left: 0!important;
}

#nekoshaAttenBox img{
	margin: 5px 10px;
	width: 50%;
}

.contents.nekosha h2.nekoshaAttenHead{
	width: 620px;
	border: none;
	box-shadow: none;
	font-size: 140%;
	margin: 0;
	padding: 0;
	border-bottom: 3px solid #ec6941;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	padding: 10px 10px 5px;
	margin-bottom: 15px;
	background-size: 16px;
	color: #800;
}

h2.nekoshaAttenHead:before {
	content: "";
	border-left: none;
	margin-right: 0px;
}

.nekoshaColumn #nekoshaAttenBox h3{
	padding: 5px 10px;
	background: #009fa8;
	color: #fff;
	font-size: 125%;
	margin-top: 20px;
}

#nekoshaAttenBox h4:before{
	font-family: FontAwesome;
	content : "\f1b0";
	margin-right: 8px;
}

#nekoshaAttenBox h4{
	margin: 0 8px 15px 8px;
	padding: 5px 10px 3px 5px;
	border-bottom: 2px solid #f1a84a;
	color: #800;
	font-size: 115%;
	font-weight: bold;
}

#nekoshaAttenBox .nekoshaAttenContent {
	margin: 10px 5px;
}

#nekoshaAttenBox h5{
	padding-bottom: 2px;
	margin: 10px 10px -5px 10px;
	display: block;
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr=#cccccc,EndColorStr=#ffffff);
	background: linear-gradient(to left, #fff, #ccc);
	background:-webkit-gradient(linear, left center, from(#ccc), to(#fff));
	background:-moz-linear-gradient(left, #ccc, #fff);
	background:linear-gradient(left, #ccc, #fff);
	color: #642200;
}

#nekoshaAttenBox h5 span{
	display: block;
	padding: 10px 0 0 8px;
	background: #fff;
	font-size: 110%;
	font-weight: bold;
}

.nekoshaAttenWrap{
	font-size: 110%;
	line-height: 160%;
}

.nekoshaAttenWrap .topTxt p{
	padding: 0 10px 10px 10px;
	margin: 10px 0 0 0;
}

.nekoshaAttenWrap p{
	padding: 0 10px 10px 10px;
	margin: 13px 0 0 0;
}

.nekoshaAttenBlock p{
	padding: 0 10px 0 20px;
}

.nekoshaAttenBlock{
	margin-top: 15px;
	padding: 10px 0 15px 0;
	background: #fff;
}

.nekoshaAttenBlock li{
	margin-left: 20px;
}

.nekoshaAttenBlock li:before {
	background: #800;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	content: " ";
	display: inline-block;
	height: 6px;
	width: 6px;
	left: 4px;
	position: absolute;
	top: 8px;
}

.nekoshaAttenBlock li{
	position: relative;
	padding: 0 10px 0 17px;
}

.nekoshaAttenBlock .emphasis_txt{
	color: #ee6f18;
	font-weight: bold;
	font-size: 110%;
}

.nekoshaAttenBlock .memoArea{
	background: #eee;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin: 0 15px;
	padding: 1px 0;
	font-size: 85%;
	line-height: 140%;
}

.nekoshaAttenBlock .memoHead{
	border-bottom: 1px dotted #333;
	font-size: 105%;
}

.nekoshaAttenBlock .memoHead .fa-heart{
	color: #b22222;
	margin-right: 3px;
}

.nekoshaAttenBlock i.fa-heart{
	color: #ee8899;
	margin-right: 8px;
}


#nekoshaAttenBox .nekoshaAttenContent h5 span{
	padding: 0;
	background: none;
}

#nekoshaAttenBox .nekoshaAttenContent h5{
	display: none;
}

#nekoshaAttenBox .nekoshaAttenContent h5 .fa{
	font-size: 120%;
	margin-right: 5px;
}

#nekoshaAttenBox .nekoshaAttenContent a{
	text-decoration: none;
}

#nekoshaAttenBox .nekoshaAttenWrap .topTxt{
	background: #fff;
}

#nekoshaAttenBox .linkArea{
	text-align: center;
	margin: 20px 0;
}

#nekoshaAttenBox .imgArea{
	margin-bottom: 10px;
}

#nekoshaAttenBox .imgArea a:hover img{
	opacity: 0.7;
	transition: all 0.3s ease 0s;
}

#nekoshaAttenBox .descBlockArea:not(:last-child){
	margin-bottom: 40px;
}

#nekoshaAttenBox .btnArea{
	width: 70%;
	margin: 20px auto 0 auto;
}

#nekoshaAttenBox .btnArea .amazonLink a,
#nekoshaAttenBox .btnArea .rakutenLink a{
	width: 210px;
	display: inline-block;
	border: 2px solid #f3961d;
	padding: 5px 0;
	font-size: 15px;
	position: relative;
	color: #ef8617;
}

#nekoshaAttenBox .btnArea .rakutenLink a{
	border: 2px solid #d50000;
	color: #d50000;
}

#nekoshaAttenBox .btnArea .amazonLink a img,
#nekoshaAttenBox .btnArea .rakutenLink a img{
	width: 20px;
	margin: 0 5px 0 0;
	vertical-align: middle;
}

#nekoshaAttenBox .btnArea .amazonLink a:after,
#nekoshaAttenBox .btnArea .rakutenLink a:after{
	font-family: FontAwesome;
	content: "\f105";
	position: absolute;
	top: 4px;
	right: 5px;
	font-size: 25px;
}

#nekoshaAttenBox .btnArea .amazonLink a:hover{
	background-color: #ffefdb;
}

#nekoshaAttenBox .btnArea .rakutenLink a:hover{
	background-color: #ffeded;
}

#nekoshaAttenBox .bnrArea img{
	width: 100%;
	margin: 15px 0 5px 0;
	border-radius: 3px;
}

#nekoshaAttenBox .bnrArea a:hover{
	opacity: 0.7;
	transit: 0.3s;
}


/*##################### 静的ページリンク #####################*/
.nekosha_column_box{
	background: #F9F7F5;
	width: 100%;
	margin: 5px 0 20px;
	text-align: left;
	box-shadow: 1px 1px 3px #aaa;
	box-sizing: border-box;
}

.nekosha_column_box h3{
	text-align: center;
	background: #EBD9CB;
	padding: 3px;
	font-size: 14px;
}

.nekosha_column_box a{
	text-decoration: none;
}