@charaset"UTF-8";

/*==================================================================*/
/* css */
/*==================================================================*/

/* -------------------------------------------------------------- */

/* Smartphone tate */

/* -------------------------------------------------------------- */
@media screen and (max-width:414px){

/* common */
/* -------------------------------------------------------------- */
img{
	width:auto;
	max-width:100%;　
	height:auto;
	}

#header,#header div{width:100%;}
#header h1{padding:0 0 6px;}
#header h1 img{width:50%;}

#header #return{
	top:20px;
	left:12px;
	width:7%;
	}
#header #return img{float:left}

#header #app{
	top:9px;
	right:6px;
	width:20%;
	}
#header #app img{float:right;}

#container{width:100%;}
#container .pagetop{display:none;}

#footer,#footer p{width:100%;}

/* index */
/* -------------------------------------------------------------- */
#index{padding-top:0.5em;}
#nav{display:none;}

#index .pickup{margin-bottom:0.5em;}
#index .pickup h2{margin:0 0 0.5em;}
#index .pickup ul{margin:0 12px;width:auto;}
#index .pickup li{margin-bottom:0.5em;}
#index .pickup li img{width:95%;}
#index #top-team{margin:0 auto;padding-bottom:2em;}
#index #top-diary span.lock{top:36%;left:36%;-moz-background-size:auto 80%;background-size:auto 80%;}

/* detail */
/* -------------------------------------------------------------- */
#detail{padding-top:0.5em;}
#detail h2{margin:0 0 0.5em;padding:0.4em 16%;font-size:16px;line-height:1.3;}
#detail h2 span{
	position:absolute;
	top:3px;
	right:6px;
	width:50px;
	}

#detail #photo{margin:0 12px;width:auto;}
#detail #textarea{margin:0 12px 0.5em;width:auto;}
#detail #textarea ul{
	margin-bottom:0;
	-moz-background-size:36% auto;
	background-size:36% auto;
	}
#detail #textarea li.view,
#detail #textarea li.cool{width:18%;line-height:50px;font-size:12px;font-family:Arial;letter-spacing:0;}
#detail #textarea li.name{width:44%;line-height:64px;font-size:12px;letter-spacing:0;}
#detail #textarea li.userphoto{width:20%;text-align:right;}
#detail #textarea li.userphoto img{width:95%;margin:0;}

#detail #textarea p.parts{margin-top:0.5em;font-size:14px;letter-spacing:0;}
#detail #textarea p{margin:0 0 0.5em;}
#detail #textarea p.date{margin:0;font-size:12px;letter-spacing:0;width:60%;line-height:26px;}
#detail #textarea p.translate{width:40%;}
#detail #textarea div.none{padding:5em 0 2em;width:100%;height:100%;background: url('../image/diary_ic_lock.png') no-repeat 50% 20% #eee;}
#detail #textarea div.none p{padding:0 0 1em;}
#detail #textarea div.none img{width:90%;}

#detail #machine{margin-bottom:0;}
#detail #machine h3{margin-bottom:0.5em;}
#detail #machine ul{margin:0 12px;width:auto;}
#detail #machine li{margin:0 auto 0.5em;}

#detail #circuit{margin-bottom:0;}
#detail #circuit h3{margin-bottom:0.5em;}
#detail #circuit ul{margin:0 12px;width:auto;}
#detail #circuit li{margin:0 auto 0.5em;}

#detail #parts{margin-bottom:0;}
#detail #parts h3{margin-bottom:0.5em;}
#detail #parts ul{margin:0 12px;width:auto;}
#detail #parts li{margin:0 auto 0.5em;}

#detail #diary{margin-bottom:0;}
#detail #diary h3{margin-bottom:0.5em;}
#detail #diary ul{margin:0 12px;width:auto;}
#detail #diary li{margin:0 auto 0.5em;}

#detail #tag{margin-bottom:0;}
#detail #tag h3{margin-bottom:0.5em;}
#detail #tag ul{margin:0 auto;width:95%;}
#detail #tag li{margin:0 0.5em 0.5em 0;}
#detail #tag li a{padding:0.1em 0.2em;}

#detail #recomend{margin-bottom:0;}
#detail #recomend h3{margin-bottom:0.5em;}
#detail #recomend ul{margin:0 12px;width:auto;}
#detail #recomend li{margin-bottom:0.5em;}

