/*
  Theme: hapilaki-world
  Author: hapilaki
  Description:
  hapilaki用テーマ
  Responsive: yes
*/

.entry-content hr+ol,
.entry-content hr+ul,
.entry-content hr+ol ol,
.entry-content hr+ol ul,
.entry-content hr+ul ol,
.entry-content hr+ul ul{
  margin:0;
  padding:0;
  list-style:none;
}
.entry-content hr+ol,
.entry-content hr+ul{
  margin:10px auto 30px;
  max-width:480px;
  overflow:hidden;
}
hr+ol li li,
hr+ul li li{
  background:#fff;
  border: 1px solid #aaa;
  border-radius:15px;
  clear:both;
  padding:10px;
  position:relative;
  margin:10px;
  max-width:75%;
}
hr+ol li li:before,
hr+ol li li:after,
hr+ul li li:before,
hr+ul li li:after{
  right: 100%;
  top: 50%;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
}
hr+ol li:nth-child(odd) li,
hr+ul li:nth-child(even) li{
  float:right;
  background: #85e049;
}
hr+ol li li:before,
hr+ul li li:before{
  border-color: transparent;
  border-left-color: #aaa;
  border-width: 8px;
  margin-top: -8px;
}
hr+ol li:nth-child(even) li:before,
hr+ul li:nth-child(odd) li:before{
  border-color: transparent;
  border-right-color: #aaa;
}
hr+ol li li:after,
hr+ul li li:after{
  border-color: transparent;
  border-left-color: #85e049;
  border-width: 7px;
  margin-top: -7px;
}
hr+ol li:nth-child(even) li:after,
hr+ul li:nth-child(odd) li:after{
  border-color: transparent;
  border-right-color: #fff;
}

hr+ol li:nth-child(odd) li:before,
hr+ol li:nth-child(odd) li:after,
hr+ul li:nth-child(even) li:before,
hr+ul li:nth-child(even) li:after{
  left: 100%;
}
hr+ol li:nth-child(even) li,
hr+ul li:nth-child(odd) li{
  float:left;
}

.ghostery.entry-content{height:160px;overflow:hidden;}
.ghostery.entry-content:before{content:'ブラウザの設定を調整すると本文が表示されます。';color:red;font-weight:bold;font-size:20px;}

.adsense{
    clear:both;
    max-width:640px;
    margin:25px 0 10px;
    position:relative;
}
.adsense:before{
    content:"スポンサーリンク";
    position:absolute;
    top:-16px;
    left:0;
    font-size:12px;
    color:#aaa;
    display:block;
}

/* hover */
@media(min-width: 768px) {/*768px以上の横幅がある場合*/
    #title a:hover,
    #nav a:hover,
    .entry-title a:hover,
    .categories a:hover,
    .entry-content a[style*=block]:hover,
    .thumbnail-box:hover,
    .entry-see-more:hover,
    .share-link a:hover,
    .share-link a:hover:before,
    .pager a:hover,
    .follow-link a:hover,
    .hatena-module-good-articles a:hover,
    .hatena-module-recent-entries>.hatena-module-title>a:hover,
    .recent-entries-item:hover,
    .hatena-module-category a:hover,
    .hatena-module-archive a:hover{
        -moz-box-shadow:0 0 5px rgba(0,0,0,1);
	-webkit-box-shadow:0 0 5px rgba(0,0,0,1);
        box-shadow:0 0 5px rgba(0,0,0,1);
        background:#ffffe0;
        transition: .3s ease;
    }
}


/*基本*/

