@charset "utf-8";
/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
/*////////////// reset ////////////////////////////////////////////////////////////////////////*/
html {font-family: sans-serif;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}
body {margin: 0;}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary {display: block;}
audio,canvas,progress,video { display: inline-block;}
audio:not([controls]) {display: none;height: 0;}
progress {vertical-align: baseline;}
template, [hidden] {display: none;}
a:active,a:hover {outline-width: 0;}
abbr[title] {border-bottom: none;text-decoration: underline;text-decoration: underline dotted;}
b,strong {font-weight: inherit;}
b,strong {font-weight: bolder;}
dfn {font-style: italic;}
mark {background-color: #ff0;color: #000;}
sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sub {bottom: -0.25em;}
sup {top: -0.5em;}
img {border-style: none;}
svg:not(:root) {overflow: hidden;}
code,kbd,pre,samp {font-family: monospace, monospace; font-size: 1em; }
figure {margin: 0;}
hr {box-sizing: content-box; height: 0; overflow: visible;}
button,input,select,textarea {font: inherit; margin: 0;}
optgroup {font-weight: bold;}
button,input { overflow: visible;}
button,select { text-transform: none;}
button,html [type="button"], [type="reset"],[type="submit"] {-webkit-appearance: button; }
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner {border-style: none;padding: 0;}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring {outline: 1px dotted ButtonText;}
fieldset {border: 1px solid #c0c0c0;margin: 0 2px;padding: 0.35em 0.625em 0.75em;}
legend {box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal;}
textarea {overflow: auto;}
[type="checkbox"],[type="radio"] {box-sizing: border-box; padding: 0;}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button {height: auto;}
[type="search"] {-webkit-appearance: textfield; outline-offset: -2px;}
[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
::-webkit-input-placeholder {color: inherit;opacity: 0.54;}
::-webkit-file-upload-button {-webkit-appearance: button; font: inherit;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0;}
h1,h2,h3,h4,h5,h6 {margin:0;padding:0;font-size:100%;font-weight:normal;}
table {border-collapse:collapse; border-spacing:0;}
ol,ul {list-style:none;}
img {border:0;vertical-align: top;}
a {overflow: hidden;text-decoration: underline;outline:none;font-weight:normal;}
a:hover{text-decoration: none;}
address,caption,cite,em,th,var {font-style:normal;font-weight:normal;}
/*! normalize.css end */
/*////////////// layout ////////////////////////////////////////////////////////////////////////*/

html{
  font-size:62.5%;
}

body{
  font-size: 14px;
  font-size: 1.4rem;
  font-family : "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #3b2400;
  letter-spacing: 0;
  line-height: 1.5;
}

a{
  color: #3b2400;
  transition: all 0.2s linear;
}

#wrapper {
    width: 100%;
}

#wrapper{
  border-top: 5px solid #f39926;
}

/*----------------------- header ---------------------------*/
#header{
  width: 100%;
  margin: 60px auto 25px;
  text-align:center;
}

#header .logo{
  padding: 0 0 0 0;
}

/*----------------------- container ---------------------------*/
#container{}

/*----------------------- footer ---------------------------*/

#footer {
  background: #fab941;
}


#footer .copy{
  clear: both;
  padding: 15px 0;
  background: #f49800;
  text-align: center;
  color: #3b2400;
  font-size: 12px;
  line-height: 1;
}


/*----------------------- contents ---------------------------*/
#contents{
  margin: 40px auto;
}

#blogDetailPage #container{
  margin: 0 auto;
}

#blogDetailPage #contents{
  /*float: right;*/
  width: 660px;
}

#blogDetailPage #contents h1{
  margin: 0 0 13px;
  padding: 0 0 0 8px;
  border-left: 5px solid #f39926;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
}

#blogDetailPage #contents .info{
  margin: 0 0 30px;
}

#blogDetailPage #contents .info ul{
  display: inline-block;
  font-size: 0;
  vertical-align: middle;
}

#blogDetailPage #contents .info ul li{
  display: inline-block;
  margin: 0 10px 0 0;
}

#blogDetailPage #contents .info ul li a{
  display: block;
  padding: 0 11px;
  border-radius: 3px;
  background: #eeeeee;
  font-size: 13px;
  font-size: 1.3rem;
  color: rgba(59, 36, 0, 0.8);
  font-weight: bold;
  text-decoration: none;
  vertical-align: middle;
}

#blogDetailPage #contents .entry-content .name{
  color: #6fabd0;
  font-weight: bold;
}

#blogDetailPage #contents .entry-content h2{
  margin: 20px 0 10px;
  font-size: 17px;
  font-size: 1.7rem;
  font-weight: bold;
}







@media screen and (max-width: 540px){
#contents,#blogDetailPage #container,#blogDetailPage #contents {
    width:100%;
}
.img {width:100%;}
#header .logo img {width:70%;}
#blogDetailPage #contents .entry-content {width:90%;margin:auto;}
}