@charset "utf-8";

/* Reset
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.8.2r1
-------------------------------------------------------------------------------*/
body{margin:0;padding:0;}div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit}del,ins{text-decoration:none}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:baseline}sub{vertical-align:baseline}legend{color:#000}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}input,button,textarea,select{*font-size:100%}
h1,h2,h3,h4,h5,h6,p,dt,dd,ul,li{max-height:100%;}
a img {border-style:none;//IE8}
/* basic
-------------------------------------------------------------------------------*/
ul li a, ul li img{ display: block; }
.mt15{ margin-top: 15px; }
.mt30{ margin-top: 30px; }
.mb30{ margin-bottom: 30px; }
.mt50{ margin-top: 50px;}
.alnC{ text-align:center; }
.alnR{ text-align: right; }
.bold{ font-weight: bold; }
.fl {float: left;}
.fr {float: right;}
.red{ color: #F00; }
.dn{display: none;}
.indent{display: block;	margin-left: 1.15em;}
.clear{ clear: both; }
.clrfx:after{content:"";display:table;clear:both;}
.clrfx{zoom:1;}
a{ color: #00AFA4; text-decoration: none; text-decoration:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);outline:none;display:}
a:hover{ color: #F5AAD7; text-decoration: none; cursor: pointer;}
/*a > img:hover{ opacity: 0.6; }*/
.hoverOp:hover {filter: alpha(opacity=60);	opacity: 0.6; cursor: pointer;}
.rollover:hover{cursor: pointer;}
/* layout
-------------------------------------------------------------------------------*/
body{
	font: 14px/20px "ヒラギノ角ゴ Pro W4","Hiragino kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	letter-spacing: 0.15em;
	-webkit-text-size-adjust: 100%;
	background-color: #F6D8D7;
}
.meow_pc {display: block;}
.meow_sp {display: none;}


.header {
	width: 1050px;
	margin: 54px auto 60px auto;
	position: relative;
	z-index: 10;
}

.wrapper{
	width: 1000px;
	margin: 15px auto;
	background-color: #fff;
	border-radius: 30px;
	position: relative;
	z-index: 5;
}

.join_mail{
	font-size:24px;
	line-height:2em;
	display:block;
}

#lead{
	position: relative;
	margin: 0 auto 40px auto;
}

.wrapper h2{
	text-align: center;
}
.subtitle1 {
	padding-top: 20px;
	padding-bottom: 30px;
}
.content{
	width: 760px;
	margin : 20px auto;
	position: relative;
}
.content h3{
	padding-bottom: 20px;
	margin-left: 20px;
}
.content h4{
	padding-bottom: 10px;
}
.explain_txt {
	position: relative;
	padding-bottom: 26px;
	padding-left: 20px;
}
.neko {
	position: absolute;
	top: 0;
	right: 0;
}
#neko01 {top: 290px;right: -40px;}
#neko02 {right: -30px;}
#neko03 {top: 60px;	right: -20px;}
#neko04 {top: 80px;	right: -20px;}

#content1{
}


#content2 li{
	padding-bottom: 20px;
}

#content2 .howto {
	display: none;
}

#tweetWrap{
	position: relative;
	padding-bottom: 60px;
	text-align: center;
}

.applyterm {
	text-align: left;
	display: inline-block;
	position: absolute;
	top: 35px;
	right: 114px;
	font-size: 14px;
}

.tweetstate {
	margin: 30px 0 50px 0;
}
/* 02.19(^･･^) ↓ */
.lead0219 {
	width: 900px;
	margin: 0 auto;
	padding-top: 20px;
}
.lead0219 .nekobell {
	position: absolute;
	z-index: 15;
	top: -34px;
	right: -3px;
	
	
}
.lead0219 .meow_pc{
	width: 895px;
	margin: 0 auto;
	padding-top: 20px;
}
.lead0219 .meow_pc .ttl_line {
	padding-bottom: 50px;
}

.lead0219 .meow_pc li{
	display: inline-block;
	float: left;
	width: 425px;
	height: 400px;
	margin-bottom:64px;
}
.lead0219 .meow_pc li:nth-child(odd){
	padding-right: 40px;
}

