@charset "utf-8";
/*--------------------------------------------------
    リセット
--------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
}

/*--------------------------------------------------
    基本設定
--------------------------------------------------*/
html { font-size: 62.5%; } /* 1rem=10px と計算しやすいように指定 */

body {
	background: #FFF;
	color: #000;
    font-size: 16px;
    font-size: 1.6rem;
	font-family: sans-serif;
	voice-family: "\"}\"";
	voice-family: inherit;
}
	
/*--------------------------------------------------
    リンク
--------------------------------------------------*/
a { 
	text-decoration: none;
	/*\*/
	overflow: hidden;
	/**/
}
a:link,
a:visited {color: #000; text-decoration: none;　}
a:hover,
a:active { color: #999; text-decoration: underline; }

/*--------------------------------------------------
    画像
--------------------------------------------------*/
img,
a img {
	border: none;
}
.emoji{
	vertical-align:middle;
        border: none;
}

/*--------------------------------------------------
    基本要素
--------------------------------------------------*/
ul, ol, li, dl, dt, dd { list-style: none; }	
blockquote {
	width: auto;
	margin: 10px;
	padding: 0.5em;
	border: 1px solid #5d4e44;
}	
textarea,input,select {
/*
	font-size: small;
*/	
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small;
}

/*
html>body textarea,
html>body input,
html>body select { font-size: small; }
*/

pre {
	margin: 10px;
	padding: 0.5em;
	border: 1px solid #5d4e44;
	font-family: serif;
	overflow: auto;
	width: auto;
}
address {
	font-style:normal;
}

/* for without MacIE5 \*/
div.main_body pre {	overflow: scroll; }
/**/	
div.main_body > pre { width: auto; }	
div.main_body code { font-family: monospace; }

/*--------------------------------------------------
    レイアウト
--------------------------------------------------*/
div#container {
		background: url(http://blog-imgs-95-origin.fc2.com/a/m/a/amagaeru12/bg_dot3.gif) repeat 0 0;
        width: 100%;    
}
div#sora {
        background: url(http://blog-imgs-95-origin.fc2.com/a/m/a/amagaeru12/header2016_niji.gif) no-repeat top center; 
        width: 100%;
        height: 300px;
}
div#header {
	width: 1280px;
        height: 300px;
        margin: 0 auto;
}
div#wrap {
	width: 1280px;
	margin: 20px auto 0;
}
div#main {
border-left:1px solid #000;
border-right:1px solid #000;
background-color:#FFF;
    float: left;
	width: 850px;
    display:inline;
}
div#sidemenu {
	float: right;
	width: 400px;
	margin:0 0 60px 0;
    overflow: hidden;
    display:inline;
}
div#footer {
	clear: both;
	width: 850px;
    height: 50px;
	text-align:center;
}
html>div#footer {
}

/*--------------------------------------------------
    ヘッダー
--------------------------------------------------*/
#blog-name-container {
margin: 0 auto;
padding:5px 0 0 0;
  width: 90%;
  max-width: 1400px;
  height:300px;
  color: white;
  position: relative;
  z-index: 3;
  -webkit-transition: all .6s ease;
  -moz-transition: all .6s ease;
  transition: all .6s ease;
}


/* 注)ブログタイトルフォント関連 */
#blog-title {
margin-top: 150px;
width: 100%;
  line-height:1.2;
  text-align: center; 
  font: bolder 18px/1.8 'Playfair Display', '游明朝', 'YuMincho', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', 'serif';  text-align: center; 
  -webkit-animation: slideInUp 1.5s;
  -moz-animation: slideInUp 1.5s;
  -o-animation: slideInUp 1.5s;
  animation: slideInUp 1.5s;
}

#blog-title a {
  display: inline-block;
  color: #FFF; /* 注)ブログタイトルリンク色 */
}


#sub-title{
margin:0px 0 0 0;
padding;0 0 0 0;
width:100%;
text-align:center;
font: 14px/1.0 'P:0;layfair Display', '游明朝', 'YuMincho', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', 'serif';  text-align: center; 
}

