/*
Theme Name: takusarikai
Theme URI: http://kai-takusari.com
Description: takusarikaiBlog用テンプレート
Version: 1.0
Author: Takusari Kai
Author URI: http://kai-takusari.com
*/

body, h1, h2, h3, h4, h5, h6, 
div, address, p, pre, blockqute, dl, dt, dd, ul, ol, li, td, th {
margin: 0px;
padding: 0px;
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}

body {
font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
height:100%;
width : 100%;
line-height:1.6;
background:#eeeeee;
font-size:13px;
color:#666666;
margin:0px;
padding:0px;
-webkit-text-size-adjust:100%;
}

.data {
display:block;
color:#888;
font-size:small;
font-weight:normal;
}
img {
vertical-align: middle;
padding:0px;
border:none;
max-width : 100%;
}

h2 {
font-size:16px;
}

a { 
color:#666666;
text-decoration:none;
}

a:visited { 
color:#666666;
}

a:hover {
color:#2e8b57; 
text-decoration:none;
}

a:hover img.hover{
opacity:0.7;
filter:alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
}

a:active {
color:#2e8b57; 
text-decoration:none;
}

li {
margin-left:0px;
list-style-type: none;
}

/* フロート解除 */
.clear {
clear: both;
line-height: 0;
font-size: 0;
margin:0px;
padding:0px;
}

.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.new {
margin:5px;
padding:10px;
background-color: #ffffff;
}

#side .new h2{
border-bottom:solid 1px #9999ff;
}

.new a {
  display: block;
}
.new li {
  overflow: auto;
  margin: 4px;
  padding: 5px 0 5px 0;
  line-height: 1.5;
  border-bottom: 1px dashed #999;
}
.new img {
  float: left;
  margin: 0 4px 0 0;
  width: 60px;
  height: 60px;
}

/* ??-----------480px縺ｾ縺ｧ-------------- */
@media screen and (min-width: 1px) and (max-width: 767px) {
header {
width:100%;
height:40px;
background-color: #333333;
margin-bottom:10px;
position: fixed;
top: 0;
z-index: 10005;
}

#header-inner{
margin:0 auto;
line-height: 20px;
}


header h1 {
color:#cccccc;
font-size:24px;
letter-spacing:-0.5px;
padding:10px 10px;
}
#search{
visibility: hidden; 
}

main {

width:100%;
margin:50px auto 0;
}

main .inner {
margin:5px;
overflow:hidden;
background-color: #ffffff;

}
main .inner .detail{
margin:0 15px 0 15px;
background-image: url("http://kai-takusari.com/blog/wp-content/themes/takusarikai/img/arrow.svg");
background-position: 95% 50%; 
background-repeat: no-repeat;
}

main .inner h2{
width:80%;
letter-spacing:-1px;
margin:10px 0 5px 0;
font-size:14x;
line-height: 120%; 
}

main .inner p{
width:80%;
letter-spacing:-1px;
font-size:12px;
}

main .inner a{
text-decoration:none;
}

main .inner p.time{
letter-spacing:-1px;
font-size:12px;
}

main .inner img{
display:none;
}



main .inner ul {
height:25px;
}

main .inner li {

letter-spacing:-2px;
float: left;
font-size:13px;
padding: 3px;
margin-right:7px;
}

.entry_main{
width:100%;
word-wrap:break-word;
}
.pagenation{
background-color:#ffffff;
margin:5px;
padding:5px;
height:30px;
display:block;
}

.pagenation .oldpage{
float:left;
margin-left:15px;
}

.pagenation .newpage{
float:right;
margin-right:15px;

}

#side{
overflow: hidden;


}

#side .inner {
background-color: #ffffff;
margin:5px;
padding:10px;
}

#side .inner h2{
border-bottom:solid 1px #9999ff;
margin-bottom:10px;
}

#side a{
padding: 3px 0 5px 5px;
}

#side .inner ul {
padding-left:15px;
}

#side .inner li {
margin:5px 0 5px 0;
}

