/*
Theme Name: osodate-pc
Theme URI: osodate.jp
Description: osodate pc theme
Author: Yojiro Tani
*/

/* ---------------------------------------------------------------------------------- */
/*    □□□□□基本のスタイル□□□□□ */
/* ---------------------------------------------------------------------------------- */


html{

}

body{
font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif;

color:#353535;
}

a{
text-decoration: none;
color: #b69240;
-webkit-transition: color 200ms linear;
-moz-transition: color 200ms linear;
-o-transition: color 200ms linear;
}

img{-ms-interpolation-mode: bicubic;}


/* ---------------------------------------------------------------------------------- */
/*    □□□□□基本のスタイル□□□□□ */
/* ---------------------------------------------------------------------------------- */

/*--------------------------*/
/*    #super-top   */
/*--------------------------*/


div#super-top{
margin:0 auto 30px;
width:100%;
zoom:100%;
position:relative;
background:#b69240;
height:27px;

}

div#super-top-inner{
width:1000px;
margin:0 auto;
padding:3px 0 0 0;
}

div#super-top-inner:after {
content: "";
clear: both;
height: 0;
display: block;
visibility: hidden;
}

div#super-top-inner .catch .icon{
padding:1px 10px;
color:#674904;
border:solid 2px #674904;
font-size:10px;
font-weight:bold;
}

div#super-top-inner .catch .text{
color:#fff;
font-size:13px;
padding:0 0 0 10px;
position:relative;
top:1px;
}



/*--------------------------*/
/*    #nav   */
/*--------------------------*/



div#nav{
width:980px;
margin:0 auto;
padding:11px 5px 11px 5px;
background:#207e39;
font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}

div#nav:after{
content: "";
clear: both;
height: 0;
display: block;
visibility: hidden;
}

div#nav ul{
margin: 0;
padding: 0;

}

div#nav li  {
list-style-type: none;
float: left;
display:inline;
  
}

div#nav li a{
display: block;
color: #fff;
letter-spacing:-1px;
font-weight:bold;
padding:0 20px;
text-align:center;
font-size:15px;

}




/*--------------------------*/
/*    #top-box-wrapper   */
/*--------------------------*/


#top-box-wrapper{
width:1000px;
margin:0 auto;

}

#top-box-wrapper:after{
content: "";
clear: both;
height: 0;
display: block;
visibility: hidden;
}


.top-box01{
float:left;
width:480px;
display:inline;
}


.top-box01 h2,
.top-box02 h2,
.top-box03 h2{
color:#fff;
background:#b69240 url(./images/top-box-h2-bg.png) no-repeat 0 0;
font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
font-size:12px;
font-weight:bold;
padding:5px 20px 5px 20px;
margin:0 0 20px 0;
}



.top-box01-wrapper{

}

.top-box01-wrapper:after{
content: "";
clear: both;
height: 0;
display: block;
visibility: hidden;
}

.top-box01 .box{
width:0px;
margin-bottom:10px;
position:relative;
}

.top-box01 .box .sentence:before{
content: "\226B";
}

.top-box01 .box .sentence{
position:absolute;
bottom:4px;
background:rgba(21,125,44,0.9);
padding:12px 10px 12px 10px;
text-align:center;
color:#fff;
font-size:0.85em;
width:460px;
font-weight:bold;
}

.top-box01 .box img{
border:solid 2px #e1d6be;
}

.top-box01 .box .sentence a{
color:#fff;
}


.top-box01-wrapper .left img,
.top-box01-wrapper .middle img,
.top-box01-wrapper .right img{
border:solid 2px #dddddd;
}

.top-box01-wrapper .left,
.top-box01-wrapper .middle{
margin-right:27px;
}


.top-box02{
float:left;
width:240px;
display:inline;
padding:0 0px 0 20px;
}

.top-box03{
float:right;
width:240px;
display:inline;
padding:0 0px 0 0px;
}


/*--------------------------*/
/*    #container   */
/*--------------------------*/


div#container{
width:1000px;
margin: auto
}


div#container:after{
content: "";
clear: both;
height: 0;
display: block;
visibility: hidden;
}


/*--------------------------*/
/*    #header   */
/*--------------------------*/


/* ヘッダー */
div#header{

}

div#header-inner{
width:960px;
height:210px;
margin:0 auto;
position:relative;
}

div#header-inner:after{
content: "";
clear: both;
height: 0;
display: block;
visibility: hidden;
}

div#header-inner .left{
width:210px;
float:left;
display:inline;
padding:0px 0 0 5px;
position:absolute;
top:-10px;
}

div#header-inner .right{
width:728px;
float:right;
display:inline;
padding:0px 0 0 0px;

}

div#header-inner .hnav{
padding:30px 0 28px 0;
width:728px;
font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}

div#header-inner .hnav:after{
content: "";
clear: both;
height: 0;
display: block;
visibility: hidden;
}

div#header-inner .hnav li{
float:left;
display:inline;
list-style:none;
}

div#header-inner .hnav li a{
display:block;
text-align:center;
background:#b69240;
color:#fff;
padding:8px 0 8px 0;

font-size:15px;
font-weight:bold;
letter-spacing:-1px;

}

div#header-inner .hnav li.li01 a{
width:224px;
border-right:solid 1px #82682b;
}

div#header-inner .hnav li a:before{
content:"\00bb";
padding-right:3px;
color:#fff;
}

div#header-inner .hnav li.li02 a{
width:238px;
border-right:solid 1px #82682b;
}

div#header-inner .hnav li.li03 a{
width:264px;
}


.single div#header, .archive div#header{
  margin:0 0 0 0;
}


div#header-inner .banner728 img{
border:solid 1px #ccc;
}



/*--------------------------*/
/*    #content   */
/*--------------------------*/


/*コンテンツを囲む */
#content-wrapper {
    zoom: 100%;
  padding:0 0 40px 0;
}
#content-wrapper:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

.page #content-wrapper {
    zoom: 100%;
  padding:35px 0 40px 0;
}

/* コンテンツ */
div#content  {
  width: 660px;
  float: left;
  display:inline;
  margin:0 0 0 0;
}

.page-template-page-web-service-php div#content,
.page-template-page-lp-php div#content{
  width: 960px;
}

.page-template-page-web-service-php .col1-img,
.page-template-page-lp .col1-img{
padding:10px 0 10px 0;
}
.page-template-page-web-service-php .col1-img img,
.page-template-page-lp .col1-img img{
border: solid 1px #ccc;
  background: #fcfcfc;
  padding: 7px;
  max-width: 944px;
  height: auto;
}


/*--------------------------*/
/*    #sidebar   */
/*--------------------------*/

div#sidebar  {
  width: 300px;
  float:right;
  display:inline;
  margin:0px 0 0 0;
}

.home div#sidebar{
margin:20px 0 0 0;
}

div#sidebar ul  {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

div#sidebar .widget  {
  margin:0 0 25px 0;
}

div#sidebar h2  {

}


div#sidebar .widget_rrm_popular_posts h2{

}


div#sidebar .widget_recent_entries h2{

}

div#sidebar .widget_archive h2{

}

