#contentHeader {
  width: 500px;
  margin-left: auto;
  margin-right: auto; }
  #contentHeader #yodogawa {
    float: none;
    margin-left: 0px; }
    #contentHeader #yodogawa p {
      margin: 1.5em 0; }
  #contentHeader .toc {
    width: 100%;
    margin-left: 0px; }

.toc ul + ul {
  margin-top: 40px; }
  .toc ul + ul li {
    padding: 0; }
  .toc ul + ul a {
    display: block;
    padding: 10px 0 10px 18px;
    background: url(/store/donabe/common/images/arrow.png) no-repeat left center; }

.toc2 {
  width: 500px;
  margin: 0 auto; }
  .toc2 h3 {
    font-size: 16px;
    margin: 40px 0 0 0; }
  .toc2 ul, .toc2 li {
    margin: 0;
    padding: 0;
    list-style: none; }
  .toc2 ul {
    margin-top: 0px; }
    .toc2 ul li {
      border-bottom: 1px solid #CCC;
      padding: 0 5px;
      font-size: 14px;
      font-weight: bold;
      line-height: 1.2em; }
      .toc2 ul li:first-child {
        border-top: 1px solid #CCC; }
    .toc2 ul a {
      display: block;
      padding: 10px 0 10px 18px;
      background: url(/store/donabe/common/images/arrow.png) no-repeat left center; }

.contents {
  margin-top: 60px; }

@media only screen and (max-width: 479px) {
  #contentHeader {
    width: 100%; }
    #contentHeader #yodogawa {
      margin-left: 0px; }

  .toc ul + ul {
    margin-top: 20px; }

  .toc2 {
    width: auto; }

  .contents .article h2 img {
    width: 100%;
    height: auto; } }