@charset "UTF-8";

/*子テーマ用「original.css」*/









/* 
*************************************************************************/




body {
	background: #ffffff !important; /* transparent */
	
	color: #333333; /* 333333 */
	
	font-size: 90%;/* 90 83 85 95  */
	
	/*
  font-family: Verdana, Roboto, 'Droid Sans', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', sans-serif;
	*/
	
	/*
	*/
	font-family: Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	
	
}



.main-conts {
	
  line-height: 190%;
  
}







/* 
*************************************************************************/

.red {
  color: #ff0000;
}

.blue {
  color: #0a48ff;
}

.marker {
  background-color: #ffff00;
}

.marker_pink {
  background-color: #ffccff;
}

.underline {
  text-decoration: underline;
}

.bold {
  font-weight: bold;
}

.font150 { 
  font-size: 150%;
}

.center {
  text-align: center;
}

p {
  margin: 20px 0px 20px 0px;
}

.float-l {
  float: left;
  display: inline;
}

.float-r {
  float: right;
  display: inline;
}

.align_right {
  text-align: right;
}

.clear {
  clear: both;
}

.frame_border {
  border: 1px solid #D9D9D9;
}

.image_border {
  border: 1px solid #dcdcdc;
}

.radius50 {
  border-radius: 50px 50px 50px 50px;        /* CSS3草案 */  
  -webkit-border-radius: 50px 50px 50px 50px;    /* Safari,Google Chrome用 */  
  -moz-border-radius: 50px 50px 50px 50px;   /* Firefox用 */
}







/* 
*************************************************************************/



/*●リンク文字*/

/* 
a{ text-decoration: underline; }
*/

a{ 
	color: #39f;
	
	transition: unset;
	
	
  /* 
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	color: #444;
	*/
	
	
	
	
	
	
}


a:visited { 
	color: #39f; /* 39f */
}


a:hover,
a:active,
a:focus{
	color: #ff8c00 !important; /* 5077A2 */
}



/* 賢威 ver. 8
***************/
.keni-gnav_inner li a:hover,
.keni-gnav_inner li a:active,
.keni-gnav_inner li a:focus{
	border-bottom: 3px solid #ff8c00;
}






a:hover img {
  opacity: 0.6;
}


img {
  vertical-align: unset;
}


iframe {
  vertical-align: unset;
}







/* 賢威 ver. 8
** グローバルナビゲーション
** Global Navigation
*************************************************************************/



@media (min-width: 768px) {
	
	.keni-gnav ul .keni-gnav-child_btn_icon-open > a, 
	.keni-gnav ul .keni-gnav-child_btn_icon-close > a {
    padding-right: 30px;
	}
	
	.keni-gnav_inner li {
    display: inline-flex;
	}
	
	.keni-gnav_inner li a:hover {
    border-bottom: 3px solid #ff8c00;
	}
	
	.keni-gnav_inner li ul {
	  width: 30em;
	}
	
}





/* 賢威 ver. 7
** グローバルナビゲーション
** Global Navigation
************************************/


/* 

.global-nav {
	padding: 0em 0em 0.5em 0em;
	
	border-bottom: 4px solid #ff8c00;
	
}


.global-nav-in li {
	display: inline-block;
}

.global-nav-in li a {
	padding: 0.5em 1em 0.5em 1em;
}





.global-nav-in li ul{
	width: 12em;
}



.global-nav li ul li{
	text-align: left;
	width: 30em;
}

*/



/* 
*************************************************************************/





.keni-main_wrap {
  
	border-top: 4px solid #ff8c00;
  
}


@media (min-width: 768px) {
	
	.keni-main .keni-section_wrap {
    padding: 0px 40px;
	}
	
	/*
	*/
	.keni-section h1,
	.keni-section h1:first-child {
    margin: -20px -40px 10px;
	}
	
}







/* トップページ
** toppage
*************************************************************************/









/* 投稿一覧ページ
** トップページ
** toppage
** archive
*************************************************************************/


.archive_title_wrap .archive_title {
	
  background-image: linear-gradient( -45deg, #fff 25%, #ff8c00 25%, #ff8c00 50%, #fff 50%, #fff 75%, #ff8c00 75%, #ff8c00 );
	/*
  background-image: none;
  */
	/*
  background-image: linear-gradient( -45deg, #fff 25%, #05a5ab 25%, #05a5ab 50%, #fff 50%, #fff 75%, #05a5ab 75%, #05a5ab );
  */
  
}




/* 賢威 ver. 8
** グローバルナビゲーション
** Global Navigation
*********************************************/

.entry_inner .ently_read-more .btn {
	border-color: #ff8c00;
	color: #333333; /* 333333 ff8c00 */
}








/* 
*************************************************************************/


.site-header:after {
	content: none;
}



.keni-header_inner {
  /* padding: 15px 0px 10px 0px; */
}


.keni-header_inner .site-title {
  
  max-width: unset;
  
}

.keni-header_inner .site-title img,
.keni-header_inner .site-title span {
  
  float: left;
  
}



.keni-header_inner #wisdommingle_site_title_yomi {
  
  text-align: center; /*  */
  
  display: inline;
  
  font-size: 35%; /* 35% 65% */
  -webkit-text-size-adjust: none;
  color: #696969;/* a9a9a9 696969 */
  margin: 0px 0px 0.2em 20px; /* 0.2em  0px 0px 0px 0px  0px auto 0px auto */
  font-weight: normal;
  
  
  
  
}







.keni-header_wrap{
	
	background-image: none !important;
	
	/*
	background-image: linear-gradient(
	        -45deg,
	        #fff 25%,
	        #05a5ab 25%, #05a5ab 50%,
	        #fff 50%, #fff 75%,
	        #05a5ab 75%, #05a5ab
	);
	*/
	
}



/* 賢威 ver. 8
*********************************************/
/*===============================================
● 画面の横幅が668pxまで
===============================================*/
/* Minimum width of 635 pixels. */
@media screen and (max-width: 668px) {
  
  
	/* 賢威 ver. 8
	*********************************************/
	.site-description {
	  
	  display: none;
	  
	}

}












/* 記事一覧ページ
*************************************************************************/







/* 
*************************************************************************/



h1.entry_title {
	
	
	background-image: none !important;
	
	/*
	background-image: linear-gradient(
			-45deg,
			#fff 25%,
			#05a5ab 25%, #05a5ab 50%,
			#fff 50%, #fff 75%,
			#05a5ab 75%, #05a5ab
	);
	*/
	
	
}







/* 記事一覧ページでの、記事タイトルのデザイン */
.keni-main h2.section-title {
	/*
	border-radius: 0px;
	*/
	
	border: none;
	margin: 0px 0px 0px 0px;
	
}

.keni-main h2.section-title a:hover {
  color: #ff8c00;
  text-decoration: none; /* */
}



.keni-main h2.section-title a:focus {
	text-decoration: none;
}





/* 個別の投稿記事のページでの、記事タイトルのデザイン */
.section-wrap .section-title {
	
	/*
	line-height: 1.5;
	margin: 0 0 1em;
	border: none;
	background: transparent;
	color: #333;
	font-size: 2.125em;
	border-top: 3px solid #222;
	border-bottom: 1px solid #ccc;
	padding: 20px 0;
	position: relative;
	
	*/
	
	
	
	margin: 0 10px 0em 10px;
	padding: 0.5em 0 0.3em 0;
	border: none;    
	
	
	
	font-size: 250%;
	font-weight: bold;
	
	border: none;
	
	
}





/*●H2タグ*/
.keni-main h2{
	margin: 80px -0px 1.5em 0px; /* 100px -0px 1.5em -10px  100px -5px 1.5em -5px  60px -10px 1.5em -10px */
	padding: 0.9em;
	
	
	/* border-top: 3px solid #ffa708; */
	
	border-style: solid;
	border-color: #ff8c00 #ff8c00 #ff8c00 #ff8c00; /* #FFA708 #959595 #959595 #959595 */
	border-width: 2px 2px 2px 20px; /* 3px 3px 3px 25px  1px 1px 1px 25px   0px 0px 3px 15px 1px 1px 1px 20px */
	
	border-radius: 9px;
	
	/* background: url(./images/title/bg-conts-h2.gif) left top repeat-x #eaeaea; */
	
	
	
	font-size: 160%; /* 130% 160% 1.286em */
	font-weight: bold;
	
	
	background: transparent;
	color: #333333;	
	
}