div#sidebar .widget_categories h2,
div#sidebar .post-article-cover h2,
div#sidebar .widget_search h2,
div#sidebar .widget_archive h2{
color:#fff;
background:#b69240 url(./images/top-box-h2-bg.png) no-repeat 0 0;
font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
font-size:12px;
font-weight:bold;
padding:5px 20px 5px 20px;
margin:20px 0 10px 0;
}




div#sidebar .widget_search h2{

}






div#sidebar li li  {
  font-size: 0.75em;
  margin: 0;
  line-height:1.75;
  padding: 5px 10px;  
  border-bottom:solid 1px #e0d6be;
}

div#sidebar li li a  {
font-weight:bold;
-webkit-transition: color 200ms linear;
-moz-transition: color 200ms linear;
-o-transition: color 200ms linear;
position: relative;
display: inline-block;
padding: 0 0 0 16px;
color: #000;
vertical-align: middle;
text-decoration: none;
}


div#sidebar li li a::before,
div#sidebar li li a::after{
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
}

div#sidebar li li a::before{
box-sizing: border-box;
width: 12px;
height: 12px;
border: 1px solid #b69240;
-webkit-border-radius: 50%;
border-radius: 50%;
}
div#sidebar li li a::after{
left: 5px;
box-sizing: border-box;
width: 3px;
height: 3px;
border: 3px solid transparent;
border-left: 3px solid #b69240;
}





div#sidebar li li a:hover{
color:#b69240;
}


.footer-img{
  width:960px;
  margin:0 auto;
    padding:30px 0 60px 0;
}

.footer-img ul:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

.footer-img ul{

}

.footer-img ul li{
  float:left;
  display:inline;
  width:124px;
  padding-right:13px;
}



.footer-img ul li.last{
  padding-right:0px;
}





/*--------------------------*/
/*    #footer   */
/*--------------------------*/



div#footer-bg{
width:100%;
background:#fff7e5;
padding:30px 0 20px 0;
}


div#footer{
width:980px;
margin:0 auto;
}

div#footer .logo{
text-align:center;
}

div#footer .logo img{
width:230px;
height:auto;
}





/* コピーライト表記 */
#copyright{
width:100%;
  margin:0 auto;
  font-size:0.7em;
  font-weight:bold;
　text-align:center;
  background:#b69240;
  padding:5px 0 5px 0;
　color:#fff;
}

#copyright p{
width:980px;
color:#fff;
text-align:center;
margin:0 auto;
}

/* ---------------------------------------------------------------------------------- */
/*    □□□□□パンくずリスト□□□□□ */
/* ---------------------------------------------------------------------------------- */



div#breadcrumb{
  margin: 10px 0 10px;
  padding:0px;
}

div#breadcrumb a{
  text-decoration:underline;
}

div#breadcrumb a:hover{
  text-decoration:none;
}

div#breadcrumb div{
  display:inline;
  font-size:0.75em;
}



/* ---------------------------------------------------------------------------------- */
/*    □□□□□トップのコンテンツタイトル□□□□□ */
/* ---------------------------------------------------------------------------------- */


p.news-title{
  height:41px;
  text-indent:-9999px;
  background:url(images/h2-news.png) no-repeat 0 0;
  margin:25px 0 5px 0;
}

p.latest-post-title{
color:#fff;
background:#1e7c3a url(./images/top-box-h2-bg-green.png) no-repeat 0 0;
font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
font-size:12px;
font-weight:bold;
padding:5px 20px 5px 20px;
margin:0 0 20px 0;
}



.archive h1.title  {
font-size:170%;
}


/* ---------------------------------------------------------------------------------- */
/*    □□□□□ページ送りのスタイル□□□□□ */
/* ---------------------------------------------------------------------------------- */

  
p.pagenation{
  font-size:0.95em;
  overflow:hidden;
  zoom:100%;
  margin:30px 0 0 0;
}

p.pagenation:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}


span.oldpage{

}

span.oldpage a{
  padding:10px 5px 10px 14px;
  border:solid 1px #aaa;
  display:block;
  margin-bottom:10px;
  background:#ededed;
}

span.oldpage a:before{
	content:"\226A";
}

span.oldpage a:hover{
  text-decoration:underline;
}

span.newpage  {
text-align:right;
}

span.newpage a:after{

	content:"\226B";	
}
span.newpage a{
  padding:10px 10px 10px 5px;
  border:solid 1px #aaa;
  display:block;
  background:#ededed;  
}

span.newpage a:hover{
  text-decoration:underline;
}


/* ---------------------------------------------------------------------------------- */
/*    □□□□□ページ番号のスタイル□□□□□ */
/* ---------------------------------------------------------------------------------- */

p.pagenum{
  text-align:center;
}


p.pagenum span{
  background-color:#a7d043;
}

p.pagenum a , p.pagenum span{
  padding:6px 12px;
  color:#ffffff;
  background-color: #227f39;
  line-height:3.0;
}

p.pagenum a:hover{
  color:#fff;
  background-color:#b69240;
  text-decoration:underline;
}


/* ---------------------------------------------------------------------------------- */
/*    □□□□□検索結果のスタイル□□□□□ */
/* ---------------------------------------------------------------------------------- */


/* 検索結果 */


.search-no-results p.title{
  text-align:left;
  margin-bottom:50px;
  border:solid 1px #00a0d0;
  padding:3px 3px 3px 3px;  
}

.search-results #content h1{
font-size:170%;
}


.search-no-results #content{
  text-align:center;
  line-height:2;
  padding:0 0 40px 0;
}



.search-list{


}

.search-list li{
  padding:15px 15px 15px 15px;
}

.search-list:hover{

}

.search #content li{
  list-style-type:none;
  line-height:1.75;
}

.search #content li a{

}

.search #content li a:hover{
  text-decoration:underline;
}

.search #content p{

}

.search-gr{
  padding:10px 0 10px 0;
}


/* ---------------------------------------------------------------------------------- */
/*    □□□□□div.postの共通スタイル□□□□□ */
/* ---------------------------------------------------------------------------------- */






div.post h2 {
	position: relative;
	padding: 15px 15px 15px 20px;
	border-left: 3px solid #b69240;
	font-size:1.3em;
	border-bottom: 1px solid #dccead;
	color:#b48823;	
}



div.post h2 a:hover  {
  text-decoration:underline;
}

#content div.post p  {
  font-size: 0.875em;
  line-height: 2.0;
  padding:10px 0px 10px 0px;
}

div.post p a{
color: #b69240;
}

div.post p a:hover{
  text-decoration:underline;
}


div.post p.postcat  {
  text-align: right;
  margin: -12px 10px 10px 0;
}

div.post p.postcat a  {font-size: smaller;
  background-color: #4BA926;
  border-radius: 2px;
  color: #ffffff;
  padding: 1px 5px}

div.post p.postinfo  {color: #b69240;
  text-align: right;
  margin: 0}
  
div.post dl{
  font-size: 0.83em;
  line-height: 2.0;
  padding:10px 15px 10px 15px;
}

div.post dt{
  padding:5px 0 5px 0px;
}

div.post dd{
  padding:1px 0 5px 15px;
}

.post-list-wrapper:after {
content: "";
clear: both;
height: 0;
display: block;
visibility: hidden;
}


.post-list h2{
border-top:3px solid #b69240;
padding:15px 0 30px 0;
position: relative;
}


.post-list h2:before{
content:"";
display:block;
width:30%;
height:3px;
border-top:3px solid #1e7c3a;
position:absolute;
top:-3px;
line-height:0;
}

