@charset "utf-8";

/* レスポンシブ（スマホ、タブレット）*/

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

　1025より小さい場合

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

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

#main{
width: 100%;
padding: 2em
}
#container > #content, #container #content-in{
display: flex;
flex-direction: column;
align-items: center;
padding: 0
}
article.page{margin-bottom: 0}
#navi li a{font-size: 1.7vmin}

/*＝＝ハンバーガーメニュー　ナビ＝＝*/
.slicknav_menu{background:none;padding: .5rem 1rem .7rem}
.slicknav_btn,.slicknav_menutxt,.slicknav_icon{display: flex}
.slicknav_btn{
padding: .6rem 1.5rem;
background:#ff4023b8;
align-items: center;
gap: 1em;
margin: 0;
box-shadow: 0 0 3px 1px #fff;
}

.slicknav_menu .slicknav_menutxt,.slicknav_menu .slicknav_icon{
font-size:1.5rem;
text-shadow: 0 0 3px #9f0000;
line-height: 1;
}
.slicknav_menutxt:after{
content: "| メニュー";
font-size:.9em ;
font-weight: normal;
margin-left: .5em
}
.slicknav_menu .slicknav_icon{
flex-direction: column;
margin: 0
}

/*ハンバーガーメニュー内　リンクエリア*/
.slicknav_nav{
background:#ff7f2338;
padding: 2px .5em
}
.slicknav_nav li{margin: 2px 0}
.slicknav_nav li a{
color: #4e2000;
font-weight: bold;
font-size: 1.2em;
padding: 2px 0;
margin: 0;
border:1px dotted #ffffffe0;
border-width: 0 0 2px 2px;
text-shadow:0 0 3px #fff;
}
.slicknav_nav .item-label{margin: 1em}
.slicknav_nav .slicknav_arrow{
font-size: 1em;
width: inherit
}
.slicknav_collapsed  .slicknav_arrow:after{content: " ► ►"}
.slicknav_nav a:hover,
.slicknav_nav .slicknav_row:hover,
.slicknav_nav .slicknav_row:hover a{
color: #fff893 !important;
text-shadow:0 0 3px #890022;
background:#ff5757;
}


/*＝＝＝＝ トップページ　並びBOX ＝＝＝＝＝＝*/
.home #list article{
display: flex;
flex-direction: column;
align-items: center;
}
/*テキスト部分*/
.card_text{font-size: 17px}

/* 並びBOX（SNS投稿、漫画作品一覧など） */
.sns-list .article_post{flex: 0 0 calc(33.3% - 2%)}
#list,.list{display: block}
#list article{
width: 100%;
max-width: inherit;       
}

/*前へ、次へ*/
#pager-post-navi{
margin: 0 0 1em;
display:block
}
#pager-post-navi a{
margin-bottom:.5em;
width: 100% !important
}
#pager-post-navi a:after{opacity:.5}
#pager-post-navi img{max-width: 100%}


/*=== 絵日記一覧　テーブル ===*/
.body .wp-block-table table{margin-bottom: .3em}

/*テーブル下　スクロールバー 高さ*/
.page-koyomi-update ::-webkit-scrollbar{height: 2em}

/*スクロールバー 背景枠*/
.page-koyomi-update .wp-block-table::-webkit-scrollbar-track {
box-shadow:0 0 5px #00000045 inset ;
border-radius: 3px
}


/*＝＝＝＝ サイドバー ＝＝＝＝＝＝＝＝*/
#sidebar{
width: 100%;
max-width: 100%;
padding-top: 3em;
display: flex;
gap: 1em;
flex-wrap: wrap;
align-items: stretch;
justify-content: center;
border-top: 2px solid #D1BEA4B5
}

/*サイドバーSNSボタン*/
#sidebar aside{
padding: .5em 1em;
margin: 0;
border-radius: 5px;
flex: 1 1 auto;
background: #FFFFFFDE;
}
#sidebar aside h3{
text-align: center;
margin-bottom: .8em;
border-bottom: 1px dotted  #D1BEA482;
opacity: 1;
font-weight: normal;
padding: 0;
}
#sidebar aside ul{
margin: 0;
display: flex;
gap:1em;
flex-wrap: wrap;
justify-content: center;
}
#sidebar .widget_nav_menu.side_button a{
padding: .6em !important;
background: #FF725FBF;
text-shadow: 0 0 3px #00000063;
}
#sidebar a{
margin: auto;
text-align: center;
}

