@import url(https://fonts.googleapis.com/css?family=PT+Sans); /* pt sans 3,7 */
@import url(https://fonts.googleapis.com/css?family=Lato&subset=latin-ext,latin);/* Lato 3,4,7,9,ita  */
@import url('http://dl.dropbox.com/s/hf1dnlvqc9rdkdk/styles.css?dl=0');
/*light novel pop*/
@import url('https://dl.dropbox.com/s/ti2exua8p7trnp6/font-awesome.css?dl=0');
@font-face{font-family:"NotoSansCJKjp-Regular";font-weight:400;src:url('https://dl.dropbox.com/s/fpiex4opt220zik/NotoSansCJKjp-Regular400.woff?dl=0'); }
@font-face{font-family:"NotoSansCJKjp-Thin";font-weight:250;src:url('https://dl.dropbox.com/s/smb14sxg1kvfs1u/NotoSansCJKjp-Thin250.woff?dl=0'); }
@font-face{font-family:"NotoSansCJKjp-Light";font-weight:300;src:url('https://dl.dropbox.com/s/zgi6hq25ns6xcqo/NotoSansCJKjp-Light300.woff?dl=0'); }
@font-face{font-family:"NotoSansCJKjp-Bold";font-weight:700;src:url('https://dl.dropbox.com/s/0txbtna0s4h02p3/NotoSansCJKjp-Bold700.woff?dl=0'); }
@font-face{
    font-family:"PixelMplus12-Regular";
    src:url('https://dl.dropbox.com/s/0y785bkmfossr4s/PixelMplus12-Regular.woff?dl=0');
    font-weight:Regular;}
body{font-family: 'NotoSansCJKjp-Regular','Exo 2',serif;
    background-color:#FEFEFC;}
.entry-content ul{background-color:white;
   list-style-type:square;
   /*
    margin: 0;
    padding: 0;
    overflow:; */ }
.entry-content ul li {clear:both;}
#globalheader-container{
    background-color:#212222;
    color:white;}
#container-inner{
    box-sizing:border-box;
    border-left:4.2px solid lightgray;}
#blog-title{
    box-sizing:border-box;
    width:100%;
    height:150px;
    background-image:url('http://img.f.hatena.ne.jp/images/fotolife/D/DDramonQ/20160515/20160515231912.jpg');
    background-position:top left;
    background-size:100%;}
#title{box-sizing:border-box;
    background-color:#212222;
    height:150px;
    width:320px;
    margin-top:0px;
    padding:27px 0 0 20px ;
    word-wrap:break-word;
    border-right:4px solid #FB001B;
    float:left;}
#title a{
    font-family:'PT Sans';
    line-height:0.8em;
    font-size:45px;
    font-weight:700;
    color:white;
    display:block;
    text-decoration:none;}
#title a:hover{color:#FFAC00;}
#blog-description{box-sizing:border-box;
    width:340px;
    height:67px;
    color:#FEFFEC;
    background-color:#4A474C;
    margin-top:0;
    padding:24px 12px;
    font-family:'PT Sans', 'Lato', serif;
    font-size:16px;
    word-wrap:break-word;
    float:left;}
#top-editarea{clear:left;
    background-image:url('http://img.f.hatena.ne.jp/images/fotolife/D/DDramonQ/20160503/20160503204631.png');background-color:white;
    background-repeat:repeat;
    margin-top:-1.3em;
    padding-bottom:2em;}
.entry{width:100%;
    box-sizing:border-box;
    padding-left:0.5em;
    padding-right:0.5em;
    margin-bottom:4em;}