.post-list h2 a{
color:#643f04;
font-size:1.5em;
line-height:1.35;
}

.post-list h2 a:hover{
color:#20a6cf;
}

.post-inner:after {
content: "";
clear: both;
height: 0;
display: block;
visibility: hidden;
}

.post-inner{
padding:0px 0 40px 0;
}

.post-inner .thumb{
float:left;
display:inline;
width:300px;
margin-right:10px;
}

.post-inner .thumb img{
width:300px;
height:auto;
}

.post-inner .right{
float:right;
display:inline;
width:345px;
}

.post-inner .right p.sentence{
padding:20px 0 10px 0;
font-size:0.7em;
line-height:1.75;
color:#666666;
letter-spacing:1px;
}

.post-inner .right p.more{
font-size:0.9em;
padding:0px 0px 10px 0;
border-bottom:solid 1px #d0bd91;
}

.post-inner .right p.more a{
padding:0px 0 0 0px;
color:#ab761b;
}


.post-inner .right p.more a:before{
content:"\00bb";
padding-right:3px;
font-weight:bold;
}

.post-inner .postinfo{
padding:10px 0 0 0;
text-align:right;
}

.post-inner .date{
font-size:0.75em;
color:#227f39;
font-family:Verdana, Geneva, sans-serif;
}

.post-inner .postinfo .post-cat{
font-size:0.7em;
color:#fff;
position:relative;
top:-1px;
}

.post-cat a{
color:#fff;
background:#227f39;
padding:0px 30px 0px 30px;
text-align:center;
    line-height: 2.0;
}
/* ---------------------------------------------------------------------------------- */
/*    □□□□□記事ページのスタイル□□□□□ */
/* ---------------------------------------------------------------------------------- */



.single div.post p img{
  border:solid 1px #ccc;
  background:#fcfcfc;
  padding: 7px;
  max-width:644px;
  height:auto;
}

.single div.post h3,
.page div.post h3,
.related-title{
font-size:1.0em;
line-height:1.4;
font-weight:bold;
padding: 10px 0px 5px 0px;
border-bottom:1px solid #ccc;
position: relative;
margin:10px 0 10px 0;
color:#1e7c3a;
    border-radius: 3px;
}


.single div.post h3:before,
.page div.post h3:before{
content:"";
display:block;
width:30%;
border-bottom:2px solid #1e7c3a;
position:absolute;
bottom:0;
margin-bottom:-2px;
}

.single div.post h4.other-social{
  font-size:0.95em;
  color:#333;
  line-height:1.4;
  border-left: solid 4px #45BCE6;
  border-bottom: solid 1px #ccc;
  padding: 5px 8px 5px 8px;
  margin: 10px auto 0;
  width: 664px;
}

.single div.post h4.facebook{
  font-size:0.95em;
  color:#333;
  line-height:1.4;
  border-left: solid 4px #3b5998;
  border-bottom: solid 1px #ccc;
  padding: 5px 8px 5px 8px;
  margin: 10px auto 0;
  width: 664px;
}

/* 記事の個別ページ */
.single div.post h1,
.page div.post h1  {
border-top:3px solid #b69240;
margin: 0 0 0px 0;
padding: 20px 0px 10px 0px;
font-size: 170%;
font-weight: bold;
line-height: 1.5;
color: #000;
position:relative;
}


.single div.post h1:before,
.page div.post h1:before{
content:"";
display:block;
width:30%;
height:3px;
border-top:3px solid #1e7c3a;
position:absolute;
top:-3px;
line-height:0;
}





.single div.post h1 a{
color: #000;
}




.single .postcat{
display:none;
}


.title-bottom{

font-size:0.75em;

padding:2px 0px 12px 0px;
}


.cat-title{
padding:3px 0 6px 0;
}



/* ---------------------------------------------------------------------------------- */
/*    □□□□□固定ページのスタイル□□□□□ */
/* ---------------------------------------------------------------------------------- */


.page div.post p img{
  border:solid 1px #ccc;
  background:#fcfcfc;
  padding: 7px;
  max-width:644px;
  height:auto;  
}

.page div.post h4{
  font-size:0.95em;
  color:#333;
  line-height:1.4;
  padding: 10px 15px 7px 0px;
  margin: 10px auto 0;
  width: 665px;
  border-bottom:double 3px #555;
}

  


.page-template-page-web-service-php div.post h1,
.page-template-page-lp-php div.post h1{
background: url(images/bg-entry-960.png) no-repeat 0 0;
}



/* ---------------------------------------------------------------------------------- */
/*    □□□□□記事内の画像のスタイル□□□□□ */
/* ---------------------------------------------------------------------------------- */

.aligncenter  {display: block;
  margin-left: auto;
  margin-right: auto}

.alignleft  {float: left;
  margin-right: 10px;
  margin-bottom: 10px}

.alignright  {float: right;
  margin-left: 10px;
  margin-bottom: 10px}

.wp-caption  {border: solid 1px #aaaaaa;
  text-align: center;
  padding-top: 5px}


/* ---------------------------------------------------------------------------------- */
/*    □□□□□Wordpress Popular Postsの設置□□□□□ */
/* ---------------------------------------------------------------------------------- */


div#sidebar li.popular-posts li{
  zoom: 100%;
  padding:10px 0 10px 10px;
  width:290px;
  height:auto;
}

div#sidebar li.popular-posts li a{
  color: #000000;
  display: inline;
}

div#sidebar li.popular-posts li a:hover{
  backgroud:#fff;
  text-decoration:underline;
}

div#sidebar li.popular-posts li:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

div#sidebar li.popular-posts li .wp-post-image{
  background:#FFF;
  padding:2px;
  border:solid 1px #ccc;
}


div#sidebar li.popular-posts li .wppnothumb{
  border:solid 1px #ccc;
  background:#fff;
  padding:2px;
}


div#sidebar li.popular-posts li .left-thumb{
  float:left;
  dispaly:block;
  width:60px;
  margin:0 0 0 0;
  padding:0 0 0 10px;
}

div#sidebar li.popular-posts li .right-title{
  float:left;
  dispaly:block;
  width:200px;
  margin:0 0 0 0;
  padding:0 0 0 10px;
}

/* ---------------------------------------------------------------------------------- */
/*    □□□□□Popular Postsの設置□□□□□ */
/* ---------------------------------------------------------------------------------- */

#popular-posts .widgettitle{
margin:0 0 0px 0;
}

.popular-post{
zoom: 100%;
margin: 7px 0 0 0;
padding: 5px 0px 6px 0px;
position: relative;
border-bottom: solid 1px #dedede;
}

.popular-post:after {
  content: "";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}

.popular-post .thumb{
float:left;
display:inline;
padding:2px;
border:solid 1px #ccc;
width:50px;
height:50px;
background:#fff url(./images/no-image.png) no-repeat center center;
margin-right:5px;
}

.popular-post .thumb .wp-post-image{

}

.popular-post .title{
display:;  
margin:0 0 0 0px;
padding:0 0 0 0px;
background:url(./images/arrow.png) no-repeat 0 4px;
}

.popular-post .title h3{
font-size:0.775em;
font-weight:normal;
line-height:1.5;
margin:0;
display:inline;
}

.popular-post .title a{
color:#333;
}

