@charset "utf-8";
/* CSS Document */

/* ****************************************

*Site Name : ShareClip
*Description :common for pc

**************************************** */

/* =============================================== */
/* container                                                                    */
/* =============================================== */

#container {
	margin: 0px auto;
	padding: 0;
	min-width:1100px;
	}

/*#container{
	width:980px;
	margin:0 auto;
}
*/
.container{
	width:980px;
	margin:0 auto ;
}



.favorite_add span::after{content:"する";}
.favorite_sub span::after{content:"はずす";}

.gallery_request:hover{
	transition: 0.4s;
	opacity:0.8;

}
/* ----------------------------------------
	header
---------------------------------------- */
#header{
	display:flex;
	align-items: center;
	width:980px;
	height:115px;
	margin:0 auto;
}
.head_txt,
.logo_txt{
	padding-right: 10px;
	line-height: 1.4;
	margin-bottom: 5px;
	font-weight:normal;
	font-size:75%;
	color:#727171;
}
.logo img{ width:235px;height:auto;}
#header > div:first-child{width:315px;}

/*検索ボックス*/
.header_search_box{
	position:relative;
	display:flex; width:665px;
	background:#f4f4f4;
	height:60px;
	border-radius:5px;
}
	/*クリップ・検索履歴・ハウス履歴*/
	ul.header_menu {
		display: flex;
		justify-content: space-between;
		width:280px;
		height: 60px;
	}
	
	ul.header_menu > li{
		position:relative;
		width:33.33%;
		height:100%;
		text-align:center;
		font-size:63%;
		color:#666666;
	}

	header ul.header_menu > li{font-size:69%;}
	ul.header_menu > li::before{
		font-family: FontAwesome;
		font-size:240%;
		color:#727171;
		position:absolute;
		left:40%;
		line-height:50px;
	}
	ul.header_menu > li:nth-child(1) a::before,
	ul.header_menu > li:nth-child(2)::before,
	ul.header_menu > li:nth-child(3)::before{
		font-family: FontAwesome;
		color:#727171;
		position:absolute;
		left:40%;
		line-height:50px;
	}
	ul.header_menu > li:nth-child(1) a::before{content:"\f0c6";font-size:240%;}
	ul.header_menu > li:nth-child(2)::before{content:"\f002";}
	ul.header_menu > li:nth-child(3)::before{content:"\f015";}
	ul.header_menu > li,
	ul.header_menu > li > a{
		display:block;
		height:100%;
		line-height:80px;
		cursor:pointer;
	}
	ul.header_menu > li a span,
	ul.header_menu > li span{
		display:block;
		position:absolute;
		right:23px;
		top:10px;
		width:15px;
		height:15px;
		border-radius:50%;
		font-weight:bold;
		line-height:16px;
		text-align:center;
		box-shadow: 0 0 0 2px #fff, 0 0 0 3px #ccc;
		background:#e03c8a;
		color:#fff;
	}
	header ul.header_menu > li,
	header ul.header_menu > li > a{
		line-height:90px;
	}
	
	
	ul.header_menu li:nth-child(1) a span{
		background:#fbf24c;
		color:#333;
	}
	div.history_box1,
	div.history_box2{
		display:none;
	}
	
	/*閲覧履歴リスト表示*/
	div.history_box1,
	div.history_box2{
		position:absolute;
		z-index:10;
		width:300px;
		height:auto;
		background:#fff;
		border:solid 3px #ccc;
		border-radius:5px;
		box-shadow: 0px 0px 5px 2px #dfdfdf;
		-moz-box-shadow: 0px 0px 5px 2px #dfdfdf;
		-webkit-box-shadow: 0px 0px 5px 2px #dfdfdf;
	}
	
	.history_box1,
	.history_box2
	{
		top	:	55px;
		line-height:40px;

	}
	
	ol.history_ol01,
	ol.history_ol02{
		align-items: center;
		justify-content: space-around;
		
	}
	ol.history_ol01 li,
	ol.history_ol02 li{
		text-align:left;
	    word-wrap: break-word;
	}
	ol.history_ol01 li{border-bottom:dotted 1px #ccc;}
	ol.history_ol01 li:last-child{border:none;}
	ol.history_ol01 > li > a {
		position: relative;
		display: block;
		padding: 0 10px;
		height:40px;
		line-height:40px !important;
		font-size:110%;
	}
	ol.history_ol01 li a:after{
		content: "\f105";
		font-family: FontAwesome;
		font-size: 120%;
		font-weight: normal;
		position: absolute;
		right: 10px;
	}
	
	div.history_box1::before,
	div.history_box2::before {
		content: "";
		position: absolute;
		left: 15%;
		margin-left: -9px;
		border: 7px solid transparent;
		width: 0;
		z-index: 0;
	
	
		top:-10px;
		border-bottom-color:#ccc;
		border-top-width:0;
	}
	
	
	/*	global_cookie_menu.inc内、閲覧履歴リストフォントサイズリセット*/
	ol.history_ol02 ul.gaiyou_ul{font-size:140%;}
	
	/*物件概要*/
	ul.gaiyou_ul{
	    display: flex;
		line-height: 1.5;
		padding: 10px;
		text-align:left;
		border-bottom: solid 1px #f4f4f4;
	}
	
	ul.gaiyou_ul li:first-child{width:20%;margin-right: 3%;}
	ul.gaiyou_ul li:last-child {width:77%;}
	ul.gaiyou_ul li img {width: 100%;}

	ul.gaiyou_ul li:nth-child(2) div{
		position:relative;
		line-height:1.3;
		padding-left:15px;
		font-size:82%;
	}
	ul.gaiyou_ul li:nth-child(2) div:before{
		font-family: FontAwesome;
		color:#333;
		position:absolute;
		left:0;
	}
	
	div.gaiyou_area:before{content:"\f041";}
	div.gaiyou_station:before{content:"\f238";}
	ul.gaiyou_ul li:nth-child(2) div.gaiyou_house{
		font-weight:bold;
		line-height:1.2;
		color:#1c79b8;
		padding-left:0;
	}

	/*フリーワード*/
	div.search_free_word{
		display:flex;
		width:385px;
		padding-top:5px
	}
	div.search_free_word .ac{
		margin-top:8px
	}
	
	div.search_free_word div:first-child{width:110px;font-size:75%; padding-left:10px;}
	div.search_free_word div:last-child	{width:265px;}
	label.select{
		display:block;
		color:#999;
	}
	
	/*radioボタン css*/
	.ac-input{display: none;}
	.ac-parts{
	  padding-left:20px;
	  position:relative;
	}
	.ac-parts::before{
	  content: "";
	  display: block;
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 15px;
	  height: 15px;
	  border: 1px solid #999;
	  border-radius: 50%;
	  background: #fff;
	}
	.ac-input:checked + .ac-parts{color: #666;}
	.ac-input:checked + .ac-parts::after{
	  content: "";
	  display: block;
	  position: absolute;
	  top: 3px;
	  left: 3px;
	  width: 11px;
	  height: 11px;
	  background: #666;
	  border-radius: 50%;
	}

	input.free_word{
		float:left;
		width:190px;
		height:40px;
		border-top:solid 2px #ccc;
		border-bottom:solid 2px #ccc;
		border-left:solid 2px #ccc;
		border-radius:5px 0 0 5px;
		padding:0 10px;
		background:#fff;
	}
	
	input.free_word_go{
		background:#727171;
		width:60px;
		height:40px;
		color:#ffffff;
		font-size:88%;
		font-weight:bold;
		border-top:solid 2px #ccc;
		border-right:solid 2px #ccc;
		border-bottom:solid 2px #ccc;
		border-radius:0 5px 5px 0;
		cursor:pointer;
	}

	#freewd_ninki_ul li {
	    float: left;
	    font-size: 10px;
	    margin: 0 5px;
	}
	#freewd_ninki_ul li a{
		color: #5480f9;
	}
