@charset "UTF-8";
	

@media screen and (max-width: 768px) {
	

/*-------------------------------------------
	コンテンツ
--------------------------------------------*/

body {
	margin: 0px auto;
	padding: 0;
	text-align: left;
	font-size: 16px;
	line-height: 1.8em;
}


.wrap{
	width:100%;
	margin:0 auto;
	}
	
	
h2{
	background-color:#000;
	text-align:center;
	height:auto;
	overflow:hidden;
	margin:0 0 30px 0;
	position:static;
	}

.h2_ttl{
	width:80%;
	font-size:20px;
	font-weight:500;
	float:none;
	padding:20px 10% 20px 10%;
	color:#FFF;
	}

.h2_img02{
	float:none;
	padding:0 0 0 0;
	height:300px 0 0 0;
	}

.h2_img02 img{
	width:100%;
	height:auto;
	}

h3{
	width:90%;
	margin: 0 auto 30px auto;
	padding:14px 8px;
	font-size: 20px;
	line-height:1.8em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	}

.common_copy01{
	width:90%;
	margin:0 auto;
	font-size:18px;
	text-align:left;
	line-height:1.8em;
	font-weight:500;
	}

.common_copy02{
	width:90%;
	font-size:18px;
	text-align:left;
	line-height:1.8em;
	font-weight:500;
	padding:0 5%;
	color:#FFF;
	}
	
.calm2{
	width:90%;
	float:none;
	margin:0 auto;
	text-align:center;
	}

.F_left{
	float:none;
	padding: 0px;
	}

.F_right{
	float:none;
	padding: 0px;
	}
	
.mb20{
	margin:0 0 0 0;
	}


/*-------------------------------------------
	スライダー
--------------------------------------------*/


#container {
	color: #000;
	width: 100%;
	margin: 0 auto;
}

#slider {
	width: 100%;
	height: 300px;
}


.skippr {
	width: 100%;
	height: 50%;
	position:static;
	overflow:auto;
}

.skippr-nav-element-block{
	display:none;
	}

/*-------------------------------------------
	トップメニュー
--------------------------------------------*/

.top_navi{
	width:100%;
	background-color:#FFF;
	position:static;
	}


h1{
	width: 226px;
	height: 133px;
	float:none;
	margin:0 auto;
	padding:25px 0 0 0;
	text-align:center;
	z-index: 999;
	position:relative;
	background-image: url(../../../img/h1_bg.png);
	background-repeat: no-repeat;
	background-position: top;
	margin: -30px 0 0 0;
	left: 50%;
  transform: translateY(-0%) translateX(-50%);
  -webkit- transform: translateY(-0%) translateX(-50%);
	}

.h1_text{
	font-size:16px;
	color:#751433;
	text-align:center;
	padding:17px 0 0 0;
	}

#toggle{
	display:none;
	}

.top_navi nav{
	width: 100%;
	height:auto;
	padding:0 0;
	}

.top_navi nav ul{
	margin:0 auto;
	padding:0;
	width:100%;
	}

.top_navi nav li{
	float:left;
	padding:0;
	width:20%;
	text-align:center;
	}

.top_navi nav li a{
	display:block;
	width:100%;
	padding:20px 0 20px 0;
	height:auto;
	overflow:hidden;
	border:none;
	margin:0;
font-size:13px;
	}

.top_navi nav li a:hover {
	background-color:#ececec;
}


#menu {
		display: none;
		width:100%;
	}
	#menu li:nth-child(odd) {
	width: 50%;
	text-align: center;
	padding: 0 0;
	color: #751433;
	border-left-style: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #751433;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #751433;
	background-color:#fff;
	height: auto;
	}
	
	#menu li{
	width: 49%;
	text-align: center;
	padding: 0 0;
	color: #ececec;
	border-left-style: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #751433;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-style: none;
	background-color:#fff;
	height: auto;
	}
	
	#menu li a:before {
		content: attr(data-text);
		margin:20px 0;
		color:#522f15;
	}
	
	#menu li img {
		display: none;
	}