#welcome1 {
  color: #666666;
  line-height: 0.8;
  font-family: 'Alex Brush';
  font-size: 40px;
margin:5px 0 0 0;
-webkit-animation: slideInDown 1.5s;
  -moz-animation: slideInDown 1.5s;
  -o-animation: slideInDown 1.5s;
  animation: slideInDown 1.5s;
  }

#welcome2 {
  color: #666666;
  line-height: 1.0;
  font-family: 'Alex Brush';
  font-size: 20px;
margin:0 0 0 90px;
-webkit-animation: slideInDown 1.5s;
  -moz-animation: slideInDown 1.5s;
  -o-animation: slideInDown 1.5s;
  animation: slideInDown 1.5s;
}

#hello{
color: #666666;
}

/* welcome animation */
@-webkit-keyframes slideInDown {
  0% {
   opacity: 0;
   -webkit-transform: translateY(-100px);
  }
  50% {
   opacity: 0;
   -webkit-transform: translateY(-100px);
  }
  100% {
   opacity: 1;
   -webkit-transform: translateY(0);
  }
}
@-moz-keyframes slideInDown {
  0% {
   opacity: 0;
   -moz-transform: translateY(-100px);
  }
  50% {
   opacity: 0;
   -moz-transform: translateY(-100px);
  }
  100% {
   opacity: 1;
   -moz-transform: translateY(0);
  }
}
@-o-keyframes slideInDown {
  0% {
   opacity: 0;
   -o-transform: translateY(-100px);
  }
  50% {
   opacity: 0;
   -o-transform: translateY(-100px);
  }
  100% {
   opacity: 1;
   -o-transform: translateY(0);
  }
}
@keyframes slideInDown {
  0% {
   opacity: 0;
   transform: translateY(-100px);
  }
  50% {
   opacity: 0;
   transform: translateY(-100px);
  }
  100% {
   opacity: 1;
   transform: translateY(0);
  }
}

@-webkit-keyframes slideInUp {
  0% {
   opacity: 0;
   -webkit-transform: translateY(30px);
  }
  50% {
   opacity: 0;
   -webkit-transform: translateY(30px);
  }
  100% {
   opacity: 1;
   -webkit-transform: translateY(0);
  }
}
@-moz-keyframes slideInUp {
  0% {
   opacity: 0;
   -moz-transform: translateY(30px);
  }
  50% {
   opacity: 0;
   -moz-transform: translateY(30px);
  }
  100% {
   opacity: 1;
   -moz-transform: translateY(0);
  }
}
@-o-keyframes slideInUp {
  0% {
   opacity: 0;
   -o-transform: translateY(30px);
  }
  50% {
   opacity: 0;
   -o-transform: translateY(30px);
  }
  100% {
   opacity: 1;
   -o-transform: translateY(0);
  }
}
@keyframes slideInUp {
  0% {
   opacity: 0;
   transform: translateY(30px);
  }
  50% {
   opacity: 0;
   transform: translateY(30px);
  }
  100% {
   opacity: 1;
   transform: translateY(0);
  }
}

