/*
Theme Name: hasama Theme
Description: ルートのファイル群を読み込むシンプルなテーマ
Author: hasama
Version: 1.0
*/




html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i, a, input, textarea,select,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video 
{
margin:0;
padding:0;
font-family: 'Noto Sans JP', Osaka,'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, 'MS PGothic', arial, helvetica, sans-serif;
vertical-align:baseline;
list-style-type:none;
box-sizing:border-box;
}

a{
color:#555;
text-decoration:none;
}

a:hover{
opacity:0.5;
}


h1,h2,h3,h4{
font-weight:normal;
}

/* 空間調整用 */
.m-t10{
margin-top:10px;
}

.m-t20{
margin-top:20px;
}

.m-t30{
margin-top:30px;
}

.m-t40{
margin-top:40px;
}

.m-t50{
margin-top:50px;
}

.m-b10{
margin-bottom:10px;
}

.m-b20{
margin-bottom:20px;
}

.m-b50{
margin-bottom:50px;
}

.m-b30{
margin-bottom:30px;
}

.m-b80{
margin-bottom:80px;
}

.m-b100{
margin-bottom:100px;
}

.m-l10{
margin-left:10px;
}

.m-l20{
margin-left:20px;
}

.m-l30{
margin-left:30px;
}

.m-r10{
margin-right:10px;
}

.m-r20{
margin-right:20px;
}

.m-r30{
margin-right:30px;
}


.p-t10{
padding-top:10px;
}

.p-t20{
padding-top:20px;
}

.p-t30{
padding-top:30px;
}

.p-b10{
padding-bottom:10px;
}

.p-b20{
padding-bottom:20px;
}

.p-b30{
padding-bottom:30px;
}

.p-l10{
padding-left:10px;
}

.p-l20{
padding-left:20px;
}

.p-l30{
padding-left:30px;
}

.p-r10{
padding-right:10px;
}

.p-r20{
padding-right:20px;
}

.p-r30{
padding-right:30px;
}

img{
width:100%;
vertical-align:bottom;
}

/*ここからブロック*/
.block1-w{
width:100%;
padding:130px 0 30px;
color:rgba(34, 34, 34, 0.71);
}
.block1{
width:800px;
max-width:90%;
padding:30px 0;
margin:0 auto;
}
.block1-i{
background-color:#fff;
min-height:700px;
}
/*ここまでブロック*/


/* 左右寄せにしても、その後に続く要素を強制的に「次の行」へ落とす */
.alignright, .alignleft {
    display: block !important; /* インラインからブロックへ変更 */
    float: none !important;    /* 浮遊を解除 */
    clear: both !important;   /* 回り込みを禁止 */
}

/* 右寄せの再現（floatを使わずにmarginで寄せる） */
.alignright {
    margin-left: auto !important;
    margin-right: 0 !important;
}

/* 左寄せの再現 */
.alignleft {
    margin-left: 0 !important;
    margin-right: auto !important;
}

.post-content img {
width: auto;
max-width:100%;
}

/* 画像の右寄せ設定 */
.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
    margin-bottom: 1.5em;
}

/* 画像の左寄せ設定 */
.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
    margin-bottom: 1.5em;
}

/* 画像の中央寄せ設定 */
.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    clear: both;
}


.nav-links{
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap; 
margin-top:120px;
}

.nav-previous{
width:fit-content;
white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.nav-next{
width:fit-content;
white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.nav-previous a ,.nav-next a{
  color:#006240;
}

.h22{
font-size:1.3rem;
font-weight:bold;
}

.post-content p {
line-height: 2;
}




@media only screen and (max-width: 768px) {

.nav-links {
flex-direction:column;
}

.nav-previous{
margin-bottom:30px;
justify-content: left;
width:100%;
}

.nav-next{
justify-content: left;
width:100%;
}




}