/*-----------------------------------------
   ulのmargin-left 5%に設定
------------------------------------------*/

ul.intend-5 {
	margin-left: 5%;
}


/*-----------------------------------------
  目次のアンカータグで移動時にメニューバーを避ける
------------------------------------------*/
a#add_argument {
    display: block;
    padding-top: 70px;
    margin-top: -70px;
}

/*-----------------------------------------
  一般スタイル：　フォントの変更、行間
------------------------------------------*/
body {
	font-family: Noto, Hiragino Sans,Helvetica,Arial,sans-serif;
}

/*行間を開けて見やすくする*/
p {
	line-height: 1.9em;

}

/*-----------------------------------------
  try-exception記事のｃｓｓ
------------------------------------------*/
div.try-exception {
	background-color: rgb(245, 242, 240);
}

.try0, .try1, .try2{
	list-style-position: inside;
	list-style-type: none;
}

.try1, .try2{
	list-style-position: inside;
	list-style-type: none;
	text-decoration: underline;
}

span.bold {
	font-weight: bold;
}



/*-----------------------------------------
  フッターのセンタリング
------------------------------------------*/
div.site-info{
    text-align:center;
}


/*-----------------------------------------
  画像のセンタリングと位置調整、枠線
------------------------------------------*/

/*　画像のセンタリング、および枠線を灰色にする*/
img.border_gray{
	display:block;
	margin:10px auto;
	border:1px solid #EEEEEE;
}

/*　文中アイコンの上下の位置を真ん中に揃える*/
img.vertical{
	vertical-align:-4px;
}



/*-----------------------------------------
  スマホ表示時に文字サイズを少し小さくする
------------------------------------------*/
@media(max-width:900px){
	body,
	h2 > span.ez-toc-section,
	blockquote > p,
	code[class*="language-"],
	pre[class*="language-"]{
		font-size: 0.9em;
	}
	.tablepress{
		font-size:0.7em;
	}
}


/*-----------------------------------------
  目次（toc)のmargin-topの設定
------------------------------------------*/
#ez-toc-container{
	margin-top:1.5em;
}


/*-----------------------------------------
  "Sponsor link"の文字サイズを小さくする
------------------------------------------*/
.ad_sponsor{
	font-size: 0.8em;
	text-align:center;
	
}

.ad_sponsor_left{
	font-size: 0.8em;
    margin-top: 2em;
}

/*-----------------------------------------
  スポンサーリンク
　　商品リンクを横並びにする
------------------------------------------*/
.sponsored_link{
	padding: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}


/*-----------------------------------------
  文字の装飾
------------------------------------------*/
span.futoaka{
	color: red;
	font-weight: bold;
}

span.futoao{
	color: blue;
	font-weight: bold;
}

span.futomido{
	color: green;
	font-weight: bold;
}

/*-----------------------------------------
  関連記事
------------------------------------------*/

/* 関連記事全体 */
.related{
	margin: 1em 0;
	/*border:1px solid #1F5E73;*/
}

/* 関連記事タイトル部分 */
h3.related-title {
	font-size: 20px;
	margin-bottom: 0px;
	padding: 10px;
	line-height: 25px;
	text-decoration: underline;
}

/* 表示される各記事の調整 */
li.related-list {
	font-size: 15px;
	line-height: 18px;
	padding:8px;
	list-style: disc inside;
}

/* 各記事のリンク */
li.related-list a{
	/*font-weight:bold;*/
	color:#333;
}

/* カーソルが乗った時のリンク */
li.related-list a:hover{
	color:#00f;
}

p.no-related {
	padding-left: 15px;
	margin-bottom: 15px;
}

/*-----------------------------------------
  リスト関係
------------------------------------------*/

ul,
ol {
	margin: 0 0 1em 1em;
	line-height: 2em;
}

ul.params {
	margin: 0 0 1.5em 0;
	margin-bottom:20px;
	border:1px solid #1F5E73;
	padding:8px;
	list-style: inside;
}

/*　まとめ用　*/
ul.matome {
	margin: 0 0 0 2.0em;
	list-style: outside;
}