/*--------------------------------------------------
    メインコンテンツ
--------------------------------------------------*/	
div.entry-left{
	width: 140px;
	float: left;
}
div.entry-date{
width: 140px;
  height: 140px;
text-align: center;
	float: left;
  background: url(http://blog-imgs-98-origin.fc2.com/a/m/a/amagaeru12/date_bg01.gif) no-repeat top center;
  color:#000000;
  font-size: 16px; font-size: 1.6rem; /* =16px */
	line-height:1.4rem;
	font-weight: bold;
margin:10px 0 0 0;
padding-top:50px;
}
div.entry-right{
	width: 600px;
	float: left;
	margin: 0;
	padding:0;
}
h2.entry_header {
	width: 600px;
	text-align: left;
	margin: 30px 0 0 10px;
	font-size: 20px; font-size: 2.0rem; /* =20px */
	color: #000;
	border-bottom: solid 4px #000;
}
h2.entry_header a {
        color: #000;
        text-decoration: none;
}
div.entry_body {
	text-align: left;
	margin: 20px 0 20px 10px;
	line-height: 1.4em;
	color: #000;
}
div.entry_body a:link,
div.entry_body a:visited {color: #000;text-decoration:underline; }
div.entry_body a:hover,
div.entry_body a:active { color: #CCC; text-decoration: underline; }

div.entry_body p.entry_more {
	padding: 15px 0;
	margin: 0px;
        color: #407130;
}
div.entry_body p.entry_more a {
        color: #407130;
}	
div.entry_body p.theme {
	margin: 15px 10px;
}
div.entry_body img {
}
div.entry_info {
	clear:both;
	text-align: right;
	margin: 2px 20px 2px;
        color: #355A10;
	font-size: 14px; font-size: 1.4rem; /* =14px */
	border-bottom: dotted 1px #5d4e44;
}
div.entry_info a,
div.entry_info2 a {
        color: #407130;
}
div.entry_info2 {
	text-align: left;
	    margin: 2px 0 2px;
        color: #407130;
}
div.page_navi {
    width:700px;
	text-align: center;
	padding: 10px 0;
    font-size: 14px; font-size: 1.4rem;
}
div.page_navi a:link,
div.page_navi a:visited {color: #000; }
div.page_navi a:hover,
div.page_navi a:active { color: #666; text-decoration: underline; }
div.pagetop {
	text-align: right;
	padding: 2px 10px;
    margin: 0 10px;
}

/* 拍手＆ブックマーク、TW＆FB */
div.fc2_footer {
	margin: 10px 0px 0px;
}

/* IE改行有効 */
br {
        letter-spacing: 0;
}

/* エントリー (html tag) */
div.entry_body h2,
div.entry_body h3,
div.entry_body h4,
div.entry_body h5,
div.entry_body h6 {
	margin: 0em 0em 0.5em;
}
div.entry_body p {
	margin: 0.3em 1em;
}
div.entry_body ul,
div.entry_body ol {
	margin: 1em 0em 1em;
}
div.entry_body ul li {
	list-style: disc outside;
	margin-left: 2em;
}
div.entry_body ol li {
	list-style: decimal outside;
	margin-left: 2em;
}
div.entry_body dl {
	margin: 20px;
	border : 1px solid #000;
	padding: 10px;
}
div.entry_body dt {
	font-weight: bold;
	margin-bottom: 0.5em;
	padding-bottom: 2px;
	border-bottom: 1px dotted #000;
}
div.entry_body dd {
	margin: 0em 1em 1em;
}

/*--------------------------------------------------
    コメント、トラックバック
    全記事一覧、検索結果一覧
--------------------------------------------------*/	
#tb, #cm, #tl, #sa {
        width: 620px;
        color: #000;
        margin: 40px 0;
}
#tb a:link,
#tb a:visited {color: #000; }
#tb a:hover,
#tb a:active { text-decoration: underline; }
#cm a:link,
#cm a:visited {color: #000; }
#cm a:hover,
#cm a:active { text-decoration: underline; }
#tl a:link,
#tl a:visited {color: #000; }
#tl a:hover,
#tl a:active { text-decoration: underline; }
#sa a:link,
#sa a:visited {color: #000; }
#sa a:hover,
#sa a:active { text-decoration: underline; }
p.sub_header {
	text-align: left;
	margin: 0 10px;
	padding: 2px 10px;
	color: #000;
        font-weight: bold;
		/*
	font-size: small;
       */
	    border-bottom: dotted 1px #000;
}
.colum {
        border: solid 1px #000;
        margin:20px;
}
h3.sub_title {
	margin: 15px 20px;
	color: #000;
	/*
	font-size: small;	
*/
}
div.sub_body {
	margin: 10px 20px;
	/*
        font-size: small;
     */
	    line-height: 1.4em;
}
ul.sub_footer {
	text-align: right;
	margin: 15px 30px;
	/*
        font-size: small;
*/
}
ul.sub_footer li {
	display: inline;
	list-style-type: none;
        color: #000;
}
#cm ul.sub_footer li a:link,
#cm ul.sub_footer li a:visited {color: #000; }
#cm ul.sub_footer li a:hover,
#cm ul.sub_footer li a:active { text-decoration: underline; }
#tb ul.sub_footer li a:link,
#tb ul.sub_footer li a:visited {color: #000; }
#tb ul.sub_footer li a:hover,
#tb ul.sub_footer li a:active { text-decoration: underline; }
div.form {
        margin: 20px 20px 40px;
		/*
        font-size: small;
*/
}
div.form dd {
	margin-bottom:8px;
}
div.form textarea {
	width: 100%;
	height: 180px;
}
div.form input#himitu {
	margin-right: 0.5em;
}
div.form .form_btn {
}
div.form .form_btn input {
	margin-right: 0.5em;
}
ul.list_body {
	margin:20px;
	/*
        font-size: small;
*/
}
ul.list_body li {
	margin-bottom: 5px;
}
p.trackback_url {
	padding: 20px 20px;
	text-align: left;
	/*
        font-size: small;
*/
}
p.trackback_url input {
	padding:3px;
	border:none;
	width: 90%;
	color: #000;
        margin-bottom: 10px;
}
#tb div.pagetop,
#cm div.pagetop,
#tl div.pagetop,
#sa div.pagetop {
        border-top: dotted 1px #000;
}

/*--------------------------------------------------
    サイドバー(Plugin)
--------------------------------------------------*/	
div#sidemenu {
	color: #000;
}
div#sidemenu a:link,
div#sidemenu a:visited {color: #000; }
div#sidemenu a:hover,
div#sidemenu a:active {color: #355A10; background-color:#eeead9; text-decoration: underline; }
#sidemenu li {
	list-style-type: none;
	margin:0;
}
dl.sidemenu_body {
	margin: 5px 10px 30px 10px;

}
dt.plg_title {
    height:22px;
	color: #000;
    font-size: 14px; font-size: 1.4rem;
    font-weight: bold;
	margin-bottom: 8px;
    padding: 4px 0 0 5px;
    border-bottom: solid 2px #000;
}
dd.plg_header,
dd.plg_body,
dd.plg_footer {
    font-size: 14px; font-size: 1.4rem;
    line-height: 1.4em;
    margin: 0 5px;
}
dd.plg_body input {
	margin: 2px;
}

