.for_index {
    text-align: right;
    font-size: 90%;
}
.transition_pages {
    text-align: center;
}
.index_li {
    list-style:  none;      
    margin:  0;  
    padding: 0;
}
.canvas-container {
    position: relative;
    width:  calc(100% - 40px);
    height: 400px;
    overflow: hidden;
    margin:20px;
}
@media (max-width: 1000px) { 
    .canvas-container {
        position: relative;
        width:  calc(100% - 40px);
        height: 600px;
        overflow: hidden;
        margin:20px;
    }
}
.sample input[type="submit"]{
    border:none;background:#FFF;text-decoration:underline;color:rgb(0, 0, 0);
}
.sample input:hover{
    cursor:pointer;
}
@media (min-width: 600px) {
    #parent {
    display: flex;
    }
    #child1 {
    flex-grow: 1;
    }
    #child2 {
    flex-grow: 1;
    }
}
.clomuns_name {
    text-align: center; 
}
.column-2 {
    white-space: nowrap;
}
.column-3 {
    white-space: nowrap;
}
table.brwsr2 {
    margin: 0 auto;
    width: 90%;
    border: none;
    border-top: solid 1px rgb(185, 185, 185);
    border-bottom: solid 1px rgb(185, 185, 185);
    border-collapse: separate;
    border-spacing: 0 10px;
    background: #f5f5f5;
    }
table.brwsr2 th {
vertical-align: middle;
height: 53px;
width: 20%;
border: none;
border-right: solid 1px rgb(185, 185, 185);
margin: 0;
text-align: center;
color: #333;
font-size: 14px;
background: #f5f5f5;
white-space: nowrap;
}
table.brwsr2 td.data {
padding: 0;
margin: 0;
height: 53px;
width: 70%;
border: none;
font-size: 14px;
line-height: 16px;
text-align: center;
vertical-align: middle;
white-space: normal;
overflow: hidden;
background: #f5f5f5;
word-break: break-word
}
table.brwsr2 td:fst-child {
padding: 0 0 0 10px;
vertical-align: middle;
}
table.brwsr2 td.bar {
height: 1px;
width: 100%;
border-top: solid 1px #34495e;
}



