@charset "utf-8";

/**************************************************************************************
基本部分
**************************************************************************************/

html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
	font-size       : 16px;
	color           : #4B3F26;
	text-align      : center;
	line-height: 1.7;
	font-family     : YuGothic,"YuGothic M","メイリオ",sans-serif;
	background-color: #F2F2E1;
    background  	: url(http://cdn-ak.f.st-hatena.com/images/fotolife/a/attendre-et-esperer/20161013/20161013172202.jpg) repeat scroll  #F2F2E1;
}

/* フォント */
@font-face {
  font-family: "YuGothic M";
  src: local(Yu Gothic Medium);
}
p {
  font-family: YuGothic,"YuGothic M","メイリオ",sans-serif;
}

p.p_right {
  text-align: right;
}

* {
	margin          : 0px;
	padding         : 0px;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */

a {
	color           : #D21600;
	text-decoration : none;
	background: transparent;
}

a:active,
a:hover {
	text-decoration: none;
}
a.plain_link { color: #D21600;}


/* Forms
   ========================================================================== */

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button { overflow: visible; }
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input { line-height: normal; }
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
 }
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/*  import mixin */
.clearfix {
  display: block;
  *zoom: 1;
}
.clearfix:after {
  display: block;
  visibility: hidden;
  font-size: 0;
  height: 0;
  clear: both;
  content: "";
}
.inline-block {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.ellipsis {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

/*  import variable */
/* Common */
a.keyword {
    border-bottom: dashed 1px #bababa !important;
    text-decoration: none !important;
    pointer-events: none !important;
    cursor: default;
    color: #5A5A5A;
}
/* Buttons */
.btn {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding: 4px 10px 4px;
  margin-bottom: 0;
  line-height: 18px;
  color: #25211B;
  background-color: #F2F2E1;
  text-align: center;
  vertical-align: middle;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-radius: 2px;
  background-clip: padding-box;
  cursor: pointer;
  font-size: 12px;
  text-decoration: none;
  font-weight: bold;
  border: 1px solid rgba(0, 0, 0, 0.2);
  text-decoration: none !important;
}
.btn:hover {
  background-color: #D21600;
  text-decoration: none !important;
}
.btn-small {
  padding: 2px 10px !important;
  font-size: 11px !important;
}
.btn-large {
  padding: 13px 19px;
  font-size: 17px;
  line-height: normal;
  font-weight: bold;
}


/**************************************************************************************
ヘッダ（グローバルヘッダ）
**************************************************************************************/

#globalheader-container {
  background-color: #25211B;
  color: #F2F2E1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

/* container */
#container {
  width: auto;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 20px;
  padding-top: 20px;
}
#container #content {
  display: block;
  *zoom: 1;
}
#container #content:after {
  display: block;
  visibility: hidden;
  font-size: 0;
  height: 0;
  clear: both;
  content: ".";
}
.globalheader-off #container {
  padding-top: 0;
}


/**************************************************************************************
 2カラムレイアウト
**************************************************************************************/

/* 本文 */
#main {
  width: 100%;
  float: left;
  margin-right: -280px;
  }
#container #content {
 width: 95%;
 text-align: left;
 margin-left: auto;
 margin-right: auto;
}
#main>* {
 margin-right: 280px;
}
  
/* メニュー */
#box2 {
  width: 250px;
  float: right;
}
#box2 a:hover{
	background: linear-gradient(transparent 60%, #ffff66 60%);
}

/* header */
#blog-title {
  margin: 10px 0;
  padding: 0;
}
#title {
  margin: 0;
  font-size: 70px;
  text-align: right;
  transform: rotate(5deg);
}
#title a {
  color: #25211B;
	-webkit-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
}
#title a:hover {
	text-decoration: none;
	text-shadow: #25211B 0px 0px 15px,#4B3F26 0px 0px 100px;
}

#blog-description {
  text-decoration: none;
  font-size: 12px;
  margin: 0px;
  padding: 10px 30px;
  text-align : left;
  font-family: 'HG明朝E',ＭＳ Ｐ明朝,細明朝体;
  background: transparent !important;
  color: #25211B;
}

/* ヘッダ画像を設定したとき */
.header-image-enable #title {
  padding-top: 70px;
}
.header-image-enable #title,
.header-image-enable #blog-description {
  padding-left: 0px;
}


/**************************************************************************************
本文
**************************************************************************************/


/* パンくず（カテゴリーページで表示されます） */
#top-box {
  margin: 20px auto 20px;
  font-size: 12px;
}
#top-box .breadcrumb {
  border-top: solid 3px #4B3F26;
  border-bottom: solid 3px #4B3F26;
  padding: 10px;
}

