.page .entry-title {
display: none;
}

/*LINE風プロフィール*/
.sidebar-profile {
width: 90%;
font-size: .9em;
background-image: url("https://big-maccho.com/wp-content/uploads/2017/06/お腹-引き締める-腹筋-割り方.png");
background-repeat: no-repeat;
background-size: 100% auto;
padding-top:25%;
padding-bottom: 20px;
margin: 1em 1em 1em 1em;
box-shadow: 0 2px 5px rgba(0,0,0,.13);
}

/*横幅が400px以上ある端末でのサイズ*/
@media only screen and (min-width: 400px){
.sidebar-profile {
width: 320px;
padding-top:45%;
}
}

.profile-center{
text-align: center;
}

/*プロフィール画像を丸くする*/
.profileimg{
width: 65%;
border: solid 4px #fff;
border-radius: 100px;
display: inline-block;
}

/*名前*/
.profile-name{
font-size: 1.2em;
font-weight: bold;
display: flex;
justify-content: center;
align-items: center;
}

/*自己紹介文*/
.profile-font{
font-size: 1.1em;
}

.sidebar-profile p{
padding: 0 2em;
text-align: justify;
}
/*LINE風プロフィールここまで*/


/*h2タグ*/
.entry-content h2{
padding: 0.5em;/*文字周りの余白*/
color: #010101;/*文字色*/
background: #eaf3ff;/*背景色*/
border-bottom: solid 3px #516ab6;/*下線*/
}

/*h3タグ*/
.entry-content h3 {
border-left: none;/* 左の縦線を消す */
position: relative;
border-bottom: solid 3px gray;/* 下線の太さや色 */
padding-left: 1.3em;/*アイコン分のスペース*/
line-height: 20px;/* 行間 */
}
.entry-content h3:before{ 
font-family: "Font Awesome 5 Free";
content: "\f00c";/*アイコンのユニコード*/
position: absolute;/*絶対位置*/
font-size: 1em;/*アイコンサイズ*/
left: 0;/*アイコンの位置*/
top: 16px;/*アイコンの位置*/
color: #5ab9ff;/*アイコン色*/
}

/* マーカー強調カスタマイズ黄色 */
.marker1 {
background: linear-gradient(transparent 50%, #ffff00 50%);
}

/* マーカー強調カスタマイズピンク色 */
.marker2 {
background: linear-gradient(transparent 50%, #ffdfef 50%);
}

/* マーカー強調カスタマイズ水色 */
.marker3 {
background: linear-gradient(transparent 50%, #cce5ff 50%);
}

/* ヘッダーロゴ画像サイズ調整 */
#logo .h1.img img {
max-height: 150px;
width: auto;
}

/*こんな方におすすめリスト*/
.entry-content .setlist{
border-bottom:solid 2px #000;
font-weight:bold;/*文字の太さ*/
padding-bottom:8px;
}

.entry-content .setlist:before{
content: "\f0f6";/*アイコンの種類*/
font-family: FontAwesome;
padding-right:5px;
}

.entry-content .setlist2{
border:solid 2px #000;
padding:20px 50px 15px;
text-align:center;
}

.entry-content .setlist2 ul li{
text-align:left;
border-bottom:dotted 1px #000;
padding-bottom:5px;
padding-left:1.2em;
font-size:90%;/*文字の大きさ*/
}

.entry-content .setlist2 ul li:before{
width: 0; /*リストマークを消す*/
height: 0; /*リストマークを消す*/
font-family: fontawesome; 
content:"\f058"; /*アイコンの種類*/
position: absolute;
font-size: 1em; /*アイコンの大きさ*/
left: 0em; /*アイコンの位置*/
line-height:12px; /*行間*/
color: #5ab9ff; /*アイコンの色*/
}

.entry-content .setlist2 ul{
margin-top:2em;
}

/*こんな方におすすめリストここまで*/

/*目次カスタマイズ*/
@media only screen and (min-width: 767px){

#toc_container {
color:#008db7;/*タイトル文字の色*/
padding: 25px 40px; 
}

/* 目次のアイコン */
#toc_container .toc_title:before{
content: "\f0f6";/*アイコンの種類*/
font-family: FontAwesome;
display: inline-block;
margin-right:4px;
width: 1.2em;
color:#008db7;/*アイコンの色*/
font-size:22px;/*アイコンの大きさ*/
}

#toc_container .toc_title {
font-family: 'Nova Mono', monospace;
font-family: 'Source Code Pro', monospace;
font-family: 'Abel', sans-serif;
text-align: center;
border-bottom: 1px solid #dedede;/*タイトルの下線の太さ・色*/
font-size:24px !important;/*タイトルの文字サイズ*/
}

