@charset "UTF-8";
/*  =============================

			 BASE
			
=============================  */

/*  ---------------------------
			Layout
---------------------------  */
*{
	margin:0;
	padding:0;
}

html,body{
	color:#000000;
	font-size:14px;
	line-height:20px;
	margin:0;
	padding:0;
	height:100%;
	min-width:980px;
	background:url(/images/main_bg.jpg) repeat;
	font-family:"Lato", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	word-break: normal;
}

img{
	border:0;
	box-shadow: #000 0 0 0;
}

p{
	margin:0;
	padding:0;
}

ul{
	list-style:none;
}

a{
	color:#333;
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

h1,h2,h3,h4,h5{
	margin:0;
	padding:0;
	font-weight:normal;
}

.share{
	background:#007FC4;	
}

.apart{
	background:#00BDC1;
}

.social{
	background:#FFBC00;	
}

/*add 20151224*/
.share_apart{
	background:#a482ea;	
}

.rooms{
	background:#333;
	font-size: 10px !important;
}


a:link,a:visited{
	text-decoration: underline;
}

a:hover{
	text-decoration: none;
}

/*  ---------------------------
			text
---------------------------  */
.f_bold{
	font-weight:bold;
}

.f_red{
	color:#E31D00;
}

.red{
	color: #FC2900;
}

.strike{
	text-decoration: line-through;
}


/*  ---------------------------
			Language
---------------------------  */
#lang{
	width:100%;
	text-align:center;
	display:none;
}

#lang ul{
	text-align:center;
	background:#000;
	height:50px;
}

#lang ul li{
	display:inline;
	color:#FFF;
	background:url(/images/navi/lang/border.png) no-repeat;
}

#lang ul li a{
	padding:15px;
	display:inline-block;
	color:#FFF;
	font-size:14px;
	text-decoration: none;
}

#lang ul li a img{
	padding:0 10px 0 0;
	margin-bottom:-1px;
}

#lang ul li a.current{
	background:#F00;
}

/*  ---------------------------
			Header
---------------------------  */
#header{
	width:100%;
	background:#FFF;
}

#header a{
	text-decoration: none;
}


#header .navi{
	width:980px;
	background:#FFF;
	position:relative;
	margin:0 auto;
	height:55px;
}

#header .navi p#head_logo{
	position:absolute;
	top:-65px;
	left:0;
	padding:0;
	z-index: 1;
}


#header .navi h2{
	position:absolute;
	top:-65px;
	left:0;
	padding:0;
	z-index: 1;
}

#header .navi ul{
	position:absolute;
	top:18px;
	left:225px;
	width:755px;
	height:30px;
	display:table;
}

#header .navi ul li{
	display:table-cell;
	text-align:center;
	font-size:12px;
	padding:0;
	margin:0 27px 0 0;
	height:30px;
	min-width:55px;
}

#header .navi ul li:first-child{
	text-align:left;
}

#header .navi ul li:last-child{
	margin:0 0 0 0;
	text-align:right;
}

#header .navi ul li a:hover{
	color:#EE2500;
}

#sub_navi{
	width:100%;
	margin:0 auto;
	color:#FFF;
	font-size:11px;
	height:30px;
	background:#FFF;
}

#sub_navi a{
	text-decoration: none;
}


#sub_navi .sub_navi_inner{
	width:980px;
	margin:0 auto;
	text-align:right !important;
}

#sub_navi .sub_navi_inner .sub_box_inner{
	float:right;
}

#sub_navi h1{
	float:left;
	padding:5px 20px 0 0;
	font-size:10px;
}

#sub_navi a.btn_01{
	float:left;
	display:block;
	color:#FFF;
	padding:5px 30px 5px 15px;
	background:url(/images/navi/sub_link.png) no-repeat 230px 12px #E31D00;
}

#sub_navi a.btn_01:hover{
	background:url(/images/navi/sub_link.png) no-repeat 230px 12px #FF0000;
	text-decoration:none;
}

#sub_navi a.btn_02{
	float:left;
	background:#333;
	display:block;
	color:#FFF;
	padding:5px 30px 5px 15px;
	background:url(/images/navi/sub_link.png) no-repeat #333;
	background-position: right 12px top 12px;
}