#toggle {
	display: block;
	position: relative;
	width: 100%;
	background-color: #751433;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #751433;
	border-bottom-color: #751433;
	}
	#toggle a{
		display: block;
		position: relative;
		padding: 20px 0 20px;
		color:#FFF;
		text-align: center;
		text-decoration: none;
	}
	#toggle:before {
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		left: 10px;
		width: 30px;
		height: 29px;
		margin-top: -15px;
		background: #FFF;
	}
	#toggle a:before, #toggle a:after {
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		left: 10px;
		width: 30px;
		height: 6px;
		background: #751433;
	}
	#toggle a:before {
		margin-top:-9px;
	}
	#toggle a:after {
		margin-top: 3px;
	}


nav li a:link {
	color: #751433;
	text-decoration: none;
}
nav li a:visited {
	color: #751433;
	text-decoration: none;
}
nav li a:hover {
	color: #FF9900;
}
nav li a:active {
	color: #751433;
}


nav li br{
	display:none;
	}


.top_navi .li_pad{
	padding:10px 0 0 0;
	}

.top_block01{
	width:90%;
	margin:20px auto 20px auto;
	}

.top_copy01{
	width:90%;
	float:none;
	padding:20px 0 20px 0;
	font-size:20px;
	font-weight:500px;
	text-align:center;
	margin:0 auto;
	}

.top_copy02{
	width:90%;
	float:none;
	margin:0 auto;
	line-height:1.6em;
	font-size:14px;
	padding:10px 0 30px 0;
	}

.top_btn01{
	width:90%;
	float:none;
	margin:0 auto;
	text-align:center;
	color:#6f5a4c;
	padding:20px 0;
	}

.top_btn01 img{
	padding:10px 0;
	}

.top_block02{
	width:100%;
	background-color:#000;
	padding:25px 0;
	margin:50px 0;
	}

.top_block02_text01{
	text-align:center;
	color:#FFF;
	font-size:20px;
	font-weight:500;
	margin:0 0 34px 0;
	}

.top_block02 ul{
	width:50%;
	margin:0 auto;
	}

.top_block02 li{
	float:left;
	width:50%;
	}

.top_block02 li img{
	width:100%;
	height:auto;
	}

.top_block02 .gallelly_btn{
	text-align:center;
	margin:35px 0 15px 0;
	}

.top_block03{
	width:100%;
	margin:50px auto;
	}

.top_block03 .block03_ttl{
	width:220px;
	text-align:center;
	margin:0px auto;
	padding:10px 0 20px;
	}

.top_block03 .new_icon01{
	float:left;
	padding:0 10px 0 0;
	width:66px;
	}

.top_block03 .new_text01{
	width:130px;
	float:left;
	font-size:20px;
	color:#6f5a4d;
	font-weight:500;

	}

.top_buken_set{
	width:240px;
	float:none;
	margin:20px auto 10px auto;
	height:270px;
	}

.top_buken_set a{
	width:240px;
	height:270px;
	display:block;
	}


.top_buken_set a:hover {
	background-color:#ececec;
}


.top_buken_set .photo{
	border: 1px solid #CCC;
	width:240px;
	height:160px;
	margin:0 0 10px 0;
overflow:hidden;
	}

.top_buken_set .new_icon{
	float:left;
	padding:10px 5px 5px 0;
	width:66px;
	}

.top_buken_set .new_date{
	float:left;
	padding:5px 5px 5px 0;
	width:150px;
	color:#751433;
	}

.top_buken_set .new_ttl{
	color:#6f5a4d;
	line-height:1.8em;
	}

.top_buken_btn{
	width:337px;
	margin:20px auto;
	}
	


/*-------------------------------------------
	フッター
--------------------------------------------*/

.footer{
	width:100%;
	background-color:#000;
	padding:30px 0;
	}

.foot_logo{
	width:100%;
	text-align:center;
	float:none;
	padding:10px 0 30px 0;
	}

.foot_text{
	width:80%;
	float:none;
	margin:0 auto;
	color:#FFF;
	padding:10px 0 0 0;
	}

.foot_text a:link {
	color: #fff;
	text-decoration: none;
}
.foot_text a:visited {
	color: #fff;
	text-decoration: none;
}
.foot_text a:hover {
	color: #FF6600;
}
.foot_text a:active {
	color: #fff;
}