body{
    color:#333;
    font-size:18px;
    font-family:'メイリオ','Meiryo','Helvetica','Arial','MS PGothic',sans-serif;
}
pre{
    border:1px solid #ccc;
    padding:10px;
    margin:0 0 20px;
}
p{
    margin:0 0 20px;
}
a{
    transition:.3s ease;
    transition-property:opacity,border,color,background;
    text-decoration:none;
}
a:link,
a:visited{
    color:#00f;/*#08f*/
}
a:hover{
    color:#f03;
    text-decoration:none;
    border-radius:2px;
}
a:active{
    color:#f03;
    text-decoration:none;
    background:#ff3;
}
.entry-content a[style*=block]{
    width:100%;
}
.entry-content .keyword,
.recent-entries-date-link a,
.date a {
    border:0;
    cursor:default;
    color:inherit;
    pointer-events:none;
}
.entry-content a[target="_blank"]{
    cursor:alias;
}
.entry-content a[target="_blank"]:after,
a[target="_blank"] .thumbnail-box-span:after,
a[target="_blank"] .thumbnail-box-title:after{
    content:"\21D7";
    padding:0 .3em;
}
.entry-content a.no-after[target="_blank"]:after{
    content:"";
    padding:0;
}
cite{
    font-style:normal;
}
iframe[src*=youtube],
iframe[src*=vine],
iframe[src*=dailymotion],
iframe[src*=nicovideo]{
    display:block;
    margin:0 auto 30px;
}
span[itemtype="http://schema.org/Photograph"]{
    display:block;
    text-align:center;
}
hr{
    height:0;
    margin:30px 0;
    padding:0;
    border:0;
    border-top: 1px dotted #ccc;
    d-isplay:none;
}
/*thumbnail-box*/
.thumbnail-box{/*hover*/
    display:inline-block;
    width:100%;
    overflow:hidden;
}
.thumbnail-box-img{
    float:left;
    margin-right:10px;
}
.thumbnail-box-span,
.thumbnail-box-title{
    overflow:hidden;/*blockにすれば有効、ただし画像との横並び不可*/
    display:block;
}
@media (max-width: 639px) {/*スマホ向け*/
    #osusumekiji .thumbnail-box-span,
    #osusumekiji .thumbnail-box-title{
        color:transparent;
        max-height:135px;
        -webkit-background-clip: text;
        /*webkit系*/
        background-image: -webkit-gradient( linear , left top , left bottom , from(#00f) , color-stop(0.69, #00f) , color-stop(0.70, #00f) , to(transparent));
        /*Mozila系*/
        background-image: -moz-linear-gradient(top, #00f 0%, #00f 69%, #00f 70%, transparent);
    }
}

.amazon span.thumbnail-box-title:after{/*spanをつけているのは優先負けしているため*/
    /*content:" : Amazon \21D7";*/
    content: "";
    width: 8px;
    height: 18px;
    overflow: hidden;
    display: inline-block;
    background: url("https://hapilaki.net/img/meta/logo.png");
    /*https://dl.dropboxusercontent.com/s/tykjkiqwwkvylo4/logo.png*/
    background-size: 180px 180px;
    margin: 0 0 -3px 3px;
    background-position: 0 -54px;
    opacity: .5;
}

/*clearfix*/
#container:after,
#nav:after,
#tracommu:after,
.pager:after,
.hatena-module-body:after,
.archive-module-year:after,
.thumbnail-box:after{
    content: ".";   
    display: block;   
    height: 0;   
    clear: both;   
    visibility: hidden;
    font-size:0;
}


/* 大枠 */

#container { /*clearfix有り*/
    border-width:0 1px;
    margin:0 auto;
    width:1000px;
    padding:0 10px;
    background:#fff;
}
#blog-title {/*header全体*/
    padding:5px 0;
    margin-bottom:5px;
}
#wrapper {
    float:left;
    width:640px;
}
#box2 {
    float:right;
    width:320px;
}


/*header*/

#title {/*ブログタイトルのh1*/
    margin:0 0 10px;
}
#title a {/*hover*/
    color:inherit;
    display:block;
    height:30px;
    padding:0 0 3px 0;
    font-size:25px;
    line-height:40px;/*androidで上部にズレる対策*/
}
#title a:before {/* :before content image サイズ指定*/
    content:" ";
    width:30px;
    height:30px;
    overflow:hidden;
    display:inline-block;
    background:url("https://hapilaki.net/img/meta/logo.png");
    background-size:300px 300px;
    margin:0 5px -5px 0;
}
#title a:hover {
    color: #f03;
}
#blog-description {
    margin:0;
    font-weight:normal;
    font-size:12px;
    line-height:1.2;
    color:#777;
}
#nav{/*clearfix有り*/
  padding:0;
  margin:0 0 5px;
  min-height:40px;
}
#nav li{
  float:left;
  list-style:none;
}
#nav a{/*hover有り*/
  display:inline-block;
  background-color:#f3f3f3;
  border:1px solid #bbb;
  border-radius:3px;
  padding:0 2px;
  margin:3px 0 0 3px;
  line-height:1.5;
}
.hajimeni:before {
    content: " ";
    width: 18px;
    height: 18px;
    overflow: hidden;
    display: inline-block;
    background: url("https://hapilaki.net/img/meta/logo.png");
    background-size: 180px 180px;
    margin: 0 2px -3px 0;
    background-position: -20px -54px;
    opacity:.6;
}
#sticky{
  text-align:center;
}
.sticky-box{
  width:320px;
  vertical-align:top;
  display:inline-block;
}
#after-click{
  display:none;
}