#detail #comment{padding-bottom:0.5em;}
#detail #comment h3{margin-bottom:0.5em;}
#detail #comment dl{margin:0 auto 0.5em;width:auto;padding:0 12px;}
#detail #comment dt{width:20%;text-align:left;}
#detail #comment dt img{width:95%;margin:0;}
#detail #comment dd{padding:0.5em 0 0;width:80%;}
#detail #comment dd p{padding:0 0 0.5em 6px;letter-spacing:0;}
#detail #comment ul{padding:0 0 6px 6px;}
#detail #comment ul li{width:40%;font-size:10px;letter-spacing:0;}
#detail #comment ul li.name{width:auto;font-size:12px;letter-spacing:0;float:none;line-height:1.2;}
#detail #comment ul li.date{width:auto;font-size:12px;letter-spacing:0;float:none;line-height:1.2;}
#detail #comment ul li.date img{width:15%;}
#detail #comment #post img{width:90%;}

/* owner */
/* -------------------------------------------------------------- */
#owner{padding-top:0;}
#owner h2{margin:0 0 0.3em;width:100%;}
#owner #textarea{margin:0 12px 0.5em;width:auto;}
#owner #textarea ul{margin:0;}
#owner #textarea li.userphoto{width:20%;margin:0 0 6px;text-align:left;}
#owner #textarea li.userphoto img{width:95%;}
#owner #textarea li.name{padding:1.6em 0 0;width:80%;font-size:14px;letter-spacing:0;}
#owner #textarea li.name a{padding:0 0 0 6px;}
#owner #textarea li.team{float:left;width:100%;}
#owner #textarea li.team img{
	margin:0 6px 6px 0;width:8%;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
	}
#owner #textarea p{margin:0 0 0.5em;}
#owner #textarea p.date{margin:0;font-size:12px;letter-spacing:0;width:60%;line-height:26px;}
#owner #textarea p.translate{width:40%;}

#owner #new{margin-bottom:0;}
#owner #new h3{margin-bottom:0.5em;}
#owner #new ul{margin:0 12px;width:auto;}
#owner #new li{margin:0 auto 0.5em;}
#owner #new span.lock{top:36%;left:38%;-moz-background-size:auto 80%;background-size:auto 80%;}
#owner #new .mode1{right:5px;}
#owner #new .mode2{right:5px;}
#owner #new .mode3{right:5px;}
#owner #new .mode4{right:5px;}

#owner #pit{margin:0 auto;}
#owner #pit h3{margin:0 0 0.5em;}
#owner #pit div{margin:0 12px 1em;width:auto;}

#owner #pit dl{
	margin:0 0 0.5em;
	width:33%;
	height:auto;
	}
#owner #pit dt{
	padding:0 0 1em;
	height:auto;
	-moz-background-size:95% auto;
	background-size:95% auto;
	background-position:50% 0.5em;
	}

#owner #pit dt span{
	-moz-background-size:60% auto;
	background-size:60% auto;
	}
#owner #pit dt img{margin:0.5em 0 0;}
#owner #pit dd{font-size:12px;font-family:Arial;letter-spacing:0;}
#owner #code{
	margin:0 auto;
	padding:1em 0;
	height:80px;
	-moz-background-size:150% auto;
	background-size:150% auto;
	background-position:40% 0;
	}
#owner #code img{width:50%;}

#owner #pit #pit-diary span.lock{top:36%;left:36%;-moz-background-size:auto 80%;background-size:auto 80%;}
#owner #pit-diary .mode1{top:63%;left:77%;}
#owner #pit-diary .mode2{top:63%;left:77%;}
#owner #pit-diary .mode3{top:63%;left:77%;}
#owner #pit-diary .mode4{top:63%;left:77%;}
	
/* team */
/* -------------------------------------------------------------- */
#team{padding:0;}
#team h2{margin:0 0 0.3em;width:100%;}
#team #textarea{margin:0 12px 0.5em;width:auto;}
#team #textarea ul{margin:0}
#team #textarea li{}
#team #textarea li.userphoto{width:20%;margin:0 0 6px;text-align:left;}
#team #textarea li.userphoto img{width:95%;margin:0;}
#team #textarea li.name{width:80%;}
#team #textarea li.name p{padding:1.6em 0 0 6px;font-size:14px;letter-spacing:0;line-height:1;}
#team #textarea li.name span{font-size:16px;font-family:Arial;}
#team #textarea p{margin:0 0 0.5em;}
#team #textarea p.date{margin:0;font-size:12px;letter-spacing:0;}

#team #member{margin:0 auto;padding-bottom:1em;}
#team #member h3{margin-bottom:0.5em;}
#team #member ul{margin:0 12px;width:auto;}
#team #member li{margin-bottom:0.5em;width:33%;}	

