@charset "shift_jis";

/* CSS Document */



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

/*common.cssはサイト個別で変更をかける時の       */
/*CSSになります。変更する際は気をつけてください  */

/* コメントアウト例（その他cssファイルでも活用してください） */
/* 制作を始める時にはtop.css、header.css、h_menu.cssの中身をを削除してください */
/* ナビメニューのプルダウンを使用したい場合にはh_menu.cssの記述を参考にしてみてください。 */

/* ----------------------------------------
　ディレクトリ名・ページ名等
---------------------------------------- */

/* 対象箇所
---------------------------------------- */

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


/* ----------------------------------------
　common
---------------------------------------- */

body {
	color : #333333;
	font-size: 12px;
	font-weight:500;
	line-height:18px;
	margin:35px 0 0 0;
	padding:0;
	font-family:'游ゴシック',YuGothic,'ヒラギノ角ゴ Pro','Hiragino Kaku Gothic Pro','メイリオ','Meiryo', sans-serif;

}

H1{
	color: #fff;
    font-size: 11px;
    text-align: left;
    width: 50%;
    line-height: 35px;
    padding-left: 10px;
    float: left;
    position: fixed;
    top: 0;
    z-index: 150;
	margin:0;
	overflow: hidden;
    white-space: nowrap;
	text-overflow: ellipsis;
}

.login_show {        display: none;}
.logout_show {        display: none;}
ul{
 margin: 0;
 padding: 0;
}
ul li{
 list-style: none;
}
/* ----------------------------------------
　学区検索　表示・非表示
---------------------------------------- */
/*
.gakku_comment , .srch_school , .s-school , .sho_school , .sho_school_text , .list_map_school , .sho_catalog_school{
	display:none;
}
*/

/* ----------------------------------------
　来店予約システム
---------------------------------------- */

/* ----------------------------------------
　利用する場合はこちらを読み込む
---------------------------------------- */

.on_raiten{
	display:none !important;
}


/* ----------------------------------------
　利用しない場合はこちらを読み込む
---------------------------------------- */
/*
.off_raiten{
	display:none !important;
}
*/


/* ----------------------------------------
　header 固定
---------------------------------------- */

.new_header {
	background-color:#3c4652;
	width:100%;
	height:35px;
	position: fixed;
	top:0;
	z-index:100;
}
.new_header_inner {
	width:1200px;
	margin:0 auto;
	overflow:auto;
}

.new_header_icon {
	float:left;
	margin:8px 0 0 0;
}

.new_header_menu {
	float:right;
	margin-top:6px;
}

.new_header_menu ul {
	margin:0;
	padding:0;
	overflow:hidden;
}
.new_header_menu li {
	width:110px;
	list-style-type: none;
	background-color: #EEEEEE;
	float: left;
	padding: 0;
	margin-right:6px;
	text-align:center;
}

.new_header_menu li:nth-child(5), .new_header li:nth-child(6){
	background-color:#D33F0E;
}

.new_header_menu li:nth-child(5) a, .new_header li:nth-child(6) a{
	color:#ffffff;
}

.new_header_menu a {
	color: #303030;
	text-decoration: none;
	display:block;
	padding:3px 10px;
	height: 16px;
	line-height:16px;
	font-size:12px;
	letter-spacing:1px;
}

.new_header_menu a i{
	margin:0 5px 0 0;
}

.new_header_menu a img{
	float:left;
}

#header_home{
	width:40px !important;
	background:none !important;
}

#header_home a{
	padding:0px !important;
	height:22px !important;
	width:100% !important;
}

#header_home a img{
	margin:0px auto;
	float:none;
}

.new_header_icon:hover , .new_header_menu li:hover{
	filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}

.new_header_home{
    width: 75px !important;
}

.new_header_home a{
    padding: 3px 5px;
}


/* --　ここから下は削除してOK　-- */

/* ----------------------------------------
　header
---------------------------------------- */