.foot_wrap{
	width:710px;
	float:left;
	color:#FFF;
	}

.foot_contact{
	width:90%;
	float:none;
	margin:30px auto;
	text-align:center;
	color:#FFF;
	}

.copyright{
	width:80%;
	margin:0 auto;
	text-align:center;
	padding:30px 0;
	}
	
.foot_text02{
	text-align:center;
	padding:10px 0 0 0;
	color:#FFF;
	}

/*-------------------------------------------
	サブページ：ギャラリーブロック
--------------------------------------------*/


.sub_block02{
	width:100%;
	background-color:#000;
	padding:25px 0;
	margin:50px 0 0 0;
	}

.sub_block02_text01{
	text-align:center;
	color:#FFF;
	font-size:20px;
	font-weight:500;
	margin:0 0 34px 0;
	}

.sub_block02 ul{
	width: 100%;
	margin: 0 auto;
	}

.sub_block02 li{
	float:left;
	width:50%;
	}

.sub_block02 li img{
	width:100%;
	height:auto;
	}

.sub_block02 .gallelly_btn{
	text-align:center;
	margin:35px 0 15px 0;
	}

/*-------------------------------------------
	サブナビゲーション
--------------------------------------------*/

.sub_navi{
	width:100%;
	background-color:#FFF;
	}


.sub_navi nav{
	width: 100%;
	height:auto;
	padding:0 0;
	}

.sub_navi nav ul{
	margin:0 auto;
	padding:0;
	width:100%;
	}

.sub_navi nav li{
	float:left;
	padding:0;
	width:20%;
	text-align:center;
	}

.sub_navi nav li a{
	display:block;
	width:100%;
	padding:20px 0 20px 0;
	height:auto;
	overflow:hidden;
	border:none;
	margin:0;
font-size:13px;
	}

.sub_navi nav li a:hover {
	background-color:#ececec;
}


#menu {
		display: none;
		width:100%;
	}
	#menu li:nth-child(odd) {
	width: 50%;
	text-align: center;
	padding: 0 0;
	color: #751433;
	border-left-style: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #751433;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #751433;
	background-color:#fff;
	height: auto;
	}
	
	#menu li{
	width: 49%;
	text-align: center;
	padding: 0 0;
	color: #ececec;
	border-left-style: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #751433;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-style: none;
	background-color:#fff;
	height: auto;
	}
	
	#menu li a:before {
		content: attr(data-text);
		margin:20px 0;
		color:#522f15;
	}
	
	#menu li img {
		display: none;
	}


#toggle {
	display: block;
	position: relative;
	width: 100%;
	background-color: #751433;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #751433;
	border-bottom-color: #751433;
	}
	#toggle a{
		display: block;
		position: relative;
		padding: 20px 0 20px;
		color:#FFF;
		text-align: center;
		text-decoration: none;
	}
	#toggle:before {
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		left: 10px;
		width: 30px;
		height: 29px;
		margin-top: -15px;
		background: #FFF;
	}
	#toggle a:before, #toggle a:after {
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		left: 10px;
		width: 30px;
		height: 6px;
		background: #751433;
	}
	#toggle a:before {
		margin-top:-9px;
	}
	#toggle a:after {
		margin-top: 3px;
	}


nav li a:link {
	color: #751433;
	text-decoration: none;
}
nav li a:visited {
	color: #751433;
	text-decoration: none;
}
nav li a:hover {
	color: #FF9900;
}
nav li a:active {
	color: #751433;
}
	
/*-------------------------------------------
	サブページ：ヘッダー
--------------------------------------------*/


.sub_navi h1{
	width: 226px;
	height:auto;
	float:none;
	padding:25px 0 25px 0;
	text-align:center;
	z-index: 999;
	position:relative;
	background-image:none;
	background-repeat: no-repeat;
	background-position: top;
	margin:0 0 0 0;
	}
	


.sub_head_about{
	width: 100%;
	height: 232px;
	text-align: center;
	background-image: url(../../../img/ttl_bg_about.png);
	background-repeat: no-repeat;
	background-size: auto 100%;
	}

