/*
Theme Name: Child stinger8
Template:  stinger8
*/

@import url('../stinger8/style.css');

/*-- ブログタイトル --*/
header .sitename {
    font-size: 40px;/*文字サイズ*/
	
}
header .sitename a {
    color: #FFF;/*文字色*/
	
}

#headbox-bg {
background: #51bff6;/*ヘッダ背景色*/
}


#header-l {
    float: none;/*指定を初期値に*/
    text-align: center;/*中央寄せ*/
margin: 30px 0px 0px 0px;/*余白の調節*/
}

/*-- キャッチフレーズ --*/
#header-l .descr {
    color: #000;/*文字色*/
    font-size: 30px;/*文字サイズ20201027*/
    line-height: 1.7em;/*行間*/
    margin-bottom: 1.2em;/*下の余白*/
    /*display: none;/*非表示にする場合*/
}

/*-- グローバルメニュー --*/
#st-menuwide{
    display: flex;/*中央寄せ*/
}

#st-menubox{
	background-color: #51bff6;/*メニュー背景色*/
    border: none;/*枠線の削除*/
    margin: 0px 0px 60px 0px;/*余白の調節*/
}
/*-- グローバルメニューの文字色 --*/
/*header .smanone ul.menu li a{
   /* background-color: #f0f8ff;/*背景色*/
   /* color: #0000ff;/*文字色*/
 /*}*/

#st-menubox a:hover{
    background: #2f4f4f;/*ホバー時の背景色*/
}

header .smanone ul.menu li a:hover{
    color: #ffffff;/*ホバー時の文字色*/
}

/*-- グローバルメニュー幅の自動調整 --*/
header .smanone ul.menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

/*-- ブログ各エリアの幅 --*/
#content{
    max-width:1110px;/*全体の横幅*/
}
#side .st-aside {
    width: 300px;/*サイドバーの幅*/
}
.st-main {
    width: 700px;/*記事エリアの幅*/
}
 
@media only screen and (max-width: 1050px) {/*iPad Pro用*/
#side .st-aside {
    width: 300px;/* サイドバーの幅 */
}
.st-main {
    width: 680px;/* 記事エリアの幅 */
}
}


@media only screen and (max-width: 959px) {/* 959px以下に適用されるCSS（タブレット用） */
 width: 60%;/* サイドバーの幅 */
 margin-right: auto;
 margin-left: auto;
}
.st-main {
    width: auto;/* 記事エリアの幅 */
}
}



@media only screen and (max-width:480px) {/* 480px以下に適用されるCSS（スマホ用） */
#side .st-aside {	
    width: auto;/*サイドバーの幅*/
}
.st-main {
    width: auto;/*記事エリアの幅*/
}
}
 
/*-- 文字サイズ --*/
p { font-size:16px;}