body{ pading:0; margin:0; text-align:left; }

html body a{ color:#f60; text-decoration:none; }
html body a:hover{ color:#f00; text-decoration:none; }

#wrapper{ background:url(/blog/wp-content/common/img/header_bg.jpg) left top no-repeat; background-size:calc(100% - 245px); max-width:980px; margin:0; padding:0; position:relative; }
#header{ margin:0; height:160px; position:relative; }
#header #branding{ margin:0; padding:0; height:130px; }
#header #branding #site-title,
#header #branding #site-title h1,
#header #branding #site-title a{ display:block; margin:0; padding:0; height:130px; }
#header #branding #site-title a{ text-indent:-9999px; }

#container{ margin:0; font-size:85%; }
#content, #sidebar{ display:inline-block; vertical-align:top; }

#content .hentry{ border:3px solid #edebeb; border-radius:5px; padding:2px 20px 5px 20px; line-height:1.75; margin:0 0 5px 0; }
#content div.ptop{ text-align:right; margin:0 0 50px 0; }

body.archives #content .hentry{ border:none; line-height:1.7; }

.entry-title, .entry-date{ border-left: 5px solid #ffd900; padding-left: 5px; margin:0 0 1em 0; display:block; }
.entry-title{  font-weight: bold; font-size:137%; color:#000; }
.entry-title a{ font-weight:normal; }
.entry-footer{ margin-top:1em; }
.entry-footer .btop{ margin-top:1em; border-top:1px solid #999; text-align:right; }

table#wp-calendar{ width:100%; max-width:300px; margin:0 auto; background-color:#fff4b2; }
table#wp-calendar td, table#wp-calendar th{ text-align:center; font-weight:normal; }
table#wp-calendar caption{ font-size:150%; background-color:#ffd900; padding:2px 0; font-weight:bold; }
table#wp-calendar td{ background-color:#ccc; padding:3px;  font-size:125%; width:14.28%; }
table#wp-calendar td.pad, table#wp-calendar td#prev, table#wp-calendar td#next{ background-color:transparent; }
table#wp-calendar td#prev{ text-align:left; }
table#wp-calendar td#next{ text-align:right; }
table#wp-calendar td#today{ background-color:#ffa200; }
table#wp-calendar td a{ color:#f60; }
table#wp-calendar td a:hover{ color:#f00; }
table#wp-calendar tr th{ color:#f60; font-size:85% }

dl.archive-list dd{ margin:0 0 3px 0; padding:0 0 3px 0; border-bottom:1px dotted #ffd900; }

#search{
background-color:#fff4b2;
color:#333;
font-size:65%;
padding:5px;
}



#sidebar{ font-size:85%; letter-spacing:0px; }
#sidebar a{ color:#666; }
#sidebar a:hover{ color:#f60; }

#sidebar .banner a{ font-size:125%; color:#f60; }
#sidebar .banner a:hover{ color:#f00; }
#sidebar .banner{ text-align:center; line-height:1.2; }
#sidebar li.widget-container{
padding:0 0 2em 0;
}
#sidebar li.widget-container.widget_recent_entries{
padding:0;
}
#sidebar li.widget-container li{
list-style-position: outside;
list-style-type: none;
background: url("/blog/wp-content/common/img/arrow_yellow_r.gif") no-repeat 0px 0.2em;
padding: 0 0 5px 15px;
}

li.widget-container h3.widget-title{
  height:35px;
  margin:0 0 10px 0;
  overflow:hidden;
  opacity:0;
  color:transparent;
  text-indent:-9999px;
}

h3.widget-title { font-size:1.25em; }
#search h3.widget-title, li.widget-container h3{ font-size:1.5em; margin-bottom:5px; }
li.widget-container h3{ padding: 3px 0px 3px 3px; background-color: #fef7d0; }

li.widget-container p{ margin:0 0 1em 0; }

li.widget-container.widget_recent_entries{
  background: url("/blog/wp-content/common/img/h2_recent.gif") no-repeat left top;
}

li.widget-container.widget_categories{
  background: url("/blog/wp-content/common/img/h2_category.gif") no-repeat left top;
}

li.widget-container.widget_archive{
  background: url("/blog/wp-content/common/img/h2_monthly.gif") no-repeat left top;
}

li.widget-container.widget_calendar{
  background: url("/blog/wp-content/common/img/h2_calendar.gif") no-repeat left top;
}

li.widget_recent_entries ul li{
margin:7px 0;
border-bottom:1px solid #ffd900;
}

#sidebar .rss-widget-icon{ vertical-align:-20%; margin-right:3px; }
#sidebar .custom-html-widget a{ display:block; padding:5px 0; }

#sidebar li#custom_html-3{ border-top:1px solid #ffd900; padding-top:7px; }
.navigation{ font-size:0px; letter-spacing:0; }
.navigation > div{ width:50%; font-size:0.85rem; display:inline-block; }
.navigation > div.nav-previous{ padding-right:20px; }
.navigation > div.nav-next{ padding-left:20px; text-align:right; }

@media screen and (min-width: 737px) { /* pc only */
  html, body, #wrapper{ height:100%; margin:0; padding:0; }
  #container{ height:calc( 100% - 170px ); padding:0 0 0 40px; }
  #content, #sidebar{ min-height:100%; }
  #content{ width:calc( 100% - 250px); border-right:25px solid #ffd900; margin: 0 -25px 0 0; padding:0 25px 0 0; }
  #sidebar{ width:250px; border-left:25px solid #ffd900; padding:0 0 0 25px; }
  #header{ padding:30px 0 0 30px; }
  #header #menu{ width:250px; position:absolute; top:25px; right:25px; text-align:right; }
  #header #branding{ width:calc(100% - 250px); }
  #search{ display:inline-block; text-align:left; width:200px; }
  #search #s{ width:130px; padding:0; margin:0; }
  #search label{ display:block; }
  li.widget-container:first-child{ margin-top:-55px; }
}

.entry-content table,
.entry-content iframe{ margin-top:1em; margin-bottom:1em; }

@media screen and ( max-width : 736px ) { /* sp only */
  #wrapper{ width:100%; background-image:url("/blog/wp-content/common/img/header_bg_sp1.jpg"); background-size:auto; background-position:-20px -20px; }
  #header{ width:100%; background-image:url("/blog/wp-content/common/img/header_bg_sp2.jpg"); background-size:auto; background-position:-20px -20px; background-repeat:no-repeat; height:auto; padding:10px 0 0 10px; }
  #content, #sidebar{ display:block; width:100% !important; position:relative; margin:0; padding:20px 0; }
  #container{ padding:0 10px 0 20px; }
  #header #menu{ padding:70px 0 0 0; text-align:right;}
  #search{ display:block; text-align:right; margin:0; }
  #search form div{display:inline-block; margin-right:10px;}
  #search h3{ display:inline-block; padding:0.5em; }
  .entry-content table{ max-width:100%; }
  .entry-content table th,
  .entry-content table td{ display:inline-block; width:auto; vertical-align:top; margin-bottom:1em; max-width:100%; }
  html body .entry-content table.nobreak th,
  html body .entry-content table.nobreak td{ display:table-cell !important; width:auto; word-break : break-all; }
}
  .entry-content img{ max-width:100% !important; height:auto  !important; }
  .entry-content img[align="left"]{ margin-right:10px; margin-bottom:1em; }
  .entry-content img[align="right"]{ margin-left:10px; margin-bottom:1em; }

.hentry .entry-footer{ clear:both !important; }