﻿h2,h3{
  border-bottom:none;
}
.cf:after{
  content:".";
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}
.cf{
  display:inline-table;
  min-height:1px;
}
* html .cf{
  height:1px;
}
.cf{
  display:block;
}
.clear{
  clear:both;
}

img.pet_sec1__logo{
  margin-top: 80px;
}

.sec_madori__txt_p{
  display: block;
}

.madori-garden-img{
  margin-top: 27px;
}

@media only screen and (min-width: 736px){
  .sp{
    /*display:none !important;*/
  }
  .wrapper{
    width:940px;margin:0 auto;position:relative;
  }
  .kvWrapT{
    width:100%;height:100%;position:relative;display:table;
  }
  .kvWrapT .kvWrapC{
    width:100%;height:100%;text-align:center;vertical-align:middle;display:table-cell;
  }
  .kvWrapC{
    text-align: center;
  }
  .txt_blue{
    text-align:center;color:#92b9c9;font-size:22px;
  }
  .txt_orange{
    text-align:center;color:#ff8f00;font-size:20px;
  }
  .loop{
    width:100%;height:auto;margin:120px auto;text-align:left;
  }
  .loop ul{
    width:100%;height:auto;float:left;display:inline;overflow:hidden;display:inline-block;

  }

  .loop ul li{
    width:244px;height:auto;float:left;display:inline;overflow:hidden;

  }

  .loop .simply-scroll-container{
    position:relative;
  }
  .loop .simply-scroll-clip{
    position:relative;overflow:hidden;
  }
  .loop .simply-scroll-list{
    overflow:hidden;margin:0;padding:0;
  }
  .loop .simply-scroll-list li{
    width:244px;height:auto;float:left;padding:0;margin:0;
  }
  .loop .simply-scroll-list li img{
    display:block;
  }
  .pet_sec1 .txt_blue{
    margin:120px auto 70px;
  }
  .pet_sec1 .txt_orange{
    margin:80px 0 40px;
  }
  .pet_sec1 p{
    font-size:18px;color:#484848;text-align:center;
  }
  .pet_sec2{
    width:100%;height:auto;background:#f9f8f1;margin-top:100px;
  }
  .pet_sec2__txtarea{
    width:50%;float:left;padding-top:35px;
  }
  .pet_sec2__txtarea h2{
    font-size:22px;color:#7f7b6a;letter-spacing:0;
  }
  .pet_sec2__txtarea p{
    font-size:14px;color:#484848;
  }
  .pet_sec2__imgarea{
    width:48%;float:left;
  }
  .pet_sec3{
    width:100%;height:auto;background:#f7f5e6;padding:100px 0;
  }
  .pet_sec3 .txt_blue{
    margin:0 0 20px;font-size:28px;
  }
  .pet_sec3 ul{
    text-align:center;font-size:0;display:-webkit-box;display:-moz-box;display:-ms-box;display:-webkit-flexbox;display:-moz-flexbox;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;
  }
  .pet_sec3 ul li{
    width:44%;height:auto;margin:4% 4% 0 0;display:inline-block;vertical-align:top;background:#fff;padding:2%;border-radius:4px;box-shadow:2px 2px 3px 0px #c9c9c9;-moz-box-shadow:2px 2px 3px 0px #c9c9c9;-webkit-box-shadow:2px 2px 3px 0px #c9c9c9;
  }
  .pet_sec3 ul li:nth-of-type(2n){
    margin-right:0;
  }
  .pet_sec3 ul li h3{
    margin-top:10px;
  }
  .pet_sec3 ul li p{
    font-size:14px;color:#484848;
  }
  .pet_sec4{
    width:100%;height:460px;background:url("/wordpress/wp-content/uploads/2016/12/sec3_bg.jpg") no-repeat 30% 50%;background-size:cover;
  }
  .pet_sec4 h2{
    text-align:center;color:#fff;margin:0;padding:70px 0 40px;
  }
  .pet_sec4 ul{
    text-align:center;font-size:0;
  }
  .pet_sec4 ul li{
    width:41%;display:inline-block;margin:0 3% 3% 0;padding:5px 0 5px 40px;background:url("/wordpress/wp-content/uploads/2016/12/sec3_list.png") no-repeat 5px 5px,rgba(255,255,255,0.8);list-style-position:inside;font-size:16px;text-align:left;
  }
  .pet_sec4 ul li:nth-of-type(2n){
    margin-right:0;
  }
  .sec_madori{
    padding:140px 0 120px;
  }
  .sec_madori_dog{
    box-shadow:0px 4px 3px 0px #c9c9c9;-moz-box-shadow:0px 4px 3px 0px #c9c9c9;-webkit-box-shadow:0px 4px 3px 0px #c9c9c9;
  }
  .sec_madori_dog_bnr{
    width:680px;height:auto;margin:0 auto 80px;padding:15px;border:3px solid #cecece;position:relative;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s;
  }
  .sec_madori_dog_bnr:hover{
    opacity:0.7;
  }
  .sec_madori_dog_bnr a{
    text-decoration:none;
  }
  .sec_madori_dog_bnr_txt{
    width:40%;float:left;
  }
  .sec_madori_dog_bnr_img{
    width:60%;float:left;
  }
  .sec_madori_dog_bnr_txt img,.sec_madori_dog_bnr_img img{
    width:100%;
  }
  .sec_madori_dog_bnr_txt{
    /*padding-top:40px;*/
  }
  .sec_madori_dog_bnr_txt h3{
    color:#000;font-family:"游明朝体", 'ヒラギノ明朝 Pro W3', HiraMinProN-W3, 'Hiragino Mincho Pro', 'ＭＳ Ｐ明朝', 'MS PMincho', serif;font-size:50px;margin:0 0 5px;
  }
  .sec_madori_dog_bnr_txt p{
    width:180px;
    margin:0 auto 10px;
    background:#ff8f00;
    color:#fff;
    padding:3px 15px;
  }
  .sec_madori_cat{
    padding-bottom:30px;
  }
  .sec_madori__ttl{
    width:270px;height:80px;margin:0 auto 80px;text-align:center;
  }
  .sec_madori__ttl_dog{
    position:relative;
  }
  .sec_madori__ttl_dog:before{
    width:116px;height:178px;content:'';background:url("/wordpress/wp-content/uploads/2016/12/madori_ttl_dog_img.jpg") no-repeat;position:absolute;top:-55px;left:-150px;
  }
  .sec_madori__ttl_cat{
    position:relative;
  }
  .sec_madori__ttl_cat:before{
    width:189px;height:157px;content:'';background:url("/wordpress/wp-content/uploads/2016/12/madori_ttl_cat_img.jpg") no-repeat;position:absolute;top:-50px;right:-215px;
  }
  .sec_madori__txtarea,.sec_madori__imgarea,.sec_madori__content_column{
    width:48%;display:inline-table;vertical-align:top;float:left;
  }
  .sec_madori__imgarea{
    float:right;
  }
  .sec_madori__left,.sec_madori__content_column_left{
    padding-right:2%;float:left;
  }
  .sec_madori__content{
    margin-bottom:100px;
  }
  .sec_madori__content h3{
    border-bottom:1px solid #484848;margin-bottom:35px;
  }
  .sec_madori__content p{
    margin:0 0 25px;
  }
  .sec_madori__content .sec_point{
    font-size:0;padding:0;margin-bottom:20px;
  }
  .sec_madori__content .sec_point li{
    display:inline-block;margin-right:10px;list-style:none;font-size:14px;color:#fff;background:#ff8f00;padding:5px 15px;
  }
  .sec_madori__content_toilet{
    float:right;
  }
  .sec_madori__content2{
    margin-bottom:50px;
  }
  .sec_madori__content2 p{
    margin-bottom:50px;
  }
  .sec_madori__content3 p{
    margin-bottom:53px;
  }
  .sec_madori__content2 .sec_madori__txtarea,.sec_madori__content4 .sec_madori__txtarea,.sec_madori__content6 .sec_madori__txtarea{
    float:right;
  }
  .sec_madori__content p.madori-garden-p{
    margin:20px 0 25px;
  }
  .sec_madori_dog_bnr_txt .kvWrapC img{
    width:212px;
    margin-top: 5px;
  }

}
@media only screen and (max-width: 736px){
  .wrapper{
    width:95%;margin:0 auto;position:relative;
  }
  .pc{
    display:none !important;
  }
  .txt_blue{
    text-align:center;color:#92b9c9;font-size:18px;
  }
  .txt_orange{
    text-align:center;color:#ff8f00;font-size:18px;
  }
  .loop{
    width:100%;height:auto;margin:60px auto;text-align:left;
  }
  .loop ul{
    width:100%;height:auto;float:left;display:inline;overflow:hidden;display:inline-block;
  }
  .loop ul li{
    width:150px;height:auto;float:left;display:inline;overflow:hidden;list-style:none;
  }
  .loop .simply-scroll-container{
    position:relative;
  }
  .loop .simply-scroll-clip{
    position:relative;overflow:hidden;
  }
  .loop .simply-scroll-list{
    overflow:hidden;margin:0;padding:0;
  }
  .loop .simply-scroll-list li{
    width:150px;height:auto;float:left;padding:0;margin:0;
  }
  .loop .simply-scroll-list li img{
    display:block;
  }
  .pet_sec1 .txt_blue{
    margin:40px auto 20px;
  }
  .pet_sec1 .txt_orange{
    margin:40px 0 20px;
  }
  .pet_sec1 p{
    color:#484848;text-align:center;
  }
  .pet_sec2{
    width:100%;height:auto;background:#f9f8f1;margin-top:50px;padding:30px 0 40px;
  }
  .pet_sec2__txtarea{
    width:100%;display:block;padding-right:1%;
  }
  .pet_sec2__txtarea h2{
    font-size:18px;color:#7f7b6a;letter-spacing:0;margin:0 0 10px;
  }
  .pet_sec2__txtarea h2 br{
    display:none;
  }
  .pet_sec2__txtarea p{
    font-size:14px;color:#484848;
  }
  .pet_sec2__txtarea p br{
    display:none;
  }
  .pet_sec2__imgarea{
    width:100%;display:block;
  }
  .pet_sec3{
    width:100%;height:auto;background:#f7f5e6;padding:30px 0 40px;
  }
  .pet_sec3 .txt_blue{
    margin:0;
  }
  .pet_sec3 ul{
    text-align:center;font-size:0;display:-webkit-box;display:-moz-box;display:-ms-box;display:-webkit-flexbox;display:-moz-flexbox;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0;
  }
  .pet_sec3 ul li{
    width:100%;height:auto;margin:0 0 4%;display:block;background:#fff;padding:2% 5% 10px;border-radius:4px;box-shadow:2px 2px 3px 0px #c9c9c9;-moz-box-shadow:2px 2px 3px 0px #c9c9c9;-webkit-box-shadow:2px 2px 3px 0px #c9c9c9;
  }
  .pet_sec3 ul li:nth-of-type(2n){
    margin-right:0
  }
  .pet_sec3 ul li h3{
    margin-top:20px;
  }
  .pet_sec3 ul li p{
    font-size:14px;color:#484848;text-align:left;
  }
  .pet_sec3 ul li p br{
    display:none;
  }
  .pet_sec4{
    width:100%;height:460px;background:url("/wordpress/wp-content/uploads/2016/12/sec3_bg_sp.jpg") no-repeat center;background-size:cover;
  }
  .pet_sec4 h2{
    text-align:center;color:#fff;margin:0;padding:40px 0 30px;
  }
  .pet_sec4 ul{
    text-align:center;font-size:0;padding:0;
  }
  .pet_sec4 ul li{
    width:87%;margin:0 0 3%;padding:5px 0 5px 40px;background:url("/wordpress/wp-content/uploads/2016/12/sec3_list.png") no-repeat 5px 5px,rgba(255,255,255,0.8);list-style-position:inside;font-size:14px;text-align:left;list-style:none;
  }
  .sec_madori{
    padding:80px 0 40px;
  }
  .sec_madori_dog{
    box-shadow:0px 4px 3px 0px #c9c9c9;-moz-box-shadow:0px 4px 3px 0px #c9c9c9;-webkit-box-shadow:0px 4px 3px 0px #c9c9c9;
  }
  .sec_madori_dog_bnr{
    width:auto;height:auto;margin:0 auto 60px;padding:3%;border:3px solid #cecece;position:relative;
  }
  .sec_madori_dog_bnr a{
    text-decoration:none;
  }
  .sec_madori_dog_bnr_txt{
    width:42%;display:inline-table;vertical-align:middle;
  }
  .sec_madori_dog_bnr_img{
    width: 54%;
    display: inline-block;
    vertical-align: middle;
  }
  .sec_madori_dog_bnr_txt{
    padding-right:5px;
  }
  .sec_madori_dog_bnr_txt h3{
    color:#000;font-family:"游明朝体", 'ヒラギノ明朝 Pro W3', HiraMinProN-W3, 'Hiragino Mincho Pro', 'ＭＳ Ｐ明朝', 'MS PMincho', serif;font-size:20px;margin:0 0 5px;text-align:center;
  }
  .sec_madori_dog_bnr_txt p{
    margin:0 auto;background:#ff8f00;color:#fff;font-size:11px;padding:3px 0;text-align: center;
  }
  .sec_madori_cat{
    padding-bottom:30px;
  }
  .sec_madori__ttl{
    width:50%;margin:0 auto 80px;text-align:center;
  }
  .sec_madori__ttl_dog{
    position:relative;
  }
  .sec_madori__ttl_dog:before{
    width:50px;height:77px;content:'';background:url("/wordpress/wp-content/uploads/2016/12/madori_ttl_dog_img.jpg") no-repeat;position:absolute;background-size:contain;top:-20px;left:-65px;
  }
  .sec_madori__ttl_cat{
    position:relative;
  }
  .sec_madori__ttl_cat:before{
    width:142px;height:110px;content:'';background:url("/wordpress/wp-content/uploads/2016/12/madori_ttl_cat_img.jpg") no-repeat;position:absolute;background-size:contain;top:-35px;right:-150px;
  }
  .sec_madori__txtarea,.sec_madori__imgarea,.sec_madori__content_column{
    width:100%;
  }
  .sec_madori__left,.sec_madori__content_column_left{
    padding-right:3.6%;
  }
  .sec_madori__content{
    margin-bottom:40px;
  }
  .sec_madori__content h3{
    border-bottom:1px solid #484848;margin-bottom:15px;
  }
  .sec_madori__content p{
    margin:0 0 15px;
  }
  .sec_madori__content img{
    margin-bottom:10px;
  }
  .sec_madori__content .sec_point{
    font-size:0;padding:0;margin-bottom:20px;
  }
  .sec_madori__content .sec_point li{
    display:inline-block;margin-right:10px;list-style:none;font-size:12px;color:#fff;background:#ff8f00;padding:3px 7px;
  }
  .sec_madori__content2{
    margin-bottom:10px;
  }
  img.pet_sec1__logo{
    width: 200px;
  }
  .sec_madori_dog_bnr_txt .kvWrapC img{
    width: 80%;
    margin-top: 5px;
  }
  .kvWrapC{
    text-align: center;
  }

}