/* ----------------------------------------
	global_nav
---------------------------------------- */
.global_nav{
	position:relative;
	z-index:5;
	height:60px;
	background:#fbf24c;
	box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.2);
}
ul.global_nav_container{
	width:980px;
	margin:0 auto;
	display:flex;
}
li.global_nav_inner{
	width:20%;
	height:60px;
	line-height:52px;
	text-align:center;
	font-size:82%;
	font-weight:bold;
	color:#333;
	position:relative;
	cursor:pointer;
}

	/* hover効果 */
	li.global_nav_inner,
	li.menu_inner{
	  display: inline-block;
	  vertical-align: middle;
	  -webkit-transform: perspective(1px) translateZ(0);
	  transform: perspective(1px) translateZ(0);
	  box-shadow: 0 0 1px transparent;
	  position: relative;
	  overflow: hidden;
	}
	
	li.global_nav_inner:before,
	li.menu_inner:before{
	  content: "";
	  position: absolute;
	  z-index: -1;
	  left: 0;
	  right: 0;
	  bottom: 0;
	  background: #333;
	  height: 4px;
	  -webkit-transform: translateY(4px);
	  transform: translateY(4px);
	  -webkit-transition-property: transform;
	  transition-property: transform;
	  -webkit-transition-duration: 0.3s;
	  transition-duration: 0.3s;
	  -webkit-transition-timing-function: ease-out;
	  transition-timing-function: ease-out;
	}
	
	li.global_nav_inner:hover:before,
	li.global_nav_inner:focus:before,
	li.global_nav_inner:active:before,
	li.menu_inner:hover:before,
	li.menu_inner:focus:before,
	li.menu_inner:active:before{
	  -webkit-transform: translateY(0);
	  transform: translateY(0);
	}

	li.menu_inner:hover:before,
	li.menu_inner:focus:before,
	li.menu_inner:active:before{
	content:"aa";
	 left: 0;
	  right: 0;
	  bottom: 0;
	position:absolute;
	  -webkit-transform: translateY(0);
	  transform: translateY(0);
	}



li.global_nav_inner:nth-child(1) div:before,
li.global_nav_inner a:before{
	font-family: FontAwesome;
	position: absolute;
	left: 45%;
	top: -20px;
	font-weight: normal;
	font-size: 180%;
}

li.global_nav_inner:nth-child(1) div:before		{content:"\f002";top:-20px;}
li.global_nav_inner:nth-child(2) a:before	{content:"\f083";}
li.global_nav_inner:nth-child(3) a:before	{content:"\f0a1";}
li.global_nav_inner:nth-child(4) a:before	{content:"\f012";}
li.global_nav_inner:nth-child(5) a:before	{content:"\f02d";}