.sub_head_hotsprings{
	width: 100%;
	height: 232px;
	text-align: center;
	background-image: url(../../../img/ttl_bg_hotsprings.png);
	background-repeat: no-repeat;
	background-size: auto 100%;
	}
	
.sub_head_water{
	width: 100%;
	height: 232px;
	text-align: center;
	background-image: url(../../../img/ttl_bg_water.png);
	background-repeat: no-repeat;
	background-size: auto 100%;
	}

.sub_head_security{
	width: 100%;
	height: 232px;
	text-align: center;
	background-image: url(../../../img/ttl_bg_security.png);
	background-repeat: no-repeat;
	background-position: center top;
	}

.sub_head_property{
	width: 100%;
	height: 250px;
	text-align: center;
	background-image: url(../../../img/ttl_bg_property.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: auto 100%;
	}

.sub_head_company{
	width: 100%;
	height: 232px;
	text-align: center;
	background-image: url(../../../img/ttl_bg_company.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: auto 100%;
	}

.sub_head_access{
	width: 100%;
	height: 232px;
	text-align: center;
	background-image: url(../../../img/ttl_bg_access.png);
	background-repeat: no-repeat;
	background-size: auto 100%;
	}

.sub_head_blog{
	width: 100%;
	height: 232px;
	text-align: center;
	background-image: url(../../../img/ttl_bg_blog.png);
	background-repeat: no-repeat;
	background-size: auto 100%;
	}

.sub_head_contact{
	width: 100%;
	height: 232px;
	text-align: center;
	background-image: url(../../../img/ttl_bg_contact.png);
	background-repeat: no-repeat;
	background-size: auto 100%;
	}
	
.sub_head_gallery{
	width: 100%;
	height: 232px;
	text-align: center;
	background-image: url(../../../img/ttl_bg_gallery.png);
	background-repeat: no-repeat;
	background-size: auto 100%;
	}
	

.sub_head_btn01{
	width:100%;
	float:none;
	text-align:center;
	color:#6f5a4c;
	padding:10px 0;
	background-color:#FFF;
	margin:0 0 0 0;
	
	}

.sub_head_btn01.rgba01{
	background-color: rgba(255,255,255,0.7)
	}

.sub_head_btn01.rgba01 .mt5{
	padding:5px 0;
	}
	

/*-------------------------------------------
	雷山の森について
--------------------------------------------*/

.about_block_black{
	background-color:#000;
	width:100%;
	text-align:center;
	padding:40px 0;
	margin:40px 0 0 0;
	color:#FFF;
	}

.about_img01{
	width:90%;
	float:none;
	padding:0 0 0 0;
	margin:0 auto;
	}

.about_img01 img{
	width:100%;
	height:auto;
	}

.about_img02{
	width:50%;
	float:left;
	margin:0 auto;
	}

.about_img02 img{
	max-width:100%;
	height:auto;
	}

.about_img03{
	width:50%;
	float:left;
	margin:0 auto;
	}

.about_img03 img{
	max-width:100%;
	height:auto;
	}

.about_block01_inneer{
	width:90%;
	float:none;
	margin:0 auto;

	}

.about_block01_text{
	width:90%;
	margin:0 auto;
	text-align:left;
	padding:30px 0 30px 0;
	font-size:20px;
	line-height:1.8em;
	}

.about_block02_text{
	width:90%;
	margin:0 auto;
	float:none;
	padding:30px 0 30px 0;
	font-size:16px;
	line-height:2em;
	}

.about_block02_img{
	width:90%;
	margin:0 auto;
	float:none;
	padding:20px 0 0 0;
	}

.about_block02_img img{
	width:100%;
	height:auto;
	}

.about_midashi01{
	width:90%;
	margin:0 auto;
	font-size:18px;
	font-weight:500;
	text-align:left;
	padding:0px 0 30px 0;
	}

.about_galle_img{
	width:100%;
	margin:0 auto;
	}

.about_galle_img li{
	width:50%;
	float:left;
	}

.about_galle_img li img{
	width:100%;
	height:auto;
	}

.about_block03{
	width:90%;
	padding:40px 0;
	margin:0 auto;
	}

.about_block03_img{
	width:90%;
	margin:0 auto;
	float:none;
	padding:20px 0 20px 0;
	}

.about_block03_img img{
	width:100%;
	height:auto;
		}


/*-------------------------------------------
	生活メニュー
--------------------------------------------*/

.life_menu{
	width:100%;
	padding:40px 0;
	background-color:#ececec;
	margin:30px 0;
	}
	
.life_menu_midashi{
	width:90%;
	margin:0 auto;
	font-size:20px;
	text-align:center;
	padding:0 0 20px;
	}

.life_col3{
	width:100%;
	float:none;
	text-align:center;
	padding:0 0 20px 0;
	}

/*------------------------------------------
	天然温泉
--------------------------------------------*/

.hotsprings_block_black{
	background-color:#000;
	width:100%;
	text-align:center;
	padding:40px 0;
	margin:40px 0 0 0;
	color:#FFF;
	}

.hotsprings_text{
	padding:30px 0;
	text-align:center;
	color:#FFF;
	}

.hotsprings_left01{
	width:90%;
	margin:0 auto;
	float:none;
	padding:30px 0;
	font-size:16px;
	line-height:2em;
	}

.hotsprings_right01{
	width:90%;
	margin:0 auto;
	float:none;
	padding:30px 0;
	text-align:right;
	}

.hotsprings_right01 img{
	width:100%;
	height:auto;
	}

.hotsprings_text02{
	width:90%;
	margin:0 auto;
	padding:30px 0;
	font-size:16px;
	line-height:2em;
	}

.hotsprings_img01{
	width:100%;
	margin:0 auto;
	}

.hotsprings_img01 img{
	width:100%;
	height:auto;
	}

/*--------------------------------------------
	table
--------------------------------------------*/

table{
	width:90%;
	border: 1px solid #cccccc;
	border-collapse: collapse;
	margin: 20px auto;
	padding: 20px;
	text-align: left;
	background-color: #FFF;
}

th{
	padding: 5px;
background-color:#f2f2f2;
text-align:center;
font-weight:normal;
	border: 1px solid #cccccc;
	padding:8px;
	width:30%;
}

td{
padding: 5px;
	border: 1px solid #cccccc;
	padding:8px;
	
}

/*-------------------------------------------
	地下深層水
--------------------------------------------*/

.water_block_black{
	background-color:#000;
	width:100%;
	text-align:center;
	padding:40px 0;
	margin:40px 0 0 0;
	color:#FFF;
	}

.water_text{
	padding:30px 0;
	text-align:center;
	color:#FFF;
	}

.water_text02{
	width:1000px;
	margin:0 auto;
	padding:30px 0;
	font-size:16px;
	line-height:2em;
	}

.water_text03{
	text-align:left;
	color:#FFF;
	font-size:16px;
	line-height:2em;
	}

.water_left01{
	width:90%;
	float:none;
	padding:0 0;
	font-size:16px;
	line-height:2em;
	margin:0 auto;
	}

.water_right01{
	width:90%;
	float:none;
	padding:10px 0;
	text-align:center;
	margin:0 auto;
	}

.water_img01{
	width:100%;
	margin:0 auto 1px auto;
	}

.water_img01 img{
	width:100%;
	height:auto;
	}

.water_img02{
	width:100%;
	}

.water_img02 img{
	width:100%;
	height:auto;
	}

.water_con01{
	width:100%;
	padding:30px 0;
	margin:0 auto;
	}

.water_text04{
	padding:10px 10px;
	text-align:left;
	font-size:16px;
	line-height:2em;
	}

/*-------------------------------------------
	セキュリティ
--------------------------------------------*/

.security_block_black{
	background-color:#000;
	width:100%;
	text-align:center;
	padding:40px 0 60px 0;
	margin:40px 0 40px 0;
	color:#FFF;
	}

.security_wrap{
	width:100%;
	margin:0 auto 0 auto;
	}

.security_img01{
	width:90%;
	margin:0 auto 10px auto;
	}

.security_img01 img{
	width:100%;
	height:auto;
	}

/*-------------------------------------------
	お問い合わせ
--------------------------------------------*/

.contact_wrap{
	width:90%;
	padding:30px 0;
	margin:0 auto;
	}

.contact_wrap02{
	width:90%;
	padding:30px 0;
	margin:0 auto;
	}

.contact_con{
	width:90%;
	margin:0 auto;
	padding:10px 0 50px 20px;
text-align:center;
	}

.contact_con img{
	max-width:100%;
	height:auto;
	}

input[type="text"],
input[type="tel"],
input[type="email"],
textarea
{
	width: 100%;
padding:4px 0;
font-size:16px;
}

#sp-field{
width: 100%;
}
	
/*-------------------------------------------
	アクセス
--------------------------------------------*/

.access_block_black{
	background-color:#000;
	width:100%;
	text-align:center;
	padding:40px 0 60px 0;
	margin:40px 0 20px 0;
	color:#FFF;
	}

.access_img_wrap{
	width:90%;
	margin:0 auto;
	}

.access_img_wrap img{
	float:none;
	width:100%;
	height:auto;
	}

.access_con01{
	width:100%;
	padding:30px 0;
	margin:0 auto;
	}

.access_text01{
	width:90%;
	margin:0 auto;
	font-size:16px;
	line-height:1.6em;
	padding:0 0 30px 0;
	}

.access_map{
	width:90%;
	margin:30px auto;
	}

.access_map iframe{
	width:100%;
	height:300px;
	}

/*-------------------------------------------
	ブログ
--------------------------------------------*/



.blog_side{
	width:90%;
	float:none;
	padding:10px 0;
	margin:0 auto;
	background-color:#FFF;
	border-radius: 4px;          
    -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 4px; 
	}


.blog_side_ttl{
	padding:2px;
	color:#fff;
	background-color:#751433;
	text-align:center;
	border-radius: 2px;
	-webkit-border-radius: 2px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 2px;
	}

.blog_side ul{
	padding:20px 0;
	}

.blog_side li{
	width: 87%;
	background-image: url(../../../img/blog_li_icon.png);
	background-position: left 6px;
	padding: 0px 0 8px 18px;
	background-repeat: no-repeat;
	margin: 0 auto;
	}

.blog_kiji{
	padding: 10px;
	margin: 0 0 20px 0;
	border: 2px solid #751433;
	}

.blog_kiji img{
	max-width:100%;
	height:auto;
	}

.kiji_count{
	text-align:center;
	color:#FFF;
	padding:5px 0;
	
	}

.blog_cate_ttl{
	font-size:16px;
	text-align:center;
	color:#FFF;
	padding:10px 0;
	}

.blog_midashi{
	font-size:18px;
	padding:10px 20px 20px 20px;
	color:#751433;
	font-weight:bold;
	}

.blog_date{
	
	border-radius: 2px;
	-webkit-border-radius: 2px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 2px;
	padding: 4px 20px;
	margin: 0 0 0 0;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #751433;
	border-bottom-color: #751433;	
	}

.blog_con{
	width:90%;
	float:none;
	padding:10px 0;
	margin:0 auto;
	min-height:300px;
	}

.blog_cate_ttl{
	font-size:18px;
	text-align:center;
	font-weight:500;
	padding:10px 0 20px;
	color:#751433;
	}

.kiji_count{
	text-align:center;
	}

/*-------------------------------------------
	アクセス
--------------------------------------------*/

.property_block_black{
	background-color:#000;
	width:100%;
	text-align:center;
	padding:40px 0 20px 0;
	margin:40px 0 20px 0;
	color:#FFF;
	}

.property_map_img{
	display:none;
	width:972px;
	height:689px;
	margin:20px auto 20px auto;
	}

.property_bukken_set{
	width: 100%;
	margin: 0 auto 20px;
	padding: 0 0;
	border: 0 solid #cccccc;
	background-color:#FFF;
	}

.property_bukken_ttl{
	background-color:#ececec;
	font-size:16px;
	padding:4px;
	text-align:center;
	color:#000;
	margin:0 0 10px 0;
	}


.property_bukken_set table{
width:100%;
	border: 1px solid #333333;
	border-collapse: collapse;
	margin: 0 0;
	padding:0;
	text-align: left;
	background-color: #FFF;
}

.property_bukken_set th{
background-color:#cccccc;
text-align:center;
font-weight:normal;
	border: 1px solid #333333;
	padding:0;
	width:200px;
	color:#000;

}

.property_bukken_set td{
	border: 1px solid #333333;
	padding:0 8px;
	color:#000;
	text-align:left;
	
}

.property_bukken_set th a:link {
	display:block;
	color: #000;
	text-decoration: none;
	padding:5px 0;
}
.property_bukken_set th a:visited {
	color: #000;
	text-decoration: none;
}
.property_bukken_set th a:hover {
	color: #FF6600;
	background-color:#ffffcc;
}
.property_bukken_set th a:active {
	color: #000;
}

.property_text{
	display:none;
	width:972px;
	margin:0 auto 10px;
	text-align:left;
	}

.property_icon01{
	width:42px;
	height:18px;
	background-color:#ef612d;
	float:left;
	margin:4px 8px 0 0;
	}

.property_icon_text{
	width:120px;
	float:left;
	}

.property_icon_text02{
	width:60px;
	float:left;
	}


.property_icon02{
	width:42px;
	height:18px;
	background-color:#9cf32c;
	float:left;
	margin:4px 8px 0 0;
	}

.property_icon03{
	width: 42px;
	height: 18px;
	background-color: #33CCFF;
	float: left;
	margin: 4px 8px 0 0;
	}

.property_shousai{
	padding:0px 6px;
	background-color:#F90;
	display: inline-block;
	color:#FFF;
	font-size:12px;
	border-radius: 4px;          
    -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 4px;
	margin:2px 8px 2px 4px;
float:right;
	}

/*-------------------------------------------
	ギャラリー
--------------------------------------------*/

.thumbnails_img{
	height:150px;
	width:240px;
	overflow:hidden;
	
	}

.gallery_midashi{
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #ececec;
	border-bottom-color: #ececec;
	padding:8px 0;
	text-align:center;
	font-size:18px;
	font-weight:500;
	margin:0 0 20px 0;
	}

.gallery_btnwrap{
	width:90%;
	text-align:center;
	margin:0 auto;
	}

.gallery_btn{
	margin:0 0 20px 0;
	}
	
.gallery_btn a{
	width:250px;
	padding:8px 20px;
	font-size:16px;
	font-weight:500;
	color:#FFF;
	text-align:center;
	background-color:#333;
	}

.gallery_btn a:link {
	color: #FFF;
	text-decoration: none;
}
.gallery_btn a:visited {
	color: #FFF;
	text-decoration: none;
}
.gallery_btn a:hover {
	color: #FFCC99;
	background-color: #999;
}
.gallery_btn a:active {
	color: #FFF;
}

#least .least-gallery{
	width:90% !important;
	margin:0 auto;
	}

