/*
Theme Name: tani-channel-com-2019
Theme URI: http://tani-channel.com/
Description: tani-channel responsive theme
Author: Yojiro Tani
*/


/*=============================================
 □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □

〇 基本スタイル 〇

□ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □
=============================================*/

html{

}

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

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



/*=============================================
 □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □

〇 #super-top 〇

□ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □
=============================================*/


section#super-top{
margin:0 auto;
width:100%;
zoom:100%;
position:relative;
background:#3fb5d9;
height:37px;

}

section#super-top #super-top-inner{
width:960px;
margin:0 auto;
padding:11px 0 2px 0;
}

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

section#super-top #super-top-inner .super-top-icon{
width:150px;
float:left;	
}

section#super-top #super-top-inner .super-top-icon .news{
color:#fff;
font-family:tbchibirgothicplusk-pro,"游ゴシック", "Yu Gothic",'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
font-weight: bold;
padding:0 5px 0 0;	
font-size:16px;
}

section#super-top #super-top-inner .super-top-icon .border01{
border-right:solid 1px #218aaa;
height:10px;
}

section#super-top #super-top-inner .super-top-icon .title{
position:relative;
font-family:tbchibirgothicplusk-pro,"游ゴシック", "Yu Gothic",'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
color:#fff;
background:#000;
padding:2px 10px 2px 10px;
font-weight: bold;
font-size:13px;
line-height: 13px;	
left:10px;
top:-2px;
}
	

/*===========================
注目情報
===========================*/

.top-slide-news li{
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
     -o-box-sizing: border-box;
	-ms-box-sizing: border-box;
        box-sizing: border-box;	 
padding:0px 5px 1px 5px;
margin:0 0px 0 0px!important;
list-style-type:none;
color:#fff;	
font-family:tbchibirgothicplusk-pro,"游ゴシック", "Yu Gothic",'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
font-weight: bold;
font-size:15px;	
}



/*=============================================
 □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □

〇 #top-box-wrapper 〇

□ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □
=============================================*/

#top-box-wrapper{
width:960px;
margin:30px auto 20px;
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
     -o-box-sizing: border-box;
	-ms-box-sizing: border-box;
        box-sizing: border-box;
}

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

#top-box-wrapper h2{
font-size:18px;
font-family:source-han-sans-cjk-ja,tbchibirgothicplusk-pro,"游ゴシック", "Yu Gothic",'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
font-weight: 700;
color:#000;
font-style: normal;
}

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


.top-box01-wrapper{
width:100%;
}

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

.top-box01-wrapper .left,
.top-box01-wrapper .middle,
.top-box01-wrapper .right{
float:left;
display:inline;
width:140px;
margin-bottom:10px;
position:relative;
border:solid 2px #dddddd;
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
     -o-box-sizing: border-box;
	-ms-box-sizing: border-box;
        box-sizing: border-box;
}

.top-box01-wrapper .left .sentence:before,
.top-box01-wrapper .middle .sentence:before,
.top-box01-wrapper .right .sentence:before{
content: "\226B";
}

.top-box01-wrapper .left .sentence,
.top-box01-wrapper .middle .sentence,
.top-box01-wrapper .right .sentence{
position:absolute;
bottom:0px;
background:rgba(0,0,0,0.8);
padding:12px 0 12px 0;
text-align:center;
color:#fff;
font-size:0.85em;
width:100%;
font-weight:bold;
}


.top-box01-wrapper .left img,
.top-box01-wrapper .middle img,
.top-box01-wrapper .right img{
width:100%;
height:auto;
}

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


/*=============================================
 □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □

〇 #header 〇

□ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □
=============================================*/
/* ヘッダー */
section#header{

}

section#header #logo{
width:200px;
height: 200px;	
margin:20px auto 20px;
border-radius:200px;
border:solid 8px #000;
text-align: center;
color:#000;
font-family: dnp-shuei-4gob-std,"游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
font-weight:bold;
padding:35px 10px 10px 10px;
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
     -o-box-sizing: border-box;
	-ms-box-sizing: border-box;
        box-sizing: border-box;
line-height: 25px;	
}




section#header #logo .tani{
font-size:55px;
padding:0px 0 0px 0 ;	
}

section#header #logo .channel{
font-size:30px;
position:relative;

		
}

section#header #logo .catch{
font-size:17px;	
position:relative;
top:2px;	
		
}



/*=============================================
 □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □

〇 #container 〇

□ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □
=============================================*/

div#container{
margin:0;
}


div#container:after{
}

/*===========================
記事ページ
固定ページの
container個別指定
===========================*/

/* #contentに書くのもアリ */

.single-post #container,
.page-template-default  #container{

}


/*=============================================
 □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □

〇 #content-wrapper 〇

□ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □
=============================================*/


/*コンテンツを囲む */
#content-wrapper {
width:960px;
margin:0 auto 0;
padding:0px 0 40px 0;
}


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



/*=============================================
 □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □

〇 #content 〇

□ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □
=============================================*/

/* コンテンツ */
.single-post #container #content,
.page-template-default #container #content{
width:830px;
margin:30px auto 30px;
background:#fff;
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
     -o-box-sizing: border-box;
	-ms-box-sizing: border-box;
        box-sizing: border-box;

}


/*=============================================
 □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □

〇 #sidebar 〇

□ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □
=============================================*/