/*記事*/

.entry{
    padding-bottom:20px;
    margin-bottom:30px;
}
.entry-inner{
    line-height:1.5;
}
.entry-header {
    position:relative;/*「編集する」ボタン用*/
    padding:0;
}
.date{
    color:#aaa;
    font-size:12px;
    line-height:1;
}
#edit-button{
    display:none;
    position:fixed;
    margin-left:-150px;
}
.entry-title{/*hover*/
    padding:0 0 0 4px;
    margin:4px 0 15px -10px;
    border-left:6px solid #BEF0A3;
    font-size:130%;
    background:#F4FEEF;
}
.entry-title a{
    display:block;
    border-radius:5px;
}
.entry-title a:link,.entry-title a:visited {
    color:inherit;
}
.categories{
    font-size:13px;
    margin-bottom:15px;
}
@media (max-width: 767px) {/*スマホ向け*/
    .page-entry .categories{/*記事ページ用*/
/*        display:none;/*記事下部でjsで複製とblockに変更*/
    }
}
.categories:before {
    content:"カテゴリー";
    color:#aaa;
    font-size:12px;
    display:block;
    line-height:1.2;
}
.categories a{/*hover*/
    display:inline-block;
    background-color:#f3f3f3;
    border:1px solid #bbb;
    border-radius:3px;
    padding:0 2px;
    margin:3px 0 0 3px;
}
.entry-header-menu {/* 「編集する」ボタン */
    position: absolute;
    top: 0;
    left: -70px;
}
.entry-header-menu a {
    display:inline-block;
    background-color:#f3f3f3;
    border:1px solid #bbb;
    border-radius:3px;
    padding:5px 10px;
}
.entry-footer-section{
    display:none;
}
.entry-see-more{/*hover*/
    display:block;
    background-color:#f3f3f3;
    border:1px solid #bbb;
    border-radius:5px;
    padding:0 .5em;
    margin:0 10px;
    font-size:20px;
    text-align:center;
    clear:both;
    letter-spacing:10px;
}


/*記事内の装飾*/

.entry-content a{
    /*hover*/
}
.entry-content table {
    border-collapse: collapse;
    border-spacing: 0;
    margin:0 auto 30px;
}
.entry-content table th,
.entry-content table td {
    padding: 5px 10px;
    border: 1px solid #ddd;
    border-width:0;
}
.entry-content table th:not(:first-child):not(:last-child),
.entry-content table td:not(:first-child):not(:last-child) {
    border-width:0 1px;
}
/*
.entry-content table th {
    background: #fafafa;
}
*/
.entry-content ul,
.entry-content ol {
    margin: 0 0 30px 2em;
    padding:0;
}
.entry-content ul ul,
.entry-content ul ol,
.entry-content ol ul,
.entry-content ol ol{
    margin-bottom:0;
}

.entry-content dl,
.entry-content p:not(.entry-thumbnail){
    padding:0;
    margin:0 0 30px;
    text-align:justify;
}
.entry-content dt{
    font-weight:bold;
}
.entry-content dd{
    margin-left:1.5em;
}
.entry-content blockquote{
    background:#f5f5f5;
    border:1px solid #ddd;
    border-radius:5px;
    position:relative;
    margin:0 0 30px 0;
    padding:10px;
}
.entry-content blockquote:before,.entry-content blockquote:after{
    display:inline-block;
    position:absolute;
    color:#aaa;
    font-size:1.5em;
}
.entry-content blockquote:before{
    content:"❝";
    top:-10px;
    left:0;
}
.entry-content blockquote:after{
    content:"❞";
    bottom:0;
    right:0;
    line-height:0;
}
.entry-content blockquote p:last-child{
    margin-bottom:0;
}
.entry-content blockquote p{
    position:relative;
}
.entry-content blockquote cite:before{
    content:"出典";
    position:absolute;
    top:-15px;
    left:0;
    font-size:12px;
    color:#aaa;
    display:block;
}
.entry-content img{
    box-shadow:0 0 10px rgba(0,0,0,0.4);
}
.entry-thumbnail{
    float:left;
    margin:0 10px 10px 0;
}
.entry-thumbnail img{/*.entry-content imgよりも下に置く*/
    box-shadow:none;
}