.keni-main h2 a:link,
.keni-main h2 a:visited{ color: #333; }

.keni-main h2 a:hover,
.keni-main h2 a:active{ color: #f60; }

.keni-main h2.img-title{
	margin: 0 0 1.5em;
	padding: 0;
	border: 0;
	background: none;
}



/*●H3タグ*/
.keni-main h3{
	margin: 60px 0px 1.5em 0px; /*  40px -10px 1.5em -10px  */
	padding: 0.8em;
	
	
	/* border: 2px solid #414141; */
	
	
	border-style: solid solid solid solid; /* solid solid dotted solid */
	border-color: #ff8c00 #ff8c00 #ff8c00 #ff8c00;
	border-width: 0px 0px 2px 15px; /*  0px 0px 1px 15px  0px 0px 3px 15px  3px 0px 3px 0px  0px 0px 1px 5px  */
	
	
	
	font-size: 1.286em; /* 130% 1.286em 1.143em */
	font-weight: bold;
	
	
	
	
	background: transparent;
	
	color: #333333;
	
	
}

.keni-main h3 a:link,
.keni-main h3 a:visited{ color: #333; }

.keni-main h3 a:hover,
.keni-main h3 a:active{ color: #f60; }

.keni-main h3.img-title{
	margin: 0 0 1.5em;
	padding: 0;
	border: 0;
	background: none;
}




/*●H4タグ*/
.keni-main h4{
	margin: 60px 0 1.5em;
	padding: 0.8em;
	
	/* border: 1px solid #8e8e8e; */
	
	
	
	border-style: solid;
	border-color: #ff8c00;
	border-width: 0px 0px 0px 15px; /*  0px 0px 1px 5px  */
	
	
	
	font-weight: bold;
	font-size: 1.286em; /* 1.143em */
	
	
	color: #333333;
	
	
}

.keni-main h4 a:link,
.keni-main h4 a:visited{ color: #333; }

.keni-main h4 a:hover,
.keni-main h4 a:active{ color: #f60; }

.keni-main h4.img-title{
	margin: 0 0 1.5em;
	padding: 0;
	border: 0;
	background: none;
}



.keni-main h4:before {
    content: none;
    background-color: transparent;
}





/*●H5タグ*/
.keni-main h5{
	margin: 60px 0 1.5em;
	padding: 0 0.8em 0.5em;
	border-bottom: 2px solid #414141;
	font-weight: bold;
	font-size: 1.286em; /* 1.143em */
	
	
	color: #333333;
	
	
}

.keni-main h5.img-title{
	margin: 40px 0 1.5em;
	padding: 0;
	border: 0;
	background: none;
}

.keni-main h5 a:link,
.keni-main h5 a:visited{ color: #333; }

.keni-main h5 a:hover,
.keni-main h5 a:active{ color: #f60; }



/*●H6タグ*/
.keni-main h6{
	margin: 60px 0 1.5em;
	padding: 0 0.8em 0.5em;
	border-bottom: 2px dotted #414141;
	font-weight: bold;
	font-size: 1.286em; /* 1.143em */
	
	color: #333333;
	
}

/*●H7タグ*/
.keni-main h7{
	margin: 60px 0 1.5em;
	padding: 0.5em 0.8em 0.5em 0.8em;
	/* border-bottom: 2px dashed #414141; */
	border: 2px solid #414141;
	
	font-weight: bold;
	font-size: 1.143em; /* 1.143em 1.286em */
	
	color: #333333;
	
}







/* 記事 本文
*************************************************************************/



/* 
.post .article-body {
	
	
  margin: 0em 0em 7em 0em;
  padding: 0em 0em 7em 0em;
	
	
}
*/
	/* 
	margin-bottom: 40px;
	*/


.article-body p {
	
	margin-bottom: 20px; /* unset */
	
}



/* <table> 記事 本文
*************************************************************************/


.keni-main table {
	
	margin: 20px auto 20px auto;
	
}

.keni-main table th, 
.keni-main table td {
	
	font-size: unset;
	padding: 15px 15px 15px 15px;
	line-height: 200%;
	
}






/* サイドバー
*************************************************************************/


.sub-conts .section-wrap .section-in .section-title, 
.sub-conts .section-wrap .article-header .section-title {
  border-bottom: 3px solid #ff8c00;
}

.sub-conts .section-wrap .section-in {
  background: transparent; /* fafafa */
  border: none; /* 1px solid #fafafa */
}

.sub-conts li a {
	text-decoration: none;
}


.search-box input[type="text"] {
	border-width: 1px;
	border: 1px solid #d3d3d3;
  background: transparent; /* #fafafa */
}




.btn-search {
  background: #ff8c00;
}



.keni-section h3.sub-section_title {
	
	
  background: unset;
  border-bottom: 3px solid #ff8c00;
  color: #333333;
  
  
}







/* 「ページトップヘ」のボタン
*************************************************************************/



.pagetop.show {
    visibility: visible;
    opacity: .8;
}

.pagetop span {
    display: block;
    border-radius: 25px;
    background: #2b2b2b;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 40px;
    font-size: 36px;
    
    opacity: 0.6; /*    0.6  0.7 0.8  */
    
}

.pagetop span:hover {
    opacity: 1;
    
}

.pagetop span i {
    color: #fff;
}


.pagetop span i.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


.pagetop span i.fa-angle-up:before {
	
	content: "∧"; /*  ∧ ¥02227    &#8743;  &and;   \f106 */
	
}







/* footer
*************************************************************************/


.site-footer {
	
	/* 
  background: #ff8c00;
  color: #fff;
  */
  
}



.copyright {
  background: #ff8c00;
  color: #eee;
  
	/* 
  color: #333333;
  */
  
	/* 
  font-weight: bold;
  */
  
  
}









/* 
*************************************************************************/





/* 引用のブロックの設定
****************************/

/*●引用タグ*/
.keni-main q{
	margin: 0 2px;
	padding: 0 8px;
	background: #efefef;
}

/*
.keni-main 
*/

blockquote, 
.blockquote_like {
  
  /*
	overflow: auto;
	margin: 0 1em 1.5em;
	padding: 1em;
	border: 3px solid #ddd;
	color: #444;
	*/
	
	background: #ffffff;
	
	width: 80%;
	margin: 40px auto 0px auto;
	
  padding: 20px 10px 20px 10px; /*  20px 10px 50px 10px   20px 10px 20px 10px */
  border: 1px solid #f0f0f0;
  
  -moz-box-shadow: 2px 2px 7px rgba(0, 0, 0, .3); /*  3px 3px 5px */
  -webkit-box-shadow: 2px 2px 7px rgba(0, 0, 0, .3); /*  3px 3px 5px */
  box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.3); /*  3px 3px 5px */
  
  /* filter: progid:DXImageTransform.Microsoft.Shadow(color=#777777, direction=0, strength=3, enabled=true); */
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
	
  /* word-break: break-all; */
  /* overflow-wrap: break-word; */
  /* word-wrap: break-word; */
  
}





/*
.keni-main 
*/
blockquote p, 
.blockquote_like p {
  padding: 0 35px 0 35px;
  margin: 15px 0px 20px 0px;
  
  /* word-break: break-all; */
  /* overflow-wrap: break-word; */
  /* word-wrap: break-word; */
  
}

/*===============================================
● 画面の横幅が668pxまで
===============================================*/
/* Minimum width of 635 pixels. */
@media screen and (max-width: 668px) {
  
/*
.keni-main 
*/
  blockquote, 
	.blockquote_like {
    
    width: 100%; /* 90% 100% */
    padding: 10px 0px 20px 0px; /* 20px 10px 20px 10px */
    
  }
  
/*
.keni-main 
*/
  blockquote p, 
	.blockquote_like p {
    padding: 0 20px 0 20px; /*  0 35px 0 35px */
    margin: 15px 0px 20px 0px;
  }
  
}


blockquote img, 
.blockquote_like img {
	margin: 20px 0 10px 0;
}



blockquote:before, 
.blockquote_like:before {
    content: none;
}

blockquote:after, 
.blockquote_like:after {
    content: none;
}



.q_source {
  margin: 8px 30px 40px 30px !important; /*  0 30px 20px 30px */
  text-align: right;
  font-size: 90%;
  color: #666666;
  line-height: 160% !important; /* 160% */
}

.reference {
  margin: 8px 30px 40px 30px !important;
  /*text-align: right;*/
  font-size: 90%;
  color: #666666;
  line-height: 160% !important; /* 160% */
}

.reference_site_information {
  font-size: 95%;
}

.reference_site_information p {
  line-height: 100%;
}

cite{
  font-style: normal;
}

.annotation_line{
  color: #808080;/* #a9a9a9 */
  font-size: 90%;
  letter-spacing: 0px;
}




/* Twitter ツイート 埋め込み
****************************/

/*
Twitter
ツイート
埋め込み
blockquote
CSSを解除する
CSSを打ち消す
*/

blockquote.twitter-tweet {
  
	background: unset;
	
	width: unset;
	margin: unset;
	
  padding: unset;
  border: unset;
  
  -moz-box-shadow: unset;
  -webkit-box-shadow: unset;
  box-shadow: unset;
  
  -webkit-border-radius: unset;
  -moz-border-radius: unset;
  border-radius: unset;
  
}


blockquote.twitter-tweet p {
  
	margin-bottom: unset;
	
	padding: unset;
	margin: unset;
	
  padding: unset;
  border: unset;
  
}







/* epigraph
****************************/

.epigraph {
  /*border: 1px solid #dcdcdc;*/
  margin: 20px auto 50px auto;
  padding: 0px 20px 0px 130px;/**/
  width: 90%;  /* 90% 67% 408px 490px */
}

.epigraph p.epi_quote {
  font-size: 95%;/* 95 83 85 95  */
  /* font-family: "MS Pゴシック", "Osaka", "sans-serif"
  /* font-family: "HG明朝E","HGS明朝E","HGS創英角ｺﾞｼｯｸUB","ヒラギノ角ゴ Pro W6";  */
  margin: 0px 0px 10px 0px; /* 0px 0px 10px 0px */
  
  line-height: 180%;
  
  
}

.epigraph p.epi_source {
  font-family: sans-serif;
  /* "MS Pゴシック", "Osaka", "sans-serif" */
  /* Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; */
  /* "HG正楷書体-PRO","HG明朝E","HGS明朝E","HGS創英角ｺﾞｼｯｸUB","ヒラギノ角ゴ Pro W6"; */
  /* "HG正楷書体-PRO","HG明朝E","HGS明朝E","HGS創英角ｺﾞｼｯｸUB","ヒラギノ角ゴ Pro W6" */
  /* "ヒラギノ角ゴ Pro W6","HG正楷書体-PRO","HG明朝E","HGS明朝E","HGS創英角ｺﾞｼｯｸUB" */
  /* "HG正楷書体-PRO","HG明朝E","HGS明朝E","HGS創英角ｺﾞｼｯｸUB","ヒラギノ角ゴ Pro W6" */
  /* "MS Pゴシック", "Osaka", "sans-serif"  */
  font-size: 85%; /* 83 85 95  */
  /* color: #696969; */ /* 696969 808080 a9a9a9 */
  margin: 0px 0px 30px 0px;
  text-align: right;
  
  line-height: 160%;
  
}

/*===============================================
● 画面の横幅が668pxまで
===============================================*/
/* Minimum width of 635 pixels. */
@media screen and (max-width: 668px) {
  
  .epigraph {
    
    margin: 0px 0px 0px auto;
    padding: 0px 0px 0px 0px;
    
    width: 80%;
    font-size: 90%; /* 90 80 95 83 85 95  */
    
    
  }
  
}



/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* (# id) */
/* epigraph
****************************/

#epigraph {
  /*border: 1px solid #dcdcdc;*/
  margin: 20px 0px 50px auto; /* 20px auto 50px auto */
  padding: 0px 20px 0px 130px;/**/
  width: 80%;  /* 80% 67% 408px 490px */
}

#epigraph p.epi_quote {
  font-size: 95%;/* 95 83 85 95  */
  /* font-family: "MS Pゴシック", "Osaka", "sans-serif"
  /* font-family: "HG明朝E","HGS明朝E","HGS創英角ｺﾞｼｯｸUB","ヒラギノ角ゴ Pro W6";  */
  margin: 0px 0px 10px 0px; /* 0px 0px 10px 0px */
  
  
  
  
}

#epigraph p.epi_source {
  font-family: sans-serif;
  /* "MS Pゴシック", "Osaka", "sans-serif" */
  /* Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; */
  /* "HG正楷書体-PRO","HG明朝E","HGS明朝E","HGS創英角ｺﾞｼｯｸUB","ヒラギノ角ゴ Pro W6"; */
  /* "HG正楷書体-PRO","HG明朝E","HGS明朝E","HGS創英角ｺﾞｼｯｸUB","ヒラギノ角ゴ Pro W6" */
  /* "ヒラギノ角ゴ Pro W6","HG正楷書体-PRO","HG明朝E","HGS明朝E","HGS創英角ｺﾞｼｯｸUB" */
  /* "HG正楷書体-PRO","HG明朝E","HGS明朝E","HGS創英角ｺﾞｼｯｸUB","ヒラギノ角ゴ Pro W6" */
  /* "MS Pゴシック", "Osaka", "sans-serif"  */
  font-size: 85%; /* 83 85 95  */
  /* color: #696969; */ /* 696969 808080 a9a9a9 */
  margin: 0px 0px 30px 0px;
  text-align: right;
}

/*===============================================
● 画面の横幅が668pxまで
===============================================*/
/* Minimum width of 635 pixels. */
@media screen and (max-width: 668px) {
  
  #epigraph {
    
    margin: 0px 0px 0px auto;
    padding: 0px 0px 0px 0px;
    
    width: 80%;
    font-size: 90%; /* 90 80 95 83 85 95  */
    
    
  }
  
}





/* 圏点（けんてん）、傍点（ぼうてん）、脇点（わきてん）
****************************/

.emphasis_bouten{
    -webkit-text-emphasis: filled circle black;
   text-emphasis: filled circle black;
}



/* 
*****************************************************/






/* 引用のブロックの設定
****************************/

/*●引用タグ*/
.keni-mainq{
	margin: 0 2px;
	padding: 0 8px;
	background: #efefef;
}

.keni-mainblockquote{
  
  /*
	overflow: auto;
	margin: 0 1em 1.5em;
	padding: 1em;
	border: 3px solid #ddd;
	background: #efefef;
	color: #444;
	*/
	
	width: 80%;
	margin: 40px auto 0px auto;
	
  padding: 20px 10px 50px 10px; /*  20px 10px 20px 10px */
  border: 1px solid #f0f0f0;
  
  -moz-box-shadow: 2px 2px 7px rgba(0, 0, 0, .3); /*  3px 3px 5px */
  -webkit-box-shadow: 2px 2px 7px rgba(0, 0, 0, .3); /*  3px 3px 5px */
  box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.3); /*  3px 3px 5px */
  
  /* filter: progid:DXImageTransform.Microsoft.Shadow(color=#777777, direction=0, strength=3, enabled=true); */
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.keni-mainblockquote p {
  padding: 0 35px 0 35px;
  margin: 15px 0px 0px 0px;
}

/*===============================================
● 画面の横幅が668pxまで
===============================================*/
/* Minimum width of 635 pixels. */
@media screen and (max-width: 668px) {
  
  .keni-mainblockquote{
    
    width: 100%; /* 90% 100% */
    padding: 10px 0px 20px 0px; /* 20px 10px 20px 10px */
    
  }
  
  .keni-mainblockquote p {
    padding: 0 20px 0 20px; /*  0 35px 0 35px */
    margin: 15px 0px 0px 0px;
  }
  
}



.q_source {
  margin: 8px 30px 40px 30px !important; /*  0 30px 20px 30px */
  text-align: right;
  font-size: 90%;
  color: #666666;
  line-height: 160% !important; /* 160% */
}


/* 出典 reference
****************************/

.reference {
	margin: 5px 30px 20px 30px; /* 8px 30px 40px 30px !important; */
  text-align: right; /* */
  font-size: 90%;
  color: #666666;
  /* line-height: 160% !important; */ /* 160% */
}

.reference_site_information {
  font-size: 95%;
}

.reference_site_information p {
  line-height: 100%;
}

cite{
  font-style: normal;
}

.annotation_line{
  color: #808080;/* #a9a9a9 */
  font-size: 90%;
  letter-spacing: 0px;
}




/* 
*************************************************************************/




















/* 
**************************************************************************/






/* 「SyntaxHighlighter Evolved」plugin
****************************/

article .syntaxhighlighter_border {
  border: 3px solid #e0e0e0 !important;/* 1px */
}




/* ソースコードを記事内で表示するときのエリアのCSS
****************************/

.code_display_box{
    width: 80%; /* 500px */
    border: 1px solid #999999;
    padding: 15px 20px 15px 20px;
    margin: 0px auto 20px auto;
    background-color: #fff8dc; /* fff8dc 90ee90 */
    overflow-wrap: break-word;
}

.yourv{
    font-weight: bold;
    color: #228b22; /* 0000ff 006400 ff8c00 228b22 */
}



.prmtr{
    font-weight: bold;
    color: #ff0000;
}








/* 投稿者名（記事のタイトル下）
*******************************************************/

.post_top_meta_data {
  text-align: right; /* left right */
  margin: 0.5em 0.5em 1.2em 0em; /* 0.5em 0.5em 1.2em 0em  0.5em 0.5em 4em 0em   2px 0px 1.5em 0px */
}

/*
.post_top_meta_data .post_top_author_name {
  text-align: right;
  float: right;
  width: 17%;
  font-size: 85%;
}
*/

.post_top_author_name {
	
  text-align: right;
  
  font-size: unset; /* unset 85% */
  
  margin-bottom: 20px;
  
}


.post_top_meta_data .post_top_category_list {
  float: right; /* left */
  width: 75%; /* 75% 80% */
  font-size: 85%;
  text-align: left; /* left right */
  margin: 0em 0em 4em 0em; /* 0.5em 0.5em 1.2em 0em  0.5em 0.5em 4em 0em */
  
  display: none;
  
}

.post_top_meta_data .post_top_category_list a {
  color: #a9a9a9; /* a9a9a9 808080 */
   text-decoration: none; /* */
}

.post_top_meta_data .post_top_category_list a:hover {
  color: #ff8c00;
  /* text-decoration: none; */
}




/* プラグイン
** ソーシャルメディア ボタン
** WP Socializer
*******************************************************/

/* SNSのアイコンにマウスオーバーした時の色を白色にする。 */
/* 投稿の上下に表示されるアイコン */
/* フローティングで表示されるアイコン */
.wp-socializer .socializer a {
	
	color: #ffffff !important; /*  */
	
}

/* SNSのアイコンにマウスオーバーした時の色を白色にする。 */
/* サイドバーのウィジェットに表示されるアイコン */
.widget_wpsr_follow_icons_widget .socializer a {
	
	color: #ffffff !important; /*  */
	
}








/* プラグイン
** 目次（ページ内）
** floating フローティング
** Joli Table Of Contents
*******************************************************/


/*

#joli-toc-wrapper nav#joli-toc ul.joli-nav li {
  letter-spacing: 0;
}

#joli-toc-wrapper nav#joli-toc.joli-expanded ul.joli-nav li a {
  font-size: 80%;
  line-height: 150%;
  margin: 5px 0px 15px 0px;
}

*/





/* 目次（ページ内）
*******************************************************/


.article-body #toc_index {
  margin: 0px 0px 0px 0px;
}

.article-body .toc {
  /*min-width: 200px;*/
  width: 75%; /* 75% 450px */
  margin: 30px auto 40px auto;
  /* padding: 0px 0px 15px 0px; */
  background-color: #ffffe0; /* ffffe0 fffacd f9f9f9 */
  border: 2px solid #a9a9a9;/* 1px aaaaaa a9a9a9 dcdcdc */
  border-radius: 5px 5px 5px 5px; /* 5px 5px 5px 5px  10px 10px 10px 10px */
  font-size: 100%; /* 100% 95% */
}

/*===============================================
● 画面の横幅が668pxまで
===============================================*/
/* Minimum width of 635 pixels. */
@media screen and (max-width: 668px) {
  
  .article-body .toc {
    
    width: 100%; /* 100% 75% 450px */
    
  }
  
}

.article-body .toc-title {
  text-align: center;
  margin: 15px 0 15px 0; /* 5px 0 0 0 */
  font-weight: bold;
  font-size: 130%; /* 130% 110% 100% */
}


.article-body .toc ol {
  /*list-style-position: inside;*/
  margin: 10px 15px 30px 40px; /* 10px 15px 30px 25px  10px 15px 0px 40px  10px 0px 0px 40px  10px 15px 0px 40px */
}

.article-body .toc ol li {
  list-style-type: circle;
  margin: 5px 0px 5px 0px; /* 5px 0px 5px 0px      5px 0px 15px 0px    5px 0px 2px 0px */
  font-size: 95%;
  font-weight: bold;
  list-style-position: outside; /* inside */
}

.article-body .toc ol li a {
  color: #0066cb;
  text-decoration: none;
}

.article-body .toc ol li a:hover {
  text-decoration: underline;
}

.article-body .toc ol li ol {
  /*list-style-position: inside;*/
  margin: 5px 0px 15px 40px;
}

.article-body .toc ol li ol li {
  list-style-type: circle;
  margin: 0px 0px 0px 0px; /*  0px 0px 0px 0px    0px 0px 2px 0px */
  font-size: 95%;
  font-weight: normal;
}

.article-body .toc ol li ol li a {
  color: #0066cb;
  text-decoration: none;
}

.article-body .toc ol li ol li a:hover {
  text-decoration: underline;
}

.article-body .toc ol li ol li ol li {
  list-style-type: circle;
  margin: 0px 0px 0px 0px; /*  0px 0px 0px 0px    0px 0px 2px 0px */
  font-size: 100%;
  font-weight: normal;
}

.article-body .toc ol li ol li ol li a {
  color: #0066cb;
  text-decoration: none;
}

.article-body .toc ol li ol li ol li a:hover {
  text-decoration: underline;
}










/* Pager Navigation ページャーナビゲーション 複数ページにわたる場合の「次へ」「前へ」
*******************************************************************************/

#pager_navi {
  color: #2583ad;
  background: #ffffff;
  text-align: center;
  font-size: 90%;
  padding: 19px 25px;
  margin: 0 0 21px;
  line-height: 130%;
  
  /*  */
  border: #dddddd 1px solid;
  border-radius: 10px 10px 10px 10px;
  
}

#pager_navi .page-numbers {
  color: #000000; /* ff8c00 */
  padding: 2px 5px;
  border: solid 1px #cccccc;
  text-decoration: none;
}

#pager_navi .page-numbers:hover {
  color: #ffffff;
  background: #ff8c00;
}