/* 2.22^ ↓ */
.neko0222 .wrapper {margin-top: -90px;}
/* lead 02.22 */
.lead0222 {
	width: 900px;
	margin: 0 auto;
	padding-top: 20px;
	position: relative;
}
.lead0222 .meow_pc{
	width: 895px;
	margin: 0 auto;
	margin-top: 20px;
	padding-bottom: 50px;
}
.lead0222 .nyarin {
	width: 480px;
	box-sizing: border-box;
	border-radius: 10px;
	border: 4px solid #000000;
	padding: 26px 0 40px 16px;
	line-height: 25px;
	letter-spacing:0.1em;
}


.lead0222 .meow_pc .ttl_line {
	padding-bottom: 20px;
}
.lead0222 .meow_pc .textContainer {
	padding-left: 20px;
	padding-right: 20px;
 }
.lead0222 .meow_pc .leadbtns{
	width: 380px;
}
.lead0222 .meow_pc li{
	display: inline-block;
	padding-bottom: 30px;
}
.neko222 {
	position: absolute;
	top: -200px;
	left: -60px;
}

.neko0222 .applyterm {
	top: 20px;
}
#nekoTweet{
	width: 780px;
	margin: 30px 0 20px 110px;
	line-height: 0;
	letter-spacing: -0.4em;
}
#nekoTweet li{
	display: inline-block;
	margin-left: 5px;
	margin-bottom: 5px;
	padding: 5px;
	box-shadow: 0 2px 4px 0 #777;
	background-color: #fff;
}
#nekoTweet li > a{
	display: block;
	width: 140px;
	height: 140px;
	overflow: hidden;
	background: url(../images/loading.gif) no-repeat center center;
}
#nekoTweet li > a:hover{ opacity: 0.6; }
#nekoTweet li > a > img{ display: none; }

.btn_more {
	text-align: right;
	padding-right: 80px;
}
/* 2.22 ↑　*/

#archives ul{
	text-align: center;
	padding: 30px 0 50px 35px;
}
#archives li{
	float: left;
	width: 208px;
	height: 250px;
	padding-bottom: 30px;
	margin-left: 22px;
	text-align: center;
}
#archives li span{
	display: inline-block;
	margin-top: 5px;
	font-size: 11px;
	line-height: 1.6em;
	letter-spacing: 0;
}

/* footer */
#footer{
	margin-top: 50px;
	text-align: center;
}

#footer li{
	display: inline-block;
	margin-right: 40px;
	vertical-align: middle;
}
#footer li:last-child{ margin-right: 0; }

.copyright {
	margin-top: 45px;
	padding-bottom: 32px;
	text-align: center;
	font-size: 10px;
	color: #FFFFFF;
}


/* all ------------------------------------ */
.neko_all {
}
.neko_all .bk_all {
	width: 1000px;
	margin: 0 auto;
}
.neko_all .wrapper {
	border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-top: 0;
    padding-top: 30px;
}

#nekoCntrl{
	width: 830px;
	margin: 30px auto 20px auto;
}
#nekoCntrl li{
	display: inline-block;
}

#nekoCntrl #prev{
}

#nekoCntrl #next{
}
#nekoCntrl #gotop{
	padding: 0 160px;
}


		
/* sp
 * --------------------------------------------------------------------------- */