#least .least-gallery li a{
	width:90% !important;
	margin:0 auto;
	pointer-events:none;
	}

#least .least-gallery li a img{
	margin:0 auto;
	}


/*=== gallerifficスタイル以下 ====*/

div.content {
	display: block;
	float:none;
	width: 90%;
	height:auto;
	margin:30px auto 0 auto;
	overflow: hidden;

}

div.content img{
	width:100%;
	height:auto;
	}


div.navigation{
	width: 90%;
	float:none;
	margin:20px auto 0 auto;
}
div.content a, div.navigation a {
	text-decoration: none;
	color: #777;
}
div.content a:focus, div.content a:hover, div.content a:active {
	text-decoration: underline;
}
div.controls {
	margin-top: 5px;
	height: 23px;
}
div.controls a {
	padding: 5px;
}
div.ss-controls {
	float: left;
}
div.nav-controls {
	float: right;
}

/* 右スライドショー部分 */

div.slideshow-container {
	display:none;
	position: relative;
	clear: both;
	margin:0;
	padding:54%;
	height:auto; /* This should be set to be at least the height of the largest image in the slideshow */
}

	
div.loader {
	position: absolute;
	background-color:#CCC;
	top: 0;
	left: 0;
	background-image: url('loader.gif');
	background-repeat: no-repeat;
	background-position: center;
	width: 800px;
	height:auto; /* This should be set to be at least the height of the largest image in the slideshow */
}
div.slideshow {

}
div.slideshow span.image-wrapper {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
div.slideshow a.advance-link {
	display: block;
	width: 525px;
	height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */
	line-height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */
	text-align: center;
}
div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {
	text-decoration: none;
}

div.download {
	float: right;
}
div.caption-container {
	position: relative;
	clear: left;
	height: 75px;
}
span.image-caption {
	display: block;
	position: absolute;
	width: 550px;
	top: 0;
	left: 0;
}
div.caption {
	padding: 12px;
}
div.image-title {
	font-weight: bold;
	font-size: 1.4em;
}
div.image-desc {
	line-height: 1.3em;
	padding-top: 12px;
}
div.navigation {
	/* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */
}

/* 左サムネイル部分 */

ul.thumbs {
	display:none;
	clear: both;
	margin: 0 ;
	padding: 0;
	float:right;
}
ul.thumbs li {
	float: left;
	padding: 0;
	margin: 5px 10px 5px 0;
	list-style: none;
}
a.thumb {
	padding: 2px;
	display: block;
	border: 1px solid #ccc;
}
ul.thumbs li.selected a.thumb {
	background: #999;
}
a.thumb:focus {
	outline: none;
}
ul.thumbs img {
	border: none;
	display: block;
}
div.pagination {
	clear: both;
}
div.navigation div.top {
	margin-bottom: 12px;
	height: 11px;
}
div.navigation div.bottom {
	margin-top: 12px;
}
div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
	display: block;
	float
	margin-right: 2px;
	padding: 4px 7px 2px 7px;
	border: 1px solid #ccc;
}
div.pagination a:hover {
	background-color: #eee;
	text-decoration: none;
}
div.pagination span.current {
	font-weight: bold;
	background-color: #000;
	border-color: #000;
	color: #fff;
}
div.pagination span.ellipsis {
	border: none;
	padding: 5px 0 3px 2px;
}


