/* ma-print.css 
Re:VIEW用マーリンアームズのデフォルトのCSS
*/
body {
    padding: 1.5rem;
    font-size: 10pt;
    line-height: 1.5rem;
/*    line-height: 2rem; */
/*    font-family: serif; */
	  font-family:  osaka, sans-serif; /* meiryo */
    max-width: 50rem;
}

p {
	font-family: meiryo, osaka, sans-serif;
/*	font-family: "ヒラギノ角ゴ Pro W6"; */
/*    font-family: sans-serif; */
/*    text-indent: 1rem; */
  font-size: 10pt;
}

p.noindent {
    text-indent: 0;
}

p.flushright {
    text-align: right;
    text-indent: 0;
}

blockquote {
  padding: 0.6rem;
  background-color: #EEE;
  text-indent: 0;
  line-height: 1.5rem;
}
blockquote p {
}

h1 {
/*  text-align: right; */
  
    font-size: 14pt;
    font-family: sans-serif;
    border-top: solid 1px #000;
    padding-top: 0.2rem;
/*		background-color: #DDD; */
/*    padding-bottom: 2rem; */
    padding-bottom: 1rem;
}

div.colophon h1.title {
    text-align: left;
    font-size: 12pt;
    font-family: sans-serif;
    border-top: 0;
    padding-bottom: 0;
}

div.coverpage h1.title {
    text-align: center;
    font-size: 24pt;
    font-family: sans-serif;
    border-top: none;
    padding-top: 0.2rem;
    padding-bottom: 3rem;
}

div.coverpage h1.entitle {
    text-align: right;
    font-size: 24pt;
    font-family: sans-serif;
    border-top: solid 1px #000;
    padding-top: 0.2rem;
    padding-bottom: 3rem;
}

div.coverpage h1.titlewithsub {
    text-align: center;
    font-size: 24pt;
    font-family: sans-serif;
    border-top: none;
    padding-top: 0.2rem;
    padding-bottom: 0;
}

div.coverpage h2.subtitle {
    text-align: center;
    font-size: 18pt;
    font-size: 14pt;
    font-family: sans-serif;
    border-top: none;
    padding-top: 0;
    padding-bottom: 5rem;
}

div.revision {
    text-align: right;
    font-size: 10pt;
    font-family: sans-serif;
    color: rgb(0, 0, 80);
    border: solid 1px #000;
    padding: 0.5rem;
}

div.chapter div.titlepage div div h2, div.preface div.titlepage div div h2 {
    text-align: right;
    font-size: 14pt;
    font-family: sans-serif;
    border-top: solid 1px #000;
    padding-top: 0.2rem;
    padding-bottom: 3rem;
}

h2, div.sect1 div.titlepage div div h2, div.sect1 div.titlepage div div h1 {
    text-align: left;
    border-top: none;
    font-size: 14pt;
    font-family: sans-serif;
    padding-top: 0.2rem;
    padding-bottom: 0;
    margin-bottom: 0;
}

div.section div.titlepage div div h1 {
    text-align: left;
    border-top: none;
    font-size: 18pt;
    font-family: sans-serif;
    padding-top: 0.2rem;
    padding-bottom: 0;
    margin-bottom: 0;
    border-top: none;
}

div.section div.titlepage div div h2 {
    font-size: 15pt;
    font-family: sans-serif;
    padding-top: 0.1rem;
    padding-bottom: 0;
    text-align: left;
    border-top: 0;
}

h3, div.sect2 div.titlepage div div h2 {
    font-size: 15pt;
    font-family: sans-serif;
    padding-top: 0.1rem;
    padding-bottom: 0;
}

div.refnamediv p {
    font-size: 15pt;
    font-family: sans-serif;
    font-weight: bold;
    padding-top: 0.1rem;
    padding-bottom: 0;
    text-indent: 0;
}

/*h4 div.sect3 div.titlepage div div h3, div.refnamediv h2, div.refsect1 h2 {
    font-size: 13pt;
    font-family: sans-serif;
    padding-top: 0.1rem;
    padding-bottom: 0;
}
*/

