@charset "utf-8";
/*
theme Name: WordpressObenkyou
Author: test
Description: test theme
version: 1.0.0
*/

body {
 font-family: 'メイリオ', 'Meiryo', 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Noto Sans Japanese', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
 font-size: 16px;
 line-height: 1.7;
 margin: 0;
 padding: 0;
 color: #333;
 background-color: #eee;
}

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

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

header {
 border-bottom: solid 1px #ddd;
}

footer {
 border-top: solid 1px #ddd;
}

/*サイトのサイズ指定*/
.header-inner, .container, .footer-inner {
 max-width: 1000px;
 margin-right: auto;
 margin-left: auto;
 padding: 10px;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}

.contents, #sidebar {
 margin: 20px 0;
 background-color: #fff;
}

@media (min-width: 768px){

 .container:after {
  display: block;
  clear: both;
  content: '';
  }
  .contents {
   float: left;
   width: 60%;
   margin-right: 2%;
   }
   #sidebar {
    float: left;
    width: 30%;
   }
}
  
.site-title {
 text-align: left;
}

.site-title h1 {
 font-size: 2.4em;
 margin: 0;
 padding: 10px 5px 0;
}

.site-title h1 a {
 display: block;
 text-decoration: none;
 color: #000;
}

@media (max-width: 599px) {
 .site-title > h1 {
  font-size: 1.0em;
  margin: 0;
  padding: 10px 5px 0;
  }
  
 .site-title h1 a {
  display: block;
  text-decoration: none;
  color: #000;
 }
}

.header-inner {
 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;
 border-radius: 5px;
 background-color: #fff;
}

#navbutton:hover {
 background-color: #ddd;
}

#navbutton:focus {
 outline: none;
}

#navbutton i {
 font-size: 2em;
 color: #333;
}

/*ヘッダーナビ*/
header{background-color: #aaa;}

#header-nav {
 display: none;
}

.header-nav ul {
 margin: 0;
 padding: 0;
 list-style: none;
}

/*階層化*/	

		

/* リストの記号を消去 */
.menu-item {
  list-style-type: none;
}

/* サブメニューをabsoluteにするため、親メニューをrelativeに */
.menu-item-has-children {
  position: relative;
}

/* 親メニューにマウスオーバーしたときにカーソルを変更 */
.menu-item-has-children:hover {
  cursor: pointer;
}

/* 子を持つ親メニューにマウスオーバーしたときサブメニューを表示 */
.menu-item-has-children:hover .sub-menu {
  display: block;
}

/* PCとタブレットではサブメニューをabsoluteにして親メニューの下に配置。 スマフォではrelative */
.sub-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 200px;
  background: #aaa;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
  padding: 0;
}

@media (max-width: 896px){
.sub-menu {
  display: none;
  position: relative;
  top: 100%;
  left: 0;
  width: 200px;
  background: #ddd;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
  padding: 0;
 }
}



/* サブニューのリンクタグをmenu-itemの大きさと合わせ、クリックしやすいようにした */
.sub-menu > .menu-item a {
  display: inline-block;
  width: 100%;
  height: 100%;
  padding: .5em 0;
}

/* サブメニューにマウスオーバーしたときリンクの背景色とテキストカラーを変更 */
.sub-menu > .menu-item a:hover {
  background: black;
  color: white;
}
 	


/*メニュー前にアイコンを付けるための記述*/
.header-nav li a:before {
 content: "\f0da";
 font-family: 'Font Awesome 5 Free';
 color: #555;
 font-size: 0.9em;
 padding-right: 3px;
}

.header-nav li a {
 display: block;
 padding: 15px 5px;
 color: #000;
 font-weight: bold;
 font-size: 1em;
 text-decoration: none;
}

.header-nav li a:hover {
 opacity: 0.8;
}

/*PC用ヘッダー閲覧時*/
@media (min-width: 768px) {
 #header-nav {
  display: block!important;
  }
  .header-nav {
   max-width: 1000px;
   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: 1.1em;
    padding: 5px 10px;
   }
   #navbutton {
    display: none;
   }
}

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

/*footer menu*/
.footer-nav {
 margin-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%;
 text-align: center;
}

.footer-nav li a {
 font-size: .9em;
 display: block;
 padding: 10px 5px;
 text-decoration: none;
 color: #fff;
}

.footer-nav li a:hover {
 opacity: .6;
}

/*copyright*/
.copyright p {
 font-size: .9em;
 margin: 0;
 text-align: center;
 color: #fff;
}

/*PC用フッターデザイン*/
@media (min-width: 768px) {
 .footer-nav li {
  width: auto;
  text-align: left;
 }
 
 .footer-nav li a {
  font-size: 1em;
  padding: 10px 20px
 }
 
 .copyright p {
  text-align: right;
 }
}

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

.sidebar-wrapper h4 {
 font-size: 1.1em;
 margin-top: 0;
 margin-bottom: 10px;
 padding: 7px 10px;
 color: #fff;
 background-color: #464646;
}

/*カレンダーウィジェットのデザイン調整*/
#wp-calendar {
 width: 100%;
}

#wp-calendar tbody {
 text-align: center;
}

/*PC用投稿のデザイン*/
/*post-list,post-date*/

.post-list {
 margin: 0 0 15px;
 border: solid 1px #ddd;
 background-color: #fff;
}

.post-list a {
 display: block;
 padding: 20px;
 text-decoration: none;
 color: #000;
}