li.global_nav_inner div.global_nav_category,
li.global_nav_inner a{
	display:block;
	height:52px;
	margin:4px 0;
	border-left:solid 1px #cac573;
	line-height:80px;
	cursor: pointer;
}
li.global_nav_inner:last-child a{border-right:solid 1px #cac573;}

/* ----------------------------------------
	位置固定menu
---------------------------------------- */
.menu{
	display:none;
	position:fixed;
	z-index:999999;
	height:60px;
	width:100%;
	background:#fbf24c;
	box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.2);
}
.menu_box{
	display:flex;
	width:980px;
	margin:0 auto;
}
ul.menu_container{
	display:flex;
	width:455px;
}
.menu .header_search_box{
	width:525px;
	height: 50px;
	margin-top: 5px;
	background:#fefaa9;

}
li.menu_inner{
	position:relative;
	width:16.6%;
	height:60px;
	line-height:52px;
	text-align:center;
	font-size:82%;
	font-weight:bold;
	color:#333;

}
li.menu_inner:nth-child(1) a img{
	vertical-align:top;
	margin-top: 10px;
	width: 30px;
	height: auto;
}
li.menu_inner:nth-child(2) div:before,
li.menu_inner a:before{
	font-family: FontAwesome;
	position: absolute;
	left: 40%;
	top: -12px;
	font-weight: normal;
	font-size: 180%;
}
li.menu_inner:nth-child(2){cursor:pointer;}
li.menu_inner:nth-child(2) div:before	{content:"\f002";top:-10px;}
li.menu_inner:nth-child(3) a:before	{content:"\f083";}
li.menu_inner:nth-child(4) a:before	{content:"\f0a1";}
li.menu_inner:nth-child(5) a:before	{content:"\f012";}
li.menu_inner:nth-child(6) a:before	{content:"\f02d";}

li.menu_inner div.menu_category,
li.menu_inner a{
	display:block;
	height:52px;
	margin:4px 0;
	border-left:solid 1px #cac573;
	line-height:80px;
}
li.menu_inner:nth-child(1) a{border:none;}

.menu ul.header_menu > li::before{
	line-height:40px;
	left: 30%;
}
#global_footer_menu ul.header_menu > li > a,
#global_footer_menu li.history01,
#global_footer_menu li.history02 {
    line-height: 76px;
}

.menu ul.header_menu{
	width:215px;
	height:50px;
}
.menu input.free_word{
	width:140px;
	height:30px;
}

.menu input.free_word_go{
	width:50px;
	height:30px;
}
.menu div.search_free_word .ac{
	margin-top:5px;
}
.menu div.search_free_word{
	width:300px;
}
.menu div.search_free_word div:last-child{
	width:190px;
}
.menu label.select{
	font-size:90%;
}

.menu ul.header_menu > li a span,
.menu ul.header_menu > li span{
	width:12px;
	height:12px;
	line-height:12px;
	font-weight:normal;
	font-size: 110%;
	right:10px;
}
.menu ol.history_ol li a{
	line-height:40px;
}
/* ----------------------------------------
	dropダウンメニュー（シェアハウスを探す）
---------------------------------------- */
div.drop{
	display:none;
	background:#fff;
	width:100%;
	min-width:1100px;
	z-index:1000;
	padding-bottom:10px;
	box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.2);

}
.drop.head_menu{position:absolute;}
.drop.foot_menu{position:fixed;top:60px;}
div.drop_inner{
	display:flex;
	width:980px;
	margin:0 auto;
}

ul.global_nav_search{
	position:relative;
	margin:40px 20px 20px 0;
	padding-top:10px;
	border-top: solid 1px #333;
	font-size:80%;
	line-height:1.0;
	
}
ul.global_nav_search:nth-child(1){width:250px;}
ul.global_nav_search:nth-child(2){width:220px;}
ul.global_nav_search:nth-child(3){width:220px;}
ul.global_nav_search:nth-child(4){width:230px;margin-right:0;}

ul.global_nav_search:before{
	position:absolute;
	left:0;
	top:-25px;
	font-weight:bold;
	font-size:119%;
}
ul.global_nav_search:nth-child(1):before{content:"エリア";}
ul.global_nav_search:nth-child(2):before{content:"特徴";}
ul.global_nav_search:nth-child(3):before{content:"主要駅・目的地";}
ul.global_nav_search:nth-child(4):before{content:"入居者データ・雰囲気";}

/*エリア*/
ul.global_nav_area li{
	float:left;
	height:90px;
	width:120px;
	margin:0 10px 10px 0;
	border:solid 1px #333;
	border-radius: 5px;
}
ul.global_nav_area li:nth-child(6),
ul.global_nav_area li:nth-child(7),
ul.global_nav_area li:nth-child(8){
	height:60px;
}
ul.global_nav_area li:nth-child(odd){margin-right:0;}
ul.global_nav_area li:nth-child(1)	{background:url(../img/pc_common/area_tokyo.png) no-repeat; width:100%;}
ul.global_nav_area li:nth-child(2)	{background:url(../img/pc_common/area_kanagawa.png) no-repeat center top;}
ul.global_nav_area li:nth-child(3)	{background:url(../img/pc_common/area_saitama.png) no-repeat;}
ul.global_nav_area li:nth-child(4)	{background:url(../img/pc_common/area_chiba.png) no-repeat;}
ul.global_nav_area li:nth-child(5)	{background:url(../img/pc_common/area_kansai.png) no-repeat;}
ul.global_nav_area li:nth-child(6)	{background:url(../img/pc_common/area_tohoku.png) no-repeat;}
ul.global_nav_area li:nth-child(7)	{background:url(../img/pc_common/area_kitakanto.png) no-repeat;}
ul.global_nav_area li:nth-child(8)	{background:url(../img/pc_common/area_nishinihon.png) no-repeat;}

