@charset "UTF-8";
/*
*  Template for SereneBach
*  Theme Name: SB_0002
*  Version: 1.00
*  Author: 坂取
*  Author URI: http://az-store.nrym.org/
*
*  01. Universal selector
*  02. Structure Module
*  03. Text Module
*  04. Hypertext Module
*  05. List Module
*  06. Edit Module
*  07. Forms Module
*  08. Tables Module
*  09. Image Module
*  10. Object Module
*  11. Presentation Module
*  12. SereneBach styles
*  99. Original Styles
*/

@import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Kosugi&family=Sawarabi+Gothic&display=swap');

/* ==================== */
/* 01. Universal selector */
/* ==================== */
*
	{
	margin: 0;
	padding: 0;
	font: normal normal normal 100.001%/1.6 "M PLUS 2",Verdana,Tahoma,Helvetica,sans-serif;
	text-decoration: none;
        font-optical-sizing: auto;
        font-weight: 400;
	}
/* ==================== */
/* html（おまじない） */
/* ==================== */
html
	{
	height:100%;
	margin-bottom:1px;
	}


/* ==================== */
/* 02. Structure Module */
/* ==================== */
body
	{
        background: #dcfcdf;
        background: linear-gradient(180deg,rgba(220, 252, 223, 1) 0%, rgba(255, 255, 255, 1) 100%);
        background-image: url("https://zt-taste.weblog.am/imgs/back2.jpg");
	color: #665c5c;
	font-size: 100%;
        background-size: cover;
        background-repeat: no-repeat;
        background-attachment: fixed;
	}
/* IE6対策（max-width無効のため） */
* html body
	{
	margin: 0 12%;
	}
/* ======================================== */
/* 03. Text Module */
/* ======================================== */
/* ==================== */
/* 見出し3～6 */
/* ==================== */
h3
	{
	line-height: 1.0;
	font-size: 120%;
	margin: 1em 0;
	padding: 2px 5px;
	color: #7abdff;
	border-left:5px solid;
	}
h4
	{
	font-size: 105%;
	line-height: 1.2;
	font-weight: 700;
	margin: 1em 0;
	padding: 3px;
	color: #809900;
	text-decoration: overline underline;
	}
h5
	{
	font-weight: 700;
	line-height: 1.2;
	margin: 1em 0;
	padding: 0.1em 0;
	color: #cc99ff;
	}
h5:before
	{
	content: "\3010" /* Safari対策（以下contentプロパティはバックスラッシュを用いたエスケープを行う） */
	}
h5:after
	{
	content: "\3011"
	}
h6
	{
	line-height: 1.2;
	color: #483d8b;
	margin: 1em 0;
	}
h6:first-letter /* MacIE対策 */
	{
	/*\*/
	color: #670f0f;
	font-size: 100%;
	/**/
	}
/* ==================== */
/* ブロックレベル要素 */
/* ==================== */
/* アドレス */
address
	{
	display: block;
	}
/* 引用 */
blockquote
	{
	margin: 2em 1em;
	padding: 10px 1em;
	border: 1px solid #d98db4;
	background: #ffffff;
	cursor: help;
	}
blockquote[title]:before
	{
	display: block;
	content: ""attr(title)"\3088\308a\5f15\7528";
	font-weight: 700;
	font-size: 120%;
	padding: 0 0 5px 0;
	}
blockquote[cite]:after
	{
	display: block;
	content: ""attr(cite)"";
	padding: 5px 0 0 0;
	text-align: right;
  }
.text blockquote p
	{
	margin: 0.5em 0.25em;
	padding: 0;
	}
/* 整形済みテキスト（MacIE対策） */
pre
	{
	width: 95%;
	overflow: scroll;
	margin: 2em auto;
	padding: 0.25em;
	background: #ffffff;
	border:1px solid #cccccc;
	/*\*//*/
	overflow: visible;
	/**/
	}
pre code
	{
	border: none;
	margin:0;
	padding:0;
	}
/* ==================== */
/* インライン要素 */
/* ==================== */
/* 略語 */
abbr
	{
	border-bottom: 1px dotted ;
	cursor: help;
	}
abbr:after
	{
	content: "\ff3b\ff1f\ff3d";
	}
/* 引用元 */
cite
	{
	font-weight: 700;
	}
/* コード */
code
	{
	font-family: monospace;
	border: 1px solid #cccccc;
	margin: 0 0.25em;
	padding: 1px 2px;
	}
/* 定義語 */
dfn
	{
	text-decoration: underline;
	}
dfn:before
	{
	content:"\3010";
	}
dfn:after
	{
	content:"\3011";
	}
/* 強調 */
em
	{
	font-weight: 700;
	}
