@charset "UTF-8";
/*
  Theme: boilerplate
  Author: Hatena Blog Team
  Responsive: yes
  Description:
  Released under the MIT License.
*/
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */

html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
body{margin:0;}
article,aside,footer,header,nav,section{display:block;}
h1{font-size:2em;margin:0.67em 0;}
figcaption,figure,main{display:block;}
figure{margin:1em 40px;}
hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible;}
pre{font-family:monospace, monospace;font-size:1em;}
a{background-color:transparent;-webkit-text-decoration-skip:objects;}
abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}
b,strong{font-weight:inherit;}
b,strong{font-weight:bolder;}
code,kbd,samp{font-family:monospace, monospace;font-size:1em;}
dfn{font-style:italic;}
mark{background-color:#ff0;color:#000;}
small{font-size:80%;}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sub{bottom:-0.25em;}
sup{top:-0.5em;}
audio,video{display:inline-block;}
audio:not([controls]){display:none;height:0;}
img{border-style:none;}
svg:not(:root){overflow:hidden;}
button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0;}
button,input{overflow:visible;}
button,select{text-transform:none;}
button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}
fieldset{padding:0.35em 0.75em 0.625em;}
legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}
progress{display:inline-block;vertical-align:baseline;}
textarea{overflow:auto;}
[type="checkbox"],[type="radio"]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}
[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}
[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}
details,menu{display:block;}
summary{display:list-item;}
canvas{display:inline-block;}
template{display:none;}
[hidden]{display:none;}

/* Document
   ========================================================================== */
html,
body {

/*
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
 */
/*

font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Arial, メイリオ, Meiryo, sans-serif;
  */

  font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック Medium', YuGothic,meiryo, sans-serif;   
 
  color: #333;
  background-color: #FFFFFF;
  font-size: 18px;
  line-height: 2;
  letter-spacing: 0.4px;
  -webkit-font-smoothing: subpixel-antialiased;
}


body p {
  margin:30px 0;
}

a {
    color: #c15d8c ;
}

a:hover {
    color: #C0778E;
}

a.keyword {
    text-decoration: none;
    border-bottom: 1px dotted #ddd;
    color: #454545;
}

h1, h2, h3, h4, h5, h6 {
    color: #333;
    line-height: 1.3;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: #333;
    text-decoration: none;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
    color: #555 ;
}

/* ヘッダ（グローバルヘッダ）
  グローバルヘッダの中はiframeですが、
  #globalheader-container に背景色や文字色を指定することでiframeの中にも色が反映されます。
*/
#globalheader-container {
    background-color: #454545;
    color: #fff;
}

/* container */
#container,
#footer {
    width: 100%;
    margin: auto;
    padding-left: 0;
    padding-right: 0;
}

#content-inner{
        margin-top:100px;
}

#wrapper {
    width: 100%;
}
#main{
  width: 100%;
}
#main-inner{
display:block;
margin:0 10px
}
#box2{
width: 100%;
background-color:#f2eff1;
}
#box2-inner{
display:block;
margin:0px 10px;
}


@media (min-width: 668px) {
    #main-inner,#box2-inner{
        width: 620px;
        margin: auto;
        padding-left: 0;
        padding-right: 0;
   }
    #content-inner{
        margin-top:100px;
    }
}


#top-editarea .adm{
  width:100%;
  display:block;
  text-align: center;
  margin:20px auto;
}
.ads_responsive_1 { width: 320px; height: 100px;}
@media(min-width: 500px) { .ads_responsive_1 {width: 468px; height: 60px; } }




/* ヘッダ */
#blog-title {
    margin: 0;
    height: 65px;
    padding-top:0.8em;
    padding-left:auto;
    padding-right:auto;
     box-sizing:border-box;
      background-color: rgba(249,193,207,0.2); 
     text-align: center;


}

@media (min-width: 668px) {
 #blog-title {
    text-align: left;
    padding:0 auto;
 }
}