div.refsect2 h3 {
    font-size: 11.5pt;
    font-family: sans-serif;
    padding-top: 0.1rem;
    padding-bottom: 0;
}

/*
div.transnote h4 {
    font-size: 10pt;
    font-family: sans-serif;
    padding-top: 0;
    padding-bottom: 0;
}
*/

div.transnote {
    border: solid 1px rgb(0, 0, 0);
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: 0;
    padding-bottom: 0.5rem;
}

div.draft-comment, p.remark, p.comment, span.remark {
    color: rgb(255, 0, 0);
    background-color: rgb(255, 192, 192);
    font-size: 9pt;
    font-family: sans-serif;
}

span.draft-comment {
    color: rgb(255, 0, 0);
    background-color: rgb(255, 192, 192);
    font-size: 9pt;
    font-family: sans-serif;
}

pre {
  font-size: 9pt;
  margin-left: 1rem;
  line-height: 1rem;
}


pre.programlisting {
    margin-left: 0;
}

pre.dummyimage {
    background-color: rgb(200, 0, 0);
    border: solid 2px rgb(255, 255, 0);
}

a {
  color: black;
  hover: background-color: pink;
/*  text-decoration: none; */
/*  font-family: courier, serif; */
}
a.link, a.ulink, a.remail, i {
  font-family: courier, serif;
  color: black;
    /* font-style: italic; */
}

.imgref {
  font-weight: bold;
}

dt {
    font-size: 9pt;
    margin-top: 1.5rem;
		font-weight: bold;
    margin-top: 0rem;
}

dd {
    margin-left: 1rem;
}

dt p, dd p, ul p {
    text-indent: 0;
}

img.max {
    max-width: 95%;
}

div.image {
  margin-top: 1rem;
	text-align: center;
  font-weight: bold;
	/*
  max-width: 70%;
	max-height: 12rem;
*/
}

div.mediaobject img, div.image img {
/*    border: solid 1px #000; */
    max-width: 95%;
		max-height: 50rem;
    padding: 0.5rem;
    margin-right: 0.5rem;
}

div.mediaobject img.noborder, div.image img.noborder {
    border: none;
    padding: 0.2rem;
}



p.caption {
    text-indent: 0;
    font-size: 9pt;
/*    font-style: italic; */
}

div.table p.caption {
    margin-top: 2rem;
    margin-bottom: 0.5rem;
}

div.image p.caption {
    margin-top: 0.5rem;
    margin-bottom: 2rem;
}

span.term {
    font-style: normal;
}

span.remphasis {
    /* font-style: italic; */
    font-style: normal;
    font-family: sans-serif;
}

span.italic {
    font-style: italic;
}

rem {
    font-style: normal;
}

code.literal {
    font-family: monospace;
}

.tt {
  font-family: courier, osaka, monospace;
/*  font-weight: normal; */
  font-weight: bold;
}

strong {
    font-family: sans-serif;
}

strong.userinput {
    font-family: monospace;
}

span.command strong {
    font-family: monospace;
}

rem.replaceable {
    font-family: monospace;
    font-style: italic;
}

table.simplelist {
    margin-left: 2rem;
}

p.title {
    font-family: sans-serif;
    text-indent: 0;
}

h3.author, h3.othercredit {
    font-size: 9pt;
    font-family: serif;
}

h3.enauthor {
    text-align: right;
    font-size: 12pt;
    font-family: serif;
    font-style: italic;
}

p.copyright {
    font-size: 9pt;
    padding-top: 1rem;
    text-indent: 0;
}

div.legalnotice p {
    font-size: 9pt;
    text-indent: 0;
}

div.footnotes hr {
    border: dotted 1px rgb(192, 192, 192);
}

span.footnotremark {
    vertical-align: super;
    font-size: 5pt;
}

div.footnote p {
    font-size: 9pt;
    text-indent: 0;
}

div.informaltable table, div.table table {
    border-collapse: collapse;
    border: 1px solid rgb(128, 128, 128);
}