#sub_navi a.btn_02:hover{
	background:url(/images/navi/sub_link.png) no-repeat #5B5B5B;
	background-position: right 12px top 12px;
	text-decoration:none;
}

#sub_navi a.btn_lang{
	float:left;
	background:#333;
	display:block;
	color:#FFF;
	padding:5px 15px 5px 40px;
	background:url(/images/navi/lang_icon.png) no-repeat 15px 6px #000;
	font-style:italic;
	margin-left:10px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

#sub_navi a.btn_lang:hover{
	background:url(/images/navi/lang_icon.png) no-repeat 15px 6px #555;
	text-decoration:none;
}

#sorcial{
	position:absolute;
	top:45px;
	right:10px;
}

#sorcial ul li{
	float:left;
	margin-right:10px;
}

/*  ---------------------------
			Side
---------------------------  */
#side{
	position:fixed;
	top:0;
	/*left:-100px; デフォルトで閉じたい時はこちらに変更*/
	left:0px;
	z-index:100;
}

#side a.btn{
	position:absolute;
	top:25px;
	left:100px;
	width:40px;
	height:131px;
	background:#000;
	display:block;
	border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

#side a.btn .icon{
	position:absolute;
	bottom:10px;
	left:12px;
}

#side a .icon{
	/*デフォルトで閉じたい時はこちらに変更
	-moz-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	*/
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
}

#side a.defclose .icon {
	-moz-transform: rotate(0deg) ;
	-webkit-transform: rotate(0deg) ;
	-ms-transform: rotate(0deg);
}


#side a.close .icon{
	animation: rotate2 1s;
    -webkit-animation: rotate2 1s;
	-moz-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
}

#side a.open .icon{
	animation: rotate 1s;
    -webkit-animation: rotate 1s;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
}

@keyframes rotate {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(45deg); } 
}
@-webkit-keyframes rotate {
     /* webkit用keyframes */ 
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(45deg); }
}

@keyframes rotate2 {
    0% { transform: rotate(45deg); }
    100% { transform: rotate(0deg); } 
}
@-webkit-keyframes rotate2 {
     /* webkit用keyframes */ 
    0% { -webkit-transform: rotate(45deg); }
    100% { -webkit-transform: rotate(0deg); }
}

#side a.btn:hover{
	background:#333;
}

#side ul{

}

#side ul li a{
	display:block;
	width:100px;
	padding:12px 0 12px 0;
	background:#000;
	border-bottom:1px #666666 solid;
	text-align:center;
	color:#FFF;
	font-size:12px;
	line-height:16px;
	text-decoration: none;
}

#side ul li a:hover{
	background:#333;
	text-decoration:none;
}

#side ul li a.current{
	background:#ee2500;
}

#side ul li span{
	display:block;
	position:relative;
}

#side ul li span .recomen{
	position:absolute;
	top:2px;
	left:54px;
	background:url(/images/side/recomen_bg.png) no-repeat;
	color:#FFF;
	width:33px;
	height:33px;
	font-size:14px;
	line-height:33px;
}

/*  ---------------------------
		Secound_navi
---------------------------  */
#lower_navi{
	width:100%;
	padding:10px 0 10px 0;
	background:url(/images/navi/lower/bg.gif) repeat;
}

#lower_navi .lower_inner{
	width:755px;
	margin:0 auto;
	padding-left:225px;
	color:#FFF;
	font-size:10px;
}

#lower_navi .lower_inner h1{
	float:left;
	font-size:12px;
}

#lower_navi .lower_inner ul.pankz{
	float:right;
}

#lower_navi .lower_inner ul.pankz li{
	float:left;
	margin-left:5px;
}

#lower_navi .lower_inner ul.pankz li img{
	padding-bottom:-10px;
}

#lower_navi .lower_inner ul.pankz li a:link,
#lower_navi .lower_inner ul.pankz li a:hover,
#lower_navi .lower_inner ul.pankz li a:visited{
	text-decoration: underline;
	color:#fff;
}


/*  ---------------------------
		Secound_Contetns
---------------------------  */
#wrapper{
	width:940px;
	margin:30px auto 30px auto;
	padding:20px;
	background:#FFF;
}

