@charset "utf-8";
/*
theme Name: WordPressレスポンシブテーマ作成byPlusers
Author: Plusers
Description: original theme
version： 2.0.0
*/
.cat-data a{
  color: white;
  padding: 3px 8px 5px;
  background-color: gray;
  font-size: 12px;
    margin-right: 10px;
}
.wp-block-image img {
	height:auto;
}
.article-list {
border-bottom:1px solid gray;
padding-bottom:1em;
	margin-bottom:2em;

}
.pager{
  margin-left: auto!important;
margin: 0 auto;
width: 547PX;
}
.pager li, .pager2 li {
    text-decoration: none;
    color: black;
    display: inline;
}
.mae a, .tugi a {
    text-align: center;
    display: inline-block;
    width: 125px;
    padding: 14px 34px;
    background-color: #f4f4f4;
}
.ichiran {
    background-color: #f4f4f4;
    padding: 14px 54px;
    display: inline!important;
}
ul.pager, ul.pager2 {
    margin-top: 200px;
    font-family: 'Noto Sans CJK JP', sans-serif;
    font-weight: 300;
    font-size: 16px;
    list-style-type: none;
    margin-left: 0px;
}
.pc2 {
    display: inline-block!important;
}
.clear{
clear: both;
}
.cat-data{
		float:left;
}
.article-date{
	float:left;
  display: block;
  margin-top: 0px;
font-size: 12px;
}
.img-wrap{
width: 60%;
margin: 0 auto;
}
.img-wrap img{
width: 100%;
margin-bottom: 20px;
height: auto;
}
.text{
margin-top:20px;
}
.title2{
  font-feature-settings: "palt";
  letter-spacing: 1px;
  line-height: 1.3em;
  margin-top: 10px;
  margin-bottom: 30px;
font-size: 35px;
font-weight: 700;
}
.title3{
  margin-top: 44px;
  margin-bottom: 50px;
font-size: 32px;
font-weight: 700;
}


.article-author{
display: none;
}

ul{
  margin: 0px;
list-style: none;
padding: 0;
}
.clear {
clear:both;
}

.no{
display: none;
}
a {
  text-decoration: none;
color: inherit;
}
.center{
text-align: center;
}
footer{

}


  .menu222{

    position: fixed;
  letter-spacing: 1px;
padding: 3px;
height: 30px;
width: 30px;

  font-size: 10px;
      font-family: 'Noto Sans JP', sans-serif;
      font-weight: bold;
        z-index: 15000;
  right:20px;
    border-radius: 35px;
top: 12px;  }

  #panel-btn-icon{

    display: block;
    position: absolute;
    top: 50%;

    width: 30px;
    height: 2px;
border-radius: 2px;
      background: black;
    transition: .2s;
  }

  #panel-btn-icon:before, #panel-btn-icon:after{

    display: block;
    content: "";
    position: absolute;
    border-radius: 2px;
    top: 50%;
    left: 0;
    width: 30px;
    height: 2px;
  background: black;
    transition: .3s;
  }
  #panel-btn-icon:before{
    margin-top: -9px;
  }
  #panel-btn-icon:after{
    margin-top: 6px;
  }
  #panel-btn .close{
        background:rgba(0,0,0,0);

  }
  #panel-btn .close:before, #panel-btn .close:after{
    margin-top: 0;
  background: white;
  }
  #panel-btn .close:before{
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }
  #panel-btn .close:after{
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
  }
.close2{
  background-color: rgba(255,255,255,0)!important;
  }