.entry-title{counter-reset:h2}
.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6{
    position:relative;
    margin-left:-10px;
}
.entry-content h2 {
    border-left:4px solid #a0e57b;
    padding:.4em 0 .4em 6px;
    counter-increment:h2;
    counter-reset:h3;
}
.entry-content h3{
    border-left:3px solid #5fb404;
    padding:.4em 0 .4em 7px;
    counter-increment:h3;
    counter-reset:h4;
}
.entry-content h4{
    border-left:2px solid #4b8a08;
    padding:.5em 0 .5em 8px;
    counter-increment:h4;
    counter-reset:h5;
}
.entry-content h5{
    border-left:1px solid #38610b;
    padding:.6em 0 .6em 9px;
    counter-increment:h5;
    counter-reset:h6;
}
.entry-content h6{
    padding:.7em 0 .7em 10px;
    counter-increment:h6;
}
.entry-content h2:before,.entry-content h3:before,.entry-content h4:before,.entry-content h5:before,.entry-content h6:before{
    color:#bbb;
    font-size:50%;
    font-weight:normal;
    position:absolute;
    top:0;
    left:7px;
    line-height:1;
}
.entry-content h2:before{content:counter(h2) "\a0";}
.entry-content h3:before{content:counter(h2) "\2e" counter(h3) "\a0";}
.entry-content h4:before{content:counter(h2) "\2e" counter(h3) "\2e" counter(h4) "\a0";}
.entry-content h5:before{content:counter(h2) "\2e" counter(h3) "\2e" counter(h4) "\2e" counter(h5) "\a0";}
.entry-content h6:before{content:counter(h2) "\2e" counter(h3) "\2e" counter(h4) "\2e" counter(h5) "\2e" counter(h6) "\a0";
}
#osusumekiji{
    margin:30px 0;
    text-align:justify;
}
#osusumekiji:before,#special-thanks:before {
    content:"この記事を読んだ人が一緒によく読む記事一覧";
    color:#aaa;
    font-size:12px;
    display:block;
    line-height:1.2;
}
#osusumekiji .thumbnail-box{
    padding-bottom:15px;
}
#special-thanks{
    margin-left:0;
}
#special-thanks li{
    list-style: none;
    margin: 0 0 10px;
    border-bottom: 1px dashed #aaa;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}
#special-thanks li:last-child{
    border:0;
}
#special-thanks:before {
    content:"スペシャルサンクス";
}

/*記事下部*/

#tracommu{ /*clearfix有り*/
  max-width:640px;
  margin:30px 0;
}
#tracommu:before {
  content:"トラコミュ";
  color:#aaa;
  font-size:12px;
  display:block;
  line-height:1.2;
}
#tracommu ul{
  padding:0;
  margin:0;
  width:310px;
  float:left;
}
#tracommu li{
  list-style:none;
}
#tracommu a{
  display:block;
}
.share-link{
    padding:10px 0;
    text-align:center;
}
.share-link a{/*hover*/
    display:inline-block;
    width:56px;
    height:56px;
    overflow:hidden;
    border-radius:10px;
    position:relative;
}
.share-link a:before{/*hover*/
    color:#fff;
    font-size:12px;
    line-height:1.2;
    position:absolute;
    top:40px;
    left:0;
    width:100%;
    text-shadow:0 0 3px #000,1px 1px 1px #000,-1px 1px 1px #000,1px -1px 1px #000;
    text-align:center;
    transition: .3s ease;
}
.share-link a:hover:before{/*hover*/
    top:4px;
    color:inherit;
    text-shadow:none;
}
.share-feedly:before{
    content:"無料購読";
}
.share-twitter:before{
    content:"ツイート";
}
.share-facebook:before{
    content:"シェア";
}
.share-hatebu:before{
    content:"ブクマ";
}
.share-line:before{
    content:"送る";
}
.share-about:before{
    content:"自己紹介";
}
.share-link img{
  width:560px;
}
.share-feedly img{
  margin-top:-224px;
}
.share-twitter img{
  margin-top:-56px;
}
.share-facebook img{
  margin-top:-112px;
}
.share-hatebu img{
  margin-top:-336px;
}
.share-line img{
  margin-top:-56px;
  margin-left:-63px;
}
#categories2{
    padding:10px;
    margin-bottom:0;
}
#categories2 .categories:before{
    content:"下のリンクから記事一覧があるページへ";
}