#wrapper .lower{
	width:900px;
	margin:0 auto 20px auto;
	padding:20px;
	text-align:center;
	font-size:22px;
	color:#FFF;
	background:#E31D00;
	position:relative;
}

#wrapper .lower ul.sorcial_lower{
	position:absolute;
	top:20px;
	right:15px;
}

#wrapper .lower ul.sorcial_lower li{
	float:left;
	margin-left:10px;
	margin-top:-3px;
	padding-top:3px;
}

#wrapper .lower ul.sorcial_lower li:last-child{
	padding-top:0;
}

/*  ---------------------------
			Bukken_box
---------------------------  */
.house_style_box{
	position:relative;
	font-size:12px;
	cursor:pointer;
}

.house_style_box .favor{
	position:absolute;
	top:10px;
	left:10px;
	z-index:1;
}

.house_style_box .favor a{
	filter:alpha(opacity=100);
	-ms-filter:'alpha(opacity=100)';
	opacity:1;
}

.house_style_box .favor a:hover{
	filter:alpha(opacity=70);
	-ms-filter:'alpha(opacity=70)';
	opacity:0.7;
}

.house_style_box .pic{
	position:relative;
}

.house_style_box .pic img{
	width:100%;
	margin-bottom:-5px;
}

.house_style_box .pic .cate{
	position:absolute;
	top:0;
	right:0;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	color:#FFF;
	padding:3px 10px 3px 10px;
	letter-spacing:1px;
}

.house_style_box .pic .price{
	position:absolute;
	left:0;
	bottom:0;
	background:#333;
	font-size:24px;
	font-style:italic;
	padding:5px 20px 10px 10px;
	color:#FFF;
}

.house_style_box .pic .price span{
	font-size:14px;
	display:block;
}

.house_style_box p{
	position:static;
}

.house_style_box p.name{
	font-size:16px;
	padding:10px 0 5px 0;
}

.house_style_box p.name span.open{
	font-size:14px;
	font-weight:bold;
	background:#ED2500;
	padding:2px 4px 2px 4px;
	margin-right:5px;
	color:#FFF;
}

.house_style_box p.name span.close{
	font-size:14px;
	font-weight:bold;
	background:#444;
	padding:2px 4px 2px 4px;
	margin-right:5px;
	color:#FFF;
}

.house_style_box p.name span.plan{
	font-size:14px;
	font-weight:bold;
	background:rgba(222,112,0,1.00);
	padding:2px 4px 2px 4px;
	margin-right:5px;
	color:#FFF;
}


/*  ---------------------------
			Form
---------------------------  */
.form_btn a{
	text-align:center;
	border:3px solid #ED2500;
	line-height:20px;
	color:#ED2500;
	font-size:18px;
	display:block;
	vertical-align:middle;
	padding:30px 0 30px 0;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%,#f2f2f2 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
}

.form_btn a:hover{
	background: #f2f2f2; /* Old browsers */
	background: -moz-linear-gradient(top, #f2f2f2 0%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f2f2f2 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f2f2f2 0%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f2f2f2 0%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom, #f2f2f2 0%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.form_btn a img{
	margin:0 8px -3px 0;
}

/*  ---------------------------
			Footer
---------------------------  */
#footer{
	width:100%;
	background:#333333;
	padding:30px 0 5px 0;
	color:#FFF;
}
/*
#footer ul{
	text-align:center;
	padding-bottom:25px;
}

#footer ul li{
	display:inline-block;
	border-right:1px solid #999;
	padding:0 12px 0 12px;
	font-size:12px;
}

#footer ul li a{
	color:#FFF;
}

#footer ul li:last-child{
	border-right:none;
}

#footer p{
	text-align:center;
	font-size:12px;
	padding-bottom:15px;
}
*/

#footer #footbox{
	width: 980px;
	margin: 0 auto;
}

#footer #footbox  p.f_logo{
	width: 205px;
	text-align:center;
	font-size:12px;
	padding-bottom:15px;
	float: left;
}

#footer #footbox #f_navibox{
	width: 460px;
	float: left;
}


#footer #footbox #f_navibox ul{
	padding-bottom:0px;
	height: 107px;/*add 151224*/
	border-right:1px dotted #999;
	width: 130px;
	margin: 0 0 20px 20px;
	float: left;
	min-height: 80px;
}

