@charset "utf-8";

body {font-family: 'メイリオ',
        'Hiragino kaku Gothic Pro', sans-serif;
background-color: #ffffff;
      ;}

/*　共通・スマホ向けのスタイル　*/
@media only screen and (max-width:480px){

/*ヘッダー*/
.header-contents {
  width: 90%;
margin: 0 auto;}

.header-contents  a{
  font-size:8px;
  color:#fff;
  line-height:1.4;
  padding: 5px;
  float: right;
}
.header-contents  a{
color: #fff;
}
.header-left:before {
    content: " ";
    float: center;
    display: block;
}
.header-left {
  background-color:  #0066b5;
  float:center;
}
.header-left img {
  max-width: 100%;
  height: auto;
}
.header-right{
  float: center;
  background-color:  #0066b5;
  padding-top: 8px ;
}
.header-right img {
  max-width: 90%;
  height: auto;
}
.header-right:after {
    content: " ";
    float: right;
    display: block;
    height: 5px;
    width: 25px;
}
.clear {
  clear:both;
}

/*メニュー*/
/*　ボタン　*/
.button {
	display: inline-block;
	width: 100%;
	text-align: center;
	text-decoration: none;
	line-height: 1.4;
	outline: none;
}
.button::before,
.button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button,
.button::before,
.button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
/*メニュー部分*/
.semi-menu{
  width: 100%;
  margin: 0 auto;
}
.menu{
  width: 100%;
  margin: 0 auto;
}
.menu ul,
.menu ol{
  width: 100%;
  margin: 0px;
  padding: 0;
  font-size: 13px;
  font-family:  "游明朝", 'メイリオ';
  font-weight: bold;
  line-height: 1.4;
  list-style: none;
  text-shadow: 1px 1px 2px #fff;
}
.menu li{
  margin: 5px;
  padding: 5px 0px;
  text-align: center;
  float: left;
  width: 45%;
  border: solid 1px #aaa;
  border-radius: 10px;
  background-color: #f2f8fc;
}
.menu li:nth-child(odd){
  width: 45%;
  border: solid 1px #aaa;
  border-radius: 10px;
  background-color: #f2f8fc;
}
.menu li span {
  display: block;
  font-size: 10px;
}
.menu ul,
.menu ol {*zoom:1;}
}/*@media*/

/*スマホ・タブレット*/
@media only screen and (max-width:768px){

  /*右側コンテンツ*/
  .right-contents {
    margin:0 0;
  }
  .title{
    padding: 5px 0 5px 12px;
    border-left: solid 10px #0066b5; /*タイトル左端の色*/
    border-bottom: solid 1px #aaa;
    font-size: 18px;
    font-weight: bold;
    font-family:  "游明朝", 'メイリオ';
    background-color: white;
  }

  .right-contents p{
    padding: 3px 10px;
    font-size: 14pt;
      font-family:  "游明朝", 'メイリオ';
  }


  .right-contents .float2 img{
   display: block;
   margin: 0 auto;
  }
  .right-contents .float2 {
    text-align: center;
  }
  .right-contents .float3  img {
    display: block;
    margin: 0 auto;
  }
  .right-contents .float3 {
    text-align: center;
  }
  .right-contents .float3  :hover{
    opacity: 0.8;
  }
  /*おすすめ物件*/
th {
  width: 100%;
}
.bukken{
  margin:5px 0;
}
  /
  /*管理物件のページ*/
  .result img{
    width: 200px;
    margin: 10px ;
  }
  .result {
    margin: 10px 0;
    padding: 0;
    border: solid 1px #aaa;
    border-radius: 10px;
    background-color: #fff;
    overflow: hidden;
  }
  .result > h1 {
    margin: 0;
    padding: 10px ;
    background-color: #000066;
    color:#fff;
    font-size: 18px;
    font-family:  "游明朝", 'メイリオ';
    line-height: 1.2;
  }
  .result  h2 {
    margin: 10px 0 0px 10px;
      font-family:  "游明朝", 'メイリオ';
    font-size: 16px;
    line-height: 1.2;
    font-weight: bold;
    color: #000066;

  }
  .result > p {
    margin: 0 0 5px 5px;
    font-size: 16px;
    line-height: 1.2;
  }
  .result p {
    border-bottom: dotted 1px #aaa;
  }
  .result:after {
    content: "";
    display: block;
    clear: both;
  }
  .result {
    zoom:1;
  }
/*フッター*/
  .footer-contents {

      color:#f1f1f1;
  }

  .footer-contents li {
    list-style: none;
    color:#f1f1f1;
    font-size: 10px;
  }
  .footer-contents a{
    text-decoration: none;
    color: #f1f1f1;
  }

  .contents-clear {
    clear: left;
  }
  .footer-map {
    margin: 10px 0;
  }
  .footer-contents2 {
  padding: 5px 0;
  font-family:  "游明朝", 'メイリオ';
  text-align:center;
  }
  .footer-contents2 img {
  display: inline-block;
    width: 150px;
}
}