div.informaltable table td {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

div.informaltable table th, div.table table th {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    background-color: rgb(192, 192, 192);
    font-family: sans-serif;
    font-size: 8.5pt;
    text-indent: 0;
}

div.table table td {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    font-family: sans-serif;
    font-weight: normal;
    font-size: 8.5pt;
    text-indent: 0;
    border-bottom: 1px solid rgb(128, 128, 128);
}

div.informaltable table th p {
    font-family: sans-serif;
    text-indent: 0;
}

div.informaltable table td p {
    font-family: sans-serif;
    font-weight: normal;
    text-indent: 0;
}


.caption b {
/*  color: red; */
}
/* .info:before {
	content: "";
}
*/
/* content: "■追加情報"; */


/*
.caution {
	background-color: #CFCAE2;
	padding: 0.3rem 1rem;
}

.caution:before {
	content: "■落とし穴";
}
*/

.warning:before {
	content: "■注意";
  color: red;
}

.warning {
  /*  background-color: #DDD; */
  margin-top: 1rem;
  border-radius: 0.5rem;
  padding: 0.5rem;
  border: solid 2px #000;
  padding-bottom: 0;
}

/*
.memo {
*/
  /* コードを含む。背景あり。ChatGPTからの回答（ch08）など */
/*  background-color: #DDD; */
/*  border-radius: 0.5rem; */
/*
  padding: 1px 0.5rem 0px 0.5rem;
  border: solid 1px black;
  margin-left: 1rem;
  padding-left: 0rem;
  margin-right: 1rem;
}
*/

/*.memo .emlist-code .emlist{
  margin-left: 0.5rem;
}
*/

/*
.memo {
  margin-top: 1rem;
	background-color: pink;
	padding: 0.3rem 1rem;
}

.memo:before {
	content: "■メモ";
}
*/


.emlist-code .emlist {
  margin-top: 0;
  margin-bottom: 0;
  padding: 0.5rem 0;
}

.emlist-code, .emlistnum-code {
/*  background-color: #EEE; */
/*  font-size: 14pt; */
  font-size: 9pt;
  line-height: 1rem;
	font-family: courier, monospace;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0rem;
  border: dotted 2px black;
  margin-left: 0rem;
  margin-right: -0.5rem;
  margin-bottom: 0.5rem;
}


div.calloutlist table td p {
    text-indent: 0;
}

div.note table, div.caution table {
    margin-right: 4rem;
}

div.note table td p, div.caution table td p {
    font-size: 9pt;
}

span.chapno {
    color: rgb(128, 128, 128);
}

table.colophon {
    border: none;
}

div.colophonp p {
    text-indent: 0;
}

table.colophon td {
    font-size: 9pt;
}

table.colophon td.title {
    font-family: sans-serif;
    font-size: 12pt;
}

table.colophon span.subtitle {
    font-family: sans-serif;
    font-size: 10pt;
}

td {
	vertical-align: top;
}

div.author {
}

div.author h3 {
    font-size: 12.5pt;
    padding-top: 0;
}

div.coverpage h3.author {
    text-align: center;
}

div.footer {
    font-size: 9pt;
    margin-top: 15rem;
    text-align: center;
}

div.footer img {
    height: 3rem;
}

div.enfooter img {
    height: 2rem;
}

div.enfooter {
    font-family: sans-serif;
    font-size: 9pt;
    font-weight: bold;
    margin-top: 20rem;
    text-align: right;
}

/*
div.author h4 {
    font-family: serif;
    font-size: 12.5pt;
    padding-bottom: 0;
    margin-bottom: 0;
}
*/

span.red {
    color: rgb(240, 0, 0);
}

span.javascript {
    background-color: rgb(0, 0, 64);
    color: rgb(255, 255, 255);
    padding: 0.2rem;
}


div.book {
    padding-bottom: 1rem;
}

div.adv div.book h3.adv {
    font-size: 13pt;
    font-family: sans-serif;
    padding-top: 0.1rem;
    padding-bottom: 0;
    margin-bottom: 0;
}

div.adv img.adv {
    width: 130pt;
    float: left;
    margin-right: 1rem;
    border: none;
}

div.adv ul {
    list-style: none;
    margin-top: 0;
}

div.adv ul li {
    line-height: 140%;
}

ol.abc {
    list-style-type: lower-alpha;
}

div.lead, div.lead p {
    text-indent: 0;
    text-align: right;
    margin-left: 4rem;
    font-family: sans-serif;
    font-size: 9pt;
/*    font-size: 7.5pt; */
}

/********************/
/* firefox で印刷 */
body {
  font-family:'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3', meiryo, serif;
  margin-left: 2rem; 
  margin-right: 1rem;
  font-size: 9pt; /* part1 */
  font-size: 10pt; /* part2 part3 */
  margin-bottom: 2rem;

}




/* column   （sidebar は不使用）  */

div.column, div.sidebar {
    border: 3px solid rgb(0, 0, 0);
    padding: 0.4rem 1rem 0rem 0.5rem;
		margin-top: 2rem;
    margin-bottom: 1.5rem;
    background-color: #FFF;
/*    background-color: #FFF0F0; */
}


/*  h3  も参照のこと  ★★ を検索 */
div.column h3, div.sidebar h5.title {
  margin-top: 0.5rem;
  font-size: 11pt;
  font-family: sans-serif;
  text-align: center;
  border-left: none;
  display: block;
/*  width: 40rem; */
/*  background-color: white;
  border-bottom: none;
*/
}


/* note info warning 共通 */
.note, .info, .warning {
  margin-top: 1rem;
	margin-bottom: 0.5rem;
  padding: 1px 1rem 1px 1rem;
}


/* note */
.note {
/*  background-color: #EEE; */
  border: solid 1px black;
  padding-bottom: 0;
 }

.note:before {
  content: "■Note";
	font-weight: bold;  
/*  color: #111;  */
}

.note b {
  color: red;
}

.note p {
/*  margin-top: 0.1rem; */
  margin-bottom: 0.1rem;
}



/* info 
//info[■HTMLメモ]
//info[【別解】]
//info[■新しい関数]
//info[■プログラミング オススメの習慣]
//info[■プログラムは形式的な英語]
*/

.info {
  border: solid 1px black;
	background-color: #EEE;
}



.info b { /* 新しい関数 */
  color: red;
  font-family: courier, osaka, monospace;
}

.info p {
/*  margin-top: 0.1rem; */
  margin-bottom: 0.1rem;
}



/* warning     []の中にタイトルを表示 */
.warning {
  
}

.warning {
  border: dotted 2px red;
}

.warning p {
/*  margin-top: 0.1rem; */
  margin-bottom: 0.1rem;
}



/*

.notice:before {
	content: "■注意";
	font-weight: bold;
  color: red;
}

.notice {
  margin-top: 1rem;
  border: solid 1px black;
  padding: 0.5rem 1rem 0 1rem;
  background-color: #EEE;
	margin-bottom: 0.5rem;
}


.tip {
  margin-top: 1.5rem;
  margin-bottom: 1rem;
  padding: 1px 1rem 0 1rem; 
  background-color: #DDD;
  border: dotted 2px black;
}

.tip:before {
	content: "■HTMLメモ";
}

.important:before {
	content: "■プログラムは形式的な英語";
	font-weight: bold;
  color: red;
}
*/

/*
.important {
  border: solid 1px black;
  padding: 1px 1rem 0 1rem;
	margin-bottom: 0.5rem;
}

.important .caption {
  font-size: larger;
  font-weight: bold;
}

.important b {
  color: black;
}
*/






h1 {
  page-break-before: auto;
/*  page-break-before: always; */
}


table {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1rem;
}

.caption {
    text-align: left;
    }

/* 表のキャプション */
/* 【例】
<div id="tbl0301" class="table">
<p class="caption">表3.1: 文字列フォーマットの型指定子</p>
*/

.table .caption {
	text-align: center;
	font-weight: bold;
	font-family: sans-serif;
}

p.caption {
    text-indent: 0;
    font-size: 11pt;
    font-size: 10pt;
    line-height: 1.2rem;
/*    font-style: italic; */
}

p {
/*    line-height: 1.5rem; */
/*    line-height: 1.7rem;  */
    }


h2 {
  /* background-color: #EEE; */
  margin-top: 1rem;
  margin-bottom: 1rem;
  font-size: 13pt;
  padding: 0.1rem 0 0rem 0.3rem;
  border-bottom: solid 3px;
  border-left: solid 15px #FCDCE7;

  border-bottom: 4px solid #FCDCE7;
/*  display: inline-block; */
  
/*  border-top: solid 2px;  */
}


h3 {  /* ★★ */
  margin-top: 1rem;
  margin-bottom: 0rem;
  font-size: 12pt;
/*   padding-left: 0.5rem;
 width: 10rem;
  border-left: solid 10px red;
  border-bottom: solid 4px red;
  background-color: #EEE;
*/

  background: linear-gradient(transparent 80%, #FCDCE7 20%);
/*  
  border-bottom: 7px solid #FCDCE7;
*/
  display: inline-block;
/*  padding-bottom: px; */
/*
  background: linear-gradient(transparent 60%, yellow 30%);
  display: inline-block;
*/
	/*  page-break-before: always; */
}
*/

/*
h4 {
  margin: 2rem 0 0 0;
  font-size: 10pt;
}
*/


h5 {
  font-size: 10pt;
}


.noteref {
	vertical-align: super;
	font-size: smaller;
}

div .footnote {
  border: solid 1px #000;
	padding: 0.3rem 0.5rem;
	margin: 0.5rem 0.2rem;
	background-color: #EEE;
}

.list {
  background-color: #EEE;
  padding: 0.2rem 0.5rem;
	font-family: courier, monospace;  
  }

.bou {
  text-emphasis-style: circle; /* filled */
}

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

img {
  border: 1px solid;
/*	max-width: 80%; */
/*	min-width: 40%;*/
/*	width: 70%; */
/*
  
	height: 18rem;
	width: 60%;
	max-height: 10px;
*/
}

.secno {
/*	display: none; */
}

div.image .caption {
	text-align: center;
}

dl {
  margin-left: 1rem;
  background-color: #EEE;
}

div.informaltable table th, div.table table th {
  font-size: 10pt;
}

div.table table td {
  font-size: 10pt;
}

th, td {
  border: 1px solid;
}

.center {
  text-align: center;
}

.ami {
  background-color: #DDD; padding: 3px 8px;
}


/* 画像関連 */

img {
  margin-left: 0;
}


.width-100per { width: 100%;}
.width-095per { width: 95%;}
.width-090per { width: 90%;}
.width-085per { width: 85%;}
.width-080per { width: 80%;}
.width-075per { width: 75%;}
.width-070per { width: 70%;}
.width-065per { width: 65%;}
.width-060per { width: 60%;}
.width-055per { width: 55%;}
.width-050per { width: 50%;}
.width-045per { width: 45%;}
.width-040per { width: 40%;}
.width-035per { width: 35%;}
.width-030per { width: 30%;}
.width-025per { width: 25%;}
.width-020per { width: 20%;}
.width-015per { width: 15%;}
.width-010per { width: 10%;}
.width-005per { width: 90%; height: 1200px}



.width-095per { width: 95%;}
.width-090per { width: 90%;}
.width-085per { width: 85%;}
.width-080per { width: 80%;}
.width-075per { width: 75%;}
.width-070per { width: 70%;}
.width-065per { width: 65%;}
.width-060per { width: 60%;}
.width-055per { width: 55%;}
.width-050per { width: 50%;}
.width-045per { width: 45%;}
.width-040per { width: 40%;}
.width-035per { width: 35%;}
.width-030per { width: 30%;}
.width-025per { width: 25%;}
.width-020per { width: 20%;}
.width-015per { width: 15%;}
.width-010per { width: 10%;}
.width-005per { width: 05%;}

/* 
.width-095per { width: 95%; filter: grayscale(100%);}
.width-090per { width: 90%; filter: grayscale(100%);}
.width-085per { width: 85%; filter: grayscale(100%);}
.width-080per { width: 80%; filter: grayscale(100%);}
.width-075per { width: 75%; filter: grayscale(100%);}
.width-070per { width: 70%; filter: grayscale(100%);}
.width-065per { width: 65%; filter: grayscale(100%);}
.width-060per { width: 60%; filter: grayscale(100%);}
.width-055per { width: 55%; filter: grayscale(100%);}
.width-050per { width: 50%; filter: grayscale(100%);}
.width-045per { width: 45%; filter: grayscale(100%);}
.width-040per { width: 40%; filter: grayscale(100%);}
.width-035per { width: 35%; filter: grayscale(100%);}
.width-030per { width: 30%; filter: grayscale(100%);}
.width-025per { width: 25%; filter: grayscale(100%);}
.width-020per { width: 20%; filter: grayscale(100%);}
.width-015per { width: 15%; filter: grayscale(100%);}
.width-010per { width: 10%; filter: grayscale(100%);}
.width-005per { width: 05%; filter: grayscale(100%);}

*/
/*   41, 51, ...は強制的にカラー （赤字を使っている）*/
.width-016per { width: 15%; filter: none;} 
.width-021per { width: 20%; filter: none;} 
.width-026per { width: 25%; filter: none;} 
.width-031per { width: 30%; filter: none;} 
.width-036per { width: 35%; filter: none;} 
.width-041per { width: 40%; filter: none;} 
.width-046per { width: 45%; filter: none;} 
.width-051per { width: 50%; filter: none;}
.width-056per { width: 55%; filter: none;}
.width-061per { width: 60%; filter: none;}
.width-066per { width: 65%; filter: none;}
.width-071per { width: 70%; filter: none;}
.width-076per { width: 75%; filter: none;}
.width-081per { width: 80%; filter: none;}
.width-086per { width: 85%; filter: none;}
.width-091per { width: 90%; filter: none;}
.width-096per { width: 95%; filter: none;}

/* 途中のアイコン */
p img {
/*  margin-left: 2rem; */
/*  width: 8%; */
  width: 1.5rem;
  vertical-align: middle;
  border: none;
}

/* post-hook で 置換している */
.vscodeIcon {
  width: 1.5rem;
  vertical-align: bottom;
  border: none;
}

.qrcode {
  margin-left: 2rem; 
  width: 2.5rem;  /*   width: 8%; */
  vertical-align: middle;
  border: none;
}

.iconReload {
  margin: 0 4px;
  padding: 3px;
/*  border-radius: 4px; */
  width: 1.2rem;
  height: 1.2rem;
  border: none;
/*  background-color: #FFF983; */
  vertical-align: middle;
}

.iconMac {
  margin: 0 4px;
  padding: 3px;
  border-radius: 4px;
  width: 1rem;
  height: 0.9rem;
  border: none;
  background-color: #EEE; /* #FFF983; */
  vertical-align: middle;
  filter: none;
}




b {
  font-weight: bold;
  font-family: "ヒラギノ角ゴ Pro W6";
/*  color: red; */
}

.emlist {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.emlist b {
  color: red;
	font-family: courier, monospace;  
}

.list b {
  color: red;
  font-family: courier, monospace;
}

.kw {
  font-weight: bold;
  color: red;
}

code {
  font-weight: bold;
}


ul {
  margin-left: 0;
}
ul li {
  margin-left: 0rem;
}
ul ul {
  margin-left: -0.5rem;
}
li {
  margin-left: 0rem;
}


li b {
  color: red;
}

hd {
  color: red;
}
p b {
  color: red;
}

rt {
  font-size: 5.5pt;
}


/* グレースケール */
/*
img {
  filter: grayscale(100%);
}
*/


@media screen and (max-device-width: 40rem)
{
  body {
	  margin-left: 0;
  }

}