/*　まとめ用　子リスト　*/
ul.matome-child {
	font-size: 0.95em;
	margin: 0 0 0 0em;
	list-style: inside;
	list-style-type: circle;
}

ul.list_in_post {
	font-size: 0.95em;
}

/*-----------------------------------------
　　SNSボタン
------------------------------------------*/
ul.share{
	list-style:none;
	margin-left: 0;
}
.share, .share > li{
	display:flex;
  	flex-direction: row;
	justify-content: flex-start;
	align-items:stretch;
	
}
.share > li{
	padding: 0 10px 0 0;
	height: 1em;
}

@media screen and (max-width: 599px) {
.share, .share > li{
	display:flex;
  	flex-direction: column;
	}
 .share > li{
	padding: 0 10px 0 0;
	height: 2em;
  }
	
}

/*　　以前のｓｎｓボタンの設定　念の為消さないでおく
.share{
	height: 90px;
}
.share ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.share li {
	float: left;
	width: 15%;
	margin: 0;
	margin-top: 0;
}
.share li a {
	font-size: 16px;
	display: block;
	padding: 10px;
	text-align: center;
	text-decoration: none;
	color: #fff; 
}
.share li a:hover {
	opacity: .8;
}
.share li a:visited {
	color: #fff;
}

i.fa-twitter-square{
	font-size:5em;  
	color:#55acee;
}

i.fa-facebook-square{
	font-size:5em;  
	color:#315096;
}

i.fa-google-plus-square{
	font-size:5em;  
	color:#dd4b39;
}

i.fa-line{
	font-size:5em;  
	color:#00b833;
}
*/
/*　画面サイズＨＤの場合　*/
/*
@media(max-width: 599px) {
	.share li {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding: 3px;
		width: 22%;
	}
	.share li a {
		font-size: 17px;
	}	
	.share li i {
		font-size: 3em; 
	}
	.share li span {
		display: none;
	}
}
*/

/*-----------------------------------------
　個別ページ　カスタマイズ
------------------------------------------*/
/* パン屑リスト */
.breadcrumbs {
	font-size:small;
	padding:0 0 15px 0;
}

/*前後記事*/
.navigation.post-navigation{
	margin: 0;
}


/*ブログタイトル　小文字使用*/
.site-title {
	text-transform: none;
}

/*ホームページ　タイトル　太さをカテゴリページと合わせる*/
h1, .home.blog .entry-title  {
	font-weight: 700;
}


/*Widget title*/
@media screen and (min-width: 48em){
	h2.widget-title {
		text-transform: none;
		font-size: 16px;
		margin-bottom: 0.5em;
	}
}

/* 見出しh2 */
.entry-content h2 {
	color: #333;　
	font-size: 20px;
	font-size: 1.40rem;
	font-weight: 300;
	border-left: 8px solid #006699;
	padding: 0 0 0 15px ;
	line-height: 2;
	background-color: #fff;
	margin-top: 2em;
}

/* 見出しh3 */
.entry-content h3 {
	color: #333;
	font-size: 18px;
	font-size: 1.125rem;
	font-weight: 300;
	margin: 1em 0 0.5em 0;
	border-left: 5px solid #666699;
	padding: 0 0 0 15px ;
	line-height: 2;
	background-color: #fff;
}

/* 見出しh4 */
.entry-content  h4 {
	margin: 0 0 1em 0;
	padding: 0 0 0 0;	
}

/* preタグ ('19/3/17 margin modified )*/
.entry-content pre{
	margin: .5em 0 2em 0;
	padding: 10px 0 10px 15px ;	
}

.entry-content pre.format{
	margin: 0 0 0.5em 0;
	padding: 10px 0 10px 15px ;	
}

/*　ｐタグのmargin変更　*/
.entry-content p {
	margin: 0 0 1em 0;
	padding: 0 0 0 0px ;	
}

/*　まとめ用　ｐタグのmargin変更　*/
.entry-content p.sort2{
	margin: 0 0 0 0;
}