div#sidebar  {
width:800px;
float:none;
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.sponsored,
div#sidebar h2.tv-section,
div#sidebar h2.special,
div#sidebar .widget_categories h2,
div#sidebar .widget_recent_entries h2,
div#sidebar .widget_search h2,
div#sidebar h2.hit-report-title,
div#sidebar h2.special-contents-title,
.post-article-cover h2.title{
font-family:tbchibirgothicplusk-pro,"游ゴシック", "Yu Gothic",'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
font-size:19px;
color:#fff;
padding:15px 30px 18px 30px;
background:#000;
margin:20px 0 20px 0;
text-align:center;
}



/*===========================
サイドバー文字スタイル
※要変更
===========================*/


div#sidebar li li  {
 margin: 0;
 line-height:1.75;
 padding: 5px 10px;  
}

div#sidebar li li a  {
color: #000000;
font-weight:bold;
background:url(https://tani-channel.com/wordpress/wp-content/themes/tani-channel-com-2019/images/arrow.png) no-repeat 2px 7px;
padding:0 0 0 15px;
display:block;
-webkit-transition: color 200ms linear;
-moz-transition: color 200ms linear;
-o-transition: color 200ms linear;


}

div#sidebar li li a:hover{
color:#0c8bcd;
}





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

footer{
padding:30px 0 0px;
background-color: rgba(0,0,0,1);

background-position:0 bottom;
position: relative;
background-image:cover;
width:100%;
height: auto;
}



footer .inner{
width:1100px;
margin:0 auto;
position:relative;
z-index:11;		
}


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

footer .inner .box{
float:left;
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
     -o-box-sizing: border-box;
	-ms-box-sizing: border-box;
        box-sizing: border-box;
width:340px;
margin:15px 40px 15px 0;	
}

footer .inner .box:nth-child(3){
margin:15px 0px 15px 0;	
}

footer .logo-en{
font-family: dnp-shuei-4gob-std,sans-serif;
font-weight: 700;
font-style:bold;
margin:3px 0 0px 0;
line-height:1.0;
color:#fff;
font-size:14px;
text-align: center;
position:relative;
z-index:11;		
}

footer .logo-jp{
font-family: dnp-shuei-4gob-std,sans-serif;
font-weight: 700;
font-style:bold;
margin:0px 0 15px 0;
line-height:1.2;
color:#fff;
font-size:25px;
text-align: center;
position:relative;
z-index:11;		
}


footer p.explain{
color:#fff;
font-family: source-han-sans-cjk-ja, sans-serif;
font-weight: bold;
font-size:12px;
line-height: 1.2;
width:800px;
margin:20px auto 40px;
position:relative;
z-index:11;		
}


footer .copyright{
text-align: center;
font-size:12px;
font-family: fot-tsukuardgothic-std,tbchibirgothicplusk-pro,"游ゴシック", "Yu Gothic",'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
font-weight: bold;
color:#ffffff;
padding:8px 0 4px 0;
border-top:solid 1px #333;	
}


footer #company-info{

font-weight: bold;	
}

footer #company-info h2,
footer #profile h2,
footer #matching h2{
font-family:objektiv-mk1, Arial, Helvetica, sans-serif;
font-weight: 900;
font-size:20px;
font-style: normal;
color:#fff;
margin:0 0 20px 0;	
}

footer #company-info p.sentence{
color:#fff;
font-family:tbchibirgothicplusk-pro,"游ゴシック", "Yu Gothic",'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
font-size:14px;
line-height:1.6;
}



footer #profile name-box{

}

footer #profile .name-box:after {
content: "";
clear: both;
height: 0;
display: block;
visibility: hidden;
}


footer #profile .name-box .left{
float:left;
width:130px;
margin:0 15px 0 0;
}


footer #profile .name-box .left img{
width:100%;
height:100%;	
padding:4px;
background: #fff;
border:solild 1px #aaa;
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
     -o-box-sizing: border-box;
	-ms-box-sizing: border-box;
        box-sizing: border-box;
}


footer #profile .name-box .right{
float:right;
width:180px;
}

footer #profile .name-box .right .f-name{
font-family: dnp-shuei-4gob-std,sans-serif;
font-weight: 700;
font-style:bold;
margin:5px 0 0px 0;
line-height:1.2;
color:#fff;
font-size:24px;
}


footer #profile .name-box .right .f-furigana{
font-family: dnp-shuei-4gob-std,sans-serif;
font-weight: 700;
font-style:bold;
margin:3px 0 10px 0;
line-height:1.2;
color:#fff;
font-size:14px;
}


footer #profile .name-box .right p.sentence{
color:#fff;
font-family:tbchibirgothicplusk-pro,"游ゴシック", "Yu Gothic",'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
font-size:13px;
line-height:1.4;
font-weight: bold;
}



footer #matching h3,
footer #matching p.sentence{
color:#fff;
font-family:tbchibirgothicplusk-pro,"游ゴシック", "Yu Gothic",'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
font-size:13px;
line-height:1.4;
font-weight: bold;
margin:10px 0 10px 0;	
}

