@charset 'UTF-8';

div.blogtable {
	display:table;
	width:100%;
}

div.logs {
	padding:5px 0 0 15px;
	display:table-cell;
}

div.diary {
	margin:0 0 10px 0;
	padding: 2px;
	border: 1px solid #777777;
	border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
}
div.diary h3 {
	margin: 5px 5px 10px 5px;
	padding: 8px;
	font-size: 18px;
	color: #FFFFFF;
        font-weight: bold;
	line-height:1;
	border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
}
div.diary h4 {
	margin: 0 5px 5px 5px;
	padding: 0;
	font-size: 18px;
        font-weight: normal;
}
div.diary h4 a{
        font-weight: bold;
}
div.text{
	margin: 0;
	padding: 5px 10px;
	line-height:1.4;
}
div.text div.imgwaku{
	position:relative;
	display:inline-block;
	margin:10px auto;
}
div.text img.no{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
div.text img{
	border:0;
	max-width:500px;
	max-height:640px;
}
ul.info {
	margin: 5px 10px;
	text-align: right;
	list-style-type:none;
}
ul.info li {
	display: inline;
	font-size: 10px;
	margin-left: 5px;
}

div.navigation {
	padding:5px 15px 10px 15px;
	width: 200px;
	display:table-cell;
}
div.bloglist {
	width: 100%;
	margin:0 15px 10px 0;
	padding:0 0 20px 0;
	text-align: center;
	border: 1px solid #777777;
	float:none;
	border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
}

div.navigation h2 {
	margin: 7px 7px 17px 7px;
	padding: 5px;
	font-size: 16px;
	color: #FFFFFF;
	font-weight:bold;
	border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
}
ul.calender {
	margin: 2px 0;
	padding:0;
	list-style-type:none;
}
ul.calender li {
	display: inline;
	margin: 0 10px;
	padding:0;
	font-weight:normal;
	font-size:12px;
}
div.navigation dl {
	margin: 0px 10px 0px 12px;
	list-style-type:none;
}
div.navigation dl dt {
	font-size:12px;
	text-align:left;
	font-weight:normal;
	color:#000000;
	line-height:1.3;
}
div.navigation dl dd {
	font-size:12px;
	text-align:right;
	font-weight:normal;
	color:#000000;
	line-height:1.3;
}

em.new {
	font-size:12px;
	font-weight: bold;
}
table.cal {
	margin: 0 auto 10px auto;
	border: 1px solid #666680;
	border-collapse: collapse;
}
table.cal th {
	font-size:14px;
	padding:5px;
	border: 1px solid #AAAAAA;
	background-color:#EEEEEE;
	text-align: center;
}
table.cal td {
	font-size:15px;
	padding: 5px;
	border: 1px solid #AAAAAA;
}

.page{
	font-size:18px;
	margin:0 0 20px 10px;
	font-weight:normal;
	text-align:center;
}

ul.blist {
	margin: 5px 10px;
	text-align: left;
	list-style-type:none;
}
ul.blist li {
	display: block;
	font-size: 13px;
	margin: 0 0 5px 0;
}


span.red3{
	color:#ff0000;
	font-weight:bold;
	font-size:16px;
}
span.orange3{
	color:#ff8800;
	font-weight:bold;
	font-size:16px;
}
span.green3{
	color:#008000;
	font-weight:bold;
	font-size:16px;
}
span.blue3{
	color:#0000ff;
	font-weight:bold;
	font-size:16px;
}
span.pink3{
	color:#ff00ff;
	font-weight:bold;
	font-size:16px;
}
span.purple3{
	color:#800080;
	font-weight:bold;
	font-size:16px;
}
span.red4{
	color:#ff0000;
	font-weight:bold;
	font-size:24px;
}
span.orange4{
	color:#ff8800;
	font-weight:bold;
	font-size:24px;
}
span.green4{
	color:#008000;
	font-weight:bold;
	font-size:24px;
}
span.blue4{
	color:#0000ff;
	font-weight:bold;
	font-size:24px;
}
span.pink4{
	color:#ff00ff;
	font-weight:bold;
	font-size:24px;
}
span.purple4{
	color:#800080;
	font-weight:bold;
	font-size:24px;
}
span.red5{
	color:#ff0000;
	font-weight:bold;
	font-size:32px;
}
span.orange5{
	color:#ff8800;
	font-weight:bold;
	font-size:32px;
}
span.green5{
	color:#008000;
	font-weight:bold;
	font-size:32px;
}
span.blue5{
	color:#0000ff;
	font-weight:bold;
	font-size:32px;
}
span.pink5{
	color:#ff00ff;
	font-weight:bold;
	font-size:32px;
}
span.purple5{
	color:#800080;
	font-weight:bold;
	font-size:32px;
}
span.red2{
	color:#ff0000;
	font-weight:bold;
	font-size:12px;
}
span.orange2{
	color:#ff8800;
	font-weight:bold;
	font-size:12px;
}
span.green2{
	color:#008000;
	font-weight:bold;
	font-size:12px;
}
span.blue2{
	color:#0000ff;
	font-weight:bold;
	font-size:12px;
}
span.pink2{
	color:#ff00ff;
	font-weight:bold;
	font-size:12px;
}
span.purple2{
	color:#800080;
	font-weight:bold;
	font-size:12px;
}
span.bold3{
	font-size:16px;
	font-weight:bold;
}
span.bold5{
	font-size:32px;
	font-weight:bold;
}
span.bold4{
	font-size:24px;
	font-weight:bold;
}
span.bold2{
	font-size:12px;
	font-weight:bold;
}


.emoji{
	background-repeat: no-repeat;
	display:inline-block;

	margin:-5px 1px -5px 2px;
	background-position:0;
	background-size:17px;
	width:17px;
	height:21px;
}


.red3 .emoji, .orange3 .emoji, .green3 .emoji, .blue3 .emoji, .pink3 .emoji, .purple3 .emoji, .bold3 .emoji{
	margin:-5px 1px -5px 2px;
	background-position:0;
	background-size:17px;
	width:17px;
	height:21px;
}

.red4 .emoji, .orange4 .emoji, .green4 .emoji, .blue4 .emoji, .pink4 .emoji, .purple4 .emoji, .bold4 .emoji{
	margin:-5px 1px -5px 2px;
	background-position:0;
	background-size:24px;
	width:24px;
	height:28px;
}

.red5 .emoji, .orange5 .emoji, .green5 .emoji, .blue5 .emoji, .pink5 .emoji, .purple5 .emoji, .bold5 .emoji{
	margin:-6px 1px -6px 2px;
	background-position:0;
	background-size:32px;
	width:32px;
	height:36px;
}

.red2 .emoji, .orange2 .emoji, .green2 .emoji, .blue2 .emoji, .pink2 .emoji, .purple2 .emoji, .bold2 .emoji{
	margin:-3px 1px -3px 2px;
	background-position:0;
	background-size:14px;
	width:14px;
	height:16px;
}


.iframe-wrap {
margin:0;
  position: relative;
  width: -webkit-calc(100% - 40px);
  width: calc(100% - 40px);
  padding: calc(9 / 16 * 100% - 40px) 0 0; /* 高さと横幅の数字には単位は入れません。 */
  padding: -webkit-calc(9 / 16 * 100% - 40px) 0 0; /* 高さと横幅の数字には単位は入れません。 */
}
 
.iframe-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: -webkit-calc(100% - 40px);
  width: calc(100% - 40px);
  height: -webkit-calc(100% - 40px); /* 高さと横幅の数字には単位は入れません。 */
  height: calc(100% - 40px); /* 高さと横幅の数字には単位は入れません。 */
border:20px solid #000000;
}