/* 記事 */
.entry {
  position: relative;
  margin-bottom: 1.8em;
}
.entry-header {
  padding: 4px 4px 4px 18px;
  margin-bottom: 20px;
  border: none;
  position: relative;
  left: -5%;
  width: 105%;
  min-height: 150px;
  max-height: none;
  border-radius: 0 5px 5px 0;
  background-color: #25211B;
  background-image: url("https://cdn-ak.f.st-hatena.com/images/fotolife/a/attendre-et-esperer/20161113/20161113202242.gif");
  box-shadow: 5px 8px 8px 0px rgba(0,0,0,0.3);
}
.entry-title {
  margin: 0;
  font-size: 2.5vw;
  position: absolute;
  bottom: 10px;
  right: 10px;
}
.entry-title a{
  color: #F2F2E1;
  text-decoration: none;
  filter: dropshadow(color=#25211B,offX= 0,offY=-1)
dropshadow(color=#25211B,offX= 1,offY= 0)
dropshadow(color=#25211B,offX= 0,offY= 1)
dropshadow(color=#25211B,offX=-1,offY= 0);
  -webkit-text-stroke-color: #25211B;
  -webkit-text-stroke-width: 1px;
  text-shadow: #25211B 1px 1px 0px, #25211B -1px 1px 0px,
               #25211B 1px -1px 0px, #25211B -1px -1px 0px;
}

/* 日付 */
.date {
  font-size: 10px;
  font-family: 'HG明朝E',ＭＳ Ｐ明朝,細明朝体;
  font-weight: bold;
  padding-top: 8px;
  display: block;
}
.date a {
  color: #F2F2E1;
  text-decoration: none;
  background: #25211B;
  border-radius: 2px;
  font-weight: lighter;
  letter-spacing: 0.05em;
  text-decoration: none;
}

/* カテゴリ */
.categories {
  font-size: 10px;
  font-family: 'HG明朝E',ＭＳ Ｐ明朝,細明朝体;
  padding-top: 2px;
  display: block;

}
.categories a {
  color: #D21600;
  background: #25211B;
  padding: 2px 5px;
  font-weight: lighter;
  border-radius: 2px;
  letter-spacing: 0.05em;
  text-decoration: none;
}
.categories.no-categories {
  margin: 0;
}

/* 「編集する」ボタン */
.entry-header-menu {
  position: absolute;
  bottom: -35px;
  right: 0px;
  z-index: -1;
  display: none!important;
}
.entry-header-menu a {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding: 4px 10px 4px;
  line-height:1.7em;
  margin-bottom: 0;
  color: #F2F2E1;
  background-color: #4B3F26;
  text-align: center;
  vertical-align: middle;
  border-radius: 2px;
  cursor: no-drop;
  font-size: 17px;
  text-decoration: none;
  font-weight: bold;
  border: 1px solid rgba(0, 0, 0, 0.4);
  text-decoration: none !important;
}
.entry-header-menu a:hover {
  background-color: #D21600;
  text-decoration: none !important;
}

/* entry-footer */
.entry-footer {
  margin-top: 25px;
}
.entry-footer-section {
  font-size: 12px;
  color: #999999;
  text-align: right;
}
.entry-footer-section a {
  color: #999999;
}
.social-buttons,
.entry-footer-html {
  margin: 10px 0;
}

/* はてブスター */
.hatena-star-container {
  height: 40px;
  width: 30%;
  overflow: hidden;
  position: relative;
  left: 40%;
  text-align: center;
  vertical-align:middle;
  z-index: 0;
  margin: 8px 0;
  padding: 10px 20px 10px 20px;
  position: relative;
  background: linear-gradient(to right, #ffffcc 0%, #f1f1c1 0.5%, #f1f1c1 13%, #ffffcc 16%);
    /* ぼかし */
    -moz-box-shadow: 40px 5px 15px  rgba(0,0,0,0.1); /* Firefox */
    -webkit-box-shadow: 40px 5px 15px  rgba(0,0,0,0.1); /* Safari and Chrome */
    box-shadow: 40px 5px 15px  rgba(0,0,0,0.1);
	/* 回転 */
	-moz-transform: rotate(2deg); /* FireFox */
	-webkit-transform: rotate(2deg); /* Safari and Chrome */
	-o-transform: rotate(2deg); /* Opera */
	-ms-transform: rotate(2deg); /* IE */
	transform: rotate(2deg);
}
.hatena-star-star-container{
    -webkit-filter: sepia(100%);
    filter: sepia(100%);
    color: #25211B;
    -webkit-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
}
.hatena-star-star-container:hover {
    -webkit-filter: sepia(0%);
    filter: sepia(0%);
}

/* SNSシェアボタン */
.hatena-sns-container {
  height: 50px;
  width: 300px;
  overflow: hidden;
  position: relative;
  left: 10%;
  text-align: center;
  vertical-align:middle;
  z-index: 0;
  margin: 8px 0;
  padding: 10px 20px 10px 20px;
  position: relative;
  background: linear-gradient(to right, #ffffcc 0%, #f1f1c1 0.5%, #f1f1c1 13%, #ffffcc 16%);
    /* ぼかし */
    -moz-box-shadow: 40px 5px 15px  rgba(0,0,0,0.1); /* Firefox */
    -webkit-box-shadow: 40px 5px 15px  rgba(0,0,0,0.1); /* Safari and Chrome */
    box-shadow: 40px 5px 15px  rgba(0,0,0,0.1);
	/* 回転 */
	-moz-transform: rotate(3deg); /* FireFox */
	-webkit-transform: rotate(3deg); /* Safari and Chrome */
	-o-transform: rotate(3deg); /* Opera */
	-ms-transform: rotate(3deg); /* IE */
	transform: rotate(3deg);
}

/* コメント */
.comment-box ul {
  list-style: none;
  margin: 0 0 15px 0;
  padding: 0;
  font-size: 12px;
  line-height: 1.7;
}
.comment-box li {
  padding: 1em 1.5em;
  margin: 2em auto;
  border: 0px solid #25211B;
  background: #999868;
  background: transparent url(https://cdn-ak.f.st-hatena.com/images/fotolife/a/attendre-et-esperer/20161114/20161114164334.jpg) repeat left top;
  color: #F2F2E1;
  position: relative;
  width: 70%;
  overflow: hidden;
}
.comment-box li:before {
    content:"";
    position:absolute;
    top:0;
    right:0;
    border-width:0 16px 16px 0;
    border-style:solid;
    border-color:#F2F2E1 #F2F2E1 #658E15 #658E15; 
    background:#658E15; 
    display:block;
    width:0; 
    -webkit-box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
    -moz-box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
    box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
}

.comment-box .read-more-comments {
  padding-left: 0;
  width: 70%;
  background: none;
}
.comment-box .read-more-comments:before {
    content:"";
    position:absolute;
    top:0;
    right:0;
    border-width:0;
    border-style:none;
    border-color:transparent; 
    background:none; 
    display:block;
    width:0; 
    -webkit-box-shadow:0 1px 1px rgba(0,0,0,0), -1px 1px 1px rgba(0,0,0,0);
    -moz-box-shadow:0 1px 1px rgba(0,0,0,0), -1px 1px 1px rgba(0,0,0,0);
    box-shadow:0 1px 1px rgba(0,0,0,0), -1px 1px 1px rgba(0,0,0,0);
}

.comment-box .hatena-id-icon {
  display: none;
}
.comment-user-name {
  margin: 0 0 10px 0;
  font-weight: bold;
  color: #F2F2E1;
  border-bottom: solid 1px  #F2F2E1;
}
.comment-user-name a {
  color: #F2F2E1;
}
.comment-content {
  font-size: 12px;
  margin: 0 0 10px 0;
  word-wrap: break-word;
}
.comment-content p {
  margin: 0 0 10px 0;
}
.comment-metadata {
  font-size: 10px;
  text-align: right;
  color: #F2F2E1;
  margin: 0;
}
.comment-metadata a {
  color: #F2F2E1;
}
.leave-comment-title {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding: 4px 10px 4px;
  margin-bottom: 0;
  line-height: 18px;
  color: #F2F2E1;
  background-color: #D21600;
  text-align: center;
  vertical-align: middle;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-radius: 2px;
  background-clip: padding-box;
  cursor: pointer;
  font-size: 12px;
  text-decoration: none;
  font-weight: bold;
  border: 1px solid rgba(0, 0, 0, 0.2);
  text-decoration: none !important;
}
.leave-comment-title:hover {
  text-decoration: none !important;
}


/**************************************************************************************
sidebar
**************************************************************************************/


#box2 {
  font-size: 12px;
}

.hatena-module {
  height: auto;
  position: relative;
  z-index: 0;
  margin: 8px 0;
  padding: 10px 20px 10px 20px;
  position: relative;
  background: linear-gradient(to right, #ffffcc 0%, #f1f1c1 0.5%, #f1f1c1 13%, #ffffcc 16%);
    /* ぼかし */
    -moz-box-shadow: 40px 5px 25px  rgba(0,0,0,0.1); /* Firefox */
    -webkit-box-shadow: 40px 5px 25px  rgba(0,0,0,0.1); /* Safari and Chrome */
    box-shadow: 40px 5px 25px  rgba(0,0,0,0.1);
}

.hatena-module td {
	border: solid 0px #25211B;
	padding: 1px;
	font-size: 8px;
}

.hatena-module th {
	color: #C3BE9F;
	padding: 0;
	text-align: center;
	background-color: #25211B;
	padding: 1px;
	font-size: 8px;
	font-weight: bold;
}
.hatena-module td:nth-of-type(1) {
	color: #4B3F26;
	padding: 1px;
	text-align: center;
	background-color: transparent !important;
	padding: 1px;
	font-size: 1vw;
}

.hatena-module-title {
  font-weight: bold;
  font-size: 17px;
  font-family: 'HG明朝E',ＭＳ Ｐ明朝,細明朝体;
}
.hatena-module-title a {
  color: #4B3F26;
  text-decoration: none;
}
.hatena-module-title a:hover {
  text-decoration: none;
}

/* Profile module */
.hatena-module-profile .profile-icon {
  float: left;
  margin: 0 10px 10px 0;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-radius: 5px;
  background-clip: padding-box;
}
.profile-icon {
  /* ぼかし */
    -moz-box-shadow: 5px 5px 2px  rgba(0,0,0,0.1); /* Firefox */
    -webkit-box-shadow: 5px 5px 2px  rgba(0,0,0,0.1); /* Safari and Chrome */
    box-shadow: 5px 5px 2px  rgba(0,0,0,0.1);
    border: none;
}
.hatena-module-profile{
/* 回転 */
	-moz-transform: rotate(3deg); /* FireFox */
	-webkit-transform: rotate(3deg); /* Safari and Chrome */
	-o-transform: rotate(3deg); /* Opera */
	-ms-transform: rotate(3deg); /* IE */
	transform: rotate(3deg);
}
.hatena-module-profile .id {
  display: block;
  font-weight: bold;
  font-size: 17px;
  margin-bottom: 5px;
}
.hatena-module-profile .profile-description {
	width: 100%;
}
.hatena-module-profile .profile-description p {
  margin-top: 0;
	display: block;

}

/* urllist module
    リンク・最新記事・最近のコメント・月別アーカイブ・カテゴリモジュールは .hatena-urllist という共通の class が振られます
*/
.hatena-urllist {
  list-style: none;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}
.hatena-urllist li {
  padding: 8px 0;
  border-bottom: 0;
  line-height: 1.5;
}
.hatena-urllist li a {
  text-decoration: none;
}

/* Search module */
.hatena-module-search-box .search-form {
  border: 1px solid #4B3F26;
  background-color: #F2F2E1;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-radius: 3px;
  background-clip: padding-box;
  width: 100%;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}
.hatena-module-search-box{
/* 回転 */
	-moz-transform: rotate(3deg); /* FireFox */
	-webkit-transform: rotate(3deg); /* Safari and Chrome */
	-o-transform: rotate(3deg); /* Opera */
	-ms-transform: rotate(3deg); /* IE */
	transform: rotate(3deg);
}
.hatena-module-search-box .search-module-input {
  padding: 5px;
  color: #454545;
  background: none;
  border: none;
  outline: none;
  height: 20px;
  width: 90%;
}
.hatena-module-search-box .search-module-button {
  width: 20px;
  height: 20px;
  background: transparent url(https://cdn.blog.st-hatena.com/images/theme/search.png?version=fd637a5acde109c33d4bff4bfc7c27) no-repeat right center;
  border: none;
  outline: none;
  text-indent: -9999px;
  position: absolute;
  top: 5px;
  right: 5px;
  opacity: 0.5;
}
.hatena-module-search-box .search-module-button:hover {
  opacity: 0.85;
}

/* Link */
.hatena-module-links{
/* 回転 */
	-moz-transform: rotate(-2deg); /* FireFox */
	-webkit-transform: rotate(-2deg); /* Safari and Chrome */
	-o-transform: rotate(-2deg); /* Opera */
	-ms-transform: rotate(-2deg); /* IE */
	transform: rotate(-2deg);
}

/* 最新記事 */
.hatena-module-recent-entries{
/* 回転 */
	-moz-transform: rotate(4deg); /* FireFox */
	-webkit-transform: rotate(4deg); /* Safari and Chrome */
	-o-transform: rotate(4deg); /* Opera */
	-ms-transform: rotate(4deg); /* IE */
	transform: rotate(4deg);
}
.recent-entries-image-link img {
    -webkit-filter: sepia(100%);
    filter: sepia(100%);
      /* ぼかし */
    -moz-box-shadow: 5px 5px 5px  rgba(0,0,0,0.1); /* Firefox */
    -webkit-box-shadow: 5px 5px 5px  rgba(0,0,0,0.1); /* Safari and Chrome */
    box-shadow: 5px 5px 5px  rgba(0,0,0,0.1);
    border: solid 2px #cccccc;
    -webkit-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
}
.recent-entries-image-link:hover img {
    -webkit-filter: sepia(0%);
    filter: sepia(0%);
}

/* アーカイブ */
.hatena-module-archive{
/* 回転 */
	-moz-transform: rotate(1deg); /* FireFox */
	-webkit-transform: rotate(1deg); /* Safari and Chrome */
	-o-transform: rotate(1deg); /* Opera */
	-ms-transform: rotate(1deg); /* IE */
	transform: rotate(1deg);
}

/* Pager */
.pager {
  margin: 1em 0;
  padding-top: 4px;
  display: block;
  *zoom: 1;
  font-size: 12px;
  border-top: solid 3px #4B3F26;
}
.pager:after {
  display: block;
  visibility: hidden;
  font-size: 0;
  height: 0;
  clear: both;
  content: ".";
}
.pager .pager-prev {
  float: left;
  text-align: left;
  width: 45%;
}
.pager .pager-next {
  float: right;
  text-align: right;
  width: 45%;
}


/**************************************************************************************
Footer
**************************************************************************************/


#footer {
  padding: 10px 0;
  text-align: center;
  line-height: 1.5;
  font-size: 8px;
  background-color: #25211B;
  color: #F2F2E1;
  width: 100%;
}
}
#footer p {
  margin: 0;
}
#footer a {
  color: #F2F2E1;
}
.services{
  font-size: 8px !important;
  color: #999999 !important;
  text-align: center !important;
}


/**************************************************************************************
About ページ
**************************************************************************************/


.page-about {
  text-align: center;
}
.page-about dt {
  text-align: left;
  font-size: 17px;
  font-weight: bold;
  margin-bottom: 3px;
  font-family: 'HG明朝E',ＭＳ Ｐ明朝,細明朝体;
  position: relative;
  padding: 0 .1em;
}
.page-about dt::after {
	position: absolute;
	bottom: 3px;
	left: 0;
	z-index: -1;
	content: '';
	width: 30%;
	height: 10px;
	background-color: #dfdfdf;
	opacity: 0.6;
}
.page-about dd {
  text-align: left;
  margin-left: 0;
  margin-bottom: 30px;
}


/**************************************************************************************
archive ページ
**************************************************************************************/


.page-archive .archive-entries .archive-entry {
  margin-bottom: 3em;
}
.page-archive .archive-entries .entry-title {
  margin: 0 0 .5em;
}
.page-archive .archive-entries .categories {
  margin: 0 0 .5em;
}
.page-archive .archive-entries .entry-description {
  margin: 0 0 1em;
  line-height: 1.7em;
  font-size: 16px;
}
.page-archive .categories li {  } 

/* アーカイブ一覧用 */
.archive-entry {
	padding: 25px 25px 25px 25px;
	background: transparent url(https://cdn-ak.f.st-hatena.com/images/fotolife/a/attendre-et-esperer/20161114/20161114164334.jpg) repeat left top;
	border-radius: 30px 30px 30px 30px / 25px 25px 25px 25px;
	border: solid 1px #25211B;
    position: relative;
    display: block;
    -moz-box-shadow: 40px 5px 25px  rgba(0,0,0,0.1); /* Firefox */
    -webkit-box-shadow: 40px 5px 25px  rgba(0,0,0,0.1); /* Safari and Chrome */
    box-shadow: 40px 5px 25px  rgba(0,0,0,0.1);
}
.entry-description {
    color: #F2F2E1;
    font-size: 17px;
    padding-bottom: 10px;
}

/* 最初の文字だけ大きくする */
.entry-description:first-letter {
    font-size: 38px;
    line-height: 1;
    float: left;
    margin: 0 .2em 0 0;
    padding: .1em 0;
}

/* テープを貼ったようなデコ */
.archive-entry::before {
    content: "";
    display: block;
    position: absolute;
    background: rgba(255,255,255,0.2);
    box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
    left: 40%;
    top: -10%;
    width: 25%;
    height: 50px;
    transform: rotate(-6deg);
}


/**************************************************************************************
画面サイズ差異
**************************************************************************************/


/*  import media queries */
/* Media Queries - Retina Display */
@media (-webkit-min-device-pixel-ratio: 2) {
  .hatena-module-search-box .search-module-button {
    background: transparent url(https://cdn.blog.st-hatena.com/images/theme/search@2x.png?version=fd637a5acde109c33d4bff4bfc7c27) no-repeat right center;
    background-size: 20px 20px;
  }
}
/* Media Queries - Tablet */
@media (min-width: 760px) and (max-width: 1024px) {
  #container {
    width: 100%;
  }
  #main {
    width: none;
  }
  #box2 {
    width: 250px;
  }
}
/* Media Queries - Small Tablet & Smartphone */
@media (max-width: 760px) {
  #globalheader-container {
    position: static;
  }
  #container {
    width: 100%;
    word-wrap: break-word;
    overflow: hidden;
  }
  #main {
    width: 100%;
    float: none;
    margin-right: 0;
  }
  #main>* {
  margin-right: 0;
  }
  #box2 {
    width: 100%;
    float: none;
  }
  #box2-inner {
    width: 100%;
  }
  .hatena-module {
    width: 100%;
    float: none;
  }
  .entry-header-menu {
    top: -30px;
    left: 0px;
  }
}
/* Media Queries - Smartphone */
@media (max-width: 380px) {
  
}

