/*
-----------------------------------------------
Blogger Template Style
Name:     Minima
Designer: Douglas Bowman
URL:      www.stopdesign.com
Sample:	  https://www.blogger.com/templates/minima/sample.html
Date:     26 Feb 2004
----------------------------------------------- */
* {
	margin: 0;
	padding: 0;
	font-size: 100%;
	text-decoration:none;
}
h1 {
color: #FFFFFF;
}
body {
text-align : center ;
	font-size: 75%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
	line-height: 1.4;
	color: #333333;
  background: #FFFFFF url(../../images/bg.jpg) left top repeat-x;

    }
a:link {
  color:#58a;
  text-decoration:none;
  }
a:visited {
  color:#969;
  text-decoration:none;
  }
a:hover {
  color:#c60;
  text-decoration:underline;
  }
a img {
  border-width:0;
  }

/* ロゴとナビゲーション
---------------------------------------------*/
#logo {
	position: relative;
}
#globalNav {
	list-style-type: none;
	margin-top: 20px;
	/*background: #000000 url(../images/global_nav_bg.gif) left top repeat-x;*/
}
#globalNav li {
	display: inline;
	margin: 0 -4px 0 0;
	padding: 0;

	
}
#globalNav li a {
	color: #FFFFFF;
	margin-left:0px;
	padding-left:0px;
}

/* Header
----------------------------------------------- */
#header {
  width:660px;
  margin:0 auto 10px;
  
  }
#blog-title {
    }
#blog-title a {
  color:#666;
  text-decoration:none;
  }
#blog-title a:hover {
  color:#c60;
  }
#description {
    }


/* Content
----------------------------------------------- */
#content {
  width: 706px;
  margin:0 auto;
  padding:0;
  text-align:left;
  }
#main {
  width:410px;
  float:left;
  }
#sidebar {
  width:220px;
  float:right;
  }


/* Headings
----------------------------------------------- */
h2 {
  margin:1.5em 0 .75em;
  font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#999;
  }


/* Posts
----------------------------------------------- */
.date-header {
  margin:1.5em 0 .5em;
  }
.post {
  margin:.5em 0 1.5em;
  border-bottom:1px dotted #ccc;
  padding-bottom:1.5em;
  }
.post-title {
  margin:.25em 0 0;
  padding:0 0 4px;
  font-size:140%;
  font-weight:normal;
  line-height:1.4em;
  color:#c60;
  }
.post-title a, .post-title a:visited, .post-title strong {
  display:block;
  text-decoration:none;
  color:#c60;
  font-weight:normal;
  }
.post-title strong, .post-title a:hover {
  color:#333;
  }
.post p {
  margin:0 0 .75em;
  line-height:1.6em;
  }
p.post-footer {
  margin:5px 0 0;
  color:#ccc;
  }
.post-footer em, .comment-link {
  font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
.post-footer em {
  font-style:normal;
  color:#999;
  margin-right:.6em;
  }
.comment-link {
  margin-left:.6em;
  }
.post img {
  padding:4px;
  border:1px solid #ddd;
  }
.post blockquote {
  margin:1em 20px;
  }
.post blockquote p {
  margin:.75em 0;
  }


/* Comments
----------------------------------------------- */
#comments h4 {
  margin:1em 0;
  font:bold 78%/1.6em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#999;
  }
#comments h4 strong {
  font-size:130%;
  }
#comments-block {
  margin:1em 0 1.5em;
  line-height:1.6em;
  }
#comments-block dt {
  margin:.5em 0;
  }
#comments-block dd {
  margin:.25em 0 0;
  }
#comments-block dd.comment-timestamp {
  margin:-.25em 0 2em;
  font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
#comments-block dd p {
  margin:0 0 .75em;
  }
.deleted-comment {
  font-style:italic;
  color:gray;
  }


/* Sidebar Content
----------------------------------------------- */
#sidebar ul {
  margin:0 0 1.5em;
  padding:0 0 1.5em;
  border-bottom:1px dotted #ccc;
  list-style:none;
  }
#sidebar li {
  margin:0;
  padding:0 0 .25em 15px;
  text-indent:-15px;
  line-height:1.5em;
  }