#profile {
background-color: #ffffff;
margin:5px;
padding:10px;
}

#profile h2{
border-bottom:solid 1px #2e8b57;
margin-bottom:10px;
}



footer {
width:100%;
background-color: #333333;
height:30px;
margin-top:5px;
margin-bottm:0px;
clear:both;
}

#footer-inner {
margin:0 auto;
padding:5px 0 0 15px;
}

#footer-inner a{
letter-spacing:-1px;
color:#cccccc;
text-decoration:none;
font-size:0.8em;
}


.breadcrumb {
padding: 3px 0 0 15px;
background-color: #ffffff;
}

.breadcrumb a{
text-decoration:none;
font-size:14px;
}

.prev-next {
overflow: hidden;
width:100%;
padding:5px;
}

.prev-next a{
font-size:14px;
text-decoration:none;
}

.prev-next .prev{
text-align:left;
margin-left:10px;
}

.prev-next .next{
text-align:right;
margin-right:10px;
}

#article {
margin-top: 5px;
padding: 5px;
background-color: #ffffff;
padding: 5px;
}

#article h2{
font-size:15px;
border-left:solid 6px #006400;
border-bottom:solid 1px #006400;
padding:0 0 2px 10px;
margin:10px;
}

#article h3{
font-size:14px;
border-left:solid 2px #006400;
padding:0 0 2px 10px;
margin:10px;
}

#article p{
font-size:14px;
margin:0 10px 0 10px;
color:#333333;
}

#article a img{
}

#article p.state{
font-size:14px;
margin-top:5px;
margin-left:10px;
color:#999999;
}

#respond {
margin-top: 15px;
padding: 10px;
background-color: #ffffff;
}

#commentform p{
margin:5px 0 5px 0;
}
#comment{
width:280px;
}

#comments {
margin-top: 15px;
padding: 10px 10px 0 10px;
background-color: #ffffff;
}

.commentlist {
padding: 10px;
background-color: #ffffff;
}

.comment-body {
margin-bottom: 10px;
}

#article img{
margin:15px 0 15px 0;
width:auto;
height:auto;
border:solid 1px #eeeeee;
}


#searchsubmit{
margin-top:5px;
}
.snsb {
overflow: hidden;
}
.snsb li {
float: left;
margin: 4px;
}
.snsb iframe {
margin: 0 !important;
}

#article .photo img{
margin:3px 0 3px 0;
}


}
/* ??-----------769px-------------- */
@media screen and (min-width: 768px) and (max-width: 1023px) {
header {
width:100%;
height:40px;
background-color: #333333;
margin-bottom:10px;
}

#header-inner{
margin:0 auto;
line-height: 20px;
}

header h1 {
color:#cccccc;
font-size:24px;
letter-spacing:-0.5px;
padding:10px 20px;
float:left;
}

#search{
float:right;
padding:10px 20px;
}

#container {
width:100%;
margin:0 auto;
overflow: hidden;
}


#contents{
max-width:704px;
margin-left:320px;
}

main {
float: left;  
width:100%;
margin:0 auto;
}

main .inner {
background-color: #ffffff;
min-height:180px;
margin:15px;
padding:15px;
}
main .inner .detail{
margin-left:15px;
}

main .inner h2{
margin:5px 0 5px 0;
font-size:14px;
}

main .inner p{
display: inline;
font-size:14px;
margin-top:10px;
}

main .inner a{
text-decoration:none;
}

main .inner p.time{
display:inline;
font-size:12px;
}

main .inner img{
width:146px;
height:146px;
margin-right:15px;
border:solid 1px #cccccc;
float:left;
}

main .inner ul {
height:15px;
margin-bottom:5px;
}

main .inner li {
letter-spacing:-1px;
float: left;
font-size:13px;
margin: 5px;
padding:5px;
}

.pagenation{
background-color:#ffffff;
margin:15px;
padding:5px;
height:30px;
display:block;
}