#blog-title:after {
  clear:both;
  content: "";
  display: block;
}

#blog-title-content{
    position:relative;
}

#title {
    position:relative;
    float:none;
    margin: 0 1em;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 1.5rem;
}

@media (min-width: 668px) {
 #title {
    float:none;
 }
}


#title:before {
    position:relative;
    font-family: "blogicon";
    content: "\f050";
    color:#D4ABAA;
    right: -10px;
    top: -2px;
    margin: 0 1em;
    font-size: 1rem;
}

#title a {
    color: #000;
}

#blog-description {
    float:left;
    position:absolute;
    top:-5px;
    left:230px;
    color: #454545;
    font-weight: normal;
    font-size: .8rem;
    margin: 1em 0 0;
}

#blog-description {
 display:none;
}

@media (min-width: 668px) {
#blog-description {
 display:none;
}
}

/* entry */
.entry {
    position: relative;
    margin-bottom: 4em;
}

.entry-header {
    padding-bottom: 1em;
    margin-bottom: 0;
    position: relative;
}

.date {
    margin-bottom: .5em;
    font-size: .9rem;
}

.date a {
    color: #999;
    text-decoration: none;
}

.archive-entry .categories {
    margin: .5em 0;
    font-size: .9rem;
}

.archive-entry .categories a {
    margin-right: .5em;
    text-decoration: none;
}


/* はてなAmazon  */
.hatena-asin-detail {
    position: relative;
    overflow: hidden;
    font-size: 90%;
    border: solid 1px #DDD;
    background: #FFF;
    padding:15px;
}
.hatena-asin-detail ul{
    display: inline-block;
}
.hatena-asin-detail .hatena-asin-detail-title a {
    display: inline;
    position: relative;
    color: #FFAF31;
}
.hatena-asin-detail-title  a:visited {
  color: #FFAF31;}
.hatena-asin-detail-title > a:hover,
.hatena-asin-detail-title > a:active {
  color: #FFAF31;
  opacity: .8;
  -webkit-transition: color 0.3s;
  transition: none;
}
.hatena-asin-detail ul { margin-top: 34px;}
.hatena-asin-detail-info ul li:last-child{display:none;}
.hatena-asin-detail li {  line-height: 1.4;}
.hatena-asin-detail ul { display:none;}
.hatena-asin-detail-foot { font-size:1px;height: 5px;}
.hatena-asin-detail .hatena-asin-detail-title a:after {
    position: absolute;
    bottom: -34px;
    left: 0;
    content: "Amazon ";
    display: inline-block;
    background: #FFAF31;
    border: solid 1px #FFAF31;
    color: #fff;
    padding-top: 0 ;
    line-height: 1.6;
    border-radius: 1px;
    width: 90px;
    text-align: center;
}
.hatena-asin-detail::before {
    color: #ddd;
    content: "\f034";
    cursor: default;
    display: inline-block;
    font: 100px/1 blogicon;
    vertical-align: middle;
    transform: rotate(-45deg);
    position: absolute;
    bottom: -20px;
    right: 0;
}
.hatena-asin-detail.hatena-rakuten-detail .hatena-asin-detail-title a {
    color: #C0778E;
}
.hatena-asin-detail.hatena-rakuten-detail .hatena-asin-detail-title a:after {
    content: "楽天市場 ";
    background: #C0778E;
    border: solid 1px #C0778E;
    color: #fff;
}

.hatena-asin-detail.hatena-rakuten-detail::before {
    content: "\f722";
}

.hatena-asin-detail-foot { font-size:15px;height: 1em;}

@media screen and (max-width: 768px) {
.hatena-asin-detail li { font-size:15px;line-height: 1.2;}

}
@media screen and (max-width: 640px) {
.hatena-asin-detail ul { display:none;}
.hatena-asin-detail-foot { font-size:15px;height: 1.5em;}
}


/* flex */
.entry-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: raw;
    flex-flow: raw;
    flex-wrap:wrap;

}
.entry-header .entry-title {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
}
.entry-header .date {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}
.entry-header .categories {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}
.entry-header .customized-header {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
}
.entry-header .social-buttons {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
}