.popular-post .title a:hover{
text-decoration:underline;
}

#popular-posts .border{
width:100%;
height:2px;
border-top:dotted 1px #ccc;
margin:7px 0 0 0;

}

#popular-popular .popular-post:nth-child(1):before{
content:url(images/rank01.png);
position:absolute;
top:1px;
left:2px;
}

#popular-popular .popular-post:nth-child(2):before{
content:url(images/rank02.png);
position:absolute;
top:1px;
left:2px;
}

#popular-popular .popular-post:nth-child(3):before{
content:url(images/rank03.png);
position:absolute;
top:1px;
left:2px;
}


#popular-popular .popular-post:nth-child(4):before{
content:url(images/rank04.png);
position:absolute;
top:1px;
left:2px;
}


#popular-popular .popular-post:nth-child(5):before{
content:url(images/rank05.png);
position:absolute;
top:1px;
left:2px;
}

#popular-popular .popular-post:nth-child(6):before{
content:url(images/rank06.png);
position:absolute;
top:1px;
left:2px;
}

#popular-popular .popular-post:nth-child(7):before{
content:url(images/rank07.png);
position:absolute;
top:1px;
left:2px;
}

#popular-popular .popular-post:nth-child(8):before{
content:url(images/rank08.png);
position:absolute;
top:1px;
left:2px;
}

#popular-popular .popular-post:nth-child(9):before{
content:url(images/rank09.png);
position:absolute;
top:1px;
left:2px;
}

#popular-popular .popular-post:nth-child(10):before{
content:url(images/rank10.png);
position:absolute;
top:1px;
left:2px;
}


.pls{
position:relative;
 top:5px;
}



/* ---------------------------------------------------------------------------------- */
/*    □□□□□galleryの設置□□□□□ */
/* ---------------------------------------------------------------------------------- */


/* ギャラリー */
.gallery-item {width: 33%;
  float: left;
  margin-top: 0;
  text-align: center}

.gallery img {border: solid 1px #aaaaaa;
  padding: 5px}

.gallery a:hover img  {background-color: #c4f254}

.gallery dd  {margin: 0;
  font-size: 0.75em}

.gallery br+br  {display: none}



/* 関連記事 */
div.related  {border: solid 1px #aaaaaa;
  margin-top: 20px}

div.related p  {color: #ffffff;
  background-color: #a7d043;
  margin: 0;
  padding-left: 10px}

div.related ol  {font-size: 0.75em}



/* 分割した記事へのリンク */
#postpage  {text-align: center;
  padding-top: 20px;
  clear: both}

#postpage a  {border: solid 1px #aaaaaa;
  padding: 5px 10px;
  margin: 0 10px}

#postpage a:hover  {background: #f7e29e}

#postpage span  {padding: 5px 10px;
  color: #888888;
  background: #dddddd}

#postpage a span  {padding: 0;
  color: black;
  background: none}


/* 画像の個別ページ */
.attachment div#content  {width: 100%;
  float: none}

.attachment p.photo  {text-align: center}


/* タイトルの一覧 */
ul.post  {list-style-type: none;
  margin: 0;
  padding: 0;
  border-top: dotted 1px #aaaaaa}

ul.post li  {
  border-bottom: dotted 1px #aaaaaa;
  background-image: url(images/arrow.png);
  background-repeat: no-repeat;
  background-position:10px center;
  padding: 20px 5px 20px 30px;
  line-height:2.0;
}

ul.post li a  {color: #222;}

ul.post li a:hover  {text-decoration: underline;}

ul.post li span  {font-size: smaller;
  color: #888888}


/* ---------------------------------------------------------------------------------- */
/*    □□□□□続きを読むのスタイル□□□□□ */
/* ---------------------------------------------------------------------------------- */

div.post p.more  {
  margin: 10px 0 3px 0;
  font-size: 0.7em;
  font-weight:bold;
  text-align:right;
}

div.post p.more a  {
color: #fff;
border: solid 1px #0091C8;
background-color: #49C8ED;
padding: 3px 3px;
}


div.post p.more a:hover  {
color: #49C8ED;
background-color: #fff;
}



/* 人気記事ランキング */
div#sidebar ol  {
  margin: 0;
  padding: 0;
  list-style-type: none;}

div#sidebar ol li a:before  {
  content: counter(mycount);
  font-family: 'Trebuchet MS', sans-serif;
  font-weight: bold;
  font-size: larger;
  color: #ffffff;
  background-color: #f3b62f;
  padding: 2px 7px;
  margin-right: 7px;
  vertical-align: -2px;
}

div#sidebar ol li{
  counter-increment: mycount;
}


/* ---------------------------------------------------------------------------------- */
/*    □□□□□トップページのスタイル□□□□□ */
/* ---------------------------------------------------------------------------------- */

/*--------------------------*/
/*    .newslist   */
/*--------------------------*/

/* ニュース */

ul.newslist{
float:left;
width:270px;
display:inline;
}

ul.newslist{
  padding:0 10px 0px 10px;
  margin:0 0 0px;
  font-size:0.75em;
}

ul.newslist li{
  list-style-type:none;
  padding:4px 0 4px 0px;
  line-height:1.35;
}

ul.newslist a{
  color:#000000;
  background:url(images/arrow.png) no-repeat 0 5px;
  padding:0 0 0 15px;
-webkit-transition: color 200ms linear;
-moz-transition: color 200ms linear;
-o-transition: color 200ms linear;  
}

ul.newslist a:hover{
  color:#b69240;
  text-decoration:underline;
}

ul.newslist span{
  color:#666666;
}


.king-article{
width:150px;
float:right;	
display:inline;
padding:0 5px 0 0;
}

.king-article .thumb{
line-height:0;
}

.king-article .sentence{
background:#646464;
padding:5px 8px 5px 8px;
font-size:0.8em;
line-height:1.3;
}

.king-article .sentence a{
color:#fff;

}

.king-article .sentence a:hover{
color:#000;
}

/*--------------------------*/
/*    .newsindex   */
/*--------------------------*/



.news-index{
padding:0px 0 0 0;
}

.top-news-box{
padding:0 0 20px 0;
font-family: "游ゴシック", "YuGothic", sans-serif;
}


.top-news-box:first-child{

}
.news-index h2{
font-size:0.9em;
line-height:1.4;
font-weight:normal;
min-height:36px;
margin:10px 0 0 0;
}


.top-news-box h3 a{
color:#a77911;
display:block;
line-height:1.5;
font-size:14px;

padding:0 3px 0 3px;
}


.news-index .thumb{

}

.news-index .thumb img{
width:80px;
height:auto;
padding:2px;
float:left;
margin-right:5px;
}


.news-index .post{
padding:10px 0 10px 0;
}
.news-index .post:after {
content: "";
clear: both;
height: 0;
display: block;
visibility: hidden;
}

.news-index .right{
display:inline;
line-height:1.1;
}



.news-index .right span{
font-size:0.75em;
color:#89847c;
font-weight:bold;
}

.news-index .news-more{
padding:10px 0 0 0px;
text-align:right;
}

.news-index .news-more a{
padding:0 0 0px 0px;
font-size:0.85em;
color:#a77911;
font-weight:bold;
letter-spacing:-1px;
}


.news-index .news-more a:before{
content:"\00bb";
padding-right:3px;
font-weight:bold;
}