footer #matching ul.check-list{
padding:0 0 0 0;	
}
footer #matching ul.check-list li{
list-style-type:none;
background:url(https://tani-channel.com/wordpress/wp-content/themes/tani-channel-com-2019/images/check-list-bg.png) no-repeat 0 9px;
background-size:14px 14px;
-webkit-background-size:14px 14px;
-moz-background-size:14px 14px;
padding:9px 0 7px 25px;
font-family:tbchibirgothicplusk-pro,"游ゴシック", "Yu Gothic",'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
font-size:14px;
line-height: 1.3;
color:#fff;
border-bottom:solid 1px #444;
font-weight: bold;	
}


footer #matching p.contact a{
display: block;
color:#fff;
padding:7px 10px 7px 10px;
border:solid 3px #fff;
font-family: fot-tsukuardgothic-std,source-han-sans-cjk-ja, sans-serif;
font-weight: bold;
text-align: center;
margin:10px 0 0 0;
font-size:13px;	
}

footer #matching  p.contact a:before{
content: "\226B";
font-size: 0.9em;
}


.release-title{
padding:0 40px 30px 40px;
}



.release-title h2{
float:left;
display:inline;
padding:0 10px 0 0;
}

.release-title p{
float:left;
display:inline;
position:relative;
top:-3px;
}

.release-box{
min-height:100px;;
background:#f5f5f5;
border-top:solid 1px #fff;
border-bottom:solid 1px #fff;
padding:20px 30px 20px 30px;
}

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

.release-box .box{
width:150px;
float:left;
display:inline;
}

.release-box .box .image{
text-align:center;
min-height:130px;
}
.release-box .box .sentence{
font-size:0.7em;
color:#666;
line-height:1.5;
padding:3px 15px 3px 15px;
}






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



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

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(https://tani-channel.com/wordpress/wp-content/themes/tani-channel-com-2019/images/h2-news.png) no-repeat 0 0;
  margin:25px 0 5px 0;
}

p.latest-post-title {
font-family: tbchibirgothicplusk-pro,"游ゴシック",fot-tsukuardgothic-std, "Yu Gothic",'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
font-weight: bold;	
position: relative;
color: white;
padding:0.5em 0.5em 0.5em 1.4em;
background-color: #3fb5d9;
margin:20px 0 20px 0;
}
 
p.latest-post-title:after {
position: absolute;
top: 50%;
left:0.7em;
transform:translateY(-50%);
content: '';
width: 5px;
height:20px;
background-color:white;
}




p.title  {
  background: url(https://tani-channel.com/wordpress/wp-content/themes/tani-channel-com-2019/images/bg-entry.png) no-repeat 0 0;
  margin: 0 0 13px 0;
  padding: 20px 20px 30px 40px;
  height: 99px;
  border: none;
  font-size: 1.5em;
  font-weight: bold;
  line-height: 1.65;
  color: #000;
}


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

  
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: #3fb5d9;
  line-height:3.0;
}

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


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


/* 検索結果 */
.search p.title{
  width:auto;
  background:#49c8ef;
  color:#ffffff;
  padding:10px;
  font-size:1.25em;
  border:solid 1px #00a0d0;  
}

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

.search-results #content h2{
background: url(https://tani-channel.com/wordpress/wp-content/themes/tani-channel-com-2019/images/bg-entry.png) no-repeat 0 0;
margin: 0 0 0px 0;
padding: 20px 0px 10px 0px;
border: none;
font-size: 170%;
font-weight: bold;
line-height: 1.5;
color: #000;
}


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



.search-list{
  border-bottom:dotted 1px #aaa;
  padding-bottom:15px;
}

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

.search-list:hover{
background:#E5E5E5;
}

.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{
  font-size:0.75em;
  padding:0 0 0 20px;
}

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


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




div.post div.right h2{
display:inline;
border-left:solid 4px #45bce6;
padding:0 0 0 8px;
font-size:1.0em;
color:#000;
font-weight:bold;
}


div.post h2 a  {
  color:#353535;
}

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

#content div.post p  {
font-size:1.0em;
line-height: 2.0;
padding:10px 30px 10px 30px;
font-family:source-han-sans-cjk-ja,"游ゴシック", "Yu Gothic",'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
font-weight:400;

}

div.post p a{
color: #0C8BCD;
}

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: #0c8bcd;
  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{
  border-top: solid 3px #e7e7e7;
  position: relative;
  padding:18px 0 10px 0;	
}

.post-list:after{
  position: absolute;
  content: " ";
  display: block;
  border-top: solid 3px #3fb5d9;
  top: -3px;
  width: 20%;
}

.post-list h2 a{
color:#000;
font-size:1.6em;
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:610px;
}

.post-inner .right p.sentence{
padding:20px 0 10px 0;
font-size:0.8em;
line-height:1.75;
}

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