ul.global_nav_area li a{
	position: relative;
	display:block;
	width:100%;
	height:100%;
}
ul.global_nav_area li a:hover{ background: rgba(255,255,255,0.4);}
ul.global_nav_area li a span{
	position:absolute;
	right:-1px;
	top:8px;
	display:block;
	height:30px;
	width:80px;
	line-height:28px;
	text-align:center;
	background:#fff;
	border-top:solid 1px #333;
	border-right:solid 1px #fff;
	border-bottom:solid 1px #333;
	border-left:solid 1px #333;
	border-radius:15px 0 0 15px;
	font-weight:bold;
	font-size:94%;
}
ul.global_nav_area li:nth-child(1) a span{
	position:absolute;
	left:-1px;
	top:30px;
	width:170px;
	border-radius:0 15px 15px 0;
	border-left:solid 1px #fff;
	border-right:solid 1px #333;
	line-height:28px;
}
ul.global_nav_area li:nth-child(8) a span{
	position:absolute;
	right:-1px;
	top:8px;
	width:110px;
	line-height:28px;
	background:#fff;
	border-top:solid 1px #333;
	border-right:solid 1px #fff;
	border-bottom:solid 1px #333;
	border-left:solid 1px #333;
	border-radius:15px 0 0 15px;
	font-weight:bold;
	font-size:90%;
}


/*特徴および駅*/
ul.global_nav_feature,
ul.global_nav_station{
	display:flex;
	flex-wrap:wrap;
}

ul.global_nav_feature li,
ul.global_nav_station li{
	height:40px;
	width:50%;
	font-size:86%;
	font-weight:normal;
	position:relative;
} 

ul.global_nav_feature li:before,
ul.global_nav_station li:before{
	position:absolute;
	top:0;
	content:"";
	display:inline-block;
	width:38px;
	height:38px;
	border:solid 1px #ccc;
	border-radius:5px;
}

ul.global_nav_feature li:nth-child(1):before{
	background:url(../img/common/feature01.png) no-repeat center bottom ,url(../img/pc_common/bg_gray_dot.png) repeat;    
    background-size:contain, 16px 16px;
}
ul.global_nav_feature li:nth-child(2):before{
	background:url(../img/common/feature02.png) no-repeat center bottom ,url(../img/pc_common/bg_gray_dot.png) repeat;    
    background-size:contain, 16px 16px;
}
ul.global_nav_feature li:nth-child(3):before{
	background:url(../img/common/feature03.png) no-repeat center bottom ,url(../img/pc_common/bg_gray_dot.png) repeat;    
    background-size:contain, 16px 16px;
}
ul.global_nav_feature li:nth-child(4):before{
	background:url(../img/common/feature04.png) no-repeat center bottom ,url(../img/pc_common/bg_gray_dot.png) repeat;    
    background-size:contain, 16px 16px;
}
ul.global_nav_feature li:nth-child(5):before{
	background:url(../img/common/feature05.png) no-repeat center bottom ,url(../img/pc_common/bg_gray_dot.png) repeat;    
    background-size:contain, 16px 16px;
}
ul.global_nav_feature li:nth-child(6):before{
	background:url(../img/common/feature06.png) no-repeat center bottom ,url(../img/pc_common/bg_gray_dot.png) repeat;    
    background-size:contain, 16px 16px;
}
ul.global_nav_feature li:nth-child(7):before{
	background:url(../img/common/feature07.png) no-repeat center bottom ,url(../img/pc_common/bg_gray_dot.png) repeat;    
    background-size:contain, 16px 16px;
}
ul.global_nav_feature li:nth-child(8):before{
	background:url(../img/common/feature08.png) no-repeat center bottom ,url(../img/pc_common/bg_gray_dot.png) repeat;    
    background-size:contain, 16px 16px;
}
ul.global_nav_feature li:nth-child(9):before{
	background:url(../img/common/feature09.png) no-repeat center bottom ,url(../img/pc_common/bg_gray_dot.png) repeat;    
    background-size:contain, 16px 16px;
}
ul.global_nav_feature li:nth-child(10):before{
	background:url(../img/common/feature10.png) no-repeat center bottom ,url(../img/pc_common/bg_gray_dot.png) repeat;    
    background-size:contain, 16px 16px;
}
ul.global_nav_feature li:nth-child(11):before{
	background:url(../img/common/feature11.png) no-repeat center bottom ,url(../img/pc_common/bg_gray_dot.png) repeat;    
    background-size:contain, 16px 16px;
}
ul.global_nav_feature li:nth-child(12):before{
	background:url(../img/common/feature12.png) no-repeat center bottom ,url(../img/pc_common/bg_gray_dot.png) repeat;    
    background-size:contain, 16px 16px;
}
ul.global_nav_feature li:nth-child(13):before{
	background:url(../img/common/feature13.png) no-repeat center bottom ,url(../img/pc_common/bg_gray_dot.png) repeat;    
    background-size:contain, 16px 16px;
}
ul.global_nav_feature li:nth-child(14):before{
	background:url(../img/common/feature14.png) no-repeat center bottom ,url(../img/pc_common/bg_gray_dot.png) repeat;    
    background-size:contain, 16px 16px;
}
ul.global_nav_feature li:nth-child(15):before{
	background:url(../img/common/feature16.png) no-repeat center bottom ,url(../img/pc_common/bg_gray_dot.png) repeat;    
    background-size:contain, 16px 16px;
}