/* ---------------------------------------------------------------------------------- */
/*    □□□□□検索フォームのスタイル□□□□□ */
/* ---------------------------------------------------------------------------------- */


.screen-reader-text{
display:none;
}

#search , #search-2{
width: 100%;
margin: 0;
min-height:60px;
}

#search p,#search-2 p{
margin: 0;
}

#search input,#search-2 input{
vertical-align: middle;
float: left;
height: 20px;
padding: 0;
}

#search input#s,#search-2 input#s{
font-size: 11px;
width: 220px;
border: 1px solid #d4d4d4;
padding: 0 5px;
}


#search #searchsubmit,#search-2 #searchsubmit{
background:url("images/btn_search.png") no-repeat center center transparent;
border: medium none;
cursor: pointer;
text-indent: -9999px;
background-size:38px 22px;
-webkit-background-size:38px 22px;
-moz-background-size:38px 22px;	
width: 38px;
height: 22px;
display: block;
border-top: 1px solid #d4d4d4;
border-right: 1px solid #d4d4d4;
border-bottom: 1px solid #d4d4d4;
}

div#subinfo img{
vertical-align:bottom;
}


/* ---------------------------------------------------------------------------------- */
/*    □□□□□paddingのスタイル□□□□□ */
/* ---------------------------------------------------------------------------------- */



/* top */

.pt5 {  padding-top:5px;   }
.pt10{  padding-top:10px;  }
.pt15{  padding-top:15px;  }
.pt20{  padding-top:20px;  }
.pt25{  padding-top:25px;  }
.pt30{  padding-top:30px;  }
.pt40{  padding-top:40px;  }
.pt50{  padding-top:50px;  }

/* right */

.pr5 {  padding-right:5px;   }
.pr10{  padding-right:10px;  }
.pr15{  padding-right:15px;  }
.pr20{  padding-right:20px;  }
.pr25{  padding-right:25px;  }
.pr30{  padding-right:30px;  }
.pr40{  padding-right:40px;  }
.pr50{  padding-right:50px;  }

/* bottom */

.pb5 {  padding-bottom:5px;   }
.pb10{  padding-bottom:10px;  }
.pb15{  padding-bottom:15px;  }
.pb20{  padding-bottom:20px;  }
.pb25{  padding-bottom:25px;  }
.pb30{  padding-bottom:30px;  }
.pb40{  padding-bottom:40px;  }
.pb50{  padding-bottom:50px;  }

/* left */

.pl5 {  padding-left:5px;   }
.pl10{  padding-left:10px;  }
.pl15{  padding-left:15px;  }
.pl20{  padding-left:20px;  }
.pl25{  padding-left:25px;  }
.pl30{  padding-left:30px;  }
.pl40{  padding-left:40px;  }
.pl50{  padding-left:50px;  }





/* ---------------------------------------------------------------------------------- */
/*    □□□□□marginのスタイル□□□□□ */
/* ---------------------------------------------------------------------------------- */



/* top */

.mt5 {  margin-top:5px;   }
.mt10{  margin-top:10px;  }
.mt15{  margin-top:15px;  }
.mt20{  margin-top:20px;  }
.mt25{  margin-top:25px;  }
.mt30{  margin-top:30px;  }
.mt40{  margin-top:40px;  }
.mt50{  margin-top:50px;  }

/* right */

.mr5 {  margin-right:5px;   }
.mr10{  margin-right:10px;  }
.mr15{  margin-right:15px;  }
.mr20{  margin-right:20px;  }
.mr25{  margin-right:25px;  }
.mr30{  margin-right:30px;  }
.mr40{  margin-right:40px;  }
.mr50{  margin-right:50px;  }

/* bottom */

.mb5 {  margin-bottom:5px;   }
.mb10{  margin-bottom:10px;  }
.mb15{  margin-bottom:15px;  }
.mb20{  margin-bottom:20px;  }
.mb25{  margin-bottom:25px;  }
.mb30{  margin-bottom:30px;  }
.mb40{  margin-bottom:40px;  }
.mb50{  margin-bottom:50px;  }

/* left */

.ml5 {  margin-left:5px;   }
.ml10{  margin-left:10px;  }
.ml15{  margin-left:15px;  }
.ml20{  margin-left:20px;  }
.ml25{  margin-left:25px;  }
.ml30{  margin-left:30px;  }
.ml40{  margin-left:40px;  }
.ml50{  margin-left:50px;  }



.contact-table{
  border:solid 1px #aaa;
  margin-top:15px;
  width:100%;
}

.contact-table th{
  background:#eee;
  padding:10px 2%;
  width:26%;
  font-size:0.9em;
  border:solid 1px #aaa;
  vertical-align:top!important;
  line-height:1.75;  
}

.contact-table td{
  background:#fff;
  padding:10px 2%;
  width:66%;
  font-size:0.83em;
  border:solid 1px #aaa;
  line-height:1.75;
}


.contact-table span.red{
  color:#f00;
}






.full_content {
width:480px;
position:relative;
margin:19px auto;
clear:both;
}

.full_content .menu{
float:left;
list-style:none;
padding:6px 15px 6px;
margin-left:3px;
text-align:center;
display:inline;
cursor: pointer;
background:#bcefff;
color:#207189;
font-size:0.75em;
font-weight:bold;
}



.full_content .menu:first-child {
margin-left:0;
}

.full_content .active{
background:#3fb5d9;
color:#fff;
}
.tab-content {
width:454px;
height:auto;
border:#3fb5d9 2px solid;
background:#FFF;
top:22px;
left:0;
padding:14px 10px 12px 10px;
position:absolute;
}

.tab-content:after {
content: "";
clear: both;
height: 0;
display: block;
visibility: hidden;
}

/*--------------------------*/
/*    #div.post-article  */
/*--------------------------*/


.post-article-cover{

	margin-top:15px;
}



div.post-article:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
	
}

div.post-article{

margin:0 auto;
padding:5px 0 5px 0;
border-bottom:solid 1px #e7e7e7;
}

div.post-article .thumb{
	float:left;
	display:inline;
	padding-right:10px;
	width:30%;
}

div.post-article .thumb img{
	width:100%;
	height:auto;
}

div.post-article .thumb img{
	border:solid 2px #fff;
}


div.post-article .right{
	display:inline;	
	float:left;
	width:65%;
}

div.post-article .right h3{
font-size:0.8em;
color:#000;
padding:0 0 0 5px;	
line-height:1.35;
}

div.post-article .right h3:before{

}

div.post-article .right h3 a{
	color:#222;

}
div.post-article .right .postinfo{
padding:0 0 0 5px;
line-height:1.15;
}

div.post-article .right .postinfo span.date{
font-size:0.6em;
}

div.post-article .right .postinfo span.post-cat{
font-size:0.6em;
}

.quote {
background: #f8f8f8;
padding: 2% 5% 2% 5%;
border: solid 1px #e7e7e7;
margin: 10px 0 10px 0;
}

.blog-list-btn{
	padding:15px 0 15px 0;
}

.blog-list-btn a{
	width:70%;
	height:auto;
	display:block;
	margin:0 auto;
	font-size:0.8em;
	text-align:center;
	padding:6px 10px 6px 10px;
	background:#1e7c3a;
	border-bottom:solid 4px #054a1a;
	color:#fff;
	font-weight:bold;

		
}

