@charset "UTF-8";
/*====================================

common base

=================

====================*/


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/*  HTML5 display-role reset for older browsers 
*/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}
html {
  font-size: 62.5%;
}

ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
}
table {
  border-spacing: 0;
}
ul, dl, ol {
  list-style-type: none;
  list-style-position: outside;
}
a:link {
  color: #fff;
  text-decoration: none;
}
a:visited {
  color: #fff;
  text-decoration: none;
}
input:hover,a:hover {
  color: #fff;
  text-decoration: none;
  opacity: 0.8;
  cursor:pointer;
    -webkit-transition: all .6s;
    transition: all .6s;    
}
a:active {
  text-decoration: none;
}
/* clearfix */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix {
  display: inline-table;
  min-height: 1%;/* forIE7 */
}
/* Hides from IE-mac \*/
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}

input::placeholder {
  color: #fff;
}

/* IE */
input:-ms-input-placeholder {
  color:#fff;
}

/* Edge */
input::-ms-input-placeholder {
  color: #fff;
}

:focus {
    outline: none;
}

.entry-content .disnon{
display:none !important;
}

.entry-content strong{
  font-weight:700;
}

.entry-content em{
  font-style:italic;
}

.entry-content ul li{
  line-height:1.4;
  list-style-type:disc;
  list-style-position:inside;
}

.entry-content ol li{
    line-height:1.4;
  list-style-type:decimal;
  list-style-position:inside;
}

blockquote{
  padding-left:15px;
  border-left:5px solid #ccc;
}

.table-of-contents ul ul{
    display: none;
}

/* -------------------------- for pc --------------------------*/
@media screen and (min-width:768px) { 

/*====================================

commmon

=====================================*/

.pcnone{
display:none;
}

body {
  font-size: 1.6rem;
  line-height: 1;
  font-family: 'Noto Sans JP', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
background:url(https://cdn-ak.f.st-hatena.com/images/fotolife/p/pcads_media/20191118/20191118111330.png) no-repeat #150a33;
    background-size:100% auto;
}

/*====================================

header

=====================================*/


#top-editarea{
    width:1200px;
    margin:10px auto;
}

#top-editarea #hdrlink{
    font-size:1.3rem;
    text-align:right;
}

#top-editarea #hdrlink li{
    display:inline-block;
    margin-left:5px;
}

#top-editarea #hdrlink li:not(:first-child ):before{
    display:inline-block;
    content:"";
    width:1px;
    height:12px;
    border-right:1px solid #d1d1d1;
    margin-right:10px;
    position:relative;
    top:2px;
}


#top-editarea #logo{
    color:#fff;
    margin:25px 0 45px 0;
    float:left;
}

#top-editarea #logo img{
    width:177px;
    margin-right:15px;
}

#top-editarea #logo span{
    float:right;
    font-size:10.5px;
    line-height:1.4;
}


#top-editarea #globalitem{
    float:right;
}

#top-editarea #globalnav{
  float:left;
  margin:31px 30px 0;
}

#top-editarea #globalnav li{
    display:inline-block;
    font-size:1.6rem;
    font-weight:700;
    margin-left:5px;    
}

#top-editarea #globalnav li:not(:first-child ):before{
    display:inline-block;
    content:"";
    width:1px;
    height:14px;
    border-right:1px solid #d1d1d1;
    margin-right:10px;
    position:relative;
    top:2px;
}

#top-editarea .search_hdr{
  float:left;
  margin-top:27px;
}

#top-editarea .search_hdr form{
  width:216px;
  border-bottom:1px solid #999;
  padding-bottom:5px;
}

#top-editarea .search_hdr input[type="text"]{
  background:none;
  border:0;
  font-size:12px;
  width:187px;
  margin-right:10px;
  color:#fff;
}

#top-editarea .search_hdr input[type="submit"]{
  width:14px;
  height:14px;
  background:url(https://cdn-ak.f.st-hatena.com/images/fotolife/p/pcads_media/20191108/20191108070342.png) no-repeat;
  border:0;
 background-size:14px 14px;
 text-indent:-999em;
}

#top-editarea .search_hdr input[type="submit"]:hover{
  opacity:0.8;
  cursor:pointer;
}

/*====================================

main

=====================================*/

#content{
    width:1200px;
    margin:0 auto;
    clear:both;
    padding:0 0 50px 0;
}

/* clearfix */
#content:after,#main .hatena-module-body:after,.archive-entries:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#content,#main .hatena-module-body,.archive-entries {
  display: inline-table;
  min-height: 1%;/* forIE7 */
}
/* Hides from IE-mac \*/
* html #content ,*html #main .hatena-module-body,.archive-entries{
  height: 1%;
}
#content ,#main .hatena-module-body,.archive-entries{
  display: block;
}

#main{
    float:left;
    width:860px;
}




/*====================================

pickup

=====================================*/

#main .hatena-module-title a{
  display:none;
}

#header-modules .hatena-module-body{
  background:none !important;
  padding:0 !important;
}

#header-modules .recent-entries-item-inner{
  background:#f2f2f2;
  height:220px;
  width:860px;  
  position:relative;
  z-index:0;
}

#header-modules .hatena-module-body a{
  color:#000;
}



#header-modules .hatena-module-body .body_slick{
  display:table-cell;
  vertical-align:middle;
  padding:10px 30px;
  line-height:1.2;
  font-size:1.3rem;
   box-sizing:border-box;
}

#header-modules .hatena-module-body .recent-entries-categories{
  margin:15px 0 10px 0;
}

#header-modules .hatena-module-body .recent-entries-categories a{
  background:#000;
  padding:2px 6px !important;
  border:0 !important;
  color:#fff;
}

#header-modules .hatena-module .recent-entries-categories a:nth-of-type(n+4){
  display:none;
}

.slick-prev{
  z-index:9999 !important;
}


.slick-prev:before {
  content: "" !important; 
}

.slick-prev:after{
 content:"";
 position:absolute;
 top:-20px;
 left:14px;
background:url(https://cdn-ak.f.st-hatena.com/images/fotolife/p/pcads_media/20190823/20190823130002.png) no-repeat; 
width:20px;
height:40px;
background-size:20px 40px; 
}




.slick-next:before {
  content: "" !important; 
}

.slick-next:after{
 content:"";
 position:absolute;
 top:-20px;
 right:14px;
background:url(https://cdn-ak.f.st-hatena.com/images/fotolife/p/pcads_media/20190823/20190823125944.png) no-repeat; 
width:20px;
height:40px;
background-size:20px 40px; 
}


#header-modules .hatena-module-body .urllist-title-link{
  font-size:2.6rem !important;
  font-weight:700 !important;
  display:block !important;
  margin-bottom:10px !important;
  line-height:1.2 !important;
}


#header-modules .hatena-module-body .recent-entries-image-link{
  width:430px;
  height:220px;
float:right !important;
min-height:auto !important;
}

#header-modules .recent-entries-item:nth-of-type(odd){
  margin-right:0 !important;
}

#header-modules .website_logo {
    position: relative;
    font-size: 0;
}
#header-modules .website_logo img {
    position: absolute;
    left: 324px;
    width: 96px;
    z-index: 1;
    top: 198px;
}

#header-modules .toppage_tech_banner{
  display:none;
}

#main #header-modules .hatena-module-html{
  margin:0 !important;
}


/*====================================

new

=====================================*/

#main .hatena-module-html{
  margin:20px 0 0 0 !important;
}

#main .hatena-module-html .hatena-module-body{
  padding-bottom:0;
}

.hatena-module-html .hatena-module-title{
  color:#fff;
  font-size:2.4rem;
  font-weight:700;
  margin-bottom:25px;
}


#tabmenu{
  width:780px;
}

#tabmenu li{
  width:195px;
  float:left;
  box-sizing:border-box;
  border:0;
}

#tabmenu li a{
  display:block;
  background:#222;
  width:100%;
    box-sizing:border-box;
    color:#fff;
    text-align:center;
    height:36px;
    font-weight:700;
    padding-top:8px;
    border:0;
}

#tabmenu li:nth-of-type(-n+3){
  width:194px;
  margin-right:1px;
}

#tabmenu li a.active{
  background:#fff;
  color:#000;
}


#main .recent-entries-item{
  display:block;
  width:380px;
  margin-bottom:25px;
  float:left;
}

#main .recent-entries-item:nth-of-type(odd){
  margin-right:20px;
}

#main .recent-entries-item .item_thumb{
  display:block;
  float:left;
  margin-right:15px;
}

#main .recent-entries-item .item_thumb img{
width:160px;
 height:100px;