ul.global_nav_feature li a,
ul.global_nav_station li a{
	display:table-cell;
	vertical-align:middle;
	line-height:1.2;
	position:relative;
	z-index:10;
	padding-left:45px;
	padding-right:3px;
	height:40px;
}

ul.global_nav_feature li a:hover,
ul.global_nav_station li a:hover{
	text-decoration:underline;
}
ul.global_nav_station li:nth-child(1):before{background:url(../img/pc_common/area_shinjyuku.png) no-repeat; background-size: auto 40px;}
ul.global_nav_station li:nth-child(2):before{background:url(../img/pc_common/area_shibuya.png) no-repeat; background-size: auto 40px;}
ul.global_nav_station li:nth-child(3):before{background:url(../img/pc_common/area_tokyo.png) no-repeat center; background-size: auto 40px;}
ul.global_nav_station li:nth-child(4):before{background:url(../img/pc_common/area_ikebukuro.png) no-repeat; background-size: auto 40px;}
ul.global_nav_station li:nth-child(5):before{background:url(../img/pc_common/area_shinagawa.png) no-repeat; background-size: auto 40px;}
ul.global_nav_station li:nth-child(6):before{background:url(../img/pc_common/area_ueno.png) no-repeat right; background-size: auto 40px;}
ul.global_nav_station li:nth-child(7):before{background:url(../img/pc_common/area_kanagawa.png) no-repeat right; background-size: auto 40px;}
ul.global_nav_station li:nth-child(8):before{background:url(../img/pc_common/area_oomiya.png) no-repeat right top; background-size: auto 40px;}
ul.global_nav_station li:nth-child(9):before{background:url(../img/pc_common/area_chiba.png) no-repeat; background-size: auto 40px;}
ul.global_nav_station li:nth-child(10):before{background:url(../img/pc_common/area_umeda.png) no-repeat right; background-size: auto 40px;}
ul.global_nav_station li:nth-child(11):before{background:url(../img/pc_common/area_nanba.png) no-repeat; background-size: auto 40px;}
ul.global_nav_station li:nth-child(12):before{background:url(../img/pc_common/area_sannomiya.png) no-repeat right; background-size: auto 40p ;}
ul.global_nav_station li:nth-child(13):before{background:url(../img/pc_common/area_koube.png) no-repeat right; background-size: auto 40px;}


/*入居者データ・雰囲気*/
.global_nav_deta > li{
	display:flex;
	padding: 5px 10px;
	margin-bottom: 5px;
	background:#f4f4f4;
	-webkit-align-items: center;
 	align-items: center;
}

.global_nav_deta li div	{width:30%;font-size:82%;line-height: 1.2; padding-right: 3px;}
.global_nav_deta li ul	{width:70%;font-size:82%;}
.global_nav_deta li ul li{
	margin-left: 10px;
	list-style-type: square;
	line-height:1.4;
}

.global_nav_deta li ul li a:hover{text-decoration:underline;}

/* -----------------------------------------------------------base[end]-------------------------------------------------------------------*/

/* ----------------------------------------
	下層ページ共通タイトル
---------------------------------------- */
.contents_title{
	height:170px;
	border-top:solid 10px #54bdfb;
	border-bottom:solid 10px #54bdfb;
	background:url(../img/pc_common/bg_contents_title.png) center;
}

.contents_title p{
	position: relative;
    top: -15px;
	padding-left:300px;
	display:flex;
	-webkit-align-items: center;
	align-items: center;
	width:980px;
	height:170px;
	margin:0 auto;
	background:url(../img/pc_common/bg_contents_title_p.png) no-repeat 30px 0;
	font-size: 180%;
	font-weight: bold;
	line-height:1.3;
}


.page_title{
	background:url(../img/pc_syousai/contents_title_bg.png) repeat-x;
	height:110px;
	width:100%;
	white-space:nowrap;
	overflow:hidden;
}
.page_title > div{
	position:relative;
	width:980px;
	margin:0 auto;
	padding-top: 35px;
	color: #fff;
	font-size: 190%;
	font-weight: bold;
}
.page_title > div.page_title_3{
	padding-top: 0;
	line-height:110px;
}

.page_title_2{
	height:50px;
	line-height:50px;
	margin:0 auto 40px auto;
	background:#b9e3fc;
	font-size:113%;
	font-weight:bold;
	
}
.page_title_2 > p{
	width:980px;
	margin:0 auto;
}


/* ----------------------------------------
	下層ページ構成
---------------------------------------- */
.contents{
	display:flex;
	flex-wrap:wrap;
	width:980px;
	margin:0 auto;
}
.contents_left	{width: 280px;margin-right: 20px;}
.contents_right	{width:680px;}