.blog-list-btn a:hover{
	background:#117897;	
}

.single-adsense{
width:336px;
margin:0 auto;
}

.adsense-top{
width:728px;
margin:0 auto;
padding:5px 0 15px 0;
}

.sidebar-adsense-160{
width:160px;
margin:0 auto;		
}

.faq-title{
position: relative;
  color: #fff;
  background: #3fb5d9;
  font-size:1.2em;
  font-weight:bold;
  line-height: 1.4;
  border: 1px solid #53a7c1;
  margin: 20px 0 10px;
  padding: 15px 10px 11px 20px;
  border-radius: 3px;
}


.faq-title:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 60px;
  height: 0;
  width: 0;
  border: 10px solid transparent;
  border-top: 10px solid #3fb5d9;
  border-right: 10px solid #3fb5d9;
}

.faq-q-list{
padding:20px 20px 20px 20px;
border:solid 8px #ddd;
 background: url("../images/footer-bg.png") repeat 0 0;
}


.faq-q-list li:before{
content:"\00bb";
padding-right:3px;
font-weight:bold;
color:#3fb5d9;
}

.faq-q-list li{
list-style-type:none;
padding:8px 0 8px 0;
line-height:1.4;
font-size:0.9em;
border-bottom:solid 1px #ccc;
font-weight:bold;
}


.faq-q-list li a{
	
}

.faq-q-list li a:hover{
text-decoration:underline;
color:#000;
}

.service-box:after {
content: "";
clear: both;
height: 0;
display: block;
visibility: hidden;
}

.service-box .left{
width:465px;
float:left;
display:inline;
}

.service-box .right{
width:465px;
float:right;
display:inline;
}



.web-menu{
margin:20px 0 20px 0;
}



.web-menu ul:after {
content: "";
clear: both;
height: 0;
display: block;
visibility: hidden;
}

.web-menu-title{
background:#3fb5d9;
color:#fff;
font-weight:bold;
padding:7px 5px 7px 20px;
font-size:1.2em;

line-height:1.5;
border-top:solid 1px #6494B3;
}

.web-menu ul{
background:#fafafa;
border-left:solid 1px #ccc;
border-right:solid 1px #ccc;
border-bottom:solid 1px #ccc;	
padding:30px 20px 20px 20px;
}

.web-menu ul li{
float:left;
display:inline;
font-weight:bold;
font-size:0.9em;
line-height:1.3;
}

.web-menu ul li a{
display:block;
margin-bottom:10px;
padding:0 10px 0 10px;
border-left:solid 1px #ccc;
}

.web-menu ul li a:hover{
color:#000;
}






/* ---------------------------------------------------------------------------------- */
/*    □□□□□テーブル横２列(タイトル１列)□□□□□ */
/* ---------------------------------------------------------------------------------- */


.table-2col{
padding:15px 0 15px 0;
}

.table-2col table{
width:100%;
}

.table-2col table th{
border-collapse:collapse;
font-size:0.9em;
text-align:center;
}

.table-2col table th{
width:46%;
padding:2% 2% 2% 2%;
border:solid 1px #ccc;
background:#f9f9f9;
}


.table-2col table td{
padding:2% 2% 2% 2%;
width:46%;
font-size:0.85em;
line-height:1.4;
border:solid 1px #ccc;
}



/* ---------------------------------------------------------------------------------- */
/*    □□□□□テーブル横３列(タイトル３列)□□□□□ */
/* ---------------------------------------------------------------------------------- */



.table-3col{
padding:15px 0 15px 0;
}

.table-3col table{
width:100%;
}

.table-3col table th{
border-collapse:collapse;
font-size:0.9em;
text-align:center;
}

.table-3col table th.title01{
width:26%;
padding:2% 2% 2% 2%;
border:solid 1px #ccc;
background:#f9f9f9;
}

.table-3col table th.title02{
width:31%;
padding:2% 2% 2% 2%;
border:solid 1px #ccc;
background:#f9f9f9;
}


.table-3col table th.title03{
width:31%;
padding:2% 2% 2% 2%;
border:solid 1px #ccc;
background:#f9f9f9;
}


.table-3col table th.title04{
padding:2% 2% 2% 2%;
border:solid 1px #ccc;
background:#f9f9f9;
font-size:0.85em;
vertical-align:middle;
}

.table-3col table td{
padding:2% 2% 2% 2%;
font-size:0.85em;
line-height:1.2;
border:solid 1px #ccc;
}



/* ---------------------------------------------------------------------------------- */
/*    □□□□□テーブル横３列(タイトル１列)□□□□□ */
/* ---------------------------------------------------------------------------------- */



.table-3col2{
padding:15px 0 15px 0;
}


.table-3col2 table th{
border-collapse:collapse;
font-size:0.9em;
text-align:center;
}

.table-3col2 table th{
width:14%;
padding:2% 2% 2% 2%;
border:solid 1px #ccc;
background:#f9f9f9;
}


.table-3col2 table td.td01{
width:20%;
padding:2% 2% 2% 2%;
border:solid 1px #ccc;
font-size:0.9em;
line-height:1.2;
font-weight:bold;
}

.table-3col2 table td.td02{
width:54%;
padding:2% 2% 2% 2%;
border:solid 1px #ccc;
font-size:0.9em;
line-height:1.2;
}




/* ---------------------------------------------------------------------------------- */
/*    □□□□□テーブル横５列(タイトル１列)□□□□□ */
/* ---------------------------------------------------------------------------------- */



.table-5col table{
padding:15px 0 15px 0;
}

.table-5col table th{
border-collapse:collapse;
font-size:0.9em;
text-align:center;
border:solid 1px #ccc;
background:#f9f9f9;
padding:2% 2% 2% 2%;
width:16%;
}

.table-5col table td{
border:solid 1px #ccc;
font-size:0.9em;
line-height:1.2;
font-weight:bold;
padding:2% 2% 2% 2%;
width:16%;
}




/* ---------------------------------------------------------------------------------- */
/*    □□□□□テーブル横６列(タイトル１列)□□□□□ */
/* ---------------------------------------------------------------------------------- */



.table-6col{
padding:15px 0 15px 0;
}

.table-6col table{
width:100%;
}

.table-6col table th.th01{
border-collapse:collapse;
font-size:0.9em;
text-align:center;
border:solid 1px #ccc;
background:#f9f9f9;
padding:1.5% 2% 1.5% 2%;
width:13%;
}

.table-6col table th.th02{
border-collapse:collapse;
font-size:0.9em;
text-align:center;
border:solid 1px #ccc;
background:#f9f9f9;
padding:1.5% 2% 1.5% 2%;
width:11%;
}

.table-6col table th.th03{
border-collapse:collapse;
font-size:0.9em;
text-align:center;
border:solid 1px #ccc;
background:#f9f9f9;
padding:1.5% 2% 1.5% 2%;
width:16%;
}

.table-6col table th.th04{
border-collapse:collapse;
font-size:0.9em;
text-align:center;
border:solid 1px #ccc;
background:#f9f9f9;
padding:1.5% 2% 1.5% 2%;
width:12%;
}

.table-6col table td{
border:solid 1px #ccc;
font-size:0.9em;
line-height:1.2;
font-weight:bold;
padding:1.5% 2% 1.5% 2%;
}



