/* Your style */
#page{
  padding:0;

}

#main{
  padding:0 40px;

}

.site-header{
  background: url(http://www.erouto-style.net/blog/wp-content/themes/eroutostyle/images/head_BG.png) no-repeat left top #fff;
  padding:30px 0 0 0;
}

.site-header hgroup{
  padding:0 40px;
}

.site-header h1{
  background: url(http://www.erouto-style.net/blog/wp-content/themes/eroutostyle/images/LOGO.png) no-repeat;
  background-size: 100% auto;
  margin-top: 0;
  margin-bottom: 0;
}

.site-header h1 a{
  display:block;
  height:62px;
}

.site-header h1 span {
    display: none;
}

.stylegroup_link li{
  list-style:none !important;
  margin:0 0 10px 0 !important;
  line-height:1.3 !important;
}
.stylegroup_link dt{
  line-height:1em;
}

.stylegroup_link dd{
  margin-bottom:10px;
    
}


body{
  background:url(http://erouto-style.net/pc/images/common/BG.gif) #ffffff;
}

body .site{
  background-image: none;
  margin-top:0;
}

.nav {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.nav li {
    flex-basis: 33.33%;
}
.nav a {
    display: block;
}
.nav img {
    width: 100%;
}

#masthead hgroup{
}

#masthead hgroup h2{
color:#cccccc;
}

.widget-area .widget{
  margin-bottom:2em;
}

.widget-area .widget .widget-title{
  background:#ff3333;
  margin-bottom:0.7em;
}

.entry-header{
  overflow:hidden;
}

.entry-header .entry_title_wrap{
  float:left;
}

.entry-header .entry-title,
.entry-header .entry-title a{
  color:#ff3333;
}

.entry-header .entry_category{
  font-size:0.9em;
  margin:5px 0 0 2px;
}



.entry-header .entry_date{
  float:left;
  border:1px solid #999999;
  width:53px;
  margin:0 7px 0 0;
}

.entry-header .entry_date dt{
  background:#999999;
  font-size:0.8em;
  text-align:center;
  padding:2px 0;
  color:#ffffff;
}

.entry-header .entry_date dd{
  font-size:2em;
  text-align:center;
  padding:6px 0;
}

.entry-header .entry_category{
  clear:both;
}

@media screen and (min-width: 600px) {
  .site-header {
  	background-position: right top;
	}

  .site-header h1 {
    background-size: auto 100%;
  }
}

@media screen and (min-width: 960px) {
  .site-header hgroup{
    padding-bottom: 1rem;
  }
  .nav li {
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 1;
  }
}