/*-------------------------------------------
	仲介物件情報・価格情報
--------------------------------------------*/

.property_midashi{
	width:90%;
	margin:0 auto;
	padding:8px 0;
	text-align:center;
	background-color:#CCC;
	margin:20px auto;
	font-size:18px;
	font-weight:500;
	}
	
.property_midashi02{
	padding: 10px 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	margin:0 0 40px 0;
	font-size:20px;
	font-weight:800;
	text-align:center;
	width:90%;
	margin:0 auto;
	}
	

.property_table table{
	width:90%;
	border: 1px solid #cccccc;
	border-collapse: collapse;
	margin: 20px auto;
	padding: 20px 0;
	text-align: left;
	background-color: #FFF;
}

.property_table th{
	padding: 5px;
background-color:#f2f2f2;
text-align:center;
font-weight:normal;
	border: 1px solid #cccccc;
	padding:8px;
	width:20%;
}

.property_table td{
padding: 5px;
	border: 1px solid #cccccc;
	padding:8px 10px;
	
}

.property_table .td_sp{
	width:50px;
	
}

.property_photo_sp{
	width: 90%;
	margin: 0 auto 30px auto;
	border: 1px solid #CCC;
	}

.property_photo_sp img{
	width:100%;
	height:auto;
	}


/*-------------------------------------------
	採用情報
--------------------------------------------*/

.careers_midashi{
	margin: 0 0 30px 0;
	padding:14px 8px;
	font-size: 20px;
	line-height:1.8em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	text-align:left;
	}

.careers_table{
	width:100%;
	margin:0 auto;
	}

.careers_table th{
	width:30%;
	}

.sub_head_careers{
	width: 100%;
	height: 232px;
	text-align: center;
	background-image: url(../../../img/ttl_bg_careers.png);
	background-repeat: no-repeat;
	background-position: center top;
	}
	
.property_photo_sp{
	display:block;
	}

.ml40 {
    margin-left: 0;
}
	
/*-------------------------------------------
	ログイン
--------------------------------------------*/

.login_tbl th,td{
	display: block;
	width: auto;
	border:none;
	}

.login_tbl input[type="text"],
input[type="tel"],
input[type="email"],
textarea
{
padding:4px 0;
width:80%;
margin:4px;
}

.login_th{
	width:auto;
	}

}