/* list */
/* -------------------------------------------------------------- */
#list{padding:0;}
#list h2{margin:0 0 0.5em;padding:0.5em 0;font-size:16px;}
#list h2 span{
	width:16%;
	line-height:2;
	position:absolute;
	top:12px;
	right:6px;
	font-size:10px;
}
#container #list h2{background-position:10% 50%;}
#list div{margin:0 6px;width:auto;}

#list .double{padding:0 0 2em}
#list .double dl{margin:0 auto;}
#list .double dt{margin:0 0 0.4em;}
#list .double dt img{width:94%;}
#list .double dd{height:3.5em;}
#list .double dd p{width:98%;letter-spacing:0;line-height:1.2;font-size:11px;}
#list .double ul{margin:0;padding:0;line-height:1;}
#list .double li{
	padding:0 0 0 1.6em;
	width:25%;
	font-size:10px;
	letter-spacing:0;
	}
#list .double li.view,#list .double li.cool,#list .double li.parts,#list .double li.comment{-moz-background-size:45% auto;background-size:45% auto;}

/* team */
#list .team{padding:0 0 2em}
#list .team dl{margin:0 auto;}
#list .team dt{margin:0 0 0.4em;}
#list .team dt img{width:90%;}
#list .team dd{height:3.6em;}
#list .team dd p{letter-spacing:0;line-height:1;font-size:11px;}
#list .team ul{margin:0;padding:0;line-height:1;}
#list .team li{
	padding:0 0 0 1.6em;
	width:25%;
	font-size:10px;
	letter-spacing:0;
	}
#list .team li.member{-moz-background-size:45% auto;background-size:45% auto;}

/* user */
#list .user ul{width:100%;}
#list .user li{
	margin:0 auto 0.5em;
	padding:0;
	border-bottom:1px dotted #ccc;
	float:none;
	width:100%;
	height:auto;
	line-height:4.4em;
	text-align:left;
	font-size:14px;
	letter-spacing:0;
	}
#list .user li a{display:block;}
#list .user li img{margin:0 12px 6px 12px;width:18%;float:left;}


/* search tag */
/* -------------------------------------------------------------- */
.tag #list h2 span{
	width:80%;
	line-height:36px;
	font-size:12px;
	
	}
#container .tag-machine h2 span,
#container .tag-parts h2 span,
#container .tag-circuit h2 span{-moz-background-size:15% auto;background-size:15% auto;}

.tag #list #sub{
	margin:0 0 1em;
	color:#777;
	text-align:center;
	font-size:12px;
	}
.tag #list #sub span{
	color:#0066bd;
	font-weight:bold;
	}
	

}
/* -------------------------------------------------------------- */

/* Smartphone yoko */

/* -------------------------------------------------------------- */
@media screen and (min-width:415px) and (max-width:768px){

/* common */
img{
	width:auto;
	max-width:100%;　
	height:auto;
	}

#header,#header div{width:100%;}
#header h1{padding:0;}

#header h1 img{width:40%;}
#header #return{
	top:18px;
	left:12px;
	width:18%;
	}
#header #return img{float:left}

#header #app{
	top:8px;
	right:6px;
	width:14%;
	}
#header #app img{float:right;}

#container{width:100%;}
#container .pagetop{display:none;}

#footer,#footer p{width:100%;}

/* index */
/* -------------------------------------------------------------- */
#index{padding-top:0.5em;}
#nav{display:none;}

#index .pickup{margin-bottom:0.5em;}
#index .pickup h2{margin:0 0 0.5em;}
#index .pickup ul{margin:0 10%;width:auto;}
#index .pickup li{margin-bottom:0.5em;}
#index .pickup li img{width:95%;}
#index #top-team{margin:0 auto;padding-bottom:2em;}
#index #top-diary span.lock{top:40%;left:40%;-moz-background-size:auto 90%;background-size:auto 90%;}

/* detail */
/* -------------------------------------------------------------- */
#detail{padding-top:0.5em;}
#detail h2{margin:0 0 0.5em;padding:0.4em 16%;font-size:16px;line-height:1.3;}
#detail h2 span{
	position:absolute;
	top:3px;
	right:6px;
	width:50px;
	}

#detail #photo{margin:0 10%;width:auto;}

#detail #textarea{margin:0 12% 0.5em;width:auto;}
#detail #textarea ul{
	margin-bottom:0;
	-moz-background-size:36% auto;
	background-size:36% auto;
	}