/*記事ページ以外*/

.archive-entry{/*アーカイブページ*/
    margin-bottom:30px;
}
#main-inner>h2,.breadcrumb{/*各カテゴリーページのパンくずリスト*/
    margin:10px 0;
}


/*pager*/

.pager{ /*clearfix*/
    width:100%;
    margin-bottom:30px;
}
.pager a{/*hover*/
    display:block;
    text-align:left;
    padding:5px;
}
.pager-prev,
.pager-next{
    background-color:#f3f3f3;
    border:1px solid #bbb;
    border-radius:5px;
    text-align:center;
    Width:48%;
    position:relative;
}
.pager-prev:before,
.pager-next:before{
    position:absolute;
    top:-1.5em;
    left:0;
    font-size:12px;
    color:#aaa;
    display:block;
}
.pager-prev{
    float:left;
    margin-left:1%;
}
.pager-prev:before{
    content:"時系列順に読む";
}
.pager-next{
    float:right;
    margin-right:1%;
}
.pager-next:before{
    content:"過去にさかのぼる";
}
.pager-arrow{
    display:none;
}


/*サイドバー*/

.hatena-urllist{
    margin:0;
    padding:0;
    list-style:none;
}
.hatena-module{
    margin-bottom:20px;
}
.hatena-module-title{
    border-left:2px solid #BEF0A3;
    background:#F4FEEF;
    padding:5px 0 3px 7px;
}
.hatena-module-body{/*clearfix有り*/
    margin:10px 0 0;
    padding:0 10px;
}
.hatena-module-profile .hatena-module-body{/*clearfix有り*/
}
.follow-link ul{/*.hatena-module-bodyにclearfix有*/
  float: left;
  list-style:none;
  margin:0;
  padding:0;
  width: 50%;
}
.follow-link li{
  padding:10px 0;
}
.follow-link a{/*hover*/
  display:block;
  height:25px;
  font-size:20px;
}
.follow-link a:before {
    content: " ";
    width: 25px;
    height: 25px;
    overflow: hidden;
    display: inline-block;
    background: url("https://hapilaki.net/img/meta/logo.png");
    background-size: 250px 250px;
    margin: 0 5px -3px 0;
}
.follow-link .follow-twitter:before{
  background-position:0 -25px;
}
.follow-link .follow-facebook:before{
  background-position:0 -50px;
}
.follow-link .follow-feedly:before{
  background-position:0 -100px;
}
.follow-link .follow-hatenablog:before{
  background-position:0 -125px;
}
.follow-link .follow-livedowang:before{
  background-position:0 -175px;
}
.follow-link .follow-amazon:before{
  background-position:0 -75px;
}
.follow-link .follow-blogmura:before{
    background-position:0 -225px;
}
.follow-link .follow-youtube:before{
  background-position:-28px 0;
}
.recent-entries-item{
    /*hover*/
}
.recent-entries-item a{
    height:130px;
}
@media(min-width: 768px) {/*PCできちんと表示されるように*/
    .recent-entries-item a {
        font-size: 16px;
        line-height: 1.4;
    }
}
.recent-entries-image-link{
    float:left;
}
.recent-entries-title-link{
    display:block;
    overflow:hidden;
    font-size:95%;
}
.hatena-module-good-articles{/*子要素のaに hover */
    margin:0;
    padding:0;
    list-style:none;
}
.urllist-item,
.hatena-module-good-articles li{
    margin:10px 0;
    padding-bottom:10px;
    border-bottom:1px dashed #BEF0A3;
}
.hatena-module-category li{
    display:inline;
}
.hatena-module-category a{/*hover*/
    border-radius:3px;
    font-size:14px;
    display:inline-block;
}
.hatena-module-category .hatena-urllist{/*カテゴリーリストすべてに適用*/
    padding-left:15px;
}
.hatena-module-category a[href*="category/%E3%82%B7%E3%83%B3%E3%83%97%E3%83%AB%E3%83%A9%E3%82%A4%E3%83%95"],/*シンプルライフ*/
.hatena-module-category a[href*="category/%E3%83%9F%E3%83%8B%E3%83%9E%E3%83%AA%E3%82%B9%E3%83%88"],/*ミニマリスト*/
.hatena-module-category a[href*="category/%E7%AF%80%E7%B4%84%E7%94%9F%E6%B4%BB"],/*節約生活*/
.hatena-module-category a[href*="category/%E6%8C%81%E3%81%A1%E7%89%A9"],/*持ち物*/
.hatena-module-category a[href*="category/%E3%83%88%E3%83%A9%E3%83%96%E3%83%AB"],/*トラブル*/
.hatena-module-category a[href*="category/%E6%B5%B7%E5%A4%96%E6%97%85%E8%A1%8C%E3%82%84%E3%83%8E%E3%83%9E%E3%83%89%E7%94%9F%E6%B4%BB"],/*海外旅行やノマド生活*/
.hatena-module-category a[href*="category/web%E5%88%B6%E4%BD%9C"],/*web制作*/
.hatena-module-category a[href*="category/%E3%82%BD%E3%83%95%E3%83%88%E3%82%A6%E3%82%A7%E3%82%A2"],/*ソフトウェア*/
.hatena-module-category a[href*="category/%E3%81%9D%E3%81%AE%E4%BB%96"],/*その他*/
.hatena-module-category a[href*="category/%E3%81%AF%E3%81%A6%E3%81%AA%E3%83%96%E3%83%AD%E3%82%B0%E3%82%92%E3%82%AB%E3%82%B9%E3%82%BF%E3%83%A0"],/*はてなブログをカスタム*/
.hatena-module-category a[href*="category/%E3%83%96%E3%83%AD%E3%82%B0%E9%81%8B%E5%96%B6%E6%97%A5%E8%A8%98"]{/*ブログ運営日記*/
    display:block;
    font-size:16px;
    margin-left:-15px;/*擬似的な親カテゴリーだけネガティブマージン*/
    font-weight:bold;
}
.hatena-module-recent-entries>.hatena-module-title>a{/*hover*/
    display:block;
}
.hatena-module-archive a{
    border-radius:3px;
}
.archive-module-year{
    /*clearfix*/
}
.archive-module-button{
    float:left;
}
.archive-module-year-title{
    overflow:hidden;
}
.hatena-module-archive a{/*hover*/
    display:block;
}