.post-inner .right p.more a{
background:url(https://tani-channel.com/wordpress/wp-content/themes/tani-channel-com-2019/images/more-arrow.png) no-repeat 0 5px;
padding:0px 0 0 12px;
}

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

.post-inner .date{
font-size:0.75em;
color:#27a5cb;
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:#3fb5d9;
padding:0px 30px 0px 30px;
text-align:center;

}

/*=============================================
 □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □

〇 記事・ページ中のスタイル 〇

□ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □
=============================================*/


/*===========================
ボーダー有
画像100%表示
===========================*/

div.article-img100 img{
display:block;
width:770px;
height:auto;
margin:10px auto 10px;
border:solid 1px #ccc;
background:#fcfcfc;
padding: 7px;
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
     -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
        box-sizing: border-box;
position:relative;
z-index:1;
}

/*===========================
ボーダーなし
画像100%表示
===========================*/
div.article-img100nb img{
display:block;
width:770px;
height:auto;
margin:10px auto 10px;
background:#fcfcfc;
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
     -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
        box-sizing: border-box;
position:relative;
z-index:1;
}

/*===========================
縦用：ボーダー有
===========================*/

div.article-img-tate img{
display:block;
width:450px;
height:auto;
margin:10px auto 10px;
border:solid 1px #ccc;
background:#fcfcfc;
padding: 7px;
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
     -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
        box-sizing: border-box;
position:relative;
z-index:1;
}

div.article-img-tatenb img{
display:block;
width:450px;
height:auto;
margin:10px auto 10px;
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
     -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
        box-sizing: border-box;
position:relative;
z-index:1;
}



/*　記事画像スタイル-キャプション付き雑誌風 */

.eyecatch100 img{
width:100%;
height:auto;
z-index:3;
}

div.caption-img{
width:100%;
margin:0 auto;
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
     -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
        box-sizing: border-box;
padding:8px 8px 8px 8px;
background:#fafafa;
border:solid 1px #ccc;
}

div.caption-img img{
width:100%;
height: auto;
display:block;
margin:0 auto 0;
}

div.caption-img .explain{
font-family: dnp-shuei-4gob-std,sans-serif;
font-weight: 700;
color:555;
font-size:13px;
line-height:1.2;
padding:0px 3% 12px 3%;
text-shadow: 0px 1px 0px rgba(255,255,255,0.7);
text-align: center;
}


/*　記事中1スタイル */

div.post img.top-thumbnail{
width:100%;
height:auto;
display:block;
padding:0!important;
margin:0 auto 0;
position:static;
z-index:3;
}

div.post .top-info{
padding:15px 5% 15px 5%;
margin: -70px auto 0;
width:84%;
line-height:1.5;
background:rgba(255,255,255,0.9);
border:solid 3px #000;
font-family: source-han-sans-cjk-ja, sans-serif;
font-weight: 700;
font-style: normal;
position:relative;
bottom:20px;
z-index:4;
text-align:center;
}

.page div.post .top-info{
margin:20px auto 0!important;
}

div.post h1 a{
color:#000;
font-size:33px;
line-height:1.65;

}


div.post .top-info .title-bottom{
padding:10px 3% 15px 3%;
font-size:0.65em;
color:#666;
font-weight:bold;
text-align:center;
}



.single div.post h2.normal,
.page div.post h2.normal{
font-size:30px;
color:#222;
border-left:solid 3px #1891b6;
border-bottom:solid 1px #222;
line-height:1.5;
padding:8px 15px 8px 15px;
margin:20px 30px 15px 30px;
font-family:source-han-sans-cjk-ja,"游ゴシック", "Yu Gothic",'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
font-weight:700;
}

/*　記事中h2スタイル：中央の文字 */
.single div.post h2.center-align,
.page div.post h2.center-align{
width:94%;
font-size:28px;
color:#222;
text-align: center;
line-height:1.35;
padding:8px 0px 8px 0px;
margin:20px auto 15px;
font-weight:bold;
}

/*　記事中h3スタイル：ノーマル */
.single div.post h3.normal,
.page div.post h3.normal{
font-size:24px;
color:#222;
line-height:1.5;
padding:8px 0 8px 0;
margin:20px 30px 15px 30px;
font-family:source-han-sans-cjk-ja,"游ゴシック", "Yu Gothic",'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
font-weight:700;
}
/*　記事中h3スタイル：ノーマル */


.single div.post h3.pt02:before,
.page div.post h3.pt02:before{
content:"＜Headline＞";
display:block;
text-align:center;
font-size:12px;

}
.single div.post h3.pt02,
.page div.post h3.pt02{
padding:20px 5% 23px 5%;
margin: -70px auto 20px;
width:84%;
line-height:1.3;
background:rgba(255,255,255,0.9);
border:solid 3px #000;
font-family: source-han-sans-cjk-ja, sans-serif;
font-weight: 700;
font-style: normal;
position:relative;
bottom:0px;
z-index:4;
text-align:center;
font-size:24px;
}



.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 .postcat{
display:none;
}


.title-bottom{

font-size:0.75em;

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


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



.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 div.post h1{
 background: url(https://tani-channel.com/wordpress/wp-content/themes/tani-channel-com-2019/images/bg-entry.png) no-repeat 0 0;
 margin: 0 0 13px 0;
 padding: 20px 0px 20px 0px;
 border: none;
 font-size: 200%;
 font-weight: bold;
 line-height: 1.5;
 color: #000;
}

.page-template-page-web-service-php div.post h1,
.page-template-page-lp-php div.post h1{
background: url(https://tani-channel.com/wordpress/wp-content/themes/tani-channel-com-2019/images/bg-entry-960.png) no-repeat 0 0;
}

.page div.post p img{
 border:solid 1px #ccc;
 background:#fcfcfc;
 padding: 7px;
 width:100%;
 height:auto;
 -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
     -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
        box-sizing: border-box;
position:relative;
z-index:1;
}



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

.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(https://tani-channel.com/wordpress/wp-content/themes/tani-channel-com-2019/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(https://tani-channel.com/wordpress/wp-content/themes/tani-channel-com-2019/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(https://tani-channel.com/wordpress/wp-content/themes/tani-channel-com-2019/images/rank01.png);
position:absolute;
top:1px;
left:2px;
}

#popular-popular .popular-post:nth-child(2):before{
content:url(https://tani-channel.com/wordpress/wp-content/themes/tani-channel-com-2019/images/rank02.png);
position:absolute;
top:1px;
left:2px;
}

#popular-popular .popular-post:nth-child(3):before{
content:url(https://tani-channel.com/wordpress/wp-content/themes/tani-channel-com-2019/images/rank03.png);
position:absolute;
top:1px;
left:2px;
}


#popular-popular .popular-post:nth-child(4):before{
content:url(https://tani-channel.com/wordpress/wp-content/themes/tani-channel-com-2019/images/rank04.png);
position:absolute;
top:1px;
left:2px;
}


#popular-popular .popular-post:nth-child(5):before{
content:url(https://tani-channel.com/wordpress/wp-content/themes/tani-channel-com-2019/images/rank05.png);
position:absolute;
top:1px;
left:2px;
}

#popular-popular .popular-post:nth-child(6):before{
content:url(https://tani-channel.com/wordpress/wp-content/themes/tani-channel-com-2019/images/rank06.png);
position:absolute;
top:1px;
left:2px;
}

#popular-popular .popular-post:nth-child(7):before{
content:url(https://tani-channel.com/wordpress/wp-content/themes/tani-channel-com-2019/images/rank07.png);
position:absolute;
top:1px;
left:2px;
}

#popular-popular .popular-post:nth-child(8):before{
content:url(https://tani-channel.com/wordpress/wp-content/themes/tani-channel-com-2019/images/rank08.png);
position:absolute;
top:1px;
left:2px;
}

#popular-popular .popular-post:nth-child(9):before{
content:url(https://tani-channel.com/wordpress/wp-content/themes/tani-channel-com-2019/images/rank09.png);
position:absolute;
top:1px;
left:2px;
}

#popular-popular .popular-post:nth-child(10):before{
content:url(https://tani-channel.com/wordpress/wp-content/themes/tani-channel-com-2019/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(https://tani-channel.com/wordpress/wp-content/themes/tani-channel-com-2019/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(https://tani-channel.com/wordpress/wp-content/themes/tani-channel-com-2019/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:#0c8bcd;
  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:10px 0 0 0;
}

.top-news-box{
padding:0 0 20px 0;
}


.top-news-box:first-child{
border-bottom:solid 1px #ddd;
}
.news-index h2{
font-size:0.9em;
line-height:1.4;
font-weight:normal;
min-height:36px;
margin:10px 0 0 0;
}


.news-index .thumb{

}

.news-index .thumb img{
width:75px;
height:auto;
background:#dddddd;
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;

}

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

.news-index .news-more a{
padding:0 0 0px 11px;
background:url(https://tani-channel.com/wordpress/wp-content/themes/tani-channel-com-2019/images/more-arrow.png) no-repeat 1px 5px;
font-size:0.85em;
}


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


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

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

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

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

#search input#s,#search-2 input#s{
font-size: 11px;
width: 520px;
border: 1px solid #d4d4d4;
padding: 0 5px;
margin:0 auto;
display:block;
}


#search #searchsubmit,#search-2 #searchsubmit{
background: url("https://tani-channel.com/wordpress/wp-content/themes/tani-channel-com-2019/images/btn_search.png") no-repeat center center transparent;
border: medium none;
cursor: pointer;
text-indent: -9999px;
width: 38px;
height: 32px;
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:15px 0 16px 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:1.6em;
color:#000;
padding:0 0 20px 5px;	
line-height:1.35;
font-family: source-han-sans-cjk-ja, sans-serif;
font-weight: 700;
}

div.post-article .right h3:before{

}

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

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

}

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

div.post-article .right .postinfo span.post-cat{
font-size:1.0em;
color:#fff;
background:#3fb5d9;
padding:5px 30px 5px 30px;
text-align:center;
font-family: fot-tsukuardgothic-std, sans-serif;
font-weight: 700;
line-height:1.2;
}

/*　ポイント強調 */
div.post .point {
background: #f8f8f8;
padding: 30px 30px 30px 30px;
margin:10px auto 10px;
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
     -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
        box-sizing: border-box;
box-shadow: 0px 0px 0px 1px #bbb;
border: 2px solid #ffffff;
line-height:1.5;
width:770px;
}

div.post .point p{
font-family: fot-tsukuardgothic-std, sans-serif;
font-weight: 700;
font-style: normal;
}


/*　引用 */
div.post blockquote{
background: #fafafa;
padding: 30px 30px 30px 30px;
border: solid 1px #e7e7e7;
margin:15px auto 15px;
position:relative;
font-style: oblique;
font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;	
font-weight:bold;

text-shadow: 0px 1px 0px rgba(255,255,255,0.7);
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
     -o-box-sizing: border-box;
	-ms-box-sizing: border-box;
        box-sizing: border-box;	
width:770px;
}

div.post blockquote p{
font-size:14.5px!important;
color:#555!important;
}

div.post blockquote:before{
content:"“";
font-size:500%;
line-height:0.8em;
font-family:Helvetica,sans-serif;
color:#ddd;
position:absolute;
left:0;
top:-75px;
z-index:1;
}

div.post blockquote:after{
content:"”";
font-size:500%;
font-family:Helvetica,sans-serif;color:#ddd;
position:absolute;
line-height:0em;
right:0;
bottom:0px;
z-index:1;
}


.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:18px;
text-align:center;
padding:15px 10px 19px 10px;
background:#3fb5d9;
border-bottom:solid 4px #2787a4;
color:#fff;
font-weight:bold;
font-family: source-han-sans-cjk-ja, sans-serif;
font-weight: 700;
}

#sidebar .blog-list-btn a{
width:100%;
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
     -o-box-sizing: border-box;
	-ms-box-sizing: border-box;
        box-sizing: border-box;	
font-size:17px;
}