/* ----------------------------------------
	二段組み
---------------------------------------- */
.two_columns{display:flex; width:980px; margin:40px auto;}
.two_columns_left{ width:680px; margin-right:40px;}
.two_columns_right{ width:260px; }


/* ----------------------------------------
	ichiranページのおすすめ 3件のみ
---------------------------------------- */
.ichiran_recommend{
	background:url(../img/common/bg_recommend.png);
	background-size: 6px;
	border-radius:0 0 5px 5px;
	}

.ichiran_osusume .recommend_frame a{
	width:33.3%;
	
}

/* ----------------------------------------
	広告
---------------------------------------- */
.top_koukoku{margin-bottom:20px;}
.top_koukoku ul{display:flex; width:100%;}
.top_koukoku ul li{width:49%;height:auto;}
.top_koukoku ul li img{width:100%;height:auto;}
.top_koukoku ul li:first-child{margin-right:2%;}

/* ----------------------------------------
	group 共通項目
---------------------------------------- */
.group{padding:60px 10px;}
.group h2 {
	position:relative;
	height:90px;
	width:70%;
	line-height:110px;
	margin:0 auto 40px auto;
	text-align:center;
	font-size:125%;
	border-top:2px solid #333;
	border-bottom:2px solid #333;
}

.group h2 span{
	font-size:144%;
}

/*項目説明*/
.group p{
	text-align:center;
	margin-bottom:20px;
	font-size:86%;
	line-height:1.5;
}
/* ----------------------------------------
	more もっと見る
---------------------------------------- */
.more{
	width:630px;
	height:50px;
	margin:30px auto 0 auto;
	border:solid #666 1px;
	text-align:center;
	background:#fff;
	line-height:50px;
	transition: background-color 0.5s;
}

.more a{
	display:block;
	position:relative;
	font-weight:bold;
	font-size:88%;
}
.more:hover{
	background:#333;
}
.more:hover a{
	color:#fff;
}
.more a:after{
	content:"\f105";/*右矢印*/
	font-family: FontAwesome;
	font-size:200%;
	color:#333;
	position:absolute;
	right:10px;
}
.more:hover a:after{
	color:#fff;
}


/* ----------------------------------------
	recommend おすすめシェアハウス
---------------------------------------- */
div.recommend {
    background: url(../img/common/bg_recommend.png);
    background-size: 6px 6px;
}
div.recommend h2,
div.recommend_tate h2{
    color: #fff;
    border-color: #fff;
}
.recommend_frame{
	display:flex;
	flex-wrap: wrap;
	width: 100%;
}

.recommend_frame_tate{
	width: 100%;
}
.recommend_frame a{
	width:313px;
	margin-right:20px;
	margin-bottom:20px;
	background:#fff;
	border-radius:5px;
}
.recommend_frame_tate a{
	width:240px;
	margin:10px 10px 0 10px;
	display:block;
	background:#fff;
	border-radius:5px;

}
.recommend_frame a:hover,
.recommend_frame_tate a:hover{
	transition: 0.4s ;
	box-shadow:0px 0px 14px 1px #003366;
	-moz-box-shadow:0px 0px 14px 1px #003366;
	-webkit-box-shadow:0px 0px 14px 1px #003366;
}

.recommend_frame a:nth-child(3n){margin-right:0;}

ul.osusume{display:flex;padding:10px;flex-wrap:wrap;}
ul.osusume li:nth-child(1){
	width:120px;
	margin-right:10px;
}
ul.osusume li:nth-child(2){
	width:163px;
	line-height:1.3;
}


ul.osusume li img{
	width:100%;
	height:auto;
	border-radius:5px;
	border:2px solid #f4f4f4;
}

.osusume_pr{
	margin-bottom:3px;
	color:#1c79b8;
	font-weight:bold;
}

.osusume_area {
	margin-bottom:5px;
    font-size: 82%;
}
.osusume_area::before {
    content: "\f041";
    font-family: FontAwesome;
    color: #404040;
    padding-right: 5px;
}
.osusume_text{ font-size: 75%;}
.osusume_text span{
	background:url(../img/pc_common/bg_nami.png) ;
	line-height:20px;
}


/* ----------------------------------------
	新着シェアハウス
---------------------------------------- */
.new_sh{
	background:url(../img/common/bg_new_sh.png);
	background-size:6px 6px;
}
.new_sh_inner{
	display:flex;
	flex-wrap:wrap;
	width:100%;
}

.new_sh_inner a{
	width:32%;
	margin-right:2%;
	margin-bottom:10px;
}

.new_sh_inner a:nth-child(3n){
	margin-right:0;
}

ul.new{
	display: flex;
	padding: 10px;
	background-color: rgba( 255, 255, 255, 0.8);
	border-radius: 5px;
	margin-bottom: 10px
}

ul.new:hover{
	transition: 0.4s ;
	box-shadow:0px 0px 14px 1px #71713a;
	-moz-box-shadow:0px 0px 14px 1px #71713a;
	-webkit-box-shadow:0px 0px 14px 1px #71713a;

}

ul.new li:nth-child(1){
	width:40%;
}

ul.new li:nth-child(1) img{
	width:100%;
	height:auto;
	border:2px solid #f4f4f4;
	border-radius:5px;
}