/*フッター*/

#bottom-editarea{
    clear:both;
}
.copyright{
    text-align:center;
    display:block;
    height:40px;
}
.copyright a{
    transition: .5s ease;
    position:relative;
}
.copyright a:hover{
    font-size:200%;
}
.copyright a:hover:before{
    position:absolute;
    content:"さわられると大きくなっちゃう(*´ｪ`*)";
    top:-14px;
    left:0;
    font-size:12px;
    color:pink;
}
.user-name-nickname{/*hover*/
    background-color:#f3f3f3;
    border:1px solid #bbb;
    border-radius:5px;
    text-align:center;
    margin-bottom:10px;
    display:block;
    overflow:hidden;
}


@media (max-width: 767px) {/*スマホ表示*/
    body{
        /*font-size:14px;*/
    }
    #globalheader-container {
        position: static;
    }
    #container {
        width: 100%;
        word-wrap: break-word;
        overflow: hidden;
        padding-top: 0;
        padding:0;
    }
    #blog-title{
        padding:0 5px;
    }
    #wrapper {
        width: 100%;
        float: none;
    }
    .entry-title{
        margin-top:0;
    }
    .entry-thumbnail{
        margin-bottom:0;
    }
    .entry-content h2,
    .entry-content h3,
    .entry-content h4,
    .entry-content h5,
    .entry-content h6{
        margin-left:0;
    }
/*
    .entry-content table th,
    .entry-content table td {
        padding: 3px;
    }
*/
    #box2 {
        width: 100%;
        float: none;
    }
    #box2-inner {
        width: 100%;
    }
    .hatena-module {
        width: 100%;
        float: none;
    }
    .entry-header-menu {
        top: -30px;
        left: 0;
    }
}