object-fit: cover;
}

#main .recent-entries-item dl{
  float:left;
  width:205px;
}


#main .recent-entries-item dt{
  font-size:1.7rem;
  font-weight:700;
  line-height:1.4;
}

#main .recent-entries-item .item_categories{
  margin:10px 0;
}


#main .recent-entries-item .item_categories a{
  color:#fff;
  border:1px solid #444;
  font-size:1.1rem; 
  padding:2px 4px;
  display:inline-block;
  margin-bottom:5px;
}

#main .recent-entries-item .item_categories a:nth-of-type(n+4){
  display:none;
}


#main .recent-entries-item .item_date{
  color:#999;
  font-size:1.4rem;
}

#main .hatena-module-body{
  background:#000;
  padding:30px 40px;
}


#main .hatena-module-body .recent-entries-see-more-link{
  width:580px;
  display:block;
  height:36px;
  font-size:1.4rem;
  border:1px solid #444;
  clear:both;
  text-align:center;
  box-sizing:border-box;
  padding-top:8px;
  margin:0 auto;
  background:url(https://cdn-ak.f.st-hatena.com/images/fotolife/p/pcads_media/20191112/20191112150850.png) no-repeat 95% 53%;
  background-size:7px 8px;
}

#tabbox2,#tabbox3,#tabbox4{
display:none;
}

/*====================================

event

=====================================*/

#main .hatena-module:nth-of-type(6) .hatena-module-title a{
  display:block !important;
  color:#fff;
  font-size:2.4rem;
  font-weight:700;
  margin:40px 0 25px 0;  
}

#main .hatena-module:nth-of-type(6) .recent-entries-item{
  clear:both;
}


#main .hatena-module .item_event{
  width:780px !important;
  display:table;
}

#main .hatena-module .item_event p,#main .hatena-module .item_event dl{
  display:table-cell;
  color:#fff;
}

#main .hatena-module .item_event p{
  width:160px;
  height:100px;
  vertical-align:top;
  position:relative;
}

#main .hatena-module .item_event p img{
width:160px;
 height:100px;
object-fit: cover;
}


#main .hatena-module p .event_status{
  width:160px;
  height:22px;
  box-sizing:border-box;
  padding-top:3px;
  display:inline-block;
  text-align:center;
  background:#18117a;
  font-size:1.4rem;
  font-weight:700;
  position:absolute;
  top:138px;
  left:0;
}

.status02{
  background:#777012 !important;
}

.status03{
  background:#444444 !important;
}

#main .hatena-module .item_event .event_info01{
  width:486px;
  vertical-align:middle;
  padding:0 15px;
}

#main .hatena-module .item_event .event_info01 dt{
  font-size:1.7rem;
  font-weight:700;
  line-height:1.4;
}

#main .hatena-module .item_event .event_info01 .event_location{
  padding-left:22px;
  background:url(https://cdn-ak.f.st-hatena.com/images/fotolife/p/pcads_media/20191113/20191113153855.png) no-repeat;
  background-size:12px 17px;
  background-position:2px 0;
  font-size:1.3rem;
  line-height:1.5;
}

#main .hatena-module .item_event .event_info01 .event_schedule{
  padding-left:22px;
  background:url(https://cdn-ak.f.st-hatena.com/images/fotolife/p/pcads_media/20200120/20200120141043.png) no-repeat;
  background-size:16px 16px;
  background-position:0 1px;
  font-size:1.3rem;
  line-height:1.5;
  margin-top:10px;
}


#main .hatena-module .item_event .event_info01 .event_cate{
  margin:10px 0 15px 0;
}


#main .hatena-module .item_event .event_info01 .event_cate a{
  color:#fff;
  border:1px solid #444;
  font-size:1.1rem; 
  padding:2px 4px;
}

#main .hatena-module .item_event .event_info01 .event_cate a:nth-of-type(n+4){
  display:none;
}


#main .hatena-module .item_event .event_info02,#main .hatena-module .item_event .event_info03{
  width:103px;
  height:100px;
  padding-top:45px;
  box-sizing:border-box;
  text-align:center;
  line-height:1.6;
}

#main .hatena-module .item_event .event_info02{
  border-left:1px solid #444;
}

#main .hatena-module .item_event .event_info03{
  border-right:1px solid #444;  
}

#main .hatena-module .item_event .event_info02 dt{
  font-size:1.4rem;
  font-weight:700;
}

#main .hatena-module .item_event .event_info02 dd{
  font-size:1.3rem;
}

.event_info02_date,.event_info03_date{
  font-size:1.8rem;
  font-weight:700;
}

.event_info02_hour,.event_info03_hour{
  display:block;
}


/*====================================

tags

=====================================*/

#main .hatena-module:nth-of-type(7).hatena-module-category .hatena-module-title{
    display:block !important;
    color:#fff;
    font-size:2.4rem;
    font-weight:700;
    margin:40px 0 25px 0;  
  }
  
#main .hatena-module:nth-of-type(7).hatena-module-category .hatena-module-body {
    padding-bottom: 15px;
}

#main .hatena-module:nth-of-type(7).hatena-module-category .hatena-urllist li{
    display: inline-block;
    border: 1px solid #fff;
    padding: 5px 10px;
    font-size: 13px;
    margin-bottom: 15px;
    margin-right: 10px;
}
/*====================================

side

=====================================*/

aside{
    width:300px;
    float:right;
    color:#fff;
}

aside #linkban img{
width:100%;
}

aside #linkban{
  margin-bottom:40px;
}

aside #linkban li{
    line-height:0;
    margin-bottom:21px;
}

aside .hatena-module-html .hatena-module-title{
    display:none;
}

aside .hatena-module-entries-access-ranking .hatena-module-body,aside .hatena-module-recent-entries .hatena-module-body{
background:#000;
padding:20px;
}

aside .hatena-module-entries-access-ranking .hatena-module-title,aside .hatena-module-recent-entries .hatena-module-title{
    font-size:1.8rem;
    margin:30px 0 15px 0;
    font-weight:700;
}



aside .hatena-module-entries-access-ranking li a,aside .hatena-module-recent-entries li a{
    font-size:1.4rem;
    line-height:1.4;
    position:relative;
    font-weight:700;
    display:block;
}


.entries-access-ranking-item-inner,aside .recent-entries-item-inner{
  display:table !important;
}

.entries-access-ranking-image-link,aside .recent-entries-image-link{
  display:table-cell !important;
  vertical-align:middle !important;
  width:80px;
  height:50px;
}

.entries-access-ranking-title,aside .recent-entries-title{
    display:table-cell !important;
  vertical-align:middle !important;
  padding-left:10px;
  position:relative;
  bottom:3px;
}


aside .hatena-module-entries-access-ranking li:not(:last-child),aside .hatena-module-recent-entries li:not(:last-child){
    margin-bottom:10px;
}


aside .hatena-module-entries-access-ranking li a:first-child:before{
     content:"1";
    text-align:center;
    background:#444;
    width:16px;
    height:16px;
    color:#fff;
    position:absolute;
    font-size:1.1rem;
    top:-3px;
    left:-3px;
}

aside .hatena-module-entries-access-ranking li:first-child a:first-child:before{
    content:"1";
}

aside .hatena-module-entries-access-ranking li:nth-of-type(2) a:first-child:before{
    content:"2";
}

aside .hatena-module-entries-access-ranking li:nth-of-type(3) a:first-child:before{
    content:"3";
}

aside .hatena-module-entries-access-ranking li:nth-of-type(4) a:first-child:before{
    content:"4";
}

aside .hatena-module-entries-access-ranking li:nth-of-type(5) a:first-child:before{
    content:"5";
}


/*====================================

detail

=====================================*/

.breadcrumb{
  clear:both;
  font-size:1.2rem;
  color:#fff;
  width:1200px;
  margin:0 auto;
}

.entry-content{
  background:#f2f2f2;
  color:#000 !important;
  padding:20px 40px 20px 40px !important;
}

.entry-header{
    background:#f2f2f2;
    padding:20px 40px 20px 40px;
    width:780px;
}

.entry-header a{
  color:#000;
}

.entry-header .entry-title{
    font-size:3.0rem;
    font-weight:700;
    line-height:1.3;
    margin-bottom:20px;
}

.entry-date,.entry-categories{
    float:left;
    margin-bottom:20px;
}

.entry-date{
  width:90px;
}

.entry-categories{
  width:690px;
}

.entry-categories a{
    font-size:1.4rem;
    border:1px solid #444;
    padding:2px 4px;
    margin:0 0 8px 8px;
    display:inline-block;
}

 
.entry-header-menu{
    display:none !important;
} 