/* google */
.google-afc-image {
	font-size: 8px;
	color: #4B3F26;
}
.google-afc-image a {
	color           : #4B3F26;
	text-decoration : none;
	background: transparent;
}
#google_afc_user_container_0 {
	-webkit-filter: saturate(50%);
    -webkit-filter: sepia(100%);
    filter: sepia(100%);
	-moz-transform: rotate(-6deg); /* FireFox */
	-webkit-transform: rotate(-6deg); /* Safari and Chrome */
	-o-transform: rotate(-6deg); /* Opera */
	-ms-transform: rotate(-6deg); /* IE */
	transform: rotate(-6deg);
	position: relative;

	-webkit-transition: all 2s ease;
	-moz-transition: all 2s ease;
	-o-transition: all 2s ease;
}
#google_afc_user_container_0:hover {
    -webkit-filter: sepia(0%);
    filter: sepia(0%);
}

.google-afc-image {
    /* 装飾 */
  height: auto;
  width: 400px !important;
  overflow: hidden;
  position: relative;
  display: block;
  text-align: center;
  vertical-align: middle;
  z-index: 0;
  margin: 8px 0;
  padding: 50px 25px 25px 25px;
  position: relative;
  background: linear-gradient(to right, #ffffcc 0%, #f1f1c1 0.5%, #f1f1c1 13%, #ffffcc 16%);
    /* ぼかし */
    -moz-box-shadow: 40px 5px 25px  rgba(0,0,0,0.1); /* Firefox */
    -webkit-box-shadow: 40px 5px 25px  rgba(0,0,0,0.1); /* Safari and Chrome */
    box-shadow: 40px 5px 25px  rgba(0,0,0,0.1);
	/* 回転 */
	-moz-transform: rotate(2.5deg); /* FireFox */
	-webkit-transform: rotate(2.5deg); /* Safari and Chrome */
	-o-transform: rotate(2.5deg); /* Opera */
	-ms-transform: rotate(2.5deg); /* IE */
	transform: rotate(2.5deg);
    
    /*
    width: 400px !important;
    text-align: center;
    padding: 50px 25px 25px 25px;
	background: transparent url(https://cdn-ak.f.st-hatena.com/images/fotolife/a/attendre-et-esperer/20161114/20161114164334.jpg) repeat left top;
	border-radius: 30px 30px 30px 30px / 25px 25px 25px 25px;
	border: solid 1px #25211B;
    position: relative;
    display: block;
    -moz-box-shadow: 40px 5px 25px  rgba(0,0,0,0.1); 
    -webkit-box-shadow: 40px 5px 25px  rgba(0,0,0,0.1); 
    box-shadow: 40px 5px 25px  rgba(0,0,0,0.1); */
}
#google_afc_user_container_0::after{
	z-index: -1;
	position: absolute;
    left: 40%;
    top: -10%;
	width: 250px;
	height: 250px;
	background-color: #ffffff;
	-moz-transform: rotate(-4deg); /* FireFox */
	-webkit-transform: rotate(-4deg); /* Safari and Chrome */
	-o-transform: rotate(-4deg); /* Opera */
	-ms-transform: rotate(-4deg); /* IE */
	transform: rotate(-4deg);
}