#pager_navi .current {
  color: #ffffff;
  background: #ff8c00;
  border-color: #ff8c00;
  font-weight: bold;
}

#pager_navi .next, #pager_navi .prev {
  border: 0 none;
  background: transparent;
  text-decoration: underline;
  color: #0066cb;
}

#pager_navi .next:hover, #pager_navi .prev:hover {
  text-decoration: none;
  color: #ff8c00;
  background: transparent;
}



/* pre_next_post_link
*******************************************************************************/

.pre_next_post_link {
  /* text-align: center; */
  margin: 60px 0px 60px 0px;
}

.pre_next_post_link .pre_post_link {
  text-align: left;
  float: left;
  width: 47%;
}

.pre_next_post_link .next_post_link .pre_post_link_sign {
  
}

.pre_next_post_link .next_post_link {
  text-align: left;
  float: right;
  width: 47%;
}

.pre_next_post_link .next_post_link .next_post_link_sign {
  text-align: right;
}






/* 
** Pagenation
** ページネーション
*******************************************************************************/

.page-nav .current, 
.page-nav li a:hover, 
.page-nav li a:active, 
.page-nav li a:focus {
	
	color: #ffffff !important;
	
	background: #ff8c00 !important;
	
}







/* 「続きを読む」ボタン
*******************************************************************************/