/* キーボード */
kbd
	{
	margin: 0 0.25em;
	padding: 1px 2px;
	border-style: solid;
 	border-width: 1px 2px 2px 1px;
	background: #fefefe;
 	border-color: #eeeeee #cccccc #cccccc #eeeeee;
	}
/* 引用 */
q
	{
	quotes: "\300c" "\300d" "\300e" "\300f";
	background: #fefefe;
	padding: 1px 2px;
	}
q:before
	{
	content: open-quote;
	}
q:after
	{
	content: close-quote;
	}
/* プログラムの出力例 */
samp
	{
	margin: 0 0.25em;
	padding: 1px 2px;
	border: 1px dotted #cccccc;
	
	}
/* より強調 */
strong
	{
	font-weight: 700;
	color: #990000;
	}
/* 変数 */
var
	{
	font-family: monospace;
	}
/* ==================== */
/* 04. Hypertext Module */
/* ==================== */
a
	{
	text-decoration: none;
        transition: all .3s;
	}
a:link
	{
	color: #165e83;
	}
a:visited
	{
	color: #165e83;
	}
a:hover,
a:active
	{
	color: #dda0dd;
        text-decoration: underline;
	}
/* ==================== */
/* 05. List Module */
/* ==================== */
/* 定義リスト */
.text dl
	{
	margin: 0.25em 0;
	padding: 1em 0;
	}
.text dt
	{
	font-weight: bold;
	}
.text dt a
	{
	font-weight: bold;
	}
.text dd
	{
	padding: 0.1em 0 0.1em 1em;
	}
/* 定義リストの中のリスト（余白調整） */
.text dd ul,
.text dd ol
	{
	margin: 0.25em 0;
	display: inline;
	}
.text dd li,
.text dd oi
	{
	list-style-position: inside;
	margin: 0 0 0 0.5em;
	}
/* 番号つきリスト */
.text ol
	{
	margin: 0.25em 0 0.25em 2em;
	padding: 1em 0;
	}
/* 同不順リスト */
.text ul
	{
	margin: 0.25em 0 0.25em 2em;
	padding: 1em 0;
	}
.text ul li
	{
	list-style-type: disc;
	}
/* ==================== */
/* 06. Edit Module */
/* ==================== */
/* 削除 */
del
	{
	text-decoration: line-through;
	color: #999999;
	}
del[datetime]:before
	{
	content: "\ff08"attr(datetime)"\524a\9664\ff09";
	}
/* 追加 */
ins
	{
	color: #999999;
	}
ins[datetime]:before
	{
	content: "\ff08"attr(datetime)"\4fee\6b63\ff09";
	}
/* ==================== */
/* 07. Forms Modules */
/* ==================== */
fieldset
	{
	border: none;
	}
legend
	{
	margin: 1em;
	padding: 0 1em;
	border: 1px solid #eeeeee;
	}
input,
textarea,
select
	{
	padding: 0.1em;
	color: #665c5c;
	border: 1px solid;
	line-height: 1.2; /* ↓MacIE対策 */
	/*\*//*/
	font-family: Osaka, sans-serif;
	/**/
	}
input:hover,
textarea:hover,
select:hover
	{
	background: #fefefe;
	border: 1px solid #d98db4;
	}
input[type="submit"]
	{
	background: #665c5c;
	color: #ffffff;
	border: 1px solid #665c5c;
	padding: 2px 3px;
	}
/* ==================== */
/* 08. Table Modules */
/* ==================== */
table
	{
	font-size: 100%;
	margin: 2em 0.5em;
	border-collapse: separate;
	border-spacing: 1px;
	border: 1px solid #cccccc;
	background-color: #ffffff;
	}
caption
	{
	font-size: 120%;
	font-weight: 700;
	text-align: center;
	}
th,
td
	{
	padding: 0.25em;
	border: 1px solid #cccccc;
	}
th
	{
	font-weight: 700;
	background-color: #fafafa;
	}
td
	{
	border: 1px solid #cccccc;
	background-color: #ffffff;
	text-align: center;
	}
/* ==================== */
/* 09. Image Module */
/* ==================== */
img
	{
	margin: 1px;
	padding: 0;
	}
a img
	{
	border: none;
	}
/* ==================== */
/* 10. Object Module */
/* ==================== */
object,
embed
	{
	margin: 1em 2em;
	}
/* ==================== */
/* 11. Presentation Module */
/* ==================== */
/* 太字 */
b
	{
	font-weight:bold;
	}
/* 文字(大) */
big
	{
	font-size:120%;
	}
/* 水平線 */
hr
	{
	display: none;
	}
/* 斜体 */
i
	{
	font-style:oblique;
	}
