@charset "utf-8";

/* ============================================================
   at_home専用スタイル
   events/at_home.css と events/event-format.css から移動
   ============================================================ */

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

body { min-width: 1150px;}

#header-inner .nav ul { display: block !important; }
a.link { display: block; }

/* ------------------------------------------------------------ firstview */

#firstview { background: url(../../../images/modelhouse/fv.jpg) no-repeat center center #000; background-size: cover; padding: 123px 0 85px; }
#firstview h2 { font-size: 50px; text-align: center; color: #fff; line-height: 140%; }
#firstview h2 span { display: block; color: #b09866; font-size: 20px; line-height: 150%; }

#firstview h2 img { width: 100%; height: auto; }
#firstview_athome h2 img { width: 100%; height: auto; }

/* ------------------------------------------------------------ holiday */
.holiday a{
	color: red !important;
}

/* ------------------------------------------------------------ information */

#information { padding: 195px 0 150px; background: url(../../../images/product/bg.jpg) no-repeat center center #fff; background-size: cover; text-align: center; }
#information h4 { font-size: 30px; color: #fff; padding: 0 0 45px; }
#information .catalog_btn span { display: inline-block; *display: inline; *zoom: 1; width: 530px; height: 80px; line-height: 80px; font-size: 20px; background: #b1171d; color: #fff; border-radius: 5px; }

/* ------------------------------------------------------------ bread */

#bread { background: #fff;}
#bread ol li a { background: url(../../../images/event/construction/bread.gif) right center no-repeat;}
#bread ol li strong { color: #000;}

/* ------------------------------------------------------------ structural_tour */

#structural_tour { text-align: center;}
#structural_tour .box { padding: 0;}
#structural_tour .second { background: url(../../../images/event/construction/event_format/bg_01.gif);}

/* ------------------------------------------------------------ contact */

#reserve { background: #fff; margin: 25px 25px 0; padding: 0 0 0;}
#to_reserve .online{
	margin: 0 auto;
	padding: 10px 0 40px;
	width: 100%;
	text-align: center;
}
#to_reserve .online p{
	margin: 0 auto;
	padding: 0 0 20px;
	width: 422px;
}
#to_reserve .online .bt{
	margin: 0 auto;
	padding: 0;
	width: 384px;
}
#to_reserve .online .bt a{
 transition: .3s;
}

/* 予約カテゴリ行を非表示 */
.at_home_hide_category {
	display: none !important;
}

/* ------------------------------------------------------------ #notice */
#notice { width: 750px; margin: 30px auto 30px; border: 1px solid #000; padding: 20px; text-align: center;}
#notice h4 { font-size: 21px; font-weight: bold; text-align: center;}
#notice p { text-align: left; font-size: 21px; font-weight: bold;}
#notice span { font-size: 20px; display: block; text-align: center;}
#notice small { font-size: 14px; display: block; text-align: left; }
#notice small.left { text-align: left; }
#notice .small_center { font-size: 14px; display: block; text-align: center; }

/* ------------------------------------------------------------ mobile */ 
@media only screen and (max-width:640px){

	body { min-width: inherit;}

	/* ------------------------------------------------------------ firstview */

	#firstview { background: url(../../../images/modelhouse/fv.jpg) no-repeat center center; background-size: cover; padding: 75px 0; }
	#firstview h2 { font-size: 26px; line-height: 140%; }
	#firstview h2 span { font-size: 12px; line-height: 150%; }

	#firstview { margin: 0;}
	#firstview h2 img { width: 100%; height: auto; }
	#firstview_athome { margin: 0;}
	#firstview_athome h2 img { width: 100%; height: auto; }

	/* ------------------------------------------------------------ information */

	#information { padding: 60px 0; }
	#information h4 { font-size: 20px; padding: 0 0 45px; }
	#information .catalog_btn span { width: 70%; height: 50px; line-height: 50px; font-size: 16px; max-width: 340px; }

	/* ------------------------------------------------------------ bread */

	#bread { background: #fff; margin:50px 0 0 0;}
	#bread ol li a { background: url(../../../images/event/construction/bread.gif) right center no-repeat;}
	#bread ol li strong { color: #000;}

	/* ------------------------------------------------------------ structural_tour */

	#structural_tour { text-align: center;}
	#structural_tour .box { padding: 0;}
	#structural_tour .box img { width: 100%; height: auto;}
	#structural_tour .second { background: url(../../../images/event/construction/event_format/bg_01.gif);}

	/* ------------------------------------------------------------ contact */

	#reserve { background: #fff; margin: 0; padding: 0;}
	#to_reserve .online{
		margin: 0 auto;
		padding: 20px 0 30px;
		width: 100%;
		text-align: center;
	}
	#to_reserve .online p{
		margin: 0 auto;
		padding: 0 0 15px;
		width: 70%;
	}
	#to_reserve .online p img{
		width: 100%;
		height: auto;
	}
	#to_reserve .online .bt{
		margin: 0 auto;
		padding: 0;
		width: 60%;
	}
	#to_reserve .online .bt img{
		width: 100%;
		height: auto;
	}
	#to_reserve .online .bt a{
		transition: .3s;
	}

	#notice { width: 94%; margin: 30px auto; border: 1px solid #000; padding: 3%; box-sizing: border-box; }
	#notice h4 { font-size: 17px; text-align: center; padding: 0 0 10px;}
	#notice p { text-align: center; font-size: 16px; text-align: left;}
	#notice span { font-size: 18px; display: block; text-align: center; padding: 0 0 10px;}
}