@media (max-width: 480px) {
	#header-cat {
	 display:none;		 
	}
	#header-cat-link{
	 display:block !important;
	 text-align: left;
	 margin-bottom: 10px;
	}
	#portrait {
	 float: left;
	 margin-right: 15px !important;
	 width: 66px  !important;
	}
	#logo {
	 float: left;
	 margin-top: 15px !important;
	}
	.input-group {
	 clear: both;
	}
	body {
	 padding: 0 0 20px 0 !important;
	}
}
@media (max-width: 767px) {
	#header-cat {
	 display:none;		 
	}
	#header-cat-link{
	 display:block !important;
	 text-align: left;
	 margin-bottom: 10px;
	}
}
.box-border {
 -moz-box-sizing: border-box; webkit-box-sizing: border-box; box-sizing: border-box;
}
.group:after {
 clear: both; content: "."; display: block; height: 0; visibility: hidden;
}
.ninja {
 display: none
}
h1, h2, h3, h4, h5 {
 font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif/*{text:font}*/;
}
h1 {
 font-size: 26px; line-height: 36px; margin-bottom: 30px; text-align: left;
}
body 
header h1#logo {
	font-size:34px;
}
h2 {
 font-size: 22px; line-height: 30px; margin-bottom; 25px;
}
h3, h4 {
 line-height: 22px; margin-bottom: 25px;
}
p {
 font-size: 16px; line-height: 24px; margin: 0 0 25px 0;
}
figure {
 margin: 0 0 25px 0;
}
a {
 color: #90c31f/*{color:MainColor}*/; text-decoration: none;
}
a:hover {
 color: #90c31f/*{color:MainColor}*/; text-decoration: underline;
}
html,body{
	background-color: #f3f2ef/*{color:BgColor}*/;
}
body {
 color: #4f555b; padding: 20px 0;
}
body header #portrait {
 display: block; margin: 0 auto; -moz-border-radius: 128px; -webkit-border-radius: 128px; border-radius: 128px; margin-bottom: 20px;
}
body header #logo {
 font-family: 'Quicksand', Sans-Serif; margin-bottom: 20px; text-align:center;
}
body header .description {
 text-align: left; margin: 0 0 25px 0;
}
body header #feed-box{
	clear:both;
}
body header #nav {
 -moz-padding-start:0; -webkit-padding-start: 0; padding:0; float:left; list-style-type:none; margin-right:1em;
}
body header #nav li a {
 font-size:12px; border:1px solid #d4d4d4; padding:8px; width:100px;
}
body header #nav .rss {
 float:left; margin-right:1em;
}
body header #nav .arc {
 float:right;
}
body header #nav li a:hover {
 background-color:#fff; text-decoration:none;
}
body header form {
 margin: 20px 0
}
body header form input[type="text"] {
 padding: 6px 12px; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; border-width: 1px 0 1px 1px; border-style: solid; border-color: #d4d4d4;
}
body header form .input-group-btn .btn {
 -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px;
}
body header form .input-group-btn .btn i {
 position: relative; left: -1px; color: #90c31f/*{color:MainColor}*/;
}
body header form .input-group-btn .btn:hover {
 background: #90c31f/*{color:MainColor}*/; border-width: 1px; border-style: solid; border-color: #90c31f/*{color:MainColor}*/;
}
body header form .input-group-btn .btn:hover i {
 color: #FFFFFF
}
body header .social-icons {
 font-size: 20px; margin: 0 auto; float:left;
}
body header .social-icons ul {
 list-style: none; padding: 0; margin: 0; float: left; display: block;
}
body header .social-icons ul li {
 display: block; width: 20px; margin: 0 5px 15px 5px; float: left;
}
body header .social-icons ul li:last-child {
 padding: 0
}
body header .social-icons ul li a {
 color: #4f555b; opacity: 0.8; display: block; text-align: center;
}
body header .social-icons ul li a:hover {
 text-decoration: none; color: #90c31f/*{color:MainColor}*/; opacity: 1;
}
body header #header-cat h3{
  display: block;
  font-size: 14px;
  padding: 5px 5px 5px 0px;
  border-bottom: 1px #cccccc dotted;
  margin: 0px;
}
body header #header-cat ul{
  list-style: none;
  padding-left: 0px;
}
body header #header-cat ul a{
  display: block;
  padding: 5px 10px;
  border-bottom: 1px #cccccc dotted;
}
body header #header-cat ul a:hover{
  background-color:#fff;
}
body header #header-cat-link a:before {
 font-family: 'FontAwesome';
 content: "\f07b"
}
body header #header-cat-link a {
 padding-left 5px;
}
body header .cb-cat dt{
 padding: 10px; font-weight: bold; background-color: #e5e5e5;
}
body header .cb-cat dl{
 border: 1px solid #dadada;
}
body header .cb-cat ul{
 padding-left: 0px; margin-bottom: 0px;
}
body header .cb-cat li{
 display: block; border-top: 1px solid #dadada;background-color: #fff;
}
body header .cb-cat li a{
 display: block; padding: 10px 15px;
}
body header .cb-cat li a:after {
 font-family: 'FontAwesome';
 content: "\f105";
 float: right;
}
body header .cb-cat a:hover{
 background-color: #f3f2ef;
}
body .content .cover {
 display: block; width: 0px; height: 1px; z-index: 1; position: relative; background: #90c31f/*{color:MainColor}*/;
}
body .content .cover.top {
 top: 1px
}
body .content .cover.bottom {
 top: -41px
}
body .content .post {
 /*border-width: 1px 0px 1px 0; border-style: solid; border-color: #d4d4d4;*/ -moz-box-sizing: border-box; webkit-box-sizing: border-box; box-sizing: border-box; padding: 40px 40px 40px 50px; margin: 0 0 40px 0; position: relative; overflow: hidden; background-color: #fff; border-left:1px solid #90c31f; clear:both; 
}
body .content .post .left-bar {
 width: 0px; height: 105%; background: #90c31f/*{color:MainColor}*/; display: block; position: absolute; top: -1px; left: 0px;
}
body .content .post .date {
 padding: 0 100px 0 0
}
body .content .post .date p {
 font-size: 12px; opacity: 0.5; letter-spacing: 2px;
}
body .content .post .text ul, body .content .post .text ol {
 font-size: 16px; margin-bottom: 35px;
}
body .content .post .text blockquote {
 background-color:#fafafa;
}
body .content .post .text blockquote p {
font-size: 16px; line-height: 24px;
}
body .content .post .text img {
 -moz-box-sizing: border-box; webkit-box-sizing: border-box; box-sizing: border-box; border-width: 1px 1px 1px 1px; border-style: solid; border-color: #d4d4d4; padding: 5px; width: 100%; height: 100%; margin: 0 auto; max-width:500px; display:block;
}
body .content .post .quote blockquote {
 font-size: 36px; line-height: 48px; font-family: 'Quicksand', Sans-Serif; font-style: italic; border: none; margin-bottom: 50px; padding: 0;
}
body .content .post .link h3 i {
 opacity: 0.5; font-size: 13px; margin: 0 0 0 10px; position: relative; top: -2px;
}
body .content .post .audio img {
 margin: 0 0 20px 0; -moz-box-sizing: border-box; webkit-box-sizing: border-box; box-sizing: border-box; border-width: 1px 1px 1px 1px; border-style: solid; border-color: #d4d4d4; padding: 5px; width: 100%; height: 100%;
}
body .content .post .audio .track-details h1 {
 text-align: left; margin: 0 0 10px 0;
}
body .content .post .audio .audio_player {
 margin: 0 0 20px 0
}
body .content .post .audio .audio_player iframe {
 width: 100%
}
body .content .post .answer img {
 -moz-border-radius: 40px; -webkit-border-radius: 40px; border-radius: 40px; margin: 0 10px 0 0;
}
body .content .post .photo img {
 -moz-box-sizing: border-box; webkit-box-sizing: border-box; box-sizing: border-box; border-width: 1px 1px 1px 1px; border-style: solid; border-color: #d4d4d4; padding: 5px; width: 100%; margin: 0 0 35px 0;
}
body .content .post .photoset img {
 -moz-box-sizing: border-box; webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; margin: 0 0 35px 0;
}
body .content .post .panorama img {
 -moz-box-sizing: border-box; webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; margin: 0 0 35px 0;
}
body .content .post .chat h2 {
 text-align: center
}
body .content .post .chat .conversation {
 list-style: none; margin: 0 0 35px 0; padding: 0;
}
body .content .post .chat .conversation .line {
 display: block; -moz-box-sizing: border-box; webkit-box-sizing: border-box; box-sizing: border-box; padding: 10px;
}
body .content .post .chat .conversation .line.even {
 background: #F4F4F4; text-align: right;
}
body .content .post .chat .conversation .line .person {
 font-size: 20px
}
body .content .post .chat .conversation .line .person-said {
 font-size: 16px
}
body .content .post .video iframe {
 margin: 0 0 40px 0; width: 100%;
}
body .content .post .notes {
 margin: 0 0 10px 0
}
body .content .post .comment-count {
 margin: 0 10px 0 0
}
body .content .post .date i, body .content .post .note-count i, body .content .post .tags i, body .content .post .permalink i, body .content .post .comment-count i {
 margin: 0 10px 0 0
}
body .content .post .tags,
body .content .post .sns {
 margin: 25px 0 0 0
}
body .content .post .tags i {
 float: left; position: relative; top: 4px;
}
body .content .post .tags ul {
 list-style: none; margin: 0; padding: 0 0 0 25px;
}
body .content .post .sns ul {
 list-style: none; margin: 0; padding: 0;
}
body .content .post .tags ul li {
 display: block; float: left; margin: 0 5px 5px 0;
}
body .content .post .sns ul li {
 display: block; float: left; margin: 0 10px 5px 0;
}
body .content .post .tags ul li a {
 font-size: 12px; border-width: 1px; border-style: solid; border-color: transparent; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; background: #90c31f/*{color:MainColor}*/; color: #FFFFFF; padding: 2px 10px 3px;
}
body .content .post .tags ul li a:hover {
 background: #F4F4F4; color: #90c31f/*{color:MainColor}*/; text-decoration: none;
}
body .content .post .like-reblog {
 list-style: none; margin: 0; padding: 0; float: right; position: relative; top: 5px;
}
body .content .post .like-reblog li {
 display: block; float: left;
}
body .content .post .like-reblog li:first-child {
 margin: 0 10px 0 0
}
body .content .post .like-reblog li a {
 display: block
}
body .content .post .post-notes {
 margin-top: 40px
}
body .content .post .post-notes .notes {
 list-style: none; margin: 35px 0 0 0; padding: 0;
}
body .content .post .post-notes .notes li {
 display: block; margin: 0 0 10px 0; font-size: 16px;
}
body .content .post .post-notes .notes li:after {
 clear: both; content: "."; display: block; height: 0; visibility: hidden;
}
body .content .post .post-notes .notes li blockquote {
 margin: 0 0 0 16px; border-width: 0 0 0 1px; border-style: solid; border-color: #d4d4d4; padding-left: 22px;
}
body .content .post .post-notes .notes li:last-child {
 margin: 0
}
body .content .post .post-notes .notes li a img {
 width: 32px; height: 32px; -moz-border-radius: 32px; -webkit-border-radius: 32px; border-radius: 32px; margin: 0 10px 0 0; float: left;
}
body .content .post .post-notes .notes li .action {
 position: relative; top: 2px;
}
body .content .result h1 {
 text-align: center;
 clear:both; 
}
body .content .result p {
 text-align: center;
}
body .pagination {
 display: block; margin: 20px 0;
}
body .pagination a {
 color: #4f555b; opacity: 0.7; font-size: 20px;
}
body .pagination a:hover {
 text-decoration: none; opacity: 1; color: #90c31f/*{color:MainColor}*/;
}
body footer {
 font-size: 12px; text-align: center; opacity: 0.5; clear:both;
}
body footer .fa-tumblr {
 text-align: center; display: block; margin: 0 0 10px 0;
}
body footer a {
 color: #4f555b
}
body footer a:hover {
 color: #4f555b
}
body .spotify_audio_player {
 height: 80px!important
}
body .spotify_audio_player .player {
 -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; border-radius: 0 !important;
}
.read_more_container a {
 color: #4d4d4d;
 background-color: #d7d7d7;
 border-color: #dddddd #cccccc #aaaaaa;
 background-image: -moz-linear-gradient(center top, #e9e9e9, #d7d7d7);
 background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #d7d7d7), color-stop(1, #e9e9e9));
 background: -ms-linear-gradient(top, #e9e9e9 0%, #d7d7d7 100%);
 background: linear-gradient(top, #e9e9e9 0%, #d7d7d7 100%);
 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#e9e9e9', endColorstr='#d7d7d7');
 display: block;
 position: relative;
 border-radius: 3px;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 min-width: 110px;
 padding: 0 20px;
 height: 36px;
 line-height: 36px;
 text-align: center;
}
.read_more_container a:hover {
 text-decoration: underline;
 background-color: #c3c3c3;
 background-image: -moz-linear-gradient(center top, #d7d7d7, #c3c3c3);
 background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #c3c3c3), color-stop(1, #d7d7d7));
 background: -ms-linear-gradient(top, #d7d7d7 0%, #c3c3c3 100%);
 background: linear-gradient(top, #d7d7d7 0%, #c3c3c3 100%);
 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#d7d7d7', endColorstr='#c3c3c3');
}