/* 文字(小) */
small
	{
	font-size:90%;
	}
/* 上つき文字 */
sup
	{
	font-size: 84%;
	vertical-align: super;
	}
/* 下つき文字 */
sub
	{
	font-size: 84%;
	vertical-align: sub;
	}
/* 等幅 */
tt
	{
	font-family:monospace;
	}
/* ======================================== */
/* 12. SereneBach styles */
/* ======================================== */
/* ==================== */
/* wrap */
/* ==================== */
#wrap
	{
	margin: 0 auto;
	max-width: 55em;
	padding: 1em;
	text-align: left;
        background-color: rgba(255, 255, 252, 0.7);
	}

#wrap::after {
  content: "";
  display: block;
  clear: both;
}


/* ==================== */
/* header */
/* ==================== */
#header
	{
        width:100%;
        height: 150px;
	padding:2em 0 1em 0;
        background-image: url("https://zt-taste.weblog.am/imgs/img5_blog-logo.png");
        background-size: 15%;
        background-repeat: no-repeat;
        background-position: 100% 80%;
	}
#header h1 a
	{
	line-height: 1.0;
	font-family: "Sawarabi Gothic","Century Gothic","Arial Black",Helvetica,Arial,sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 200%;
        color: #5a544b;
	}
#header p
	{
	padding:0.25em 0.5em;
	}
/* ==================== */
/* メニュー */
/* ==================== */
#menu
	{
	text-align: right;
	}
#menu h2
	{
	display: none;
	}
/* メニューリスト */
#menu ul
	{
	padding: 0.25em;
	border-top: solid 1px #665c5c;
	border-bottom: solid 1px #665c5c;
	}
/* メニュー中身 */
#menu ul li
	{
	list-style: none;
	display: inline;
	margin: 0 0 0 1em;
	}
#menu form,
#menu p
	{
	display: inline;
	}
/* ==================== */
/* メイン */
/* ==================== */
#main
	{
	margin: 2em 0;
	}
/* 見出し2 */
h2
	{
	font-size: 175%;
	line-height: 1.2;
	font-family: "Times New Roman","ＭＳ 明朝",serif;
        font-weight: bold;
        color: #994279;
	margin: 0.5em 0;
	padding: 5px 0.25em;
	border-bottom: 1px dotted #74325c;
	}
/* 本文 */
.text
	{
	margin: 0.5em 0;
	padding: 0 2em;
        line-height: 1.6;
        font-size: 18px;
	}
/* 画像 */
.text a img {
        width: auto;
        max-width: 100%;
        height:auto;
        border-radius: 10px;
        border: solid 1px #eee;
        transition: all .2s;
}
.text a img:hover {
        filter: opacity(0.8);
}
/* 見出し3 */
h3
	{
	line-height: 1.2;
	font-size: 150%;
	margin: 0.5em 0;
	padding: 5px 0.5em;
	}
.text p
	{
	padding: 0.5em 0;
	}
/* 記事のカテゴリー・投稿日 */
ul.about
	{
	text-align: right;
        font-size: 90%;
	}
.text ul.about li
	{
	list-style-type: none;
	display: inline;
	margin: 0 0 0 6px;
	padding: 0 0 0 10px;
	}
.text ul.about li+li
	{
	border-left: #665c5c solid 1px;
	}
/* 記事のコメント・トラックバックリスト */
ul.state
	{
	text-align: left;
	margin-left: 0;
	}
.text ul.state li
	{
	display: inline;
	}
.text ul.state li a
	{
	padding: 2px 3px;
	margin: 0 0.25em 0 0;
	}
/* ナビゲーション（Page top） */
#main ul.navigation
	{
	margin: 0.5em 0;
	padding: 1.5em 0;
	text-align: right;
	}
#main ul.navigation li
	{
	list-style: none;
	display: inline;
	}
#main ul.navigation li a
	{
	padding: 0 0 0 0.5em;
	}
#main ul.navigation li a:before
	{
	content:"\25b2";
	}
/* コメントフォーム */
fieldset dl#form dt
	{
	width:5.5em;
	}
	fieldset dl#form dd
	{
	margin: -1.6em 0 0 6em;
	border: none;
	}
/* ページナビ */
p.page
	{
	text-align: center;
	padding: 1.5em 0;
	}
p.page a
	{
	padding: 2px 3px;
	margin: 1em 0.25em;
	border: 1px solid;
	text-decoration: none;
        border-radius: 5px;
	}
p.page strong
	{
	padding: 2px 3px;
	margin: 1em 0.25em;
	border: 1px solid;
	color: #665c5c;
        border-radius: 5px;
	}
/* ==================== */
/* footer */
/* ==================== */
#footer
	{
	margin: 1em 0 3em 0;
	}