.kome{
vertical-align: super;
font-size: 12px;
}
.sankaku{
  position: absolute;
  margin-top: 8px;
margin-right: 10px;
    display: inline-block;
      margin-left: 10px;
      width: 0;
  height: 0;
  border-left: 10px solid #777879;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}



.ue{
margin-top: 10px!important;
}
.ue2{
margin-top: 20px!important;
}
.ue3{
margin-top: 30px!important;
}
.ue4{
margin-top: 40px!important;
}
.ue5{
margin-top: 50px!important;
}
.ue6{
margin-top: 60px!important;
}
.ue7{
margin-top: 70px!important;
}


 .naka{
 width:800px;
 	height:auto;
 margin: auto;
 position: relative;
 }
.diary{
  position: absolute;
width: 600px;
    left: 50%;
    transform:  translateX(-50%);
    -webkit- transform:translateX(-50%);
  margin-top: 50px;
  padding-bottom: 100px;
}
.article-img{
	margin:0 auto;
	width: 80%;
  overflow: hidden;
  position: relative;
	margin-bottom:50px;
}
.article-img img{
	width:100%;
	height:auto;
max-width: 600px;
max-height: 500px;
}
.page-numbers li{
	display:
		inline-block;
	margin:0 0.3em;
}
.page-numbers{
	    margin: 0px auto;
    width: fit-content;
}
.page-numbers .current{
	    border-bottom: 1px solid black;
}
li{
  margin-top: 2em;
  line-height: 2em;
}
li:first-child{
  margin-top: 0em;

}

body {
  text-align: justify;
 text-justify: inter-ideograph;
  /*フォントの指定*/
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  /*行間の指定*/
    font-size: 14px;
  line-height: 1.7em;
  margin: 0;
  padding: 0;
  /*サイトのデフォルトとなる文字の色を指定*/
  color: black;

    letter-spacing: 1px;
}





@media(max-width: 750px) {
  .header-nav-wrap{
    z-index: 1000;
    width: 100%;
    height: 100vh;
    position: fixed;
    background-color: gray;
  display: none;
  }
  .img-wrap{
    margin: 10px auto;
  width: 100%;
  float: none;
  padding-left: 0px;
  }

.article-date{
          padding: 4px 0;
  line-height: 1em;
font-size: 12px;
}
.title2{
  margin-top: 10px;
font-size: 45px;
font-weight: 700;
}
.article-img {
    margin-bottom: 33px;}

.title3{
  margin-top: 24px;
  margin-bottom: 25px;
font-size: 25px;
line-height: 1.2em;
}

.diary{
  overflow: hidden;
  box-sizing: border-box;
  position: relative;
width: auto;
    left: auto;
    transform: none;
  margin: 10px 20px;
  padding-bottom: 200px;
}
.naka {
    width: auto;
    height: auto;
    margin: auto;
    position: relative;
}
    ul.pager2 {
          font-size: 14px;
          margin-top: 100px;
}
ul.pager {
          justify-content: space-between;
  display: flex;
  gap:10px;
      font-size: 14px;
    margin-top: 0px;
}
.mae a, .tugi a {
  display: block;

          line-height: 1em;
          margin: 0;
          width: auto;
          padding: 20px 25px;
    background-color: #f4f4f4;
}
.pager li, .pager2 li {
  margin: 0;
display: inline;
    margin-bottom: 20px;}
.pager{
width: auto;
}
.tugi{
margin-left: 5px;
}
.ichiran{
text-align: center;
}
body {
  /*フォントの指定*/
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  /*行間の指定*/
    font-size: 14px;
  line-height: 1.7em;
  margin: 0;
  padding: 0;
  /*サイトのデフォルトとなる文字の色を指定*/
  color: black;

    letter-spacing: 1px;
}
 .article-img img{
 width: 100%;
 height: auto;
     margin-bottom: auto;
	     max-width:inherit;
    max-height: inherit;
 }
 .img-wrap {
    text-align: center; /* 画像を中央に配置するため */
}

.img-wrap img {
  display: inline-block;
  max-height: 300px;
  height: auto;
  max-width: 100%;
  width: auto;

  margin-bottom: -13px;
}
img {

height: auto;
}
.wp-block-image{
margin: 0px;
}
.cat-data a{
  display: block;
line-height: 1em;
  margin-top: 0px;

  color: white;
  padding: 4px 4px;
  background-color: gray;
  font-size: 12px;
  margin-right: 10px;
}
.bas p{
  line-height: 1.5em;
  font-size: 12px;
}
.title2{
      margin-bottom: 10px;
  font-size: 17px;
}
}

.pc	{ display:block!important; }
.sp	{ display:none!important; }
@media screen and (max-width: 750px) {
/*タブレット、スマホの場合*/
.pc,.pc2{ display:none!important; }
.sp { display:block!important; }
}