/* タイトル画像調整 */
#blog-title {
    padding-top: 0px; /* 画像上部の余白*/
    padding-bottom: 0px; /* 画像下部の余白*/
    height: initial;
}
.header-image-only #blog-title #blog-title-inner {
    height: 360px; /* 画像の高さ */
    background-size: contain;
}

/* ----- ブログタイトル下のスペース調整 ---- */
#blog-title{
height:340px;
}

/*ページトップへ戻る*/
#page-top {
  display:none;
  position:fixed;
  right:10px;
  bottom:20px;
  margin: 0;
  padding: 0;
  text-align:center;
}
#move-page-top{
  color:rgba(255,51,102,0.4);
  text-decoration:none;
  display:block;
  cursor:pointer;
}
#move-page-top:hover{
  color:rgba(255,51,102,0.6);
}
@media only screen and (min-width: 400px){
  #page-top{
    right:10px;
  }
}

/*****グローバルメニュー****/
#menu{
    width: 100%;
    margin: 10px auto;
    background: #2a83a2;/*７*/
}
#menu-inner{
    width: 100%;/*１*/
    height: 40px;/*２*/
    margin: 0 auto;
    background: #2a83a2;/*８*/
}
#menu-btn{display: none;}
#menu-content{
    padding-left: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    list-style-type: none;
}
#menu-content > li{
    position: relative;
    float: left;
    height: 100%;
    text-align: center;
    width: 16.6%;
}
#menu-content > li > a{
    position: relative;
    display: block;
    height: 100%;
    width: 100%;/*3*/
    line-height: 40px;/*２*/
    background: #2a83a2;/*９*/
    color: #fff;/*10*/
    font-size: 100%;
    text-decoration: none;
    z-index: 2;
}
#menu-content > li > a:hover{
    background: #165e83;/*11*/
    color: #fff;/*12*/
}
#menu-content > li > a > .blogicon-chevron-down{margin-right: 5px;}
/*２階層目*/
#menu-content > li > ul.second-content{
    visibility: hidden;
    position: absolute;
    top: 0;
    margin: 0;
    padding-left: 0;
    list-style-type: none;
    z-index: -1;
}
#menu-content > li:hover > ul.second-content{
    visibility: visible;
    top: 40px;/*2*/
    z-index: 1;
    transition: all .3s;
}
#menu-content > li > ul.second-content > li{
    text-align: center;
    width: 200px;/*４*/
    height: 40px;/*５*/
}
#menu-content > li > ul.second-content > li > a{
    display: block;
    line-height: 40px;/*５*/
    background: #2a83a2;/*13*/
    color: #fff;/*14*/
    font-size: 100%;
    text-decoration: none;
}
#menu-content > li > ul.second-content > li > a:hover{
    background: #165e83;/*15*/
    color: #fff;/*16*/
}
/*******トグルメニュー*********/
@media screen and (max-width:750px){/*19*/
#container{
    margin-top: 60px;
}
#menu-inner{
    position: fixed;
    top: 0;
    right: 0;
    z-index: 2;
    width: 45%;
    height: auto;
}
#btn-content{text-align: center;}/*20*/
#menu-btn{
    display: inline-block;
    padding: 10px 30px;
    margin: 5px;
    cursor: pointer;
    background: #165e83;/*17*/
    color: #fff;/*18*/
    font-size: 100%;
}
#menu-content{
    display: none;
    width: 100%;
}
#menu-content > li{
    width: 50%;
    height: 40px;/*６*/
}
#menu-content > li > a{
    width: 100%;
    line-height: 40px;/*６*/
    padding: 0;
    text-decoration: none;
}
/*２階層目*/
#menu-content > li:hover > ul.second-content{display: none;}
#menu-content > li > a > .blogicon-chevron-down{display: none;}
}

/* 最終更新日を自動で入れる */
.lastmod {
color: #2792c3;
padding: 5px 6px;
text-decoration: none;
font-size: 90%;
display: inline;
margin-left: 10px;
}
.lastmod::before {
margin-right: 5px;
padding-left: 3px;
font-family: FontAwesome;
content: '\f021';
}
.entry-date a {
padding: 5px 6px !important;
}
.entry-date a::before {
margin-right: 5px;
padding-left: 3px;
font-family: FontAwesome;
content: '\f017';
}

/* フォントの大きさ */
p {font-size: 1.1733em;}

@media screen and (min-width: 980px) {
p {font-size: 1.1333em;
  letter-spacing: .8px;
  line-height: 1.8}
}/* 画面980px以上に適用される */

/* 一覧表からはてなスターを非表示 */
.star-container {
  display:none;
}


/* 画像を上からトリミング */
.page-archive .entry-thumb {
background-position: top;
}

/* ブログの幅を固定 */
#container {
 margin-left:auto;
 margin-right:auto; 
 width: 1080px;
}

/* 記事の幅 */
.entry-inner{
  max-width: 800px;
  padding: 50px;
  box-sizing: border-box;
}

/* サイドバーの幅 */
#box2{
  width: 300px;
}

/*見出しh2*/
.entry-content h2 {
  padding: 4px 10px;
  color: #111;
  background-color: #fef4f4;
  border-left: 8px solid #2a83a2;
  border-bottom: 1px solid #2a83a2;
}

/*見出しh4*/
.entry-content h3 {
  padding: 4px 10px;
  color: #111;
  background-color: #fef4f4;
  border-left: 8px solid #2a83a2;
}

/* もくじのカスタマイズ */
.table-of-contents:before{
    content: "もくじ";
    font-size: 150%;
}
.table-of-contents{
    font-size: 110%;
}


/* タイトル画像調整・モバイル用 */
@media (max-width: 750px) {
#blog-title {
    padding-top: 20px; /* 画像上部の余白*/
.header-image-only #blog-title #blog-title-inner {
    height: auto; /* 画像の高さ */
}
}

/* ----- ブログタイトル下のスペース調整・モバイル用 ---- */
@media (max-width: 750px) {
#blog-title{
height:100px;
}

/* 記事の幅・モバイル用 */
@media (max-width: 750px) {
  .entry-inner{
  max-width: 380px;
  padding: 10px;
  box-sizing: border-box;
}
}

/* ブログの幅を固定・モバイル用 */
@media (max-width: 750px) {
  #container {
width: 380px;
}
}