/*********************************************
　　h_nav01
*********************************************/
 
.h_nav01{
    margin: 15px 50px 20px 0; 
    float: right;
    width: 96%;
    position: relative;
    z-index: 2;
}
.h_nav01 img{
	max-width:none;
}
.h_nav01 .h_logo{
 float: left;
 margin-top: 5px;
}
.h_conts{
    float: right;
    display: flex;
    justify-content:flex-start;
    align-items: end;
}
/*navi*/
.h_nav01 .h_nav{
    width:100%;
    margin-right:10px;
}
.h_nav01 .h_nav ul{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.h_nav01 .h_nav ul li{
    position: relative;
    display: flex;
    align-items: center;
}
.h_nav01 .h_nav ul li::before{
    content: "/";
    margin: 0 9px;
    position: relative;
    z-index: 1;
    font-size: 0.9rem;
    line-height: 1.6;
    color: #d8d8d8;
}
.h_nav01 .h_nav ul li:first-child::before{
    content: none;
}
.h_nav01 .h_nav ul li a{
    font-size: 13px;
    display: block;
    text-decoration: none;
    color: #000;
     font-weight: bold;
     transition: .2s;
}
.h_nav01 .h_nav ul li a:hover{
    color:#d8d8d8;
}
.h_tel ul{
 display: flex;
 justify-content: space-between;
}
.h_tel ul li{
 line-height: 20px;
 margin: 0 0 0 10px;
}
.h_tel ul li span{
 display: block;
 font-size: 13px;
 font-weight: bold;
}

/* ----------------------------------------
　footer
---------------------------------------- */
.f_wrap{
 background-color: #3c4652;
}
.f_inner{
 width: 1100px;
 margin: 0 auto;
 padding: 35px 0 0 0;
 color: #fff;
}
.f_box1{
 font-weight: bold;
 display: flex;
 justify-content: space-between;
 border-bottom: 1px solid #fff;
 padding-bottom: 10px;
}
.f_box1_l{
 width: 830px;
}
.f_box1_l ul.f_flex_wrap{
 display: flex;
 justify-content: space-between;
 flex-wrap:wrap;
 }
.f_box1_l ul p{
 font-size: 14px;
 margin: 0 0 15px;
 display: block;
 width: 100%;
}
.f_box1_l ul li{
 line-height: 25px;
}
.f_box1_l ul li a{
 color:#fff;
 font-size: 12px;
 text-decoration: none;
 transition: .2s;
}
.f_box1_l ul li a:before{
  content: url(/img/common/f_icon.png);
  display: inline-block;
  width: 6px;
  height: 8px;
  margin-right: 5px;
}
.f_box1_l ul li a:hover{
 opacity: 0.7;
}
.f_conts{
 background-color: #505964;
 border-radius: 5px;
 display: flex;
 justify-content: space-between;
 padding:20.5px 15px;
 margin-bottom: 15px;
 align-items:baseline;
}
.f_conts:first-child ul.f_flex_wrap{
 width: 450px;
}
.f_conts:first-child ul.f_flex_wrap li{
 width: 150px;
}
.f_box1_r{
 width: 255px;
 border: 1px solid #fff;
 border-radius: 5px;
 height: 450px;
 box-sizing: border-box;
}
.f_box1_r_tl{
 border-bottom: 1px solid #fff;
 text-align: center;
 font-size: 14px;
 font-weight: bold;
 padding: 15px 0;
 margin: 0;
}
.f_tenpo{
 width: 218px;
 margin: 25px auto;
 font-size: 13px;
 font-weight: normal;
 line-height: 22px;
}
.f_tenpo img{
 margin-bottom: 7px;
}
.f_tenpo span{
 display: block;
 font-weight: bold;
}
.f_box1_r ul{
 width: 225px;
 margin: 0 auto;
}
.f_box1_r ul li{
 margin-bottom: 15px;
}
.f_box1_r ul li a{
 background-color: #fff;
 border-radius: 50px;
 display: block;
 text-align: center;
 padding: 8px 0;
 color: #3c4652;
 text-decoration: none;
 position: relative;
 border: 1px solid #3c4652;
 transition: .2s;
}
.f_box1_r ul li a:after{
  content: url(/img/common/f_icon02.png);
  display: inline-block;
  width: 6px;
  height: 8px;
  position: absolute;
  right: 20px;
}
.f_box1_r ul li a:hover{
 background-color: #3c4652;
 border: 1px solid #fff;
 color: #fff;
}
.f_box1_r ul li a:hover:after{
  content: url(/img/common/f_icon.png);
}
.f_box2{
 display: flex;
 justify-content: flex-start;
 flex-wrap: wrap;
 margin: 25px 0 35px;
}
.f_box2 .f_conts{
 width: 208px;
 box-sizing: border-box;
 margin-right: 15px;
 font-weight: bold;
}
.f_box2 .f_conts:nth-child(5){
 margin-right: 0;
}
.f_box2 .f_conts:nth-child(10){
 margin-right: 0;
}
.f_box2 .f_conts ul p{
 margin: 0 0 15px;
}
.f_box2 .f_conts ul p a{
 font-size: 14px;
 display: block;
 width: 100%;
 color:#fff;
 text-decoration:none;
 transition: .2s;
}
.f_box2 .f_conts ul p a:hover{
 opacity: 0.7;
}
.f_box2 .f_conts ul li{
 line-height: 22px;
}
.f_box2 .f_conts ul li a{
 color:#fff;
 font-size: 12px;
 text-decoration: none;
 transition: .2s;
}
.f_box2 .f_conts ul li a:before{
  content: url(/img/common/f_icon.png);
  display: inline-block;
  width: 6px;
  height: 8px;
  margin-right: 5px;
}
.f_box2 .f_conts ul li a:hover{
 opacity: 0.7;
}
.f_copy{
 background-color: #000;
 padding: 10px 0;
}
.f_copy_in{
 width: 1100px;
 margin: 0 auto;
 color: #fff;
 font-size: 11px;
}
.f_copy_in p{
 margin: 0;
}
.f_copy_in ul{
 display: flex;
 justify-content: end;
 align-items: center;
}
.f_copy_in ul li{
 margin-left: 15px;
}
.f_copy_in ul li a{
 color: #fff;
 text-decoration: none;
 transition: .2s;
 margin-right:30px;
}

.f_copy_in ul li a:hover{
 opacity: 0.7;
}
#jsp{
 margin: -30px 0 0 20px;
}
#jsp a{
  color: #fff;
}