/*　Linuxカテゴリの見出し設定　*/
h2.linux {
	border-left: 8px solid #008080;
	border-bottom: 2px solid #008080;
	padding: 0 0 0 15px ;
}

h3.linux {
	border-left: 5px solid #99FF99;
	border-bottom: 2px solid #99FF99;
	padding: 0 0 0 15px ;
}

/*-----------------------------------------
　tableのスタイル変更
------------------------------------------*/

/* table format */
table.sort_article tbody th,
table.sort_article tbody td {
	border: solid 1px lightgray;
}
table.sort_article {
	border-collapse: collapse;
}
table.sort_article tbody th {
	background: #D7EEFF;
	text-align: center;
	border: solid 1px lightgray;
}


/* algorithm/stack-and-queue/254*/
table.data-and-queue{
	border: 1px solid #aaa;
}
table.data-and-queue th{
	text-align:center;
	border: 1px solid #aaa;
}
table.data-and-queue td{
	text-align:left;
	border: 1px solid #aaa;
}
table.data-and-queue td:nth-of-type(1){
	width:20%;
}

/* /algorithm/introduction/382*/
table.algo_intro {
	border: 1px solid #aaa;
}
table.algo_intro th{
	text-align:center;
	border: 1px solid #aaa;
}
table.algo_intro td{
	border: 1px solid #aaa;
}
table.algo_intro td:nth-of-type(1){
	text-align:left;
	border-right: 1px solid #aaa;
	width: 35%;
}
ul.algo_intro,
ol.algo_intro {
	margin: 0 1.5em;
}

/* python/format/1015　*/
table.format{
	font-size: 0.9em;
	border: 1px solid #aaa;
	word-break : break-all;
}
table.format th{
	text-align:center;
	font-size: 0.95em;
	border: 1px solid #aaa;
}
table.format td:nth-of-type(1){
	text-align:center;
	width: 24%;
	border: 1px solid #aaa;
}

table.format td:nth-of-type(2){
	text-align:left;
	border: 1px solid #aaa;
}

/* python/sorted_sort/594 */
table.sort2{
	border: 1px solid #aaa;
}
table.sort2 td{
	text-align: left;
	border: 1px solid #aaa;
}
table.sort2 td:nth-of-type(1){
	width: 30%
}

/* algorithm/sort_algorithm/702 */
table.sort_algorithm {
	border: 1px solid #aaa;
}
table.sort_algorithm th{
	text-align:center;
	border: 1px solid #aaa;
}
table.sort_algorithm td{
	font-size: 0.9em;
	text-align:center;
	border: 1px solid #aaa;
}
table.sort_algorithm td:nth-of-type(1){
	width: 25%
}
table.sort_algorithm td:nth-of-type(2){
	text-align:left;
	width: 60%
}

/*python/shutil_copy_move_rmtree/1305*/
table.copy_move_matome{
	border: 1px solid #aaa;
}
table.copy_move_matome td{
	border: 1px solid #aaa;
}
table.copy_move_matome td:nth-of-type(1){
	width: 40%;
}

/*linux/redirect_pipline/1571*/
table.stdin_stdout{
	border: 1px solid #aaa;
}

table.stdin_stdout th,
table.stdin_stdout td{
	font-size: 0.9em;
	text-align: center;
	border: 1px solid #aaa;
}

table.stdin_stdout td:nth-of-type(1) {
	width: 23%;
}
table.stdin_stdout td:nth-of-type(2) {
	width: 8%;
}
table.stdin_stdout td:nth-of-type(3),
table.stdin_stdout td:nth-of-type(4){
	text-align: left;
}

table.redirect {
	font-size: 0.9em;
}
table.redirect td:nth-of-type(1) {
	width: 43%;
}

/*引数の説明テーブル*/
table.argument_explain{
	margin: 0.5em 0;
}

table.argument_explain td,
table.argument_explain tr{
	text-align:left;
	border: 1px solid #aaa;
	word-break : break-all;
}
table.argument_explain td:nth-of-type(1){
	width: 20%;
}

