/*PC*/
@media screen and (min-width:668px) {

  #sider .pet-box01 {
      background-color: #fff7df;
      padding: 10px;
      *zoom: 1;
  }
  .pet-box01 .link01 .ico01, .pet-box01 .link01 a {
      vertical-align: middle;
      display: inline-block;
      *display: inline;
      *zoom: 1;
  }
  .pet-box01 .link01 .ico01 {
      width: 100px;
  }
  .pet-box01 .link01 a {
      width: 440px;
  }
  .pet-box01 .link01 {
      margin-bottom: 10px !important;
  }
  .w58per{
    width:58%;
  }
  .w42per{
    width:42%;
  }
  .w370{
    width:370px;
  }
  .communityTable table{
    width:100%;
  }
  .communityTable td{
    width:95%;
    padding:2.5%;
  }
  .liso-detail01 td.item01 {
      padding: 22px 5px;
      background-color: #ffffcc;
  }
  .liso-detail01 td.item01 dl dt {
      color: #663366;
      font-weight: bold;
  }
  .pet-plan01 dt {
      float: left;
      clear: both;
      width: 63px;
  }
  .pet-plan01 dd {
      margin-bottom: 10px;
      overflow: hidden;
      *zoom: 1;
  }
  .pet-box02 {
      margin-bottom: 25px;
      background-color: #ffff99;
      padding: 18px;
      *zoom: 1;
  }
  .pet-box02 .txt01 {
      color: #993300;
      font-weight: bold;
      padding-bottom: 25px;
  }
  .pet-flow01 {
      padding-left: 30px;
      margin-bottom: 25px;
  }
  .pet-flow01 dt {
      float: left;
      width: 143px;
      text-align: center;
      background: url(/maison/products/pet/img/flow_img.gif) center bottom no-repeat;
      padding-bottom: 81px;
      clear: both;
  }
  .pet-flow01 dt img {
      vertical-align: top;
  }
  .pet-flow01 dd {
      overflow: hidden;
      *zoom: 1;
  }
  }

  /*スマホ表示用*/
  @media screen and (max-width:667px) {
  #sider .pet-box01 {
      background-color: #fff7df;
      padding: 10px;
      *zoom: 1;
  }
  .pet-box01 .link01 .ico01, .pet-box01 .link01 a {
      vertical-align: middle;
      display: block;
      *zoom: 1;
  }
  .pet-box01 .link01 .ico01 {
    float:left;
      /* width: 100px; */
    margin-right:-100px;
  }
  .pet-box01 .lin01 span{
    float:right;
    width:100%;
  }
  .pet-box01 .link01 span a {
    margin-left:100px;
  }
  .pet-box01 .link01 {
      margin-bottom: 10px !important;
    overflow:hidden;
  }
  #sider .col2 li.arrow02 {
    width:38%;
    float:left;
  }
  .communityTable table{
    width:100%;
  }
  .communityTable td{
    display:inline-block;
    width:95%;
    padding:2.5%;
  }
  .liso-detail01 td{
    width:100%;
    display:inline-block;
  }
  .liso-detail01 td.item01 {
      padding: 10px 5px;
      background-color: #ffffcc;
  }
  .liso-detail01 td.item01 dl dt {
      color: #663366;
      font-weight: bold;
  }
  .pet-plan01 dt {
      float: left;
      clear: both;
      width: 63px;
  }
  .pet-plan01 dd {
      margin-bottom: 10px;
      overflow: hidden;
      *zoom: 1;
  }
  .pet-box02 {
      margin-bottom: 25px;
      background-color: #ffff99;
      padding: 18px;
      *zoom: 1;
  }
  .pet-box02 .txt01 {
      color: #993300;
      font-weight: bold;
      padding-bottom: 25px;
  }
  .pet-flow01 {
      margin-bottom: 25px;
  }
  .pet-flow01 dt {
      float: left;
      width: 143px;
      text-align: center;
      background: url(/maison/products/pet/img/flow_img.gif) center bottom no-repeat;
      padding-bottom: 81px;
      clear: both;
  }
  .pet-flow01 dt img {
      vertical-align: top;
  }
  .pet-flow01 dd {
      overflow: hidden;
      *zoom: 1;
  }
  }



  /* 「ヘーベルメゾン ＋わん＋にゃん」が選ばれる理由 15周年　*/
    #year15 h3 span{ font-size: 90%; }
    #year15 .qa_block{
      box-sizing: border-box;
      width:100%;
      padding:18px;
      border:#ccc solid 2px;
      border-radius: 10px;
      margin-bottom:20px;
    }
    #year15 .qa_block .qa_q{
      padding-left:55px;
      font-size:110%;
      font-weight: bold;
      color:#666633;
      position: relative;
      min-height: 44px;
      margin-bottom:10px;
      padding-top:10px;
    }
    #year15 .qa_block .qa_q::before{
      box-sizing: border-box;
      position: absolute;
      top:0;
      left:0;
      content: "Q";
      font-size:24px;
      color:#fff;
      line-height: 44px;
      width:44px;
      height:44px;
      text-align: center;
      border-radius: 50%;
      background-color: #4196BE;
    }
    #year15 .qa_block .qa_a{
      padding:20px;
      background-color: #F7EDDA;
      margin-bottom:10px;
      position: relative;
      padding-left: 55px;
    }
    #year15 .qa_block .qa_a::before{
      box-sizing: border-box;
      position: absolute;
      top:10px;
      left:15px;
      content: "A.";
      font-size:28px;
      color:#E98811;
    }
    #year15 .qa_inner_block{
      border-top:#ccc dotted 1px;
      padding-top:20px;
    }

  @media screen and (max-width:667px) {
    #year15 h3 span{ font-size: 80%; }
    #year15 .qa_block{
      padding:10px 0;
      border:#ccc solid 1px;
    }
    #year15 .qa_block .qa_q{
      padding-top:0;
      padding-right: 10px;
      padding-left:60px;
    }
    #year15 .qa_block .qa_q::before{
      left:5px;
    }
    #year15 .qa_block .qa_a{
      padding-right:10px;
    }
  }