/*Theme Name: tanpopo
Description:　オリジナルテーマ
Author:　naruti
*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,p,blockquote,table{margin: 0; padding: 0;}
html,body {background: #FFF; color: #534948;}
body {font:13px/1 "メイリオ","Meiryo","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","sans-serif","Meiryo,Arial","Helvetica","sand-serif";}
* html body {font-size: small; list-style-type:none;}
*:first-child+html body {font-size: small;}
img {border: 0; vertical-align: top; padding:0; margin:0;}
h1,h2,h3,h4,h5,h6 {clear: both; font-size: 100%; font-weight: normal;}
ul,dl,ol {text-indent: 0;}
li {list-style: none; list-style-position: inside;}
article,aside,figure,footer,header,hgroup,nav,section {display:block;}
[hidden],command,datalist,menu[type=context],rp,source{display:none;}
address,caption,cite,code,dfn,em,strong,th,var {font-style: normal; font-weight: normal;}
sup {margin:0;padding:0;vertical-align: text-top;}
sub {margin:0;padding:0;vertical-align: text-bottom;}
table {background-color:#CCC}
th,td {background-color:#FFF}
input,textarea,select {font-family: inherit; font-size: inherit; font-weight:inherit;}
* html input,* html textarea,* html select {font-size: 100%;}
*:first-child+html+input,*:first-child html+textarea,*:first-child+html select {font-size: 100%;}
caption {text-align: left;}
pre,code,kbd,samp,tt {font-family: monospace;}
* html pre,* html code,* html kbd,* html samp,* html tt {font-size: 100%; line-height: 100%;}
*:first-child+html pre,*:first-child html+code,*:first-child html+kbd,*:first-child+html+samp,*:first-child+html tt {font-size: 108%; line-height: 100%;}
input,select,textarea {font-size: 100%; font-family: Verdana, Helvetica, sans-serif;}
html {
	overflow-y: scroll;
	margin-bottom:1px;
	height:100%;
        padding: 0;
	}
body {  margin: 0;
        padding: 0;
	}
/* /////////////////////////////ストラクチャー/////////////////////////////*/
#container {
	width: 960px;
	margin-top: 0;
	margin: auto;
	padding: 0;
	border-right: solid 1px #b7b0a5;
	border-left: solid 1px #b7b0a5;
	border-bottom: solid 1px #b7b0a5;
	}
header {
	height: 122px;
	margin-bottom: 0;
	background-color: #fff;
	}
#content {
	clear: both;
	height:100%;
	margin: 0;
	padding: 0;
	background-color: #fff;
	}
#content-wide {	clear: both;
	height:100%;
	margin: 0;
	padding: 0;
	background-color: #fff;
	border-top: solid 1px #b7b0a5;
	}
footer {
	clear: both;
	margin: 0;
	padding-top:　3px;
	padding-right: auto;
	padding-left: auto;
	padding-bottom: 3px;
	width: 100%;
	height: 35px;
	border-top:solid 1px #b7b0a5;
	background-color: #fff;
	}
a {text-decoration: none;}
a:link { color: #534948; }
a:visited { color: #534948; }
a:hover { color: #534948; }
a:active { color: #59b3c3; }
/* ///////////////////////////// header ///////////////////////////// */
header h1 {
	width: 237px;
	float: left;
	margin: 0 5px 0 0;
	}
header p {
	color: #8f8b88;
	font:11px/1 "メイリオ","Meiryo","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;
	padding: 60px 0 0;
	}

#info {
	margin: 22px 0 5px;
	float: right;
	}
#info a:link {color: #fff;}
#info a:visited { color: #fff; }
#info a:hover { color: #fff; }
#info a:active { color: #fff; }
p.white {
	margin: 5px 0 0px;
	padding: 6px 0 0;
	width: 145px;
	height: 17px;
	font-size: 11px;
	text-align: center;
	background-color: #59b3c3;
	border-top-left-radius: 0.5em;
	border-bottom-left-radius: 0.5em;
	}
div.menu-globalnavi-container {
	border-top: solid 1px #b7b0a5;
	border-bottom: solid 1px #b7b0a5;
	clear: both;
	}
ul#menu-globalnavi {
	height: 35px;
	}
#menu-globalnavi li {
	float:left;
	width: 192px;
	margin-top:9px;
	height: 27px;
	}
#menu-globalnavi li a {
	display: block;
	width: 100%;
  font-family: 'Droid Serif', serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  text-shadow: none;
  text-decoration: none;
  text-transform: none;
  letter-spacing: 0.058em;
	height: 23px;
	text-align: center;
	}