.blog-list-btn a img.icon{
width:18px;
height:18px;
position:relative;
top:3px;
left:5px;
}


.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("https://tani-channel.com/wordpress/wp-content/themes/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 20px;
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;
width:100%;
}

.banner img{
width:100%;
height: auto;
}


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



ul.footer-social{
width:96%;
margin:0 auto 0;
background: url(https://tani-channel.com/wordpress/wp-content/themes/tani-channel-com-2019/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;
}




/* ---------------------------------------------------------------------------------- */
/*    □□□□□記事下部の「谷洋二郎の詳細はこちら」□□□□□ */
/* ---------------------------------------------------------------------------------- */





.detail-profile{
width:96%;
margin:0 auto 10px;
border:solid 2px #000;
text-align:center;
background:url(https://tani-channel.com/wordpress/wp-content/themes/tani-channel-com-2019/images/detail-profile-bg.png) no-repeat 0 -10px;
background-size:61px 61px;
-webkit-background-size:61x 61px;
-moz-background-size:61x 61px;
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
     -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
        box-sizing: border-box;		
}



.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{
width:96%;
margin:0 auto;
padding:10px 0 20px 0;
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
     -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
        box-sizing: border-box;	
}

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



.creator-box .box{
float:left;
width:15%;
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;
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
     -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
        box-sizing: border-box;	
margin:0 2% 0 0;
}

.creator-box .box:nth-child(6){
margin:0 0 0 0;
}


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



.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-seiyu 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,
.works-seiyu{
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: #0c8bcd;
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;
}


.ardito_btn{
    display: inline-block;
    padding: 0.5em 1em;
    text-decoration: none;
    background: #668ad8;/*ボタン色*/
    color: #FFF;
    border-bottom: solid 4px #627295;
    border-radius: 3px;
}
.ardito_btn:active {/*ボタンを押したとき*/
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);/*下に動く*/
    border-bottom: none;/*線を消す*/
}




/* ---------------------------------------------------------------------------------- */

/*   ■■■■■■■　FANCY MENU01　■■■■■■■■■■　*/

/* ---------------------------------------------------------------------------------- */




.fancy{
border-top: 1px solid #ccc;	
border-bottom: 1px solid #ccc;
background:#3fb5d9;		
}



.fancy nav{
margin:0 20px 0 0;
width:100%;	
display: block;


}

.fancy .inner{
width:1000px;
margin:0 auto;
border-right: 1px solid #2d9bbc;
border-left: 1px solid #a6d8e8;	
}


.fancy ul {

  list-style: none;
  margin: 0 auto;
  padding: 0;
	
}

.fancy ul li {
  background-image: linear-gradient(
    to bottom,
    transparent 90%,
    rgba(7,113,145,1) 50%,
    rgba(7,113,145,1) 95%,
    rgba(7,113,145,1) 95%
  );
  background-size: 100% 200%;
  background-position: top center;
  color: #666;
  display: block;
  text-align: center;
  text-decoration: none;
  transition: all .25s ease-in-out;
}

.fancy ul li span.big{
font-style: normal;
font-size:20px;
font-family: fot-tsukuardgothic-std,tbchibirgothicplusk-pro,"游ゴシック", "Yu Gothic",'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
font-weight: bold;
letter-spacing:-1px;	
	
}
.fancy ul li span.small{
font-family: Quicksand, 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-weight: bold;
font-style: normal;
color:#000;
font-size:0.95em;
}


.fancy ul li:hover {
    background-position: bottom center;
    color: rgba(0,0,0,.75);
  }
.fancy ul li:hover span.small{
color:#fff;
}

.fancy ul li a{
    color: #000;
    display: block;
    padding: 1rem 0;
    transition: all .25s ease-in-out;
	text-decoration: none;
}

.fancy .css-toggle {
  background-color: #ddd;
  color: #333;
  display: block;
  padding: .5rem 1rem;
  text-decoration: none;
  text-align: center;
  transition: all .25s ease-in-out;
}
.fancy .css-toggle:hover {
    color: #333;
  }





.fancy [id^='fun'] ul {

  border: 0;
  display: flex;
  padding: 0 2rem;
  position: relative;
  left: -2rem;
	width: calc(100% + 4rem);
}

.fancy [id^='fun'] ul li {
    background-image: linear-gradient(
      to bottom,
      transparent 50%,
      rgba(14,137,175,1) 50%,
      rgba(14,137,175,1) 95%,
      rgba(14,137,175,1) 95%
      );
	flex: 1 1 auto;}
	
	
.fancy [id^='fun'] ul li a:hover {
      color: #eee;
    }



.fancy #fun1 ul{
box-sizing: border-box;
}
	