.pagenation .oldpage{
float:left;
margin-left:15px;
}

.pagenation .newpage{
float:right;
margin-right:15px;
}

#side {
float:left;
margin-left:-100%;
margin-top: 15px;
width :320px;
}

#side-left{
margin-left: 10px;
background-color: #ffffff;
padding:10px;
}

#side .inner {
margin:15px 15px 35px 15px;
}

#side .inner h2{
border-bottom:solid 1px #9999ff;
margin-bottom:10px;
}

#side .new h2{
border-bottom:solid 1px #9999ff;
margin-bottom:10px;
}

#side .inner ul {
width:100%;
padding-left:15px;
background-color: #ffffff;
}



#side .inner li {
margin:5px 0 5px 0;
}


#profile {
padding:15px;
}

#profile h2{
border-bottom:solid 1px #2e8b57;
margin-bottom:10px;
}

footer {
width:100%;
background-color: #333333;
height:30px;
margin-top:5px;
margin-bottm:0px;
clear:both;

}

#footer-inner {
margin:0 auto;
padding:5px 0 0 15px;
}

#footer-inner a{
letter-spacing:-1px;
color:#cccccc;
text-decoration:none;
font-size:12px;
}
.breadcrumb {
margin: 15px 0 5px 15px;
padding: 3px 0 0 15px;
background-color: #ffffff;
}

.breadcrumb a{
text-decoration:none;
}

.prev-next {
overflow: hidden;
width:100%;
padding:5px 5px 20px 5px;;

}

.prev-next a{
font-size:12px;
text-decoration:none;

}

.prev-next .prev{
float:left;
margin-left:10px;
}

.prev-next .next{
float:right;
margin-right:10px;
}

#article {
margin: 5px 0 0 15px;
padding: 5px;
background-color: #ffffff;
padding: 5px;
}
#article h2{
font-size:24px;
border-left:solid 6px #006400;
border-bottom:solid 1px #006400;
padding:0 0 2px 10px;
margin:10px;
}

#article h3{
font-size:16px;
border-left:solid 6px #006400;
padding:0 0 2px 10px;
margin:10px;
}


#article p{
font-size:14px;
margin:0 10px 0 10px;
color:#666666;
}

#article p.state{
font-size:10px;
margin-top:5px;
margin-left:10px;
color:#999999;
}

#respond {
margin: 15px 0 15px 15px;
padding: 10px;
background-color: #ffffff;
}

#article img{
margin:15px 0 0 0;
width:auto;
height:auto;
border:solid 1px #eeeeee;
}

#comment{
width:530px;
}

#comments {
margin: 15px 0 0 15px;
padding: 10px 10px 0 10px;
background-color: #ffffff;
}

.commentlist {
margin: 0 0 15px 15px;
padding: 10px;
background-color: #ffffff;
}

.comment-body {
margin-bottom: 10px;
}


#searchsubmit{
margin-top:5px;
}

.snsb {
overflow: hidden;
}
.snsb li {
float: left;
margin: 4px;
}
.snsb iframe {
margin: 0 !important;
}
#article .photo img{
margin:5px 0 5px 0;
}

}

/* ??-----------1024px-------------- */
@media screen and (min-width: 1024px) {
header {
width:100%;
height:40px;
background-color: #333333;
margin-bottom:10px;
}

#header-inner{
width:1024px;
margin:0 auto;
line-height: 20px;
}

header h1 { 
color:#cccccc;
font-size:24px;
letter-spacing:-0.5px;
padding:10px 20px;
float:left;
}
#search{
float:right;
padding:10px 20px;
}


#container {
max-width:1024px;
margin:0 auto;
overflow: hidden;
}


#contents{
width:100%;
max-width:704px;
margin-left:320px;
}

main {
float: left;  
width: 100%; 
margin:0 auto;
}
main .inner {
background-color: #ffffff;
min-height:190px;
margin:15px;
padding:15px;
}
main .inner .detail{
margin-left:15px;
}

