@charset "utf-8";
/*
theme Name: 日記
Description: original theme
version： 1.0.0
*/


body{margin: 0;padding: 0; padding-top:30px; color: #000; height:100%;}

body,td,input,textarea{font-family: 'メイリオ', 'Meiryo', 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Noto Sans Japanese', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-size: 100%;
  line-height: 1.8em;}

a{color:#000000;text-decoration:none;border-bottom:2px #99ccaa solid;}

h1, h2, h3, h4, h5, h6 { font-weight: bold;text-align:center;}

img {max-width: 100%;height: auto;}

header{text-align:center;}


.top, .page, .bottom {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
margin-right: auto;margin-left: auto;}



.main{max-width:800px;margin:0 auto 5em auto;text-align:center;}
.text{padding:0 1em 1em 1em;text-align:left;}
.record{margin:0;padding:0 1em 1em 1em;height:8em;overflow-y:scroll;text-align:left;}
.menu-bottom{margin:0 auto;text-align:center;max-width:800px;}
.back{padding:0 20px;text-align:center;}


.honbun{padding:60px 0;text-align:left;}
.letter{border:#000 1px solid;padding:2em 1em;margin:60px 0;}



h6{font-size:1.5em;
   font-family:'メイリオ';
   font-weight:normal;
   text-align:center; 
   color:#ff5566;
   margin:0;}


#sidebar {margin: 20px 0;}



/*ヘッダー*/
/*タイトルを文字列にする場合*/
 .title {text-align:center}

h1{margin:0 0 60px 0;text-align:left;
font-size:3.6em;
font-family:'Times New Roman',
font-weight:bold;
text-decoration:none;
color:#99ccaa;} 
h1 a{text-decoration:none;color:#99ccaa;border:none;
font-family:'Times New Roman';
font-weight:bold;
text-decoration:none;
color:#99ccaa;} 

h2 {
  font-size: 1.2em;
  margin:1.5em 0;
 padding:0 0 0.5em 0;
 border-bottom:#000 2px solid;}

h3{  font-size: 1.2em;
  margin:1em 0;
 padding:0.4em 0;
 background-color:#ddeedd;}


h4 {
  font-size: 1.8em;
  margin:1.5em 0;
 padding:0;}


@media (max-width: 599px) {
body{border:none;margin:0;padding:0;}
body,td,input{font-size: 11pt;line-height: 1.6em;}
h1 {font-size: 2.4em;margin-top:15px;}
.honbun{padding:2em 1em;}
h6{font-size:15pt;
   font-family:'メイリオ';
   font-weight:normal;
   text-align:center; 
   color:#ff5566;
   margin:0;}}

/*スマホ用のメニューボタン*/
.top {position: relative;}

#navbutton {
  position: absolute;top: 50%;right: 10px;padding: 8px 12px;cursor: pointer;
  -webkit-transform: translateY(-50%);transform: translateY(-50%);border: solid 1px #aaa;
  background-color: #fff;}

#navbutton:hover {background-color: #ffddbb;}
#navbutton:focus {outline: none;}
#navbutton i {font-size: 1.5em; color: #000;}

/*ヘッダーナビ*/
#header-nav {display: none;}
.header-nav {padding-left: 10px;}
.header-nav ul {margin: 0;padding: 0;list-style: none;}
.header-nav li a:before {color: #000;font-size: 0.9em;padding-right: 3px;}
.header-nav li a {display: block;padding: 15px 5px;color: #000;
  font-weight: bold;font-size: 0.9em;text-decoration: none;}

/*ヘッダーメニューPC閲覧時*/
@media (min-width: 600px) {
  #header-nav {display: block!important;}
  .header-nav {max-width: 1200px;margin: 0 auto;padding:0 10px;box-sizing: border-box;}
  .header-nav ul:after {display: block;clear: both;content: '';}
  .header-nav li {display: inline-block;width: auto}
  .header-nav li a {font-size: 0.9em;padding: 5px 10px;}
 .header-nav li a:hover{color:#ff5566;}
 .header-nav li a:active{color:#ff5566;}
 .header-nav li a:focus{color:#ff5566;}

#navbutton {display: none;}
}


/*------フッター------*/
footer {background-color:#ffddbb;}

/*フッターメニュー*/
.footer-nav {padding-bottom: 20px;}
.footer-nav ul {margin: 0;padding: 0;list-style: none;}
.footer-nav ul:after {display: block;clear: both;content: '';}
.footer-nav li {float: left;width: 50%;}

.footer-nav li a {font-size: 0.8em;font-weight:bold;display: block;padding: 10px 0px;text-decoration: none;
  color: #000; text-align:center;}

@media (min-width: 768px) {
  .footer-nav li {width:auto;}
  .footer-nav li a {padding: 10px 20px;}


/*------サイドバー------*/
.sidebar-wrapper {
  margin-bottom: 1.8em;
  padding:0 10px;
}

.sidebar-wrapper h4 {
  font-size: 1.2em;
  margin:1em 0;
 padding:0 0 0.8em 0;
 border-bottom:#000 2px solid;}

/*デフォルトウィジェット*/
.widget_recent_entries ul, .widget_meta ul, .widget_recent_comments ul, .widget_pages ul, .widget_meta ul, .widget_categories ul, .widget_archive ul, .widget_nav_menu ul {
  padding: 0;  list-style: none;}
.widget_recent_entries li, .widget_meta li, .widget_recent_comments li, .widget_pages li, .widget_meta li, .widget_categories li, .widget_archive li, .widget_nav_menu li {
  position: relative;}
.widget_recent_entries li, .widget_nav_menu li {
  padding-left: 25px;}
.widget_recent_entries a, .widget_meta a, .widget_recent_comments a, .widget_pages a, .widget_meta a, .widget_categories a, .widget_archive a, .widget_nav_menu a {
  text-decoration: none;
  color: #333;}
.widget_recent_entries a:hover, .widget_meta a:hover, .widget_recent_comments a:hover, .widget_pages a:hover, .widget_meta a:hover, .widget_categories a:hover, .widget_archive a:hover, .widget_nav_menu a:hover {
  opacity: .6;}

/*カテゴリウィジェット*/
.widget_categories li {display: inline-block;margin: 2px;padding: 2px 10px;}
.widget_categories li:before {font-family: 'Font Awesome 5 Free';font-size: .8em;
  font-weight: bold;padding-right: 2px;content: '\f02b';color: #000;}
.widget_categories li a {font-size: .8em;color: #000;}

/*メニューウィジェット*/
.widget_nav_menu li:before {font-family: 'Font Awesome 5 Free';font-weight: bold;
  position: absolute;left: 5px;content: '\f0da';color: #464646;}

.hibi-date {font-size:1em;margin-bottom: 8px;color: #000;}

.cat-data {font-size: .6em;padding: 3px 5px;text-align: center;
  white-space: nowrap;color: #fff;border-radius: 3px;background-color: #464646;}


/*ページネーション*/
.pagination {margin: 40px 0 30px;text-align: center;}
.pagination ul {margin: 0;padding: 0;list-style: none;}
.pagination li {display: inline-block;width: auto;}

.pagination li a, .pagination li > span {
  font-size: .9em;display: block;width: 30px;margin: 0 1px;padding: 5px 0;
  text-decoration: none;color: #000;border: solid 1px #ccc;border-radius: 3px;}

.pagination li > span {color: #fff;background-color: #464646;}
.pagination li a:hover {color: #fff;background-color: #464646;}
.pagination li .dots {width: 15px;padding: 0;color: #000;
border-color: transparent;  background-color: transparent;}