/*この記述がないと、箇条書きの体裁になってしまう*/
/* * {list-style-type:none;} */

body {font-family: Helvetica, Arial, Meiryo, "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Osaka,"ＭＳ Ｐゴシック";
color:black;margin:0px;}
@media only screen and (max-width: 479px) {body{margin-left:2px;}}

a{text-decoration:none;color:black;}
a:hover img {opacity:0.50;filter:alpha(opacity=50);-ms-filter: "alpha( opacity=50 )";}
a:hover {opacity:0.50;filter:alpha(opacity=50);-ms-filter: "alpha( opacity=50 )";}


div.yokohaba{
width:50%;padding:2%;margin:5px auto;
font-size:16px;background:white;line-height: 1.8rem;
border-radius: 8px; behavior: url(/htc/PIE.htc);
}
@media screen and (max-width: 640px) {
div.yokohaba{width:90%;margin:2px auto;}
}


@media only screen and (max-width: 999px){/*下限と上限を指定している*/
section{width:92%;margin:10px auto;line-height: 1.8rem;}
section.thanks{margin: 10px 5%;padding:3%;width:90%;}
}

/* これがあることで、pre内でも折り返しをしてくれる */
pre {white-space: pre-wrap;}

.small_title{font-size:80%; color:#4682b4;}
.kakomi_just_black{font-size:90%;width:95%;padding:2%;line-height:1.5rem;border:1px gray solid;border-radius:4px;}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* 見出し帯・参考 */
/* https://saruwakakun.com/html-css/reference/h-design */
h1{
/* margin-top:3rem; */
color:black;
text-shadow: 0 0 5px white;
border-left: solid 7px black;
padding-left:0.7rem;
line-height: 1.7;/*行高*/
background: -webkit-repeating-linear-gradient(-45deg, #e3dfed, #e3dfed 3px,#e9f4ff 3px, #e9f4ff 7px);
background: repeating-linear-gradient(-45deg, #e3dfed, #e3dfed 3px,#e9f4ff 3px, #e9f4ff 7px);
}

p.top_title{background:white;border-left:solid 0px; font-size:150%; margin-bottom:2rem;margin-top:1rem;text-align:center;}


h2 {
/* これをやると、サイドメニューも開いてしまうので、あとでwidget-titleで0に戻している	 */
/* margin-bottom:2rem; */
margin-left:0.5rem;margin-top:2.2rem;
font-size:1.2rem;
background: #e3dfed;
box-shadow: 0px 0px 0px 5px #e3dfed;
border: dashed 1px #96c2fe;
padding: 0.2em 0.5em;
color: black;
}

/* h2.widget-title{margin-top:0;} */

h5{/* good/badに使用しています */
color:black;font-size:110%;
padding:0.4em;padding-left:0.6em;
display:inline-block;
line-height:1.2;vertical-align:middle;
margin-top:1rem;
margin-bottom:0.2rem;
}
/*
h3:before {
content: ' ';
color: white;
margin-right: 8px;
}
*/

h5.bad{background: #ffc0cb;border-radius:3px;}
h5.good{background: #dbebf8;border-radius:20px;}
/* border-radius: 25px 25px 25px 25px; */
/* border-radius: 左上 右上 右下 左下; */


li {margin-left:0.7rem;}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* table共通 */
table{font-size: 92%;line-height: 1.8em;text-align:left;width: 90%;margin:auto;margin-left:1%;margin-bottom: 3%;
border-collapse: collapse;border-spacing:0;}
table td {padding:5px; padding-left:15px;  padding-right:10px; border: 1px #5f9ea0 solid;}

#table_book td{text-align: left;height: auto;font-size:95%;line-height:1.8;padding-top:3%;}
@media only screen and (max-width: 479px) {
#table_book { margin: 0 -10px; }
#table_book td{width: 100%;display: block;border-top: none;}
#table_book tr:first-child td { border-top: 1px solid #5f9ea0; }

section{width:92%;margin:2% auto;padding-left:1rem;line-height: 1.6rem;}
section.thanks{margin: 10px auto;padding:3%;width:90%;}
}

/* 入力しにくい文字・テーブル */
/* https://b-risk.jp/blog/2018/07/table-css/ */
.tbl-r05 td:first-child {background: #fbf5f5;}
.narrow_td{width:1%;}
@media screen and (max-width: 640px) {
.tbl-r05 {width: 80%;}
.tbl-r05 .thead {display: none;}
.tbl-r05 tr {width: 100%;}
.tbl-r05 td {display: block;text-align: right;width: 100%;}
.tbl-r05 td:first-child {background: #e3dfed;color: #fff;font-weight: bold;text-align: center;}
.tbl-r05 td:before {content:attr(data-label);float: left;font-weight: bold;margin-right: 10px;}
}
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.amzn_lib_button{width:50%;}
@media only screen and (max-width: 1000px) {.amzn_lib_button{width:70%;}}
@media only screen and (max-width: 600px) {.amzn_lib_button{width:90%;}}


.focus_red{color:#ff0000;}

.kakomi_just_black{
font-size:90%;line-height: 1.5rem;
width:95%;
padding:2%;
border: 1px gray solid;border-radius: 4px;
}

article.example_line{margin-top: 2rem;font-size:110%;}

.tags_listing_toppage{font-size:70%;padding:3px;background:#fbedf9;
	margin-left:0.3rem;border-radius:2px;behavior:url(/htc/PIE.htc);}

.tags_listing_footer{padding:1%;font-size:90%;background:#f7d8f7;line-height:1.7rem;margin-left:0.1rem;
border-radius:5px; behavior: url(/htc/PIE.htc);}

div.tags4footer_yokohaba{width:45%;margin:5px auto;}
@media screen and (max-width: 640px) {
div.tags4footer_yokohaba{width:80%;margin:2px auto;}
}

/* position:fixed; */
/* padding-top:-300px; */
footer{width:100%;background:#f1eef9;}

.shomei{font-size:80%;}