/* This css button was generated by css-button-generator.com */

.btn_continue_reading {
	font-size:16px;
	font-family:Arial;
	font-weight:normal;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #ffaa22;
	padding:9px 18px;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ffec64), color-stop(100%, #ffab23) );
	background:-moz-linear-gradient( center top, #ffec64 5%, #ffab23 100% );
	background:-ms-linear-gradient( top, #ffec64 5%, #ffab23 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23');
	background-color:#ffec64;
	color:#333333;
	display:inline-block;
	text-shadow:1px 1px 0px #ffee66;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #fff6af;
 	-moz-box-shadow:inset 1px 1px 0px 0px #fff6af;
 	box-shadow:inset 1px 1px 0px 0px #fff6af;
}

.btn_continue_reading:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ffab23), color-stop(100%, #ffec64) );
	background:-moz-linear-gradient( center top, #ffab23 5%, #ffec64 100% );
	background:-ms-linear-gradient( top, #ffab23 5%, #ffec64 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64');
	background-color:#ffab23;
}

.btn_continue_reading:active {
	position:relative;
	top:1px;
}

.btn_continue_reading .btn_continue_reading_arrow {
	font-size: 130%;
	font-weight: bold;
}






/* オレンジ色ボタン（レターなど）
*******************************************************************************/

/* This css button was generated by css-button-generator.com */

.btn_orange {
	font-size:16px;
	font-family:Arial;
	font-weight:normal;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #ffaa22;
	padding:9px 18px;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ffec64), color-stop(100%, #ffab23) );
	background:-moz-linear-gradient( center top, #ffec64 5%, #ffab23 100% );
	background:-ms-linear-gradient( top, #ffec64 5%, #ffab23 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23');
	background-color:#ffec64;
	color:#333333;
	display:inline-block;
	text-shadow:1px 1px 0px #ffee66;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #fff6af;
 	-moz-box-shadow:inset 1px 1px 0px 0px #fff6af;
 	box-shadow:inset 1px 1px 0px 0px #fff6af;
}

.btn_orange:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ffab23), color-stop(100%, #ffec64) );
	background:-moz-linear-gradient( center top, #ffab23 5%, #ffec64 100% );
	background:-ms-linear-gradient( top, #ffab23 5%, #ffec64 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64');
	background-color:#ffab23;
}

.btn_orange:active {
	position:relative;
	top:1px;
}

.btn_orange .btn_continue_reading_arrow {
	font-size: 130%;
	font-weight: bold;
}




/* 解説書のページ、その子ページ
*******************************************************************************/

.coursebook_menu_link{
  text-align: center;
  font-size: 110%; /* 90% */
  color: #666666;/* 666666 */
}


.coursebook_menu_link .current{
  font-weight: bold;
}




/* 
*******************************************************************************/



/*●オプトイン登録フォーム（右サイドバー上部）*/

#sidebar-optin-box {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 20px 0px;
  
  /* height: 500px; */ /* 500px 530px 495px 455 405 144 169 */
  
  min-height: 400px; /* 500px */
  
  border: 1px solid #CCCCCC;
  
  
}

#sidebar-optin-box h3#sidebar-optin-header {
  
  margin: 0px 0px 0px 0px;
  
  height: 24px;
  padding: 6px 0px 0px 0px;
  
  
  background-color: #be0712; /* ff8c00 */
  
  /*
  background: url("images/title/sidebar-optin-header.gif") no-repeat scroll center center #efefef; /* #efefef */
  */
  
  border: none;
  
  border-style: none;
  
  
  
  
  color: #ffffff;
  font-weight: bold;
  text-align: center;
  
}

#sidebar-optin-box #sidebar_optin_contents_wrap_box {
  
  /* height: 110px; */ /* 110 */
  
  
  min-height: 110px;
  
  
}

#sidebar-optin-box #sidebar_optin_contents_wrap_box #sidebar-optin-contents {
  
  background-color: #ffffff;  /* #efefef */
  
  
  
  /*
  border-bottom: 1px solid #CCCCCC;
  border-left: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
  */
  
  padding: 13px 16px 13px 16px;
  
}

#sidebar-optin-box #sidebar-optin-description {
  
  font-size: 95%;
  
}

#sidebar-optin-box form {
  
  margin: 10px 0px 0px 0px;
  
}