ul.new li:nth-child(2){
	width:60%;
	padding-left:15px;
}
ul.new li:nth-child(2) div{
	position:relative;
	line-height:1.3;
}
ul.new li:nth-child(2) div:before{
	font-family: FontAwesome;
	color:#333;
	position:absolute;

}

ul.new li:nth-child(2) div.new_date:before{content:"\f073";left:0;color: #999;}
ul.new li:nth-child(2) div.new_area:before{content:"\f041";left:1px;}
ul.new li:nth-child(2) div.new_station:before{content:"\f238";left:0;}
div.new_date{
	color:#999;
	font-size:75%;
	padding-left:15px;
	}
div.new_house{
	margin:5px 0;
	font-size:94%;
	font-weight: bold;
	color: #1c79b8;
}

div.new_area{
	font-size: 75%;
	padding-left:15px;
}

div.new_station{
	font-size: 75%;
	padding-left:15px;
}

/* ----------------------------------------
	news_popup
---------------------------------------- */
.new_info_detail
	.hidden
{
	display	:	none;
}
#news_popup
{
				display	:	block;
			position	:	fixed;
				z-index	:	9999;
	background-color	:	rgba(255 ,255 ,255 ,1);
	padding:20px;
				
				border-radius:5px;
				font-size:16px;/*リセット*/
				
}

.news_popup_header{
	display:flex;
	height: 20px;
	line-height: 18px;
	text-align: center;
	border: solid 1px #999;
	font-size: 82%;
	background:#d8f3fd;

	
}
.news_popup_header > time{
	color:#333;
	border-right: solid 1px #999;
	padding:0 10px;
	background:#fff;
}
.news_popup_header > time::before,
.glry_info_header > time::before{
	content: "\f073 ";
	font-family: FontAwesome;
	padding-right: 5px;
	font-size: 110%;
}
.news_popup_header cite{
	display:inline-block;
	padding:0 10px;
	font-size:100%;
	


}
.news_popup_header cite a::after,
.glry_info_header > cite a::after{
	content: "\f138  ";
	font-family: FontAwesome;
	padding-left: 5px;
	font-size: 110%;
}

.news_popup_header cite a:hover{
	color:#1c79b8;
	background:none;
}

#news_popup .new_info_detail,
.glry_comment{
	font-size:88%;
	line-height:1.6;
	padding:30px 20px;

}
#news_popup .new_info_detail{
	max-width:500px;
}

#news_popup .new_info_detail a,
.glry_comment a{
	color:#1c79b8;
}
#news_popup .new_info_detail a:hover,
.glry_comment a:hover{
	text-decoration:underline;
	background:none;
}



/* ----------------------------------------
	投稿写真_popup
---------------------------------------- */
.glry_frame{
	border-radius:5px;
}
.glry_info{
	padding:10px;
}
.glry_info_header{
	border: solid 1px #999;
	margin-bottom:40px;

}

.glry_info_header > time{
	display:block;
	color:#333;
	padding:0 10px;
	background:#fff;
	font-size: 82%;

}

.glry_info_header > cite{
	display:block;
	padding:0 10px;
	font-size:88%;
	background:#d8f3fd;
/*	border-top: solid 1px #999;
日付を入れることになった場合復活
*/
}
.glry_info_header > cite a{
	position:relative;
}
.glry_info_header >  a::after{
	content: "\f138  ";
	font-family: FontAwesome;
	padding-left: 5px;
	font-size: 110%;
}

.glry_info_header >  a:hover{
	color:#1c79b8;
	background:none;
}

/* ----------------------------------------
	pankuzu
---------------------------------------- */
.pankuzu{
	border-top:solid 1px #ccc;
}

.pankuzu ol{
	width:980px;
	margin:0 auto;
	display:flex;
	height:50px;
	-webkit-align-items: center;
	align-items: center;
}

.pankuzu ol li{
	margin-right:10px;
	font-size:75%;
}

.pankuzu ol li:after			{content:" > "}
.pankuzu ol li:last-child:after	{content:"";}
.pankuzu ol li a				{color:#1c79b8;}
.pankuzu ol li a:hover			{text-decoration:underline;}

/* ----------------------------------------
	Back to top button 
---------------------------------------- */
#back-top {
	display:none;
	position: fixed;
	bottom: 0;
	right: 3%;
	opacity: 0.8;
	z-index: 999999;
}

#back-top span {
	width: 50px;
	height: 50px;
	display: block;
	background: #282a2b;
	text-align: center;
}
#back-top span img{
    position: absolute;
    left: 11px;
    top: 15px;
}

/* ----------------------------------------
	footer
---------------------------------------- */
#footer{
	background: #efefef/*#58a9cd*/;
	box-shadow: 0px -2px 6px -4px #b7b7b7;
	-moz-box-shadow: 0px -2px 6px -4px #b7b7b7;
	-webkit-box-shadow: 0px -2px 6px -4px #b7b7b7;
	border-top: solid 1px #ccc;
}

#footer_sns{
	background:#f9f9f9 /*#3896c0*/;
	padding: 40px 0;
}


.sns_site{
	display:flex;
	-webkit-justify-content: center; /* Safari */
	justify-content: center;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	 align-items: center; /* 縦方向中央揃え */
	border-top: dashed 1px #ccc;
	width:100%;
	height:100px;
}

/*.sns_site*/
	.sns_site ul{
		display:flex;
		-webkit-justify-content: space-between; /* Safari */
		  justify-content:  space-between;
		width:300px;
		margin:0;
	}