body{background-color:#f5f5f5;color:#333;font-size:1.2rem;font-weight:normal;font-family:"Helvetica Neue",Helvetica,Arial,"ヒラギノ角ゴシック","Hiragino Sans","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;line-height:1.8;margin:0 auto;max-width:1060px}
a{color:#333;text-decoration:none;border-bottom:solid 1px;padding-bottom:1px;}
a:visited{color:#333}
a:hover{color:#333;border-bottom-color:transparent}

header{margin:1.4em 0 2em 0;padding-left:20px}
header h1{font-family: "futura","Helvetica Neue",Helvetica,Arial,"ヒラギノ角ゴシック","Hiragino Sans","ヒラギノ角ゴ Pro W3";font-size:2.4em;font-weight:bold;line-height:1;margin:0}
header h1 a{color:#333;text-decoration:none;border-bottom:none;}
header h1 a:visited{color:#333}#center-container{display:flex;justify-content:space-between}.toc{padding:1em;margin:1em 0;border:solid 1px #e0e0e0;display:inline-block;background-color:#fafafa}.toc a{text-decoration:none}.toc .toctitle{font-weight:bold;font-size:1.2em}.toc ul{font-size:.95rem;margin:0}.toc ul li{margin:.1em 0}.amazlet-box{margin:2.5em 0}.amachazl-box{margin:2.5em 0}nav{width:321px;min-width:321px;margin:0 0 0 19px}nav .side-block{font-size:90%;color:#666;background-color:#fff;padding:10px;margin-bottom:16px}nav .side-block:last-child{margin-bottom:0}nav .side-block .side-ad-block{width:301px;margin-bottom:1em}nav .side-block .side-ad-block:last-child{margin-bottom:0}nav .side-block .side-ad-block img{width:auto}nav .side-block .side-title{font-weight:bold;font-size:1.2em;color:#666;border-bottom:dashed 1px #e0e0e0;margin-bottom:8px}nav .side-block ul{list-style:none;margin:0;padding:0}nav .side-block ul ul{padding-left:1em}nav .side-block ul.nav-columns{-moz-column-count:2;-webkit-column-count:2;column-count:2}nav .side-block ul.has-sub-categories{margin:0 0 1.6em 0}nav .side-block li.self{color:#333;font-weight:bold}nav .side-block li.self>a{color:#333}nav .side-block li.self>a:visited{color:#333}nav .side-block li.other{color:#666;font-weight:normal}nav .side-block li.other>a{color:#666;border:none}nav .side-block li.other>a:visited{color:#666}nav .side-block a{color:#666;border:none}nav .side-block a:visited{color:#666}nav .sticky-block{position:sticky;position:-webkit-sticky;top:20px}nav #side-about{line-height:2}nav #side-about a{text-decoration:none;border-bottom:solid 1px;padding-bottom:1px}nav #side-about a:hover{border-bottom-color:transparent}nav #side-about ul{list-style-type:disc;padding-left:1.4em}nav #side-about ul ul{list-style-type:circle}#pick-up-post h3{margin:1em 0;font-size:1.1em}#pick-up-post ul{margin:1.5em 0 2em 0}#side-related-post ul,#support ul,#recommend-books ul{list-style-type:disc;padding-left:1.4em}#side-related-post ul a,#support ul a,#recommend-books ul a{text-decoration:underline}.gsc-result .gs-title{height:1.4em !important}#search-box{height:35px;line-height:100%;margin-top:16px}#search-box a{border:none}#search-box input{padding:2px 2px 3px !important}#search-result{font-size:1em}#search-result .gsc-control-cse{padding:1em 0 !important;font-size:1rem}#search-result .gsc-thumbnail-inside,#search-result .gsc-url-top{padding-left:0;padding-right:0;font-size:80%}#search-result .ad{margin-bottom:10em}#search-result table{margin:0;padding:0}#search-result table tr,#search-result table td{border:none;padding:0}
main{width:960px;overflow:hidden;max-width:960px;padding:16px 20px}
footer{margin:3em 0 0 0;padding:2em 0;border-top:1px dashed #333;text-align:right;font-size:90%;line-height:2.4}
footer ul li{display:inline-block;margin-left:1em}footer ul #copyright a{border-bottom:none}article h1{font-size:1.6em;font-weight:bold;border-bottom:solid 4px #333;margin:.5em 0}
article h2{font-size:1.4em;font-weight:bold;margin:2em 0 .5em 0;border-bottom:solid 2px #333}article h2:first-of-type{margin-top:3em}article h2:first-child{margin:0 0 .5em 0}
article h3{border-bottom:dotted 2px #ccc;font-size:1.25em;font-weight:bold;margin:3em 0 1em 0}article h2 + h3{margin:2em 0 1em 0}article h4{font-size:1.15em;font-weight:bold;margin:2.5em 0 1em 0}article p{margin:2em 0}article blockquote{background-color:#fafafa;color:#555;border-left:solid 8px #e0e0e0;margin:2em 0;padding:1em;font-size:95%}article blockquote p{margin:.5em 0}article blockquote ul{margin:.5em 0}article blockquote a{color:#666}article blockquote a:visited{color:#666}article blockquote cite{text-align:right;font-style:italic;display:block;font-size:95%}article code{font-family:Consolas,Menlo,Monaco,'Courier New',monospace,sans-serif}article :not(pre) > code{font-size:.9em;margin:0 2px;padding:0 5px;border:1px solid #e0e0e0;background-color:#fafafa;border-radius:3px}article #share-top{margin:1em 0;text-align:right}article #share-bottom{margin:1em 0 2em 0}article #info{text-align:right;font-size:95%;color:#666;margin-bottom:4em}article #info a{color:#666}article #info a:visited{color:#666}article .highlight{border:solid 1px #e0e0e0;border-radius:4px;background-color:#fafafa;margin:2.4em 0}article .highlight pre{font-size:13.4px;line-height:1.5;margin:0;padding:1.2em 1.4em;font-family:Consolas,Menlo,Monaco,'Courier New',monospace,sans-serif;white-space:pre;overflow:auto}article .highlight .source{background-color:#eee;border-top:solid 1px #e0e0e0;text-align:right;font-size:80%;color:#666;padding:.2em 1.4em}article .highlight .source a{color:#666}article .highlight .source a:visited{color:#666}

article h4{border-bottom:dotted 1px #ccc;font-size:1em;font-weight:bold;margin:2em 0 1em 0}

article ul,article ol{
    margin:0em 0;
    padding-left:2em;
    padding-right:2em;
}
article ul ul,article ol ul{
    margin:.4em 0;
    margin-bottom: 1em;
}
article ul li,article ol li{margin:.1em}
article ul p,article ol p{margin:0}
article .link-list ul ul{padding-left:1em}
article .link-list li{margin:0 0 .3em 0}
article .columns{-moz-column-width:8.5em;-webkit-column-width:8.5em;column-width:8.5em;-moz-column-gap:2.5em;-webkit-column-gap:2.5em;column-gap:2.5em}
article table{padding:0;margin:2em auto;border-collapse:collapse}
article table tr{border-top:1px solid #ccc;background-color:#fff;margin:0;padding:0}article table tr th{font-weight:bold;border:1px solid #ccc;text-align:left;margin:0;padding:6px 13px}article table tr td{border:1px solid #ccc;text-align:left;margin:0;padding:6px 13px}article img{max-width:100%}article .img-align{text-align:center}article .label{font-size:75%;margin:2.5em 0 8px 0;color:#666;text-align:left}article .ad-block{margin:4em 0 1em 0;text-align:center}article .ad-block-inside{margin:3em 0 1em 0;text-align:center}article .ad-text{text-align:left;font-size:90%;margin-bottom:2em}article .ad-text a{color:#666}article .ad-text ul{margin:0}article .amazlet-image a{border-bottom:None}
article .amachazl-image a{border-bottom:None}
ol#breadcrumb{color:#666;list-style-type:none;overflow:hidden;margin:0;font-size:95%;padding-left:0}
ol#breadcrumb>li{display:inline-block}ol#breadcrumb>li+li:before{content:">";padding:0 6px;color:#ccc}ol#breadcrumb a{color:#666}ol#breadcrumb a:visited{color:#666}.ad_PC{display:inline-block;width:336px;height:280px}.ad_mobile{display:none}.affiliate-ad-block{display:inline-block}.affiliate-ad-block a{border:none}.ad-side-res{display:inline-block;width:300px;height:600px}.ad-side-sticky-res{display:inline-block;width:300px;height:600px}@media (max-width:1060px){nav{display:none}.ad-side-res{display:none}.ad-side-sticky-res{display:none}body{width:960px;margin:0 auto}}@media (max-width:740px){body{font-size:15px;width:auto;background-color:#fff}main{width:auto;padding:8px 10px}header{margin-left:10px;padding-left:0}header h1{font-size:48px}footer{margin-right:10px;margin-left:10px}article h1{font-size:1.3em}article h2{font-size:1.2em}article h3{font-size:1.1em}article .highlight pre{font-size:13px}.ad_PC{display:none}.ad_mobile{display:inline-block;width:336px;height:280px}}@media (max-width:650px){.affiliate-2{display:none}}@media (max-width:320px){body{font-size:14px}header h1{font-size:40px}.ad_mobile{width:300px;height:250px}article .highlight pre{font-size:12px}}.hll { background-color: #ffffcc }