#sidebar-optin-box form input {
  
  background-color: #FFFFFF;
  border: 1px solid #DDDDDD;
  border-radius: 3px;
  box-shadow: 1px 1px 3px #EEEEEE inset;
  color: #444444; /* 444444 696969 999999 */
  font-family: Verdana, Roboto, 'Droid Sans', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', sans-serif;
  font-size: 100%;
  padding: 5px;
  margin-bottom: 3px;
  
}


/* 
*/
#sidebar-optin-box form input.UserName1,
#sidebar-optin-box form input.UserName2 {
  
  width: 43%;
  
}


/* 
#sidebar-optin-box form input.UserName1 {
  
  width: 91%;
  
}
*/
 /* 91% 43% */



#sidebar-optin-box form input.UserMail {
  
  width: 60%;
  
}

#sidebar-optin-box form input[type="submit"] {
  
  background-color: #BE0712;
  border: medium none;
  box-shadow: none;
  color: #FFFFFF;
  cursor: pointer;
  font-weight: 600;
  padding: 7px 7px 7px 7px;
  
  width: 30%;
  
  /*
  transition: all 0.1s ease-in-out 0s;
  */
  
  margin: 3px 0px 0px 0px;
  
}

#sidebar-optin-box form input[type="submit"]:hover {
  
  opacity: 0.6;
  
}

#sidebar-optin-box .g_person_box {
  
  margin: 10px 0px 20px 0px;
  text-align: center;
  
  /* 
  height: 106px;
  */
  
  min-height: 106px;
  
  
}

#sidebar-optin-box #socialmedia_button_box {
  
  margin: 10px 0px 0px 0px;
  padding: 0px 16px 20px 16px;
  
  /*
  height: 109px;
  */
  
  min-height: 109px;
  
}

#sidebar-optin-box #socialmedia_button_box #socialmedia_button_mini_icon_box {
  
  margin: 0px 0px 10px 0px;
  
}

#sidebar-optin-box #socialmedia_button_box #socialmedia_button_mini_icon_box a img {
  
  margin: 0px 0px 10px 0px;
  
}

#sidebar-optin-box #socialmedia_button_box .ytsubscribe_button_box {
  
  margin: 0px 0px 20px 0px;
  
}

#sidebar-optin-box #socialmedia_button_box .fb-follow {
  
  margin: 0px 0px 20px 0px;
  
}

#sidebar-optin-box #socialmedia_button_box .twitter_follow_butoon_box {
  
  margin: 0px 0px 20px 0px;
  
}









/*●追尾型オプトイン登録フォーム（右サイドバー上部）*/


/*
追尾型オプトイン登録フォーム（右サイドバー上部）は、
デスクトップパソコンで閲覧したときだけ表示する。
*/
/*===============================================
● 画面の横幅が737pxまで デスクトップパソコン用
===============================================*/
/* Minimum width of 737 pixels. */
@media screen and (min-width: 737px) {
  
	.fixed_sidebar_top_optin{
	  position: fixed;
	  z-index: 1;
	  top: 0px; /* 20px */
	  border: 1px solid #dcdcdc;
	  /* margin: 0px 0px 0px -16px !important; */
	  padding: 5px 15px 3px 15px !important; /*  5px 4px 3px 4px !important */
	  
	  /* width: 260px; */ /* 270px */
	  max-width: 326px; /*  326px 328px */
	  
	  
	  border-radius: 0px 0px 5px 5px;        /* CSS3草案 */  
	  -webkit-border-radius: 0px 0px 5px 5px;    /* Safari,Google Chrome用 */  
	  -moz-border-radius: 0px 0px 5px 5px;   /* Firefox用 */
	}
	
	
	#sidebar-optin-box .fixed_sidebar_top_optin form {
	  
	  margin: 5px 0px 0px 0px;
	  
	}
	
	#sidebar-optin-box .fixed_sidebar_top_optin form input {
	  
	  /* width: 44%; */ /* 67 */
	  
	}
	
	
	/*
	#sidebar-optin-box .fixed_sidebar_top_optin form input.UserName1,
	#sidebar-optin-box .fixed_sidebar_top_optin form input.UserName2 {
	  
	  width: 43%;
	  
	}
	*/
	
	
	#sidebar-optin-box .fixed_sidebar_top_optin form input.UserName1 {
	  
	  width: 43%; /* 93% 43% */
	  
	}
	
	
	#sidebar-optin-box .fixed_sidebar_top_optin form input.UserMail {
	  
	  width: 67%; /* 67% 60% */
	  
	}
	
	
	#sidebar-optin-box .fixed_sidebar_top_optin form input[type="submit"] {
	  
	  width: 25%;
	  
	  /*
	  transition-property: none;
	  transition-duration: 0;
	  transition-timing-function: ease;
	  transition-delay: 0;
	  */
	  
	}
	
}


