/*共通用*/
li{
	list-style:none;
}
body{
		background-color: #fffdf1;
}
header img{
	width: 40%;
}
#logo img{
	margin-left: 40px;
	margin-bottom:15px;
}
#logo{
        transition: all 0.2s ease;
}
#logo:hover{
        opacity: 0.5;
}

nav ul li{
        transition: all 0.2s ease;
}

nav ul li:hover{
        opacity: 0.4;
}
nav ul li{
	margin-right: auto;
	margin-left: auto;
}
nav img{
	width: 80px;
	height: auto;
}
main {
	width: 100%;
}
footer{
	width:100%;
	height: 50px;
	margin-right: auto;
	margin-left: auto;
	margin-top:50px;
	clear: both;
}
footer div ul{
	float: right;
	font-size:small;
	margin-top:50px;
}
.top_photo{
	width: 100%;	
}
.title_photo{
	width: 28%;
	position: absolute;
	left: 50%;
	top: 20%;
	-ms-transform: translate(-50%,-50%);
  	-webkit-transform: translate(-50%,-50%);
  	transform: translate(-50%,-50%);
  	margin:0;
  	padding:0;
}
#contents_sample9 ul li{
        transition: all 0.2s ease;
}
#contents_sample9 ul li:hover{
        opacity: 0.5;
}
/*共通用　終了*/

/*sp用スタイル*/
#top_photo_sp{
	display: none;
}
#main_photo_sp{
	display: none;
}
/*sp用スタイル　終了*/

/*tb用スタイル*/
.sample9header{
	display: flex;
	position: fixed;
	justify-content: space-between;
	width: 100%;
	z-index: 1000;
	margin-top:18px;
}
/*ハンバーグメニュー「*/
#navi{
	background-color: #33314c; /*メニュー背景色*/
	box-sizing: border-box;
	height: 100%;
	padding: 10px 40px; /*メニュー内部上下左右余白*/
	position: fixed;
	right: -300px; /*メニュー横幅�@と合わせる*/
	top: 0;
	transition: transform 0.3s linear 0s; /*0.3s は変化するのにかかる時間*/
	width: 300px; /*メニュー横幅�@*/
	z-index: 1000;
}
/*メニューアイコン部分は疑似要素で*/
#navi::before {
    /*background-color: #fff;*/ /*ボタン部分背景色*/
    border-radius: 0 0 0 10px; /*左下角丸*/
    color: white; /*アイコン（フォント）色*/
    content:url(images/humberger.png); /*メニューアイコン*/
    display: block;
    /*font-size: 50px; *//*アイコン（フォント）サイズ*/
    /*height: 50px;*/
    /*line-height: 50px; *//*縦位置中央化*/
    position: absolute;
    right: 100%;
    /*text-align: center;*/
    /*top: 0;*/
    /*width: 50px;*/
    margin-right: 10px;
}
/*透過背景部分*/
#menu-background {
    background-color: #333; /*黒背景部分背景色*/
    display: block;
    height: 100%;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition: all 0.3s linear 0s; /*0.3s は変化するのにかかる時間*/
    width: 100%;
    z-index: -1;
}
/*hover 時の処理*/
#navi:hover {
    transform: translate(-300px); /*メニュー横幅�@と合わせる*/
}
#navi:hover + #menu-background {
    opacity: 0.5; /*黒背景部分透過度*/
    z-index: 999;
}
/*ハンバーグメニュー　」*/
#navidiv{
	margin-top:70px;
}
nav img{
	width: auto;
	height: 28px;
	margin-top:15px;
	margin-bottom:15px;
}

#top_photo_tb{
	display: block;
	position: relative;
}
#main_photo_tb img{
	display: block;
	width: 100%;
	margin-top:15px;
}
#gnav_only{
	display: none;
}
#contents_sample9{
	margin-top:15px;
}
.contents_photo img{
	float: left;
	width: 50%;
	margin-left: 5%;
	margin-top:15px;
	margin-bottom:15px;
}
.contents_nav img{
	float: left;
	width:15%;
	margin-left: 10%;
	margin-top: 18%;
} 
/*電話ナビ*/
#tel_tel{
	display: none;
}
  
/*tb用スタイル　終了*/

/*pc用スタイル*/
#top_photo_pc{
	display: none;
}
#main_photo_pc{
	display: none;
}
/*pc用スタイル　終了*/

/*新着物件・物件情報　ＴＢ用*/
#info_main{
	width:768px;
	margin-right: auto;
	margin-left: auto;
}
.info img{
	width:350px;
	float: left;
	margin-left: 10%;
	margin-top:50px;
	transition: all 0.2s ease;
}
.info_p{
	margin-left: 20px;
	margin-top: 200px;
	float: right;
	margin-right: 15%;
	font-size :22px;
	color : #7c7973;
	transition: all 0.2s ease;
}
.info img:hover{
        opacity: 0.4;
}
.info_p:hover{
        opacity: 0.4;
}
.info_p_2{
	font-size :18px;
	color : #7c7973;
}
/*物件情報の上部*/
#yohaku{
	height: 120px;
}
/*flexスライダー*/
.flexslider{
	width: 500px;
	margin-right: auto !important;
	margin-left: auto !important;
}
#slider{
	margin-bottom:15px !important;
}
#carousel{
	margin-top:15px !important;
	margin-bottom:15px !important;
}