.entry-title {
width:100%;
    margin: 0 0 .3em;
    font-size: 20px;
    line-height: 1.5em;
    font-weight:bold;
}

.entry-header .entry-title {
    margin: 0 0 .3em;
    font-size: 27px;
    line-height: 48px;
    font-weight:bold;
}

.entry-header .categories {
    margin: .5em 0;
    font-size: .9rem;
}

.entry-header .categories a {
    margin-right: .5em;
    text-decoration: none;
}

.entry-header .categories {
    margin:  0;
}

.entry-header .date {
    margin-bottom: 0;
    margin-right: 1em;
    font-weight:bold;
    text-align:right;
}

.entry-header .date a{
    text-decoration: none;
}

/* 「編集する」ボタン */
.entry-header-menu {
    position: absolute;
    top: -60px;
    right: 0;
}

/* 記事内の書式 */
.entry-content img,
.entry-content video {
    max-width: 100%;
    height: auto;
}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
    margin: 1em 0 0.8em 0;
}

.entry-content h1 {
    font-size: 1.5rem;
}

.entry-content h2 {
    font-size: 1.4rem;
}

.entry-content h3 {
    font-size: 1.4rem;
    margin-top:50px;
    margin-bottom:25px;
}

.entry-content h4 {
    font-size: 1.2rem;
    margin-top:50px;
    margin-bottom:0;
}

.entry-content h5 {
    margin-top:50px;
    margin-bottom:10px;
    font-size: 1rem;
}

.entry-content h6 {
    font-size: .9rem;
}

.entry-content ul,
.entry-content ol,
.entry-content dd {
    margin: 1em 0 1em 1.5em;
    padding: 0;
}

.entry-content ul li ul, .entry-content ul li ol,
.entry-content ol li ul,
.entry-content ol li ol,
.entry-content dd li ul,
.entry-content dd li ol {
    margin-bottom: 0;
}


.entry-content table {
    border-collapse: collapse;
    border-spacing: 0;
    border-bottom: 1em;
    margin-bottom: 1em;
    width: 100%;
    overflow: auto;
    display: block;
    font-size: .8rem;
}

.entry-content table th,
.entry-content table td {
    border: 1px solid #ddd;
    padding: 5px 10px;
}

.entry-content table th {
    background: #f5f5f5;
}

.entry-content blockquote {
    margin: 0 0 10px;
    padding: 25px;
    background: #f5f5f5;

}

.entry-content blockquote p:first-child {
    margin-top: 0;
}

.entry-content blockquote p:last-child {
    margin-bottom: 0;
}

.entry-content pre,
.entry-content code {
    font-family: 'Monaco', 'Consolas', 'Courier New', Courier, monospace, sans-serif;
}

.entry-content pre {
    background: #f5f5f5;
    border: none;
    white-space: pre-wrap;
    text-overflow: ellipsis;
    font-size: 100%;
    line-height: 1.3;
    font-size: .8rem;
    padding: 10px;
}

.entry-content pre > code {
    margin: 0;
    padding: 0;
    white-space: pre;
    border: none;
    background-color: transparent;
    font-family: 'Monaco', 'Consolas', 'Courier New', Courier, monospace, sans-serif;
}


.entry-content code {
    font-size: 90%;
    margin: 0 2px;
    padding: 0px 5px;
    background-color: #f5f5f5;
    border-radius: 3px;
}

.entry-content hr {
    width: 50%;
    border: 0;
    border: none;
    border-top: 1px solid #ddd;
    margin: 2em auto;
}

.entry-content .table-of-contents {
    padding: 1em 1em 1em 2em;
    margin: 1em 0;
    border: 1px solid #ddd;
}