.entry-content{
  margin-top:20px;
}

.entry-content a{
  color:#0095d9;
  text-decoration:underline;
}

.table-of-contents{
  width:780px;
  box-sizing:border-box;
  padding:45px 20px 20px 20px;
  border:3px solid #000;
  margin-bottom:40px;
  line-height:1.8;
  position:relative;
  text-align:center;
  font-size:1.6rem;
  font-weight:700;
}


.table-of-contents:after{
  content:"INDEX";
text-align:center;
display:block;
position:absolute;
top:10px;
left:50%;
margin-left:-24px;
}

.table-of-contents li{
  text-align:left;
}


.table-of-contents a{
  color:#000;
  font-size:1.6rem;
  font-weight:700;
  line-height: 1.8;
}

.table-of-contents ul {
    padding-left: 40px;
}

.table-of-contents ul li {
    list-style: none;
}

.table-of-contents ul a {
    font-size: 1.4rem;
    font-weight: normal;
}

.entry-content p{
    font-size:1.6rem;
    line-height:1.7;
    margin-bottom:30px;
}

.entry-content{
    color:#fff;
}

.entry-content h3{
    font-size:2.4rem;
    padding: 0 0 15px 0;
    margin-bottom:15px;
    font-weight:700;
    border-bottom:3px solid #000;
}

.entry-content h4{
    font-size:2.1rem;
    margin-bottom:15px;
    font-weight:700;
    padding:3px 0 3px 8px;
    border-left:3px solid #000;
}

.entry-content h5{
    font-size:1.9rem;
    margin-bottom:15px;
    font-weight:700;
}



.pager{
  display:none;
}


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

.entry-footer-modules .hatena-module-related-entries .hatena-module-title{
  color:#fff;
  font-size:2.4rem;
  font-weight:700;
  margin:40px 0 25px 0; 
  display:block; 
}

.entry-footer-modules .hatena-module-title{
  display:none;
}


.entry-footer-modules .related-entries-item{
  display:block;
  width:380px;
  margin-bottom:20px;
  float:left;
}


.entry-footer-modules .related-entries-item:nth-of-type(odd){
  margin-right:20px;
}

.entry-footer-modules .related-entries-item:nth-of-type(n+3){
  margin-bottom:0;
}


.entry-footer-modules .related-entries-item .related-entries-title{
  font-size:1.7rem;
  font-weight:700;
  line-height:1.4;
}

.entry-footer-modules .related-entries-item .related-entries-categories{
  margin:10px 0;
}


.entry-footer-modules .related-entries-item .related-entries-categories a{
  color:#fff;
  border:1px solid #444;
  font-size:1.1rem; 
  padding:2px 4px;
}

.entry-footer-modules .related-entries-item time{
  color:#999;
  font-size:1.4rem;
}

.no-entry h1{
  font-size:2.4rem;
  font-weight:700;
  padding-top:30px;
  margin-bottom:15px;
}

.entry-content table{
  width:100% !important;
}

.entry-content tr td:first-of-type{
  vertical-align:middle !important;
  text-align:center !important;
  white-space:nowrap;
}

    
#btn_reader p,#btn_reader iframe{
  margin-bottom:10px;
}
 

/*====================================

register

=====================================*/


#main .hatena-module-html:last-child .hatena-module-body{
  background:none !important;
  padding:0 !important;
  height:auto !important;
}

#main .hatena-module-html:last-child .hatena-module-title{
  display:none;
}

.hatena-module-html .wrap_register{
  width:860px;
  height:112px;
  background:url(https://cdn-ak.f.st-hatena.com/images/fotolife/p/pcads_media/20191114/20191114100201.png) no-repeat;
  margin-top:40px;
}


.hatena-module-html .left_register{
  float:left;
}

.hatena-module .wrap_register h3{
  padding:32px 0 0 30px;
  font-size:1.9rem;
  font-weight:700;
}

.hatena-module .wrap_register h3 img{
  width:169px;
  vertical-align:middle;
  padding:0 10px 0 0;
  position:relative;
  bottom:5px;
}

.hatena-module .wrap_register p{
font-size:1.6rem;
padding:10px 0 0 30px;
font-weight:700;
}

.hatena-module-html .right_register{
  float:right;
  width:330px;
  display:block;
  text-align:center;
  margin:20px 30px 0 0;
}

.hatena-module-html .right_register .btn_register{
  width:330px;
  display:block;
  font-size:1.8rem;
  font-weight:700;
  height:48px;
  background:url(https://cdn-ak.f.st-hatena.com/images/fotolife/p/pcads_media/20191114/20191114100214.png) no-repeat #000 92% 50%;
  background-size:8px 7px;
  box-sizing:border-box;
  padding-top:14px;
  margin-bottom:5px;
}

.hatena-module-html .right_register .about_register{
color:#000;
text-decoration:underline;
}



/*====================================

page register

=====================================*/



#page_register{
  width:780px;
  height:118px;
  background:url(https://cdn-ak.f.st-hatena.com/images/fotolife/p/pcads_media/20191114/20191114100201.png) no-repeat;
  margin:40px 0 0 0;
}


#page_register .left_register{
  float:left;
}

#page_register h3{
  padding:32px 0 0 30px;
  margin-bottom:0 !important;
  font-size:1.9rem;
  font-weight:700;
  border:0 !important;
}

#page_register h3 img{
  width:169px;
  vertical-align:middle;
  padding:0 10px 0 0;
  position:relative;
  bottom:5px;
}

#page_register p{
font-size:1.4rem;
padding:10px 0 0 30px;
font-weight:700;
}

#page_register .right_register{
  float:right;
  width:330px;
  display:block;
  text-align:center;
  margin:20px 30px 0 0;
}

#page_register .right_register .btn_register{
  width:330px;
  display:block;
  font-size:1.8rem;
  font-weight:700;
  height:48px;
  background:url(https://cdn-ak.f.st-hatena.com/images/fotolife/p/pcads_media/20191114/20191114100214.png) no-repeat #000 92% 50%;
  background-size:8px 7px;
  box-sizing:border-box;
  padding-top:14px;
  margin-bottom:5px;
}

#page_register .right_register .about_register{
color:#000;
text-decoration:underline;
}

#page_register .right_register a{
  color:#fff;
}

#page_share{
  width:780px;
  clear:both;
  margin-bottom:30px;
}

#page_share a{
  border:1px solid #444;
  width:176px;
  padding-top:8px;
}

#page_share a img{
  height:15px;
  vertical-align:middle;
  margin-right:10px;
  position:relative;
  bottom:2px;
}


/*====================================

entry-ftr

=====================================*/

#entry-ftr{
  background:#000;
  margin-top:40px;
  color:#fff;
  width:860px;
  box-sizing:border-box;
  padding:30px 40px 10px 40px;
}

#entry-ftr .wrap_share{
  background:none !important;
  margin-top:24px !important;
}

#entry-ftr h4{
  font-size:1.6rem;
  font-weight:700;
  float:left;
  margin:1px 15px 0 0;
}

#entry-ftr .wrap_share{
  width:780px;
  clear:both;
  border-top:1px solid #444;
  margin-top:30px;
}

#entry-ftr .wrap_share a{
  color:#fff;
  border:1px solid #444;
  width:166px;
}

/*====================================

share

=====================================*/

.wrap_share{
  background:#fff;
  height:70px;
  box-sizing:border-box;
  text-align:center;
  padding-top:16px;
  width:860px;
}

.wrap_share li{
  display:inline-block;
  margin:0 5px;
}

.wrap_share a{
  color:#000;
  font-size:1.4rem;
  font-weight:700;  
  width:240px;
  display:inline-block;
  height:36px;
  text-align:center;
  border:1px solid #000;
  padding:5px 0 0 0;
  box-sizing:border-box;
}