.fancy #fun1 ul li {
border-left: 1px solid #2d9bbc;
border-right: 1px solid #a6d8e8;
}


.fancy #fun1 ul li:last-child {
      
}

.fancy #fun1 ul li a {

 }


/* ---------------------------------------------------------------------------------- */

/*   ■■■■■■■　FANCY MENU02　■■■■■■■■■■　*/

/* ---------------------------------------------------------------------------------- */




.fancy02{
border-bottom: 1px solid #ccc;
background:#000000;
margin:0 0px 0px 0;	
}



.fancy02 nav{
margin:0 0px 0 0;
width:100%;	
display: block;

}

.fancy02 .inner{
width:1000px;
margin:0 auto;
}


.fancy02 ul {

  list-style: none;
  margin: 0 auto;
  padding: 0;
border-right: 1px solid #555;	
}

.fancy02 ul li {
  background-image: linear-gradient(
    to bottom,
    transparent 50%,
    rgba(162,211,156, 1) 50%,
    rgba(162,211,156,1) 95%,
    rgba(63,181,217,1) 95%,
  );
  background-size: 100% 200%;
  background-position: top center;
  color: #fff;
  display: block;
  text-align: center;
  text-decoration: none;
  transition: all .25s ease-in-out;
}

.fancy02 ul li span.big{
font-style: normal;
font-size:20px;
font-family: fot-tsukuardgothic-std,tbchibirgothicplusk-pro,"游ゴシック", "Yu Gothic",'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
font-weight: bold;
letter-spacing:-1px;
}

