/* <system section="theme" selected="17391345971626556683"> */
/*
  Theme: ARiA.
  Description: c-miyaさん制作テーマ、「Zeno-teal」をベースに、minimal-greenさん制作テーマ「Haruni」（アーカイブページ）、rokuzeudonさん制作テーマ「Thumbnail2」（ページャー）を自分のブログ(宇宙時代より）用に改変したものです。
  Author: 宇宙魚
  Original Theme: zeno-teal, Haruni, Thumbnail2
  Original Author: c-miya , minimal-green , rokuzeudon

Responsive: yes
*/



.box30 {
    margin: 2em 0;
    background: #fdfdfd;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
}
.box30 .box-title {
    font-size: 1.2em;
background: #56CCF2;  /* fallback for old browsers */
background: -webkit-linear-gradient(to left,#afcbff, #7d9fe8);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to left,#afcbff, #7d9fe8); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
content: ' \f02e この記事のハイライト';
    padding: 4px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.box30 p {
    padding: 15px 20px;
    margin: 0;
}




p {
    display: block;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}

.hatena-module {
    clear: both;
    overflow: hidden;
}

.hatena-module-category .hatena-module-body ul.hatena-urllist li {
    float: left;
}

/* category css */
.hatena-module-category .hatena-module-body ul.hatena-urllist li {
    float: left;
    list-style-type: none;
    margin: 0 2px 2px;
    padding: 7px;
    margin-bottom:1.5rem !important;
    margin-left:1rem !important;
    background-color: #eef2f4;
    text-decoration: none;
    border-radius: 10px 10px 10px 10px
}

.hatena-module-category .hatena-module-body ul.hatena-urllist li a{
    color: #444;
}


.box8 {
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #232323;
    background: #fff8e8;
    border-left: solid 10px #ffc06e;
}
.box8 p {
    margin: 0; 
    padding: 0;
}

.square_btn{
    display: inline-block;
    padding: 0.5em 1em;
    width:100%;
    text-align:center;
    text-decoration: none;
    border-radius: 3px;
    font-weight: bold;
    color: #FFF;
    background-color:#ee8c8c;
    transition: .4s;
}

.square_btn:hover{
    background-color:#ee8c8c;
}



.recent-entries {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.recent-entries-item{
  width: 49%;
  border:1px solid #e0e0e0;
  background-color:#fff;
  border-radius:2px;
  margin: 0 0 1em 0;
  padding: 1em;
}
.recent-entries-title{
  font-weight:bold;
  font-size; 120%;
  padding: 0 0 0.5em 0;
}
.recent-entries-entry-body{
  overflow:hidden;
}
@media screen and (max-width: 540px){
.recent-entries-image-link{
  width:100%;
  display:block;
  text-align:center;
}
.recent-entries-title {
    text-decoration: none;
    color: #525252;
    font-size:1rem;
    font-weight: bold;
}
}




.archive-header-category{
padding-bottom:1rem !important;
margin-bottom:0px !important;
}



html{box-sizing:border-box;font-size:90%;}
*,:after,:before{box-sizing:inherit}

margin:0 0 0 0;padding:0 0 0 0;color:#454545;
background-color: #fafafa;
background-image: radial-gradient(#e8e8e8 10%, transparent 20%), radial-gradient(#e8e8e8 10%, transparent 20%);
background-size: 14px 14px;
background-position: 0 0, 7px 7px;
}

::selection {background:#b2dfdb;color:#252525;}
::-moz-selection {background:#b2dfdb;color:#252525;}
a {outline:none;color:#545454;text-decoration:none;
-webkit-transition: All 0.2s ease;-moz-transition: All 0.2s ease;-o-transition: All 0.2s ease;-ms-transition: All 0.2s ease;transition: All 0.2s ease;}
a:hover {color:#7d9fe8;}
a img,img{border:0px;vertical-align:bottom;}
h1,h2,h3,h4,h5,h6{margin:0 0 0 0;padding:0 0 0 0;font-size:100%;}





/* ヘッダー */
#top-editarea{width:100%;margin:0 auto 2rem auto;overflow:hidden;}


/* レイアウト */
#content{width:100%;margin:0 auto;padding:0px;box-shadow:0px 0px 3px rgba(0,0,0,0.1);overflow:hidden;}
.page-entry #content{box-shadow:0px 0px 0px rgba(0,0,0,0.0);}
.page-index #content{padding:40px 25px 25px 25px;}
#content-inner{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;justify-content:space-between;}
#wrapper{width:100%;}
.page-index #wrapper{width:100%;margin:0 0 0 0;}

#box2{width:100%;}
.page-index #main-inner{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;justify-content:space-between;}
.page-index #wrapper{position:relative;top:-15px;}


/* エントリー */

.entry{width:100%;}
.entry-content p{margin:0 0 0 0;padding:0 0 0 0;}


.page-index .entry{width:379px;height:400px;background:#fff;margin:0 0 8px 0;padding:0px 0 0 0;position:relative;
      opacity: .9;
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-o-filter: grayscale(0%);
-ms-filter: grayscale(0%);
filter: grayscale(0%);}
.page-index .entry:hover{
background: #fff !important;
box-shadow:0 0 35px rgba(0,0,0,0.25);
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-o-filter: grayscale(0%);
-ms-filter: grayscale(0%);
filter: grayscale(0%);
transition:0.5s;
transition:0.5s;

}
.page-index .entry:before,.page-index .entry:after{}
.page-index .entry:before{left:50%;}
.page-index .entry:after{right:50%;}
.page-index .entry:hover:before,.page-index .entry:hover:after{width:50%;}
.page-index .entry-inner{position:absolute;width:349px;margin-left:15px;}


.page-index .entry-content{height:369px;overflow:hidden;background:url(https://cdn-ak2.f.st-hatena.com/images/fotolife/c/c-miya/20170925/20170925163823.jpg) no-repeat;background-size:349px;}
.page-index .entry-content p{position:relative;padding:0 0 0 0;margin:0 0 0 0;font-size:11px;line-height:1.8;letter-spacing:1px;color:#808080;}
.page-index .entry-content p:nth-of-type(1){padding:290px 0 0 0;}
.page-index .entry-content img:nth-of-type(1){position:absolute;top:0;width:349px;height:196px;object-fit:cover;}
.page-index .entry-content p:nth-of-type(n+2) img{display:none;}
.page-index .entry-content h2{display:none;}

.entry-header{position:relative;}
.page-index .entry-header{position:absolute;top:200px;padding:0 0 0 0;width:100%; overflow:hidden;}
.page-index .entry-title{position:absolute;top:0;font-size:18px;letter-spacing:1px;line-height:26px;word-break:break-all;height:52px;overflow:hidden;}
.page-index .entry-title .entry-title-link{display:block;max-height:52px;position:relative;top:50%;-webkit-transform:translateY(-50%);transform: translateY(-50%);}
.page-entry .entry-header{position:relative;}

.page-entry .entry-date{color:#666;font-weight:700;margin:0 0 0.5em 0;}
.entry-date a{display:inline-block;color:#666;text-align:center;}
.page-index .entry-date{font-size:12px;margin:64px 0 0 0;font-weight:bold;}
.page-entry .entry-date,.page-preview .entry-date{padding:42px 0 0 0;}


a.entry-see-more{position:absolute;top:0;width:100%;height:100%;color:transparent;}



.page-entry .entry-content,.page-preview .entry-content{letter-spacing:0px;}

.page-entry #entry-header{
background-color: #fcfcfc;
}

.social-buttons{margin:0 0 1rem 0;}
.ad-01{text-align:center;margin:0 0 2rem 0;}


/* 記事編集ボタン */
.entry-header-menu{position:absolute;top:-200px;z-index:2;display:block;width:40px;height:40px;overflow:hidden;background:#fff;line-height:40px;background:#333;}
.entry-header-menu a{color:transparent;position:absolute;}
.entry-header-menu a::before{content:'\f024';font-size:18px;color:#fff;font-family:blogicon;display:block;width:40px;text-align:center;}
.page-entry .entry-header-menu{position:absolute;top:0px;left:50%;}

.page-index .comment-box,
.page-index .author,
.page-index .entry-footer-time{display:none;}
.page-index .hatena-bookmark-comment-iframe{background:#0ff;position:absolute;top:-9999px;left:-9999px;}
.page-index .hatena-star-container{display:none;}
.page-index .entry-footer{position:absolute;top:0;background:transparent;}
.page-index .google-afc-image{background:transparent;position:absolute;z-index:20;}

.social-buttons{display:none;}
.page-entry .social-buttons{display:block;padding:0 0 0 0;}
.page-entry .entry-footer-html{padding:0 0 0 0;}


/* 記事内 */



.entry-content h5{padding:1em 0 0 0;margin:0 0 .3em 0;}
.entry-content h6{font-size:1.1rem;padding:1em 0 0 0;margin:0 0 .3em 0;}


q{font-style:italic;background:#e0f2f1;margin:0 0.2em;}


.entry-content .hatena-image-left,
.entry-content .hatena-image-right{display:block;max-width:50%!important;}
.entry-content .hatena-image-left{margin-right:1rem!important;}
.entry-content .hatena-image-right{margin-left:1rem!important;}

.entry-content dl{margin:0 0em 1.5em 1em;padding:0 0 0 0;}

.entry-content ul li ul,
.entry-content ul li ol,
.entry-content ol li ul,
.entry-content ol li ol{margin:0.2em 0.5em 0.5em 1em;}

.entry-content ul li,.entry-content ol li{margin:0 0 0.2em 0;padding:0 0 0 0;line-height:1.7;position:relative;}



.entry-content pre.code{margin:0 0 1.5em 0;padding:1em;background:#444;color:#fff;}


table{margin:0em 0 1em 0;border-collapse:collapse;border:3px solid #ccc;max-width:100%;}
th{border:1px solid #ccc;padding:0.3em 0.6em;background:#eee;color:#666;}
td{border:1px solid #ccc;padding:0.3em 0.6em;}

ul.table-of-contents{border:1px solid #009688;padding:1.2em 1em 1em 2em;margin:0.5em 0 2em 0;position:relative;}
ul.table-of-contents li{font-size:90%;margin-bottom:0;}
ul.table-of-contents li a{text-decoration:none;}
ul.table-of-contents ul ul{display:none;}
ul.table-of-contents:before{content:"INDEX";display:inline-block;position:absolute;top:-0.6em;left:0.5em;background:#fff;padding:0 0.5em;font-weight:700;color:#009688;}

.entry-content .exlink{border:1px solid #ccc;background:#f8f8f8;padding:0.7em;margin:0 0 1em 0;position:relative;}
.entry-content .exlink a::before{content:"\f009 \0020";font-family:blogicon;}
.entry-content .exlink a{text-decoration:underline;}
.entry-content .exlink a:hover {background:#e0e0e0;}
.entry-content .exlink a:visited {color:#666;}

.entry-content .flexbox{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;}
.entry-content .flexbox span:nth-of-type(n+2){margin-left:1%;}
.entry-content .iflexbox{display:inline-flex;-webkit-justify-content:space-between;justify-content:space-between;}
.entry-content .iflexbox span{display:inline-block;max-width:49%;}

/* コメント */
.comment-box{position:relative;margin:0 0 2em 0;}
.comment{margin:0 0 0 0;padding:1.5em 0 0 0;}
.comment li{list-style-type:none;overflow:hidden;border-bottom:1px dotted #ccc;margin:0 0 1em 0;}
.comment li .hatena-id-icon{width:64px;height:64px;float:left;border:1px solid #ccc;padding:2px;margin:0 8px 1em 0;}
.comment li .comment-user-name{font-weight:bold;margin:0 0 0 0;}
.comment li .comment-content p{overflow:hidden;padding:0 0 0 0;margin:0 0 1em 0;font-size:0.9rem;}
.comment li .comment-metadata{position:absolute;top:0;right:0;margin:0 0 0 0;padding:0 0 0 0;font-size:0.8rem;font-style:italic;}
.leave-comment-title:hover{border:1px solid #666;background:#666;color:#fff;}
.leave-comment-title::before{content:"\f01d";font-family:blogicon;font-size:1.5rem;margin:0 0.2em 0 0;position:relative;top:0.35rem;}


.entry-footer-section{text-align:right;font-size:80%;margin:2.5em 0;}

.permalink{position:relative;margin:0 0 2em 0;width:100%;overflow:hidden;}


/* ページャー */
.pager{background-color:fff;max-width:80em;margin:auto;padding:1em;text-align:center;clear:both}.pager a{display:inline-block;margin:2em 0;padding:1em .6em;vertical-align:top;color:#1487bd;-webkit-transition:ease .14s;transition:ease .14s}
　　.pager a:hover{color:#1487bd;-webkit-transition:ease .14s;transition:ease .14s}.pager .pager-next,.pager .pager-prev{display:inline-block;width:20em}.pager .pager-next a,.pager .pager-prev a{color:#999;position:relative}.pager .pager-next a::before,.pager .pager-prev a::before{content:"";display:block;position:relative;top:0;margin:0 auto .6em;width:5em;height:5em;border-radius:50%;text-align:center;border:1px solid #1487bd;-webkit-transition:ease-in .2s;transition:ease-in .2s}.pager .pager-next a:hover,.pager .pager-prev a:hover{color:#0f5373}.pager .pager-next a:hover::before,.pager .pager-prev a:hover::before{top:-.65em;background-color:#fff;-webkit-transition:ease-out .2s;transition:ease-out .2s}.pager .pager-next a::after,.pager .pager-prev a::after{position:absolute;top:1.85em;right:0;font-size:150%;-webkit-transform:rotate(90deg);transform:rotate(90deg);color:#1487bd;-webkit-transition:ease-in .2s;transition:ease-in .2s}#footer,#footer a{color:#999}.pager .pager-next a:hover::after,.pager .pager-prev a:hover::after{top:1.4em;-webkit-transition:ease-out .2s;transition:ease-out .2s}.pager .pager-next a::after{content:"▲"!important;left:.06rem}.pager .pager-prev a::after{content:"▼"!important;left:-.06rem}.pager-arrow{display:none}#footer{padding:.3rem 0;text-align:center;line-height:1.5;font-size:80%}


/* about */
.page-about h2{margin-top:0;}





/* フッター */
#bottom-editarea{width:1174px;margin:0 auto;background:background: #7d9fe8;padding:40px 40px 1em 40px;color:#fff;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;}

#footer{width:1174px;margin:0 auto 3em auto;background:#7f8c8d;padding:2em 40px 1em 40px;box-shadow:0px 0px 3px rgba(0,0,0,0.1);text-align:center;font-size:80%;color:#fff;border-top:1px solid #95a5a6;}
#footer a{color:#fff;}
#footer-inner{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;}
#footer address img{vertical-align:bottom;}
#footer address{display:block;margin:0 0 0 0;padding:0 0 0 0;}
#footer .services{margin:0 0 0 0;padding:0 0 0 0;}

.three-footer{width:100%;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;}
.three-footer div{width:100%;margin-left:3%;}
.three-footer div:nth-of-type(1){margin-left:0;}
.footer-h{font-size:1.3rem;font-weight:700;text-transform:uppercase;letter-spacing:0.15rem;border-bottom:2px dotted #fff;}
.three-footer div a{color:#fff;border-bottom:1px dotted #fff;}
.three-footer div a:hover{border-bottom:1px solid #fff;}

.recommends{
    width:1174px;display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin:2rem auto 0 auto;
}
.recommends a.recommend-entry{
    display: block;
    width: 19%;
    font-size: 0.8rem;background:#fff;box-shadow:0px 0px 3px rgba(0,0,0,0.1);position:relative;
}
.recommends a.recommend-entry:hover,.recommends a.recommend-entry2:hover{
    box-shadow:1px 1px 5px rgba(0,0,0,0.3);transition: .5s;
}
.recommend-title{display:block;padding:0.8em 1em;word-break:break-all;}
.recommend-img{
    width:100%;
}

.recommends a.recommend-entry2{
    display: block;
    width: 19%;
    font-size: 0.8rem;box-shadow:0px 0px 3px rgba(0,0,0,0.1);position:relative;
    height:180px;background-size:cover;background-position:50% 50%;
}
.recommend-entry2 .recommend-title{background:rgba(255,255,255,0.8);position:absolute;bottom:0;width:100%;text-shadow:0 0 3px rgba(255,255,255,0.8);}
#zeno-menu{background:#26a69a;box-shadow:0px 3px 2px rgba(0,0,0,0.2);}
.zeno-menu{list-style-type:none;width:1174px;margin:0 auto;padding:0 0 0 0;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;}
.zeno-menu li{display:block;width:100%;}
.zeno-menu li a{color:#fff;display:block;width:100%;padding:1em 0;text-align:center;}
.zeno-menu li a:hover{background:#00897b;box-shadow:0px 3px 6px rgba(0,0,0,0.2);transition: .5s;}



/* ********メディアクエリ******** */

/* </system> */







@media screen and (max-width: 485px){
.page-index #content {
    padding: 10px 5px 10px 5px;
    margin-top:10px !important;
}
#blog-title #title a{font-size:8vw;}
#blog-title #blog-description{font-size:0.2vw;padding-top:0.5em;}

.page-index .entry-inner{width:100%;margin-left:0;}

.page-index .entry-content{height:49vw;background-size:50vw;}

.page-index .entry-content p:nth-of-type(1){padding:color:#ccc;}
.page-index .entry-content img:nth-of-type(1){position:absolute;top:0;width:100%;height:41vw;margin-right:0px;padding-top:0px;}

.page-index .entry-header{top:41vw;}
.page-index .entry-title{font-size:4.0vw;color:#ddd !important; height:70px;}
.page-index .entry-title .entry-title-link{max-height:40vw;}
.page-index .entry-date{font-size:3.5vw; margin-left:3px; margin-top:20vw !important;}


.page-entry .pager{display:-webkit-flex;display:flex;-webkit-flex-direction: column;flex-direction:column;}
.page-entry .pager span{width:90%;margin-bottom:1rem;}

}

@media screen and (min-width:486px) and (max-width:727px){
.page-index .entry{width:45% !important;height:390px;}
.page-index .entry:hover{background:#f0f0f0;transition: 1s;}
.page-index .entry:before,.page-index .entry:after{position:absolute;top:380px;content:'';display:inline-block;width:0;height:1px;background:#fff;transition:0.3s;}
.page-index .entry:before{left:50%;}
.page-index .entry:after{right:50%;}
.page-index .entry:hover:before,.page-index .entry:hover:after{width:50%;}
.page-index .entry-inner{position:absolute;width:100%;padding-top:0px !important;margin-left:0px;}

.page-index .entry-content{height:65%;overflow:hidden;background:url(https://cdn-ak2.f.st-hatena.com/images/fotolife/c/c-miya/20170925/20170925163823.jpg) no-repeat;background-size:100%;}
.page-index .entry-content p{position:relative;padding:0 0 0 0;margin:0 0 0 0;font-size:11px;line-height:1.8;letter-spacing:1px;color:transparent;}
.page-index .entry-content p:nth-of-type(1){padding:290px 0 0 0;}
.page-index .entry-content p:nth-of-type(1){color:transparent !important;}
.page-index .entry-content img:nth-of-type(1){position:absolute;top:0;width:100%;height:250px;object-fit:cover;padding-top:0px;}
.page-index .entry-header{top:270px;}
.page-index .entry-content p:nth-of-type(n+2) img{display:none;}
.page-index .entry-content h2{display:none;}
}

@media screen and (min-width: 728px){
.page-index .entry{width:46% !important;height:400px;}
.page-index .entry:hover{background:#f0f0f0;transition: 1s;}
.page-index .entry:before,.page-index .entry:after{position:absolute;top:399px;content:'';display:inline-block;width:0;height:1px;background:#fff;transition:0.3s;}
.page-index .entry:before{left:50%;}
.page-index .entry:after{right:50%;}
.page-index .entry:hover:before,.page-index .entry:hover:after{width:50%;}
.page-index .entry-inner{position:absolute;width:100%;padding-top:0px !important;margin-left:0px;}

.page-index .entry-content{height:360px;overflow:hidden;background:url(https://cdn-ak2.f.st-hatena.com/images/fotolife/c/c-miya/20170925/20170925163823.jpg) no-repeat;background-size:70%;}
.page-index .entry-content p{position:relative;padding:0 0 0 0;margin:0 0 0 0;font-size:11px;line-height:1.8;letter-spacing:1px;color:#808080;}
.page-index .entry-content p:nth-of-type(1){padding:290px 0 0 0;}
.page-index .entry-content img:nth-of-type(1){position:absolute;top:0;width:100%;height:196px;object-fit:cover;padding-top:0px;}
.page-index .entry-content p:nth-of-type(n+2) img{display:none;}
.page-index .entry-content h2{display:none;}
}

@media screen and (min-width: 1024px){
.page-index .entry{width:30% !important;height:400px;}
}


.page-index .entry:hover{
 box-shadow: 5px 10px 20px rgba(0,0,0,0.25);
}




.page-index .entry{
  box-shadow: 0 2px 4px rgba(0,0,0,0.3);
  transition: .3s;
}




.husen {
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #232323;
    background: #fff8e8;
    border-left: solid 10px #ffc06e;
}
.husen p {
    margin: 0; 
    padding: 0;
}

.check {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 2px #92bcd5;
    border-radius: 8px;
}
.check .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #fcfcfc;
    color: #829fe3;
    font-weight: bold;
}
.check p {
    margin: 0; 
    padding: 0;
}





@media screen and (min-width: 920px) and (max-width: 1199px) {


.page-index #container #content {
width: 100% !important;}

.page-index #main #main-inner{
width: 100% !important;}

.page-index #wrapper{
width: 100% !important;}

.page-index .entry{height:400px;}

}

@media screen and (max-width: 920px) {

.page-entry #main {
width: 100% !important;
}

.page-entry #container #content {
width: 100% !important;}

.page-index #container #content {
width: 100% !important;}

.page-index #main #main-inner{
width: 100% !important;}

.page-index #wrapper{
width: 100% !important;}

.page-index .entry{height:400px;}

}

@media screen and (min-width: 1200px) {
.page-index #main {
width:86% !important;
margin: auto !important;
}
.page-index #container #content {
width: 100%;
}
}

@media screen and (min-width: 1600px) {
.page-index #main {
width:80% !important;
margin: auto !important;
}
}

@media screen and (min-width: 1200px) {
.page-entry #main {
width: 850px ;
}
.page-entry #entry-inner{
 box-shadow: 0 2px 4px rgba(0,0,0,0.3);
 }

.page-entry #content {
width:850px;
}
.page-entry #container  {
width: 100％ !important;
}
}



.page-entry .date.entry-date.first{
padding-top:0em;
margin-bottom:0em;
}



#top-box .breadcrumb-child:last-child{display:none;}

blockquote:before{
    color: #FFF;
    background: #92d4ff;
}







.page-entry .entry-categories, .page-preview .entry-categories
{transform:none;}


body{background:#edf2f4;}









.recommend-entry2{
rgba(0, 0, 0, 0.247) 0.730634px 0.730634px 4.46127px 0px
;
0.5px 0.5px 0.5px rgba(0,0,0,0.3)
}
@media screen and (min-width: 500px) {
.page-index .entry{
padding-top:0rem;
margin-top:0rem;
margin-right:1.0rem;

margin-bottom:3rem !important;
}
}

@media screen and (max-width: 500px) {
.page-index .entry{
margin-right:2px;
margin-top:5px;
margin-bottom:25px;
}
}


.hatena-moduletext{
padding: 0.4em 0.5em;/*文字の上下 左右の余白*/
font-weight:bold;
margin-top:1.5rem;
font-size:1.2rem;
text-align:center;
color: #fff !important;/*文字色*/
background: #8DB0E3;/*背景色*/
}



#bottom-editarea{
background: #7d9fe8;
color:fff !important;
width:100%;
overflow: hidden !important;
}




@media only screen and (max-width: 480px) {
  #nm-menu{
    display: none;
  }
  #menu li{
    width: 100%;
  }
}



@media screen and (min-width: 480px){
#menu{
display: none;
}
}

@media screen and (max-width: 480px){
#menu{
display: block !important;
}
}

@media screen and (min-width: 480px){
#menu-inner{
display: none;
}
}

@media screen and (max-width: 480px){
#menu-inner{
display: block !important;
}
}





#three-footer{margin:0;width:100%;background: #8bcafb !important;}
#bottom-bar{display:none;}

#new-menu{
　border-bottom: solid 2px #494949;/*下線*/
}

























#entry-thumb{
    height: 40px;
}




.hatena-module {
    clear: both;
    overflow: hidden;
}

div.hatena-module-category div.hatena-module-body ul li {
    display: inline;
    margin: 0 0.3em; 
}



/* ヘッダー下おすすめ記事 */
.recommend {
    width: 1100px;
    margin: 40px auto;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    box-sizing: border-box;
}
.recommend-box {
    width: 300px;
    height: 230px; 
    margin-right: 20px;
    padding: 10px;
    border: 2px solid #eee;
    box-sizing: border-box;
}
.recommend-image img {
    max-width: 100%;
    height: auto;
}
@media (max-width: 919px){
.last-box {
    display: none;
}
.recommend {
    width: 83.9%;
    margin: 20px auto;
}
.recommend-box {
    width: 200px;
    height: 190px;
}
}
@media (max-width: 767px) {
.recommend {
    width: 93.9%;
    margin: 20px auto;
    display:block;
}
.recommend-box {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    border: none;
    width: 100%;
    height: auto; 
    margin: 0 auto;
    padding: 10px;
    box-sizing: border-box;
    border-bottom: 1px solid #ddd;
}
.recommend-image, .recommend-image img {
    width: 100px;
    height: 66px;
    overflow: hidden;
}
.recommend-title {
    width: 250px;
    vertical-align: top;
    padding-left: 20px;
    box-sizing: border-box;
}
}
@media (max-width: 480px){
.recommend-image img {
    width: 80px;
    height: 53px; 
}
.recommend-title {
    width: 200px;
}
}

/* 余白などの調整 */
#container #content {
    padding-top: 3rem;
}
@media (max-width: 500px){
#container #content {
    padding-top: 1.8rem;
}
}
.page-entry #container #content {
    padding-top: 0rem;
}
.breadcrumb {
    margin: 0 auto;
    padding: 10px 0;
    text-decoration:none;
}

.recommend-entry2 .recommend-title{
    background:rgba(255,255,255,1)!important;
}











#breadcrumb{
font-weight: bold !important;
color:fffafa !important;
}



#top-editarea {
margin-bottom:0px;
}


#content {
margin-top :0px !important;
}







/* 吹き出しのCSS　*/
.entry-content .l-fuki,
.entry-content .r-fuki {
	position: relative;
	width: 80%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 20px;
	border-radius: 6px;
	border: 3px solid #ccc;
	background-color: #fff;
	z-index: 1;
}
.entry-content .l-fuki {
	margin: 20px 15% 10px 0;
}
.entry-content .r-fuki {
	margin: 20px 0 10px 15%;
}
.entry-content .l-fuki::before,
.entry-content .r-fuki::before {
	position: absolute;
	content: "";
	top: 16px;
	width: 10px;
	height: 10px;
	border-right: 4px solid #ccc;
	border-bottom: 4px solid #ccc;
	background-color: #fff;
	z-index: 2;
}
.entry-content .l-fuki::before {
	right: -7px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}
.entry-content .r-fuki::before {
	left: -7px;
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
}
.entry-content .l-fuki::after,
.entry-content .r-fuki::after {
	position: absolute;
	content: "";
	width: 80px;
	height: 80px;
	top: -10px;
	border-radius: 40px;
	border: 3px solid #fff;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	box-shadow: 1px 1px 5px #aaa;
}
.entry-content .l-fuki::after {
	right: -110px;
}
.entry-content .r-fuki::after {
	left: -110px;
}
@media screen and (max-width: 620px) {
	.entry-content .l-fuki,
	.entry-content .r-fuki {
		width: 70%
	}
	.entry-content .l-fuki {
		margin-right: 30%;
	}
	.entry-content .r-fuki {
		margin-left: 30%;
	}
}
@media screen and (max-width: 478px) {
	.entry-content .l-fuki::after,
	.entry-content .r-fuki::after {
		width: 60px;
		height: 60px;
		border-radius: 30px;
	}
	.entry-content .l-fuki::after {
		right: -84px;
	}
	.entry-content .r-fuki::after {
		left: -84px;
	}
}
.utyuko::after {background-image:url(https://pbs.twimg.com/profile_images/939141210114895872/63hFpWge_400x400.jpg);}
.kbtit::after {background-image:url(http://cimg.findfriends.jp/profile/16/11273916_3.jpg?342);}


.iya::after {background-image:url(http://3.bp.blogspot.com/-gDkePYCGUrc/VaMOJE90NyI/AAAAAAAAvis/qXkUGwH9hL0/s170/boy_08.png);}


.iyako::after {background-image:url(http://2.bp.blogspot.com/-SyWHuv4nb6g/VaMN-bGZiZI/AAAAAAAAvg8/oM3hXwHvULA/s170/youngwoman_39.png);}

.iyaji::after {background-image:url(http://3.bp.blogspot.com/-0SY0brETIYs/VaMNiZlDbUI/AAAAAAAAvZQ/hrfERj3OB4A/s170/man_49.png);}
.yjsnpi::after {background-image:url(https://rr.img.naver.jp/mig?src=http%3A%2F%2Fimgcc.naver.jp%2Fkaze%2Fmission%2FUSER%2F20131216%2F30%2F3260430%2F1%2F600x450xfe987b338d7aae515e469a5d.jpg%2F300%2F600&twidth=300&theight=0&qlt=80&res_format=jpg&op=r);}










.hosokutxt{
width:100%;
font-weight:bold !important;
font-size:1.8rem;
position: relative;
display: inline-block;
margin-bottom: 1em;
margin: 10px auto;
margin-bottom: 0 !important;
color:#5f5f66;
text-align: center; 
}



#bottom-editarea{
background-color: #444；}

.urllist-item.related-entries-item::before{
display:none !important;
}

/*********************************************************/
/*  関連記事部  　　　　　　　　                         */
/*********************************************************/

.embed-header{
display:none !important;
}
#recent-box h3{
   margin-bottom:1em;
   text-align:center !important;
   font-size:1.3em !important;
}
.recent-menu {
    display: table;
    padding:0;
    width:100%;
}
.recent-menu > li:nth-child(2n+1) {
    clear: both;
}
.recent-menu > li {
    display: table-cell;
    float: left;
    width: 50%;
}

@media only screen and (max-width: 480px) {
.recent-menu{
    padding: 0;
    width: 100%;
}
.recent-menu li{
    padding: 0;
    margin: 0;
    list-style-type:none;
    width: 100%;
}
}

#tab {
    text-align: center;
    list-style: none;
    margin: 0;
    padding: 0;
    line-height: 24px;
    position: relative;
}
#tab li {
    margin: 0 10px;
    width:30%;
    padding: 0 10px;
    border: 1px solid #fff;
    background: #afcbff;
    display: inline-block;
    position: relative;
    z-index: 0;
    margin: 0 -5px;
    padding: 0 20px;
}

#tab li.present {
    background: #86b0e7;
    font-weight:bold;
    color: #fff;
    z-index: 2;
    border-bottom-color: #FFF;
}

#tab:after {
    position: absolute;
    content: "";
    width: 100%;
    bottom: 0;
    left: 0;
    border-bottom: 1px solid #86b0e7;
    z-index: 1;
}

#tab:before {
    z-index: 1;
}




@media (max-width: 760px) {
 .nav-menu-hidden-phone {
    display: none !important;
  }
  }
@media screen and (min-width: 639px) {
.hatena-fotolife, .http-image {
display: block;
text-align:center;
margin: 0px auto !important;
  margin-left: auto;/*これでもOK*/
  margin-right: auto;/*これでもOK*/
background-coloe:#EBEDF2;
}
}



#box2{width:100%; float:center;overflow:hidden !important; 　}
.page-index #box2{display:none;}



.sns-btn {margin: 0 auto;text-align: center;background-color:#fff;}
.sns-btn__title {display: inline-block;position: relative;padding: 0 25px;color: #333;font-size: 18px;font-weight: bold;line-height: 1;letter-spacing: 1px;}
.sns-btn__title:before,.sns-btn__title:after {display: inline-block;position: absolute;top: 50%;width: 20px;height: 3px;border-radius: 3px;background-color: #333;content: "";}
.sns-btn__title:before {left: 0;-webkit-transform: rotate(50deg);transform: rotate(50deg);}
.sns-btn__title:after {right: 0;-webkit-transform: rotate(-50deg);transform: rotate(-50deg);}
.sns-btn ul {padding: 0;margin: 0;padding-top:1rem!important;padding-bottom:1rem;}
.sns-btn__item {display: inline-block;position: relative;}
.sns-btn__item a {display: inline-block;width: 100px !important;height: 65px;margin: 6px 4px;padding: 10px 0;border-radius: 10px;color: #fff;font-size: 13px;font-weight: bold;text-align: center;vertical-align: middle;transition: .3s ease-in-out;color:#fff;}
.sns-btn__item a:hover {box-shadow: 0 10px 25px -5px rgba(0,0,0,.2);text-decoration: none;}
.sns-btn .sns-btn__item .fa {display: block;width: auto;height: auto;font-size: 25px;line-height: 1;}
.tw a,.tw .scc {background-color: #7dcdf7;}
.fb a,.fb .scc {background-color: #7c9dec;}
.gplus a,.gplus .scc {background-color: #ff7573;}
.pkt a,.pkt .scc {background-color: #f99593;}
.hatebu a,.hatebu .scc {background-color: #7cb1ec;}
.line a {background-color: #8ed97a;}
.fa-hatebu:before {font-family: "Quicksand","Arial",sans-serif;font-size: 1.1em;font-weight: bold; line-height: .9;content: "B!";}

@media screen and (max-width: 480px){
/* 記事内、シェアボタン */
.sns-btn__item a {
 display: inline-block;
 width: 60px;
 height: 60px;
 margin: 6px 4px;
 padding: 10px 0;
 border-radius: 10px;
 background: ;
 font-size: 13px;
 font-weight: bold;
 text-align: center;
 vertical-align: middle;
 transition: .3s ease-in-out;
}
}



body {
color:#4f4f4f;
}


/* Font Awesome hatena bookmark */
.fa-hatena:before {
    content: "B!";
    font-family: Verdana;
    font-weight: bold
}


@media screen and (max-width: 510px) {
.page-entry .entry-title{
font-size: 20.5px !important;
}
.date entry-date first{
font-size:1rem;
}
}


.breadcrumb a{
color: #8a8a8a !important;
}




.page-entry .entry-inner, .page-preview .entry-inner{padding-left:0rem;overflow:hidden !important;}
.page-entry .entry-title, .page-preview .entry-title{
    margin: 0.2rem 0 0.5rem;
    margin-right:-5px;
    line-height:2.8rem;
    font-size: 30px;
    font-weight: bold;
    text-decoration:none !important;
}



.date::before, 
.date-year::after {
	content: none;
}
.date-month::after {
	content: none;
}



.page-index .entry-content {
    border-radius: 3px !important;
}
.page-index .entry {
    border-radius: 3px !important;
}

.page-entry #top-editarea .recommends{
display:none;
}
.page-index #box2 .recommends{
display:none;
}

::selection {
    background: #f8f8f8;
    color: #7d9fe8;
}
/* 目次のカスタマイズ */

.sectionList {
 position:relative;
 background-color: #f4f7fc;/* 背景カラーです */
 margin-top: 6em !important; /*々の環境で数字を調節してください */
 margin-bottom:2em;

}
.sectionList:after { /* 目次部分 */

 position: absolute;
 content: ' ：CONTENTS';  表示名を変えたければここを変更 */
 font-weight:400 !important;
 background: #fff !important;
 color: #444;
 right: 0%;
 left: 0%;
 bottom: 100%;
 margin-top:3em !important;
 margin-bottom:0.1em;
 padding: 2px 8px 2px 10px;
 font-size: 35px;
 }
@media screen and (max-width: 485px){ 
.sectionList:after { /* 目次部分 */
font-size:25px;
}
}

.sectionList  li {
 font-size:0.9em;
 color:#333;

}
.sectionList  li :before {
	content: '>' ;
	padding-right:7px;
	color: #7d9fe8;
}
.sectionList  a{
padding-left: 25px; 
 color:#444 !important;
 padding:8px 0;/* 列の間隔 */
 padding-left:1.6em;
 font-weight:normal;
 display: block;
 border-bottom: dashed 1px #e5e5e5;
 text-decoration: none;
 text-align:left ;
 transition-duration: .5s /* カーソルが戻る時間 */
}
.sectionList  ol a{list-style-type: decimal-leading-zero;}
.sectionList  li a:hover {
  -webkit-transform: rotateX(360deg);
  transform: rotateX(360deg);

}


/* カテゴリー */
.categories a::before {
  content: "#";
}
.breadcrumb div:before {
    content: "\f017";/* 左のアイコン */
    font-family: blogicon;
    vertical-align: text-bottom;
    font-size: 1em;
    color: #8e949a;
    padding-right:0px;
    line-height: 1.4em;
}
.page-entry .entry-header .categories {
display:block !important;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    border-radius:10px;
}

/* カテゴリー */
.categories a {
border-radius:5px;
font-size: 1rem;
display: inline-block;
margin: 8px 4px 0 0;
margin-left:0.2em;
padding: 3px 15px 3px 10px;
color: #8e949a;
background: #f4f7fc;
text-decoration: none;
}
.categories a:hover {
color: #7d9fe8;
}
.autohorcontent{
border-top:solid 2px #8e949a;
}

#bottom-editarea{
padding-top:0 !important;
}
.card {
margin:auto;
  width: 100%;
  border-radius: 16px;

}
.card-img {
  border-radius: 5px 5px 0 0;
  max-width: 100%;
  height: auto;
}
.card-content {
padding-bottom:20px;
}
.card-title {
  font-size: 20px;
  margin-bottom: 20px;
  text-align: center;
  color: #fff;
}
.card-text {
text-align:center;
  color: #fff;
  font-size: 14px;
  line-height: 1.5;
}
.card-link {
  text-align: center;
  border-top: 1px solid #eee;
  padding: 20px;
}
.card-link a {
  text-decoration: none;
  color: #fff;
  margin: 0 10px;
}
.card-link a:hover {
  color: #7d9fe8;
}


@media screen and (max-width: 1199px) and (min-width: 920px){
.page-entry #container #content {
width:100% !important;
}
.page-entry #content-inner {
width:100%;
margin:auto;
}
.page-entry #wrapper {
    width: 750px;
    margin:auto;
}
#box2{
width:90% !important;
}
}

@media screen and (min-width: 1199px){
.page-entry #container #content {
width:100% !important;
}
.page-entry #content-inner {
width:100%;
margin:auto;
}
.page-entry #wrapper {
    width: 880px;
    margin:auto;
}
#box2{
width:75%!important;
}
}
.breadcrumb-link .title{ /* ハイフンを非表示 */
    display: none;
}
.breadcrumb-link { /* 年と月の後ろにスラッシュを挿入 */
    content: 'TOP';
}

@media screen and (max-width:600px){
.embed-wrapper {
margin-left:1em;
margin-right:1em;
}
.EmbeddedTweet--edge{
margin-left:1em;
margin-right:1em;
}
}

.comment{
display:none;
}
.comment-policy{
display:none !important;
}

#layout{
margin:1em;
}

.topsns{
margin-top: 0.5em !important;
margin-bottom: 0.5em;

}
.share_btn2{
    display: inline-block;
    text-decoration: none;
    width: 33px;
	margin:2px;
    height: 33px;
    line-height: 33px;
    font-size: 16px !important;
	background:#f4f7fc;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
    overflow: hidden;
    font-weight: bold;
    transition: .3s;
}
.share_btn2 .fa {line-height:33px}
.share_btn2:hover{
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
}
.share_btn2.shtw {color: #22b8ff;}
.share_btn2.shfb {color :#6680d8;}
.share_btn2.shhtb {color: #49a8fb;}
.share_btn2.shpkt {color: #ff6d82;}
.share_btn2.shfdly {color: #7bda72;}
.share_btn2.shgp {color: #fd6969;}



.eyecache {
    animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

#pageTop {
  position: fixed;
  bottom: 20px;
  right: 20px;
}

.eyecache{
margin-bottom:0.8em;
border-bottom: 1px solid #e5e5e5 !important;
} 
#pageTop i {
    padding-top: 3px;
    padding-right: 7px;
    padding-bottom: 0px;
}
 

#pageTop a {
  display: block;
  z-index: 999;
  padding: 8px 0 0 8px;
  border-radius: 30px;
  width: 45px;
  height: 45px;
background-image: linear-gradient(120deg, #7d9fe8 -10%, #8ec5fc 70%) !important;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}

 

#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}


body{
    word-break: normal;
    overflow-wrap: break-word;
    -webkit-font-smoothing: antialiased;
}

.page-index .entry {
    box-shadow: 0 2px 2px rgba(0,0,0,0.1);
    transition: .3s;
}


.breadcrumb{
padding:4px 0 !important;
}
.page-index .entry-title a{
    font-size: 18px !important;
    color: #444 !important;
    line-height: 1.6em !important;
    font-weight:300 !important;
    letter-spacing:2px;
}

@media screen and (max-width: 900px) {
.page-index .entry-title a{
    margin-top:3px;
    font-size: 15px !important;
    color: #444 !important;
    line-height: 1.6em !important;
    letter-spacing:1px;
}
}
/* 斜体表示を蛍光ペン（黄）風に */
.entry-content em{
    font-weight:600;
    font-size:100%;
    font-style: normal;
    margin:0 0.1em;
    padding:0.1em 0.2em;
}

/*太文字マーカー*/
.entry-content strong {
background: linear-gradient(transparent 58%, #FAEFA7 40%)!important;
font-size: 104% !important;
}

/* LigatureSymbols */

.menu-trigger{
background-image: linear-gradient(120deg, #7d9fe8 0%, #8ec5fc 75%) !important;
}
/* カエレバアイコン */
.kaerebalink-link1 a:before {
	margin-right:5px;
	font-size:90%!important;
	font-family: FontAwesome;
	vertical-align:middle;
}
.shoplinkamazon a:before {
	content:"\F270";
	color:#fff;
}
.shoplinkamazon a:hover:before {
	color:#ffc045;
}
.shoplinkrakuten a:before {
	content:"\F218";
	color:#fff;
}
.shoplinkrakuten a:hover:before {
	color:#dd4b39;
}

/* カエレバ・レイアウト */
.kaerebalink-box {
	margin-bottom:3em;
	margin-left:5px;
	margin-right:5px;
	padding:0.8em;
  box-shadow: 0 2px 4px rgba(0,0,0,0.3);
}
.kaerebalink-image {
	float:left;
	margin-top:2em;
	width:30%;
	text-align:center;
}
.kaerebalink-info {
	margin-left:30%;
}
.kaerebalink-name > a {
	font-weight:bold;
	font-size:120%;
}
@media screen and (max-width: 500px) {
.kaerebalink-name > a {
	font-weight:bold;
	font-size:100%;
}
}
.kaerebalink-detail {
	margin-bottom: 1em;
}
.kaerebalink-powered-date {
	margin-top: 0.5em;
	color:eaedf2 !important;
	font-size:80%;
	text-align:left;
}
.kaerebalink-link1 div {
	float: left;
	width: 48%;
}
.kaerebalink-link1 div:first-child {
	margin-right:4%;
}
.kaerebalink-link1 a {
	position:relative;
	top:0;
	display:block;
	padding:0.5em;
	color:#fff;
	font-size:90%;
	text-align:center;
	border-radius:5px;
	text-shadow:1px 1px 0 rgba(255,255,255,0.2);
}
.single article .kaerebalink-link1 a:hover {
	top:5px;
	color:#fff;
	box-shadow:none;
	text-decoration:none;
	text-shadow:1px 1px 0 rgba(0,0,0,0.2);
}
.shoplinkamazon a {
	background:#ffba7a;
  box-shadow: 0 2px 4px rgba(0,0,0,0.3);
}
.shoplinkamazon a:hover {
}
.shoplinkrakuten a {
	background:#ef7777;
  box-shadow: 0 2px 4px rgba(0,0,0,0.3);
}
.shoplinkrakuten a:hover {
}



.utyugyo::after {background-image:url(https://pbs.twimg.com/profile_images/970349463460921344/HcxhaK1k_400x400.jpg);}

.mailbotan{
margin-top:10px;
text-align:center;


}
.mail_btn2.shma {background: #fed18c;}
.mail_btn2.shtw {background: #7d9fe8;}
.mail_btn2{
    display: inline-block;
    text-decoration: none;
    width: 90px;
    height: 50px;
    line-height: 50px;
    font-size: 23px;
    margin:10px ;
    margin-top:20px;
	color:white;
    border-radius: 12px;
    text-align: center;
    vertical-align: middle;
    overflow: hidden;
    font-weight: bold;
    transition: .3s;
}
.mail_btn2 .fa {line-height:50px}
.mail_btn2:hover{
color: #fff;
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
}
.box8 {
    padding: 0.3em 0.3em;
    margin: 2em 0;
    color: #444;
    background: #f5f7fc;
    border-left: solid 8px #7d9fe8;

}
.box8 p {
    margin: 0; 
    padding: 0;
}

.mailbox {
    margin: auto;
    margin-top:4em;
    background: #fff;
    width:65%;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.22);
    height:210px;
    border :solid 2px #eaedf2;
    
}

.mailbox .mailbox-title {
    font-size: 1.3em;
    background: #eaedf2;
    padding: 4px;
    text-align: center;
    color: #444;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.mailbox p {
    padding: 5px 20px;
    margin: 0;
}


@media screen and (max-width:500px){
.mailbox {
    margin: auto;
    margin-top:4em;
    width:93% !important;
    height:250px !important;
}
}

.entry-content h2 {
font-size:1.8em;

position: relative;
font-weight:normal;
line-height:1.3em;
margin-top:0.7em;
margin-bottom:0.5em;
padding-left: 0.8em;/*アイコン分のスペース*/
padding-top: 0.8em;/*文字まわり（上下左右）の余白*/
padding-bottom: 0.8em;
background-image: linear-gradient(120deg, #7d9fe8 -10%, #8ec5fc 70%) !important;
-webkit-text-fill-color: transparent; 
-webkit-background-clip: text; 
border-left: solid 2px #7d9fe8;
}


@media screen and (max-width: 600px){
.entry-content h2{
font-size:1.7em !important;
border-left: solid 4px #7d9fe8;
margin-left:3px;
padding-left:13px;
}
}


a.menu-trigger:hover{
 zoom: 110%;
 }
 
/*aboutページ、デフォdl（プロフィール〜読者までを囲うエリア）*/	.page-about dl {	    text-align: center;	    margin: 0;	}	/*aboutページ、デフォdt（プロフィール等のタイトル）*/	.page-about dt {	    text-align: center;	    font-weight: bold;	    font-size: 1.3em;	    color: #5d627b;	    margin-bottom: 15px;	}	/*aboutページ、デフォdd→吹き出し風に*/	.page-about dd {	    text-align: center;	    position: relative;	    display: inline-block;	    margin: 0.5em auto 1.5em;	    padding: 7px 10px;	    min-width: 120px;	    max-width: 100%;	    color: #7d9fe8;	    font-size: 16px;	    background: #FFF;	    border: solid 3px #7d9fe8;	    box-sizing: border-box;	    border-radius: 10px;	}	.page-about dd:before{		content: "";		position: absolute;		top: -23px;		left: 50%;	 	margin-left: -15px;		border: 12px solid transparent;		border-bottom: 12px solid #FFF;	 	z-index: 2;	}	.page-about dd:after{		content: "";		position: absolute;		top: -30px;		left: 50%;	 	margin-left: -17px;		border: 14px solid transparent;		border-bottom: 14px solid #7d9fe8;	 	z-index: 1;	}	/*aboutページ、読者数（＼99人／のところ）*/	.about-subscription-count {	 display: table;	 position: relative;	 padding: 0 30px;	 color: #5d627b;	 font-size: 1.5em;	 font-weight: bold;	 line-height: 1;	 letter-spacing: 1px;	 margin: 12px auto;	}	.about-subscription-count:before,	.about-subscription-count:after {	 display: inline-block;	 position: absolute;	 top: 50%;	 width: 20px;	 height: 3px;	 border-radius: 3px;	 background-color: #676F74;	 content: "";	}	.about-subscription-count:before {	 left: 0;	 -webkit-transform: rotate(50deg);	   transform: rotate(50deg);	}	.about-subscription-count:after {	 right: 0;	 -webkit-transform: rotate(-50deg);	   transform: rotate(-50deg);	}	/*aboutページ、読者アイコン（拡大＆円形＆ふわっとアニメーション）*/	.page-about .entry-content img.profile-icon {	    height: 45px;	    width: 45px;	    border-radius: 50%;	    margin: 4px 4px;	    transition: .3s;	}	.page-about .entry-content img.profile-icon:hover {	    box-shadow: 0 10px 20px -4px rgba(0,0,0,.25);	    transform: translateY(-3px);	}



.under {
  border-bottom: dashed 1px #7s9fe8;
  }


.tate {
    animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
}
@keyframes fadeIn {
    0% {opacity: 0}
    color:#7d9fe8;
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    color:#7d9fe8;
    100% {opacity: 1}
}


.tate{
padding:1.2em;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  text-align:left;
  background:#fff;
  width:100%;
  float:right;
   max-height      : 300px;
   overflow:hidden;
}

.tate{
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  text-align:left;
  float:right;
   max-height      : 300px;
   overflow: auto !important;
}

.yoko{
background:#F5F7FC;
font-size:17px;
}

.yoko2{
background:#F5F7FC;
text-align:right;
font-size:16px;
}

.yoko3{
background:#eaedf2;
font-size:16px;
}
.utyuko::after {background-image:url(https://cdn-ak.f.st-hatena.com/images/fotolife/s/skyfish25/20180221/20180221031818.jpg?1519150705);}
.hatena-module-category .hatena-module-body ul.hatena-urllist li {
    background: #eaedf2;
}

.blogicon-hatenablog{
color:fff;
}

.unq_btn{
text-align:center;
}
.unq_btn a{
    display: inline-block;
    text-decoration: none;
    font-size: 30px;
}
.unq_btn .fa-stack-1x {
    color: white;
    font-size: 21px;
}
.unq_btn .fa-stack-2x {
    transition: .3s;
}
.unq_btn .twitter .fa-certificate {
  color: #74c1f8;
}
.unq_btn .fb .fa-certificate {
  color: #668ad8;
}
.unq_btn .pocket .fa-certificate {
  color: #f79393;
}
.unq_btn .feedly .fa-certificate {
  color: #acde71;
}
.unq_btn .gplus .fa-certificate {
  color: #ed7168;
}
.unq_btn a:hover .fa-stack-2x {
    -ms-transform: rotate(60deg);
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
}


.entry-footer{
margin-top:2.5em;
}

.page-index .date a{
margin-left:0px !important;
}

.menu-trigger span {
 height: 3px;
}
@media screen and (max-width:600px){
 .menu-trigger span {
 height: 1px;
}
}

.entry-content strong{
color: #444;
}
.entry-header{
margin-left:4px;
margin-right:3px;
}
.entry-content ul {
border-top:2px: #5d627b;
  background: #f8f9fa;
margin-bottom:1em !important;
  position: relative;
}

.entry-content ul li {
  line-height: 1.5;
  color: #5d627b;
  padding: 0.5em 0 0.5em 2em;
  border-bottom: 1px solid #fff;
  list-style-type: none!important;
}

.entry-content ul li:before {
  font-family: FontAwesome;
  content: "\f00c";/*アイコン種類*/
  position: absolute;
  left : 0.5em; /*左端からのアイコンまで*/
  color: #7d9fe8; /*アイコン色*/
}

.entry-content ul li:last-of-type{
  border-bottom: none;/*最後の線だけ消す*/
}

.hatena-module-category .hatena-module-body ul.hatena-urllist li a{
font-weight:bold;
}
.page-entry .entry-title a{
    font-size: 27px !important;
    color: #444 !important;
    line-height: 1.6em !important;
    font-weight:normal !important;
    letter-spacing:2px;
}

@media screen and (max-width:600px){
  .page-entry .entry-title a{
    font-size: 21px !important;
    font-weight:normal !important;
    color: #444 !important;
}
.page-entry .entry-title, .page-preview .entry-title a{
font-weight:normal !important;
}




.page-entry .entry-title a{
    line-height: 1.3em !important;
    font-weight:400 !important;
    letter-spacing:1px;
}
}

#top-box {
    max-width: 860px !important;
    text-align:left !important;
    margin:auto;
}


.page-entry .entry-title, .page-preview .entry-title {
    margin: 0.2rem 0 0.6rem !important;
    }
.social-buttons {
    margin: 0 0 0rem 0;
}
.entry-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
     flex-wrap: wrap;  
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
}
.entry-title{
width:100% !important;
}
.entry-header .entry-title {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    width:100%;
}
.entry-header .date {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}
.entry-header .customized-header{
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}
.topsnstxt{
color: #bec3de;
margin-left:32px;
letter-spacing:1.5px;
}
.search-form{border:3px solid #eaedf2;position:relative;overflow:hidden;line-height:3rem; width:80%;margin:auto;}

.search-form:before{content:"\f01a";font-family:blogicon;position:absolute;right:0;height:2rem;width:3rem;text-align:center;font-size:3rem;line-height:3rem;color:#7d9fe8;}

.search-module-input{border:0px;width:100%;height:3rem;font-size:1.2rem;line-height:2.5rem;padding:0 0.5em;background-color:#f8f9fa;}

.search-module-button{border:0px;color:transparent;position:absolute;right:0;height:2rem;width:3rem;z-index:2;}
.search-module-button:hover{cursor:pointer;}
.search-result-form{height:2.3em;}
.search-result-input{height:2.3em!important;}

@media screen and (min-width:730px){
.page-index .entry {
height:330px;
}
}
.page-index .entry{
border-radius: 0px;
}
.page-index .entry-content{
border-radius: 0px;
}

.page-index .entry p{
color:transparent !important;
}

.page-index .entry a {
color:transparent !important;
}

.page-index .entry-header a {
color:#444 !important;
}
.page-index .entry-header :hover{
color:#7d9fe8 !important;
}


 #box2 {
    display: block !important;
    margin:auto;
    width:95%;
}
@media screen and (min-width: 900px){
.page-index  #box2 {
    width:75%;
}
.page-archive  #box2 {
    width:75%;
}
}

.hatena-module-category .hatena-module-body ul.hatena-urllist li a {
    color: #444;
      padding: 0 .3em;
  background-image: linear-gradient(to right, rgba(0,0,0,0) 50%, rgba(252,252,84,0.8) 40%);
  background-position: 0 0;
  background-size: 200% auto;
  transition: .3s;
}

.hatena-module-category .hatena-module-body ul.hatena-urllist li a:hover {
  background-position: -100% 0;
  color: #444;
 }
 
#copyright {
    margin:auto;
    text-align: center　!important;
    font-size: 15px;
    color:#fff;/* 文字の色 */
}

@media screen and (max-width: 700px){
.entry-content p { margin-left:13px; margin-right:13px;}
}
@media screen and (min-width: 701px){
.entry-content p { margin-left:18px; margin-right:18px;}}


@media screen and (max-width: 620px){
.page-entry .entry-content img{
max-width: 110%;
margin-left: -17px !important;
margin-right: -17x !important;
overflow: hidden !important;
}
}




@media screen and (max-width: 1000px) {
.entry-content {
font-size : 17px !important;
line-height:1.9;
letter-spacing: 0.06em;
}
}


@media screen and (max-width: 480px) {
.entry-content {
font-size : 15px !important;
line-height:1.8;
letter-spacing: 0.04em;
}
}

@media screen and (min-width: 1001px) {
.entry-content {
font-size : 18px !important;
line-height:2.0;
letter-spacing: 0.08em;
}
}

.entry-content .r-fuki {
    margin: 20px 0 10px 8px !important;
}
.entry-content .l-fuki {
    margin: 20px 0 10px 8px !important;
}
.entry-content .l-fuki{
    position: relative;
    width: 82% !important;
    background:#F5F7FC;
    border: 2px solid #cfd2d6;
    color: #454545;
}
.entry-content .r-fuki{
    position: relative;
    margin-left:1em;
    width: 82% !important;
    background:#f5f7fc;
    border: 2px solid #cfd2d6;
    color: #454545;
}
.entry-content .l-fuki::before, .entry-content .r-fuki::before {
    position: absolute;
    content: "";
    top: 16px;
    width: 10px;
    height: 10px;
    border-right: 2px solid #cfd2d6;
    border-bottom: 2px solid #cfd2d6;
    background-color: #f5f7fc;
    z-index: 2;
}

@media screen and (max-width: 640px){
.entry-content .l-fuki{
    width: 75% !important;
}
.entry-content .r-fuki{
    width: 75% !important;
}
}

.entry-footer-section{
display:none;
}

.page-entry .pager {
margin-top:1.5em;
    background-color: #fff !important;
    border-bottom: 1px solid #d7d9dd;
    border-top: 1px solid #d7d9dd;
}
.pager a {
    color: #444 !important;
}

.pager .pager-next a::after, .pager .pager-prev a::after {
    color: #7d9fe8;
}

@media screen and (max-width: 640px){
.page-entry .pager .pager-prev{
display:none;
}
}

.comment-box {
    position: relative;
    display:none;
    text-align:center !important;
    margin-top:2em;
}
.leave-comment-title {
    width:100% !important;
    padding: 1em;
background-image: linear-gradient(120deg, #7d9fe8 -10%, #8ec5fc 70%)!important;
    color:#fff;
    margin-top:0.8888em;
    margin-bottom:0.8888em;
    text-align:center ;
    font-size: 1.2rem;
    display:none;
}
.leave-comment-title::before {
    content: "\f01d";
    font-family: blogicon;
    font-size: 2.3rem;
    color: #fff;
    top: 0.35rem;
}
.leave-comment-title:hover{
background-image: linear-gradient(120deg, #7d9fe8 -40%, #8ec5fc 90%)
color:#fff;}



.authorb {
width:80%;
height:auto;
margin: 0em 0;
}

@media screen and (max-width: 640px){
 .authorb {
width:90%;
height:auto;
margin: 0em 0;
}
}

#container{
background-color: #fff;
}
.page-entry #container{
background-color: #fff;
}


/* 関連記事を記事下よりも下に */
.customized-footer {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
.entry-footer-modules {
  -webkit-order:2;
  order:2;
  width: 100%;
}
.entry-footer-html {
  -webkit-order:1;
  order:1;
  width: 100%;
}



.authorb {
    margin: auto !important;
    border-top:solid 3px #5d627b !important;    
    text-align:center !important;
    background: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
    overflow: hidden;
    margin-bottom:2em !important;
}
.authorb .author-name {
    font-size: 1.5em;
    padding: 2px;
    text-align: center;
    background: #fff !important;
    color: #7d9fe8;
    font-weight: normal !important;

}
.authorb p {
    padding: 3px 9px;
    text-align:center !important;
    margin: 0;
    padding-top:5px !important;
}
.authorb .http-image{
border-radius:50% !important;
padding-top:0.5em;
border: 8px solid: #ccc !important;
text-align:center !important;
}
.authorb .authorimg{
border-radius:50% !important;
background-size:cover;
padding-top:0.5em;
margin-left:100px !important;
}

@media screen and (max-width: 500px) {
.authorb p {
font-size:1em !important ;
}
}

@media screen and (min-width: 501px) {
.authorb p {
font-size:1.0em;
}
}
.entry-content img{
margin-bottom:1.2rem !important;
}


@media screen and (max-width: 485px){
 .page-index .entry {
    height: 71vw !important;
    padding: 0vw 0 0 0;
    width: 90% !important;
    margin:auto !important;
    margin-bottom:2em !important;
}
}

.entry-content ul,.entry-content ol{margin:0 0em 0em 0;padding:0 0 0 0;counter-reset:my-counter;list-style:none;}




.my-skyblue {color: #7d9fe8;margin-top:-20px;}
#overlay ul li{
 padding-left: 0px;
 list-style-type: none;
 margin-top: 50px;
 }
#overlay{
 display: none;
 width: 100%;
 height:100%;
 text-align: center;
 position: fixed;
 top: 0;
 z-index: 100;
 background:#fff;
 padding: 20px;
 box-sizing: border-box;
 padding-top:0rem;
}

#overlay ul li a{
 color: #444;
 text-decoration: none;
 font-weight:normal;
 font-size: 130%;

}

@media screen and (max-width: 680px) {
#overlay ul li a{
 font-size: 115%;
 }
#overlay{
 display: none;
 width: 100%;
 height:100%;
 text-align: center;
 position: fixed;
 top: 0;
 z-index: 100;
 background:#fff;
 padding: 20px;
 box-sizing: border-box;
 padding-top:0rem;
}
.menu-trigger.active span:nth-of-type(1) {
 -webkit-transform: translateY(8.5px) rotate(-45deg);
 transform: translateY(8.5px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(3) {
 -webkit-transform: translateY(-10px) rotate(45deg);
 transform: translateY(-10px) rotate(45deg);
}
}

.box29 {
    margin: 2em 0;
    background: #dcefff !important;
}
.box29 .box-title {
    font-size: 1.2em;
    background: #5fb3f5;
    padding: 4px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.box29 p {
    padding: 15px 20px;
    color:#444 !important;
    font-weight:normal;
    margin: 0;
}


.hatena-module-title{
margin-top:2em;
width:100%;
font-weight:500;

background-image: linear-gradient(120deg, #7d9fe8 -10%, #8ec5fc 70%) !important;
-webkit-text-fill-color: transparent ; 
-webkit-background-clip: text ; 
position: relative;
letter-spacing:0.2em;
text-align:center !important;
margin-bottom: 1.5em;
font-size:1.8rem;
}
.hatena-module-title:before {
content: '';
position: absolute;
bottom: -15px;
display: inline-block;
width: 250px;
height: 2.5px;
left: 50%;
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);

background: #56CCF2;  /* fallback for old browsers */
background: linear-gradient(120deg, #7d9fe8 -10%, #8ec5fc 70%) !important;

border-radius: 0px;
}



@media screen and (max-width: 480px) {
.hatena-module-title{
font-size : 1.6rem !important;
padding-top:0.5rem;
padding-bottom:0.5rem;
}
.hatena-module-title:before {
bottom: -10px;
}
}


/* おすすめ関連記事2列 */


.related-entries li {
  width: 48%;
  height: 180px;/* 高さは調整して下さい */
  padding: 4px 0;
  margin-top:1%;
  margin-left:1%;
  margin-right:1%;
  box-sizing: border-box;
  font-size: 100%;
  border-bottom: 1px solid #ddd;
}
.related-entries-item-inner {
  padding: 8px;
}
.related-entries-image-link {
  float: left;
  margin: 0 8px 8px;
}
.related-entries-title {
  margin: 8px 0;
}
/* float解除 */
.related-entries::after {
  content: "";
  display: block;
  clear: both;
}
/* スマートフォン1列 */
@media only screen and (max-width:767px){
.related-entries li {
float: none;
width: 100%;
height: auto;
}
}


/*1つ1つの関連記事ボックス*/
li.urllist-item.related-entries-item {
    margin-top:2% !important;
    float:left;
    padding: 10px 10px 10px 0;
    background: #ffffff;
    border: solid 1px #e4e4e4;
}

/*関連記事の画像の大きさ*/
img.urllist-image.related-entries-image {
    width: 130px;

    border-right: 2px solid #e4e4e4;
}

/*関連記事のタイトル*/
a.urllist-title-link.related-entries-title-link.urllist-title.related-entries-title {
    text-decoration: none;
    color: #525252;
    font-weight: bold;
}

/*関連記事のタイトル*/
a.urllist-title-link.related-entries-title-link.urllist-title.related-entries-title:hover {
    color: silver;
}

/*関連記事の説明*/
.urllist-entry-body.related-entries-entry-body {
    color: #8f8f8f;
    font-size: 13px;
    margin-top: 3px;
}

.urllist-date-link.related-entries-date-link {
    position: relative;
}


/*関連記事の日付*/
.hatena-urllist .urllist-date-link a {
    position: absolute;
    top: -12px;
    left: 0;
    display: inline-block;
background-image: linear-gradient(120deg, #7d9fe8 -10%, #8ec5fc 70%) !important;
    color: #fff;
    line-height: 1;
    padding: 4px 6px;
    margin-bottom: 0px;
    font-size: 11px;
    font-style: normal;
   	text-decoration: none;
}

.urllist-title-link {
    font-size: none;
}

@media screen and (max-width: 600px) {
/*関連きじの説明文を非表示に*/
.urllist-entry-body.related-entries-entry-body {
    display: none;
}
/*関連記事のタイトル*/
a.urllist-title-link.related-entries-title-link.urllist-title.related-entries-title {
    text-decoration: none;
    color: #525252;
    font-size:1rem;
    font-weight: bold;
}
}

ul, menu, dir {
    display: block;
    list-style-type: disc;
    -webkit-margin-before: 0.5em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px;
}


/*ボタン装飾*/
.hidden_box label {
    padding: 15px;
    font-weight: bold;
background: #56CCF2;  /* fallback for old browsers */
background: -webkit-linear-gradient(to left,#afcbff, #7d9fe8);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to left,#afcbff, #7d9fe8); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    border-radius: 5px;
    margin:auto !important;
    text-align:center !important;
    color:#fff;
    cursor :pointer;
    transition: .5s;
}

/*アイコンを表示*/
.hidden_box label:before {
    display: inline-block;
    content: '\f078';
    font-family: 'FontAwesome';
    color:#fff;
    padding-right: 5px;
    transition: 0.2s;
}

/*ボタンホバー時*/
.hidden_box label:hover {
    background: #f8f9fa;
    color:#7d9fe8;
}

/*アイコンを切り替え*/
.hidden_box input:checked ~ label:before {
     content: '\f00d';
     -ms-transform: rotate(360deg);
     -webkit-transform: rotate(360deg);
     transform: rotate(360deg);
     color: #7d9fe8;
}

/*チェックは見えなくする*/
.hidden_box input {
    display: none;
}

/*中身を非表示にしておく*/
.hidden_box .hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.hidden_box input:checked ~ .hidden_show {
    padding: 10px 0;
    height: auto;
    opacity: 1;
}


/* Demo purposes only */
body {
  background-color: #fff;
  padding: 0px 0;
}
.page-index #content {
    background: #f4f7fc;
}
.entry-date .hyphen{ /* ハイフンを非表示 */
    display: none;
}
.entry-date .date-year::after, .entry-date .date-month::after{ /* 年と月の後ろにスラッシュを挿入 */
    content: '/';
}






h4 {
padding: 0.7em 0.9em;/*文字の上下 左右の余白*/
color: #444 !important;/*文字色*/
border-left: solid 3px #5d627b !important;/*左線*/
margin-left:0px !important;
line-height: 1.5em;
font-weight:normal !important;
}
.entry-content h4{margin:2em 0 1em 0;}


@media screen and (min-width: 680px) {
.entry-content h4 {
font-size: 1.65rem !important;
}
}

@media screen and (max-width: 480px) {
h4 {
font-size : 1.48rem !important;
border-left: solid 3px #5d627b !important;/*左線*/
padding:0.7em 0.9em;
}
}






h5 {
position: relative;
color: #444;
content-height:42px !important;
padding-left: 1.8em !important;/*アイコン分のスペース*/
margin-bottom: 1.2em !important;
padding-bottom:0.4em !important;
line-height: 1.7em;
border-bottom: dashed 2px #bec3ce;
font-weight:normal;
font-size: 1.6rem !important;
}

h5:before{ font-family: FontAwesome;/*忘れずに*/
content: "\f00c";/*アイコンのユニコード*/
position: absolute;/*絶対位置*/
padding-left:0.5em;
font-size: 1.7rem;/*サイズ*/
left: 0;/*アイコンの位置*/
top: 1.0;/*アイコンの位置*/
color: #7d9fe8; /*アイコン色*/

top: 34%;
text-align: center;
}
@media screen and (max-width: 480px) {
h5 {
padding-left: 35px !important;/*アイコン分のスペース*/
font-size : 1.4rem !important;
padding-top:1rem;
margin-bottom: 1.2em !important;
padding-bottom:0.3em !important;
}
h5:before{ font-family: FontAwesome;/*忘れずに*/
content: "\f00c";/*アイコンのユニコード*/
position: absolute;/*絶対位置*/
font-size: 1.3rem;/*サイズ*/
left: 3px;/*アイコンの位置*/
top: 1.8;/*アイコンの位置*/
top: 34%;
}
}




blockquote {
    position: relative;
    padding: 10px 12px;
    box-sizing: border-box;
    color: #464646;
    margin:1em 1em !important;
    border-left: solid 40px #bec3cd;
    background: #f8f9fa;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.19);
}

blockquote:before{
    display: inline-block;
    position: absolute;
    top: 50%;
    left: -32px;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    vertical-align: middle;
    content: "\f10d";
    font-family: FontAwesome;
    background:#bec3ce;
    color: #fff;
    font-size: 22px;
    line-height: 1;
}

blockquote p {
    position: relative;
    padding: 0;
    margin: 10px 0;
    z-index: 3;
    line-height: 1.7;
}

blockquote cite {
    display: block;
    text-align: right;
    color: #888888;
    font-size: 0.9em;
}







.header-image-only #blog-title #blog-title-inner {
    background-repeat: no-repeat;
    position: relative;
    width:100%;
    height: 50px;
}

.snip1231 {
  text-align: center;
  	overflow-x: scroll !important;
	overflow-y: hidden;
  white-space: nowrap;
  letter-spacing: 1px;
  margin-top:0px;
  margin-bottom:0px;
  padding-top:3px;
  padding-bottom:0px !important;
background: #fff;
    position:relative;
    z-index:0;
  padding-left:0px;
}
.snip1231 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
  
}
.snip1231 li {
  display: inline-block;
  list-style: outside none none;
  margin: 0 0em;
  padding: 0;
}
.snip1231 a {
  padding: 0.3em 0.3em;
  margin: 0.7em 0.5em;
  margin-top:0.3em;
  display: block;
  font-size:16px;
  font-weight:200;
  color: #8e949a;
  position: relative;
  text-decoration: none;
}
.snip1231 a:before,
.snip1231 a:after {
  height: 14px;
  width: 14px;
  position: absolute;
  content: '';
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
  opacity: 0;
}


.snip1231 a:hover,
.snip1231 .current a {
color: #7d9fe8;
background-image: linear-gradient(120deg, #7d9fe8 0%, #a5c4ff 100%);
-webkit-text-fill-color: transparent; 
-webkit-background-clip: text; 
}
.snip1231 a:hover:before,
.snip1231.current a:before,
.snip1231 a:hover:after,
.snip1231 .current a:after {
  -webkit-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
}

@media screen and (max-width: 790px) {
.snip1231 a {
    font-size:14px;
    font-weight:normal;
}
}




/* タイトル */
#blog-title{width:100%;height:65px;overflow:hidden;display:table;margin:0 0 0rem 0;color:#fff;padding-top:25px;padding-bottom:4px;text-align:center !important;    box-shadow: 0 3px 6px rgba(0,0,0,0.2);
background: #fff;
}

#blog-title #blog-title-inner{display:table-cell;text-align:center;vertical-align:middle;}
#blog-title #title a{text-align:center !important;font-size:1.7rem !important;font-weight:300;line-height:1;color:#5d627b;letter-spacing:0.1em;}
#blog-description{display:none;}

@media screen and (max-width: 790px) {
#blog-title #title a{font-size:1.6rem !important;
}
}


.page-entry .breadcrumb {
    margin-bottom: 0em;
}


/*記事内のリンクの色を変更*/
.entry-content p a{
color:#7d9fe8 !important;
text-decoration:underline;
}

#top-box{
text-align:center;
width:auto;
}
.breadcrumb-gt{
color:#7d9fe8;
}
.breadcrumb-last-child{
display:none;
}
.breadcrumb {

  text-align:center;
}

.breadcrumb {
  display:inline-block;/*横に並ぶように*/
  list-style: none;
  font-weight: 200;/*太字*/
}

.breadcrumb :last-child:after{
  content: '';
}

.breadcrumb  a {
    display: inline-block;
    padding: 8px 10px;
    border-radius: 15px;
    text-decoration: none;
    color: #8e949a !important;
    font-size: 1em;
}

.breadcrumb  a:hover {
    background: #c9dbfb;
}


.page-entry .entry-title, .page-preview .entry-title {
    line-height: 2.3rem;
    font-size: 26px;
    color:#444 !important;
}



.lastmod {
background-color: transparent;
font-weight:normal;
color: #8e949a;
padding: 5px 6px;
text-decoration: none;
font-size: 100%;
display: inline;
margin-left: 10px;
}
.lastmod::before {
margin-right: 5px;
padding-left: 3px;
font-weight:normal;
color:#7d9fe8;
font-family: FontAwesome;
content: '\f021';
}
.entry-date a {
background-color: transparent;
letter-spacing:1.1px;
font-size:105%;
margin-left:0px;
color:#8e949a !important;
font-weight:normal;
margin-bottom:0em;
text-decoration:none !important;
}
.page-entry.entry-date a {
margin-left:6px;
}

.page-index .entry-date a {
background-color: transparent;
font-size:120%;
margin-left:4px;
color:#8e949a !important;
font-weight:normal !important;
text-decoration:none !important;
}
.page-index .entry-date a::before {
margin-right: 2px;
padding-left: 1px;
color:#7d9fe8;
font-family: FontAwesome;
content: '\f133';
}

.entry-content .eyecache .entry-header .entry-title a,
.entry-content .eyecache .entry-header .entry-title a:link,
.entry-content .eyecache .entry-header .entry-title a:active,
.entry-content .eyecache .entry-header .entry-title a:hover,
.entry-content .eyecache .entry-header .entry-title a:visited{
    color:#444;
    text-decoration:none !important;
    padding: 0px !important;
    margin: 0px !important;
}


.entry-content .eyecache img{
    display: block;
    width: 100% !important;
    height: auto !important;
    margin: 0px !important;
    padding: 0px !important;
}

@media screen and (max-width:500px){
.entry-date a {
font-size:90%;
}
.page-entry .entry-title a , .page-preview .entry-title a{
    line-height: 1.5rem;
    margin-top:0.3rem;
    font-size: 19px !important;
    color:#444 !important;
}
.page-index .entry-date a {
background-color: transparent;
font-size:110%;
margin-left:8px;
color: #8e949a !important;
font-weight: normal !important;
text-decoration: none !important;
}
}

background-color: transparent;
letter-spacing:1.1px;
font-size:120%;
.entry-content .eyecache{
    position:relative;
    padding: 0px;
    margin: 0px;
}
.entry-content .eyecache img{
    display: block;
    width: 100% !important;
    height: auto !important;
    margin: 0px !important;
    padding: 0px !important;
}



p,body,h2,h3,h4,h5,.entry-title.entry-content .blog-title .blog-title a{
font-family: -apple-system,BlinkMacSystemFont,YakuHanJP,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;
    }
    


.sharetxt{
font-family: 'Nunito', sans-serif;
margin-top:0.5em;
color: #bec3ce;
font-weight:normal;
font-size:2rem;
text-align:center;
}

.snsbtn2{
margin-top:1em;
margin-bottom:2em;
text-align:center;
font-weight:normal !important;
font-family: 'Nunito', sans-serif;
clear: both !important;
}
 @media screen and (max-width: 485px) {  
.snsbtn2{
background: #eaedf2;
}
}
.flat_ss { 
    color: #484848;
    display: inline-block;
    height: 50px;
    font-size: 25px;
    line-height: 50px;
    vertical-align: middle;
    background: #eaedf2;
    text-decoration: none;
    border-left: 2px solid  #fff;
    margin: 1em;
    margin-left:1em;
    margin-right:1em;
}

.flat_ss .iconback{
    display: inline-block;
    width: 50px;
    height: 50px;
    text-align: center;
    color: white;
}
.flat_ss .iconback .fa{
    font-size: 25px;
    line-height: 50px;
}
.flat_ss .iconback .fa{
	transition: .3s;
}

.flat_ss .btnttl{
    display: inline-block;
    width: 140px;
    text-align: center;
    vertical-align:middle;
}

.flat_ss .tw {background:#1da1f3}
.flat_ss .fb {background:#3b75d4}
.flat_ss .fdly {background:#7ece46}
.flat_ss .pkt {background:#fd7171}
.flat_ss:hover .iconback .fa{
    -webkit-transform: rotateX(360deg);
    -ms-transform: rotateX(360deg);
    transform: rotateX(360deg);
}



@media screen and (max-width: 485px){ 
.flat_ss .btnttl{
display:none;
}
}



a.entry-see-more {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    color: white　!important;
}

h1,h2,h3,h4,h5 .hatena-module-title, .snip1231, .sectionList, .hatena-module-title, .iline-r, p, a, body {
font-family: 'Montserrat', "Noto Sans Japanese";
}
body {
color:#454545 !important;
}

li.urllist-categories related-entries-categories{
margin-top:1em !important;
}




h3 {
padding-bottom:0.3em;
color: #444;
line-height: 1.5em;
margin-left:0px !important;
padding-left:0.6em;
letter-spacing: 1.6px;
border-bottom: solid 1px #8e949a;
font-weight:300 !important;
}

h3{
margin-top:1em;
margin-bottom:0.7em;
}

h3:first-letter {
font-size: 2.1em;
color: #7d9fe8;
}

@media screen and (min-width: 601px) {
h3 {
font-size: 1.8rem !important;
}
}


@media screen and (max-width: 600px) {
h3 {
font-size : 1.6rem !important;
letter-spacing: 0.08em;
padding:0.2em 0em;
padding-left:0.3em !important;

}
h3:first-letter {
font-size: 1.7em;
}
}　
.authorb {
    border-top: 2px: #5d627b !important;
}


.authorv{
  display: flex;
}

.authorv-img{
width:25% !important;
margin:0;
}

ol{
/* カウンターをリセット */
        counter-reset: li; 
/* デフォルトのスタイルをなくす */
        list-style: none;
/*  IE6/7用のスタイル */
        *list-style: decimal; /
        font: 15px 'trebuchet MS', 'lucida sans';
        padding: 0;
        margin-bottom: 4em;
        text-shadow: 0 1px 0 rgba(255,255,255,.5);
}
ol ol{
        margin: 0 0 0 2em; /* Add some left margin for inner lists */
}
 
.rounded-list a{
        position: relative;
        display: block;
        padding: .4em .4em .4em 2em;
        *padding: .4em;
        margin: .5em 0;
        margin-left:1.2em !important;
        background: #eaedf2;
        color: #444;
        text-decoration: none;
        transition: all .3s ease-out;
}
 
.rounded-list a:hover{
        background: #eaedf2;
}
 
.rounded-list a:hover:before{
    transform: rotate(360deg);
}
 
.rounded-list a:before{
        content: counter(li);
        counter-increment: li;
        position: absolute;
        left: -1.3em;
        top: 50%;
        margin-top: -1.3em;
        background: #7d9fe8;
        height: 2.6em;
        width: 2.6em;
        line-height: 2.5em;
        border: .3em solid #fff;
        text-align: center;
        font-weight: bold;
        border-radius: 2em;
        transition: all .3s ease-out;
}

#blog-title a{
background-image: linear-gradient(120deg, #7d9fe8 0%, #a5c4ff 100%);
-webkit-text-fill-color: transparent; 
-webkit-background-clip: text; 
font-weight:500 ;
}

#bottom-editarea {
background-image: linear-gradient(120deg, #7d9fe8 -10%, #85d2fc 70%) !important;
}
.page-index .entry-categories{
display:none;
}

breadcrumb a {
    padding-left:0px !important;
}

.page-entry .snip1231{
border-bottom:0.1px solid #d7d9dd;
}

.recommends a.recommend-entry2{
position:relative;
border-radius:2px;
    height:200px!important;
    width:19%;
}


.recommend-entry2 .recommend-title{
border-radius:0 0 2px 2px;
    background:rgba(255,255,255,1)!important;
}
.recommend-title{
text-align:center;
}
.recommends{
position:relative;
width:90%;
margin-top:0px !important;
padding:0px 15px 18px 15px;
margin-right:10px !important;
margin-left:0px !important;
margin: auto !important;
}

@media screen and (max-width: 480px){
.recommends {
    overflow-x: scroll !important;
    overflow-y: hidden;
    width: 930px !important;
}
.recommends a.recommend-entry2:nth-of-type(n+3){
      display: block;
}
.recommends a.recommend-entry2:not(:last-of-type){
      margin-right: 1%;
}
.recommends a.recommend-entry2{
    overflow-x: scroll !important;
    overflow-y: hidden;
    height:170px　!important;
    width:180px　!important;
}
}



.page-archive #main {
max-width:900px;
margin:auto;
background: #f4f7fc;
}
.page-archive #content-inner{
background: #f4f7fc !important;
}

.page-archive .categories{
margin-bottom:3px !important;
}
.page-archive #content, #container{
padding-top:0rem!important;
}


.page-archive .entry-thumb {
    width: 150px;
    height: 150px;
    background-size: cover;
}
.page-archive .archive-entry {
　　margin-left:0.8888em !important;
margin-right:0.8888em !important;
    height: 150px;
}

@media (max-width: 420px){
  .archive-entry-header {
    position: absolute;
    top: 10px;
    right: 4%;
    width: 52%;
}
}
@media (max-width: 380px){
  .archive-entry-header {
      position: absolute;
      top: 10px;
      right: 2%;
      width: 52%;
}
}

@media (max-width: 360px) {
    .page-archive .entry-thumb {
        width: 120px;
        height: 120px;
    }
    .page-archive .archive-entry {
        height: 120px;
    }
    .archive-entry-header {
        position: absolute;
        top: 10px;
        right: 4%;
        width: 56%;
    }
    .page-archive .entry-title {
        font-size: .7rem !important;
    }
    .page-archive .categories a {
      font-size: .6rem;
    }
}
@media (max-width: 320px) {
  .page-archive .archive-entry {
      height: 150px;
  }
    .page-archive .entry-thumb {
        width: 120px;
        height: 150px;
    }
    .archive-entry-header {
        position: absolute;
        top: 10px;
        right: 4%;
        width: 52%;
    }
    .entry-title {
        font-size: 1.1rem;
    }
    .page-archive .entry-title {
        font-size: .9rem;
    }
    .page-archive .categories a {
      font-size: .7rem;
    }
    #content {
      padding: 20px 10px;
    }
}

@media (min-width: 768px) {
  .page-archive .archive-entry {
      height: 200px;
  }
    .page-archive .entry-thumb {
        width: 200px;
        height: 200px;
        /* 左上のみ角丸 */
        border-top-left-radius: 6px;
        -webkit-border-top-left-radius: 6px;
        -moz-border-radius-topleft: 6px;
        /* 左下のみ角丸 */
        border-bottom-left-radius: 6px;
        -webkit-border-bottom-left-radius: 6px;
        -moz-border-radius-bottomleft: 6px;
    }
    .page-archive .entry-title {
        font-size: 1.2rem;
    }
    .archive-entry-header {
        position: absolute;
        top: 10px;
        right: 4%;
        width: 52%;
    }
}
@media (min-width: 900px) {
  .archive-entry-header {
      position: absolute;
      top: 10px;
      right: 4%;
      width: 60%;
  }
}
@media (min-width: 1142px) {
.page-archive .date{
padding-bottom:1rem !important;
}
    .page-archive .archive-entry {
        margin-bottom: 3em;
        height: 200px;
    }
    .page-archive .entry-thumb {
        width: 300px;
        height: 200px;
    }
    .archive-entry-header {
        position: absolute;
        top: 10px;
        right: 2%;
        width: 55%;
    }
}
.archive-header-category {
    text-align: center;
}

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



.page-archive .entry-thumb {
    background-size: cover;
    background-position: center center;
}


@media (min-width: 768px) {
    .page-archive .entry-description {
        font-size: .9rem;
    }
}

.page-archive .archive-entry {
    position: relative;
    background-color: #fff;
    border-radius: 6px;
}

.archive-entry-body {
    position: absolute;
    top: 100px;
    width: 48%;
    right: 10px;
    display: none;
}



.archive-entry .categories {
    position: absolute;
    bottom: 0;
    right: 10px;
}



.archive-heading{
margin-top:2em;
width:100%;
font-weight:500;
background-image: linear-gradient(120deg, #7d9fe8 -10%, #8ec5fc 70%) !important;
-webkit-text-fill-color: transparent ; 
-webkit-background-clip: text ; 
position: relative;
letter-spacing:0.2em;
text-align:center !important;
margin-bottom: 1.5em;
font-size:1.8rem;
}
.archive-heading:before {
content: '';
position: absolute;
bottom: -15px;
display: inline-block;
width: 250px;
height: 2.5px;
left: 50%;
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);

background: #56CCF2;  /* fallback for old browsers */
background: linear-gradient(120deg, #7d9fe8 -10%, #8ec5fc 70%) !important;

border-radius: 0px;
}



@media screen and (max-width: 480px) {
.archive-heading{
font-size : 1.6rem !important;
padding-top:0.5rem;
padding-bottom:0.5rem;
}
.archive-heading:before {
bottom: -10px;
}
}




/* </system> */

@media screen and (max-width: 480px) {
.entry-content p { margin-left:10px; margin-right:10px;}
}
@media screen and (max-width: 550px){
.page-index .entry-date a {
    font-size: 100% !important;
}
}
@media screen and (max-width: 485px){
.page-index .entry {
    height: 74vw !important;
    padding: 0vw 0 0 0;
    width: 93% !important;
    margin: auto !important;
    margin-bottom: 2em !important;
}
.page-index #content {
    padding: 10px 5px 10px 5px;
    margin-top:10px !important;
}
#blog-title #title a{font-size:8vw;}
#blog-title #blog-description{font-size:0.2vw;padding-left:10px;padding-right:10px;}

.page-index .entry-inner{width:100%;margin-left:0px;}

.page-index .entry-content{height:47vw;background-size:50vw;}

.page-index .entry-content p:nth-of-type(1){padding:color:#ccc;}
.page-index .entry-content img:nth-of-type(1){position:absolute;top:0;width:100%;height:51vw;margin-right:0px;padding-top:0px;}

.page-index .entry-header{top:47vw;padding-left:2px; padding-right :-5px !important;width:100%;}
.page-index .entry-title{font-size:4.0vw;color:#ddd !important; height:70px;}
.page-index .entry-title .entry-title-link{max-height:40vw; margin-right:10px;}
.page-index .entry-date{ margin-left:2px; margin-top:18vw !important;}


.page-entry .pager{display:-webkit-flex;display:flex;-webkit-flex-direction: column;flex-direction:column;}
.page-entry .pager span{width:90%;margin-bottom:1rem;}

}


.recent-entries {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.recent-entries-item{
  width: 49%;
  border:1px solid #e0e0e0;
  background-color:#fff;
  border-radius:2px;
  margin: 0 0 1em 0;
  padding: 1em;
}
.recent-entries-title{
  font-weight:bold;
  font-size; 120%;
  padding: 0 0 0.5em 0;
}
.recent-entries-entry-body{
  overflow:hidden;
}
@media screen and (max-width: 540px){
.recent-entries-image-link{
  width:100%;
  display:block;
  text-align:center;
}
.recent-entries-title {
    text-decoration: none;
    color: #525252;
    font-size:1rem;
    font-weight: bold;
}
}


@media screen and (max-width:600px){
border-left:1px solid #7d9fe8;}
}
#box2{
margin-bottom:2rem;
}
.homosetu{
font-size:1rem;
text-align:center;
color:444;
padding:4px;
margin:10px auto;
background: #eaedf2;
width:120px;
border-radius:15px;
}
.homononamae{
margin-top:10px;
font-size:1.5rem;
color:#7d9fe8;
text-align:center;
font-weight:bold;
}
.homokusa{
font-size:1rem;
border-radius:12px;
padding 2px;
background:#eaedf3;
margin-top:1em;
margin-bottom:1em;
text-align:center;
}
.hatena-homo{
    border-radius:50%;
}
.homoimg{
    text-align:center;
    display: table-cell;
    vertical-align: middle;
    padding: 0.5em;
    font-size:1rem;
    color: #5d627b;
    background: white;
    border-right:2px solid #eaedf2;
    width:210px;
}
.homoimg p {
    margin: 0; 
    padding: 0;
}   
.homotxt{
    display: table-cell;
    vertical-align: middle;
    width:600px;
    line-height:2.5rem;
    font-size:1.1rem;
    padding:1em;
    color: #5d627b;
    background: white;
    margin:auto;
}
.homotxt p {
    margin: 0; 
    padding: 0;
}
.homobox {
display: flex;
border-radius;15px;
vertical-align: middle;  
margin:2em 1em 2em 1em;
border:solid 2px #daddf1;
}

@media screen and (max-width:700px){
.homobox{
flex-flow: column nowrap;
}
.homotxt{
width:100%;
line-height:1.5rem;
font-size:15px;
padding-top:10px;

}
.homoimg{
width:100%;
border-right:none;
border-bottom:2px dashed #eaedf2;
margin:0;
}
.hatena-homo{
}
.homononamae{
font-size:15px;    
}
}


@media screen and (min-width: 1200px) {
.page-index #main {
width:90% !important;
margin: auto !important;
}
.page-index #container #content {
width: 100%;
}
}

@media screen and (min-width: 1600px) {
.page-index #main {
width:80% !important;
margin: auto !important;
}
}

.page-archive .categories {
    margin-bottom: 10px !important;
}
.recommends a.recommend-entry2{
position:relative;
border-radius:2px;
    height:180px!important;
    width:17%;
}

.page-archive .archive-entry {
    position: relative;
    background-color: #fff;
    border-radius: 6px;
    margin:1em 2em 2em 2em !important;
}
.page-archive .date a{
color: #8e949a;
}

.iine{
    width:55%;
    margin-bottom:1.5em !important;
    display: block;
    position: relative;
    margin: auto !important;
    text-align:center ;
        margin-top:2em !important;
        margin-bottom:3em !important;
    box-shadow:0 2px 4px rgba(0, 0, 0, 0.22);
}
.iine-l{
    height: 300px;
    color: transparent;
    background-size: cover;
    background-position: center center;

}
.iine-r{
    height: auto;
    background: #fff;
    color: #454545;
    padding: 1em 1em;
    font-weight:normal;
}

.iine-icon{
    display: block;
    transition: .3s;
 
    }
.iine-icon :hover{
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
}  
.iine-icon a{
    color: #fff;
        border-radius:10px;
    font-size: 1.7rem;
    display: inline-block;
    margin-right:0.2rem;
    margin-left:0.2rem;
    margin-top:0.9rem;
    margin-bottom:0.9rem;
    padding:0rem 0 0 0;
    height:50px;
    line-height:50px;
    width:50px;
}


.iine-hatenablog{
background-image: linear-gradient(-225deg, #CBBACC 0%, #2580B3 100%);
}
.iine-twitter{
background-image: linear-gradient(120deg, #e0c3fc 0%, #8ec5fc 100%);
}
.iine-feedly{
background-image: linear-gradient(120deg, #84fab0 0%, #8fd3f4 100%);
}
.iine-mail{
background-image: linear-gradient(120deg, #fad0c4 0%, #ff9a9e 100%);
}


.iine-0{
    font-weight:bold;
    margin:0 0 0.5rem 0;
}
.iine-1{
    font-size: 1.8rem;
    font-weight:normal!important;
}
.iine-2{
    font-size: 1.2rem;
}

@media screen and (max-width: 640px){
.iine{
    float:none;
    }
    .iine-r{
    height: auto;
}
    }
@media screen and (max-width: 640px){
.iine{
    display: block !important;
    position: relative !important;
    margin:auto !important;
    width:90%;
     margin-top:2em !important;
        margin-bottom:3em !important;           
}   
.iine-l{
font-size:120%;
    width: 100% !important;
    height: 60vw;
}
.iine-r{
    width: 100% !important;
    min-height: 0;
}
.iine-0{
    font-size: 100%;
}
}

.hatena-homo{
margin-bottom:0px !important;
}

.flwtxt{
    font-weight: bold;
    background:#92bcd5;
    padding:5px 0;
    margin:15px 0px 0;
    margin-top:18px !important;
    margin-left:15px !important;
    text-align:left;
    color:#fff;
}
.sns_follow{
    text-align:left;
    margin:0 0px;
    padding:5px 0;
    margin-top:16px;
    background:#fff;
}
.follow_btn{
    display: inline-block;
    width: 45px;
	  margin:2px;
    height: 45px;
    line-height: 45px;
    font-size: 21px;
	  color:#ffffff;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
    overflow: hidden;
    font-weight: bold;
}
.follow_btn:hover{
    opacity: 0.5; 
}
.sns_follow a{
 color:#fff !important;
}
.follow_btn.fa {line-height:40px}
.follow_btn.flwfb{background:#819DE6;}
.follow_btn.flwtw {background: #8eccf3;}
.follow_btn.flwp7 {background: #EEAC00;}
.follow_btn.flwfd {background: #9FD784;}
.follow_btn.flwhtn {
    background: #5F5F66;
    font-size:17px !important;
}

@media screen and (max-width: 700px){
.sns_follow{
    text-align:center;
    margin:0 0px;
    padding:5px 0;
    margin-top:16px;
    background:#fff;
}
}