#footer #footbox #f_navibox ul.last{
	padding-bottom:0px;
	border-right:none;
}


#footer #footbox #f_navibox ul li{
	padding:0 0 0 10px;
	font-size:10px;
	width:100px;
	line-height: 1.7em;
	margin: 0 0 5px 0;
	background: url(/images/footer/icon_ft.gif) no-repeat 0px 6px;
}
#footer #footbox #f_navibox ul li a{
	color:#FFF;
}

#footer #footbox ul li:last-child{
	border-right:none;
}

#footer #footbox #f_copy{
	clear: both;
	margin: 0 auto 20px auto;
	text-align: center;
}

#footer #footbox #f_snsbox{
	background: #484848;
	width: 310px;
	float: right;
}

#footer #footbox #f_snsbox p{
	text-align: center;
	padding: 15px 0 10px 0;;
}


#footer #footbox #f_snsbox ul{
	margin: 0 auto 20px auto;
	padding: 0;
	width: 300px;
}

#footer #footbox #f_snsbox ul li{
	display: inline;
	border-right: 1px solid #a4a4a4;
}

#footer #footbox #f_snsbox ul li.tw{
	background: url(/images/footer/icon_tw.gif) no-repeat 0 3px;
	padding: 0 10px 0 20px;
	margin: 0 0 0 15px;
}


#footer #footbox #f_snsbox ul li.fb{
	background: url(/images/footer/icon_fb.gif) no-repeat 0 3px;
	padding: 0 10px 0 20px;
	margin: 0 0 0 5px;
}



#footer #footbox #f_snsbox ul li.ig{
	background: url(/images/footer/icon_ig.gif) no-repeat 10px 3px;
	padding: 0 10px 0 35px;
	border: none;
}

#footer #footbox #f_snsbox ul li a:link{
	color: #fff;
}

#footer #footbox #f_snsbox ul li a:visited{
	color: #fff;
}

/*  ---------------------------
			Pagetop
---------------------------  */
#pagetop{
	height:77px;
}

.page_top_navi{
	position:fixed;
	bottom:-77px;
	/*left:50%;*/
	left:96%;
	margin-left:-34px;
	height:77px;
	width:68px;
	z-index:100;
}

/*  ---------------------------
			IE_Alert
---------------------------  */
#ie_alert{
	width:100%;
	background:#EEE;
	font-size:12px;
	padding:15px 0 15px 0;
	z-index:100;
	position:relative;
	display:none;
}

#top #ie_alert,#search #ie_alert{
	background:#FFF;
}

#ie_alert .ie_alert_inner{
	width:980px;
	margin:0 auto;
	display:block;
}

#ie_alert .ie_alert_inner p.ttl{
	font-size:16px;
	padding-bottom:10px;
	color:#E60206;
	font-weight:bold;
	text-align:center;
}

#ie_alert .ie_alert_inner p.ttl span{
	height:20px;
	width:20px;
	background:#E60206;
	text-align:center;
	color:#fff;
	display:inline-block;
	margin-right:10px;
	font-size:16px;
}

#search #ie_alert .ie_alert_inner{
	width:auto;
}

#search #ie_alert{
	z-index:1;
}

#search #ie_alert .ie_alert_inner p.ttl{
	text-align:left;
}

/*  ---------------------------
			clearfix
---------------------------  */
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}


.slash{
	text-decoration:  line-through;
}

.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