/*===============================================
● 画面の横幅が668pxまで スマホ用
===============================================*/
/* Minimum width of 635 pixels. */
@media screen and (max-width: 668px) {
  
  
  /*
  #sidebar-optin-box{
    
    display: none;
    
  }
  */
  
  
  /*
  
	.fixed_sidebar_top_optin{
    
    position: static;
    
    border: none;
    padding: 5px 4px 3px 4px !important;
    
    width: 97%;
    
    border-radius: 0px 0px 0px 0px;        
    -webkit-border-radius: 0px 0px 0px 0px;    
    -moz-border-radius: 0px 0px 0px 0px;  
    
	}
	
  #sidebar-optin-box .fixed_sidebar_top_optin form {
    
  }
  
  #sidebar-optin-box .fixed_sidebar_top_optin form input {
    width: 100%;
  }
  
  #sidebar-optin-box .fixed_sidebar_top_optin form input[type="submit"] {
    width: 100%;
  }
  
  */
  
}






/*●追尾型サイドバー末尾の広告バナー画像*/

.fixed_sidebar_end_ad_banner{
  position: fixed;
  z-index: 1;
  top: 140px; /* 0px 20px */
  /* border: 1px solid #dcdcdc; */
  /* margin: 0px 0px 0px -16px !important; */
  /* padding: 5px 15px 3px 15px !important; */ /*  5px 4px 3px 4px !important */
  
  padding-left: 17px;
  
  width: 260px; /* 270px */
  
  /* border-radius: 0px 0px 5px 5px; */        /* CSS3草案 */
  /* -webkit-border-radius: 0px 0px 5px 5px; */    /* Safari,Google Chrome用 */
  /* -moz-border-radius: 0px 0px 5px 5px; */   /* Firefox用 */
  
  
}





/*===============================================
● 画面の横幅が668pxまで
===============================================*/
/* Minimum width of 635 pixels. */
@media screen and (max-width: 668px) {
  
  #sidebar_end_ad_banner{
    
    display: none;
    
  }
  
  
}




/*●追尾型ソーシャルメディアボタン*/

#tmp_button_social_media_box {
  
  height: 28px; /* 28 32 52 */
  
  margin: 0px 0px 40px 0px;
  
  text-align: left;
  
  /* width: 100%; */
  
}

#tmp_button_social_media_box ul#tmp_button_social_media {
  
  margin: 0px 0px 0px 0px !important;
  
  text-align: right;
  
}


#tmp_button_social_media_box ul#tmp_button_social_media li {
  
    display: inline-block;
    
    margin: 0px 1px 1.7em 0px;
    
    
    
    vertical-align: top;
    list-style: none;
    
    line-height: 1.5em;
    
    
}


.main-conts .post .fixed_sm_button_bar {
  /**/
  border: 1px solid #DCDCDC;
  
  
  border-radius: 0px 0px 5px 5px; /* */       /* CSS3草案 */  
  -webkit-border-radius: 0px 0px 5px 5px;/*  */   /* Safari,Google Chrome用 */  
  -moz-border-radius: 0px 0px 5px 5px; /* */  /* Firefox用 */
  
  /* */
  background-color: #ffffff;
  
  
  
  margin: 0 0 0 -5px !important;
  padding: 3px 4px 0px 4px !important;
  position: fixed;
  top: 0;
  z-index: 1;
  
  
  /* width: 100%; */ /* 100% */
  max-width: 780px; /*  */
  /* max-width 780 width  675px 52% 668px */
  
  
}

#tmp_button_social_media_box ul.fixed_sm_button_bar li {
  
  margin-bottom: 0 !important;
  
}






/*===============================================
● 画面の横幅が668pxまで
===============================================*/
/* Minimum width of 635 pixels. */
@media screen and (max-width: 668px) {
  
  .if_smartphone_hide_elemtnt {
    
    display: none !important;
    
  }
  
  .main-conts .post .fixed_sm_button_bar {
    
    /* width: 100% !important; */
    
    
  }
  
  #tmp_button_social_media_box #tmp_button_social_media li {
    
    margin: 0px 0px 0px 0px !important;
    /*
    margin-right: 0px !important;
    margin-left: 0px !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    */
    padding: 0px 0px 0px 0px !important;
    
    
    
  }
  
  
}







/*● ソーシャルメディアボタン
**************************************************************************/

.main-conts .sb a {
  
  text-decoration: none;
  
}


.main-conts .sb li.sb-gplus{
	/* 
	width: 60px;
	 */
}

.main-conts .sb li.sb-fb-like{
	/*  */
	width: 110px;
	text-align: left;
	
}






/* Facebook「いいね！」ボタン */






/*●Pocket ボタン*/


.pocket-btn {
  
}

.pocket-btn iframe {
  width: 100px;
  height: 20px;
}












/*===============================================
● 画面の横幅が668pxまで
===============================================*/
/* Minimum width of 635 pixels. */
@media screen and (max-width: 668px) {
  
  .main-conts .sb li.sb-gplus{
  	/*  */
  	width: 60px;
  	
  }
  
  .main-conts .sb li.sb-fb-like{
  	/*  */
  	width: 110px;
  	text-align: left;
  	
  }

}





/*●オプトイン登録フォーム（各記事の末尾）*/



#post-end-optin-box {
  
  border: 3px solid #000000;
  margin: 60px 0px 80px 0px;
  padding: 5px 5px 5px 5px;
  
  text-align: center;
  
}


#post-end-optin-box #post-end-optin-box-title {
  background-color: #BF161B;
  border-bottom: 1px solid #000000;
  color: #FFFFFF;
  /* font-family: times New Roman; */
  font-size: 16pt;
  font-weight: bold;
  line-height: 14pt;
  margin: 0 0 5px;
  padding: 5px;
  text-align: center;
  text-transform: uppercase;
  /* width: 579px; */
}

#post-end-optin-box #post-end-optin-box-description-box {
  
  background-color: transparent; /* #EDEADF */
  /* border: 1px solid #CCCCCC; */
  color: #333333;
  /* font-size: 11pt; */
  
  padding: 10px 10px 10px 10px;
  
}

#post-end-optin-box #post-end-optin-box-description {
  
  font-size: 120%;
  font-weight: bold;
  color: #333333;
  
}

#post-end-optin-box form {
  
  
  
}

#post-end-optin-box form input {
  
  
  background-color: #FFFFFF;
  border: 1px solid #DDDDDD;
  border-radius: 3px;
  box-shadow: 1px 1px 3px #EEEEEE inset;
  color: #444444; /* 444444 696969 999999 */
  font-family: Verdana, Roboto, 'Droid Sans', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', sans-serif;
  font-size: 100%;
  padding: 5px;
  margin: 10px 0 3px 0;
  
  width: 35%;
}


/*
#post-end-optin-box form input.UserName1,
#post-end-optin-box form input.UserName2 {
  
  width: 10%;
  
}
*/


#post-end-optin-box form input.UserName1,
#post-end-optin-box form input.UserName2 {
  
  width: 11%; /* 11% 20% 10% */
  
}


#post-end-optin-box form input[type="submit"] {
  
  background-color: #BE0712;
  border: medium none;
  box-shadow: none;
  color: #FFFFFF;
  cursor: pointer;
  font-weight: 600;
  padding: 7px 7px 7px 7px;
  
  width: 15%;
  
  transition: all 0.1s ease-in-out 0s;
  
  margin: 3px 0px 0px 0px;
  
}


#post-end-optin-box form input[type="submit"]:hover {
  
  opacity: 0.6;
  
}


/*===============================================
● 画面の横幅が668pxまで
===============================================*/
/* Minimum width of 635 pixels. */
@media screen and (max-width: 668px) {
  
  #post-end-optin-box form input {
    
    width: 100%;
  }

  #post-end-optin-box form input.UserName1,
  #post-end-optin-box form input.UserName2 {
    
    width: 100%; /* 100% 45% */
    
  }

  #post-end-optin-box form input[type="submit"] {
    
    width: 100%;
    
  }

}









/*●人気記事ランキング Google Analytics 閲覧数ランキング*/

.popular_post_rankign_item_rank {
  
  margin: 20px 0px 0px 0px;
  
  /*
  float: left;
  width: 12%;
  */
  
}

a.popular_post_rankign_item_box {
  
  margin: 0px 0px 20px 0px; /*  10px 0px 10px 0px  20px 0px 20px 0px */
  
  display: block;
  
}

a.popular_post_rankign_item_box img {
  
  width: 70px;
  height: 70px;
  
}