.first-tv .first-tv-img img{
width:100%;
height:auto;
display:block;
margin:0 auto 10px;
}

.first-tv .first-tv-sentence{
width:100%;
margin:0 auto;
font-size:0.8em;
color:#000;
line-height:1.4;
padding:0 0 6px 0;
}

.detail2{
width:100%;
margin:0 auto;
border:solid 2px #000;
text-align:center;
}

.detail2 a:before{
content: "\226B";
font-size: 0.9em;
}

.detail2 a{
display:block;
font-weight:bold;
padding:7px 0 7px 0;
color:#000;
font-size:0.9em;
}

.banner{
padding:3px 0 2px 0;
}


/* ---------------------------------------------------------------------------------- */
/*    □□□□□記事下部のソーシャルボタン□□□□□ */
/* ---------------------------------------------------------------------------------- */



ul.footer-social{
width:100%;
background: url(images/content-bg.png) repeat 0 0;
padding:3px 0 2px 0;
}

ul.footer-social:after {
content: "";
clear: both;
height: 0;
display: block;
visibility: hidden;
}

ul.footer-social li{
list-style-type:none;
float:left;
display:inline;
text-align:center;
width:25%;
font-weight:bold;
padding:20px 0 20px 0;
font-size:0.85em;
}

ul.footer-social li.ftwitter{
background:#45a1e6;
}

ul.footer-social li.ftwitter a{
color:#fff;
display:block;
}

ul.footer-social li.ffacebook{
background:#425f9c;

}

ul.footer-social li.ffacebook a{
color:#fff;
display:block;
}

ul.footer-social li.fgoogle{
background:#e63b00;
}

ul.footer-social li.fgoogle a{
color:#fff;
display:block;
}

ul.footer-social li.fhatena{
background:#00a4de;
}

ul.footer-social li.fhatena a{
color:#fff;
display:block;
}


ul.footer-social li img{
text-align:center;
}

/* ---------------------------------------------------------------------------------- */
/*    □□□□□サイドバー「運営者プロフィール」□□□□□ */
/* ---------------------------------------------------------------------------------- */

.profile-box{
font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
position:relative;
border:solid 2px #d2ae5b;
padding:20px 0px 20px 0px;
}


.profile-box h2{
position:absolute;
top:-15px;
text-align:center;
width:100%;
}

.profile-box h2 span{
display:block;
color:#fdefcf;
width:230px;
padding:9px 0 9px 0;
text-align:center;
margin:0 auto;
background:#c4a357;
}

.profile-box .img{
text-algin:center;
}


.profile-box .img img{
border:solid 4px #bca97d;
display:block;
text-algin:center;
margin:20px auto 20px;
}


.profile-box .name{
	position: relative;
	text-align: center;
	color:#b18231;
	font-weight:bold;
	font-size:16px;
}

.profile-box .name span{
	position: relative;
	z-index: 2;
	display: inline-block;
	margin: 0 2.5em;
	padding: 0 0.5em;
	background-color: #fff;
	text-align: left;
}
.profile-box .name::before {
	position: absolute;
	top: 50%;
	z-index: 1;
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background-color: #bd9e5d;
}

.profile-box .furigana{
text-align:center;
color:#a58d58;
font-size:0.65em;
letter-spacing:1px;
font-weight:bold;
padding:5px 0 15px 0;
}
.profile-box .sentence{
color:#7d6225;
font-size:12px;
padding:10px 25px 0 25px;
font-weight:bold;
line-height:1.4;
}

.profile-box .more{

}

.profile-box .more a{
display:block;
text-align:center;
font-size:14px;
font-weight:bold;
color:#360f02;
width:226px;
margin:25px auto 0;
padding:10px 10px 10px 10px;
border:solid 2px #b37d37;
}


.profile-box .more a:before{
content: "\226B";
font-size: 0.9em;
}
/* ---------------------------------------------------------------------------------- */
/*    □□□□□記事下部の「谷洋二郎の詳細はこちら」□□□□□ */
/* ---------------------------------------------------------------------------------- */





.detail-profile{
width:100%;
margin:0 auto 10px;
border:solid 2px #000;
text-align:center;
background:url(images/detail-profile-bg.png) no-repeat 0 -10px;
background-size:61px 61px;
-webkit-background-size:61x 61px;
-moz-background-size:61x 61px;	
}




.detail-profile a:before{
content: "\226B";
font-size: 0.9em;
}

.detail-profile a{
display:block;
font-weight:bold;
padding:15px 0 15px 0;
color:#000;
font-size:0.95em;
}



/* ---------------------------------------------------------------------------------- */
/*    □□□□□記事下部の自己紹介□□□□□ */
/* ---------------------------------------------------------------------------------- */



.creator-box{
padding:10px 0 0px 0;
}

.creator-box:after {
content: "";
clear: both;
height: 0;
display: block;
visibility: hidden;
}

.creator-box .left,
.creator-box .middle{
float:left;
margin-right:5px;
display:inline;
}

.creator-box .right{
float:right;
display:inline;
}

.creator-box .left,
.creator-box .middle,
.creator-box .right{
width:82px;
text-align:center;
font-weight:bold;
padding:10px 1.5% 10px 1.5%;
border:solid 2px #000;
font-size:0.75em;
line-height:1.2;
min-height:70px;
margin-bottom:5px;
vertical-align:middle;
color:#000;
}


/* ---------------------------------------------------------------------------------- */
/*    □□□□□実績のページ□□□□□ */
/* ---------------------------------------------------------------------------------- */



.works-article01:after{
content: "";
clear: both;
height: 0;
display: block;
visibility: hidden;
}

.works-article01,
.works-article02{
padding:25px 25px 25px 25px;
margin-bottom:20px;
}





.works-article01 .title{
font-size:1.6em;
font-weight:bold;
line-height:1.3;
margin:0px 0 15px 0;
font-family: "游ゴシック", "YuGothic", sans-serif;
}

.works-article01 .sentence{
font-size:0.9em;
padding:6px 0 6px 0;
line-height:1.4;
text-shadow: 0px 1px 0px rgba(255,255,255,0.7);
font-weight:bold;
}

.works-article01 img{

}

.works-bakusyo-pict img,
.works-black-job img,
.works-line-stamp img,
.works-line-book img,
.works-a1noko10ba img,
.works-a1noko10ba-au img,
.works-liry img{
width:160px;
height:auto;
}

.works-morinaga img{
width:340px;
height:auto;
}

.works-ebisu img{
width:240px;
height:auto;
}




.works-article01 img.left{
float:left;
margin-right:20px;
}

.works-bakusyo-pict{
background:#efefef;
}
.works-a1noko10ba{
background:#ffe9f2;
}

.works-article01 .a1noko10ba-title{
color:#c84042;
}

.works-article01 .a1noko10ba-sentence{
color:#c84042;
}


.works-black-job{
background:#f6ece1;
}

.works-article01 .black-job-title{
color:#d36800;
}

.works-article01 .black-job-sentence{
color:#d36800;
}


.works-line-book{
background:#effbeb;
}

.works-article01 .line-book-title{
color:#268705;
}

.works-article01 .line-book-sentence{
color:#268705;
}


.works-morinaga{
background:#efefef;
}

.works-a1noko10ba-au{
background:#ffe9f2;
}