/*＝＝＝＝ フッター ＝＝＝＝＝＝＝＝*/
.footer{margin:0}
.footer-bottom{display: flex}
.navi-footer-in>.menu-footer li.menu-item{
border-right:1px solid #999;
width: inherit;
flex: none;
margin:0;
}
.navi-footer-in>.menu-footer li.menu-item a{padding:0 .5em}
.navi-footer-in>.menu-footer li.menu-item:last-child{border: none}

/*＝＝＝＝ 非表示 ＝＝＝＝＝＝＝＝*/
.widget_x,.widget_counter,#footer .footer-widgets{display: none}

}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
　900pxより小さい場合
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

@media screen and (max-width:900px){  
body,p,li,.scrollable-table th, .scrollable-table td{font-size:16px}

/*＝＝＝トップページ ＝＝＝*/
/*ヘッダー*/
.header-container{height: 150px}
.header-container > div{height: 100%}
.header-container nav{display: none}
.header-in{
min-height:inherit;
padding:0 1em;
height: 100%;
display: flex;
justify-content: space-between;
}
.tagline {
font-size: 3vmin;
margin: 0;
width: 100%;
text-align: right;
color: #866100;
}
.logo-image{
text-align: right;
width:inherit;
padding:0;
box-sizing: border-box;
filter: drop-shadow(2px 2px 0 #fff);
}
.logo-image img{height:80px}
.work_box{
min-width: 100%;
margin:0 0 1em
}

/*＝＝ 並びBOX ＝＝*/
/* 並びBOX（SNS投稿一覧など） */
.sns-list .article_post{flex: 0 0 calc(50% - 2%)}
.sns-list figure img{width:90%}
.sns-list .article_post img{max-width:inherit;max-height: inherit}
.entry-card_imgbox{
max-width: 130px;
min-width: 130px;
}
.entry-card-thumb{width: 100%}


/*■ 記事ページ ■*/
.entry-content{padding-bottom:0}

#gallery-1 img{
max-width: 100%;
margin-bottom: 7vh;
border:1px solid #00000047;
}
#gallery-1 img:last-child{margin-bottom:0}

.single-sns .hashtag{display: block;}
.single-sns .hashtag p{font-size: 1em}
.single-sns .hashtag .post-date{
    padding-top: .3em;
    margin-top: .3em;
    border-width:1px 0 0 0;
    display: block;
}
.single-sns .date-tags{text-align: center}

/*テーブル*/
.scrollable-table td{white-space:nowrap}
.scrollable-table td br{display:block}
    
}

.social-icon:before{font-size: 20px}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
　750pxより小さい場合
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

@media screen and (max-width:750px){  
/* #content-in,#main{padding:0} */

/*＝＝ こよみ関連　サイト内リンクボタン ＝＝*/
.postnav-top-sns,.postnav-bottom-sns,.button_link{display: block}
.postnav-top-sns{margin: 0}
.postnav-top-sns a,.postnav-bottom-sns a,.button_link a{
border: 2px solid #ff75436e;
padding: .5em;
font-size: 1rem;
line-height: 1.4;
margin-bottom: 8px;
text-align: center;
box-shadow:none;
}


/*＝＝ トップページ ＝＝*/

/* ヘッダー */
.tagline {font-size:max(3vw,20px)}
.logo-image img {
/* max-width: 100%; */
max-height: 60px;
object-fit: contain;
}

/*＝＝ 並びBOX ＝＝*/
.home #list{display: block;
width: 100%;
box-sizing: border-box
}
.home #list article{
max-width: 100%;
margin:10px 0;
border-radius:0;
padding:10px 10px
}

.sns-list .article_post{flex: 0 0 calc(100%)}
.sns-list figure img{width:90%}
.sns-list .article_post{flex: 0 0 calc(100%)}
.sns-list .article_post img{max-width:inherit;max-height: inherit}


/*テキスト部分*/
.card_text{
width: 100%;
margin-left: .5em !important
}
.other_links{display: flex}

.entry-card-thumb{
margin-bottom: .5em !important;
}


/*■ 記事ページ ■*/

/*記事下シェアボタン*/
.sns-buttons a{
height: inherit;
padding:5px .7em;
width: inherit !important;
margin:0
}
.button-caption{display: none !important}


.mobile_button li{width:100%}

/* ページ遷移 */
.pagenation_multi{
flex-direction: column;
padding:0
}
.pagenation_multi p{
width: 100%;
border:none;
padding: 10px
}
.pagenation_multi p:first-child{
border:1px dotted #a6cfe1b5;
border-width:0 0 1px
}

}