a.popular_post_rankign_item_box:hover img {
  
  opacity: 0.6;
  
}

.popular_post_rankign_item_box .popular_post_rankign_item_image {
  
  float: left;
  width: 28%;
  margin: 0px 5px 0px 0px; /*  0px 10px 0px 0px */
  
}

.popular_post_rankign_item_box .popular_post_rankign_item_title {
  
  float: left;
  width: 67%; /* 55% 57% 67% */
  
}

.popular_post_rankign_item_box .gap-views {
  text-align: right;
}







/* サイドバー sidebar */

/*===============================================
● 画面の横幅が668pxまで
===============================================*/
/* Minimum width of 635 pixels. */
@media screen and (max-width: 668px) {
  
  
	/* 賢威 ver. 8
	*********************************************/
	#secondary {
	  
	  display: none;
	  
	}

}





/*●最近の投稿記事 Recent_Posts widget class*/

/*===============================================
● 画面の横幅が668pxまで
===============================================*/
/* Minimum width of 635 pixels. */
@media screen and (max-width: 668px) {
  
  
	/* 賢威 ver. 8
	*********************************************/
	#secondary .widget_recent_entries {
	  
	  display: none;
	  
	}

}


.sub-column .widget_recent_entries {
  
  /* padding: 0px 0px 0px 0px; */
  
}

.sub-column .widget_recent_entries ul li a.widget_recent_entries_box {
  
  margin: 20px 0px 20px 0px; /*  10px 0px 10px 0px  20px 0px 20px 0px */
  
  display: block;
  
  padding: 0px 0px 0px 0px;
  background: none;
  
  
}

.sub-column .widget_recent_entries ul li a.widget_recent_entries_box:hover {
  
  background: none;
  color: #ff6600;
  
}

.sub-column .widget_recent_entries ul li a.widget_recent_entries_box img {
  
  width: 70px;
  height: 70px;
  
}

.sub-column .widget_recent_entries ul li a.widget_recent_entries_box:hover img {
  
  opacity: 0.6;
  
}



.sub-column .widget_recent_entries ul li .widget_recent_entries_box .widget_recent_entries_image {
  
  float: left;
  width: 28%;
  margin: 0px 5px 0px 0px; /* 0px 10px 0px 0px */
  
}

.sub-column .widget_recent_entries ul li .widget_recent_entries_box .widget_recent_entries_title {
  
  float: left;
  width: 67%; /* 55% 57% 67% */
  
}


/*●YARPP プラグイン 関連記事の表示*/

#page_end_ad_box {
  margin: 70px 0px 0px 0px;
}

#page_end_ad_box #page_end_ad_box_001 {
  float: left;
  width: 301px; /* 49%  */
  margin: 0px 30px 0px 10px; /* 0px 10px 0px 0px */
}

#page_end_ad_box #page_end_ad_box_002 {
  float: left;
  width: 301px; /* 49%  */
}




/*●YARPP プラグイン 関連記事の表示*/


.yarpp-thumbnails-horizontal {
  
  max-width: 660px;
  margin: 0px auto 0px auto;
  
}


.yarpp-thumbnails-horizontal a.yarpp-thumbnail {
  border: 1px solid #cccccc; /* rgba(127, 127, 127, 0.1) */
	border-radius: 5px;
	
  /* height: 170px; */
  margin: 5px 5px 5px 0;
  vertical-align: top;
  width: 140px; /* 140px 132px 120 130px */
  padding: 7px 5px 10px 5px; /* 5px 5px 10px 5px */
  
  display: inline-block;
  
  text-decoration: none;
  
}

.yarpp-thumbnails-horizontal a.yarpp-thumbnail:hover {
  
  /* border: 1px solid #ff8c00; */ /* ff8c00 */
  
}

/*===============================================
● 画面の横幅が668pxまで
===============================================*/
/* Minimum width of 635 pixels. */
@media screen and (max-width: 668px) {
  
  .yarpp-thumbnails-horizontal a.yarpp-thumbnail {
    
    width: 95%;
  }

}





.yarpp-thumbnails-horizontal a.yarpp-thumbnail .yarpp-thumbnail-default {
  text-align: center;
}

.yarpp-thumbnails-horizontal a.yarpp-thumbnail .yarpp-thumbnail-default img {
  
  width: 135px; /* 135px 140px 120px */
  height: 135px; /* 135px 140px 120px */
  
}

.yarpp-thumbnails-horizontal a.yarpp-thumbnail:hover .yarpp-thumbnail-default img {
  
  opacity: 0.6;
  
}

.yarpp-thumbnails-horizontal a.yarpp-thumbnail .yarpp-thumbnail-title {
  
  margin: 10px 0px 0px 0px;
  line-height: 150%;
  
  font-weight: bold; /* bold normal */
  
}








/*●FeedlyのRSS登録ボタンを購読者数を付けてソーシャルボタン風に設置する*/
    /* 右サイドバーの上部 */

a.feedlyButton_sidebar_top {
    color: #777777;
    /* text-align: center; */
    text-decoration: none;
    
    display: block;
    margin: 0px 0px 20px 0px;
}
a.feedlyButton_sidebar_top:hover {
    color: #333333;
}
a.feedlyButton_sidebar_top:visited {
    color: #777777;
}

a.feedlyButton_sidebar_top img.feedlyFollow {
    display: inline-block;
}

a.feedlyButton_sidebar_top .feedlyCount {
    display: inline-block;
    width: 70%; /* 170px */
    line-height: 200%; /* 200% 110% 100% */
    
    font-size: 90%;
    font-family: Roboto,arial,sans-serif;
    
    margin: 0 0 0 3px;
}

a.feedlyButton_sidebar_top .feedlyCount .feedlyCount_number {
    /* font-size: 130%; */
}






/*●FeedlyのRSS登録ボタンを購読者数を付けてソーシャルボタン風に設置する*/

/*下向き吹き出しボックス*/

a.feedlyButton_vertical {
    color: #777777;
    text-align: center;
    text-decoration: none;
}
a.feedlyButton_vertical:hover {
    color: #333333;
}
a.feedlyButton_vertical:visited {
    color: #777777;
}