/*webbrowser_module/1884*/
table.webbrowser th,
table.webbrowser td{
	text-align:center;
}
table.webbrowser td:nth-of-type(2){
	text-align:left;
}
@media screen and (max-width: 480px){
	table.webbrowser{
		font-size: 0.8em;
	}
}


/* commandline_argv/1093 */
table.argv td{
	border: 1px solid #aaa;
}




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

ul.format,
ol.format {
	margin: 0 1.5em;
}

td:first-child {
	padding-left: 0.4em;
}

/*-----------------------------------------
　Table press
------------------------------------------*/
/*General setting ~~ font size tuning*/
.tablepress{
    font-size: 0.95em;
}


/*Boolean Operation ~ and, or, not ~*/
#tablepress-Bool_operation > thead > tr > th.column-1{
     width: 15%;
}
#tablepress-Bool_operation > thead > tr > th.column-2{
     width: 40%;
}


/*Face++の顔検出Web APIで視線検出を試してみた*/
.tablepress.tablepress-id-Face_detect_api {
     font-size: 0.85em;
}

#tablepress-Face_detect_api > tbody > tr.row-3.odd > td.column-1{
     width: 30%;
}

@media screen and (max-width:599px){
     .tablepress.tablepress-id-Face_detect_api {
         font-size: 0.7em;
   }
}


/*MySQL文基本フォーマットまとめ*/
.tablepress.tablepress-id-sql_statement {
	font-size: 0.85em;
}
#tablepress-sql_statement > tbody > tr.row-3.odd > td.column-1{
	width: 40%;
}

@media screen and (max-width:599px){
    .tablepress.tablepress-id-sql_statement {
	    font-size: 0.7em;
    }
}

/*[Python] Seleniumを使ったスクレイピング*/
.tablepress.tablepress-id-selenium_methods,
.tablepress.tablepress-id-selenium_attrs{
	font-size: .9em;
}


/*[Python] 擬似乱数の使い方（randomモジュール）*/
.tablepress.tablepress-id-random_m {
	border: 1px solid #aaa;
}

.tablepress.tablepress-id-random_m tbody td {
	border: 1px solid #aaa;
}

.tablepress.tablepress-id-random_m tbody td:nth-of-type(1) {
	width: 45%;
}

/*データ型まとめ*/
.tablepress.tablepress-id-data_type {
	font-size: .9em;
}

.tablepress.tablepress-id-data_type tbody td:nth-last-child(1),
.tablepress.tablepress-id-data_type tbody td:nth-last-child(2),
.tablepress.tablepress-id-data_type tbody td:nth-last-child(3) {
	text-align: center;
}

/*zipfileの引数*/
/*tarfileの引数*/
.tablepress.tablepress-id-zipfile,
.tablepress.tablepress-id-tarfile {
	font-size: .9em;
}

.tablepress.tablepress-id-zipfile tbody td:nth-of-type(1),
.tablepress.tablepress-id-tarfile tbody td:nth-of-type(1) {
	width: 30%;
}

/*isdigitの引数*/
.tablepress.tablepress-id-isdigit {
	font-size: .9em;
	border: 1px solid #aaa;
}

.tablepress.tablepress-id-isdigit th,
.tablepress.tablepress-id-isdigit td {
	border: 1px solid #aaa;
}

@media screen and (max-width: 480px) {

	.tablepress.tablepress-id-isdigit {
		font-size: .7em;
	}

}

/*正規表現パターンのまとめ*/
.tablepress.tablepress-id-regex_pattern {
	font-size: .9em;
}
.tablepress.tablepress-id-regex_pattern th {
	text-align: center;
}
.tablepress.tablepress-id-regex_pattern tbody td:nth-of-type(1) {
	width: 27%;
}

@media screen and (max-width: 480px) {
	.tablepress.tablepress-id-regex_pattern {
		font-size: .7em;
	}
	.tablepress.tablepress-id-regex_pattern tbody td:nth-of-type(1) {
		width: 25%;
	}
	.tablepress.tablepress-id-regex_pattern font {
		font-size: .6em;
	}
}