#menu-globalnavi li a:link { color: #534948; }
#menu-globalnavi li a:visited { color: #534948; }
#menu-globalnavi li a:hover { color: #534948; }
#menu-globalnavi li a:active { color: #59b3c3; }
/* ///////////////////////////// content----comon ///////////////////////////// */
.ajax-entry-more-link {
    margin-left: 30px;
}
/*ページレベルタイトル*/
h3{
	font-size: 13px;
	color: #44575a;
	font-family:メイリオ,Meiryo,Arial,Helvetica,sand-serif;
	margin: 20px 5px 10px;
	padding:3px 5px 2px;
	border-left : 5px solid #59b3c3;
	border-bottom : 1px dotted #59b3c3;
	width: 300px;
	}
/*blogタイトル*/
h2 {
	font-family:メイリオ,Meiryo,Arial,Helvetica,sand-serif;
	margin-top: 30px;
	padding-top:3px;
	padding-left:10px;
	border-left : 5px solid #59b3c3;
	border-bottom : 1px solid #ccc;
	}
.entry h2{
	font-size: 15px;
	background-image: url(/image/comon/stripe03.png);
	text-align:left;
	line-height: 1.9em;
	}
/*ポートフォリオタイトル*/
h4 {
	width: 310px;
	text-align: center;
	margin: 10px auto 5px;
	font-family:メイリオ,Meiryo,Arial,Helvetica,sand-serif;
	font-size: 15px;
	color: #6a594d;
	}
/*マステbg見出し*/
h5 {
	color: #534948;
	font-size: 15px;
	font-style: normal;
	letter-spacing: 0.084em;
	word-spacing: -0.053em;
	line-height: 2em;
	padding: 1px 30px 0;
	background-image: url(/image/comon/bar02.png);
	background-repeat : no-repeat;
	}

.event {
	background:#eee;
	border-left:7px double #ccc;
	padding:.1em .3em
	}
p {
	font-size: 13px;
	line-height: 1.7em;
	font-family:メイリオ,Meiryo,Arial,Helvetica,sand-serif;
	}
span.bo{
	font-size: 13px;
	color: #292520;
	margin: 10px 0;
	line-height: 2.0em;
	padding: 2px 10px 2px 10px;
	background-image: url(/image/comon/stripe01.png);
	}
span.bored{
	font-size: 13px;
	color: #292520;
	margin: 10px 0;
	line-height: 2.0em;
	padding: 2px 10px 2px 10px;
	background-image: url(/image/comon/stripe02.png);
	}
span.bobrw{
	font-size: 13px;
	color: #292520;
	margin: 10px 0;
	line-height: 2.0em;
	padding: 2px 10px 2px 10px;
	background-image: url(/image/comon/stripe03.png);
	}
span.blue{color: #42a4bc;font-size:13px;}
span.blue2{color:#1a8fb1;font-size:15px;}
span.space {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 160px;
  margin: 5px;
  padding: 8px;
  overflow: hidden;
  border: 1px solid rgba(237,97,171,1);
  -webkit-border-radius: 6px;
  border-radius: 6px;
  font: normal 16px/1 "Impact", Helvetica, sans-serif;
  color: rgba(211,29,99,1);
  text-align: center;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  word-spacing: 3px;
  background: #ffffff;
  -webkit-box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.3) ;
  box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.3) ;
  -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
  -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
  -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
  transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
}
p.detail{
	font-size:13px;
	color:#909090;
	line-height:1em;
	margin: 2px 10px 4px 10px;
	}
p.detail2{
	font-size:13px;
	color:#8da0a7;
	line-height:1em;
	margin: 2px 10px 4px 10px;
	}