.works-article01 .a1noko10ba-au-title{
color:#c84042;
}

.works-article01 .a1noko10ba-au-sentence{
color:#c84042;
}



.works-liry{
background:#ebf0fc;
}


.works-article01 .liry-title{
color:#003d82;
}

.works-article01 .liry-sentence{
color:#003d82;
}



.works-ebisu{
background:#fff9ea;
}


.works-article01 .ebisu-title{
color:#b68910;
}

.works-article01 .ebisu-sentence{
color:#b68910;
}





.buy-button a{
display:block;	
width:80%;
padding:10px 0 10px 0;
font-family: "游ゴシック", "YuGothic", sans-serif;
text-align:center;		
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fff7ef+0,ffaf4b+3,ff920a+26,ff920a+98,ffffff+100 */
background: #fff7ef; /* Old browsers */
background: -moz-linear-gradient(top, #fff7ef 0%, #ffaf4b 3%, #ff920a 26%, #ff920a 98%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #fff7ef 0%,#ffaf4b 3%,#ff920a 26%,#ff920a 98%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #fff7ef 0%,#ffaf4b 3%,#ff920a 26%,#ff920a 98%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff7ef', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
border:solid 1px #b98845; 
color:#fff;
font-weight:bold;
font-size:1.0em;
}


.sidebar-book{
padding: 30px 30px 30px 30px;
background: #f5f5f5;

}

.sidebar-book .cover{
text-align:center;
padding:5px 0 20px 0;
}
.sidebar-book .cover img{
width:250px;
height:auto;
}

.sidebar-book .section-wrapper{
padding:10px 0 10px 0;
border-top: solid 1px #e2d5b7;
border-bottom: solid 1px #fff;
}

.sidebar-book .book-section{
padding:0 0 10px 0;
}

.sidebar-book .book-section a{
font-family: "游ゴシック", "YuGothic", sans-serif;
color:#b37c04;
line-height:1.3;
font-weight:bold;
font-size:1.3em;
}

.sidebar-book .book-para a{
font-size:1.1em;
text-decoration:none;
color:#7e5403;
font-family: "游ゴシック", "YuGothic", sans-serif;
font-weight:bold;
line-height:1.3;
}

.sidebar-book .book-para a:hover{
text-decoration:underline;
}

.sidebar-book .buy-button{
text-align:center;
}

.sidebar-book .buy-button a{
margin:0 auto;
}


.yarpp-related ol{
padding:15px 0 15px 0;
	
}

.yarpp-related ol li{
list-style-type:none;
line-height:1.5;
padding:10px 0 10px 0;
border-bottom:solid 1px #ccc;
}

.yarpp-related ol li a:before{
	content:"\226B";
}


.yarpp-related ol li small{
font-size:0.7em;
color:#aaa;
}




/* ---------------------------------------------------------------------------------- */
/*    □□□□□プラグインなし関連記事□□□□□ */
/* ---------------------------------------------------------------------------------- */

#related-entries:after {
content: "";
clear: both;
height: 0;
display: block;
visibility: hidden;
}


#related-entries .related-entry{
width:206px;
min-height:235px;
float:left;
margin:20px 21px 0 0;
}

#related-entries .related-entry:nth-child(3n){
margin:20px 0 0 0;
}



#related-entries .related-entry .related-entry-thumb img{
width:200px;
height:auto;
}


#related-entries .related-entry h4{
line-height:1.2;
font-size:1.0em;
height: 37px;
overflow: hidden;

}


#related-entries .related-entry h4 a{
color: #b69240;
font-size:0.9em;
}
#related-entries .related-entry h4 a:hover{
color:#000;    
}
#related-entries .related-entry p.related-entry-snippet{
font-size:0.75em;
line-height:1.3;
color:#666;
padding:5px 0 5px 0;
}





#related-entries .related-entry .related-entry-read:before {
    content: "\226B";
    font-size: 0.9em;
}

#related-entries .related-entry .related-entry-read{
border:solid 2px #000;
color:#000;
padding:5px 10px 5px 10px;
text-align:center;
font-size:0.8em;
}

#related-entries .related-entry .related-entry-read a{
font-weight:bold;
color:#000;
}



/*--------------------------------
PREV NEXT
---------------------------------*/
#prev_next{
    width:100%;
    margin: 36px 0 24px;
    padding:0;
    display: table;
}

#prev_next  #prev, #prev_next  #next{
    width: 50%;
    padding:30px 10px 10px;
    border-top:#ccc 1px solid;
    border-bottom:#ccc 1px solid;
    display: table-cell;
    position:relative;
	text-decoration:none;
z-index:200;
}


#prev_next #prev p, #prev_next #next p{
	    font-size:1.0em;
		line-height:1.5;
}

#prev_next #prev p:before{
    content: "\226A";
}

#prev_next #next p:before{
    content: "\226B";
}

#prev_next #prev:hover, #prev_next #next:hover{
	background-color: rgba(238,238,238,0.7);
}

#prev_next #prev{
	border-right:#ccc 1px solid;
}

#prev_next #prev_title, #prev_next #next_title{
    font-size:1.0em;
padding:1px 0 1px 0;
line-height:1.2;
    top:-1em;
    position:absolute; 
    border: 1px #4893da solid;
    background:#5baffe; 
    text-align: center;
    padding:3px;
    color:#fff;
}
#prev_next #next_title{
	right:10px;
}

#prev_next #prev img{
	 margin:0 10px 0 0px;
	float:left;
}

#prev_next #next img{
    margin:0 0px 0 10px;
	float:right;
}

#prev_next #prev_no, #prev_next #next_no{
	width: 50%;
	height:140px;
    padding:0 10px;
    display: table-cell;
}

#prev_next #prev_no{
	border-right:#ccc 1px solid;
}

#prev_next_home{

}

#prev_next_home:hover{
	background-color: rgba(244,136,129,0.7);
}

 #prev_next_home i{
	color:#FFF;
	margin:10px auto ;
	font-size:60px;
}


@media all and (-ms-high-contrast:none){
div#header-inner .hnav li a{
padding:11px 0 7px 0;
}

div#nav{

padding:13px 10px 9px 10px;
}

.top-box01 h2,
.top-box02 h2,
.top-box03 h2{
padding:7px 20px 3px 20px;
}

div#sidebar .widget_categories h2,
div#sidebar .post-article-cover h2,
div#sidebar .widget_search h2,
div#sidebar .widget_archive h2{
padding:7px 20px 3px 20px;
}


p.latest-post-title{
padding:7px 20px 3px 20px;
}

.profile-box h2 span{
padding:11px 0 7px 0;
}


.profile-box .more a{
padding:12px 10px 8px 10px;
}

	
}


/* 固定ページ */
.block-sub-menu .wp-block-column:not(:first-child) {
    margin-left: 0px;
}
.block-sub-menu a {
    color: #447234 !important;
}

.block-sub-menu {
    margin: 0 auto;
}

.btn-orange,
a.btn-orange {
    display: block;
    width: 100px;
    margin: 4px 0;
    padding: 4px 12px;
    text-align: center;
    color: #447234;
    background-color: #fff;
    border: 1px solid #447234;

    font-size: 14px;
    font-weight: bold;
    font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}

a.btn-orange:hover {
    text-decoration: none !important;
}