/*
Theme Name: hueman-child
Template: hueman
*/
 
@import url('../hueman/style.css');

/* sidebar primary */
.s1 { width: 260px; z-index: 2; }
.s1:hover { z-index: 98; /* social icons tooltip above header nav */ }
.s1 .sidebar-top,
.s1 .sidebar-toggle { background: #FFFFFF; }
@media only screen and (min-width: 479px) and (max-width: 960px) {
	.s1 .sidebar-top { background: none!important; border-bottom: 1px solid #ddd; }
	.s1 .sidebar-top p { color: #666; }
	.s1 .sidebar-top .social-links .social-tooltip { color: #666; }
}

/* sidebar secondary */
.s2 { width: 260px; z-index: 1; }
.s2 .sidebar-top,
.s2 .sidebar-toggle { background: #FFFFFF; }
@media only screen and (min-width: 479px) and (max-width: 960px) {
	.s2 .sidebar-top { background: none!important; border-bottom: 1px solid #ddd; }
	.s2 .sidebar-top p { color: #666; }
}

/* ------------------------------------------------------------------------- *
 *  Base Styles
/* ------------------------------------------------------------------------- */
body { background: #FFFFFF; font-size: 16px; line-height: 1.5em; color: #666; font-weight: 300; }
::selection { background: #3b8dbd; color: #fff; }
::-moz-selection { background: #3b8dbd; color: #fff; }
a { color: #3b8dbd; text-decoration: none; outline: 0; }
a:hover { color: #444; }
img { max-width: 100%; height: auto; }
a,
a:before,
a:after {
-webkit-transition-property: background color; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease;
-moz-transition-property: background color; -moz-transition-duration: 0.2s; -moz-transition-timing-function: ease;
-o-transition-property: background color; -o-transition-duration: 0.2s; -o-transition-timing-function: ease; 
transition-property: background color; transition-duration: 0.2s; transition-timing-function: ease; }
a img {
-webkit-transition: opacity 0.2s ease;
-moz-transition: opacity 0.2s ease;
-o-transition: opacity 0.2s ease;
transition: opacity 0.2s ease; }
address,cite,em { font-style: italic; }
strong { font-weight: 600; }
.left,.alignleft { float: left; }
.right,.alignright { float: right; }
.aligncenter { margin-left: auto; margin-right: auto; }



/* table */
.entry table { font-size: 14px; margin-bottom: 1.5em; width: 100%; text-align: center; }
.entry table tr.alt { background: #ffffff; }
.entry table td { border-bottom: 1px solid #ffffff; text-align: center; padding: 5px; vertical-align: middle; }
.entry table th { font-weight: 600; text-align: center; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; padding: 10px 5px; }

.col-3cm .main-inner { background-position: -80px 0; padding-left: 260px; }
.col-3cm .s1 { width: 260px; margin-left: -260px; }

.sidebar { background-color: #ffffff!important; }


div.gazo-box {
float: right;
padding-right: 20px;
}

.blogroll-channel{
width:480
border: none !important;
height:140px !important;
overflow-y: scroll;
}

#header .pad {
padding-top: 30px;
padding-bottom: 0px;
}

.page-title {
background: #fff;
position: relative;
padding-top: 5px;
padding-bottom: 5px;
border-bottom: 1px solid #eee;
color: #666;
font-size: 16px;
font-weight: 600;
text-transform: uppercase;
line-height: 24px;
}

#footer-bottom #copyright,
#footer-bottom #credit { 
text-align:center;
padding-top:20px;
color:#ffffff !important;
}

/*  base : grid
/* ------------------------------------ */
.grid { margin-right: 3.2%; float: left; display: inline; position: relative; }
.last { clear: right; margin-right: 0!important; }

.one-full { margin-right: 0; width: 100%; overflow: hidden; }
.one-half { width: 100%; }
.one-third { width: 31.2%; }
.two-third { width: 65.6%; }
.one-fourth { width: 22.6%; }
.three-fourth { width: 74.2%; }
.one-fifth { width: 17.4%; }
.two-fifth { width: 38.1%; }
.three-fifth { width: 58.7%; }
.four-fifth { width: 79.4%; }

#footer-bottom #back-to-top {background: #ffffff; color: #777; overflow: hidden; text-align: center; width: 60px; height: 30px; display: block; float: right;  margin-right: 67px; 
-webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px;
-webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.05); 
box-shadow: inset 0 1px 0 rgba(0,0,0,0.05); }


#comments-thread .comment-id,
#comments-thread .form-allowed-tags{
  display:none;
}
 
#comments-thread .comment-author{
  font-weight:bold;
}
 
#comments-thread img.avatar {
  float:right;
  margin-right:0;
  margin-left:10px;
  display:none;
}
 
#commentform label{
  display:block;;
}
 
#commentform input{
  margin-bottom:0px;
}
 
#commentform input,
#commentform textarea{
  background-color:#fff;
  border:1px solid #aaa;
}



.form-submit #submit {
font-size: 16px;
width: 150px;
padding-top: 10px;
padding-right: 20px;
padding-bottom: 10px;
padding-left: 20px;
background-color: #dd8500;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
color: #FFFFFF;
cursor: pointer;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0px 1px 0px 0px #555555;
-moz-box-shadow: 0px 1px 0px 0px #555555;
box-shadow: 0px 1px 0px 0px #555555;
margin-bottom: 5px;
background: -webkit-gradient(linear, left top, left bottom, from(##dd8500), to(##dd8500));
}

#commentform {
background: #ffffff;
padding: 0px 0px 0px;
-webkit-border-radius: 2px;
border-radius: 2px;
}

.logged-in #reply-title {
margin-bottom: 5px;
margin-top: 20px;
}


#resp {
padding-bottom: 10px;
padding-top: 10px;
padding-left: 10px;
margin-bottom: 5px;
margin-top: 5px;
background-color: #dd8500;
color: #FFFFFF;
}

.comment-listCon{
padding-bottom: 10px;
padding-top: 10px;
}

.fn {
font-style: normal;
}

/* コメント欄の項目を非表示 */
.comment-form-email {display: none;}
.comment-form-url {display: none;}
.comment-form-author {display: none;}
.form-allowed-tags {display: none;}



body {font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif !important;}

.outline1 {
	color: #000000;
	text-shadow: -2px -2px 0px #ffffff, 2px -2px 0px #ffffff, 2px 2px 0px #ffffff, -2px 2px 0px #ffffff;
}

.outline2 {
	color: #ffffff;
	text-shadow: -2px -2px 0px #000000, 2px -2px 0px #000000, 2px 2px 0px #000000, -2px 2px 0px #000000;
}