/* CSS Document */
@charset "Shift_JIS";

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

Name: dormitory.css

Description: custom CSS

Create: 2025.06.12

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

/*===========================/
/*社員寮トップページ*/
/*===========================*/
.dormitory__ttl__ja {
	font-size: min(8vw, 1.75rem);
	font-weight: bold;
	line-height: 1.0;
	background-image: none;
	padding-top: 10px;
	
	/*position: relative;
	padding-left: 32px;
	display: inline-block;
	background-image: url("../images/serch_icon.png");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 16px 16px;
	-moz-background-size: 16px 16px;
	-webkit-background-size: 16px 16px;
	-o-background-size: 16px 16px;
	-ms-background-size: 16px 16px;*/
}
.dormitory__ttl__ja small{
	color: #606060;
	font-size: min(7vw, 1.25rem);
	font-weight: bold;
}

/*コンテンツ内の幅を狭める*/
.dormitory_box_wrap {
	width: 80%;
	clear: both;
	position: relative; /*positionをrelativeに指定*/
	margin-bottom: 20px;
}
/*グレーBOX　使用していない*/
.dormitory_box_copy{
	width: 80%;
	clear: both;
	margin: 5px auto;
	font-size: 1.3em;
	line-height: 1.3em;
	font-weight: bold;
	color: #333;
	position: relative; /*positionをrelativeに指定*/
	text-align: left;
}
.dormitory_box_text_wrap{
	min-height: 100px;
}
.dormitory_box_text{
	width: 80%;
	clear: both;
	margin: 5px auto;
	font-size: 1.0em;
	line-height: 1.5em;
	color: #333;
	position: relative; /*positionをrelativeに指定*/
	text-align: left;
}

/*　/社宅トップページ　グレーBOX*/
/*css/jp/r1/commoc.css を流用*/
.BoxPatternA .dormitory_serch_ttlbox{
	min-height: 20px;
	margin: -15px 0 15px;
	padding: 8px 15px 8px 30px;
	background-color: #c02;
	display: flex;
}
.dormitory_serch_image {
 object-fit: cover;
 max-height: 24px;
 width: auto;
}
.dormitory_serch_ttl {
	padding: 0 0 0 10px;
	color: #FFF;
	font-size: 1.1em;
	font-weight: normal;
	display: flex;
	align-items: center;
}
.BoxPatternA .dormitory_serch_ttl a{
	display: block;
	min-height: 20px;
	margin: -8px -15px;
	padding-left: 20px;
	background-image: none;
	background-image: url(../../image/jp/r1/icon/icon_link_right_l_white_hd.gif) !important;
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 16px 16px;
	-moz-background-size: 16px 16px;
	-webkit-background-size: 16px 16px;
	-o-background-size: 16px 16px;
	-ms-background-size: 16px 16px;
}
.BoxPatternA .dormitory_serch_ttl a:link,
.BoxPatternA .dormitory_serch_ttl a:visited {
	padding: 8px 22px 8px 15px;
	color: #fff;
	/*background-color: #e60027;*/
	text-decoration: none;
	border-right: solid 3px transparent;
}
.BoxPatternA .dormitory_serch_ttl a:hover,
.BoxPatternA .dormitory_serch_ttl a:active{
	padding: 8px 24px 8px 15px;
	color: #fff;
	/*background-color: #b1000e;*/
	text-decoration: none;
	border-right: solid 1px transparent;
}

.BoxPatternA .dormitory_serch_ttl strong {
	color: #fff;
	font-weight: normal;
}


.BoxPatternA .dormitory_ttl {
	min-height: 20px;
	margin: -15px 0 15px;
	padding: 8px 15px;
	font-size: 1.3em;
	font-weight: bold;
	color: #fff;
	line-height: 130%;
	border: none;
	background-color: #737373;
}


