@charset "utf-8";
/*
Theme Name: Envelope Line Note2
Theme URI: http://wordpress.org/
Description: Enevelope ONLINE SHOP LINE用のブログのテンプレートです。2026年2月改訂版
Author: kuvert
Version: 1.0
Tags:
*/

* {margin: 0; padding: 0;}
html{font-size: 62.5%;}
body { 
  font-family: /*'Open Sans', */'Zen Kaku Gothic New', sans-serif;
  font-size: 16px;
  font-size:1.6rem;
  line-height: 1.8;
  color: #222222;
  margin: 0;
  padding: 0;
  text-align: center;
  word-wrap:break-word;
}
a {text-decoration: none; color: #222222;}
.opensans {font-family: 'Open Sans', sans-serif;}
.wf-notosansjapanese { font-family: "Zen Kaku Gothic New"; }
.flexbox {display: flex; flex-wrap: wrap; justify-content: space-between;}

/*----------------------------------------------------
		layout
----------------------------------------------------*/
#Wrapper {
text-align:left;
position:relative;
max-width:700px;
margin:0 auto;
padding: 16px;
box-sizing: border-box;
}
#Header {}
#main {}
#sidebar {border-top: 1px solid #ccc; padding-top: 1em;}
#noteLink {margin-top: 3em;}
#Footer {/*border-top: 1px solid #ccc;*/ padding-top: 1.5em; text-align: center;}



/*----------------------------------------------------
		parts
----------------------------------------------------*/ 

/*-------------------header---------------------*/


/*-------------------Main---------------------*/
h1 {font-size: 1.8rem; text-align: center; letter-spacing: 1px; margin-bottom: 1.5em;}
h1 span {display: inline-block; border-bottom: 1px solid;} 
.single .koborebanashiTitle,
.single .nextweekTitle {margin-bottom: 0.6em;}
.koborebanashiTitle img {width: 62%; height: auto;max-width: 270px;}
.nextweekTitle img {width: 44%; height: auto;}
h2 {font-size: 1.6rem; margin-bottom: 0.5em;}
.single h2 {font-size: 1.8rem;}
h3,h4,h5,h6 {font-size: inherit; margin-bottom: 0.5em;}
article {margin-bottom: 1em;}
.catDescription {font-size: 1.3rem; text-align: center; color: #666; margin-bottom: 2em;}
.catDescription:after {content: ""; display: block; width: 16px; height: 16px; border-bottom: 1px solid; margin: 0 auto;}
.catName {display:block; font-weight: bold;font-size: 1.3rem; letter-spacing: 1px;}
.EntryDate {color:#999;font-size: 1.3rem;}
.EntryContainer {margin-top: 1em;}
.EntryContainer p,
.EntryContainer figure {margin-bottom:1.8em;}
.EntryContainer img {max-width: 100%; height: auto;}
.EntryContainer figcaption {font-size: 1.4rem;color :#555555;}
.EntryContainer p a,
figcaption a {text-decoration: underline;}
.EntryContainer blockquote{
    border-left:3px solid #ddd;
	padding-left:1em;
}
.EntryContainer blockquote p{
    position:relative;
}
.EntryContainer blockquote cite{
    display: block;
    font-size:0.8rem;
    color:#ccc;
}

.pagination {margin:1em;text-align:center;}
.pagination a,
.pagination .current {display:inline-block;padding:5px 8px ;margin:1px;}
.pagination a {}
.pagination .current {opacity: 0.2;}


.flexbox .Thumbnail {width: 33%;}
.flexbox .Text {width: 63%;}

/*index*/
.Thumbnail div {width: 100%; height: 0;padding-top: 100%; background-size: cover; display: inline-block; box-sizing: border-box; background-position: center center; border: 1px solid #eee;}
.Thumbnail span {display: none;}

.home .EntryContainer img {display: none;}
/*-------------------Sidebar---------------------*/
#sidebar ul {list-style:none;margin-bottom:24px;}
.acd-check{
    display: none;
}
.acd-label{
    display: block;
    padding: 0 10px;
}
.acd-label h4:after {
  content: "＋";
  display: inline-block;
  padding-left: 0.2em;
  font-weight: bold;
}
.acd-content{
    height: 0;
    opacity: 0;
    transition: .5s;
    visibility: hidden;
    margin-bottom: 0px;
}
.acd-check:checked + .acd-label h4:after {
  content: "－"
} 
.acd-check:checked + .acd-label + .acd-content{
    opacity: 1;
    height: inherit;
    visibility: visible;
    margin-bottom: 1em;
}
.acd-content a {display: inline-block; margin:4px; padding: 0.2em 0.5em; background-color: #e2e2e2; border-radius: 3px;}

#noteLink {
  padding: 1em;
  border-radius: 5px;
  border:1px solid #ccc;
  text-align: center;
  font-size: 12px;
}
#noteLink:before {
  content: "こちらの読み物もあわせてどうぞ！";
  display: inline-block;
  background-color: #fff;
  margin-top: -24px;
  padding: 0 0.5em;
  font-size: 11px;
} 
#noteLink h3 {width: 50%; margin-left: auto; margin-right: auto;}
#noteLink .lead {
  color: #555;
}
#noteLink h4 {
  background-color: #e4e4e4;
  margin: 1em 0;
  padding: 0.5em;
  font-size: 12px;
}
#noteLink img {max-width: 100%;}
#noteLink ul {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  line-height: 1.6;
}
#noteLink ul li {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 3px;
  border: 1px solid #ccc;
  width: 48.2%;
  margin-bottom: 0.5em;
}
#noteLink ul li a {
  display: block;
  padding: 0.5em;
  width: 100%;
  box-sizing: border-box;
}
#noteLink ul.shop a {
  font-size: 10px;
  color: #666;
}
#noteLink ul.shop img {
  display: block;
}

/*-------------------Footer---------------------*/
.envelopeLogo img {height: 24px; width: auto;}
.toOnlineShop {border: 1px solid; border-radius: 4px; display: block; margin: 1em 0; padding: 0.8em 0.5em; font-size: 1.2rem;text-align: center;}