.post-list a:after {
 display: block;
 clear: both;
 content: '';
}

.post-list a:hover {
 background-color: #eee;
}

.post-list img {
 float: left;
 width: 220px;
 height: 150px;
 object-fit: cover;
}

.post-list .text {
 width: auto;
 margin-left: 250px;
}

.post-list h2 {
 font-size: 1.05em;
 line-height: 1.4;
 margin-top: 0;
 margin-bottom: 5px;
}

.post-date {
 font-size: .8em;
 margin-bottom: 8px;
 color: #666;
}

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

.post-list p {
 font-size: .8em;
 margin: 10px 0 0;
}

/*スマフォ用投稿デザイン*/
@media (max-width: 599px) {
 .post-list a {
  padding: 10px;
  }
  .post-list img {
   width: 100px;
   height: 80px;
  }
  .post-list .text {
   margin-left: 120px;
  }
  .post-list h2 {
   font-size: .95em;
  }
  .post-list p {
   visibility: hidden;
   height: 0;
  }
}

/*ページ送り用デザイン*/
.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;
}

.contents > h1 {
 font-size: 1.5em;
 margin: 0 0 20px;
}

@media (max-width: 599px) {
 .contents > h1 {
  font-size: 1.3em;
  }
}

/*投稿記事表示用*/
.posts {
 font-size: 1em;
 margin: 0;
 padding: 0 25px 25px;
}

.posts-info .cat-data a {
 text-decoration: none;
 color: #fff;
}

.posts-info .cat-data a:hover {
 opacity: .8;
}

.posts-img {
 max-width: 640px;
 margin: 30px auto;
 text-align: center;
}

/*タグ*/
.posts-tag {
 text-align: right;
}

.posts-tag ul {
 list-style: none;
}

.posts-tag li {
 display: inline-block;
 color: #464646;
}

.posts-tag li a {
 font-size: .8em;
 margin-right: 7px;
 padding: 2px 7px;
 text-decoration: none;
 color: #464646;
 border: solid 1px #464646;
 border-radius: 2px;
}

.posts-tag li a:hover {
 opacity: .8;
}

.posts p {
 margin-top: 0;
 margin-bottom: 30px;
}

.posts h1 {
 font-size: 1.7em;
 margin: .3em 0;
}

.posts h2 {
 font-size: 1.5em;
 margin-top: 3em;
 margin-bottom: 1.5em;
 padding: .4em 0;
 border-bottom: solid 5px #464646;
}

.posts h3 {
 font-size: 1.35em;
 margin-top: 2.5em;
 padding: 0 .5em;
 border-left: solid 5px #777777;
 background: tranparent;
}

.posts h4 {
 font-size: 1.2em;
 margin: 0 0 .3em;
}

.posts h5 {
 font-size: 1.1em;
 margin: 0 0 .3em;
}

@media (max-width: 599px) {
 .posts {
   font-size: 92%;
   padding: 0 10px 25px;
  }
  .posts h1 {
   font-size: 1.3em;
  }
  .posts h2 {
   font-size: 1.25em;
  }
  .posts h3 {
   font-size: 1.2em;
  }
  .posts h3:after {
   display: none;
  }
  .posts h4 {
   font-size: 1.15em;
  }
  .posts h5 {
   font-size: 1.1em;
  }
}

/*コメント欄整形*/
＃respond label{
 display:block;
}

#respond input,
#respond textarea{
 width: 95%;
}

#respond input[type="submit"]{
 width: auto;
}

.says{
 display:none;
}

.comment-author,
.comment-meta{
 display:inline-block;
}

/*sns*/
.fa-hatena:before {
 font-family: Verdana;
 font-weight: bold;
 content: 'B!';
}

.share {
 margin-top: 40px;
 margin-bottom: 40px;
}

.share ul {
 margin: 0;
 padding: 0;
 list-style: none;
}

.share ul after {
 display: block;
 clear: both;
 content: '';
}

.share li {
 float: left;
 width: 25%;
 margin: 0;
 margin-top: 15px;
}

.share li a {
 font-size: 14px;
 display: block;
 padding: 10px;
 text-align: center;
 text-decoration: none;
 color: #fff;
}

.share li a:hover {
 opacity: .8;
}

.share li a:visited {
 color: #fff;
}

.tweet a {
 background-color: #55acee;
}

.facebook a {
 background-color: #315096;
}

.googleplus a {
 background-color: #dd4b39;
}

.hatena a {
 background-color: #008fde;
}

@media(max-width: 599px) {
 .share li {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 3px;
 }
 .share li i {
  font-size: 1.3em;
  padding-top: 3px;
 }
 .share li span {
  display: none;
  }
}

.sns-widget .share {
 margin: 0;
}

.sns-widget .share li {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 margin: 0;
 padding: 3px;
}

.sns-widget .share li i {
 font-size: 1.3em;
 padding-top: 3px;
}

.sns-widget .share li span {
 display: none;
}

/*確認用*/
/* .contents, #sidebar {height: 800px; }*/

/*.contents{height: 800px; }*/


/*.top-nav-area { background-color: #fff; }*/

 /*.header-inner{ background-color: #ccc; height: 200px; }*/

/* .container {background-color: #ccc; } */

/* .contents {background-color: #a5e2ff; } */ 

/* #sidebar{background-color: #aefffc; }*/ 


/*.footer-inner{background-color: #ddd; height: 250px;}*/
/*-*/