#sidebar p {
  color:#666;
  line-height:1.5em;
  }


/* Profile
----------------------------------------------- */
#profile-container {
  margin:0 0 1.5em;
  border-bottom:1px dotted #ccc;
  padding-bottom:1.5em;
  }
.profile-datablock {
  margin:.5em 0 .5em;
  }
.profile-img {
  display:inline;
  }
.profile-img img {
  float:left;
  padding:4px;
  border:1px solid #ddd;
  margin:0 8px 3px 0;
  }
.profile-data {
  margin:0;
  font:bold 78%/1.6em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
.profile-data strong {
  display:none;
  }
.profile-textblock {
  margin:0 0 .5em;
  }
.profile-link {
  margin:0;
  font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }


/* Footer
----------------------------------------------- */
#footer {
	clear: both;
	color: #333333;
	background: #FFFFFF;
	
	
}

#footer-bar {
width: 100%;
margin-top:0;
height:35px;
padding-top:10px;
background-color:#333333;
color:#FFFFFF;

}
#footer-bar p {
	color: #FFFFFF;
	padding-top:7px;
}

#footer-bar a {
	color: #FFFFFF;
}
#footer-bar a:visited {
	color: #FFFFFF;
}
#footer-bar a:hover {
	color: #FFFFFF;
}

/* Leftbox and Rightbox toolbar buttons
----------------------------------------------- */
.leftbox, .rightbox {
	font-size: smaller;
	clear: both;
}
.leftbox {
	margin: 0 3px 0 0;
	padding: 0 3px; 0 0;
	float: left;
}
.rightbox {
	margin: 0 0 0 3px;
	padding: 0 0 0 3px;
	float: right;
}


/* Calendar
----------------------------------------------- */
table.calendar {
	margin:0 0 0 -3px;
}

caption.calendar {
  margin:1.5em 0 .75em;
  text-align: center;
  font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#999;
  }

tr.calendardateheaders {
	color:#c60;
}

td.days {
	text-align: center;
}

td.today {
	text-align: center;
	background-color: #FFF;
}

div.loginform .formfield, div.commentform .formfield, div.mailform .formfield {
display: block;
} 

/* ===== WordPressの投稿画面から入れた画像(新しい記事)用 ===== */
/* 旧ブログの画像と同じ見た目(細い枠線 + 余白)にそろえる */
.post-body img {
  padding:4px;
  border:1px solid #ddd;
  }
/* 投稿画面で入れた画像は幅450pxで表示(旧記事の画像は元の width 指定のまま) */
.post-body img[class*="wp-image-"] {
  width:450px;
  height:auto;
  }
.post-body figure,
.post-body .wp-caption {
  margin:0;
  }
.post-body .aligncenter { display:block; margin-left:auto; margin-right:auto; }
.post-body .alignleft { float:left; margin:0 1em .5em 0; }
.post-body .alignright { float:right; margin:0 0 .5em 1em; }

/* ===== スマートフォン表示(画面幅760px以下だけに適用。パソコン表示は変わりません) ===== */
@media screen and (max-width: 760px) {
  body { min-width:0; }
  #header, #content { width:auto; padding:0 10px; box-sizing:border-box; }
  #main, #sidebar { float:none; width:auto; }
  #sidebar { margin-top:1.5em; }
  body { font-size:16px; }
  #globalNav { display:flex; flex-wrap:nowrap; margin-top:10px; }
  #globalNav li { display:block; flex:1 1 0; min-width:0; width:auto; margin:0; }
  #globalNav li a { display:block; }
  #globalNav li img { display:block; width:100%; height:auto; }
  .post-body { line-height:1.7; }
  .post-body { overflow-wrap:break-word; word-wrap:break-word; }
  .post-body img, .post-body img[class*="wp-image-"] { max-width:100%; height:auto; box-sizing:border-box; }
  .post-body iframe { max-width:100%; height:auto; aspect-ratio:16/9; }
  .post-body table { max-width:100%; }
  #sidebar img { max-width:100%; height:auto; }
  #footer-bar { height:auto; padding:10px; box-sizing:border-box; }
}

/* 新しい記事(段落<p>で出力される分)の段落の間隔 */
.post-body p {
  margin:0 0 1.4em;
  }