#toc_container .toc_list {
list-style-type: none;
counter-reset: li; 
}

.toc_toggle a{
color:#008db7;/*目次の表示・非表示の色*/
font-size:80%;/*目次の表示・非表示の文字サイズ*/
}

#toc_container .toc_list > li:after {
counter-increment: li;
content: "0" counter(li) " |";
position: absolute;
font-family: 'Nova Mono', monospace;
font-family: 'Source Code Pro', monospace;
font-family: 'Abel', sans-serif;
letter-spacing: -1px;
color: #008db7; /*目次の数字の色*/
padding-left:7%;
font-weight:bold;
left: -48px;/*目次の数字の位置*/
top: 0px;
font-size: 18px; 
}

/* 目次のh2フォント設定 */
#toc_container li a{
border-top-width:0px;
line-height:12px;
padding-left:5%;
color: #0431B4;/*目次の文字の色*/
}

/* 目次のh3フォント設定 */
.toc_list ul li a {
font-size:90%;
line-height:16px !important;
color:#0040FF !important;
text-decoration:none;
}

#toc_container li a:hover{
color:#FF0040;/*目次の文字の色マウスホバー*/
}

.toc_number{
display:none;
}

#toc_container {
background: #fffef6 !important;/*目次の背景色*/
border: 5px solid #e1eff4;/*目次の外枠の色*/
}

#toc_container .toc_list > li {
margin-bottom: 5px;
margin-left: 12px;
font-size: 1em; 
}
}

@media only screen and (max-width: 766px) {
/* 目次の枠線 */
#toc_container{
border: solid 5px #e1eff4;
background: #fffef6 !important;
}

/* 目次のアイコン */
#toc_container .toc_title:before{
content: "\f0f6";/*アイコンの種類*/
font-family: FontAwesome;
display: inline-block;
margin-right:5px;
width: 1.2em;
color:#008db7;
}

/* 目次のタイトル設定 */
p.toc_title {
text-align: center;
font-size:17px;
font-family: 'Nova Mono', monospace;
font-family: 'Source Code Pro', monospace;
font-family: 'Abel', sans-serif;
color:#008db7;
}

/* 目次のh2フォント設定 */
ul.toc_list li a {
font-size:16px;
line-height: 2em;
text-decoration:none;
color:#008db7;
}

ul.toc_list li a:hover{
color:#0a69dd;
}

/* 目次のh3フォント設定 */
.toc_list ul li a {
font-size:90%;
text-decoration:none;
color:#888888 !important;
}
}

/* 目次変更はここまで*/


/* 箇条書きリスト変更*/

.entry-content ul li:before{
width: 0; /*リストマークを消す*/
height: 0; /*リストマークを消す*/
font-family: fontawesome; /*Webアイコンフォント*/
content:"\f00c"; /*Webアイコンフォントのコード*/
position: absolute;
font-size: 1.2em; /*アイコンのサイズ*/
left: -0.4em; /*左端からのアイコンまで*/
line-height:12px; /*行間*/
color: #22213d; /*アイコンの色*/
}

/* 箇条書きリスト変更ここまで*/

/*-----------------------------------------------
フッターメニューを固定する
-----------------------------------------------*/

@media only screen and (max-width: 767px) {
#container{
    padding-bottom:50px;/*フッターの高さだけコンテンツを上げる*/
}
#fixed_footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 50px;
    background-color:#22213d;/*メニューの背景色*/
    z-index:99;
}
#fixed_footer .fa {
    font-size:24px;/*アイコンフォントのサイズ*/
}
#fixed_footer ul {
    margin:5px 0;
    display: table;
    table-layout: fixed;
    text-align: center;
    width: 100%;
}
#fixed_footer ul li {
    display: table-cell;
    vertical-align: middle;
    font-size:10px;/*文字サイズ*/
    margin:auto;
}
#fixed_footer ul li a{
    color:#fff;/*文字色*/
    text-decoration:none;
}
#page-top{
    display:none;/*デフォルトのトップへ戻るボタンを消す*/
}
}