.fancy02 ul li span.small{
font-family: Quicksand, 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-weight: bold;
font-style: normal;
color:#fff;
font-size:0.95em;
}


.fancy02 ul li:hover {
    background-position: bottom center;
    color: rgba(0,0,0,.75);
  }
.fancy02 ul li:hover span.small{
color:#000;
}

.fancy02 ul li a{
    color: #fff;
    display: block;
    padding: 1rem 0;
    transition: all .25s ease-in-out;
	text-decoration: none;
}

.fancy02 .css-toggle {
  background-color: #ddd;
  color: #333;
  display: block;
  padding: .5rem 1rem;
  text-decoration: none;
  text-align: center;
  transition: all .25s ease-in-out;
}
.fancy02 .css-toggle:hover {
    background-color: #29acd4;
    color: #333;
  }





.fancy02 [id^='fun'] ul {

  border: 0;
  display: flex;
  padding: 0 2rem;
  position: relative;
  left: -2rem;
	width: calc(100% + 4rem);
}

.fancy02 [id^='fun'] ul li {
    background-image: linear-gradient(
      to bottom,
      transparent 50%,
      rgba(51,177,215,1) 50%,
      rgba(51,177,215,1) 95%,
      rgba(51,177,215,1) 95%
      );
	flex: 1 1 auto;}
	
	
.fancy02 [id^='fun'] ul li a:hover {
      color: #000;
    }



.fancy02 #fun1 ul{
box-sizing: border-box;

}
	
.fancy02 #fun1 ul li {
    border-left: 1px solid #aaa;
	border-right: 1px solid #555;	

}


.fancy02 #fun1 ul li:last-child {
   border-right: 1px solid #aaa;
}

.fancy02 #fun1 ul li a {
 
 }


/* 960px〜1279px：小型PC
------------------------------ */
@media screen and (min-width:960px) and (max-width:1279px) {
.fancy .inner{
width:100%;
margin:0 auto;
}
	
.fancy02 .inner{
width:100%;
margin:0 auto;
}
}

/* 1280px〜：大型PC
------------------------------ */
@media screen and (min-width:1280px) {
.fancy .inner{
width:1280px;
margin:0 auto;
}

.fancy02 .inner{
width:1280px;
margin:0 auto;
}	
}







/* ---------------------------------------------------------------------------------- */
/*    □□□□□toc□□□□□ */
/* ---------------------------------------------------------------------------------- */

.toc_title{
font-size:18px!important;
font-family:tbchibirgothicplusk-pro,"游ゴシック", "Yu Gothic",'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif!important;
font-weight:700!important;
padding: 10px 30px 0px!important;
}

#toc_container{
border: 1px solid #ccc!important;
background:#fafafa!important;
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
     -o-box-sizing: border-box;
	-ms-box-sizing: border-box;
        box-sizing: border-box;
padding:30px 70px 30px!important;
text-align:left;
width:90%!important;
margin:20px auto 20px;
}


#toc_container p.toc_title+ul.toc_list{
font-family:tbchibirgothicplusk-pro,"游ゴシック", "Yu Gothic",'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif!important;
font-weight: 700;
line-height:1.5;
}

#toc_container.no_bullets li, #toc_container.no_bullets ul, #toc_container.no_bullets ul li, .toc_widget_list.no_bullets, .toc_widget_list.no_bullets li{
font-size:17px;
padding:10px 0 4px 0;
letter-spacing:-0.5px;

}
#toc_container.no_bullets ul li{

}

#toc_container.no_bullets li ul li{
font-size:13px;
color:#aaa;
padding:0 0 3px 10px;


}