.wrap_share .share_hatena span:before{
  content:"";
  display:inline-block;
  width:19px;
  height:16px;
    background:url(https://cdn-ak.f.st-hatena.com/images/fotolife/p/pcads_media/20191113/20191113231258.png) no-repeat;
  background-size:19px auto;
  margin-right:10px;
  position:relative;
  top:3px;
}

.wrap_share .share_facebook span:before{
  content:"";
  display:inline-block;
  width:10px;
  height:16px;
    background:url(https://cdn-ak.f.st-hatena.com/images/fotolife/p/pcads_media/20191113/20191113231251.png) no-repeat;
  background-size:10px auto;
  margin-right:10px;
  position:relative;
  top:3px;
}

.wrap_share .share_twitter span:before{
  content:"";
  display:inline-block;
  width:19px;
  height:19px;
    background:url(https://cdn-ak.f.st-hatena.com/images/fotolife/p/pcads_media/20240402/20240402182902.png) no-repeat;
  background-size:19px auto;
  margin-right:10px;
  position:relative;
  top:3px;
}

.wrap_share .share_pocket span:before{
  content:"";
  display:inline-block;
  width:19px;
  height:16px;
    background:url(https://cdn-ak.f.st-hatena.com/images/fotolife/p/pcads_media/20191113/20191113231302.png) no-repeat;
  background-size:18px auto;
  margin-right:10px;
  position:relative;
  top:4px;
}


.customized-header .wrap_share{
  background:none !important;
  width:780px;
  padding:20px;
  margin:30px 0 0 0;
  border-top:1px solid #000;
  clear:both;
}

.customized-header .wrap_share a{
  width:166px;
}

/*====================================

archive

=====================================*/

header.archive-header-category{
  color:#fff;
  margin:30px 0 0 0;
}

header.archive-header-category h2, .archive-heading {
    color:#fff;
  font-size:2.4rem !important;
  font-weight:700;
  display:block;
  margin-bottom:25px !important;
}

.archive-entries{
  background:#000;
  padding:30px 40px 0 40px;
}


.archive-entries .archive-entry{
  display:block;
  width:780px;
  margin-bottom:30px;
  float:left;
}


.archive-entries .archive-entry .entry-title{
  font-size:1.7rem;
  font-weight:700;
  line-height:1.4;
}

.archive-entries .archive-entry .categories{
  margin:10px 0;
}

.archive-entries .archive-entry .categories a{
  color:#fff;
  border:1px solid #444;
  font-size:1.1rem; 
  padding:2px 4px;
}

.archive-entries .archive-entry .archive-date a{
  color:#999;
  font-size:1.4rem;
}

.archive-entries .archive-entry-header{
  float:right;
  width:605px;
}

.entry-thumb-link{
  float:left;
}

.entry-thumb-link .entry-thumb{
  width:160px;
  height:100px;
/*  background-size:160px 100px;　*/
}

.archive-entry-body{
  display:none;
}

/*====================================

search-result

=====================================*/

.search-result form{
  display:none;
}

.search-result{
  margin-bottom:0;
}

.search-result h2{
      color:#fff;
  font-size:2.4rem !important;
  font-weight:700;
  display:block;
  margin-bottom:25px !important;
}


a .highlight{
  background:none !important;
  color:#fff !important;
  padding:0 !important;
}

.search-result + p{
 color:#fff;
}



/*====================================

footer

=====================================*/



#custom_ftr{
    clear:both;
    background:#fff;
    padding:50px 0;
    position:relative;
    margin-top:50px;
}

#custom_ftr .custom_wrapper{
  width:1200px;
  margin:0 auto;
}

#custom_ftr p{
    color:#999;
    font-size:1.4rem;
    float:left;
}

#custom_ftr p img{
        vertical-align:middle;
        margin-right:10px;
}

#custom_ftr a{
    color:#000;
}

#custom_ftr #totop{
    position:absolute;
    right:3%;
    bottom:150px;
}

#custom_ftr #totop a{
    width:40px;
    height:40px;
    display:block;
    background:url(https://cdn-ak.f.st-hatena.com/images/fotolife/p/pcads_media/20190823/20190823144859.png) no-repeat #444;
    background-size:8px 10px;
    background-position:center;
    text-indent:-999em;
}

#custom_ftr nav{
    float:right;
    margin-top:10px;
}

#custom_ftr li{
    display:inline-block;
    margin-left:5px;
    font-size:1.3rem;
}

#custom_ftr li:not(:first-child ):before{
    display:inline-block;
    content:"";
    width:1px;
    height:12px;
    border-right:1px solid #d1d1d1;
    margin-right:10px;
    position:relative;
    top:2px;
}


}

/* -------------------------- for sp --------------------------*/
@media screen and (max-width:767px) { 


/*====================================

commmon

=====================================*/

body {
  font-size: 1.6rem;
  line-height: 1;
  font-family: 'Noto Sans JP', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
background:url(https://cdn-ak.f.st-hatena.com/images/fotolife/p/pcads_media/20191118/20191118134653.png) no-repeat #150a33;
    background-size:contain;
}

.custom_wrapper{
    width:94%;
    margin:0 auto;
}


/*====================================

header

=====================================*/

#globalheader,#blog-title{
    display:none;
}

#top-editarea{
    width:94%;
    margin:20px auto;
}

#top-editarea #hdrlink{
    display:none;
}

#top-editarea #logo{
    color:#fff;
    display:table-cell;
    text-align:center;
}

#top-editarea #logo img{
    display:inline-block; 
    width:30%;
    position:relative;
    top:3px;
}

@media screen and (max-width:360px) {
#top-editarea #logo img{
    width:30% !important;
    left:20px;
}
#top-editarea #logo span{
transform:scale(0.70) !important;    
}
}



#top-editarea #logo span{
  display:inline-block;
    font-size:0.9rem !important;
    line-height:1.2;
    letter-spacing:-0.3px;
    vertical-align:middle;
transform:scale(0.85);
text-align:left;
}



#top-editarea #globalnav{
    float:right;
    margin-top:27px;
    display:none;
}

#top-editarea #globalnav li{
    display:inline-block;
    font-size:1.6rem;
    margin-left:5px;    
}

#top-editarea #globalnav li:not(:first-child ):before{
    display:inline-block;
    content:"";
    width:1px;
    height:14px;
    border-right:1px solid #d1d1d1;
    margin-right:10px;
    position:relative;
    top:2px;
}

.search_hdr{
  position:absolute;
  top:24px;
}


.search_hdr #search_hdr_ico img{
  width:17px;
  height:17px;
}

#search_form_wrap{
  background:#000;
  width:100%;
  height:58px;
  z-index:9998;
  position:fixed;
  left:-1%;
  top:0;
  display:none;
}

#top-editarea .search_hdr form{
  width:83%;
  border-bottom:1px solid #999;
  padding-bottom:8px;
  margin:5px 0 0 13% !important;
  padding-top:15px;
  box-sizing:border-box;
}

#top-editarea .search_hdr input[type="text"]{
  background:none;
  border:0;
  font-size:1.2rem;;
  width:80%;
  margin-right:10px;
  color:#fff;
}

#top-editarea .search_hdr input[type="submit"]{
  width:14px;
  height:14px;
  background:url(https://cdn-ak.f.st-hatena.com/images/fotolife/p/pcads_media/20191108/20191108070342.png) no-repeat;
  border:0;
 background-size:14px 14px;
 text-indent:-999em;
 float:right;
 position:relative;
 top:5px;
}

#top-editarea .search_hdr input[type="submit"]:hover{
  opacity:0.8;
  cursor:pointer;
}

.overlay{
  width:100%;
  height:100%;
  background:rgb(0,0,0,0.8);
  display:block;
  z-index:999;
  position:fixed;
  top:0;
  left:0;
  display:none;
}

.overlay_on{
  display:block;
}

.search_on img{
  position:relative;
  z-index:999;
    display:none;
}

.search_on{
  z-index:99999;
  position:relative;
  width:18px;
  height:18px;
  display:block;
}

.search_on span{
    display: block;
    position: absolute;
    width: 18px;
    border-bottom: solid 1px #fff;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
    left: 0;
    z-index:9999;
}

.search_on span:nth-child(1) {
    top: 8px;
    left: 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
    z-index:9999;    
}
 
.search_on span:nth-child(2),
.search_on span:nth-child(3) {
    top: 8px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index:9999;    
}


/*====================================

main

=====================================*/

#content{
    width:100%;
    margin:0 auto;
    clear:both;
    padding:0 0 50px 0;
}

/* clearfix */
#content:after,#main .hatena-module-body:after,.archive-entries:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#content,#main .hatena-module-body,.archive-entries {
  display: inline-table;
  min-height: 1%;/* forIE7 */
}
/* Hides from IE-mac \*/
* html #content ,*html #main .hatena-module-body,.archive-entries{
  height: 1%;
}
#content ,#main .hatena-module-body,.archive-entries{
  display: block;
}



#main{
    width:100%;
    margin:0 auto;
}

/*====================================

pickup

=====================================*/

.hatena-module-title a{
  display:none;
}

#header-modules .hatena-module-body{
  background:none !important;
  padding:0 !important;
  width:92% !important;
  box-sizing:border-box;
    overflow:hidden !important;
  height:auto !important;
}

