@charset "utf-8";

/*
Theme Name: Sakura_no_Siori_themes
Author: Miyuki Sakura
Description: 『桜のしおり』用テーマ
Version: 1.0
*/

/*cssのリセット*/
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,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 { font-size: 100%; margin: 0; padding: 0; vertical-align: baseline; border: 0; outline: 0; background: transparent; }
body { line-height: 1;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display: block; }
nav ul { list-style: none; }
blockquote,q { quotes: none; }
blockquote:before,blockquote:after,q:before,q:after { content: ''; content: none; }
a { font-size: 100%; margin: 0; padding: 0; vertical-align: baseline; background: transparent;}
ins { text-decoration: none; color: #000; background-color: #ff9; }
mark { font-weight: bold; font-style: italic; color: #000; background-color: #ff9; }
del { text-decoration: line-through; }
abbr[title],dfn[title] { cursor: help; border-bottom: 1px dotted; }
table { border-spacing: 0; border-collapse: collapse; }
hr { display: block; height: 1px; margin: 1em 0; padding: 0; border: 0; border-top: 1px solid #ccc; }



@font-face { /* 「…（三点リーダー）」 */
    font-family: 'symbol-font';
    src: local('Noto Sans JP'), url(https://fonts.gstatic.com/s/notosansjp/v53/-F6jfjtqLzI2JPCgQBnw7HFyzSD-AsregP8VFBEj756wwr4v0qHnANADNsISRDl2PRkiiWsg.113.woff2) format('woff2');
    unicode-range: U+2026;
}
@font-face { /* 「―（全角ダッシュ）」 */
    font-family: 'symbol-font';
    src: local('Shippori Mincho'), url(https://fonts.gstatic.com/s/shipporimincho/v15/VdGGAZweH5EbgHY6YExcZfDoj0BA3peS7qtgjp7PoXk4LwzLxlAlXE-_3UM.94.woff2) format('woff2');
    unicode-range: U+2015;
}
@font-face { /* 「―（全角ダッシュ（EMダッシュ））」 */
    font-family: 'symbol-font';
    src: local('Shippori Mincho'), url(https://fonts.gstatic.com/s/shipporimincho/v15/VdGGAZweH5EbgHY6YExcZfDoj0BA3peS7qtgjp7PoXk4LwzLxlAlXE-_3UM.118.woff2) format('woff2');
    unicode-range: U+2014;
}



body { -webkit-text-size-adjust: 100%; font-family: "symbol-font", sans-serif;
    font-size: 1rem; line-height: 1; background-attachment: fixed; background-color: #ffffff; margin: 1px;
}
.main-box { border: 1px solid transparent; }

h1, h2, h3, h4 { font-size: 1rem; font-weight: normal; margin: 0px; }
p { margin: 0px; }
a { display: inline-block; color: #0074da; text-decoration: none;  }
a img:hover { opacity: 0.7; }
img { border-width: 0px; }

.CR { font-family: "symbol-font", sans-serif; font-size: 0.5rem; text-align: center;  padding: 3px; }



.main-box { width: 800px; margin: 0px auto; }
.CR { margin-top: 100px; }



.header-title { display: grid; grid-template-columns: 200px 1fr 200px; height: 300px; margin: 10px 0px; }
.header-title-left { background: url("images/header-l.jpg") repeat-y left top; background-size:contain; border-radius: 30px; }
.header-title-right { background: url("images/header-r.jpg") repeat-y right top; background-size:contain; border-radius: 30px; }
.header-title-text { align-self: center; text-align: center; }
h1 { font-size : 2rem; margin-bottom: 3px; }
h1 a { border-radius: 20px; padding: 5px; margin: 1px; }
h1 a:hover { background-color: #bfdcf6; }



.column { display: grid; grid-template-columns: 1fr 230px; column-gap: 10px; }


/* 記事デザイン */
.contents-entry h3 { font-size: 1.25rem; border-bottom: 1px solid #000000; border-image-slice: 1; border-image-source: linear-gradient(to right, currentColor, #0074da 90%); padding-bottom: 1px; }
.catch-img img { display: block; max-width: 100%; height: auto; }
.contents-entry a { line-height: 1; padding: 2px; }
.contents-entry a:hover { background-color: #bfdcf6; }
.contents-entry a img:hover { opacity: 1; }
.entry-text { text-align: justify; text-justify: distribute-all-lines; line-height: 150%; padding: 10px; }
.entry-text [id^="more-"]  { display: block; border-bottom: 1px solid #000000; margin: 30px auto; }
.wp-block-separator { border-top: 0px; border-bottom: 1px solid #000000; margin: 50px 50px; }
.contents-entry ul { list-style-type : none; }
.contents-entry ul li { display : inline; }
.entry-state , .tag-state { font-size : 0.75rem; text-align : right; padding : 0px 10px 3px 0px; margin : 20px 0px 0px; }
.entry-state a , .tag-state a { padding: 2px; }
.entry-state a:hover , .tag-state a:hover { background-color: #bfdcf6; }
.entry-state { border-bottom : 1px solid #000000; margin-bottom: 3px; }
.tag-state { margin: 3px 0px 100px; }
ul.entry-navi { list-style-type : none; }
ul.entry-navi li { display : inline; }
.entry-navi { text-align :center; font-size : 0.75rem; margin : 50px 0px 10px; }
.entry-navi a , .entry-navi s { padding: 2px; }
.entry-navi a:hover { background-color: #bfdcf6; }
.entry-navi s { color: #00000040; }
.entry-navi span { color: #ffffff; }

/* 「AddToAny」プラグイン */
.addtoany_content { text-align: right; margin: 30px 0px 0px !important; }
/* tip */
.entry-tip a { font-weight: normal; line-height: 1; padding: 1px; }
.entry-tip a:hover { color: #0074da; background-color: #bfdcf6; }
.entry-tip .tip-support { font-size: 0.75rem; border-radius: 5px; border: 1px solid #000000; max-width: 614px; padding: 5px; margin: 0px auto; }
.entry-tip .codoc-buy-wrap { margin: 0px !important; }
.entry-tip .codoc-support { background-color: #ffffff; border: solid 1px #000000; padding: 15px; margin: 0px; }
.entry-tip .codoc-support-title { color: #000000 !important; font-weight: normal !important; font-size: 0.9rem !important; margin: 0px 0px 10px !important; }
.entry-tip .codoc-support .codoc-btn { color: #000000 !important; font-weight: normal; border: solid 1px #000000 !important; }
.entry-tip .codoc-support .codoc-btn:hover { color: #0074da !important; background-color: #bfdcf6 !important; border: solid 1px #0074da !important;}
.entry-tip .codoc-copyright a { color: #0074da; font-weight: normal; padding: 1px; }
.entry-tip .codoc-copyright a:hover { background-color: #bfdcf6; }



/* 記事一覧デザイン */
.article-list h2 { background: url("images/icon_h2.png") no-repeat top left; font-size: 1.25rem; height: 27px; padding: 20px 0px 0px 25px; margin: 0px 0px 10px; }
.article-list h3 { font-size: 1rem; }
.article-list .entry-text { font-size: 0.75rem; padding: 5px; }
.article-list .tag-state { margin-bottom: 20px; }
.entry-archive .entry-state { margin-top: 0px; }
.excerpt-archive .entry-state { margin-top: 5px; }



/* ウィジェットデザイン */
/* トップメニュー */
.top-menu { font-family: serif; font-size: 0.75rem; font-weight: bold; border-top: 1px solid #000000;
    border-bottom: 1px solid #000000; padding: 3px 5px; margin: 10px 0px; }
    .top-menu-p { display: flex; justify-content: center; margin: 2px 0px; }
    .top-menu-p.menu-1 { font-size: 1rem; margin-bottom: 10px; }
.top-menu a { display: block; color: #000000; white-space: nowrap; text-align: center; width: 100px; padding: 5px; margin: 0px 3px; }
.top-menu a:hover { color: #0074da; background-color: #bfdcf6; }

.left-widget h3 { background: url("images/icon_h2.png") no-repeat top left; font-size: 1.25rem; height: 27px; padding: 20px 0px 0px 25px; margin: 0px; }
.left-widget a { padding: 1px; margin: 1px; }
.left-widget a:hover { background-color: #bfdcf6; }
.right-widget { font-size: 0.75rem; }
.right-widget h3 { font-size: 0.75rem; border-bottom: 1px solid #000000; padding: 3px; }

/* カテゴリ一覧 */
.category-list { line-height: 150%; margin-bottom: 100px; }
.category-list a { line-height: 1; color: #000000; padding: 2px; }
.category-list a:hover { color: #0074da; background-color: #bfdcf6; }
.category-list ul { list-style-type: none; list-style-image: none; padding: 0px; margin: 10px 15px; }
.category-list ul ul { margin: 0px 15px; }
.category-list ul ul li { background-image: url("images/tree_child.gif"); background-repeat: no-repeat; background-position: left top; padding-left: 15px; }
.category-list ul ul li:last-of-type { background-image: url("images/tree_end.gif"); }

/* タグ一覧 */
.tag-list { margin-block-start: 0em; margin-bottom: 100px; }
.tag-list p { padding: 0px; margin: 10px 15px; }
.tag-list a { line-height: 1; color: #000000; padding: 2px; margin: 2px 1px; }
.tag-list a:hover { color: #0074da; background-color: #bfdcf6; }
.tag-list-a { margin: 10px; }

/* 月別アーカイブ */
.archive-list { line-height: 150%; }
.archive-list a { line-height: 1; color: #000000; padding: 2px; margin: 0px 1px; }
.archive-list a:hover { color: #0074da; background-color: #bfdcf6; }
.archive-list span { cursor: default; display : inline-block; color: #00000040; line-height: 1; margin: 2px 3px; }/* 黒25% */
.archive-list-year { font-weight: bold; margin-top: 10px; }
.archive-list-a { margin: 10px; }
.archive-list ul { list-style-type: none; list-style-image: none; }
.archive-list ul li { display : inline; }
.archive-list-line { border-top: 1px solid #000000; border-bottom: 1px solid #000000; padding: 1px; margin: 20px 10px; }
/* 全記事・検索 */
.all-list { margin: 20px; }
.all-list a { line-height: 1; padding: 3px; }
.all-list a:hover { color: #0074da; background-color: #bfdcf6; }
.search-list { margin: 20px; }
.wp-block-search__inside-wrapper { display: inline; }
.search-list input { background-color: #ffffff; border: 1px solid #000000; height: 1em; }
.search-list input:hover { border: 1px solid #0074da; }
.search-list input:focus { border: 1px solid #0074da; }
.search-list button { line-height: 1; background-color: #ffffff; border: 1px solid #000000; padding: 3px; margin: 2px 5px; }
.search-list button:hover { color: #0074da; border-color: #0074da; }
.search-list button:focus { color: #0074da; border-color: #0074da; }



/* ウィジェット個別 */
/* 新刊案内  */
.new-book { font-size: 0.75rem; line-height: 150%; border-bottom: 1px solid #000000; padding: 10px; margin-bottom: 30px; }
.new-book a { line-height: 1; }
.new-book-list { display: grid; grid-template-columns: 1fr 1fr 1fr; column-gap: 8px; text-align: center; }
.NBL-title { color: #0074da; }
.NBL-title span { color: #000000; margin: 0px 0.25em; }
.NBL-cont { grid-row-start: 2; grid-row-end: 3; }
.NBL-cont a { display: block; color: #000000; padding: 3px; margin: 1px 20px; }
.NBL-cont a:hover { color: #0074da; background-color: #bfdcf6; }
.NBL-img div { border: 1px solid #7e8f8f; width: min-content; padding: 3px; margin: 0px auto 5px; }
.NBL-img img { vertical-align: top; width: 149px; height: 210px; }

/* プロフィール  */
.profile { padding: 10px; margin-bottom: 20px; }
.profile span { color: #ff0000 }
.profile-count { float: right; }
.profile-author { margin: 0px 0px 20px 1em; }
.profile-netabare { font-size: 0.5rem; }
.profile-netabare a { padding: 2px; }
.profile-netabare a:hover { background-color: #bfdcf6; }
.profile-netabare #NtBr { display:none; line-height: 130%; margin: 5px 0px 0px 1em; }
.profile-line { border-top: 1px solid #000000; border-bottom: 1px solid #000000; padding: 1px; margin: 20px 30px; }
.profile-link { text-align: center; }
.profile-link img { margin: 10px 0px; }
.profile-link-text a { display: block; box-sizing: border-box; color: #000000; border: 1px solid #000000; width: 200px; padding: 3px; margin: 5px auto; }
.profile-link-text a:hover { color: #0074da; background-color: #bfdcf6; border-color: #0074da; }

.profile-tip { padding: 10px; margin-bottom: 100px; }
.profile-tip a { font-weight: normal; line-height: 1; padding: 1px; }
.profile-tip a:hover { color: #0074da; background-color: #bfdcf6; }
.profile-tip .tip-support { font-size: 0.75rem; border-radius: 5px; border: 1px solid #000000; max-width: 614px; padding: 5px; margin: 0px auto; }
.profile-tip .codoc-buy-wrap { margin: 0px !important; }
.profile-tip .codoc-support { background-color: #ffffff; border: solid 1px #000000; padding: 15px; margin: 0px; }
.profile-tip .codoc-support-title { color: #000000 !important; font-weight: normal !important; font-size: 0.75rem !important; margin: 0px 0px 10px !important; }
.profile-tip .codoc-support .codoc-btn { color: #000000 !important; line-height: 1; font-size: 0.75rem; font-weight: normal; border: solid 1px #000000 !important; height: auto; padding: 10px; }
.profile-tip .codoc-support .codoc-btn:hover { color: #0074da !important; background-color: #bfdcf6 !important; border: solid 1px #0074da !important;}
.profile-tip .codoc-copyright a { color: #000000; font-weight: normal; padding: 1px; }
.profile-tip .codoc-copyright a:hover { color: #0074da; background-color: #bfdcf6; }





/* ---------------------------------------------------------------------------------------------------- */
/* スマホ対応用 */
@media (max-width: 480px) { 
    .main-box { width: auto; margin: 10px; }
    .column { grid-template-columns: 1fr; }
    .column-left { margin-bottom: 100px }
    
    .header-title { grid-template-columns: 100px 1fr 100px; height: 150px; }
    h1 { font-size : 1.5rem; }
    .header-title-info { font-size : 0.75rem; }
    
    .top-menu-p { display: grid; grid-template-columns: 1fr; margin: 0px; }
    .top-menu-p.menu-1 { margin-bottom: 2px; }
    .top-menu a { border: 1px solid #000000; width: auto; margin: 5px; }
    .top-menu a:hover { border-color: #0074da; }
    
    .entry-navi { font-size : 1rem; margin : 50px 0px 10px; }
    
    
    .right-widget { font-size: 1rem; }
    .right-widget h3 { font-size: 1rem; }
    .archive-list .br { display: none; }
    .archive-list-line { margin: 50px 10px; }
    
    .profile-netabare { font-size: 0.75rem; }
    .profile-line { margin: 50px 30px; }
    .profile-link { font-size: 0.75rem; }
    .profile-tip .tip-support { font-size: 1rem; }
    .profile-tip .codoc-support-title { font-size: 1rem !important; }
    .profile-tip .codoc-support .codoc-btn { font-size: 1rem; }
    
    /* 新刊案内  */
    .NBL-img div { border: 0px; width: auto; padding: 0px; }
    .NBL-img img { width: 100%; height: auto; }
    .NBL-cont a { margin: 1px 0px; }
}
/* ---------------------------------------------------------------------------------------------------- */