#detail #textarea li.view,
#detail #textarea li.cool{width:18%;line-height:60px;font-size:14px;font-family:Arial;letter-spacing:0;}
#detail #textarea li.name{width:44%;line-height:84px;font-size:14px;letter-spacing:0;}
#detail #textarea li.userphoto{width:20%;text-align:right;}
#detail #textarea li.userphoto img{width:95%;margin:0;}

#detail #textarea p{margin:0 0 0.5em;}
#detail #textarea p.parts{margin-top:1em;font-size:14px;letter-spacing:0;}
#detail #textarea p.date{margin:0 0 1em;font-size:12px;letter-spacing:0;width:60%;line-height:26px;}
#detail #textarea p.translate{margin:0 0 1em;width:30%;}
#detail #textarea div.none{padding:7em 0 3em;width:100%;height:100%;background: url('../image/diary_ic_lock.png') no-repeat 50% 20% #eee;}
#detail #textarea div.none p{padding:0 0 3em;}
#detail #textarea div.none img{width:90%;}

#detail #machine{}
#detail #machine h3{margin-bottom:1em;}
#detail #machine ul{margin:0 10%;width:auto;}
#detail #machine li{margin-bottom:0.5em;}

#detail #parts{}
#detail #parts h3{margin-bottom:1em;}
#detail #parts ul{margin:0 10%;width:auto;}
#detail #parts li{margin-bottom:0.5em;}

#detail #circuit{}
#detail #circuit h3{margin-bottom:1em;}
#detail #circuit ul{margin:0 10%;width:auto;}
#detail #circuit li{margin-bottom:0.5em;}

#detail #tag{}
#detail #tag h3{margin-bottom:1em;}
#detail #tag ul{margin:0 10%;width:auto;}
#detail #tag li{margin:0 0.5em 0.5em 0;}
#detail #tag li a{padding:0.1em 0.2em;}

#detail #recomend{}
#detail #recomend h3{margin-bottom:1em;}
#detail #recomend ul{margin:0 10%;width:auto;}
#detail #recomend li{margin-bottom:0.5em;}

#detail #comment{padding-bottom:1em;}
#detail #comment h3{margin-bottom:0.5em;}
#detail #comment dl{width:auto;padding:0 10% 0.5em;}
#detail #comment dt{width:20%;text-align:left;}
#detail #comment dt img{width:95%;margin:0;}
#detail #comment dd{padding:0.8em 0 6px;width:80%;}
#detail #comment dd p{padding:0 0 0.6em 6px;letter-spacing:0;}
#detail #comment ul{padding:0 0 6px 6px;}
#detail #comment ul li{width:40%;font-size:10px;letter-spacing:0;}
#detail #comment ul li.name{width:50%;font-size:12px;letter-spacing:0;}
#detail #comment ul li.date{width:50%;font-size:12px;letter-spacing:0;}
#detail #comment ul li.date img{width:20%;}
#detail #comment #post img{width:90%;}
/* owner */
/* -------------------------------------------------------------- */
#owner{padding-top:0;}
#owner h2{margin:0 auto 0.3em;padding-top:0.3em;width:80%;}
#owner #textarea{margin:0 12% 0.5em;width:auto;}
#owner #textarea ul{margin:0;}
#owner #textarea li.userphoto{width:20%;margin:0 0 6px;text-align:left;}
#owner #textarea li.userphoto img{width:95%;}
#owner #textarea li.name{padding:2.8em 0 0;width:80%;font-size:14px;letter-spacing:0;}
#owner #textarea li.name a{padding:0 0 0 6px;}
#owner #textarea li.team{float:left;width:100%;}
#owner #textarea li.team img{
	margin:0 6px 6px 0;width:8%;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
	}
#owner #textarea p{margin:0 0 0.5em;}
#owner #textarea p.date{margin:0 0 1em;font-size:12px;letter-spacing:0;width:60%;line-height:26px;}
#owner #textarea p.translate{margin:0 0 1em;width:30%;}

#owner #new h3{margin-bottom:0.5em;}
#owner #new ul{margin:0 10%;width:auto;}
#owner #new li{margin:0 auto 0.5em;}
#owner #new span.lock{top:40%;left:40%;-moz-background-size:auto 90%;background-size:auto 90%;}

#owner #pit{margin:0 auto;}
#owner #pit h3{margin:0 0 0.5em;}
#owner #pit div{margin:0 10% 1em;width:auto;}

#owner #pit dl{
	margin:0 0 0.5em;
	width:33%;
	height:auto;
	}
