/*
Template:astrid
Theme Name:astrid_child
*/
.site-content{
	margin-top: 0px;
}
.hentry{
	padding: 10px;
}
p{
	color: #404040;
}
a,a:hover{
	color: #1976d2;
	font-weight: bold;
	text-decoration: none;
}
a:hover{
	color: #ff0000;
}
/*
	メニューの文字色	
*/
.main-navigation a {
	color: #fff;
}
/*
	メニューの文字サイズ
*/
.main-navigation li {
	padding: 10px 10px;
	font-size: 12px;
}
/*
	スマフォメニューの文字色	
*/
.btn-menu {
	color: #000;
}
/*
	スマフォメニューの背景色	
*/
#mainnav-mobi li{
	background-color: #1f846b;
}

/*
	トピックスの文字色と文字サイズを変更
*/
.whatsnew dd{
	color: #236fbd;
}
.whatsnew a{
	font-size: 18px;
}
/*
 * 背景を無効化	
*/
.row-overlay {
    background-color: transparent;
}
.wrapper {
  width: 94%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.main {
  width: 70%;
}
.chap1{
	border: 2px solid #1976d2;
}
.chap2{
	border: 1px solid #1976d2;
}
.main h4{
	width: 70%;
	padding-top: 60px;
	margin-top: -60px;
}
.main .m-h4{
	padding: 10px 5px 10px 10px ;
	border-left: 2px solid #1976d2;
}
.main img{
	border: 1px solid #808080;
}
.main img:active{
	transform:scale(1.5,1.5) translateX(-100px);
/*	transition-duration: 1s;*/
/*	transition-delay: 0.5s; */
	opacity: 1.0;
	position: static;
}
.sidebar {
  width: 30%
}
.widget--sticky {
  position: sticky;
  top: 90px;
  padding-left: 20px;
}
.widget--sticky h4 a{
	color: #fff;
}
.widget--sticky h4 a:hover{
	color: #fff;
	text-decoration: none;
}
.widget--sticky p{
	padding-left:20px;
}
.widget--sticky a{
	color: #404040;
}
.widget--sticky a:hover{
	color: #1976d2;
	text-decoration: none;
}
.widget--sticky h4{
    color: #fff;
    margin-left:20px;
    margin-right:20px;
	padding:15px;
	border: 1px solid #1976d2;
	background-color: #1976d2;
	border-radius: 10px;
}
.mokuji{
  font-size: 16px;
  text-align: left;
  padding-left: 20px;
  margin: 0 auto;
  line-height: 2.5em;
}
.mokuji a{
  text-decoration: none;
  color: #000 !important;
  font-weight: normal;
  padding: 10px;
}
.mokuji a:hover{
  text-decoration: none;
  color: #fff;
  background-color: #5EA5EC !important;
}


@media screen and (min-width:1000px) {
}
@media screen and(max-width:999px){
.col2-main{
    display:block;
}
.col2-sub-L,.col2-sub-R{
    width:100%;
}
}
@media print{
	.sidebar{display:none;}
}