.adsbygoogle{
	padding-bottom: 15px;
	-webkit-filter: saturate(50%);
    -webkit-filter: sepia(100%);
    filter: sepia(100%);
	position: relative;
}
.adsbygoogle:hover {
    -webkit-filter: sepia(0%);
    filter: sepia(0%);
}

.hatena-follow-button{
	border: solid 1px #999999 !important;
	border-radius: 2px !important;
	background: #999999 !important;
	text-align: right;
}

/* 目次 */
.table-of-contents{
	background: #F2F2E1;
	-moz-opacity: 0.8;
	opacity: 0.8;
	filter: alpha(opacity=80);
	padding: 20px 10px 20px 40px;
	margin: 15px;
    border-radius: 2px;
    border: 1px solid #4B3F26;
    width: 100%;
    font-size: 12px;
}
.table-of-contents li,
.table-of-contents ul{
    list-style-type: decimal;
}
.table-of-contents a {
    text-decoration: none;
}
.table-of-contents:before{
    content: "目次";
    font-size: 25px;
    font-weight: bold;
}

/**************************************************************************************
SNSシェアボタン
**************************************************************************************/


/**************************************************************************************
装飾デザイン
**************************************************************************************/

/* 罫線 */
hr {
    height: 4px;
    margin: 30px 0;
    padding: 0;
    background: url('https://cdn-ak.f.st-hatena.com/images/fotolife/a/attendre-et-esperer/20161120/20161120151910.png');
    border: 0px none;
}