main .inner h2{
margin:5px 0 5px 0;
font-size:14px;
}

main .inner p{
display: inline;
font-size:14px;
margin-top:10px;
text-decoration:none;
}

main .inner p.time{
margin-top:10px;
display:inline;
font-size:12px;
}

main .inner img{
width:146px;
height:146px;
margin-right:15px;
border:solid 1px #cccccc;
float:left;
}

main .inner ul {
height:15px;
margin-bottom:5px;
}

main .inner li {
letter-spacing:-1px;
float: left;
font-size:13px;
margin: 5px;
padding:5px;
}

.pagenation{
background-color:#ffffff;
margin:15px;
padding:5px;
height:30px;
display:block;
}

.pagenation .oldpage{
float:left;
margin-left:15px;
}

.pagenation .newpage{
float:right;
margin-right:15px;
}

#side {
float:left;
margin-left:-100%;
margin-top: 15px;
width :320px;
}

#side-left{
margin-left: 10px;
background-color: #ffffff;
padding:10px;
}

#side .inner {
margin:15px 15px 35px 15px;
}

#side .inner h2{
border-bottom:solid 1px #9999ff;
margin-bottom:10px;
}

#side .new h2{
border-bottom:solid 1px #9999ff;
margin-bottom:10px;
}

#side .inner ul {
width:100%;
padding-left:15px;
background-color: #ffffff;
}



#side .inner li {
margin:5px 0 5px 0;
}


#profile {
padding:15px;
}

#profile h2{
border-bottom:solid 1px #2e8b57;
margin-bottom:10px;
}

footer {
width:100%;
background-color: #333333;
height:30px;
margin-top:5px;
margin-bottm:0px;
clear:both;
}

#footer-inner {
width:1024px;
margin:0 auto;
padding:5px 0 0 15px;
}

#footer-inner a{
letter-spacing:-1px;
color:#cccccc;
text-decoration:none;
font-size:12px;
}

.breadcrumb {
margin: 15px 0 5px 15px;
padding: 3px 0 0 15px;
background-color: #ffffff;
}

.breadcrumb a{
text-decoration:none;
}

.prev-next {
overflow: hidden;
width:100%;
padding:5px 5px 20px 5px;;

}

.prev-next a{
font-size:12px;
text-decoration:none;

}

.prev-next .prev{
float:left;
margin-left:10px;
}

.prev-next .next{
float:right;
margin-right:10px;
}

#article {
margin: 5px 0 0 15px;
padding: 5px;
border: solid 1px #eeeeee;
background-color: #ffffff;
padding: 5px 15px;;
}
#article h2{
font-size:24px;
border-left:solid 6px #006400;
border-bottom:solid 1px #006400;
padding:0 0 2px 10px;
margin:20px 0;
}

#article h3{
font-size:16px;
border-left:solid 2px #006400;
padding:0 0 2px 10px;
margin:10px 0;
}

#article p{
font-size:14px;

color:#666666;
}

#article p.state{
font-size:10px;
margin-top:5px;
margin-left:10px;
color:#999999;
}

#respond {
margin: 15px 0 15px 15px;
padding: 10px;
background-color: #ffffff;
}
#respond p{
display:block;
}

#article img{
margin:15px 0 0 0;
width:auto;
height:auto;
border:solid 1px #eeeeee;
}

#comment{
width:530px;
}

#comping {
margin: 15px 0 0 15px;
padding: 10px 10px 0 10px;
background-color: #ffffff;
}

.commentlist {
margin: 0 0 15px 15px;
padding: 10px;
background-color: #ffffff;
}

.commentlist {
margin: 0 0 15px 15px;
padding: 10px;
background-color: #ffffff;
}

.comment-body {
margin-bottom: 10px;
}

#searchsubmit{
margin-top:5px;
}

.snsb {
overflow: hidden;
}
.snsb li {
float: left;
margin: 4px;
}
.snsb iframe {
margin: 0 !important;
}
#article .photo img{
margin:5px 0 5px 0;
}
}