#header-modules .recent-entries-item-inner{
  background:#f2f2f2;
  height:auto;
  width:94%;  
  position:relative;
  z-index:0;
  box-sizing:border-box;
  margin:0 auto;
}

#header-modules .hatena-module-body a{
  color:#000;
}

#header-modules .hatena-module-body .recent-entries-image-link img{
  width:100%;
}


#header-modules .hatena-module-body .body_slick{
  line-height:1.2;
  font-size:1rem;
   box-sizing:border-box;
   padding:10px 2%;
}

#header-modules .hatena-module-body .recent-entries-categories a{
  background:#000;
  padding:2px 4px !important;
  border:0 !important;
  font-size:0.9rem !important;
  color:#fff;
}

#header-modules .hatena-module .recent-entries-categories a:nth-of-type(n+4){
  display:none;
}

#header-modules .hatena-module-body .recent-entries-categories{
  margin-bottom:5px !important;
}

.slick-prev{
  z-index:999 !important;
}


.slick-prev:before {
  content: "" !important; 
}

.slick-prev:after{
 content:"";
 position:absolute;
 top:-20px;
 left:25px;
background:url(https://cdn-ak.f.st-hatena.com/images/fotolife/p/pcads_media/20190823/20190823130002.png) no-repeat; 
width:15px;
height:30px;
background-size:15px 30px; 
}


.slick-next:before {
  content: "" !important; 
}

.slick-next:after{
 content:"";
 position:absolute;
 top:-20px;
 right:25px;
background:url(https://cdn-ak.f.st-hatena.com/images/fotolife/p/pcads_media/20190823/20190823125944.png) no-repeat; 
width:15px;
height:30px;
background-size:15px 30px; 
}


#header-modules .hatena-module-body .urllist-title-link{
  font-size:3.733vw !important;
  font-weight:700 !important;
  display:block !important;
  margin-bottom:5px !important;
  line-height:1.4 !important;
}

#header-modules .hatena-module-body .recent-entries-date-link time{
  color:#000 !important;
}


#header-modules .recent-entries-item:nth-of-type(odd){
  margin-right:0 !important;
}



#header-modules .hatena-module-html .hatena-module-body{
  width:84% !important;
  margin:0 8% 20px 8% !important;
  display:block;
  padding:0 !important;
  box-sizing:border-box;
  line-height:0 !important;
  overflow:hidden !important;
  height:auto !important;
}


#header-modules .hatena-module-html a img{
  width:100%;
}
#main #header-modules .hatena-module-html .hatena-module-body {
  overflow: visible !important;
}
#header-modules .website_logo {
    position: relative;
    font-size: 0;
}
#header-modules .website_logo img {
    position: absolute;
    width: 13.86vw;
    top: 7.2vw;
    right: 0;
    /*
    width: 52px;
    top: 27px;
    right: 0px;
    */
    z-index: 1;
}


/*====================================

new

=====================================*/

#main .hatena-module-html{
  margin:10px 0 0 0 !important;
}

#main .hatena-module-html .hatena-module-body{
  padding-bottom:0;
}

.hatena-module-html .hatena-module-title{
  color:#fff;
  font-size:1.8rem;
  font-weight:700;
  margin:0 0 15px 3%;
}


#tabmenu{
  width:100%;
}

#tabmenu li{
  width:23.7% !important;
  float:left;
  box-sizing:border-box;
  border:0;
}

#tabmenu li:nth-of-type(2){
  width:28% !important;
}

@media screen and (max-width:360px) {
#tabmenu li{
  width:22.3% !important;
}
#tabmenu li:nth-of-type(2){
  width:32% !important;
}
}


#tabmenu li a{
  display:block;
  background:#222;
  width:100%;
    box-sizing:border-box;
    color:#fff;
    text-align:center;
    height:28px;
    font-weight:700;
    padding-top:8px;
    border:0;
    font-size:0.9rem;
    letter-spacing:-0.5px;
}

#tabmenu li:nth-of-type(-n+3){
  margin-right:1px;
}

#tabmenu li a.active{
  background:#fff;
  color:#000;
}


#main .recent-entries-item{
  display:block;
  width:100%;
  /* padding-bottom:25px; */
}

#main .item_thumb{
  width:35%;
  display:block;
  float:left;
}

#main .item_thumb img{
  width:100%;
  height:80px;
  object-fit: cover;
}

#main .recent-entries-item dl{
    float:left;
  width:62%;
  margin:0 0 0 3%;
}


#main .recent-entries-item dl dt{
  font-size:1.2rem;
  font-weight:700;
  line-height:1.4;
}

#main .recent-entries-item dl .item_categories{
  margin:8px 0;
}


#main .recent-entries-item dl .item_categories a{
  color:#fff;
  border:1px solid #444;
  font-size:0.7rem; 
  padding:2px 4px;
  display:inline-block;
  margin-bottom:5px;
}


#main .recent-entries-item dl .item_categories a:nth-of-type(n+4){
  display:none;
}

#main .recent-entries-item dl .item_date{
  color:#999;
  font-size:0.9rem;
}

#main .hatena-module-body{
  background:#000;
  padding:20px 2%;
  box-sizing:border-box;
  width:94%;
  margin:0 auto;
}

#main #tabbox1 .hatena-module-body,#main #tabbox2 .hatena-module-body,#main #tabbox3 .hatena-module-body,#main #tabbox4 .hatena-module-body{
  height:auto;
}


#main .hatena-module-body .recent-entries-see-more-link{
  width:80%;
  display:block;
  height:30px;
  font-size:1.1rem;
  border:1px solid #444;
  clear:both;
  text-align:center;
  box-sizing:border-box;
  padding-top:8px;
  margin:0 auto;
  background:url(https://cdn-ak.f.st-hatena.com/images/fotolife/p/pcads_media/20191112/20191112150850.png) no-repeat 95% 53%;
  background-size:7px 8px;
}

#tabbox2,#tabbox3,#tabbox4{
display:none;
}

/*====================================

event

=====================================*/

#main .hatena-module:nth-of-type(6) .hatena-module-title a{
  display:block !important;
  color:#fff;
  font-size:1.8rem;
  font-weight:700;
  margin:30px 0 15px 3%;  
}

#main .hatena-module .item_event{
  clear:both;
  padding-bottom:15px;
  border-bottom:1px solid #444 !important;
}

#main .hatena-module .item_event p,#main .hatena-module .item_event dl{
  color:#fff;
}

#main .hatena-module .item_event p{
  width:35%;
  height:auto;
  position:relative;
  float:left;
}

#main .hatena-module .item_event p img{
width:100%;
  height:80px;
  object-fit: cover;
}


#main .hatena-module p .event_status{
  width:100%;
  height:22px;
  box-sizing:border-box;
  padding-top:3px;
  display:inline-block;
  text-align:center;
  background:#18117a;
  font-size:1rem;
  font-weight:700;
  position:absolute;
  padding-top:8px;
  bottom:-22px;
  left:0;
}

.status02{
  background:#777012 !important;
}

.status03{
  background:#444444 !important;
}

#main .hatena-module .item_event .event_info01{
  float:left;
  width:62%;
  margin:0 0 0 3%;
}

#main .hatena-module .item_event .event_info01 dt{
  font-size:1.2rem;
  font-weight:700;
  line-height:1.4;
}

#main .hatena-module .item_event .event_info01 .event_location{
  padding-left:13px;
  background:url(https://cdn-ak.f.st-hatena.com/images/fotolife/p/pcads_media/20191113/20191113153855.png) no-repeat left 2px;;
  background-size:8px 10px;
  background-position:1px 1px;
  font-size:1rem;
  line-height:1.4;
}

#main .hatena-module .item_event .event_info01 .event_schedule{
  padding-left:13px;
  background:url(https://cdn-ak.f.st-hatena.com/images/fotolife/p/pcads_media/20200120/20200120141043.png) no-repeat left 2px;;
  background-size:9px 9px;
  font-size:1rem;
  line-height:1.4;
  margin-top:7px;
}

#main .hatena-module .item_event .event_info01 .event_cate{
  margin:10px 0;
}


#main .hatena-module .item_event .event_info01 .event_cate a{
  color:#fff;
  border:1px solid #444;
  font-size:0.9rem; 
  padding:2px 4px;
  display:inline-block;
}

#main .hatena-module .item_event .event_info01 .event_cate a:nth-of-type(n+4){
  display:none;
}


#main .hatena-module .item_event .event_info02{
  text-align:center;
  line-height:1.2;
  padding:4px 5px 7px 5px;
  border:1px solid #444;
  float:left;
  width:100%;
  box-sizing:border-box;
  margin:15px 1% 0 1%;
}