/*--------------------------------------------------
    カレンダー(Plugin)
--------------------------------------------------*/	
table.calender {
	width: 90%;
	margin: 15px auto;
}
table.calender caption {
	margin-bottom: 15px;
	margin: 0px auto;
}
table.calender caption a {
	color: #000;
}
table.calender th {
	color:#000;
	font-weight:normal;
	padding: 0.8em;
}
table.calender td {
    color: #666;
	padding: 0.1em;
	border-bottom: 1px dotted #000;
	text-align: center;
}
div#sidemenu table.calender td a {
	display: block;
    color: #000;
	font-weight:bold;
    text-decoration: none;
}
div#sidemenu table.calender td a:hover{ 
	display: block;
    color: #355A10;
	background-color: #eeead9;
    text-decoration: underline;
}
table.calender th#sun {
}
table.calender th#sat {
}

/*--------------------------------------------------
    フッター
--------------------------------------------------*/	
div#footer p,address {
	line-height: 1.4em;
    font-size: 12px; font-size: 1.2rem;
	color: #000;
	margin: auto 0;
}

div#footer a:link,
div#footer a:visited {color: #eeead9; }
div#footer a:hover,
div#footer a:active { color: #999; text-decoration: underline; }

/*--------------------------------------------------
    for MacIE
--------------------------------------------------*/	
textarea,input,select {
	font-family: sans-serif;
}