/*--------------------------------
モーダルウィンドウ
---------------------------------*/
.modal-window {
-webkit-transform: translate(0, 100%);
-moz-transform: translate(0, 100%);
-o-transform: translate(0, 100%);
-ms-transform: translate(0, 100%);
transform: translate(0, 100%);
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 999;
opacity: 0;
line-height: 1.3;
display: none\9;
}
.modal-window:target {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-o-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1;
}
.is-active.modal-window {
display: block\9;
}
.modal-window:target {
display: block\9;
}
.modal-window .modal-inner {
position: absolute;
top: 100px;
left: 0;
z-index: 20;
padding:5%;
margin:0 auto;
width: 100%;
overflow-x: hidden;
border-radius: 6px;
background: #fff;
-webkit-box-img_border: 0 0 30px rgba(0, 0, 0, 0.6);
box-img_border: 0 0 30px rgba(0, 0, 0, 0.6);
}
.modal-window .modal-close {
display: block;
text-indent: -100px;
overflow: hidden;
}
.modal-window .modal-close:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 10;
background: #333;
-moz-opacity: 0.7;
opacity: 0.7;
}
.modal-window .modal-close:after {
content: '\00d7';
position: absolute;
top: 100px;
right:0;
z-index: 20;
margin:0 auto;
background: #fff;
border-radius: 6px;
padding: 2px 8px;
text-decoration: none;
text-indent: 0;
}
.modal-window {
-webkit-transition: opacity 0.4s;
-o-transition: opacity 0.4s;
transition: opacity 0.4s;
}
/*--------------------------------
SNSの部分
---------------------------------*/

.modal-inner ul {
list-style:none;
}
.modal-inner li {
float:left;
width: 29%;
margin:2%;
}
.modal-inner li a {
font-size:150%;
position:relative;
display:block;
padding:10px;
color:#fff;
border-radius:6px;
text-align:center;
text-decoration: none;
text-img_border:1px 1px 0 rgba(255,255,255,0.3);
}
.modal-inner li a:hover {
-webkit-transform: translate3d(0px, 5px, 1px);
-moz-transform: translate3d(0px, 5px, 1px);
transform: translate3d(0px, 5px, 1px);
box-img_border:none;
}
/* ツイッター */
.modal-inner .twitter a {
background:#00acee;
box-img_border:0 5px 0 #0092ca;
color:#fff;
}
.modal-inner  .twitter a:hover {
background:#0092ca;
}
/* Facebook */
.modal-inner .facebook a {
background:#3b5998;
box-img_border:0 5px 0 #2c4373;
}
.modal-inner .facebook a:hover {
background:#2c4373;
}
/* グーグル */
.modal-inner .googleplus a {
background:#db4a39;
box-img_border:0 5px 0 #ad3a2d;
}
.modal-inner  .googleplus a:hover {
background:#ad3a2d;
}
/* はてぶ */
.modal-inner  .hatebu a {
background:#5d8ac1;
box-img_border:0 5px 0 #43638b;
}
.modal-inner .hatebu a:hover {
background:#43638b;
}
/* Font Awesome hatena bookmark */
.fa-hatena:before {
content: "B!";
font-family: Verdana;
font-weight: bold
}
/* LINE */
.modal-inner .line a {
background:#25af00;
box-img_border:0 5px 0 #219900;
}
.modal-inner .line a:hover {
background:#219900;
}
.modal-inner .line a span{
color:#25af00;
    display: inline-block;
    position: absolute;
    bottom: 22px;
    left: 0;
    width: 100%;
    font-size: 8px;}
/* Pocket */
.modal-inner  .pocket a {
background:#f03e51;
box-img_border:0 5px 0 #c0392b;
}
.modal-inner  .pocket a:hover {
background:#c0392b;
}
/*-----------------------------------------------
フッターメニューを固定する　ここまで
-----------------------------------------------*/