/****************************/
/*地図 SVGスタイル*/
/****************************/
.cls-buttom {
	fill: url(#buttom-gradient);
}
.cls-buttom-shadow {
	fill: url(#buttom-gradient-shadow);
}
.buttom-text {	/*テキスト*/
	    font-size: 18.22px;
        fill: #333;
		font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',Arial,Helvetica,sans-serif;
}
.cls-green {	/*千葉県・奈良県塗り*/
	fill: #99d5b8;
}
.cls-pink2 {	/*東京都下塗*/
	fill: #ffa1a7;
}
.cls-pink {		/*東京・大阪*/
	fill: #ff737b;
}
.cls-orange {	/*神奈川県*/
 	fill: #fdc399;
}
.cls-blue {		/*埼玉県背景*/
	fill: #96c5fd;
}
.cls-perple {	/*滋賀県*/
	fill: #d096fd;
}
.cls-white {
    fill: #fff;
}
.cls-6, .cls-7, .cls-8, .cls-9 {
	fill: none;		/*透明*/
}
.cls-7 {
        stroke-miterlimit: 10;	/*図形の線の連結部の尖り形状*/
}
.cls-7, .cls-8 {	/*ライン(線路)*/
        stroke: #fff;
        stroke-width: 8px;
}
.cls-8 {
        stroke-linecap: round;	/*図形の線の端の形状*/
}
.cls-8, .cls-9 {
        stroke-linejoin: round;	/*図形の線の連結部の形状*/
}
.cls-9 {	/*線路ピンク点線*/
        stroke: #ff737b;
        stroke-dasharray: .99 7.91;
        stroke-linecap: square;
        stroke-width: 3px;
}
.cls-24 {
	clip-path: url(#clippath);
}


/************************************************/
/*物件一覧ページ*/
/************************************************/

/*ローカルナビの追従*/
.Grid1 {
  position: sticky;
  top: 30px;
}

/*一覧ページの物件タイトル　デフォのリンク装飾を解除*/
h3.about_pagetitle a{
	text-decoration: none;
}
#dormitory .photo_back{
	background-color: #EEE;
	text-align: center;
	padding: 15px 0 10px;
}
/*項目名*/
#dormitory .bukkenmei{
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.4;
}
#dormitory .price{
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1.6;
	padding: 10px 0;
}
#dormitory .price2,
#dormitory .address,
#dormitory .access,
#dormitory .room,
#dormitory .chiku{
	font-size: 0.9em;
	line-height: 1.2;
}
#dormitory .full{
	float: right;
	display: inline-block;
	font-size: 0.7em;
	color: #FFF;
	background-color: #C02;
	padding: 2px 5px;
	border-radius: 3px;
	text-align: center;
	word-break: break-all;
}
#dormitory .price2{
	padding: 5px 0 5px 30px;
	background-image: url("../images/icon_price.png");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 24px 24px;
	-moz-background-size: 24px 24px;
	-webkit-background-size: 24px 24px;
	-o-background-size: 24px 24px;
	-ms-background-size: 24px 24px;
}
#dormitory .address{
	line-height: 1.6;
	padding: 5px 0 5px 30px;
	background-image: url("../images/icon_address.png");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 24px 24px;
	-moz-background-size: 24px 24px;
	-webkit-background-size: 24px 24px;
	-o-background-size: 24px 24px;
	-ms-background-size: 24px 24px;
}
#dormitory .access{
	line-height: 1.6;
	padding: 5px 0 5px 30px;
	background-image: url("../images/icon_access.png");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 24px 24px;
	-moz-background-size: 24px 24px;
	-webkit-background-size: 24px 24px;
	-o-background-size: 24px 24px;
	-ms-background-size: 24px 24px;
}
#dormitory .room{
	line-height: 1.6;
	padding: 5px 0 5px 30px;
	background-image: url("../images/icon_room.png");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 24px 24px;
	-moz-background-size: 24px 24px;
	-webkit-background-size: 24px 24px;
	-o-background-size: 24px 24px;
	-ms-background-size: 24px 24px;
}
#dormitory .chiku{
	line-height: 1.6;
	padding: 5px 0 5px 30px;
	margin-bottom: 10px;
	background-image: url("../images/icon_chiku.png");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 24px 24px;
	-moz-background-size: 24px 24px;
	-webkit-background-size: 24px 24px;
	-o-background-size: 24px 24px;
	-ms-background-size: 24px 24px;
}
#dormitory .tag li{
	float: left;
	font-size: 0.7em;
	background-color: #737373;
	border-radius: 3px;
	color: #FFF;
	display: inline-block;
	margin: 0 10px 5px 0;
	padding: 3px;
	text-align: center;
	word-break: break-all;
}

#dormitory .LinkListfull
{margin: -5px 0 15px;}

/*物件ごとの仕切り線*/
#dormitory .line{
	border-bottom: dotted;
	border-bottom-width: 1px;
	border-bottom-color: #737373;
	margin: 20px 0 20px 0;
}