/* テキストエリア */
textarea{ font-size  : small; overflow: auto; }

/* ひとかたまりの範囲として定義する（インライン要素） */
span { margin: 0; padding: 0; }

/*見出し*/
h1, h2, h3, h4, h5, h6 { font-family: YuGothic,"YuGothic M","メイリオ",sans-serif; font-weight: normal; }
h1{ font-family: 'HG明朝E',ＭＳ Ｐ明朝,細明朝体; font-size: 25px; margin: 50px 0px 3px; text-align : left; font-weight: none; }
	h1 a { font: #4B3F26; }
h2{ font-family: 'HG明朝E',ＭＳ Ｐ明朝,細明朝体; background: #4B3F26; color: #F2F2E1; font-size: 16px; padding: 2px 5px; margin: 25px 0 15px 0; }
	h2 a{ font: #F2F2E1; }
h3 { font-family: 'HG明朝E',ＭＳ Ｐ明朝,細明朝体; font-size : 16px; margin: 15px 0px 15px; font-weight: bold; border-bottom: 3px solid #4B3F26; }
	h3 a { font: #4B3F26; }
h4 { font-family: 'HG明朝E',ＭＳ Ｐ明朝,細明朝体; font-size : 16px; margin: 15px 0px 15px 0px; font-weight: bold; border-bottom: 1px dashed #4B3F26; }
h5{  }
h6{  }

em, strong, ins, del { }
input, textarea, select { margin: 5px 0; padding: 3px; font-family: YuGothic,"YuGothic M","メイリオ",sans-serif; font-size: 0.8em; border: 1px solid #4B3F26; }

/* ソースを整形済みテキストとして表示 */
pre { margin: 0.5em 0; font-size: 10px; width: 90%; overflow: auto; color: #333; border: 1px solid #000; padding: 0.5em; }

/* プログラムのソースコードである事を表す */
code { color: #4D4D4D; }

/* 出典・参照先 */
cite { margin: 0; margin-right: 3px; display: block; color: #4D4D4D; font-style: normal; text-align: right; }

/* 免責・警告・著作権などの注釈や細目を表す */
small {  font-size: x-small; }

/* 強調 （b < strong）*/
strong { font-weight: bold; color: #D21600; }
	.em_pm { font-weight: normal; border-bottom: 1px dashed #D21600; }
em { font-weight: bold; font-style: normal; }

/* アクセントをつける */
em.em_accent {
   -webkit-text-emphasis: filled sesami #D21600;
   text-emphasis: filled sesami #D21600;
}

/* 参照強調 （strongなどとは違い、利用者が強調したい箇所を強調する）*/
mark { background: #008541; color: #F2F2E1; }

/* 削除 （取り消しを主張出来る。でもstrikeの方が対応しているプラウザ多し）（s,strike < del） */
del { font-weight: bold; text-decoration: line-through; }
strike { text-decoration: line-through; }
s { text-decoration: line-through; }

/* 追記された部分である事を主張する　（追加の理由やコメントの文書がある場合は、citeを利用、でも内容が簡単な場合にはtitleで記述するやり方もあり） */
ins { border-bottom: 0px dotted #D21600; }

/* sup上付き文字　sub下付き文字 */
sub,
sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: 0em; }
sub { bottom: 0em; }

/* 複数行の入力フィールドを作成する */
textarea { width: 350px; min-width: 350px; height: 120px; min-height: 120px; }

/* 連絡先・問合せ先を表す */
address { display: inline; }

/* 引用文 */
blockquote {
    text-align:left;
    padding: 0.5em 10px;
    margin: 1.5em 10px;
    background: rgba(232,215,143,0.2);
    }
blockquote:before {
    content: "“";
    font-size: 24pt;
    text-align: center;
    line-height: 42px;
    color: #F2F2E1;
    background: #4B3F26;
    float: left;
    position: relative;
    border-radius: 25px;
    margin-right: 0.5em;
    vertical-align: -0.4em;
    display: block;
     height: 25px;
     width: 25px;
    }
blockquote:after {
    content: "”";
    font-size: 24pt;
    text-align: center;
    line-height: 42px;
    color: #F2F2E1;
    background: #4B3F26;
    float: right;
    position: relative;
    border-radius: 25px;
    margin-right: 1em;
    vertical-align: -0.5em;
    display: block;  
    height: 25px;  
    width: 25px;
    }
blockquote p{
	margin-left: 38px;
}
blockquote a{
	color: #4B3F26;
}
blockquote cite{
	font-size: 12px;
}

/* リスト */
	/* 順序のないリスト */
	ul{ list-style-type: circle; margin-top: 0; margin-bottom: 0; margin-left: 25px; text-align: left; }
	ul li { list-style-position: outside; }
	/* 順序のあるリスト */
	ol{ list-style-type: decimal-leading-zero; margin-top: 0; margin-bottom: 0; margin-left: 25px; text-align: left; }
	ol li { list-style-position: outside; }
	
	/*  */
	ul.attention_list{ list-style-type: none; margin: 0;padding: 0;}/*リセット*/
	ul.attention_list li{ }
	ul.attention_list li:before{
		content: "※";
		display: inline-block;
		width: 1.5em;
		margin-left: -1.5em;
	}

/* 定義リスト（『dl』→『dt』定義する用語『/dt』→『dd』その用語の説明『/dd』→『/dl』・・って感じで使う） */
	dl { width: 400px; }
	dt { float: left; clear: left; width: auto; }
	dt:after { content: "："; }
	dd { float: left; width: auto; }
	
	dl.shoei { 
	text-size: 10px;
	}
	dt.shoei { 
	text-size: 10px;
	}
	dd.shoei { 
	text-size: 10px;
	}


/* 定義する用語を明示する（上のdlらと違って文章中で表現するときに使う） */
dfn { text-decoration: none; font-weight: normal; color: #D21600; }

/* 略語（頭字語）であることを表す。SOHOなど一括りにして発音できるものなど */
acronym { border-bottom: dotted #273c2c 1px; }
/* 略語（頭字語以外）であることを表す */
abbr { }

/* 段落（一つの段落である事を表す） */
p{text-align: left; margin-top: 0; margin-bottom: 0; }
	.p_l{ text-align: left; margin-top: 0; margin-bottom: 0; }
	.p_c{ text-align: center; margin-top: 0; margin-bottom: 0; }
	.p_r{ text-align: right; margin-top: 0; margin-bottom: 0; }

/* 画像 */
img { border: solid 1px #4B3F26; }
	.img_text{ border: solid 2px #D21600; }

/* メディア系。audio：音声を再生、canvas：図形を描く、progress：タスク完了までの進行状況を示す、video：ビデオ再生 */
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}

/* svgベクター描写のこと */	
svg:not(:root) { overflow: hidden; }

/* 図表であることを示す */
figure { margin: 1em 40px; border: 0px; }
/* <figure>でくくったものの説明につける */
figcaption { text-align: center; text-size: 10px; color: #333; }

/*fieldset（フォームの入力項目をグループ化する）*/
fieldset { padding: 10px; font-size: 13px; text-align: center; border: solid 1px #333333; width: 650px; }
legend	 { color: #FFFF33; text-align: center; }

/* 半透明化 */
/*-moz-opacity: 0.8;
opacity: 0.8;
filter: alpha(opacity=80);*/

/* 脚注 */
a.footnote { font-size: 5px; vertical-align: top; }
.footnote-number{ font-size: 5px; vertical-align: top; }

/* おまけ*/
.emphasis_marks {
	font-style: normal;
	font-size: 17px;
	padding: 6px 0px 0px 0px;
	background: url("http://file.umihebi8.kyotolog.net/CSS2Dot.GIF") repeat-x;
}

.emphasis_marks2 {
    font-style: normal;
    background-image: url("http://file.umihebi8.kyotolog.net/CSS3Dot.GIF"), none;
    background-clip: padding-box, content-box;
    background-size: 1em 1em, auto;
    padding: 4px 0px 0px 0px;
}

.emphasis_marks3 {
    font-style: normal;
    text-emphasis-style: filled dot;
    -webkit-text-emphasis-style: filled dot;
    text-emphasis-position: over;
}

.emphasis_marks4 {
    font-style: normal;
    text-emphasis-style: filled sesame ;
    -webkit-text-emphasis-style: filled sesame ;
    text-emphasis-position: over;
}


/* テーブル */

table {
	padding-top: 15px;
	padding-bottom: 15px;
	text-align: center;
	margin: 15px auto 15px auto;
	background-color: #C3BE9F;
}

td {
	border: solid 1px #25211B;
	padding: 8px;
	font-size: 17px;
	text-align: left;
}

th {
	color: #C3BE9F;
	padding: 8px;
	text-align: center;
	background-color: #25211B;
	padding: 5px;
}

td:nth-of-type(1) {
	color: #C3BE9F;
	padding: 8px;
	text-align: left;
	background-color: #25211B;
	padding: 5px;
}
/* 一列目に色を付けない場合 */
td:nth-of-type(1).nontd {
	border: solid 1px #25211B;
	padding: 8px;
	font-size: 17px;
	text-align: left;
	background-color: #C3BE9F;
	color           : #4B3F26;
}

.source_mini{
    font-size       : 8px;
    text-align: right;
}

/* テーブル（蔵書状況用） */

table.tbpt2 {
	padding-top: 15px;
	padding-bottom: 15px;
	text-align: center;
	margin: 15px auto 15px auto;
	background-color: #C3BE9F;
}

td.tbpt2 {
	border: solid 1px #25211B;
	padding: 8px;
	font-size: 17px;
	text-align: left;
	font-size: 10px;
}

th.tbpt2 {
	color: #C3BE9F;
	padding: 8px;
	text-align: center;
	background-color: #25211B;
	padding: 5px;
	font-size: 10px;
}

/* テーブル内のリスト */
	/* 順序のないリスト */
	td ul{ list-style-type: circle; margin-top: 0; margin-bottom: 0; margin-left: 13px; text-align: left; padding-left: 5px; }
	td ul li { list-style-position: outside; }
	/* 順序のあるリスト */
	td ol{ list-style-type: decimal-leading-zero; margin-top: 0; margin-bottom: 0; margin-left: 13px; text-align: left; padding-left: 15px; }
	td ol li { list-style-position: outside; }
	
/* テーブル内の罫線 */
	td hr {
    height: 4px;
    margin: 15px 0;
    padding: 0;
    background: url('https://cdn-ak.f.st-hatena.com/images/fotolife/a/attendre-et-esperer/20161120/20161120151910.png');
    border: 0px none;
	}

table#table_list2 col {
color: #C3BE9F;
}

#table_list1 {
	background      : url(http://file.umihebi8.kyotolog.net/9ae55946.jpeg) repeat-y right top;
}

#table_list2 {
	background-color: #C3BE9F;
	table-layout: fixed;
	border: 2px solid #25211B;
	width: 90%;
	margin: 15px auto 15px auto;
}

p.timetable_sm {
margin-left: 30px; 
padding-left: 8px;
border-left: double 3px #4B3F26;
}

/* ページネーション　*/
div.pageNav04c {
	position: relative;
	overflow: hidden;
	margin: 0 auto 10px auto;
	padding: 10px;
	background: none;
	text-align: center;
	width: auto;
}

ul.pageNav04c {
	position: relative;
	float: left;
	list-style-type: none
}

ul.pageNav04c li {
	position: relative;
	margin: 0;
	float: left;
}

ul.pageNav04c li span {
	display: inline-block;
	margin: 0 1px 1px 0;
	padding: 1px 8px;
	background: #1C1811;
	border: 1px solid #1C1811;
	text-decoration: none;
	vertical-align: middle;
	float: left;
}
ul.pageNav04c li a  {
	margin: 0 1px 1px 0;
	padding: 1px 8px;
	background: #1C1811;
	border: 1px solid #1C1811;
	text-decoration: none;
	vertical-align: middle;
}
ul.pageNav04c li a:hover {
	background: #D21600;
	border-color: #1C1811;
	color: #1C1811
}

/* 吹き出し*/
.balloon1-right {
  position: relative;
  display: inline-block;
  margin: 1.5em 15px 1.5em 0;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 85%;
  color: #F2F2E1;
  font-size: 16px;
  background: #4B3F26;
}

.balloon1-right:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -15px;
  border: 15px solid transparent;
  border-left: 15px solid #4B3F26;
}

.balloon1-right p {
  margin: 0;
  padding: 0;
}

/*　テープ　枠　2 */
.kakomi-tape2 {
 position: relative;
 width: 90%;
 margin: 2.5em auto;
 padding: 35px 30px 20px;
 /* color: #4b3f26;文字色 */
 background-color: #ffffcc; /*枠背景色*/
 box-shadow: inset 0 0 40px rgba(204, 186, 136,1), 0 2px 2px #ccc;
}
.kakomi-tape2::before {
 display: block;
 position: absolute;
 content: "";
 width: 140px;
 height: 35px;
 left: 35%;
 top: -16px;
 background-color: rgba(204, 186, 136,0.3);/*テープ色*/
 box-shadow: 0 0 3px rgba(0,0,0,0.1);
 transform: rotate( -3deg ); /*テープ角度*/
}

/*　所蔵・購入一覧 */
.bib_date_out {
	text-align: right;
}
.bib_date_in {
	font-size: 10px;
	text-align: left;
	color: #333;
	display: inline-block;
	text-align: left;
	width: 360px;
}


/**************************************************************************************
雑誌収録情報一覧
**************************************************************************************/
#balet_list { width: 100%; }

ul.balet_list_ul {
    list-style: none;
    margin: 10px 0 0 0;
    padding: 0;
    position: relative;
}

li.balet_list_li {
	position: relative;
	margin: 0 0 1em 0;
    list-style: none;
	}

.balet_list_item {
    margin: 0 0 0 10%;
    padding: 0.4em 0 1em 1.5em;
}

ul.balet_list_ul2 {
    margin: 0 0 1em 7em;
    list-style: none;
}

/* ラインの部分 */
.balet_list_ul:before {
    content:"";
    width: 5px;
    background-color: #4B3F26;
    left: 48px;
    position: absolute;
    margin-left: -10px;
    box-sizing: border-box;
    top: 8px;
    bottom: 0;
    z-index: 0;
}

/* 丸の部分 */
.balet_list_icon {
    width: 55px;
    height: 20px;
    line-height: 20px;
    position: absolute;
    background-color: #25211B;
    border-radius: 10%;
    left: 30px;
    top: 0;
    margin: 0.5rem 0 0 -15px;
    box-shadow: 0 0 0 0 none;
        /* ここからは特に不要 */
        font-size: 1rem;
        color: #F2F2E1;
        text-align: center;
        font-weight: 800;
}

.balet_list_icon_midashi {
    width: 55px;
    height: 20px;
    line-height: 20px;
    position: absolute;
    background-color: #D21600;
    border-radius: 10%;
    left: 30px;
    top: 0;
    margin: 0.5rem 0 0 -15px;
    box-shadow: 0 0 0 0 none;
        /* ここからは特に不要 */
        font-size: 0.8rem;
        color: #F2F2E1;
        text-align: center;
        font-weight: 400;
}

/* 非掲載 */
p.balet_list_not-text{
	color: #999;
}

/* 背景テキスト */
.balet_list_back {
  content: ;
  top: 0;
  right: 0;
  position: absolute;
  display: inline-block;         /* インラインブロック化 */
  overflow: hidden;               /* はみ出しは非表示     */
  white-space: nowrap;               /* 折り返ししない       */
  margin: 0 auto;               /* BOXの位置(中央寄せ)  */
  width: 240px;                /* BOXの横幅            */
  height: 240px;                /* BOXの高さ            */
  font-size: 80pt;                 /* 背景透かし文字サイズ */
  font-weight: 800;
  color: #ccc;
  text-align: right;
  z-index: -1;
  font-family     : Constantia,"Constantia","Baskerville",sans-serif;
}