@import "https://use.fontawesome.com/releases/v5.13.0/css/all.css";
/****************************************
    はてな風ブログカードスタート
*****************************************/
.blogcard{max-width:680px;height:90px; margin:0 0 20px 5px; background:#fff; border:1px solid #ddd; border-radius:0px; box-shadow: 2px 2px 2px rgba(0,0,0,0.5); transition-duration:0.5s; padding:0px; line-height: 1.1 !important; }
.blogcard:hover{box-shadow: 6px 6px 6px rgba(0,0,0,0.5);transform: translateY(-6px);transition-duration: 0.5s;opacity: .7;}
.blogcard-thumb img {
    position: relative;
    top: -1px;
    left:-1px;
    width: auto;
    height: 91px;
    float: left;

    border-radius: 0px;
    margin-right:10px;
}
.blogcard-title {color:#64b;font-weight:bold;font-size:14px; margin:0 0 10px 5px;}
.blogcard-title a {

    color: #64b!important;
    font-size: 14px;
    text-decoration: none!important;
}
.blogcard-desc{display:none;margin:0 !important; color:#666; font-size:11px;}
.blogcard-footer{border-bottom:1px solid #eee; clear:both; margin:0 0 1px 0; padding:0;}
.blogcard-footer {color:#64b;font-size:11px;margin:2px 0 6px 0 !important;}
.blogcard-footer img{margin:0 5px 0 0px !important; padding:0; border:none; display:inline; vertical-align:middle;}
 /****************************************
    はてな風ブログカード終了
*****************************************/

/*====================================================================
選手検索ツール用
====================================================================*/
.strong-hint {
         background:none!important;
  position: relative;
  padding-left: 35px;
}
.strong-hint:before {
  position: absolute;
  font-family: "Font Awesome 5 Free";
  content: "\f0eb";
  background: #ffca2c;
  color: white;
  font-weight: 900;
  font-size: 15px;
  border-radius: 50%;
  left: 0;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.strong-hint:after {
  /*吹き出しのちょこんと出た部分*/
  content: '';
  display: block;
  position: absolute;
  left: 20px;
  height: 0;
  width: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 12px solid #ffca2c;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

#TbPlayerList th{
line-height:140%;
overflow: hidden; padding: 2px 0px 2px 0px; vertical-align: middle; background-color: #434343; font-size: 6pt; wrap-strategy: 4; white-space: normal; word-wrap: break-word; color: #ffffff; border: 1px solid #000000; text-align: center; text-rotation: 0;

}
#TbPlayerList td{padding:3px 1px ;border-bottom:1px solid #CCC; vertical-align: middle; background-color: #FFFFFF;  font-weight: bold; text-align: center;line-height:150%; font-size: 7pt!important; }

#TbPlayerList .Na{text-align:left!important;font-size: 7pt!important;}

#TbPlayerList .Name{text-align:left;font-size: 7pt!important;}


#TbPlayerList .Ic{
    padding:0px ;
    margin:0px ;
}
.chIcon{
margin:1px;height:50px;background-size:100%;background-repeat:no-repeat;border-radius:5px;
}
.nn{display:none;}
.N{display:none;}
.Ps{width:100%;}
.P{}
.Po{ display:inline-block;
padding:0px  0px; border-radius: 3px;text-align:center !important;
color: #FFF;font-weight:bold;font-size:8pt;
width:30px !important;
}
.IM{color: #e853b0;}
.ST{color: #333333;}
.LG{color: #bf9000;}
.FP{color: #46bdc6;}

.FW{background-color: #cc0000;}
.MF{background-color: #38761d;}
.DF{background-color: #0000ff;}
.GK{background-color: #bf9000;}

#TbPlayerList  .OV{margin-left: 2px; width: 15px; vertical-align: middle;}

.searchcheck {
    max-width: 640px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 11px;
}

ul.ks-cboxtags {
        max-width: 640px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 10px;

    list-style: none;
    padding: 20px;
}
ul.ks-cboxtags li{
  display: inline;
}
ul.ks-cboxtags li label{
    display: inline-block;
    background-color: rgba(255, 255, 255, .9);
    border: 2px solid rgba(139, 139, 139, .3);
    color: #adadad;
    border-radius: 15px;
    white-space: nowrap;
    margin: 2px 0px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    transition: all .2s;
}

ul.ks-cboxtags li label {
    padding: 0px 10px 0px 5px;
    cursor: pointer;
}

ul.ks-cboxtags li label::before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 12px;
    padding: 2px 6px 2px 2px;
    content: "\f067";
    transition: transform .3s ease-in-out;
}

ul.ks-cboxtags li input[type="checkbox"]:checked + label::before {
    content: "\f00c";
    transform: rotate(-360deg);
    transition: transform .3s ease-in-out;
}

ul.ks-cboxtags li input[type="checkbox"]:checked + label {
    border: 2px solid #1bdbf8;
    background-color: #12bbd4;
    color: #fff;
    transition: all .2s;
}

ul.ks-cboxtags li input[type="checkbox"] {
  display: absolute;
}
ul.ks-cboxtags li input[type="checkbox"] {
  position: absolute;
  opacity: 0;
}
ul.ks-cboxtags li input[type="checkbox"]:focus + label {
  border: 2px solid #e9a1ff;
}
.searchSkill p{font-size: 10px; }
/*====================================================================
.s_01 .accordion_one
====================================================================*/
.accordion1,.accordion2,.accordion3,.accordion4,.accordion5,.accordion6,.accordion7  {
  border: 1px solid #ccc;
  border-radius: 3px;
  cursor: pointer;
  display: block;
  padding: 8px;
  text-align: left;
  font-size:10pt;
  background-color:#111;
  font-weight:bold;
  color:#fff;
}

.accordion-content1,.accordion-content2,.accordion-content3 ,.accordion-content5,.accordion-content6,.accordion-content7 {
  display: none;
}
.accordion-content4 {
  display: block;
}
.aa {
      cursor: pointer;
      font-size:9pt;
      margin-left:5px;
    
}
.accordion-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.accordion-nav ul li a {
  border-bottom: dotted 1px #aaa;
  color: #333;
  display: block;
  padding: 8px;
  text-align: center;
  text-decoration: none;
}

.accordion-nav li a {
  border-bottom: dotted 1px #aaa;
  display: block;
  padding: 8px 0;
  text-align: center;
  text-decoration: none;
}

/*====================================================================
ここまで
====================================================================*/


/*========================
　smartphone　bottom menu
　========================*/
.calendar-day a {
    color: #00F;
    text-decoration: underline;
}
.entry_contents strong｛font-weight:bold;｝
.rkt300kA h3{
      font-family: "Noto Sans JP","Lato", "Helvetica Neue", helvetica, arial, sans-serif;
}
@media (max-width: 480px)
.embed-content .entry-title {
    font-size: 17px !important;

}
.adslot_1 { display:inline-block; width: 336px; height: 280px; }
@media (max-width: 400px) { .adslot_1 { display: none; } }
@media (min-width:500px) { .adslot_1 { display:inline-block; width: 336px; height: 280px; } }
@media (min-width:800px) { .adslot_1 { display:inline-block; width: 336px; height: 280px; } }

/*PC表示の際はボトムメニューは表示しない

@media(min-width: 768px){
    .bottom-menu{display:none; }
}
*/
  .bottom-menu{display:none; }
.mini-text{font-size:10px;}/*文字大きさ*/

ul.bottom-menu {
    position: fixed;
    left:0;
    bottom:0;
    width: 100%;
  /*  height:55px;*//*高さ*/
    margin:0;
    /*padding-bottom:10px;*/
    background-color:#f5f5f5;/*背景色*/
    border-top:2px solid #808080;/*バーの上の線*/
    border-bottom:2px solid #808080;/*バーの下の線*/
    z-index:200;
padding-bottom: env(safe-area-inset-bottom);
    /*padding-bottom:10px !important;*/
    }

ul.bottom-menu li {
    float:left;
    width:16.6%;
    background-color:#C3EBEF;/*背景色*/
    list-style-type:none;
    text-align:center;
    font-size:25px;/*アイコンのサイズ*/}

.bottom-menu li a {
    display: block;
    color:#111;/*アイコン＆文字の色*/
    padding-top:10px;
    padding-bottom:5px;
    line-height:10px;
    text-decoration:none;}

.bottom-menu li a:hover {
    color:#a9a9a9;/*マウスオーバー時の色*/}

/* === 展開メニュー === */

ul.menu-second-level {
 display: none;
    opacity: 0;
    z-index:201;
   }

ul.menu-second-level li a{
    border-bottom:1px dashed #a9a9a9;/*展開の枠点線*/
        font-size:15px;/*展開メニューの文字サイズ*/
        line-height:30px;/*文字の縦幅*/
        font-weight:bold;
        }

.menu-second-level li hover {
  display: block;
    height:100%;
    background: lightgrey;/*マウスオーバーの色*/}

li.menu-width-max ul.menu-second-level {
    position: absolute;
    bottom: 42px;/*高さ*/
    left: 0;
    box-sizing: border-box;
    width: 100%;
    padding:0;
        
    }

li.menu-width-max:hover ul.menu-second-level {
   /* bottom: 47px;*//*高さ*/
  display: block;
    opacity: 1;}

li.menu-width-max ul.menu-second-level li {
    float: left;
    width: 100%;
    border: none;}

/*広告用ボタン*/
.adBtn {
    display: block;
    text-decoration: none;
    padding: 1rem 0.5rem;
    border-radius: 4px;
    border: 1px solid #ff8d00;
    font-weight: 700;
    text-align: center;
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 20%);
    background-color: #ff8d00;
    color: #fff;
    position: relative;
    box-sizing: border-box;
    margin:5px;
}
.adBtn {
    color:#FFF !important;
    text-decoration:none !important;
    
    
}
.adBtn::before {
    font-family: blogicon;
    content: "\f009";
    padding-right: 0.5rem;
}

.adBtn {
    width: 80%;
    max-width: 500px;
    height: auto;
    margin: 0 auto 1.5rem;
}
.recommendBox, .careerDetailsBox {
font-family: 'Hiragino Kaku Gothic ProN','Hiragino Sans',Meiryo,sans-serif;
    padding: 0.5rem 1rem 0 1rem;
    border: 2px solid #0097a7;
    border-radius: 4px;
    margin: 0 0 1.5rem 0;
    box-sizing: border-box;
    width: 100%;
    background: #f5fafa;
    line-height: 1.64;
}
.recommendBox__title, .careerDetailsBox__title {
    font-weight: 700;
    color: #0097a7;
    border-bottom: 1px solid #bcc8c9;
    padding-bottom: 0.5rem;
}
.uList li {
    margin: 0.6rem 0 0.6rem 1rem;
    position: relative;
   display: list-item;
    text-align: -webkit-match-parent;
color: #0097a7;
    font-weight: 700;
}
.recommendBox ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}
.recommendBox a{
color:#0000FF;
text-decoration:underline;
font-weight:bold;

}
.uList li::before {
    margin-left: -1rem;
    display: block;
    position: absolute;
  
    color: #0097a7;
    font-size: 0.5rem;
    top: 5px;
    left: 0;
}
.uList {
    list-style: none;
    margin: 0 0 1.5rem;
}

.txtRed {
    color: #e1394d;
    font-weight: 700;
}
.marker {
    font-weight: 700;
    background: linear-gradient(transparent 60%, #edf6b1 60%);
}

/*ひとことボックス*/
.hitokoto{
  background: rgba(215, 253, 205, 0.61);
  margin: 2em 0;
  padding: 25px;
  border-radius: 10px;
    border:1px solid  #73bc9b!important;
}

.hitokoto-circle1{
  font-size: 16px;
  line-height: 1.5;
  position: absolute;
  margin-top: -37px;
  font-weight: bold;
  color: #fff;
  background-color:#4caf50;
  border-radius: 50%;
  text-align: center;
  width: 24px;
  height: 24px;
}

.hitokoto-circle1:after{
  content: "ら";
  position: absolute;
  margin-top: .2em;
  font-weight: bold;
  color: #fff;
  background-color:#4caf50;
  border-radius: 50%;
  text-align: center;
  width: 24px;
  height: 24px;
}

.hitokoto-circle2:before{
  content: "";
  position: absolute;
  top: 100%;
  margin-left: -12px;
  border: 5px solid transparent;
  border-top: 10px solid #4caf50;
  -ms-transform: rotate(-20deg);
  -webkit-transform: rotate(-20deg);
  transform: rotate(-20deg);
}

.hitokoto-circle2{
  position: absolute;
  font-size: 16px;
  line-height: 1.5;
  margin-top: -37px;
  margin-left: 40px;
  font-weight: bold;
  color: #fff;
  background-color:#4caf50;
  border-radius: 50%;
  text-align: center;
  width: 24px;
  height: 24px;
}

.hitokoto-circle2:after{
  content: "じ";
  position: absolute;
  margin-top: .2em;
  font-weight: bold;
  color: #fff;
  background-color:#4caf50;
  border-radius: 50%;
  text-align: center;
  width: 24px;
  height: 24px;
}

.hitokoto p{
  margin: 0;
  padding: 0;
}
/*公式サイトへリンクボックス*/
.title-box2{
   margin: 1em 0;
  padding: 1.5em 1em 1em;
  position: relative;
  border: 1px solid #73bc9b;
  background-color: #F9FDFB!important;
    border-radius: 2px;
}

.title-box2-title{
  font-size:11pt;
  position: absolute;
  top: -0.8em;
  left: 20px;
  font-weight: bold;
  background-color: #73bc9b;
  color: #fff;
  padding: 0 0.5em;
  border-radius: 3px;

}


.title-box2 p{
  margin: 0;
  padding: 0;
}

.title-box2-title:before{
      font-size:10pt;
 margin-right:3px;  
font-family: blogicon;
content: "\f013";
}

.title-box2 a {
    color: #00F;
    text-decoration:underline;
}
/*シンプル囲みボックス*/
 div.pre {
    font-size: 16px;
    padding: 10px;
    background-color: #efefef;
    outline: 1px solid #f0f0f0;
    border-color: #f0f0f0;
    text-align: left;
    margin: 20px 10px;
    margin-bottom: 60px;
    margin-top: 15px;
}

.entry-content h6{
    color:#000 !imortant;
    
}
.entry-content h6::before {
  position: absolute;
  top: 0;
  left: 0;
  
  content: """;
  width: 0px;
  height: 0px;
  line-height: 0px;
  background-color: #3498db;
  border-radius: 100%;
  color: #fff;
  font-size: .9em;
  text-align: center;
}

.btn,
a.btn,
button.btn {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;    
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.2;
  position: relative;
  display: inline-block;
  padding: 1rem 2rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}


a.btn-c {
  font-size: 12pt;

  position: relative;

  padding: 1.5rem 2rem 1.5rem 2rem;

  color: #fff !important;
  border-radius: 100vh;
  background: #34A853;
  -webkit-box-shadow: 0 5px 0 #353A3E;
  box-shadow: 0 5px 0 #353A3E;
}
a.btn-c span {
  color: #fff100;
}

a.btn-c small {
  font-weight: bold;
}

a.btn-c em {
  margin-right: 1rem;
  color:#FFF;
}

a.btn-c:hover {
  -webkit-transform: translate(0, 3px);
  transform: translate(0, 3px);

  color: #fff;
  background: #ee7f8b;
  -webkit-box-shadow: 0 2px 0 #e85163;
  box-shadow: 0 2px 0 #e85163;
}
.gg_responsive_1 { width: 320px; height: 100px; }
@media(min-width: 500px) { .gg_responsive_1 { width: 468px; height: 60px; } }
@media(min-width: 800px) { .gg_responsive_1 { width: 728px; height: 90px; } }
#sideTop #a8_rbr{
margin: 0px !important;
padding: 0px !important;

}
div#a8_rbr {
    margin: 10px 0px 5px 7px;
}
#sideTop a img{
width: 100% !important;

}
.hatena-asin-detail-title a{
color:#00F;
}
/* <system section="theme" selected="17391345971653699552"> */
/*
Theme Name: マテリアルぽっぷ
Theme URI: https://blog.hatena.ne.jp/-/store/theme/17391345971653699552

Author: mamegoro
Author URI: http://blog.hatena.ne.jp/mamegoro/
*/
@charset "UTF-8";
/*@import url(https://kazesawa.github.io/css/webfont.css);*/

/*
  Theme: マテリアルぽっぷ
  Author: mamegoro
  Author URI: https://www.mamegoro.com/
  Version: 1.0.0
  Responsive: yes
  License: GNU General Public License //自由ソフトウェアファウンデーションライセンスhttps://www.gnu.org/philosophy/free-sw.ja.html
  License URI: https://www.gnu.org/licenses/gpl-3.0.html
  Description:
    カード型デザインのブログテンプレートです。
*/

/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
html {
    line-height: 1.15;
    /* 1 */
    -ms-text-size-adjust: 100%;
    /* 2 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
    margin: 0;
    font-family: 'Hiragino Kaku Gothic ProN','Hiragino Sans',Meiryo,sans-serif;
}

/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
    display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main {
    /* 1 */
    display: block;
}

/**
 * Add the correct margin in IE 8.
 */
figure {
    margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    /* 1 */
    height: 0;
    /* 1 */
    overflow: visible;
    /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
    background-color: transparent;
    /* 1 */
    -webkit-text-decoration-skip: objects;
    /* 2 */
}

/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
    border-bottom: none;
    /* 1 */
    text-decoration: underline;
    /* 2 */
    -webkit-text-decoration: underline dotted;
            text-decoration: underline dotted;
    /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
    font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
    font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
    font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */
mark {
    background-color: #ff0;
    color: #000;
}

/**
 * Add the correct font size in all browsers.
 */
small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
    display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
    border-style: none;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
    overflow: hidden;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
      font-family: "Noto Sans JP","Lato", "Helvetica Neue", helvetica, arial, sans-serif;

    /* 1 */
    font-size: 100%;
    /* 1 */
    line-height: 1.15;
    /* 1 */
    margin: 0;
    /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
    /* 1 */
    overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
    /* 1 */
    text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
    /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
    padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    /* 1 */
    color: inherit;
    /* 2 */
    display: table;
    /* 1 */
    max-width: 100%;
    /* 1 */
    padding: 0;
    /* 3 */
    white-space: normal;
    /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
    display: inline-block;
    /* 1 */
    vertical-align: baseline;
    /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
    overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    outline-offset: -2px;
    /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
    -webkit-appearance: button;
    /* 1 */
    font: inherit;
    /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
    display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
    display: list-item;
}

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
    display: inline-block;
}

/**
 * Add the correct display in IE.
 */
template {
    display: none;
}

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
    display: none;
}



/* ===============
  全体設定
=============== */
*,:after,:before {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
  margin: 0;
  padding: 0;
}
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
body {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 1.1px;
    box-sizing: border-box;
  /*    font-family: "Noto Sans JP","Lato", "Helvetica Neue", helvetica, arial, sans-serif;*/
font-family: '"Segoe UI",Meiryo,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;
    color: #3c494a;
    background-color: #f5f5eb;
    line-height:2;
    -webkit-text-size-adjust: 100%;
    word-wrap: break-word;
overflow-x:hidden;
}

a {
  outline:none;
  text-decoration: none;
  color: #33403d;
}
img,a img {
  border: 0;
 /* border-radius: 8px;*/
}
h1, h2, h3, h4, h5, h6 {
      font-family: "Noto Sans JP","Lato", "Helvetica Neue", helvetica, arial, sans-serif;


  line-height: 2;
  margin: 0;
  padding: 0;
}
h1.entry-title {
    padding: 8px 5px !important;
    background-color: #DFDFDF;
}
h1.entry-title a {
  /*  color: #FFFFFF;*/
}



/* ===============
  ブログタイトルエリア
=============== */
#blog-title {
  padding: 60px 0 15px;
  background: #fff;
  box-shadow: 0 3px 3px 0 rgba(0,0,0,0.16);
  position: relative;
}
.header-image-only #blog-title {
  background: #fff !important;
}
#blog-title-inner {
  width: 1170px;
  margin: 0 auto;
  overflow: hidden;
}
@media screen and (max-width: 1200px) {
  #blog-title-inner {
    text-align: center;
    width: 100%;
  }
}
#blog-title #title a {
      font-family: "Noto Sans JP","Lato", "Helvetica Neue", helvetica, arial, sans-serif;

  font-size: 90%;
  color: #4f8299;
  /*  text-shadow:0px 2px 3px rgba(0,0,0,.22); */
}
#blog-description {
  font-size: 70%;
  padding: 10px 0 0 0;
  color: #4f8299;
}
@media screen and (max-width:480px) {
  #blog-description {
    padding: 10px 0px 0px;
  }
}
h1#title {
  font-size: 16pt;
}
#top-editarea {
  width: 100%;
  text-align: center;
  background: #fff;
}
#top-box {
  margin-top: 15px;
}
#top-editarea a:hover {
  text-decoration: underline;
}
.top-menu-bar {
  background: #4f8299;
  color: #fff;
  padding: 5px 0;
  box-shadow: 0 3px 3px 0 rgba(0,0,0,0.16);
}
.top-menu-bar ul li {
  display: inline-block;
}
.top-menu-bar ul li a {
  color: #fff;
  font-size: 11px;
  text-decoration: none;
  padding: 10px 10px;
  overflow: hidden;
  box-sizing: border-box;
}
.header-image-enable #blog-title #title a,
.header-image-enable #blog-title #blog-description {
  text-shadow: none;
  color: #4f8299;
  text-shadow:3px 3px 0 #FFF, -3px -3px 0 #FFF,
              -3px 3px 0 #FFF, 3px -3px 0 #FFF,
              0px 3px 0 #FFF,  0-3px 0 #FFF,
              -3px 0 0 #FFF, 3px 0 0 #FFF;
}


/* ===============
  レイアウト
=============== */
#container {
  width: 100%;
    overflow-x:hidden;
}
#content {
  padding: 20px 0px;
  margin: 0 auto;
  width:1170px;
  overflow:hidden;
}
.page-entry #content {
  padding: 0;
  margin-top: 15px;
}
@media screen and (max-width:1200px) {
  #content {
    max-width:805px;
  }
}
@media screen and (max-width:768px) {
  #content {
    max-width:100%;
  }
}
.page-index .enable-top-editarea .page-archive #content {
  padding: 30px 0 !important;
}
.page-archive #content {
  padding: 20px 10px 30px;
}
#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: 70%;
}
.page-index .enable-top-editarea .page-archive #wrapper,.page-archive #wrapper {
  width: 100%;
}
#main-inner {
  margin-bottom: 45px;
}
.entry-inner {
  background: #fff;
  border-radius: 8px;
  padding: 3px;
  box-shadow: 0 0 4px 0 rgba(0,0,0,.15), 0 3px 4px 0 rgba(0,0,0,.25);
}
.page-index .entry-inner,.page-archive .entry-inner {
  margin-bottom: 30px;
}
.page-index .enable-top-editarea .page-archive #box2,.page-archive #box2 {
  width: 100%;
  margin: 0;
}
#box2 {
  width: 30%;
}

#box2-inner {
  margin-left: 25px;
  margin-bottom: 25px;
}
.page-index .enable-top-editarea .page-archive #box2-inner,.page-archive #box2-inner {
  margin-left: 0px;
}
.archive-entries {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 25px;
  margin-bottom: 30px;
}

@media screen and (max-width:1200px) {
  #wrapper {
    width: 100%;
  }
  #content-inner {
    margin: 0 15px;
  }
  .archive-entries {
    grid-template-columns: repeat(2, 1fr);
  }
  #box2 {
    width: 100%;
  }
  #box2-inner {
    margin-left: 0px;
  }
}
@media screen and (max-width:768px) {
  .archive-entries {
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width:480px) {
  #content-inner {
    margin: 0;
  }
}

/* ===============
  TOPページ・Archivesページ
=============== */
.page-archive .archive-entry {
  position: relative;
  box-shadow: 0 0 4px 0 rgba(0,0,0,.15), 0 3px 4px 0 rgba(0,0,0,.25);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  background: #fff;
}
.page-index .enable-top-editarea .page-archive .archive-entry:hover,.page-archive .archive-entry:hover  {
  transform: translateY(-5px);
  box-shadow: 0 0 3px 0 rgba(0,0,0,.15), 0 2px 3px 0 rgba(0,0,0,.25);
  transition: .3s ease-in-out;
}
.page-archive .entry-thumb {
  position: relative;
  top: 0;
  width: 100%;
  height: 15vw;
}
.page-archive .entry-thumb {
  background: no-repeat center center;
  background-size: cover;
  border-radius: 8px 8px 0 0;
}
@media screen and (max-width:1200px) {
  .page-archive .entry-thumb {
    height: 20vw;
  }
}
@media screen and (max-width:768px) {
  .page-archive .entry-thumb {
    height: 40vw;
  }
}
@media screen and (max-width:480px) {
  .page-archive .entry-thumb {
    height: 50vw;
  }
}
.entry-thumb-link {
  order: 0;
}
.archive-entry-header {
  order: 1;

padding: 0px 0px 5px;
}
.archive-entry-body {
  order: 2;
}
.page-index .enable-top-editarea .page-archive .categories,.page-archive .categories {
  position: absolute;
  bottom: 5px;
  left: 10px;
  z-index: 100;
  background: #4f8299;
  border-radius: 8px;
  padding: 0 10px;
  font-size: 70%;
  font-weight: bold;
display:none;
}

.page-index .enable-top-editarea .page-archive .categories a,.page-archive .categories a {
  color: #fff;
}
.page-index .enable-top-editarea .page-archive .categories a:nth-child(n+2),.page-archive .categories a:nth-child(n+2) {
  display: none;
}
.page-index .enable-top-editarea .page-archive .entry-description,.page-archive .entry-description {
  line-height: 1.1;
  font-size: 80%;
  padding: 0 15px 10px;
  position: relative;
  color: #999;
  display: none;
}
.page-index .enable-top-editarea .page-archive .entry-description:after,.page-archive .entry-description:after {
  content: "";
  bottom: 0;
  left: 0;
  position: absolute;
  width:100%;
  height: 50%;
  background: -webkit-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.6) 15%, rgba(255,255,255,1) 70%, rgba(255,255,255,1));
}
.page-index .enable-top-editarea .page-archive h1.entry-title,.page-archive h1.entry-title {
  font-size: 120%;
  line-height: 1.2;
  overflow: hidden;
  transform: skewX(-10deg);
  padding: 0 5px;
}


.archive-date {
    position: relative;
    top: -210px;
    left: 10px;
    z-index: 1;
    font-size: 75%;
    background-color: #FFFFFF;
    width: 120px;
    padding: 2px 5px 0px 5px;
    opacity: 0.85;
    font-weight: 800;
}
.page-index .enable-top-editarea .page-archive .social-buttons,.page-archive .social-buttons {
  display: none;
}
.page-index .enable-top-editarea .page-archive .pager,.page-archive .pager {
  margin: 0 auto;
  text-align: center;
}
.page-index .pager a,.page-archive .pager a {
  display: block;
  padding: 10px 45px;
  background: #4f8299;
  color: #fff;
  border-radius: 8px;
  box-shadow: 0 0 4px 0 rgba(0,0,0,.15), 0 3px 4px 0 rgba(0,0,0,.25);
}
.page-index .pager a:hover ,.page-archive .pager a:hover  {
  transform: translateY(-5px);
  box-shadow: 0 0 3px 0 rgba(0,0,0,.15), 0 2px 3px 0 rgba(0,0,0,.25);
  transition: .3s ease-in-out;
}
.archive-header-category {
  margin: 0;
}
.archive-heading {
  margin-bottom: 20px !important;
  padding: 10px 0 10px 10px;
  font-size: 20px !important;
  background: #4f8299;
  color: #fff;
  border-radius: 8px;
  box-shadow: 0 0 4px 0 rgba(0,0,0,.15), 0 3px 4px 0 rgba(0,0,0,.25);
  text-align: center;
}


/* ===============
  サイドメニュー
=============== */
.page-index .enable-top-editarea .page-archive #box2-inner,.page-archive #box2-inner {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 25px;
}
#box2-inner {
  grid-template-columns: 1fr;
}
@media screen and (max-width:1200px) {
  #box2 {
    margin:0 15px;
  }
  #box2-inner,.page-index .enable-top-editarea .page-archive #box2-inner,.page-archive #box2-inner {
    grid-template-columns: repeat(2, 1fr);
    display: grid;
    grid-gap: 25px;
  }
}
@media screen and (max-width:768px) {
  #box2-inner,.page-index .enable-top-editarea .page-archive #box2-inner,.page-archive #box2-inner {
    grid-template-columns: 1fr;
  }
}
.hatena-module-title {
  background: #ef7b75;
  color: #fff;
  padding: 10px;
  line-height: 1;
  border-radius: 8px;
/*font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","Hiragino Kaku Gothic ProN",YuGothic,"Yu Gothic",Verdana,Meiryo,sans-serif !important;*/
  box-shadow: 0 0 4px 0 rgba(0,0,0,.15), 0 3px 4px 0 rgba(0,0,0,.25);
  text-align: center;
}
.hatena-module-title a {
  color: #fff;
}
.hatena-module-body {
  padding: 10px 5px 20px;
}
.hatena-module-profile {
  text-align: center;
  margin-bottom: 25px;
  z-index: 0;
  position: relative;
}
.profile-icon-link {
  display: block;
}
.profile-icon {
  border-radius: 50%;
  box-shadow: 0 0 4px 0 rgba(0,0,0,.15), 0 3px 4px 0 rgba(0,0,0,.25);
}
.hatena-module-profile .hatena-module-body {
  background: url(//cdn-ak.f.st-hatena.com/images/fotolife/m/mamegoro/20190612/20190612114443.jpg) no-repeat center;
  position: relative;
  overflow: hidden;
  color: #666;
  padding: 50px 0;
  margin: -5px 5px 0;
  z-index: -99;
  box-shadow: 0 0 4px 0 rgba(0,0,0,.15), 0 3px 4px 0 rgba(0,0,0,.25);
  background-size:cover;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
}
.hatena-module-profile .hatena-module-body a {
  color: #666;
  order: 1;
}
.hatena-module-profile .hatena-module-body:before {
  content: '';
  background: inherit;
  -webkit-filter: blur(7px);
  -moz-filter: blur(7px);
  -o-filter: blur(7px);
  -ms-filter: blur(7px);
  filter: blur(7px);
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  z-index: -1;
}
.hatena-module-profile .hatena-module-body span {
  order: 2;
  line-height: 1.2;
}
.hatena-module-body .hatena-follow-button-box {
  position: relative;
  width: 200px;
  height: 45px;
  margin: 10px auto 5px;
  order: 3;
  z-index: 1;
}
.hatena-module-body .hatena-follow-button {
  border-radius: 20px;
  background: #2884c7 !important;
  color: #fff !important;
  padding: 10px 0;
  float: none;
  font-size: 16px;
  margin: 0 auto;
  display: block;
  width: 200px;
  text-align: center;
  height: auto !important;
  box-shadow: 0 0 4px 0 rgba(0,0,0,.15), 0 3px 4px 0 rgba(0,0,0,.25);
  border: 0 !important;
}
.hatena-module-body .hatena-follow-button.unsubscribing.hover {
  color: #fff !important;
}
.hatena-module-body .hatena-follow-button-box .subscription-count {
  border-radius: 20px;
  display: block;
  float: none;
  white-space: nowrap;
}
.hatena-module-body .hatena-follow-button.subscribing {
  color: #fff !important;
  width: 200px;
}
.hatena-module-body .hatena-follow-button.subscribing.hover {
  width: 200px;
}
.hatena-module-body .hatena-follow-button-box:hover {
  color: #fff !important;
  transform: translateY(-5px);
  transition: .3s ease-in-out;
}
.hatena-module-body .hatena-follow-button-box .subscription-count-box {
  display: block;
  position: absolute;
  top: 11px;
  left: 200px;
}
.profile-activities {
  order: 5;
  margin-top: 10px;
  font-size: 12px;
}
.hatena-module-body .id .hatena-id-link .user-name-nickname {
  display: block;
  font-size: 130%;
      font-family: "Noto Sans JP","Lato", "Helvetica Neue", helvetica, arial, sans-serif;

}
.user-name-paren,.user-name-hatena-id {
  font-size: 12px;
}
.hatena-module-body .id {
  margin-bottom: 10px;
}
.profile-description {
  order: 4;
  padding: 0 15px;
}
.hatena-module-body .hatena-urllist {
  margin: 0;
  padding: 0;
}
.hatena-module-body .urllist-with-thumbnails .urllist-item {
  max-height: 135px;
  overflow: hidden;
  font-size: 80%;
  border-bottom: 1px dotted #aaa;
  padding-top: 7px;
}
.hatena-module-body .urllist-with-thumbnails .urllist-item:last-child {
  border-bottom: none;
}
.hatena-module-links .hatena-module-body ul {
  margin-left: 25px;
}
.hatena-urllist img {
  border-radius: 8px;
  box-shadow: 0 0 4px 0 rgba(0,0,0,.15), 0 3px 4px 0 rgba(0,0,0,.25);
}
a.bookmark-widget-counter img {
  box-shadow: none;
}
.recent-entries-categories {
  display: none;
}
.search-form {
  text-align: center;
}
.search-module-input {
  border-radius: 8px;
  padding: 0 10px;
  border: 1px solid #4f8299;
  margin: 0 5px 0 0;
  color: #4f8299;
  width: 75%;
  height: 45px;
}
.search-module-input::placeholder {
  color: #4f8299;
}
.search-module-button {
  padding: 0 10px;
  margin: 0 0 0 -5px;
  border-radius: 8px;
  border: 1px solid #4f8299;
  background: #4f8299;
  color: #fff;
  width: 20%;
  height: 45px;
}
.related-entries-entry-body {
  display: none;
}
.hatena-module-category .hatena-module-body ul li {
  list-style: none;
  padding: 5px;
  border-bottom: 1px dotted #aaa;
}
.hatena-module-body .hatena-urllist {
  margin: 0 10px 0 25px;
}
.hatena-module-body .urllist-with-thumbnails {
  margin: 0 !important;
}
.archive-date:before,.entry-date:before {
  font-family: blogicon;
  content: "\f043";
}
.authors-urllist li {
  margin: 10px 0;
}


/* ===============
  記事ページ・静的ページ
=============== */
.entry-content a {
  color: #0000FF;
  text-decoration: underline;
}
.entry-content a:hover {
  text-decoration: underline;
}
.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6 {
  color: #4f8299;
  line-height: 1.5;
  margin: 50px 0 10px;
      font-family: "Segoe UI",Meiryo,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;

  display: block;
  padding: 5px 10px;
}

.breadcrumb {
  padding: 0 10px;
  margin: 0 auto;
  width:1170px;
  overflow:hidden;
  line-height: 1.2;
  font-size: 80%;
}
@media screen and (max-width:1200px) {
  .breadcrumb {
    max-width:805px;
  }
}
@media screen and (max-width:768px) {
  .breadcrumb {
    max-width:100%;
  }
}
.page-entry .breadcrumb {
  margin-bottom: 0px;
}


.page-entry .entry-content p {
  margin: 5px;
}
.page-entry .entry-content p img {
  margin: 5px 0px;
}
.entry-footer-section {
  display: none;
}
.page-entry .pager {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 10px;
  margin-top: 15px;
}
.page-entry .pager-next {
  text-align: right;
}
.page-entry .pager-prev a,.page-entry .pager-next a {
  color: #33403d;
  padding: 5px 15px;
  display: block;
  border: 1px solid #4f8299;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 0 4px 0 rgba(0,0,0,.15), 0 3px 4px 0 rgba(0,0,0,.25);
  display: block;
  width: 100%;
}
.page-entry .pager-prev a:hover,.page-entry .pager-next a:hover {
  transform: translateY(-5px);
  box-shadow: 0 0 4px 0 rgba(0,0,0,.15), 0 3px 4px 0 rgba(0,0,0,.25);
  transition: .3s ease-in-out;
  background: #4f8299;
  color: #fff;
  display: block;
}
@media screen and (max-width:768px) {
  .page-entry .pager {
    grid-template-columns: 1fr;
    margin: 15px 10px;
  }
}
.entry-header {
  margin: 0 10px 15px;
}
.entry-header .categories a {
  display: inline-block;
  margin: 10px 0 0;
  padding: 0px 10px;
  font-size: 70%;
  text-decoration: none;
  color: #fff;
  background: #ef7b75;
  border-radius: 8px;
  font-weight: bold;
}
.table-of-contents{
  border:1px solid  #ef7b7590;
  border-bottom: 10px solid  #ef7b75;
  position:relative;
  background: #f5f5f5;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, .15);
  border-radius: 8px;
  margin: 10px 0px !important;
}
.table-of-contents ul {
  margin: 0 !important;
}
.table-of-contents li {
  margin: 15px 15px 15px 45px;;
  font-size: 92%;
  line-height: 1.2;
}
.table-of-contents li a{
  text-decoration:none;
  color: #333;
    /*  font-family: "Noto Sans JP","Lato", "Helvetica Neue", helvetica, arial, sans-serif;*/

}
.table-of-contents li a:hover{
  text-decoration:underline;
}
.table-of-contents li ul li{
  margin: 15px 25px;
}
@media screen and (max-width:768px) {
  .table-of-contents li ul li{
    margin: 15px;
  }
}
.table-of-contents:before {
  display: block;
  padding: 5px 15px;
  content: "\f039"" Contents";
  font-family: blogicon;
  color: #fff;
  background:  #ef7b7590;
  border-bottom: 10px solid  #ef7b75;
  font-weight: 600;
  border-radius: 8px 8px 0 0;
}
.entry-content ul,.entry-content ol {
  margin: 0 15px 0 35px;
}
blockquote {
  background-color: #f5f5f5;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, .15);
  padding: 10px 15px;
  margin: 25px 10px 10px;
  position: relative;
  border-radius: 8px;
  border: 1px solid #b7b7b7;
}
blockquote:before {
  content: '“';
  position: absolute;
  font-size: 30px;
  top: -10px;
  left: -10px;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  background-color: #b7b7b7;
  color: #fff;
  /*    font-family: "Noto Sans JP","Lato", "Helvetica Neue", helvetica, arial, sans-serif;*/

  text-align: center;
  line-height: 1.3;
}
.comment-user-name .comment-user-id .user-name-nickname {
  font-size: 110%;
  display: inline-block;
}
pre {
  color: #000;
  font-size: 12px;
  background-color: #fafafa;
  border: solid 1px #bbbbbb;
  line-height: 120%;
  margin: 10px;
  padding: 10px;
  overflow-x: auto;
  overflow-y: auto;
  border-radius: 8px;
}
pre a {
  color: #000 !important;
}


/* ===============
  フッター
=============== */
.customized-footer {
  margin-top: 15px;
}
#footer,.customize-footer {
  background: #bfbfbf;
  padding: 25px 0;
  text-align: center;
  color: #fff;
  font-size:70%;
}
#footer a {
  color: #fff;
}
.services {
  margin: 0 auto;
}

/* ===============
  SNSリンクやボタンの設定など
=============== */

@media screen and (max-width: 1200px){
  .top-sns-button {
    display: none;
  }
}
.button{
  background-image: -webkit-linear-gradient(top, #f4f1ee, #fff);
  background-image: linear-gradient(top, #f4f1ee, #fff);
  border-radius: 50%;
  height: 60px;
  margin: 0 5px 0 0;
  position: relative;
  width: 60px;  
  -webkit-transition: all .1s linear;
  transition: all .1s linear;
  border: 4px solid #e1e2e3;
  box-shadow: 0px -1px 3px 0px #a3a3a3 inset;
  display: inline-block;
}
.button:after{
  color:#BEBEBE;
  content: "";
  display: block;
  font-size: 30px;
  height: 30px;
  text-decoration: none;
  text-shadow: 0px -1px 1px #bdb5b4, 1px 1px 1px white;
  position: absolute;
  width: 30px;
}
.side-sns-button .button {
  margin: 10px 0 0 0 !important;
}
.button:hover{
  background-image: linear-gradient(top, #fff, #f4f1ee);
}

.google-auto-placed {
  margin-right: -10px;
}


/****************************************************************************************/

#blog-title #title a,#blog-description,.search-module-input,.search-module-input::placeholder,.entry-content h3,.entry-content h4{
 color: #000000 !important;
}

.entry-content{
  -webkit-overflow-scrolling: touch;
  overflow: visible;
}
.page-archive .entry-thumb {
  border-radius:5px;
  background-size: contain;


}
.page-archive .entry-thumb-link{

padding:10px;

}

.page-archive h1.entry-title {
    min-height: 80px !important;
    max-height: 80px !important;
}


h1.entry-title {

    transform: skewX(0);
}
.page-index .enable-top-editarea .page-archive h1.entry-title, .page-archive h1.entry-title {
    font-size: 100%;
    line-height: 1.2;
    font-style: normal;
    max-height: 45px;
    overflow: hidden;
    transform: skewX(0deg);
    padding: 0 5px;
}

#container{
background-color:#eee;
}
a.test-pager-prev {
    margin-bottom: 5px;
}

.hatena-module-body .urllist-with-thumbnails .urllist-item {
    max-height: 135px;
    overflow: hidden;
    font-size: 80%;
    border-bottom: 1px solid #000;
    padding: 7px 0px;
}

.adsbygoogle{

margin-bottom:10px !important;
vertical-align:middle !important;
text-align:center !important;
}
.adsbygoogle  iframe{
padding-bottom:6px !important;

text-align:center !important;

}

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

#pageTop i {
  padding-top: 0px
}


#pageTop a {
  display: block;
  z-index: 999;
  padding: 8px 0 0 0px;
  border-radius: 30px;
  width: 50px;
  height: 50px;
  background-color: #9FD6D2;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}

 

#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}
/*endページトップへ*/

/*続きを読むボタン*/
.entry-see-more {
display:block; /*ブロック要素を使用*/
width:40%; /*ボタン横幅*/
margin: 0 auto; /*ボタン中央に配置*/
text-align:center; /*文字を中央に*/
font-size:16px; /*文字の大きさ*/
font-weight:700; /*文字の太さ*/
text-decoration:none !important; /*文字下線なし*/
padding:7px 10px; /*文字周り余白*/
border-radius:4px; /*ボタン角の丸み*/
color:#000 !important; /*ボタンの文字色 */
background:#CCC; /*ボタンの背景色 */
transition:all 0.2s; /*色が変わる時間（秒）*/
border:1px #000 solid;
}


.page-index .entry-footer {
display: none;
}

/*最新記事もっと見るボタン*/

.urllist-see-more a {
display:block; /*ブロック要素を使用*/
width:50%; /*ボタン横幅*/
margin: 0 auto; /*ボタン中央に配置*/
text-align:center; /*文字を中央に*/
font-size:16px; /*文字の大きさ*/
font-weight:700; /*文字の太さ*/
text-decoration:none; /*文字下線なし*/
padding:7px 10px; /*文字周り余白*/
border-radius:4px; /*ボタン角の丸み*/
color:#fff; /*ボタンの文字色 */
background:#434da2; /*ボタンの背景色 */
transition:all 0.2s; /*色が変わる時間（秒）*/
}

.urllist-see-more a:hover {color:#fff; /*マウスオーバー時の文字色 */
background:#434da2; /*マウスオーバー時のボタンの背景色 */
opacity: 0.8; /*透明度*/
}

/*もっと見るボタンココまで*/
/*1つ1つの関連記事ボックス*/
li.urllist-item.related-entries-item {
    border-bottom: dashed 2px #e2e2e2;
    padding: 10px 0;
}

/*関連記事の画像まわり余白調整*/
.urllist-with-thumbnails li .urllist-image {
    margin: 0 10px 0 0;
}

/*関連記事のタイトル*/
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;
}



html:before,
html:after,
body:before,
body:after {
  content: "";
  background: #000;
  position: fixed;
  display: block;
  z-index: 1;
}

/* 上 */
html:before {
  height: 2px; 
  width: 100vw;
  left: 0;
  top: 0;
}

/* 右 */
html:after {
  width: 1px;
  height: 100vh;
  right: 0;
  top: 0;
}

/* 下 */
body:before {
  height: 2px;
  width: 100vw;
  bottom: 0;
  left: 0;
}

/* 左 */
body:after {
  width: 1px;
  height: 100vh;
  top: 0;
  left: 0;
}
#blog-description {
font-size:11pt !important;
    line-height: 120%;
}
/*一覧画面アイキャッチ*/
.page-archive .entry-thumb {
//background-color:#000;
width: 100%;	
height: 200px;/*任意の画像の高さ*/	}

div.hatena-iframe-container:last-child:not([id="hatena-diary-edit-in-place"]) {
    width: 800px !important;
}

.tableAB td{border:0px #FFF;}

#box2-inner a{font-size:11pt; font-weight:bold;}

.scroll-table ,.tableSC {

  width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

#title a {

  padding: 0 0 0px 5px;
   background-repeat: no-repeat;
  background-position: 0 5px;
  background-size:30px;
  font-size:18pt !important; 

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

.entry-title-link{font-size:14pt !important;  }
.entry-title {font-size:14pt !important;  }

 }

.top-menu-bar,.page-index .enable-top-editarea .page-archive .categories,.page-archive .categories,.page-index .enable-top-editarea .page-archive .pager a,.page-archive .pager a,.archive-heading,.search-module-button,.leave-comment-title,.page-entry .pager-prev a:hover,.page-entry .pager-next a:hover {
 background: #000000 !important;
}


.search-module-input,.search-module-button,.leave-comment-title,.page-entry .pager-prev a,.page-entry .pager-next a {
 border: 1px solid #000000 !important;
}
body  {
/*  overflow: auto;*/
  overflow-x:hidden !important;
}
.entry-content a  {
text-decoration: underline;
font-weight:bold;
}
.entry-content {
font-size: 14px !important;
}

 h5 {
  position: relative;
  padding-left: 25px !important;
  color:#000000 !important;
}

h5:before {
  position: absolute;
  content: '';
  bottom: -3px;
  left: 0;
  width: 0;
  height: 0;
  border: none;
  border-left: solid 15px transparent;
  border-bottom: solid 15px #3498db;
}
h5:after {
  position: absolute;
  content: '';
  bottom: -3px;
  left: 10px;
  width: 100%;
  border-bottom: solid 3px #3498db;
}


.entry-content  h2{
  position: relative;
  padding: .75em 1em .75em 1.5em;
  border: 1px solid #ccc;
  color:#000;
}
 .entry-content h2::after{
  position: absolute;
  top: .5em;
  left: .5em;
  content: '';
  width: 6px;
  height: -webkit-calc(100% - 1em);
  height: calc(100% - 1em);
  background-color: #3498db;
  border-radius: 4px;
}

.entry-content h3  {
 padding: 1rem 2rem;
  color: #fff !important;
  background: #0000FE;
  -webkit-box-shadow: 5px 5px 0 #000096;
  box-shadow: 5px 5px 0 #000096;
  margin-right:5px;
}



.entry-content h3{
  counter-reset: titleNum;

}

.entry-content h4 {
  position: relative;
  padding: 0 0 .5em 2.5em;

  border-bottom: solid 3px #3498db;
  color:#000;
}
.entry-content h4::before {
  position: absolute;
    top: -2px;
    left: 0px;
  counter-increment: titleNum;
  content: counter(titleNum);
  width: 28px;
  height: 28px;
  line-height: 28px;
  background-color: #3498db;
  border-radius: 100%;
  color: #fff;
  font-size: .9em;
  text-align: center;
}

.hatena-module-title,.comment-box:after,.entry-header .categories a {
 background: #000000 !important;
}
.table-of-contents {
 border:1px solid #000000 !important;
 border-bottom: 10px solid #000000 !important;
}
.table-of-contents:before {
 border-bottom: 10px solid #000000 !important;
 background: #000000 !important;
}



.global-menu-list li {
  width: 16.6%;
}
.global-menu-list i {
   margin-right:2px;
}
a.urllist-title-link.recent-entries-title-link.urllist-title.recent-entries-title {
    font-size: 1em;
}

a.urllist-title-link.entries-access-ranking-title-link.urllist-title.entries-access-ranking-title {
    font-size: 1em;
}
.table-of-contents{
background-color:#fff !important;
}


.table-of-contents  li{
    list-style-type: square !important;
}
.table-of-contents  ul{
    list-style-type: decimal !important;
}
ul.table-of-contents:before {
 
 content: '■　目次'; /* 表示名を変えたければここを変更 */
    padding: 10px 0px 0px 15px;
    
}

@-webkit-keyframes circle {
	50% {
		opacity: 1;
	}
	100% {
		width: 300px;
		height: 300px;
	}
}
@keyframes circle {
	50% {
		opacity: 1;
	}
	100% {
		width: 300px;
		height: 300px;
	}
}

.sns-pocket {
	color: #fff;
	background: #EE4256;
}
.fa-twitter, .blogicon-facebook, .blogicon-bookmark, .blogicon-chevron-down, .fa-facebook-official {
	margin-right: 5px;
}
.share-text {
	padding-left: 4px;
}
@media only screen and (max-width: 767px) {
	.share-text, .sns-txt {
		display: none;
	}
	.blogicon-twitter, .blogicon-bookmark, .fa-google-plus, .blogicon-chevron-down, .fa-facebook-official {
		margin-right: 0;
	}
}


/*蛍光ペン*/
.entry-content strong
{
background-color: #ffffaf !important;
 /*   background: linear-gradient(transparent 65%, #ffdc00 65%);*/
    font-weight: bold;

}

.entry-content em
{
    
  font-style: normal;
  color: #000;
  font-weight: bold;

}






/* 関連記事を記事下よりも下に */
.customized-footer {
  display: flex !important;
  display: -webkit-flex !important;
  flex-wrap: wrap !important;
  -webkit-flex-wrap: wrap !important;
}
.entry-footer-modules {
  -webkit-order:2 !important;
  order:2 !important;
  width: 100% !important;
  /*font-weight:bold;*/
  color:#0000FF;
}
.entry-footer-html {
  -webkit-order:1 !important;
  order:1 !important;
  width: 100% !important;
}
/* 関連記事を記事下よりも下に */






/***************************************************************/

/* 選手能力値用 */
table#tableAB {
  border: 0;
}
#tableAB td{

   padding: 5px;        /* セル内側の余白 */
   margin:3px;
}

#tableAB tr:nth-child(odd) td {
    background-color: #f8f8f8;   /* 奇数行の背景色 */
}
#tableAB tr:nth-child(even) td {
    background-color: #fffffF;   /* 偶数行の背景色 */
}
/* end選手能力値用 */
.box26 {
width:98%;
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #4F93FF;
    border-radius: 8px;
}
.box26 .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 16px;
    background: #FFF;
    color: #4F93FF;
    font-weight: bold;
}
.box26 p {
    margin: 0; 
    padding: 0;
}

.box27 {
width:98%;
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #FF66C5;
    border-radius: 8px;
}
.box27 .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 16px;
    background: #FFF;
    color: #FF66C5;
    font-weight: bold;
}
.box27 p {
    margin: 0; 
    padding: 0;
}
/********吹き出し*********/
.balloon5 {
  width: 100%;
  margin: 1.5em 0;
  overflow: hidden;
}

.balloon5 .faceicon {
  float: left;
  margin-right: -90px;
  width: 75px;
}
.balloon5 .faceicon{
content: url("https://cdn.profile-image.st-hatena.com/users/kenbiz/profile.png?1538881468");
  border: solid 3px #d7ebfe;
  border-radius: 50%;
}
.balloon5 .faceicon img{
  width: 100%;
  height: auto;
  border: solid 3px #d7ebfe;
  border-radius: 50%;
}

.balloon5 .chatting {
  width: 100%;
}

.says {
font-size: 14px !important;
font-weight:bold;
  display: inline-block;
  position: relative; 
  margin: 5px 0 0 90px;
  padding: 17px 13px;
  border-radius: 12px;
  background: #d7ebfe;
}

.says:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 18px; 
  left: -24px;
  border: 12px solid transparent;
  border-right: 12px solid #d7ebfe;
}

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

/*****画像の上に文字****************************/
.relative {
    position: relative;

    width: 90%;
}
.absolute {
    position: absolute;
    bottom: 80px;
    color: #fff;
    background: rgba(0,0,0,.6);
    width: 100%;
    padding: 1em 0;
}
@media (min-width: 1200px) {/* 1200px以上*/
.absolute p {
    margin: 0;
    padding: 0 0.8em;
    font-size: 150%;
    text-align: center;
}
}
@media screen and (max-width: 640px) {/* 640px以下*/
.absolute  {
display:none;
}
}




/*トップ3カラム*/
.page-index .enable-top-editarea .page-archive #wrapper, .page-archive #wrapper {
 width: 70%;
}
.page-index .enable-top-editarea .page-archive #box2, .page-archive #box2 {
 width: 30%;
}
.page-index .enable-top-editarea .page-archive #box2-inner,.page-archive #box2-inner {
 grid-template-columns: 1fr;
 margin-left: 25px;
}
.archive-entries {
 grid-template-columns: repeat(2, 1fr);
}
@media screen and (max-width: 1200px){
.page-index .enable-top-editarea .page-archive #wrapper, .page-archive #wrapper {
 width: 100%;
}
#box2 {
 width: 100% !important;
 margin: 0 !important;
}
#box2-inner, .page-index .enable-top-editarea .page-archive #box2-inner, .page-archive #box2-inner {
 grid-template-columns: repeat(2, 1fr) !important;
 display: grid !important;
 grid-gap: 25px !important;
 margin: 0 !important;
}
}
@media screen and (max-width: 768px){

#box2-inner, .page-index .enable-top-editarea .page-archive #box2-inner, .page-archive #box2-inner {
 grid-template-columns: 1fr !important;
}
.archive-entries {
 grid-template-columns: 1fr !important;
}
}
/*トップ3カラムend*/


@media only screen and (max-device-width: 480px) {
	/* スマホ用のCSS */
	.adHidden{display:none;}
	table td{      font-family: "Noto Sans JP","Lato", "Helvetica Neue", helvetica, arial, sans-serif;
}

}


/* おすすめ関連記事2列 */
/*.related-entries li {
  float: left;
  text-align: left;
  width: 50%;
  height: 150px;
  padding: 4px 0;
  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;
}
}

.related-entries-item:nth-of-type(5){
  display: none;
}
*/

*1つ1つの関連記事ボックス*/

li.urllist-item.related-entries-item {

    border-bottom: solid 2px #ececec;

    margin: 0;

    padding: 10px 0;

}

 

/*関連記事の画像まわり余白調整*/

.urllist-with-thumbnails li .urllist-image {

    margin: 0 10px 0 0;

}

 

/*関連記事のタイトル*/

a.urllist-title-link.related-entries-title-link.urllist-title.related-entries-title {

    text-decoration: none;

    color: #000000;

    font-weight: bold;

    font-size: 120%;

}

 

/*関連記事のタイトル*/

a.urllist-title-link.related-entries-title-link.urllist-title.related-entries-title:hover {

    color: silver;

}
/*国旗*/
            .flag-icon { font-size: 15px;margin-right:2px; }
  .cunt-flag {border-radius: 0px; width: 22px; height: 16px; vertical-align: middle; margin-right: 3px; padding-bottom: 2px;}
  
            .club-enburem{
            margin-bottom:2px;width:18px;vertical-align:middle;
            margin-right:2px;
            }
            
            

      
 .prof-sns {
    font-weight:bold;
font-size:18pt;
    padding-top:5px;
    text-align:center;
    background-color:#c1e1f4; /*好きな色を適用させてください*/
    color:#2a527c;
}


.urllist-title-link {
    font-size: 10pt !important;
    line-height: 100%;
    font-weight: 700;
}


.breadcrumb-inner{
font-weight:bold;
}

.adsbygoogle {
margin-top:30px !important;
margin-bottom:40px !important;
}
/* シンプル囲み枠 2*/
.kakomi-box2 {
 margin: 2em auto;
 padding: 1em;
 width: 85%;
 color: #000; /* 文字色 */
 background-color: #f7f7f7; /* 背景色 */
 border: 1px solid #ccc; /* 枠線 */
}
h1.entry-title {
    
    line-height: 150%;
    }
.breadcrumb-inner{
padding-left:10px !important;
display: none;

}
.entry-categories{
display: none;

}


/*——————–
 吹き出しを作る
——————–*/
/* 全体のスタイル */
.kaiwa {
    margin-bottom: 25px;
    margin-top: 40px;
    font-size: 14px;
}
/* 左画像 */
.kaiwa-img-left {
    margin: 0 0 10px 10px;

    width: 80px;
    height: 50px;
}
/* 右画像 */
.kaiwa-img-right {
  margin: 0;
  float: right;
  width: 50px;
  height: 50px;
  margin-left: -70px;
}
.kaiwa figure img {

    border: 1px solid #aaa;
    border-radius: 50%;
    margin: 0;
    position: relative;
    top: -10px;
}
/* 画像の下のテキスト */
.kaiwa-img-description {

    font-size: 14px;
    position: relative;
    top: -117px;
    left: 4px;
    margin-top: 5px;
}
/* 左からの吹き出しテキスト */
.kaiwa-text-right {
    position: relative;
    padding: 5px;
    border-radius: 10px;
    background: #D7EBFE;
    margin-right: 0;
    border: 1px solid #CCCCCC;
    top: 10px;
}
/* 右からの吹き出しテキスト */
.kaiwa-text-left {
  position: relative;
  margin-right: 80px;
  padding: 10px;
  border-radius: 10px;
  background-color: #D7EBFE;
  margin-left: 12%;
  float: right;
   width: 80%;
}
p.kaiwa-text {
  margin: 0 0 20px;
}
p.kaiwa-text:last-child {
  margin-bottom: 0;
}
/* 左の三角形を作る */
.kaiwa-text-right:before {
    content: "";
    position: absolute;
    top: -31px;
    left: 42px;
    margin-left: -15px;
    border: 15px solid transparent;
    border-bottom: 15px solid #CCCCCC;
}
.kaiwa-text-right:after {
    content: "";
    position: absolute;
    top: -30px;
    left: 42px;
    margin-left: -15px;
    border: 15px solid transparent;
    border-bottom: 15px solid #D7EBFE;
}
/* 右の三角形を作る */
.kaiwa-text-left:before {
  position: absolute;
  content: '';
  border: 10px solid transparent;
  top: 15px;
  right: -20px;
}
.kaiwa-text-left:after {
  position: absolute;
  content: '';
  border: 10px solid transparent;
  border-left: 10px solid #D7EBFE;
  top: 15px;
  right: -19px;
}
/* 回り込み解除 */
.kaiwa:after,.kaiwa:before {
  clear: both;
  content: "";
  display: block;
}
/*<吹き出しエンド*/
/*はてな用Amazon画像*/
.hatena-asin-detail-image{
width:80px!important;
}
.hatena-asin-detail-title{
font-size:120%;
}

.insGoogle {margin-bottom:30px;}