/* 記事下 */
.entry-footer .social-buttons {
    margin-bottom: 1em;
}

.entry-footer-section {
    color: #999;
    font-size: .9rem;
}

.entry-footer-section a {
    color: #999;
}


/* Pager */
.pager {
  margin: 1em 0;
  display: block;
  *zoom: 1;
}
.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%;
}


/* サイドバーモジュール */

.urllist-title-link {
    font-size: 100%}
    
.hatena-module {
  display: block;
    padding-top:2em;
    margin: 0;
    font-size: 1rem;
}

.hatena-module-title {
    margin-bottom: .6em;
    padding-bottom: .2em;
    font-size: 1rem;
    font-weight: bold;
}

.hatena-module-title a {
    color: #444;
    text-decoration: none;
}

.hatena-module-title a:hover {
    text-decoration: underline;
}

/* Profile module */
.hatena-module-profile .profile-icon {
    float: left;
    margin: 0 10px 10px 0;
}

.hatena-module-profile .id {
    display: block;
    font-weight: bold;
    margin-bottom: .5em;
}

.hatena-module-profile .profile-description p {
    margin-top: 0;
}

/* urllist module */
.hatena-urllist {
    list-style: none;
    margin: 0;
    padding: 0;
}

.hatena-urllist li {
    padding:  0;
}

.hatena-urllist li:last-child {
    padding-bottom: 0;
}

.hatena-urllist li a {
    text-decoration: none;
}

.hatena-urllist li a:hover {
    text-decoration: underline;
}

.hatena-urllist .urllist-category-link {
    font-size: .7rem;
    padding: .1em .3em;
}

.hatena-urllist .urllist-date-link a {
    color: #999;
}

.hatena-urllist .urllist-entry-body {
    margin-top: .3em;
}

.hatena-module-category .hatena-urllist  li a {
    display: inline-block;
}

.hatena-module-category .hatena-urllist  li  {
    display: inline-block;
    margin-right:1em;
}

/* About ページ */
.page-about .entry-content dt {
    font-weight: bold;
    border-bottom: 1px solid #ddd;
    margin-bottom: .5em;
}

.page-about .entry-content dd {
    margin-left: 0;
    margin-bottom: 2em;
}

/* Archive */
.archive-header-category {
    text-align: center;
}

.page-archive .archive-entry {
    margin-bottom: 3em;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.3;
}

.page-archive .entry-title {
    margin: .3em auto;
}

.page-archive .entry-thumb {
    width: 80px;
    height: 80px;
    background-size: cover;
}



.page-archive .entry-description {
    margin: 0;
    font-size: .85rem;
}

.page-archive .social-buttons {
    display: block;
    margin-top: .3em;
}

/* footer */
#footer {
    margin-top: 2em;
    padding-bottom: 2rem;
    text-align: center;
    font-size: .8rem;
    color: #999;
}

#footer a {
    color: #999;
}

#footer p {
    margin: .5em auto;
}

.entry-footer-section {display:none;}
.page-archive .entry-thumb {display:none;}

/* ぱんくず スクリプトで記事下へ */

#top-box {
 display: none;
}

#bottom-box{
margin: 30px 0 0;
}

#bottom-editarea {}

.copyright{
  font-size:0.9em;
  text-align: center;
}
.breadcrumb-inner {
  margin: 0;
  color: #666;
  text-align: center;
  font-size:0.9em;
  line-height:1.2em;
}
.breadcrumb-inner a {
  display:inline;/*横に並ぶように*/
  text-decoration:none;
}
.breadcrumb-child:before {/* ▶を表示*/
  font-weight: bold;/*太字*/
  font-family: "blogicon";
  content: '\f002';
  padding: 0 10px;
  color: silver;
}
.breadcrumb-gt{
    display: none;
}
.page-entry .breadcrumb-child:last-child {
    display: none;
}

.page-entry #top-box {
padding: 20px 0 0;
font-size:90%;
}