.sns_page{
	display:flex;
	-webkit-align-items: center;
	align-items: center;
	color:#333;
	width: 770px;
	/* margin-left:160px; */
	margin:0 auto;
}

/*.sns_page*/
	.sns_page_left{width:28%; margin-right:2%;}
	.sns_page_left img{
		width:100%;
		height:auto;
	}
	.sns_page_right{width:70%;font-size:82%; line-height:1.6;}
	.sns_page_right p > span{
		font-weight:bold;
		font-size:119%;
		padding-right:5px;
		margin-right:5px;
	}

	
	/*公式SNS*/
		ul.sns_list{
		display:flex;
		flex-wrap:wrap;
		-webkit-align-items: center;
		 align-items: center;
		 -webkit-justify-content: center; /* Safari */
	  justify-content:         center;
		 height: 50px;
		border-top: solid 1px #333;
		border-bottom: solid 1px #333;
		margin-top: 20px;
		}
		
		ul.sns_list li{margin-right:10px;}
		ul.sns_list li:first-child{margin-right:30px;}
		ul.sns_list li:last-child iframe{
			position:relative !important;
			top:4px;
		}
		
		.fb_iframe_widget span{top: -2px;}
		
		.g-plus{
			position:relative;
		}
		
		.g-plus a{	color:#fff;
					display: block;
					width: 25px;
					height: 25px;
					
					}
		.g-plus a:before{
			content: "\f0d5 ";
			font-family: FontAwesome;
			color: #fff;
			position: absolute;
			left: 0;
			top: 0;
			background: #dd4b39;
			border-radius: 50%;
			height: 25px;
			width: 25px;
			line-height: 25px;
			text-align: center;
		}
	



.footer_request {
	width:770px;
	margin:30px auto;
	background:#FFF;
	padding:20px;
	border-radius:10px;
	text-align:center;
	border:1px solid #f0f0f0;
}
.footer_request .fr_title {
	font-size:16px;
	font-weight:bold;
	padding-bottom:5px;
	position:relative;
}
.footer_request .fr_title::after {
	position:absolute;
	bottom:0;
	left:calc(50% - 10vw);
	content:"";
	width:20vw;
	height:1px;
	background:#000;
}
.footer_request .fr_text {
	margin-top:10px;
	font-size:13px;
	letter-spacing:.05em;
}
.footer_request .fr_btn {
	margin-top:10px;
	font-size:14px;
	font-weight:bold;
}
.footer_request .fr_btn a {
	background:#52bc4a;
	color:#FFF;
	padding:5px 30px;
	display:inline-block;
	border-radius:10px;
}



.footer_logo	{width:140px;}
.footer_logo img{width:90%;height:auto;}
#footer_inner{
	width:980px;
	margin:0 auto;
	display:flex;
	padding:40px 0;
	}
.footer_inner_box{
	width:300px;
	border-right:solid 1px #666;
	padding:0 10px 0 20px;
}

.footer_inner_box:last-child{
	width:240px;
	border-right:none;
}
.footer_inner_box p a{
	font-size:75%;
	color:#333;
}
.footer_category{
	margin-bottom:20px;
	font-weight:bold;
	color:#333;
}

ul.footer_search{font-size:75%;}
ul.footer_search li a{color: #333;}
ul.footer_search_sh{
	display:flex;
	flex-wrap:wrap;
	width:100%;
}
ul.footer_search li > ul{
	margin-left:20px;
}
ul.footer_search_sh li.drop01{width:33%;white-space: nowrap;}
ul.footer_search_sh li.drop02{width:50%;}

.footer_inner_box ul li a:hover,
.footer_inner_box p a:hover,
.request_frame_tgl:hover{text-decoration:underline;}

#copylight{text-align:center;padding:20px; background:#fff/*#3896c0*/;}
#copylight a,
#copylight small{
	color:#333;
	font-size:75%;
}
#copylight a:hover{
	text-decoration:underline;
}
/* ----------------------------------------
シェアハウスへのご意見ご要望　request_input
---------------------------------------- */
.request_frame_tgl{
	cursor: pointer;
	color:#333;
}

.request_frame{display:none;}
.request_frame iframe{
	border:none;
	width:210px;
	height:250px;
}

body#request{
	background:#efefef/*#58A9CD*/;
	color:#333;
}
body#request p{
	margin-top: 5px;
	font-size: 75%;
	line-height: 1.4;
}
body#request p.thanks{
	color: #fbf24c;
}
body#request textarea{
	width:210px;
	height:50px;
	margin:10px 0;
	padding:5px 10px;
	background:#fff;
	border:solid 1px  #CCC;
	border-radius: 5px;
	font-size:82%;
}

body#request input{
	width:100%;
	margin:10px 0;
	background:#517A8C;
	height:30px;
	line-height:30px;
	color:#fff;
	cursor:pointer;
}


/* -- footer Q&Aボタン追加 -- */
.sns_site > div {
	margin-right:30px;
	padding-right:30px;
	border-right:1px solid #999;
}
.sns_site > div a {
	background:#00afd5;
	color:#FFFFFF;
	font-size:13px;
	font-weight:bold;
	padding:6px 24px;
	border-radius:20px;
	display:inline-block;
}
.sns_site > div a:hover {
	background:#0fcbf4;
}