header .smanone ul.menu li{
        width: 175px !important;
 
}

#side aside {
background:#FFFFFF; /*背景色*/
padding:10px!important; /*隙間*/
box-sizing:border-box;
}




/*headerの高さ調整2020,無効くさい*/
#header {
height: 300px;
}


/*headerのフォント調整2022*/
header .sitename {
font-size: 18px;
}



/*
p {
font-size: 18px;
line-height: 34px;
}
*/

.top-wrapper {
    padding: 180px 0 100px 0;
    background-image: url(http://www.hirokilog.net/wp-content/uploads/2019/08/18949_en_1.jpg);
    background-size: cover;
    color: white;
    text-align: center;
  }

/*スマホで見るときは改行を無視*/
@media screen and (max-width: 480px) { 
br { display : none ; } 
}

/*h2の装飾*/
.main-body h2 {
    padding: 0.4em 0.5em;/*文字の上下 左右の余白*/
  color: #494949;/*文字色*/
  background: #f4f4f4;/*背景色*/
  border-left: solid 5px #7db4e6;/*左線*/
  border-bottom: solid 3px #d7d7d7;/*下線*/
}




		/*menuのサイズ*/
.st-middle-menu .menu li a {
  font-size:110%;
  padding: 13px;
}

#st-menubox li{
  height:50px;
}


/*heightで縦幅を指定し、テキスト(li a)にも同じサイズのline-heightつけるといい感じの中央配置になります*/

#st-menubox li a{
  font-size:13px;
  line-height: 50px;
}

/*行間を空ける*/
p.foo {
margin-bottom: 50px;
  }

p.foo2 {
margin-bottom: 80px;
  }



/*マウスオンしたらメニューが浮き上がる*/

#st-menubox li :hover{
	box-shadow: 0 10px 15px -5px rgba(0,0,0,.15),0 0 5px rgba(0,0,0,.1);/*浮いた時の影*/

transform: translateY(-1px);/*浮く高さ*/

transition: 0.1s;/*浮く速さ（秒）*/

background: rgba(238,238,238,.4);/*浮いた時の背景色（なくてもよい）*/
	
}


/* 全固定ページでタイトル非表示 
.page .entry-title {
display: none;
}
*/

/* サイドバーの大きさ変更 */
@media print, screen and (min-width: 960px) {
#contentInner main {
margin-right: 400px;
}
#contentInner {
margin-right: -400px;
}

#side aside {
width: 380px;
}
}

/* 記事エリアの大きさ変更 */
@media print, screen and (min-width: 960px) {
.mainbox{
padding: 0 20px;
}
}


/* 記事上部のメニューを均等配置 */
@media print, screen and (min-width: 960px) {
header .smanone ul.menu {
display: flex; 
text-align: center; 
}
header .smanone ul.menu li{
width: 100%;
}
}