@import url(https://fonts.googleapis.com/css?family=Noto+Sans+JP);
@import url(https://fonts.googleapis.com/css?family=Sawarabi+Gothic);
@import url(https://fonts.googleapis.com/css?family=M+PLUS+1p);
@import url(https://fonts.googleapis.com/css?family=M+PLUS+Rounded+1c);


body
	{
  background: -moz-linear-gradient(225deg, lightcyan, #99e6ff);
  background: -webkit-linear-gradient(225deg, lightcyan, #99e6ff);
  background: linear-gradient(135deg, lightcyan, #99e6ff);
#  background: -moz-linear-gradient(182deg, #fffff6, #e6e6c1);
#  background: -webkit-linear-gradient(182deg, #fffff6, #e6e6c1);
#  background: linear-gradient(92deg, #fffff6, #e6e6c1);
#background-color: #ffffff;

#font-family: "Sawarabi Gothic";
font-family:  'ƒ�ƒCƒŠƒI','Meiryo','ƒqƒ‰ƒMƒmŠpƒSƒVƒbƒN', 'Hiragino Sans', 'ƒqƒ‰ƒMƒmŠpƒS ProN W3', 'Hiragino Kaku Gothic ProN',  'Noto Sans', 'Noto Sans CJK JP', '‚l‚r ‚oƒSƒVƒbƒN', 'MS PGothic', sans-serif;
#font-family: "Noto Sans JP";
#font-family: 'M+ P Type-1 (basic latin) Black';
#font-family: "M PLUS Rounded 1c";

#font-family: 'ŸàƒSƒVƒbƒN','ƒ�ƒCƒŠƒI','Meiryo UI','ƒqƒ‰ƒMƒmŠpƒSƒVƒbƒN', 'Hiragino Sans', 'ƒqƒ‰ƒMƒmŠpƒS ProN W3', 'Hiragino Kaku Gothic ProN',  'Noto Sans', 'Noto Sans CJK JP', '‚l‚r ‚oƒSƒVƒbƒN', 'MS PGothic', sans-serif;
font-size: 12.pt;
line-height:+1.6;
}

pre
{
#  background: -moz-linear-gradient(182deg, #E5FFF4, #4DAFFF);
#  background: -webkit-linear-gradient(182deg, #E5FFF4, #4DAFFF);
#  background: linear-gradient(92deg, #E5FFF4, #4DAFFF);
#	background-color: #ffffff;
#	font-family:ƒ�ƒCƒŠƒI, monospace;
	font-family:  'ƒ�ƒCƒŠƒI','Meiryo','ƒqƒ‰ƒMƒmŠpƒSƒVƒbƒN', 'Hiragino Sans', 'ƒqƒ‰ƒMƒmŠpƒS ProN W3', 'Hiragino Kaku Gothic ProN',  'Noto Sans', 'Noto Sans CJK JP', '‚l‚r ‚oƒSƒVƒbƒN', 'MS PGothic', sans-serif;
	font-size: 12.pt;
	line-height:+1.6;
	white-space: pre-wrap ;
	word-wrap: break-word;
	margin-left: 100px;
	}
rb
{
font-size: 90%;
}
rt
{
font-size: 50%;
}
.nuki
	{
	opacity: 0.0;
	}
.nuki:hover{
	opacity: 1.0;
	color:red;
}

.st{
	color:red;
}
.trim{
text-shadow: yellow 1px 1px 0px, yellow -1px 1px 0px,yellow 1px -1px 0px, yellow -1px -1px 0px;"
}

a {
 
color:mediumblue;
text-decoration:underline;
font-style: oblique;
padding-left: 2px;
padding-right: 3px;
}
a:link {
color:mediumblue;
text-decoration:underline;
font-style: oblique;
padding-left: 2px;
padding-right: 3px;
}
a:visited {
font-style:oblique;
color:palevioletred;
text-decoration:underline;
font-style: oblique;
padding-left: 2px;
padding-right: 3px;
}


a.p:hover {
    position: relative;
    text-decoration: none;
}
a.p span {
    display: none;
    position: absolute;
    top: 1em;
    left: -64px;
}
a.p:hover span {
    border: none;
    display: block;
    width: 128px;
}

.aa{
font-family:'‚l‚r ‚oƒSƒVƒbƒN','‚l‚r‚oƒSƒVƒbƒN','MSPƒSƒVƒbƒN','MS PƒSƒVƒbƒN';
font-size:12px;
line-height:12px;
padding: 0 0 40px 15px;
#white-space: pre-wrap ;
word-wrap: break-word;

}
blockquote
{
margin-left: 4em;
}
img.photo
{
margin-left: 3em;
border-radius: 20px;
}
img.photo2
{
border-radius: 20px;
}

[data-ruby] {
    position: relative;
}
[data-ruby]::before {
    content: attr(data-ruby);
    position: absolute;
    top: -0.7em;
    left: 0.em;
    right: 0.em;
#    margin: auto;
text-align: center;
#    letter-spacing:0.5em;
    font-size: 1.0em;
white-space: nowrap;
#  text-align: justify;
#  text-justify: inter-ideograph;
}
#.frame {
#  overflow:hidden;
#  overflow-x:hidden;
#  overflow-y:hidden;
#  height:100%;
#  width:100%;
#  position:relative;
#  top:0px;
#  left:0px;
#  right:0px;
#  bottom:0px;
#}




li {
	list-style-type: none;
}
li:before {
	content: '';
	width: 0.3em;
	height: 0.3em;
	display: inline-block;
	border-radius: 100%;
	background: #ff4500;
#	background: #20B97B;
	position: relative;
	left: -10px;
	top: -0.2em;
}