@media only screen and (max-width: 479px) {
	body {width: 100%;margin: 0 auto;}
	img{max-width:100%;height:auto;}
	.hoverOp:hover{filter: alpha(opacity=100);opacity: 100;}
	.fl,.fr {float: none;}
	.meow_pc {display: none;}
	.meow_sp {display: block;}
	.indent{
		display: initial;
		margin-left: 0;
	}
	.header {
		width: 100%;
		margin: 0 auto 0 auto;
	}
	
	.wrapper{
		width: 100%;
		border-radius: inherit;
		margin-bottom: 0;
	}
	.subtitle1 {
		padding-top: 0px;
		padding-bottom: 30px;
	}
	.content{
		width: 95%;
		margin : 20px auto;
	}
	.ttl_entry {
		width: 116px;
	}
	.content h3{
		margin-left: 0;
	}
	.content h3,
	.explain_txt {
		width: 95%;
		margin: 0 auto;
	}
	
	.explain_txt {
		padding-bottom: 15px;
		padding-left: 0;
	}

	.neko {
		position: relative;
	}
	#neko01,#neko02,#neko03,#neko04 {
		top: inherit;
		right: inherit;
		width: 60%;
		text-align: center;
		margin: 16px auto 0 auto;
	}
	#neko01 {
		width: 76%;
		top: 0;
		margin-top: -5px;
		margin-bottom: 20px;
	}
	
	/* lead 02.19 */
	.lead0219 {
		width: 90%;
		margin: 0 auto;
		padding-top: 20px;
	}
	.lead0219 .nekobell {
		width: 20%;
		right: 12px;
		top:-12px;
	}
	.lead0219 .meow_sp .ttl_line {
		padding-bottom: 18px;
	}
	
	

	#tweetWrap{
		padding-bottom: 20px;
	}
	.applyterm {
		position: relative;
		top: inherit;
		right: inherit;
		width: 88%;
		margin: 0 auto;
	}
	
	.tweetstate {
		margin: 30px 0 30px 0;
	}
	#archives {
		width: 90%;
		margin: 0 auto;
	}
	#archives ul{
		text-align: center;
		 margin: 0 auto;
		 display: table;
		 width: 100%;
		 padding: 30px 0 0 0;
	}
	#archives li{
		width: 47%;
		padding-bottom: 0px;
		margin-left: 5px;
		text-align: center;
		height: 210px;
	}
	#archives li:nth-child(odd){
		margin-left: 0;
		margin-right: 10px;
	}
	#archives li span{
		display: inline-block;
		margin-top: 5px;
		font-size: 10px;
		letter-spacing: 0;
	}
	
	#footer {
		width: 100%;
		margin-top: 25px;
	}
	#footer li{
		display: inline-block;
		margin: 20px 10px 10px 0;
		width: 18%;
	}
	#footer li.ft_home {
		padding-left: 0;
	}
	#footer .copyright {
		margin-top: 25px;
		padding-bottom: 32px;
	}
	
	/* lead 02.22 */
	.neko0222 .wrapper {margin-top: 15px;}
	.lead0222 {
		width: 100%;
		margin: 0 auto;
		padding-top: 20px;
		position: relative;
	}
	.lead0222 .nyarin {
		width: 95%;
		margin: 0 auto;
		box-sizing: border-box;
		border:none;
		padding: 0px 0 20px 10px;
		line-height: 22px;
	}
	.lead0222 .meow_sp .nyarin .textContainer {
	      margin: 10px 0;
	      height: 17.25em;
	      overflow: hidden;
	}
	.lead0222 ul {
		width: 95%;
		margin: 0 auto;
	}
	.lead0222 .meow_sp .nyarin .textContainer {
	      /*margin: 20px 0 0 0;*/
	      height: 17.25em;
	      overflow: hidden;
	}
	.lead0222 .btn_nyarin {
		width: 33%;
		margin-top: 10px;
	}
	#nekoTweet{
		width: 90%;
		margin: 30px auto 20px auto;
		line-height: 0;
		letter-spacing: -0.4em;
	}
	#nekoTweet li{
		display: inline-block;
		margin-left: 5px;
		margin-bottom: 5px;
		padding: 5px;
		box-shadow: 0 2px 4px 0 #777;
		background-color: #fff;
	}
	#nekoTweet li > a{
		display: block;
		width: 96px;
		height: 96px;
		overflow: hidden;
		background: url(../images/loading.gif) no-repeat center center;
	}
	#nekoTweet li > a:hover{ opacity: 0.6; }
	#nekoTweet li > a > img{ display: none; }
	
	.btn_more {
		text-align: right;
		padding-right: 20px;
		margin-bottom: 20px;
	}
	.btn_more img {
		width: 120px;
	}
	/* 2.22 ↑　*/
	
	/* all */
	.neko_all .bk_all {
		width: 100%;
		margin: 15px auto 0 auto;
	}
	.neko_all .wrapper {
	    margin-top: 0;
	    padding-top: 30px;
	}
	
	#nekoCntrl{
		position: relative;
		width: 100%;
		margin: 30px auto 20px auto;
	}
	
	.neko_all #tweetWrap{
		padding-bottom: 60px;
	}
	.neko_all #nekoCntrl ul {
		display: table;
	}
	
	.neko_all #nekoCntrl li {
		display: inline-block;
		vertical-align: middle;
	}
	
	.neko_all #nekoCntrl li img {
		
	}
	.neko_all .meow_sp {
		display: inline-block;
	}
	#nekoCntrl #gotop {
		padding: 0 5px;
		margin: 0;
		text-align: center;
		display: inline-table;
	}
}

@media only screen and (max-width: 321px) {
	#nekoTweet{
		width: 100%;
	}
	#nekoTweet li {
		margin-left: 0;
	}
}