.entry-inner{
    border-bottom:1px double #BFB2A9;}
.date{margin-top:0;
      margin-bottom:-0.7em;
      font-size:67%;
      position:relative;
      z-index:1;
      top:39px;
      left:7px;}
.date a{text-decoration:none;
     background-color:white;
     background-image:url('http://img.f.hatena.ne.jp/images/fotolife/D/DDramonQ/20160503/20160503204631.png') ;
     padding:0.3em 0.3em;
    color:#4d4d4d;}
.entry-title{background-image:url('http://img.f.hatena.ne.jp/images/fotolife/D/DDramonQ/20160503/20160503204631.png'); background-color:white; background-repeat:repeat;
  font-family:'NotoSansCJKjp-Bold','Open Sans';
  font-weight:700;
  border-top: 8.1px solid #00ace6;
  border-bottom:2.1px dashed #60635A;
  padding-top:1em; 
  padding-bottom:0.5em;
  padding-left:1px;
  position:relative;}
a.entry-title-link.bookmark{
    color:#282828;
    font-size:20px;
    text-decoration:none;}
a.entry-title-link.bookmark:hover{
    color:#282828;}
.categories{font-size:75%;
    margin-bottom:1em;}
.categories a{text-decoration:none;background-color:#4d4d4d;
    color:white;
    border:1px solid black;
    border-radius:3px;}
.entry-categories{
    background-image:url('http://img.f.hatena.ne.jp/images/fotolife/D/DDramonQ/20160503/20160503204631.png');background-color:white;
    padding:1em 1em;
    margin-top:-1em ;
    margin-left:0.35em;
    margin-right:1em;}
.entry-content{
    font-family:'Open Sans','NotoSansCJKjp-Regular', 'Hiragino Sans W2', 'ヒラギノ角ゴシック W2' ,'メイリオ','Meiryo','Yu Gothic', '游ゴシック体' ;
    font-size:14px;
    line-height:1.6rem;
   letter-spacing:-0.7px; }
.entry-content a{font-family:'Open Sans';
    color:#3571C4;
    font-style:italic; 
    font-size:12px;
    letter-spacing:normal;
}
h3{ font-family:'NotoSansCJKjp-Bold','Open Sans';
    font-size:20px;
    font-weight:700;
    color:#4f4f4f;
    box-sizing:border-box;
    display:block;
    margin:20px 15% 25px 0;
    padding:10px 1px;
    border-top:5.5px solid #76daff }
h4{font-family:'NotoSansCJKjp-Bold','Open Sans';
    font-size:17px; 
    font-weight:700;
    display:block;
    box-sizing:border-box;
    color:#4f4f4f;
    margin:10px 45% 25px 0;
    padding:8px 0 0 30px;
    border-top:2.5px solid #b1eaff;}
h5{font-size:15px;
font-weight:400;
   margin:0;}
.entry-footer{background-image:url('http://img.f.hatena.ne.jp/images/fotolife/D/DDramonQ/20160503/20160503204631.png');background-color:white;
    color:#66695A;
    padding:0.5em 1em;
    width:90%;
    margin:auto;
    font-size:11px;}
.entry-footer a{
	text-decoration:none;
    color:#66695A;}
.pager{clear:both;
    width:300px;
    height:90px;
    margin:auto;
    display:block;}
.pager-next a{display:block;
    background-color:#555b60;
    color:#ffffff;
    padding:14px 25px 14px 7px;
    text-decoration:none;
    box-sizing:border-box;
    border-width:0px 3px 2px 0;
    border-style: solid;
    border-radius:0 100% 100% 0;
    line-height:80%;
    font-size:11.5px;}
.pager-prev a{ display:block;
    background-color:#555b60;
    color:#ffffff;
    padding:14px 7px 14px 25px;
    text-decoration:none;
    text-align:right;
    box-sizing:border-box;
    border-width:0px 3px 2px 0;
    border-style: solid;
    border-radius:100% 0 0 100%;
    line-height:80%;
    font-size:11.5px;}
.pager-next a:hover{background-color:orange;}
.pager-prev a:hover{background-color:orange;}
#footer{display:none;}

/*  Content cascading   */
.ll-normal{line-height:normal;
    letter-spacing:normal;}
.keyword{text-decoration:none; border-bottom:1px dashed #3571C4; }
.hatena-fotolife{box-shadow:2px 2px 4px 0 #f3f3f3;}
.f7{font-size:60%;}.f6{font-size:72%;}.f5{font-size:85%;}.f4{font-size:115%;}.f3{font-size:135%;}
#sss:hover{background-color:rgba(255, 77, 166,0.3);}
blockquote {
    font-family:'NotoSansCJKjp-Regular','Open Sans';
    font-size: 99%;
    width: 90%;
    margin:auto;
    margin-bottom:7px;
    box-sizing:border-box;
    border:1px solid lightgray;
    padding: 2em 2em;
    position: relative;
    color: dimgray;
    border-left: 10px solid #ccc;
    background-color:#f9f9f9;}
blockquote:before {
   display: block;
    content: "\201C";
    font-size: 800%;
    position: absolute;
    left:-0.14em;
    top:0.15em;
    color: #7a7a7a;}
blockquote cite {
    box-sizing:border-box;
    border-top:1px dashed gray;
    display:block;
    font-size:100%;
    margin-top:1em;
    padding-top:1em;
    padding-left:1.3em;}
blockquote cite a{
    font-family:'Lato','PT Sans';
    text-decoration:none;
    font-style:normal;
    color:gray;}
blockquote cite:before {content: "[via] \2009";}
/*.keyword{text-decoration:none; border-bottom:1px dashed #3571C4; }*/
.sss{display:block; margin:auto;}

/*  _________________ */

/*  Archive page -- 3 Column --  */

.entry-title-link{font-size:12px;
    margin-left:0.3em;
    color:#212222;
    text-decoration:none;
    line-height:-40%;}
.entry-title-link a:hover{
    color:gray;
    line-height:-40%;}
.archive-entry{font-size:11px;
    float:left;
    width:32.6%;
    height:225px;
    margin:0.1em;
    padding:0.1em;
    overflow:hidden;
    box-sizing:border-box;
    border:1px solid black;
    display:block;}          /* ↑アーカイブ↑ */
#main{ width:100%;  /* 3カラム用"float:left" */
    box-sizing:border-box;
    display:block;
    float:left;}
/* _________________  */