/* ----------------------------------------
　side
---------------------------------------- */


/*サイドナビ左右入れ替え*/
.l-roomlist{
    width: 780px;
    float: left;
    margin-right: 20px;
}

.l-sidenavi{
    width:200px;
    float:right;
}

.side{
    width:200px;
	float:right;
	margin-bottom:20px;
}
.side a{
	color:#000;
	text-decoration:none;
}
.s_regist{
	background:url(/img/common/s_regist.png)no-repeat;
	height:294px;
	position:relative;
}
.s_regist h2{
	font-size:20px;
	font-weight:bold;
	color:#3c4652;
	line-height:32px;
	text-align:center;
	padding-top:55px;
	margin:0;
}
.s_regist h2 span{
	font-size:30px;
	font-weight:bold;
	background: linear-gradient(transparent 60%, #fff2b6 60%);
	display:block;
	margin: 0px 0 5px;
	color:#3c4652;
}
.s_regist a{
  	display: block;
  	position: absolute;
  	left: 0;
  	top: 0;
  	width: 100%;
  	height: 100%;
}
.s_regist a p{
    	position: absolute;
    	left: 0;
    	right: 0;
    	bottom: 40px;
    	margin: auto;
    	background-color: #b33449;
    	color: #fff;
    	font-size: 17px;
    	display: block;
    	letter-spacing: 4px;
    	text-align: center;
    	width: 180px;
    	padding: 15px 0;
    	font-weight: bold;
    	border-radius: 3px;
    	border: 2px solid #b33449;
    	box-sizing: border-box;
    	transition: .3s;
}
.s_regist a:hover p{
	background-color:#FFF;
	color:#b33449;
}
.s_news{
	background:url(/img/common/s_news_bg.png)no-repeat;
	height:277px;
	position:relative;
	margin-top:30px;
}
.s_news iframe{
	width:100%;
	height:245px;
	position: relative;
    	z-index: 1;
}
.s_news:after{
	content:"";
	position:absolute;
	bottom:0;
	right:0;
	background-color:#FFF;
	height:235px;
	width:140px;
	    z-index: 0;
}
.s_news_conts{
	width:190px;
	margin:0 auto;
	padding-top:40px;
}
.s_news_box{
    	position: relative;
    	z-index: 1;
}
.s_news_box a{
	color:#000;
	text-decoration:none;
	display:block;
	padding:5px;
}
.s_news_box a:hover .news_tl{
	text-decoration:underline;
}
.news_date{
	display:flex;
	justify-content:flex-start;
    	color: #a0a0a0;
	font-size:11px;
	margin-bottom:3px;
}
.news_date p{
	margin:0;
}
.news_date p:first-child {
    	border-right: 1px solid #a0a0a0;
	padding-right: 10px;
    	margin-right: 10px;
}
.news_tl{
	font-size:13px;
	font-weight:bold;
	line-height:16px;
	display: block;
    	display: -webkit-box;
    	-webkit-box-orient: vertical;
    	-webkit-line-clamp: 2;
	overflow:hidden;
	height:32px;
}
.s_news>a{
	text-align: center;
    	margin: 5px auto 0;
    	display: block;
    	position: relative;
    	z-index: 1;
}
.s_buy{
	margin-top:30px;
}
.s_buy a{
	display:block;
	background-color:#c8bb8e;
	padding:25px 0px 7px 0;
	color:#3c4652;
}
.s_buy_tl{
	display:flex;
	justify-content:space-between;
	margin:0 10px;
	align-items: center;
	margin: 0 10px 10px;
}
.s_buy_tl h2{
	font-size:28px;
	font-weight:bold;
	line-height:32px;
	margin:0;
}
.s_buy_tl h2 p{
	margin:0;
	font-size:11px;
	font-weight:bold;
}
.s_buy_img{
}
.s_sale{
	margin-top:30px;
}
.s_sale a{
	display:block;
	background-color:#3c4652;
	padding:25px 0px 7px 0;
	color:#fff;
}
.s_sale_tl{
	display:flex;
	justify-content:space-between;
	margin:0 10px;
	align-items: center;
	margin: 0 10px 10px;
}
.s_sale_tl h2{
	font-size:28px;
	font-weight:bold;
	line-height:32px;
	margin:0;
}
.s_sale_tl h2 p{
	margin:0;
	font-size:11px;
	font-weight:bold;

}
.s_sale_img{
}
.s_op{
	margin-top:30px;
}
.s_se_wrap{
	background-color:#e3ddc6;
	padding:30px 10px;
	margin-top:30px;
	box-sizing:border-box;
}
.s_se_wrap h2{
	text-align:center;
	font-size:25px;
	letter-spacing:2px;
	color:#3c4652;
	margin:0;
}
.s_se_wrap h2 span{
	color:#c8bb8e;
}
.s_se_wrap h2 p{
	font-size:9px;
	border-bottom:1px solid #3c4652;
	display:inline-block;
    	margin-top: 15px;
    	padding: 0 5px;
    	letter-spacing: 1px;
}
.s_se_area{
}
.s_se_area h3{
	font-size:11px;
	margin:10px 0 5px;
}
.s_se_area ul{
	display:flex;
	justify-content:space-between;
	align-items:center;
	flex-wrap:wrap;
}
.s_se_area ul li{
	width:87px;
	margin-bottom:6px;
}
.s_se_area ul li a{
	display:block;
	background-color:#c3dc7e;
	border:1px solid #fff;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	padding:7px 0;
	transition:.3s;
	color:#3c4652;
}
.s_se_area ul li a:hover{
	background-color:#FFF;
}
.s_se_box{
}
.s_se_box h3{
	font-size:11px;
	margin:15px 0 7px;
	color:#3c4652;
}
.s_se_box ul{
	border:2px solid #fff;
	border-radius:5px;
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
	align-items:center;
	background-color:#f2f5f8;
}
.s_se_box ul li{
	width:88px;
	border-bottom:2px solid #fff;
	height:40px;
	box-sizing:border-box;
	border-right:2px solid #fff;
}
.s_se_box.se_shu ul li:nth-child(1), .s_se_box.se_shu ul li:nth-child(3){
	border-right:2px solid #fff;
}
.s_se_box ul li:nth-child(2n){
	border-right:none;
}
.s_se_box.se_shu ul li:last-child{
	width:100%;
	border-right:none;
}
.s_se_box ul li:last-child{
	border-bottom:none;
}
.s_se_box ul li:nth-child(9){
	border-bottom:none;
}
.s_se_box ul li a{
	font-size:11.3px;
	text-align:center;
	padding:11px 0;
	display:block;
	font-weight:bold;
	transition:.3s;
	color:#3c4652;
}
.s_se_box ul li a:hover{
	background-color:#FFF;
}
.se_100 a{
	padding:6px 0 !important;
	line-height:15px;
}
.s_se_point{
}
.s_se_point h3{
	font-size:11px;
    	margin: 15px 0 7px;
	color:#3c4652;
}
.s_se_point ul{
	border:2px solid #fff;
	border-radius:5px;
	background-color:#f2f5f8;
}
.s_se_point ul li{
}
.s_se_point ul li a{
	display:block;
	display:flex;
	justify-content:flex-start;
	align-items:center;
	font-size:12px;
	font-weight:bold;
	color:#4f5862;
	padding:7px 10px;
	border-bottom:2px solid #fff;
}
.s_se_point ul li a:hover{
	background-color:#FFF;
}
.s_se_point ul li:last-child a{
	border-bottom:none;
}
.s_se_point ul li a img{
	margin-right:15px;
}
.s_se_point ul li a p{
	margin:0;
}
.s_free_word{
}
.s_free_word p{
	font-size:12px;
	color:#3c4652;
	font-weight:bold;
    	margin: 15px 0 7px;
}
.search_window {
    width: 180px;
    height: 40px;
    padding-left: 10px;
    box-sizing: border-box;
    border:3px solid #ecece8;
    border-radius: 6px 0 0 6px;
    font-size: 12px;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
    background-image: none !important;
    border-radius:5px;

}
.search_space{
}
.quick_keyword{
    text-align:center;
    margin:10px auto 0;
}
.free_btn{
    width: 100px;
    height: 30px;
    background: #3c4652;
    border: 1px solid #3c4652 !important;
    color: #fff;
    border-radius: 5px;
    font-size: 13px;
    font-weight: bold;
    cursor: pointer;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}
.s_bn{
	margin-top:30px;
}
.s_sale_waku{
	background-color:#f2f5f8;
	padding:30px 0;
	margin-top:30px;
}
.s_sale_waku h2{
	font-size:25px;
	font-weight:bold;
	color:#3c4652;
	text-align:center;
	line-height:30px;
	letter-spacing:2px;
	margin:0;
}
.s_sale_waku h2 span{
	color:#c8bb8e;
}
.s_sale_waku h2 p {
    	font-size: 9px;
    	border-bottom: 1px solid #3c4652;
    	display: inline-block;
    	padding: 0 5px;
    	letter-spacing: 1px;
	margin:0;
}
.s_sale_satei{
	width:180px;
	margin:10px auto;
}
.s_sale_satei a{
	background-color:#3c4652;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	padding:12px 0;
	display:block;
	text-align:center;
	border:2px solid #3c4652;
	transition:.3s;
}
.s_sale_satei a:hover{
	background-color:#FFF;
	color:#3c4652;
}
.s_sale_conts{
	width:180px;
	margin:0 auto;
}
.s_sale_conts p{
	font-size:12px;
	color:#3c4652;
	font-weight:bold;
    	margin: 15px 0 7px;
}
.s_sale_conts ul{
}
.s_sale_conts ul li{
	margin-bottom:8px;
}
.s_sale_conts ul li a{
	display:block;
	background-color:#FFF;
	border:1px solid #3c4652;
	font-size:12px;
	font-weight:bold;
	color:#3c4652;
	padding:7px 10px;
	line-height:16px;
	transition:.3s;
}
.s_sale_conts ul li a:hover{
	background-color:#3c4652;
	color:#fff;
}
.s_company{
	background-color:#e3ddc6;
	padding-bottom:30px;
}
.s_company h2{
	font-size:25px;
	font-weight:bold;
	color:#3c4652;
	text-align:center;
	padding:40px 0 0;
}
.s_company h2 p{
	border-bottom: 1px solid #3c4652;
    	display: inline-block;
    	padding: 0 5px;
    	letter-spacing: 1px;
	font-size:9px;
	margin-top: 15px;
}
.s_company ul{
	margin-bottom:20px;
}
.s_company ul li{
	width:180px;
	margin:0 auto 7px;
}
.s_company ul li a{
	display:flex;
	justify-content:space-between;
	align-items:center;
	background-color:#FFF;
	border:2px solid #3c4652;
	padding:10px 10px 10px 20px;
	font-size:14px;
	font-weight:bold;
	transition:.3s;
}
.s_company ul li a p{
	margin:0;
}
.s_company ul li a:hover{
	background-color:#3c4652;
	color:#fff;
}
.s_com_ac{
	text-align:center;
	margin-bottom:10px;
}

/* ----------------------------------------
レンタルコンテンツのお問合せボタン
---------------------------------------- */
.rental_inq {
    width: 720px;
    margin: 0 auto;
}
.rental_inq a {
    box-sizing: border-box;
    border:3px solid #ff7f00;
    background: #ff7f00;
    color:#fff;
    position: relative;
    display: block;
    font-size:20px;
    line-height: 18px;
    padding: 30px 0;
    text-decoration: none;
    text-align: center;
    font-weight: bold;
    letter-spacing: 1px;
}

.rental_inq a:after {
    position: absolute;
    bottom: -5px;
    content: "";
    vertical-align: middle;
    right: -5px;
    box-sizing: border-box;
    width: 10px;
    height: 10px;
    border: 10px solid transparent;
    border-left: 10px solid #FFF;
    transform:rotate(45deg); 
}

.rental_inq a:hover {
    background: #fff;
    color:#ff7f00;
}

.rental_inq a:hover:after {
    border-left: 10px solid #ff7f00;
} 


/* ----------------------------------------
　一覧アイコン
---------------------------------------- */
.list-icon{
	padding:0 17px;
}
.list-icon img{
	height:25px;
	text-align:left;
	padding:10px 0 0;
}
.form_caution {
    color: #E2584B;
    width: 780px;
    margin: 15px auto;
    padding: 15px;
    background: #fff4f4;
    border: 1px solid #E2584B;
    box-sizing: border-box;
    font-size: 14px;
    text-align: center;
    line-height: 22px;
}
.bnr {
	position: fixed;
	bottom: 220px;
	right: 0px;
	z-index: 100;
}
.bnr img {
width: 250px;
}
.bnr2 {
	position: fixed;
	bottom: 65px;
	right: 0px;
	z-index: 100;
}
.bnr2 img {
width: 250px;
}