.bottom_arrow_box_feedly {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 3px 3px 3px 3px;
    height: 35px;
    width: 66px;
    margin-bottom: 8px;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.bottom_arrow_box_feedly:after,
.bottom_arrow_box_feedly:before {
    border: medium solid transparent;
    content: " ";
    height: 0;
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: 100%;
    width: 0;
}
.bottom_arrow_box_feedly:after {
    /* border-color: #FFFFFF rgba(255, 255, 255, 0) rgba(255, 255, 255, 0); */
    border-top-color: #FFFFFF;
    border-width: 4px;
    margin-left: -4px;
}
.bottom_arrow_box_feedly:before {
    /* border-color: #CCCCCC rgba(204, 204, 204, 0) rgba(204, 204, 204, 0); */
    border-top-color: #CCCCCC;
    border-width: 5px;
    margin-left: -5px;
}
.bottom_arrow_box_feedly img {
    margin: 0;
    border: none;
}
.bottom_arrow_box_feedly span {
    line-height: 35px;
}



/*●FeedlyのRSS登録ボタンを購読者数を付けてソーシャルボタン風に設置する*/
    /* 記事上部のソーシャルメディアボタン */

/*左向き吹き出しボックス*/

a.feedlyButton_horisontal {
    color: #777777;
    text-align: center;
    text-decoration: none;
    
    display: inline-block;
    
}
a.feedlyButton_horisontal:hover {
    color: #333333;
}
a.feedlyButton_horisontal:visited {
    color: #777777;
}

.left_arrow_box_feedly {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 3px 3px 3px 3px;
    height: auto; /* 20px; */
    /* width: 66px; */
    /* max-width: 100%; */
    /* 
    max-width: 53px;
    min-width: 10px;
    */
    
    min-width: 15px; /*  */
    
    
    /* margin-bottom: 8px; */
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    
    
    
    display: inline-block;
    
}
.left_arrow_box_feedly:after,
.left_arrow_box_feedly:before {
    border: 4px solid transparent;
    content: " ";
    height: 0;
    left: -2%;
    pointer-events: none;
    position: absolute;
    top: 25%;
    width: 0;
}
.left_arrow_box_feedly:after {
    /* border-color: #FFFFFF rgba(255, 255, 255, 0) rgba(255, 255, 255, 0); */
    border-right-color: #FFFFFF;
    border-left-width: 0px;
    margin-left: -2px;
}
.left_arrow_box_feedly:before {
    /* border-color: #CCCCCC rgba(204, 204, 204, 0) rgba(204, 204, 204, 0); */
    border-right-color: #CCCCCC;
    border-left-width: 0px;
    margin-left: -3px;
}
.left_arrow_box_feedly img {
    margin: 0;
    border: none;
}
.left_arrow_box_feedly span {
    line-height: 20px;
    /* white-space: nowrap;  */
    padding: 0 5px 0 5px;
    
    font-size: 85%;
    font-family: Roboto,arial,sans-serif;
    
}





/* 
*******************************************************************************/

/* コメント投稿フォームの投稿ボタン */


/* 賢威 ver. 8
*********************************************/

.form-submit .btn_style03 {
  background: #ff8c00;
}

.btn-form01:hover,
.btn-form01:active,
.btn-form01:focus{
	/* border: 3px solid #ff8c00; */ /* 274A7D */
	background: #ff8c00; /* 274A7D */
}



/* 賢威 ver. 7
*********************************************/

/*
.btn-form01{
	border: 3px solid #ff8c00;
}
*/
/* 222 */


/*
.btn-form01:hover,
.btn-form01:active,
.btn-form01:focus{
	border: 3px solid #ff8c00; 
	background: #ff8c00; 
}
*/
/* 274A7D */
/* 274A7D */









/* 賢威 ver. 8
** 投稿記事 末尾 カテゴリー タグ
*******************************************************************************/


.post-tag dl dt {
  width: unset; /* unset 3.5em */
}





/* 賢威 ver. 7
** 投稿記事 末尾 カテゴリー タグ
***************************************/


/*
.section-wrap .section-in .post-tag{
	
	margin-top: 80px;
	margin-bottom: 80px;
	
	
  padding: 1em;
  background-color: transparent;
  border: 1px solid #cccccc;	
	
}
*/







/* 投稿記事 末尾 カテゴリー タグ
*******************************************************************************/


.section-wrap .section-in .post-tag{
	
	margin-top: 80px;
	margin-bottom: 80px;
	
	
  padding: 1em;
  background-color: transparent;
  border: 1px solid #cccccc;	
	
}






/* YouTube埋め込み動画
** スマホ、スマートフォン
** 比率
*******************************************************************************/


/*===============================================
● 画面の横幅が668pxまで
===============================================*/
/* Minimum width of 635 pixels. */
@media screen and (max-width: 668px) {
  
	.video {
	  position: relative;
	  width: 100%;
	  height: 0; /* （高さは padding-topで指定する） */
	  padding-top: 56.25%; /* 高さを指定する（16:9） */
	}
	
	.video iframe{
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	}
	
}





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


.bcl-first a {
	
	color: #555555;
	
}

/* ウェブサイト名を非表示にする */
.bcl-first a span {
	
	display: none; /*  */
	
}







/* 鋭意製作中 リボン 帯 KEEP OUT
*******************************************************************************/


.header_keepout {
	position: relative;
	margin: 52px 0 27px;
	padding: 3px 8px;
	line-height: 200%; /* 200% 170% 1.3 */
	
	background-color: #ffa500; /* 7cfc00 98fb98 オレンジ色：ffa500 オレンジ色：ffd700 黄色：ffee00 */
	
	font-size: 95%; /* 95% 100% 110% 32px */
	font-weight: bold;
	color: #000000;
	/* font-family: 'Impact',sans-serif; */
	word-break: break-all;
	word-wrap: break-word;
	
	
	
	
	
	height: 37px; /* 37px 28px 40px */
	
	overflow: hidden;
	
	
	
	
	
	
	
	
}


.header_keepout::before, .header_keepout::after {
	content: '';
	box-sizing: content-box;
	display: block;
	position: absolute;
	left: 0;
	width: 100%;
	/* height: 0; */
	/* border-top: 2px solid #000; */
	
	
	
	
  height: 5px; /* 3px 5px 7px */
  /*
  background-image: linear-gradient(-45deg,
    hsla(0, 0%, 70%, 0),
    hsla(0, 0%, 70%, 0) 25%,
    hsla(0, 0%, 70%, 1) 25%,
    hsla(0, 0%, 70%, 1) 50%,
    hsla(0, 0%, 70%, 0) 50%,
    hsla(0, 0%, 70%, 0) 75%,
    hsla(0, 0%, 70%, 1) 75%);
  */
  /*
  */
  background-image: linear-gradient(-45deg,
    hsla(0, 0%, 0%, 0),
    hsla(0, 0%, 0%, 0) 25%,
    hsla(0, 0%, 0%, 1) 25%,
    hsla(0, 0%, 0%, 1) 50%,
    hsla(0, 0%, 0%, 0) 50%,
    hsla(0, 0%, 0%, 0) 75%,
    hsla(0, 0%, 0%, 1) 75%);
  background-size: 10px 10px;
	
	
	
  /*
  background-color: #000000;
  */
	
	
	background-repeat: repeat-x;
	
	
	
}


.header_keepout::before {
	top: 1px;
}


.header_keepout::after {
	bottom: 1px;
}


.keep_out_spacing {
	margin: 0px 10px 0px 0px;
}









/* Ruby ルビ 振り仮名
*************************************************************************/


ruby rt {
	font-size: 60%;
}

ruby rt ruby rt {
	font-size: 100%;
}



.epi_quote ruby rt {
	font-size: 68%;
}

.epi_quote ruby rt ruby rt {
	font-size: 100%;
}



.epi_source ruby rt {
	font-size: 75%;
}

.epi_source ruby rt ruby rt {
	font-size: 100%;
}



.ruby_over {
	ruby-position: over;
}

.ruby_under {
	ruby-position: under;
}










/* AdSense広告 バナー画像 アドセンス
*******************************************************************************/


/*

div.adsense_banner_for_pc {
  display: block;
}

div.adsense_banner_for_smartphone {
  display: none;
}

*/




/*===============================================
● 画面の横幅が668pxまで
===============================================*/
/* Minimum width of 635 pixels. */
@media screen and (max-width: 668px) {
  
  /*
  
  div.adsense_banner_for_pc {
    display: none;
  }
  
  div.adsense_banner_for_smartphone {
    display: block;
  }
  
  */
  
}












/* プラグイン
** footnotes
**************************************************************************/

/*
プラグイン「Footnotes Made Easy」
設定
「Footnotes Header」
<hr class="footnotes_header_hr_text" data-content="Footnotes">
<div class="footnotes_header">脚注</div>
*/


.footnotes_header_hr_text {
	line-height: 1em;
	position: relative;
	outline: 0;
	border: 0;
	/* color: black; */
	text-align: center;
	height: 1.5em;
	/* opacity: .5; */
	
	/* color: #ff8c00 !important; */
	    /* ff8c00 696969 808080 */
  margin: 50px auto 0px auto;
  width: 90%;
  
}
.footnotes_header_hr_text:before {
	content: '';
	background: -webkit-linear-gradient(left, transparent, #818078, transparent);
	/* ff8c00 818078 */
	background: linear-gradient(to right, transparent, #818078, transparent);
	/* ff8c00 818078 */
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	height: 1px;
}
.footnotes_header_hr_text:after {
	content: attr(data-content);
	position: relative;
	display: inline-block;
	/* color: black; */
	padding: 0 .5em;
	line-height: 1.5em;
	/* color: #818078; */
	background-color: #ffffff;	/* ffffff fcfcfa */
	
}



.footnotes_header {
	margin: 0px 0px 0px 0px; /* 50px 0px 0px 0px */
	padding: 0px 10px 0px 20px; /* 20px 10px 0px 20px */
	/* border-top: 1px dotted #808080; */
	text-align: center;
}


.article-body ol.footnotes {
	margin: 0px 0px 10px 0px;
	padding: 10px 10px 10px 40px;
}

.article-body ol.footnotes li {
	margin: 10px 0px 1.7em 0px;
	line-height: 1.5em;
	font-size: 1em;
	color: #333333;
}




/* ツールチップのブロックの設定 */

.ui-widget-content {
    border: 1px solid #e6e6d8; /* e6e6d8 ffdead fff8dc #ddd; */
    background: #fffff0; /* fffff0 #eeeeee; */
    color: #333333;
}

.ui-widget-content .ui-tooltip-content {
		font-size: 1.5em;
}











/* 
**************************************************************************/












/* 
**************************************************************************/