#owner #pit dt{
	padding:0 0 2em;
	height:auto;
	-moz-background-size:95% auto;
	background-size:95% auto;
	background-position:50% 0.5em;
	}

#owner #pit dt span{
	-moz-background-size:60% auto;
	background-size:60% auto;
	}
#owner #pit dt img{margin:0.5em 0 0;}
#owner #pit dd{font-size:14px;font-family:Arial;letter-spacing:0;}
#owner #code{
	margin:0 auto;
	padding:1em 0 5em;
	height:80px;
	-moz-background-size:150% auto;
	background-size:150% auto;
	background-position:40% 0;
	}
#owner #code img{width:50%;}

#owner #pit #pit-diary .cover{height:85%;}
#owner #pit #pit-diary span.lock{top:40%;left:44%;-moz-background-size:auto 90%;background-size:auto 90%;}
#owner #pit-diary .mode1{top:70%;}
#owner #pit-diary .mode2{top:70%;}
#owner #pit-diary .mode3{top:70%;}
#owner #pit-diary .mode4{top:70%;}

/* team */
/* -------------------------------------------------------------- */
#team{padding:0;}
#team h2{margin:0 auto 0.3em;padding-top:0.3em;width:80%;}
#team #textarea{margin:0 10% 0.5em;width:auto;}
#team #textarea ul{margin:0}
#team #textarea li{}
#team #textarea li.userphoto{width:20%;margin:0 0 6px;text-align:left;}
#team #textarea li.userphoto img{width:95%;margin:0;}
#team #textarea li.name{width:80%;}
#team #textarea li.name p{padding:2.8em 0 0 6px;font-size:14px;letter-spacing:0;line-height:1;}
#team #textarea li.name span{font-size:16px;font-family:Arial;}
#team #textarea p{margin:0 0 0.5em;}
#team #textarea p.date{margin:0;font-size:12px;letter-spacing:0;}

#team #member{margin:0 auto;padding-bottom:1em;}
#team #member h3{margin-bottom:0.5em;}
#team #member ul{margin:0 10%;width:auto;}
#team #member li{margin-bottom:0.5em;width:20%;}	

/* list */
/* -------------------------------------------------------------- */
#list{padding:0;}
#list h2{margin:0 0 0.5em;padding:0.5em 0;font-size:16px;}
#list h2 span{
	width:16%;
	line-height:2;
	position:absolute;
	top:12px;
	right:6px;
	font-size:10px;
}
#container #list h2{background-position:20% 50%;}
#list div{margin:0 10%;width:auto;}

#list .double{padding:0 0 2em}
#list .double dl{margin:0 auto;}
#list .double dt{margin:0 0 0.4em;}
#list .double dt img{width:94%;}
#list .double dd{height:3.5em;}
#list .double dd p{width:98%;letter-spacing:0;line-height:1.2;font-size:11px;}
#list .double ul{margin:0;padding:0;line-height:1;}
#list .double li{
	padding:0 0 0 1.6em;
	width:25%;
	font-size:10px;
	letter-spacing:0;
	}
#list .double li.view,#list .double li.cool,#list .double li.parts,#list .double li.comment{-moz-background-size:45% auto;background-size:45% auto;}

/* team */
#list .team{padding-bottom:2em;}
#list .team dl{margin:0 auto;width:20%;}
#list .team dt{margin:0 0 0.4em;}
#list .team dt img{width:90%;}
#list .team dd{height:3.2em;}
#list .team dd p{letter-spacing:0;line-height:1;font-size:11px;}
#list .team ul{margin:0;padding:0;line-height:1;}
#list .team li{
	padding:0 0 0 2em;
	width:auto;
	font-size:10px;
	letter-spacing:0;
	}
#list .team li.member{}

/* user */
#list .user ul{margin:0;width:auto;}
#list .user li{font-size:12px;height:10.5em;}
#list .team li.member{-moz-background-size:45% auto;background-size:45% auto;}

/* pickup tag */
/* -------------------------------------------------------------- */
#container .pickup-pickup h2 em{
	display:block;

	}

/* search tag */
/* -------------------------------------------------------------- */
.tag #list h2 span{
	width:70%;
	line-height:36px;
	font-size:12px;
	
	}
#container .tag-machine h2 span,
#container .tag-parts h2 span,
#container .tag-circuit h2 span{-moz-background-size:10% auto;background-size:10% auto;}

.tag #list #sub{
	margin:0 0 1em;
	color:#777;
	text-align:center;
	font-size:12px;
	}
.tag #list #sub span{
	color:#0066bd;
	font-weight:bold;
	}

}
/* -------------------------------------------------------------- */