@charset "UTF-8";

/*-------------------------
__column_style
-------------------------*/
#main .dogsmenu_ttl{font-size: 1.6em;line-height:1;font-weight:700;color:#FFF;text-align:center;background-color:#d6c6af;margin:0 0 10px;padding:6px 0;}
#main .dogsmenu{overflow:hidden;}
#main .dogsmenu.mb10{margin-bottom:10px;}
#main .dogsmenu ul{display:flex;flex-wrap:wrap;margin:0 -5px;}
#main .dogsmenu li{font-size:1.3em;line-height:1.3;letter-spacing:0.04em;width:calc(25% - 10px);margin:0 5px 10px;}
#main .dogsmenu li a,
#main .dogsmenu li span{color:#333;text-align:center;display:flex;justify-content:center;align-items:center;text-decoration:none;height:60px;width:100%;}
#main .dogsmenu li a{background-color:#ede3d3;transition:.3s;}
#main .dogsmenu li a:hover{color:#FFF;background-color:#c20b0b;}
#main .dogsmenu li span{color:#fff;background-color:#a40000;}

#main .modelhouse.mb20{margin-bottom:20px;}
#main .modelhouse img{height:auto;width:100%;transition:.3s;}
@media only screen and (min-width: 941px) {
 #main .modelhouse a:hover img{filter:alpha(opacity=70);opacity:0.7;}
}

#main .block{padding-bottom:20px;margin-left:20px;}
#main .block .block_ttl_s{font-size:1.4em;line-height:1.6;font-weight:700;color:#72777d;letter-spacing:0.04em;padding-bottom:0.4em;}
#main .block .block_ttl_s.og{color:#f30;}
#main .block .img_box{display:flex;}
#main .block .img{padding-bottom:1.2em;}
#main .block .img.center{text-align:center;}
#main .block .img_box .img{margin-right:10px;}
#main .block .img img{height:auto;width:auto;max-width:100%;}
#main .block .img.center img{margin:0 auto;}
#main .block .txt{font-size:1.4em;line-height:1.6;color:#72777d;letter-spacing:0.04em;padding-bottom:1.2em;}
#main .block .mb{margin-bottom:1.8em;}

@media only screen and (max-width: 940px) {
  #main .dogsmenu.tab_col2 li{width:calc(50% - 10px);margin:0 5px 10px;}
  #main .dogsmenu.tab_col3 li{width:calc(33.333% - 10px);margin:0 5px 10px;}
  #main .dogsmenu li a,
  #main .dogsmenu li span{height:50px;}

  #main .block{margin-left:0;}
}

@media only screen and (max-width: 767px) {
  #main .dogsmenu li,
  #main .dogsmenu.tab_col2 li,
  #main .dogsmenu.tab_col3 li{width:calc(50% - 10px);}
  #main .dogsmenu li a,
  #main .dogsmenu li span{height:45px;}

  #main .block .img_box{flex-wrap:wrap;margin-right:-10px;}
  #main .block .img_box .img{width:calc(50% - 10px);padding-bottom:1.2em;}
  #main .block .img img{height:auto;width:100%;max-width:auto;max-width:initial;}
}