/*  ---------------------------
			font
---------------------------  */
@font-face {
	font-family: 'icomoon';
	src:url('fonts/icomoon.eot?-ln4yl7');
	src:url('fonts/icomoon.eot?#iefix-ln4yl7') format('embedded-opentype'),
		url('fonts/icomoon.woff?-ln4yl7') format('woff'),
		url('fonts/icomoon.ttf?-ln4yl7') format('truetype'),
		url('fonts/icomoon.svg?-ln4yl7#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-icon_mail:before {
	content: "\e601";
}

.icon-icon_02:before {
	content: "\e600";
}

.icon-icon_03:before {
	content: "\e606";
}

.icon-icon_04:before {
	content: "\e602";
}

.icon-icon_05:before {
	content: "\e603";
}

.icon-icon_06:before {
	content: "\e604";
}

.icon-icon_01:before {
	content: "\e605";
}

.icon-pie-chart:before {
	content: "\e99a";
}



/*  ---------------------------
			font2
---------------------------  */

@font-face {
	font-family: 'icomoon';
	src:url('fonts2/icomoon.eot?-vvg333');
	src:url('fonts2/icomoon.eot?#iefix-vvg333') format('embedded-opentype'),
		url('fonts2/icomoon.woff?-vvg333') format('woff'),
		url('fonts2/icomoon.ttf?-vvg333') format('truetype'),
		url('fonts2/icomoon.svg?-vvg333#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-icon_question:before {
	content: "\e600";
}

.icon-icon_talk01:before {
	content: "\e601";
}

.icon-icon_glass:before {
	content: "\e602";
}

.icon-icon_talk02:before {
	content: "\e603";
}

.icon-icon_pye:before {
	content: "\e604";
}



.fade {  
    -webkit-transition: 0.2s ease-in-out;  
       -moz-transition: 0.2s ease-in-out;  
         -o-transition: 0.2s ease-in-out;  
            transition: 0.2s ease-in-out;  
}
  
.fade:hover {  
    opacity: 0.7;  
    filter: alpha(opacity=70);  
}   

/*  ---------------------------
			背景
---------------------------  */

.stripe1 {
background-color: #FFF !important;
background-image: -webkit-linear-gradient(-45deg, #ffd0de 25%, transparent 25%, transparent 50%, #ffd0de 50%, #ffd0de 75%, transparent 75%, transparent) !important;
background-image: linear-gradient(-45deg, #ffd0de 25%, transparent 25%, transparent 50%, #ffd0de 50%, #ffd0de 75%, transparent 75%, transparent) !important;
background-size: 5px 5px!important;/*数字を大きくすれば太く、小さくすれば細くなります。*/
/*text-shadow:1px 1px 2px rgba(0,0,0,.3) !important;*/
/*border: 3px solid #EE2500;*/
width: 275px !important;;

}


.stripe2 {
background-color: #FFF !important;
background-image: -webkit-linear-gradient(-45deg, #ffd0de 25%, transparent 25%, transparent 50%, #ffd0de 50%, #ffd0de 75%, transparent 75%, transparent) !important;
background-image: linear-gradient(-45deg, #ffd0de 25%, transparent 25%, transparent 50%, #ffd0de 50%, #ffd0de 75%, transparent 75%, transparent) !important;
background-size: 5px 5px!important;/*数字を大きくすれば太く、小さくすれば細くなります。*/
/*text-shadow:1px 1px 2px rgba(0,0,0,.3) !important;
border: 3px solid #EE2500;*/

}


.stripe3 {
background-color: #fee3eb !important;
width: 275px !important;
}


/*  ---------------------------
			ムービー
---------------------------  */

ul.list-movie-01 {
	width: 560px;
	margin: 15px auto 0 auto;
}

ul.list-movie-01 li{
	text-align: left;
	color: #fff;
	padding: 5px 5px 10px 0px;
}

ul.list-movie-01 li a:link,
ul.list-movie-01 li a:hover,
ul.list-movie-01 li a:visited{
	color: #333;
	text-decoration: underline;
	padding-left: 30px;
	background: url(/images/bukken/movie_icon_s_stop.png) no-repeat left top;
}

ul.list-movie-01 li.select a:link,
ul.list-movie-01 li.select a:hover,
ul.list-movie-01 li.select a:visited{
	font-weight: bold;
	color: #EE2500;
	text-decoration: none !important;
	font-size: 16px;
	background: url(/images/bukken/movie_icon_s.png) no-repeat left top;
}




/*  ---------------------------
			TOOLTIP
---------------------------  */

    .tooltip{
        color: #555;
        display: inline-block;            
    }
     
    .tooltip span {
        display: none;
    }
     
    .tooltip:hover {
        position: relative;
        color: #333;
    }
     
    .tooltip:hover span {
        display: block;   
        position: absolute;            
        top: 30px;
        left: -200px;
        background-color: #444;
        padding: 5px;
        width: 300px;
        color: #fff;
        font-size: 90%;
        z-index: 100;
        opacity: 1 !important;
    }