#footer h2
	{
	display: none;
	}
#footer address
	{
	text-align: center;
	font-size: 120%;
	font-weight: 700;
	padding: 0.25em 0.5em;
	border-top: solid 1px #665c5c;
	border-bottom: solid 1px #665c5c;
	}
#footer address a
	{
	color: #d98db4;
	margin-left: 1em;
	font-weight: 700;
	}
/* blogの箱 */
.footer-inner {
        margin: 0 auto;
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-wrap: nowrap;
             /* 折り返さない（必要に応じて wrap に） */
        gap: 20px;
             /* ボックス間の隙間 */
}
.footer-inner .f-box1,
.footer-inner .f-box2,
.footer-inner .f-box3 {
        display: block;
        flex: 1;
        min-width: 200px;
}
/* blog */
dl.archive,
dl.category,
dl.extra
	{
	font-size: 110%;
	margin:1em 0 0 0;
	}
dl.archive dt,
dl.category dt,
dl.extra dt
	{
	font-weight: 700;
	}
dl.archive dd
	{
	margin: 0 0 0 1em;
	height: 10em;
	overflow: auto;
	}
dl.category dd,
dl.extra dd,
dl.extra dd
	{
	margin: 0 0 0 1em;
	}
dl.archive li,
dl.category li,
dl.extra li
	{
	list-style-type: none;
	}
dl.category li ul
	{
	padding: 0 0 0 1.5em;
	}
/* アクセス解析インライン化 */
.accesslog
	{
	display: inline;
	}

/* ==================== */
/* 99. Original Styles */
/* ==================== */

/* SNSリンク */
.social-list {
	list-style-type: none;
	display:flex;
	margin: 1em auto;
	justify-content: center;
	flex-wrap: nowrap;
	gap: 10px;
}
.social-list .slist-instagram,
.social-list .slist-x,
.social-list .slist-mastodon {
	display: block;
}

.social-list .slist-instagram a,
.social-list .slist-x a,
.social-list .slist-mastodon a {
	text-decoration: none;
}
.social-list .slist-instagram a img,
.social-list .slist-x a img,
.social-list .slist-mastodon a img {
	border: 0;
	width: 32px;
	transition: all .3s;
}
.social-list .slist-instagram a img:hover,
.social-list .slist-x a img:hover,
.social-list .slist-mastodon a img:hover {
	filter: opacity(0.5);
}

/* snsシェアボタン */
.sharebtn {
    text-align: center;
}

/* ランキングタグ */
a.tag {
    font-size: 12px;
    padding: 8px;
    color: #fff;
    background: #824880;
    border-radius: 10px;
}

a.tag:hover {
    background: #7058a3;
}

/* ▼各ボタン共通の装飾 */
.snssharebtn {
   display: inline-block;   /* インラインブロック化 */
   background-color: #ccc;  /* 背景色 */
   color: white!important;            /* 文字色 */
   border-radius: 3px;      /* 角丸 */
   line-height: 20px;       /* 行高 */
   font-size: 12px;         /* 文字サイズ */
   font-weight: bold;       /* 太字 */
   padding: 0.25em 0.75em;       /* 内側余白(上下→左右) */
   margin: 2px 0;
   text-decoration: none;   /* リンクの下線を消す */
   vertical-align: bottom;  /* 下端を揃える */
}

/* ▼各ボタンの配色 */
.snsbtn-twitter { background-color: #1d9bf0; }
.snsbtn-facebook { background-color: #1877f2; }
.snsbtn-line { background-color: #00c300; }
.snsbtn-hatenabookmark { background-color: #00a4de; }
.snsbtn-pocket { background-color: #ef4256; }
.snsbtn-copy { background-color: green; }

.trackback {
       font-size: 90%;
}
.tbbox input {
       width: 95%;
}

/* 記事内 章タイトル */
.text h4 {
       display: inline-block;
       margin: 0;
       padding: 0 0 2px;
       text-decoration: none;
       border-top: 0;
       border-bottom: 1px dotted #999;
}

/* 記事内ライン */
.text hr {
       display: block;
       border-top: 1px dotted #74325c;
}

/* 480px以下に適用されるCSS（スマホ用） */
@media screen and (max-width: 480px) {
#main {
        width: 98%;
}
#menu {
        text-align: center;
}
#menu ul li {
        display: block;
}

.text {
        padding: 0.5em;
}

.text a img {
         min-width: 320px;
}

#footer address
	{
	font-size: 80%;
        }
.footer-inner {
        flex-direction: column;
}
.footer-inner .f-box1,
.footer-inner .f-box2,
.footer-inner .f-box3 {
        width: 95%;
}
}