#main .hatena-module .item_event .event_info02 dt{
  font-size:1.2rem;
  font-weight:700;
  display:inline-block;
  margin-right:5px;
}

#main .hatena-module .item_event .event_info02 dd{
  font-size:1.1rem;
  display:inline-block;
}

.event_info02_date,.event_info03_date{
  font-size:1.2rem;
  font-weight:700;
}

.event_info02_hour,.event_info03_hour{
  margin-left:5px;
}

.morelink{
  font-size:1.2rem;
  display:block;
  float:right;
  margin-top:10px;
  text-decoration:underline !important;
  padding-right:15px;
  background:url(https://cdn-ak.f.st-hatena.com/images/fotolife/p/pcads_media/20191118/20191118151503.png)no-repeat right 63%;
  background-size:10px 8px;
}

.wrap_event_info{
  clear:both

}

/*====================================

tags

=====================================*/

#main .hatena-module:nth-of-type(7).hatena-module-category .hatena-module-title{
    color:#fff;
    font-size:1.8rem;
    font-weight:700;
    margin:30px 0 15px 3%;
  }
#main .hatena-module:nth-of-type(7).hatena-module-category .hatena-module-body {
    padding-bottom: 10px;
}
#main .hatena-module:nth-of-type(7).hatena-module-category .hatena-urllist li{
    display: inline-block;
    border: 1px solid #fff;
    padding: 5px 10px;
    font-size: 1.1rem;
    margin-bottom: 10px;
    margin-right: 5px;
}


/*====================================

side

=====================================*/

aside{
    width:94%;
    color:#fff;
    margin:0 auto;
    box-sizing:border-box;
}

aside #linkban{
  background:#bfc1c1;
  width:100%;
  margin:30px auto;
  padding:20px 6%;
  box-sizing:border-box;
}

aside #linkban img{
width:100%;
}

aside #linkban li{
    line-height:0;
    margin-bottom:10px;
}

aside #linkban li:last-child{
  margin-bottom:0;
}

aside .hatena-module-html .hatena-module-title{
    display:none;
}

aside .hatena-module-entries-access-ranking .hatena-module-body,aside .hatena-module-recent-entries .hatena-module-body{
background:#000;
padding:20px 2%;
box-sizing:border-box;
width:100%;
margin:0 auto;
}

aside .hatena-module-entries-access-ranking .hatena-module-title,aside .hatena-module-recent-entries .hatena-module-title a{
    font-size:1.8rem;
    margin:30px 0 15px 0;
    font-weight:700;
    color:#fff !important;
    display:block !important;
}

.entries-access-ranking-item-inner,aside .recent-entries-item-inner{
  width:100%;
  display:table;
}

aside .hatena-module-entries-access-ranking li a,aside .hatena-module-recent-entries li a{
    font-size:1.2rem;
    line-height:1.4;
    position:relative;
    font-weight:700;
}


.entries-access-ranking-title,aside .recent-entries-title{
  font-size:1.2rem;
  line-height:1.4;
    display:table-cell;
    vertical-align:middle;
    padding-left:3%;
}

aside .entries-access-ranking-image-link,aside .recent-entries-image-link{
  width:35%;
    display:table-cell;
    vertical-align:middle;

}

aside .entries-access-ranking-image-link img,aside .recent-entries-image-link img{
  width:100% !important;
    display:table-cell;
    vertical-align:middle;
}


aside .hatena-module-entries-access-ranking li:not(:last-child),aside .hatena-module-recent-entries li:not(:last-child){
    margin-bottom:15px;
}

aside .hatena-module-entries-access-ranking li a:first-child:before{
     content:"1";
    text-align:center;
    background:#444;
    width:16px;
    height:16px;
    color:#fff;
    position:absolute;
    font-size:1.1rem;
    top:-3px;
    left:-3px;
}

aside .hatena-module-entries-access-ranking li:first-child a:first-child:before{
    content:"1";
}

aside .hatena-module-entries-access-ranking li:nth-of-type(2) a:first-child:before{
    content:"2";
}

aside .hatena-module-entries-access-ranking li:nth-of-type(3) a:first-child:before{
    content:"3";
}

aside .hatena-module-entries-access-ranking li:nth-of-type(4) a:first-child:before{
    content:"4";
}

aside .hatena-module-entries-access-ranking li:nth-of-type(5) a:first-child:before{
    content:"5";
}

aside .search_side{
  margin-top:30px;
}

aside .search_side h3{
  color:#000;
  font-weight:700;
  font-size:1.4rem;
  margin-bottom:15px;
}

aside .search_side form{
  width:100%;
  background:#fff;
  height:26px;
}

aside .search_side input[type="text"]{
  background:#fff;
  border:0;
  height:26px;
  width:88%;
  box-sizing:border-box;
  padding:5px;
  color:#000;
}

aside .search_side input[type="submit"]{
  background:url(https://cdn-ak.f.st-hatena.com/images/fotolife/p/pcads_media/20191115/20191115105246.png)no-repeat;
  text-indent:-999em;
  width:26px;
  height:26px;
  background-size:26px 26px;
  border:0 !important;
  float:right;
  border-radius:0 !important;
}



/*====================================

detail

=====================================*/

.breadcrumb{
  display:none;
}

.entry-content{
  background:#f2f2f2;
  color:#000 !important;
  padding:20px 3% 20px 2%;
  width:94%;
  margin:20px auto;
  box-sizing:border-box;
}

.entry-content .hatena-fotolife{
    width:100%;
    height:auto;
}

.entry-header{
    background:#f2f2f2;
  padding:10px 2%;
    width:94%;
    box-sizing:border-box;
    margin:0 auto;
    font-size:1.0rem;
}

.entry-header a{
  color:#000;
}

.entry-header .entry-title{
    font-size:1.8rem;
    font-weight:700;
    line-height:1.3;
    margin-bottom:15px;
}

.entry-header .date{
  margin-bottom:15px;
}

.entry-date,.entry-categories{
    display:inline-block;
}

.entry-categories a{
    font-size:0.9rem;
    border:1px solid #444;
    padding:2px 4px;
    margin:0 0 6px 4px;
    display:inline-block;
}

 
.entry-header-menu{
    display:none !important;
} 

.table-of-contents{
  width:100%;
  box-sizing:border-box;
  padding:35px 2% 15px 3%;
  border:2px solid #000;
  margin-bottom:20px;
  line-height:1.3;
  position:relative;
  text-align:center;
  font-size:1.4rem;
  font-weight:700;  
}


.table-of-contents:after{
  content:"INDEX";
text-align:center;
display:block;
position:absolute;
top:10px;
left:50%;
margin-left:-24px;
}

.table-of-contents li{
  text-align:left;
}


.table-of-contents a{
  color:#000;
  font-size:1.4rem;
  font-weight:700;
}

.table-of-contents ul {
    padding-left: 35px;
}

.table-of-contents ul li {
    list-style: none;
}

.table-of-contents ul a {
    font-size: 1.2rem;
    font-weight: normal;
}

.entry-content p{
    font-size:1.3rem;
    line-height:1.7;
    margin-bottom:20px;
}

.entry-content{
    color:#fff;
}

.entry-content a{
    color:#0095d9;
  text-decoration:underline;
}


.entry-content h3{
    font-size:1.6rem;
    padding: 0 0 10px 0;
    margin-bottom:10px;
    font-weight:700;
    border-bottom:2px solid #000;
}

.entry-content h4{
    font-size:1.4rem;
    margin-bottom:10px;
    font-weight:700;
    padding:3px 0 3px 8px;
    border-left:2px solid #000;
}

.entry-content h5{
    font-size:1.3rem;
    margin-bottom:10px;
    font-weight:700;
}

.entry-content h5:before{
  content:"■";
  font-size:0.9rem;
  margin:0 3px 0 0;
  position:relative;
  width:10px;
  height:10px;
  display:inline-block;
transform:scale(0.7);
}

.pager{
  display:none;
}


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

.entry-footer-modules .hatena-module-related-entries .hatena-module-title{
  color:#fff;
  font-size:1.8rem;
  font-weight:700;
  margin:30px 0 15px 3%; 
  display:block; 
}

.entry-footer-modules .hatena-module-title{
  display:none;
}

.related-entries-image{
  width:35% !important;
}

.entry-footer-modules .related-entries-item{
  display:block;
  width:100%;
  margin-bottom:20px;
  float:left;
}


.entry-footer-modules .related-entries-item .related-entries-title{
  font-size:1.2rem;
  font-weight:700;
  line-height:1.4;
}

.entry-footer-modules .related-entries-item .related-entries-categories{
  margin:8px 0;
}


.entry-footer-modules .related-entries-item .related-entries-categories a{
  color:#fff;
  border:1px solid #444;
  font-size:0.9rem;
  display:inline-block;
  padding:2px 4px;
}

.entry-footer-modules .related-entries-item time{
  color:#999;
  font-size:0.9rem;
}

.no-entry h1{
  font-size:1.8rem;
  font-weight:700;
  padding-top:30px;
  margin-bottom:15px;
}

.entry-content table{
  width:100% !important;
  font-size:1.1rem !important;
}

.entry-content td{
  padding:5px !important;
}

.entry-content tr td:first-of-type{
  text-align:center !important;
  vertical-align:middle !important;
  white-space: nowrap;
}

#about_page p{
margin-left:3px;
}