/* ---------------------------------------------------------------------------------- */
/*    □□□□□記事著者□□□□□ */
/* ---------------------------------------------------------------------------------- */


/*　著者スペース */
div.post .author{
width:96%;
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
     -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
        box-sizing: border-box;
border:solid 2px #000;
margin:40px auto 30px;
padding:0 0 5px 0;

}


div.post .author h3{
text-align:center;
color:#000;
font-size:25px!important;
font-family: dnp-shuei-4gob-std,sans-serif;
font-weight: 700;
font-style:bold;
background:#fff;
display:block;
transform: skew(-15deg);
border:solid 2px #000;
padding:8px 20px 10px;
width:400px;
line-height:1.2;
margin:-20px auto 10px;
}


div.post .author h3 span{
display: block;
transform: skew(15deg);

}


div.post .author .name{
padding:20px 4% 0px 4%;
display:flex;
text-align:center;
justify-content: center;
flex-wrap: wrap;
}
div.post .author .name:after {
content: "";
clear: both;
height: 0;
display: block;
visibility: hidden;
}



div.post .author .name img{
width:120px;
height:120px;
border-radius:80px;
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
     -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
        box-sizing: border-box;
position:relative;
top:-10px;
}


div.post .author .name .right{
padding:0 0 0 0px;
color:#000;
}

div.post .author .name .right .furigana{
font-size:12px;
letter-spacing:1px;
font-family: objektiv-mk1, sans-serif;
font-weight: 900;
font-style: normal;
padding:0!important;
line-height:1.0!important;
}
div.post .author .name .right .kanji{
font-size:32px!important;
padding:15px 0 15px 0!important;
font-family: dnp-shuei-4gob-std,sans-serif;
font-weight: 700!important;
line-height:1.3!important;
}

div.post .author .name .right .job{
font-size:18px;
font-family: dnp-shuei-4gob-std,sans-serif;
font-weight: 700;
font-style:bold;
padding:0!important;
line-height:1.3!important;
}

div.post .author p.sentence{
color:#333;
font-family: source-han-sans-cjk-ja, sans-serif;
font-weight: 500;
font-style: normal;
line-height:1.85;
font-size:12px;
padding:15px 30px!important;
}


/* ---------------------------------------------------------------------------------- */
/*    □□□□□ Slick 実績＆ニュース □□□□□ */
/* ---------------------------------------------------------------------------------- */

/*　メイン画像 */


.hit-report-slider li{
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
     -o-box-sizing: border-box;
	-ms-box-sizing: border-box;
        box-sizing: border-box;	 
padding:35px 35px 35px 35px;
border:solid 1px #ccc;
margin:0 10px 0 10px!important;

}

.hit-report-slider li:after {
content: "";
clear: both;
height: 0;
display: block;
visibility: hidden;
}



.hit-report-slider li .left{
float:left;
width:55%;
margin:0 5% 0% 0%;
}

.hit-report-slider .red{
color:#bd1018;	
}

.hit-report-slider .green{
color:#20af1d;	
}


.hit-report-slider .orange{
color:#f66515;
}

.hit-report-slider li .left p.caption{
font-size:22px;
font-family:rockwell, Arial, Helvetica, sans-serif;
font-weight: 800;

}


.hit-report-slider li .left h3{
padding:15px 0 15px 0;	
font-size:40px;
line-height:1.3;
font-family: fot-tsukuardgothic-std,tbchibirgothicplusk-pro,"游ゴシック", "Yu Gothic",'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
font-weight: 700;
text-shadow: 0px 1px 0px rgba(255,255,255,0.7);		
font-style: normal;
}


.hit-report-slider li .left p.sentence{
font-family:tbchibirgothicplusk-pro,"游ゴシック", "Yu Gothic",'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
font-size:22px;
padding:3px 0 0 0;	
line-height:1.3;
font-weight: bold;	
text-shadow: 0px 1px 0px rgba(255,255,255,0.7);	 
color:#666;
}

.hit-report-slider li .right{
float:right;
width:30%;
margin:0 0 0 0;
}


.hit-report-slider li .right img{
width:100%;
height:auto;
}

/* ---------------------------------------------------------------------------------- */
/*    □□□□□ Slick スペシャルコンテンツ □□□□□ */
/* ---------------------------------------------------------------------------------- */

/*　スペシャルコンテンツ */
.special-contents-slider{
width:100%;
margin:0 auto;
padding:0;
}

.special-contents-slider li{
list-style:none;
margin:0 0.5% 0 0.5%!important;	
padding:0 0 0 0;
width:99%;
}


.special-contents-slider li img{
width:100%;
height:auto;
}

.slick-prev:before,
.slick-next:before{
	
}

.slick-next {
	position:absolute;
	right: 10px!important;
	z-index: 99;
	top:40%!important;	
}

.slick-prev {
position:absolute;	
	left: 10px!important;
	z-index: 100;
	top:40%!important;	
}
.slick-prev,
.slick-next{
width:30px!important;
height: 30px!important;
border:solid 4px #afafaf!important;
border-radius:25px!important;
opacity: 0.9;
color:#afafaf!important;
font-size: 26px!important;
font-weight:bold!important;
line-height: 30px!important;    
font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif';
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
background: transparent;
text-align: center;

}

.slick-prev a,
.slick-next a{
display: block;
width:60px;
height: 60px;
}