/************************************************/
/*別ページへのアンカーリンクのずれ解消
/*SP表示になるとヘッダー固定になりヘッダーに隠れるのでその分の表示を下にずらす
/************************************************/
@media screen and (max-width: 767px) {
	html{
		scroll-padding-top: 80px;
	}
}


/************************************************/
/*物件詳細ページ　サムネイルスライダー*/
/************************************************/
.thumbnails {
  display: flex;
  margin: 1rem auto 0;
  padding: 0;
  justify-content: center;
}
.thumbnail {
  width: 70px;
  height: 70px;
  overflow: hidden;
  list-style: none;
  margin: 0 0.2rem;
  cursor: pointer;
  opacity: 0.3;
}
.thumbnail img {
  width: 100%;
  height: auto;
}
.thumbnail.is-active {
  opacity: 1;
}


/*=========================================================================================== */

/****************************/
/*物件一覧　物件名＋詳細はこちら　不要*/
/****************************/
.LinkList_dormitory {margin: -5px 0 15px;}
.LinkListStyle_dormitory {font-size: 1.2em;}
.LinkListStyle_dormitory li,
.LinkListStyle_dormitory dt {
	margin: 0;
	padding: 5px 0 0 0;
	line-height: 140%;
}

.LinkListStyle_dormitory li a,
.LinkListStyle_dormitory dt a {
	padding: 0 17px 0 0;
	background-repeat: no-repeat;
	background-position: right center;
}

.LinkListStyle_dormitory li a:link,
.LinkListStyle_dormitory dt a:link,
.LinkListStyle_dormitory li a:visited,
.LinkListStyle_dormitory dt a:visited {
	text-decoration: none;
	background-image: url(../../image/jp/r1/icon/icon_link_right_hd.gif);
	background-size: 16px 16px;
	-moz-background-size: 16px 16px;
	-webkit-background-size: 16px 16px;
	-o-background-size: 16px 16px;
	-ms-background-size: 16px 16px;
}
.LinkListStyle_dormitory li a:hover,
.LinkListStyle_dormitory dt a:hover,
.LinkListStyle_dormitory li a:active,
.LinkListStyle_dormitory dt a:active {
	text-decoration: underline;
	background-image: url(../../image/jp/r1/icon/icon_link_right_hover_hd.gif);
	background-size: 16px 16px;
	-moz-background-size: 16px 16px;
	-webkit-background-size: 16px 16px;
	-o-background-size: 16px 16px;
	-ms-background-size: 16px 16px;
}

.LinkListStyle_dormitory ul.ListStyle1 {
	margin: 0 0 0 1em;
	padding: 0;
	font-size: 100%;
}

.LinkListStyle_dormitory ul.ListStyle1 li {
	margin: 0;
	padding: 5px 0 0 0;
	background-image: none;
}

/************************************************/
/*表を縦並びに　カスタマイズ 不要*/
/************************************************/
@media screen and (max-width: 767px) {
#dormitory .ResponsiveTableStyle1 th{
	background-color: antiquewhite;
	text-align: left;
	border-bottom: solid 1px red;
}

/************************************************/
/*表の幅 不要*/
/************************************************/
@media screen and (min-width: 768px) {
	#dormitory table {
		width: 100%;
	}
	#dormitory .w5 {
		width: 5%;
	}
	#dormitory .w10 {
		width: 10%;
	}
	#dormitory .w15 {
		width: 15%;
	}
	#dormitory .w20 {
		width: 20%;
	}
	#dormitory .w30 {
		width: 30%;
	}
	#dormitory .name {
		background-color: #ddd;
	}
	#dormitory td img.size{
		min-width: 80px;
	}
}

@media screen and (max-width: 767px) {
	#dormitory .bgcolor{
		background-color: blue;
	}
}



#dormitory .table-wrap{
	width: 100%;
}

#dormitory .None{	
	display: none;
}
	
/************************************************/
/*768以上　非表示　不要*/
/************************************************/
@media screen and (min-width: 768px) {
	#dormitory .PCNone{	
		display: none;
	}
}

/************************************************/
/*物件一覧　表 767px以下の時にスクロール　不要*/
/************************************************/
@media screen and (max-width: 767px) {
	#dormitory .table-wrap{
		overflow-x: scroll;
	}
	#dormitory .DataTableStyle1{
		white-space: nowrap;
	}
}