figcaption{
  font-size:1.1rem !important;
}

#btn_reader p,#btn_reader iframe{
  display:inline-block;
  margin-bottom:0;
}

.hatena-star-container{
  margin-top:12px;
}

/*====================================

register

=====================================*/


#main .hatena-module-html:last-child .hatena-module-body{
  background:none !important;
  padding:0 !important;
  height:auto !important;
}

#main .hatena-module-html:last-child .hatena-module-title{
  display:none;
}

.hatena-module-html .wrap_register{
  width:100%;
  background:url(https://cdn-ak.f.st-hatena.com/images/fotolife/p/pcads_media/20191114/20191114100201.png) no-repeat;
  margin-top:30px;
  background-size:cover;
  margin:0 auto;
  padding-bottom:15px;
}


.hatena-module .wrap_register h3{
  padding:15px 0 0 0;
  font-size:1.4rem;
  font-weight:700;
  text-align:center;
}

.hatena-module .wrap_register h3 img{
  width:30%;
  vertical-align:middle;
  padding:0 10px 0 0;
  position:relative;
  bottom:3px;
}

.hatena-module .wrap_register p{
font-size:1.1rem;
padding:10px 0 0 0;
font-weight:700;
text-align:center;
}

.hatena-module-html .right_register{
  display:block;
  text-align:center;
  margin:15px 0 0 0;
}

.hatena-module-html .right_register .btn_register{
  width:80%;
  display:block;
  font-size:1.4rem;
  font-weight:700;
  height:34px;
  background:url(https://cdn-ak.f.st-hatena.com/images/fotolife/p/pcads_media/20191114/20191114100214.png) no-repeat #000 92% 48%;
  background-size:8px 7px;
  box-sizing:border-box;
  padding-top:8px;
  margin:0 auto 5px auto;
}

.hatena-module-html .right_register .about_register{
color:#000;
text-decoration:underline;
font-size:1.2rem;
}


/*====================================

entry-ftr

=====================================*/


#page_register{
  width:100%;
  background:url(https://cdn-ak.f.st-hatena.com/images/fotolife/p/pcads_media/20191114/20191114100201.png) no-repeat;
  margin-top:30px;
  background-size:cover;
  margin:0 auto;
  padding-bottom:15px;
}


#page_register h3{
  padding:15px 0 0 0;
  margin-bottom:0;
  font-size:1.4rem;
  font-weight:700;
  text-align:center;
  border:0;
}

#page_register h3 img{
  width:30%;
  vertical-align:middle;
  padding:0 10px 0 0;
  position:relative;
  bottom:3px;
}

#page_register p{
font-size:1.1rem;
padding:10px 0 0 0;
font-weight:700;
text-align:center;
margin-bottom:0;
}

#page_register .right_register{
  display:block;
  text-align:center;
  margin:15px 0 0 0;
}

#page_register .right_register .btn_register{
  width:80%;
  display:block;
  font-size:1.4rem;
  font-weight:700;
  height:34px;
  background:url(https://cdn-ak.f.st-hatena.com/images/fotolife/p/pcads_media/20191114/20191114100214.png) no-repeat #000 92% 48%;
  background-size:8px 7px;
  box-sizing:border-box;
  padding-top:8px;
  margin:0 auto 5px auto;
}

#page_register a{
  color:#fff;
}

#page_register .right_register .about_register{
color:#000;
text-decoration:underline;
font-size:1.2rem;
}

#page_share li{
  display:inline-block;
  margin:0 1%;
  width:22%;
}

#page_share li img{
  display:none;
}

#page_share li a{
    text-indent:-999em;
}




/*====================================

entry-ftr

=====================================*/

#entry-ftr{
  background:#000;
  color:#fff;
  width:94%;
  box-sizing:border-box;
  padding:20px 2%;
  margin:30px auto;
}

#entry-ftr .wrap_share{
  background:none !important;
  margin-top:24px !important;
}

#entry-ftr h4{
  font-size:1.1rem;
  font-weight:700;
  float:left;
  margin:5px 7px 0 0;
}

#entry-ftr .wrap_share{
  width:100%;
  clear:both;
  border-top:1px solid #444;
  margin-top:15px !important;
  padding-top:10px !important;
}

#entry-ftr .wrap_share a{
  color:#fff;
  border:1px solid #444;
}

/*====================================

share

=====================================*/

.wrap_share{
  background:#fff;
  box-sizing:border-box;
  text-align:center;
  width:100%;
  margin:0 auto;
  padding:10px 0;
}

.wrap_share li{
  display:inline-block;
  margin:0 1%;
  width:18%;
}

.wrap_share a{
  color:#000;
  font-size:1rem;
  font-weight:700;  
  width:100%;
  display:inline-block;
  height:24px;
  text-align:center;
  border:1px solid #000;
  padding:5px 0 0 0;
  box-sizing:border-box;
}

.wrap_share a span{
  display:none;
}

.wrap_share .share_hatena a{
  background:url(https://cdn-ak.f.st-hatena.com/images/fotolife/p/pcads_media/20191113/20191113231258.png) no-repeat center;
  background-size:14px auto;
}

.wrap_share .share_facebook a{
  background:url(https://cdn-ak.f.st-hatena.com/images/fotolife/p/pcads_media/20191113/20191113231251.png) no-repeat center;
  background-size:7px auto;
}

.wrap_share .share_twitter a{
  background:url(https://cdn-ak.f.st-hatena.com/images/fotolife/p/pcads_media/20240402/20240402182902.png) no-repeat center;
  background-size:16px auto;
}

.wrap_share .share_pocket a{
  background:url(https://cdn-ak.f.st-hatena.com/images/fotolife/p/pcads_media/20191113/20191113231302.png) no-repeat center;
  background-size:14px auto;
}


.customized-header .wrap_share{
  background:none !important;
  width:100%;
  padding:10px 0 0 0;
  margin:15px 0;
  border-top:1px solid #000;
}


/*====================================

archive

=====================================*/

.archive-entries{
  background:#000;
  padding:20px 2%;
  width:94%;
  box-sizing:border-box;
  margin:0 auto;
}


.archive-entries .archive-entry{
  display:block;
  width:100%;
  margin-bottom:25px;
}


.archive-entries .archive-entry .entry-title{
  font-size:1.2rem;
  font-weight:700;
  line-height:1.4;
}

.archive-entries .archive-entry .categories{
  margin:8px 0;
}

.archive-entries .archive-entry .categories a{
  color:#fff;
  border:1px solid #444;
  font-size:0.9rem; 
  padding:2px 4px;
  display:inline-block;
}

.archive-entries .archive-entry .archive-date a{
  color:#999;
  font-size:0.9rem;
}

.archive-entries .archive-entry-header{
  float:right;
  width:62%;
}

.entry-thumb-link{
  float:left;
  width:96px;
  height:60px;
}
/*　----------　コメントアウト -----------
.entry-thumb-link .entry-thumb{
  background-size:contain;
  background-position:top left;
}
-------------------------------------　*/　
  /*　-------------　　追加　---------------　*/
    .entry-thumb-link .entry-thumb {
        background-size: cover;
        background-position: 50%;
        width: 120px;
        height: 75px;
    }
    .page-archive .entry-thumb{
        height: 75px;
    }
    /*　---------------　　ここまで　　　-------------　*/


.archive-entry-body{
  display:none;
}

header.archive-header-category{
  color:#fff;
  margin:0 0 0 0;
}

header.archive-header-category h2,.archive-heading{
    color:#fff;
  font-size:1.8rem !important;
  font-weight:700;
  display:block;
  margin:0 0 15px 3%;
}

/*====================================

search-result

=====================================*/

.search-result form{
  display:none;
}

.search-result{
  margin-bottom:0;
}

.search-result h2{
      color:#fff;
  font-size:1.8rem !important;
  font-weight:700;
  display:block;
  margin:0 0 15px 3%;
}


a .highlight{
  background:none !important;
  color:#fff !important;
  padding:0 !important;
}

.search-result + p{
 color:#fff;
 margin-left:3%;
}


/*====================================

footer

=====================================*/



#custom_ftr{
    clear:both;
    background:#fff;
    padding:15px 0 20px 0;
}


#custom_ftr p{
    color:#999;
    font-size:0.9rem;
    text-align:center;
}

#custom_ftr p img{
    width:30%;
        vertical-align:middle;
        margin-right:7px;
}

#custom_ftr a{
    color:#000;
}

