/* This is the StyleCatcher theme addition. Do not remove this block. */
@import url(/blog/ana/css/add.css);
/* end StyleCatcher imports */


#header #header-inner #header-content {
  background-image: url(https://www.ytv.co.jp/blog/ana/tatsuta/assets_c/2014/12/IMG_1135-thumb-1024x683-42.jpg);
  min-height: 220px;
}


#header #header-content:before{
 background: none !important;
}

#container{
/* 背景カラーの指定 */
background: #81b6f3;
}

#container-inner{
background: #fff;
padding: 5px 25px;
}

@media (min-width: 480px) {

      #header #header-inner #header-content {
        min-height: 340px !important; /* ヘッダー高さ調整 */
        }
      #header h1{
        font-size: 2.0em !important;
        padding-top: 100px;
        }
}

@media (min-width: 930px) {

      #header #header-inner #header-content {
        min-height: 465px !important; /* ヘッダー高さ調整 */
        }
 
      #content [role="main"] {
        width: 575px !important;
        }
      #content .related{
        width: 300px !important;
        padding-left: 40px !important;
        } 
        
      #header h1{
        font-size: 3.2em !important;
        padding-top: 140px;
        }
}

/* ウィジェット */
h3.widget-header{
padding: 2px 5px;
color: #fff;
text-align: center;
background: #186dcd;
border-radius: 4px;
}

.widget-content{}
.side-bnr {}
.side-bnr img{
width:100%;
height: auto;
}

/* 記事 */

.entry{
padding: 4%;
border-top: 3px solid #186dcd;
font-size: .9em;
}

.entry h2{
margin-bottom: 15px;
padding-left: 15px;
border-left: 5px solid #186dcd;
}

/* グローバルメニュー */

#header nav ul li{
background: #186dcd;
color: #fff;
font-weight: bold;
}

#header[role="banner"] nav[role="navigation"] ul li a{
color: #fff;
}

#header nav ul li:hover{
background: #fff;
color:  #186dcd;
}