/*-----------------------------------------
　　blockquoteの変更 
------------------------------------------*/

/* 画面幅に併せて改行入れる設定 */
/* with_linefeedクラス */
code[class*="language-"].with_linefeed, pre[class*="language-"]{
     white-space: pre-wrap;
}


/*FontAwesome　 https://fontawesome.com/icons?from=io　*/
.entry-content blockquote {
	position: relative;
	padding: 1px 5px 1px 15px;
	box-sizing: border-box;
	font-style: italic;
	background: #efefef;
	color: #555;
	font-size: 15px;
	margin: 0 0 1.5em 0;
}
.entry-content blockquote p {
	padding: 0;
	margin: 0 0;
	line-height: 1.7;
}
.entry-content blockquote ul,
.entry-content blockquote ol {
	margin: 0 0 0.5em 1.5em;
}
.entry-content blockquote cite {
	display: block;
	text-align: right;
	color: #888888;
}
.entry-content blockquote.from_mypost {
	position: relative;
	padding: 5px 15px 5px 40px;
	box-sizing: border-box;
	background: #fff;
	color: #333;
	font-size: 15px;
	border: solid 1px #888;
	margin: 0 0 1.5em 0;
}
blockquote.from_mypost:before{
	display: inline-block;
	position: absolute;
	font-style: normal;
	left: 10px;
	vertical-align: middle;
	content: "\f15c";
	font-family: "Font Awesome 5 Free";
	color: #888;
	font-size: 25px;
	line-height: 1;
}

/*引用向けのアイコン*/
.entry-content blockquote.quote {
	padding: 5px 15px 5px 40px;
}

/*-----------------------------------------
　記事とサイドバーの幅変更
------------------------------------------*/

/* 参考：http://tsumaboku.com/twenty-seventeen-customize-layout-width */
@media screen and (min-width: 48em) {
	.wrap {
		max-width: 1100px;/*記事・サイドバー・余白の全幅*/
		padding-left: 2em;/*記事の左余白*/		
		padding-right: 2em;/*サイドバーの右余白*/
	}
	.has-sidebar:not(.error404) #primary {
		float: left;
		width: 64%;/*記事幅*/
	}
	.has-sidebar #secondary {
		float: right;
		padding-top: 0;
		width: 30%;/*サイドバー幅*/
	}
	.navigation-top .wrap {
		max-width: 1100px;/*メニューバー幅*/
		padding: 0.75em 3.4166666666667em;
	}
	.site-content {
		padding: 2.5em 0 0;/*メニューバーと記事の間隔*/
	}
}

/*-----------------------------------------
  記事中のリンク (2019.5.1修正）
------------------------------------------*/

/*記事中のリンク文字色の変更*/
.entry-content a{
	color: #333333;
	text-decoration: underline;
}


.entry-content a:hover,
.entry-content a:active {
	color: #222222;
}


/*-----------------------------------------
 ヘッダー画像の高さ調整 
------------------------------------------*/

.has-header-image.twentyseventeen-front-page .custom-header,
.has-header-video.twentyseventeen-front-page .custom-header,
.has-header-image.home.blog .custom-header,
.has-header-video.home.blog .custom-header {
	height: 35vh; /* 75vh */
}

.has-header-image .custom-header-media img,
.has-header-video .custom-header-media video,
.has-header-video .custom-header-media iframe {
	position: absolute; /* fixed */
}

@media screen and (min-width: 48em) {
	.has-header-image.twentyseventeen-front-page .custom-header,
	.has-header-video.twentyseventeen-front-page .custom-header,
	.has-header-image.home.blog .custom-header,
	.has-header-video.home.blog .custom-header {
		height: 35vh; /*auto*/
	}

	.twentyseventeen-front-page.has-header-image .custom-header-media,
	.twentyseventeen-front-page.has-header-video .custom-header-media,
	.home.blog.has-header-image .custom-header-media,
	.home.blog.has-header-video .custom-header-media {
		height: 30vh; /* 100vh */
	}
}