#custom_ftr #totop{
  text-indent:-999em;
}

#custom_ftr #totop a{
    width:30px;
    height:30px;
    display:block;
    background:url(https://cdn-ak.f.st-hatena.com/images/fotolife/p/pcads_media/20190823/20190823144859.png) no-repeat #444;
    background-size:8px 10px;
    background-position:center;
    position:fixed;
    right:2%;
    bottom:50px;
}

#custom_ftr nav{
    text-align:center;
    margin-bottom:15px;
}

#custom_ftr li{
    display:inline-block;
    font-size:1rem;
}

#custom_ftr li:not(:first-child):before{
    display:inline-block;
    content:"";
    width:1px;
    height:10px;
    border-right:1px solid #d1d1d1;
    margin-right:5px;
    position:relative;
    top:2px;
}

/*====================================

spmenu

=====================================*/

nav.globalnav_sp {
    position: fixed;
    z-index: 2;
    top: 0;
    right: -35%;
    transition: all 0.6s;
    width: 35%;
    height:100%;
    margin-top:0 !important;
}
 
nav.globalnav_sp ul {
    background: rgb(0,0,0,0.8);
    margin: 0 auto;
    padding: 40px 0 0 0;
    width: 100%;
    height:100%;
}
 
nav.globalnav_sp ul li {
    list-style-type: none;
    width: 100%;
    text-align:left;
    font-weight:700;
}

nav.globalnav_sp a{
    color:#fff !important;
    padding:10px 10px !important;
    display:block;
    font-size:1.0rem;
}

nav.globalnav_sp li:before{
    display:none !important;
}

.navtoggle {
    display: block;
    position: fixed;
    right: 0;
    top: 15px;
    width: 42px;
    height: 51px;
    cursor: pointer;
    z-index: 3;
    text-align: center;
}
 
.navtoggle span {
    display: block;
    position: absolute;
    width: 20px;
    border-bottom: solid 1px #fff;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
    left: 6px;
}
 
.navtoggle span:nth-child(1) {
    top: 11px;
}
 
.navtoggle span:nth-child(2) {
    top: 18px;
}
 
.navtoggle span:nth-child(3) {
    top: 25px;
}

nav.globalnav_sp ul li:last-child {
    padding-bottom: 0;
    border-bottom: none;
}
 
nav.globalnav_sp ul li a {
    display: block;
    color: #000;
    padding: 1em 0;
}
 
nav.globalnav_sp.active {
    right:0;
    top:0;
}

.navtoggle.active span:nth-child(1) {
    top: 18px;
    left: 6px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
 
.navtoggle.active span:nth-child(2),
.navtoggle.active span:nth-child(3) {
    top: 18px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}

}

/* アーカイブページページャー処理 */
.archivepagenation {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .archivepagenation {
    padding: 0 3%;
  }
}
.archivepagenation__list {
  display: flex;
  margin: 20px 0;
}
.archivepagenation__list a {
  display: block;
  width: 150px;
  height: 50px;
  line-height: 50px;
  color: #fff;
  text-align: center;
  font-size: 13px;
  border: 1px solid #444;
}
.archivepagenation__list.is-disabled a {
  pointer-events: none;
  opacity: .4;
}

/* ページ分割処理 */
.entorypagenation {
  display: flex;
  justify-content: center;
}
.entorypagenation__list {
  display: flex;
  margin: 20px 10px;
}
.entorypagenation__list a {
  display: block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  background: #fff;
  color: #000;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
}
.entorypagenation__list.is-current a {
  pointer-events: none;
  opacity: .4;
}

.button1 a{
  display: block;
  padding: 1em 3em;
  width:50%;
  background: #000000;/*ボタン色*/
  color: #ffffff !important;
  border-bottom: solid 4px #000000;
  border-radius: 15px;
  text-decoration: none !important;
  font-size: 120%;
  text-align:center;
}
.button1 a:hover {
    background: #000000;/*ボタン色*/
}
.button1:active {
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  border-bottom: none;/*線を消す*/
}


/* ul 余白調整 */
.entry-content.hatenablog-entry ul{
margin-bottom: 3rem;
}

    /* 20230731 endo修正*/

    @media screen and (min-width: 768px) {
    .entry-content p {
      font-size: 1.6rem;
      line-height: 1.7;
      margin-bottom: 2rem;
    }

    /* h3 */
    .entry-content h3 {
    font-size: 2.6rem;
    padding: 0 0 12px 0;
    margin-bottom: 15px;
    line-height: 1.4;
    font-weight: 700;
    border-bottom: 3px solid #222;
    margin-top: 10rem;
    margin-bottom: 3.5rem;
  }

  /* h4 */
  .entry-content h4 {
    font-size: 2.1rem;
    margin-bottom: 15px;
    font-weight: 700;
    padding: 3px 0 3px 8px;
    border-left: 3px solid #222;
    margin-top: 6rem;
    margin-bottom: 2.8rem;
}

}
.ProfileBlock{
  border-top: 1px solid #d5d5d5;
  padding-top: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid #d5d5d5;
  margin-top: 50px;
  display: flex;
}
.ProfileImg{
  max-width: 150px;
  width: 100%;
  height: 100%;
}
.ProfileTextArea{
  margin-left: 30px;
}

.ProfileName{
  font-size: 2rem !important;
  font-weight: bold;
}

.ProfileTextA{
  color: #8f8d8d;
  font-size: 14px !important;
}

.ProfileTextB{
  font-size: 14px !important;
}
@media screen and (max-width: 767px) {
  .ProfileBlock{
  border-top: 1px solid #D5D5D5;
  padding-top: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid #D5D5D5;
  margin-top: 50px;
  margin-bottom: 50px;
  display: block;
}
.ProfileImg{
  max-width: 150px;
  height: 100%;
  margin: 0 auto 20px;
}
.ProfileTextArea{
  margin-left: 0px;
}
}


.question{
  margin-top: 4rem;
}

.boxA{
  border: 3px solid #d5d5d5;
    padding: 2rem;
    margin-top: 60px;
}

/* タイトル文字色 */
.entry-header a {
    color: #222;
}
.entry-content {
    background: #f2f2f2;
    color: #222 !important;
    padding: 20px 40px 20px 40px !important;
}
.entry-content .h3{
  font-size: 2.1rem;
    margin-bottom: 15px;
    font-weight: 700;
    padding: 3px 0 3px 8px;
    border-left: 3px solid #222;
    margin-top: 6rem;
    margin-bottom: 2.8rem;

}
/* ソースコード埋め込み箇所 */
.entry-content pre.code {
  background-color: #3F3F3F;		
  color: #DCDCDC;
}
.entry-content pre {		
  border: 1px solid #F1F1F1;
  background: #FAFAFA;
  font-size: 90%;
  margin: 0 0 10px;
  padding: 20px;
  white-space: pre;
}

.entry-content.hatenablog-entry ul {
 margin-bottom: 2rem;
}
.entry-content.hatenablog-entry ul ul{
 Margin-left: 2rem;
}
.entry-content.hatenablog-entry ul ul li{
list-style-type: circle;
}

@media screen and (min-width: 768px) {
    .entry-content h2 {
        font-size: 3rem;
        padding: 0 0 12px 0;
        margin-bottom: 15px;
        line-height: 1.4;
        font-weight: 700;
        margin-top: 10rem;
        margin-bottom: 3.5rem;
    }
}
@media screen and (max-width: 767px) {
    .entry-content h2 {
        font-size: 1.8rem;
        padding: 0 0 10px 0;
        margin-bottom: 10px;
        font-weight: 700;
    }
    .mjx-full-width,#MJXc-Node-465,#MJXc-Node-551,#MJXc-Node-619,#MJXc-Node-868,#MJXc-Node-1343,#MJXc-Node-1524,#MathJax-Element-109-Frame,#MJXc-Node-1344,#MJXc-Node-1527{
    font-size:74% !important;
    }
}