@charset "Shift_JIS";

/* renewal 1809 */
body {
  background: none;
}
#opinion div#container {
  min-width: inherit;
  background: none;
}
div#contents {
  min-width: inherit;
}
div#contain {
  overflow: hidden;
  background: transparent url(/countrymaam/opinion/images/bg.gif) repeat center top;
}
div#contain .ttlBoxWrap {
  background: transparent url(/countrymaam/opinion/images/bg2.gif) bottom left repeat-x;
}
#opinion #contain {
  max-width: inherit;
  font-family: "???C???I", Meiryo, Osaka, "?l?r ?o?S?V?b?N", "MS PGothic", "sans-serif";
}
div#foot {
  min-width: inherit;
}


#contain .block {
  box-sizing: border-box;
}
#contain .section {
  width: 100%;
  max-width: 919px;
}
#contain .section_footer {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 919px;
}
#contain .commentBox .comment_inner .comment_ttl img {
  width: auto;
}
#contain .commentBox .comment_body {
  max-width: inherit;
  width: 100%;
  box-sizing: border-box;
}
#contain h3 {
  height: auto;
}
#contain .btn_message a:hover {
  opacity: .7;
}

@media screen and (max-width: 1000px) {
  #contain img {
    height: auto;
  }
  #contain .ttlBox {
    width: 100%;
    height: 56.1vw;
  }
  #contain .ttlBoxWrap.emerg .ttlBox {
    height: 66.1vw;
  }
  #contain .main_copy {
    top: 33.1vw;
    left: 3.6%;
    width: 63.7%;
  }
  #contain .pic_present {
    top: 21.1vw;
    right: 2px;
    width: 24.5%;
  }
  #contain .btn_message {
    left: 26%;
    bottom: 3.7vw;
    width: 47.6%;
  }
  #contain .section_header {
    width: 100%;
  }
  #contain .section_header li.btn_next,
  #contain .section_header li.btn_prev {
    width: 15.5%;
  }
  #contain .section_header li.monthly_ttl {
    padding: 0 10px;
    width: 69%;
    height: auto;
    box-sizing: border-box;
  }
  #contain .commentBox .comment_header,
  #contain .commentBox .comment_footer{
    height: auto;
  }
  #contain .commentBox .comment_body {
    padding: 0 calc(14/879*100%) 0 calc(149/879*100%);
    -webkit-background-size: calc(152/879*100%) auto;
    background-size: calc(152/879*100%) auto;
  }
}







@media screen and (max-width: 750px) {
  #common_head {
    text-align: left;
  }
  #contain .ttlBox {
    padding-bottom: 40px;
    height: auto;
  }
  #contain .ttlBoxWrap.emerg .ttlBox {
    height: auto;
    padding-bottom: 38vw;
  }
  #contain .main_copy,
  #contain .pic_present,
  #contain .btn_message {
    position: static;
    width: auto;
  }
  #contain .btn_message {
    margin: 0 auto;
    position: static;
    width: calc(650/750*100%);
  }

  #contain .section_header {
    margin: 0 auto 25px;
    width: calc(690/750*100%);
  }
  #contain .section_header li.btn_next, #contain .section_header li.btn_prev {
    width: calc(180/690*100%);
  }
  #contain .section_header li.monthly_ttl {
    width: calc(330/690*100%);
    color: #4d191d;
    font-size: 14px;
    font-weight: bold;
  }

  #contain .section {
    margin: 0 auto;
    width: calc(690/750*100%);
  }
  #contain .section_footer {
    margin: 0 auto 30px;
    width: calc(690/750*100%);
  }
  #contain .block, #contain #top_recipe .box {
    padding: 10px 10px 0;
    width: auto;
  }
  #contain .box01, #contain .box02, #contain .box03 {
    padding: 10px 10px 5px 25%;
    border-width: 3px;
    background-position: 3% center;
    -webkit-background-size: 18% auto;
    background-size: 18% auto;
    font-size: 11px;
  }
  #contain .penname {
    margin-bottom: 10px;
    font-size: 12px;
    font-weight: bold;
  }
  #contain .commentBox .comment_body {
    padding: 0 calc(10/325*100%) 0 calc(85/325*100%);
    background-image: url(/countrymaam/opinion/images/comment_bg_sp.png);
    background-position: 0 center;
    -webkit-background-size: calc(85/325*100%) auto;
    background-size: calc(85/325*100%) auto;
  }
  #contain .commentBox .comment_inner .comment_ttl img {
    width: auto;
    height: 14px;
  }
  #contain .commentBox .comment_inner p {
    font-size: 11px;
  }
  #fixedTop {
    right: 20px;
    bottom: 20px;
  }
  div#contents #page_top {
    display: none;
  }
}