/* <system section="theme" selected="10257846132598626103"> */
@import url("https://blog.hatena.ne.jp/-/theme/10257846132598626103.css");
/* </system> */
/*見出し*/
.entry-content h4 {
border-left: 3px solid #cc9966;
padding: .2em 4em;
}
h4 {padding-left: 50px;
background: url(https://cdn-ak.f.st-hatena.com/images/fotolife/n/npo-musicgrace/20230523/20230523055212_120.jpg) no-repeat left top;
line-height: 2.5;/*高さ*/
border-top: dotted 0px white;
border-bottom: solid 1px #cc9966;
}
/*****グローバルメニュー****/
#menu{
width: 100%;
background: #07BAEE;
margin: 10px auto;
}
#menu-inner{
width: 100%;
height: 40px;
margin: 0 auto;
background: #07BAEE;
}
#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: 20%;
}
#menu-content > li > a{
position: relative;
display: block;
height: 100%;
width: 100%;
line-height: 40px;
background: #07BAEE;
color: #fff;
font-size: 100%;
text-decoration: none;
z-index: 2;
}
#menu-content > li > a:hover{
background: #A9E1F6;
color: #fff;
}
#menu-content > li > a > .blogicon-chevron-down{margin-right: 5px;}
/*2階層目*/
#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;
z-index: 1;
transition: all .3s;
}
#menu-content > li > ul.second-content > li{
text-align: center;
width: 180px;
height: 40px;
}
#menu-content > li > ul.second-content > li > a{
display: block;
line-height: 40px;
background: #07BAEE;
color: #fff;
font-size: 100%;
text-decoration: none;
}
#menu-content > li > ul.second-content > li > a:hover{
background: #A9E1F6;
color: #fff;
}
/*******トグルメニュー*********/
@media screen and (max-width:960px){
#menu-inner{
width: 100%;
height: auto;
opacity: 0.8;
}
#btn-content{text-align: right;}
#menu-btn{
display: inline-block;
padding: 8px 15px;
margin: 5px;
cursor: pointer;
background: #07BAEE;
color: #fff;
font-size: 100%;
}
#menu-content{
display: none;
width: 100%;
}
#menu-content > li{
width: 100%;
height: 40px;
float: none;
}
#menu-content > li > a{
width: 100%;
line-height: 40px;
padding: 0;
text-decoration: none;
}
/*2階層目*/
#menu-content > li:hover > ul.second-content{display: none;}
#menu-content > li > a > .blogicon-chevron-down{display: none;}
}
#menu {
margin: 0px auto;
}
#menu-content > li > a:hover {
background:
#8C8A8A;
}
#menu-content > li > a {
background: black;
}
body {
font-size: 100%;
line-height: 1.4;
color: black;
word-wrap: break-word;
}
.entry-content blockquote {
padding: 0 0 0 10px;
border-left: 24px solid black;
margin: 0 0 0 20px;
line-height: 1.2;
}