span.bo a:link { color: #534948; }
span.here{
	font-size: 11px;
	text-align: center;
	margin: 0 2px 0;
	line-height: 1.1em;
	}
span.here a:link{padding: 2px 8px 2px;background-color:#59b3c3 !important;color:#fff !important;}
span.here a:hover{padding: 2px 8px 2px;background-color:#a1d1d4 !important;color:#fff !important;}
span.here a:visited{padding:2px 8px 2px;background-color:#59b3c3;color:#fff  !important;}
span.here a:active{padding: 2px 8px 2px;background-color:#a1d1d4;color:#fff;}

.alignleft {
	float: left;
	margin: 10px 20px 10px 10px;
	}
.alignright {
	float: right;
	margin: 10px 20px 10px 10px;
	}
img.icon1 {vertical-align: 1px;margin: 0 2px;}
img.icon2 {vertical-align: -2px;margin: 0 1px;}
div.page {
	width: 840px;
	padding: 50px 60px 150px;
	margin: 0 0 1px;
	background-color: #fff;
	}
section#right {
	margin: 0;
	width:680px;
	padding: 35px 25px 40px 24px;
	float:right;
	border-left: 1px solid #b7b0a5;
	}

/* ////////////////////////////////////// aside ///////////////////////////////////// */
aside {
	float: left;
	margin: 0;
	padding: 40px 15px 150px 23px;
	width: 190px;
	}

ul.wp-tag-cloud {
	padding: 5px 10px 10px;
	font-size: 12px;
	}
ul.wp-tag-cloud li{
	padding: 0;
	line-height: 1.5em;
	}
ul#ama {
	margin: 5px 0px 10px;
}
ul#ama li{
	margin: 5px 0 0;
}
/* ///////////////////////////////// content-home ///////////////////////////// */
figure.top {
	height: 515px;
	width: 960px;
	padding: 0;
	margin:0;
	border-bottom: solid 1px #b7b0a5;
	}
section.topics {
	width: 580px;
	margin: 0;
	float: left;
	padding: 40px 0 50px 40px;
	}
dl.topic-list dt {
	clear: left;
	float: left;
	margin: 1px 1em 0.8em 0;
	padding: 0;
	width: 100px;
	}
dl.topic-list dd {
	margin: 8px 0 0.8em 0;
	padding: 1px 0 0 0;
	width: 500px;
	}
aside.banner{
	float: right;
	width: 265px;
	margin: 30px 30px 30px 25px;
	padding: 0;
	display:inline;
	}
.banner img{
	margin: 0 0 3px;
	}
.topic-list a:link { color: #534948; }
a:visited { color: #534948; }
a:hover { color: #534948; }
a:active { color: #59b3c3; }
h6.counter{width:955px;margin:10px 5px 0px auto;text-align:right;}
ul.w_bottom{
	font-size: 0;
	margin:40px 0px;
	padding:0px;
	}
ul.w_bottom li{
  display: inline-block;
  width: 25%;
}
/* ///////////////////////////// content---about ///////////////////////////// */
div.about-img {
	width: 830px;
	height: 506px;
	margin:0;
	padding: 40px 65px 150px;
	background-image:url(/image/comon/img-about.jpg);
	background-repeat : no-repeat;
	background-position:right;
	}
section.about {
	width: 580px;
	margin:0;
	padding: 0 0 120px;
	float:left;
	}
img.about{float:right;}

/* ///////////////////////////////// content-indies ///////////////////////////// */
span.title{
	font-size: 15px;
	color:#59b3c3;
	}
/* ///////////////////////////////// content-コンタクト /////////////////////////// */
section#contact {
	margin: 50px 150px 200px;
	}
dl.form {
	width:550px;
	margin: 20px auto;
	}
dt.formname {
	float:left;
	width:150px;
	clear:both;
	padding: 10px 10px 2px;
	margin: 0 25px 0 0;
	height: 100%;
	}
dd.formvalue {
	width:550px;
	padding:10px 10px 2px;
	}
/* ///////////////////////// blog //////////////////////////////////////////////////// */
article.entry {
	padding: 2px 60px 2px 60px;
	width: 580px;
	margin:0;
	}

div.entry {margin:0;padding:30px 0px 30px 10px;
	border-bottom: 1px dotted #ccc;}
time{
	float:right;
	height: 1.2em;
	font-size: 13px;
	text-align:right;
	margin: 3px 10px 0 5px;
	}
span.commentnum{
	float:right;
	height:1.2em;
	text-align:right;
	margin:3px 10px 0 auto;
	}
.entry h3 a:link{color: #44575A;}
.entry h3 a:visited { color: #44575A; }
.entry h3 a:hover { color:#44575A; }
.entry h3 a:active { color:#44575A; }

.form-allowed-tags{display:none;}
div.entry a:link { color: #1b96a8; }
div.entry a:visited { color: #87b7be; }
div.entry a:hover{ color: #4e99b1; }
div.entry a:active { color: #4e99b1; }


div.fb-comments{
	width:580px;
	padding-left: 20px;
	margin: 15px 0 15px;
	border-bottom:1px dotted #ccc;
}
div.commentlist{padding:20px 35px; border-bottom:1px dotted #ccc;}
div.commentlist h3{font-size:12px;border:0;padding:4px;margin:10px 0 15px;background-image: url(/image/comon/stripe01.png);background-repeat : repeat;	line-height: 1.5em;}
p.cominfo{font-size:10px;color:#dddddd;}

div.com-post p{background:#eeeeee;font-size:10px; line-height: 1.3em;margin:0px 30px 0px;padding:10px;}
span.autname {font-size:13px;margin:10px 10px 3px 25px;}
.com-info {font-size:11px;}

#commentform {font-size:11px;margin: 5px 20px 0;text-align:right;}
#commentform p{font-size:11px;text-align:right;}

.wp-caption {border: 1px solid #DDD;text-align: center;background-color: #F3F3F3;padding-top: 4px;margin: 10px;-moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
.kensaku_form {text-align:left; width:144px;}
input#s { color:#808080; font-size:0.75em; background:#f4fcff; width:140px; padding:2px; border:1px solid #dbdcde;}
input#b { color:#3c3c3c; font-size:0.75em;}
p.search {margin: 0 0 0;}
/*/////////////　Gallery　　////////////////*/
.gallery {
    overflow: hidden;
}
.gallery-item {
    float: left;
    margin-top: 0;
    margin-bottom: 20px;
    margin-left: 0;
}
.gallery-icon {
    text-align: center;
}
.gallery-caption {
    color: #21759B;
    font-size: 0.8em;
    margin: 0;
    text-align: center;
}
.gallery-columns-1 .gallery-item {
    width: 100%;
    margin-right: 0;
}
.gallery-columns-2 .gallery-item {
    width: 49%;
    margin-right: 1%;
}
.gallery-columns-3 .gallery-item {
    width: 32%;
    margin-right: 1%;
}
.gallery-columns-4 .gallery-item {
    width: 24%;
    margin-right: 1%;
}
/* ////////////////////////////// SocialBottan///////////////////////////////// */
/*　今使ってないかも　
div.social{
  margin: 1.8em 0 0 190px;
  padding: 0px;
  width: 380px;
  height: 26px;
}
div.social ul{
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}
div.social li{
  float: right;
  margin: 0px;
  padding: 0px;
}
iframe.twitter-share-button{
	width:100px !important;
}
div#___plusone_0{
	width:70px !important;
}
.hatena-bookmark-button-frame{
	width:60px !important;
}
*/
/*　Jetpackソーシャルボタン用　*/
h3.sd-title{
	display: inline-block;
	font-size: 9pt;
	font-weight: 700;
	line-height: 0.2;
	border-left: 0;
	border-bottom: 0;
	min-width: 560px;
}
h3.jp-relatedposts-headline{
	border-left: 0;
	border-bottom: 0;
	min-width: 560px;
}
/* ////////////////////////////////////////// footer //////////////////////////////////////// */
address {
	clear: both;
	text-align: center;
	font-size: 13px;
	padding: 5px 10px 10px;
	}
/* ///////////////////////////////// タイルギャラリーIE8対応////////////////////////////////// */
.tiled-gallery-item-large,
.tiled-gallery-item-small {
	width:100% !important;
}
/* /////////////////////////////////記事本文中のサムネイルリンク**ここから////////////////////////////////// */
.thumb-link{
    clear:both;
    line-height: 1.3;
    padding:0px ;
    margin:0;
}
.thumb-link img.thumbnail{
    width:100px;
    height:100px;
    font-size:49px;
   float: left;
   margin: 0 15px 7px 0;
   border: 0px solid #ededed ;
    box-shadow: 4.2px 4.2px 2.8px gray;
}
.thumb-link a {
    font-size: 14px;
    margin:0;
    display:block;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
}
.thumb-link a:hover{
    opacity:0.5;
}
.thumb-link a:active{
    opacity:1;
}
/****記事本文中のサムネイルリンク**ここまで*****/
/* ///////////////////////////////// ////////////////////////////////// */