@charset "utf-8";
/*
Theme Name: chubu-residential Theme
Version: 1.0.0
UpDate	:2018/07/05
Author: LiquidwireInc.
*/

*{ margin: 0; padding: 0;}
body { font-family: "Mplus 1p"; font-size: 90%; background-image:url(img/white_wall.png); background-repeat: repeat; color: #333;}
   a { text-decoration: underline; color: #333;}
  br { clear: both;}
  ul { list-style: none;}
	h1 { font-size: 140%;}	
	h2 { font-size: 120%;}
	
/* Effect */
.fade-in { transition: opacity 0.4s; -moz-transition: opacity 0.4s; -webkit-transition: opacity 0.4s; -o-transition: opacity 0.4s;}
.fade-up { transition: opacity 0.7s; -moz-transition: opacity 0.7s; -webkit-transition: opacity 0.7s; -o-transition: opacity 0.7s;
  transition: transform 0.7s; -moz-transition: transform 0.7s; -webkit-transition: transform 0.7s; -o-transition: transform 0.7s;}
.box p { -webkit-transition: all 1s; -webkit-transform: translate(0, 0); opacity: 1;}
.box p.move { -webkit-transform: translate(-30px, 0); opacity: 0;}

/* common blocks */
.wrappAll { margin-bottom: 20px; max-width: 700px; margin: 0 auto; padding-bottom: 120px;}
.cmnFlxBlc { display: flex; justify-content: center;}
.cmnFlxBlcList { display: flex; justify-content: flex-start;}
.cmnFlxBlcWrp { display: flex; flex-wrap: wrap; justify-content: center;}
.cmnbtn,
.conFlxCent { display: flex; align-items: center; justify-content: center;}
.cmnFlbx { width: 100%; height: 300px; margin: 5px; display: flex; align-items: stretch; justify-content: center;}
.box960 {border: 1px solid #ccc; border-radius: 10px; display: block; margin: 10px; padding: 10px; background: #fff;}
.box960 h3 {
	background: #f5f5f5;
	color: #000;
	padding: 5px 20px;
	border: 1px solid #ccc;
	border-radius: 3px;
	margin-bottom: 10px;
	display: inline-block;
	font-size: 90%;
}
.box960ico p{
	padding-left: 20px;
	background-image: url(img/960-right.png);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 20px;
	line-height: 1.8em;
}

.wid80p { width: 80px;}
.wid50 { width: 50%;}
.wid100 { width: 100%;}
.wid700 { width: 100%; max-width: 700px;}
.mgnAll20 { margin: 20px;}
.pdgtop10 { padding-top: 10px;}
.pdgtop20 { padding-top: 20px;}
.pdgtop30 { padding-top: 30px;}
.pdgtop50 { padding-top: 50px;}
.pdgBtm30 { padding-bottom: 30px;}
.pdgBtm50 { padding-bottom: 50px;}
.pdgBtm60 { padding-bottom: 60px;}
.mgnBtm10 { padding-bottom: 10px;}
.mgnBtm30 { padding-bottom: 30px;}
.blank { display: block; height: 50px;}

.cmnWrapp { width: 100%; max-width: 600px; margin: 0 auto;}
.cmnWrappMx { width: 100%; margin: 0 auto; text-align: center;}

.black { background: #000; display: block; color: #fff;}

.blcHead { width: 100%; height: auto;}
.blcTop { padding: 0 5px;}
.blcMid { /* border: 5px solid #0077ff;  */padding: 10px; margin:5px 0px; color: #000; border-radius: 10px;}
.blcMid h1{ border-bottom: 1px solid #000; margin-bottom: 5px; padding-bottom: 5px;}
.blcMid h2{ line-height: 1.8em;}

.dateCap,
.dateCap1,
.dateCap2 { color: #fff; text-align: center; padding: 10px;}
.dateCap { background: #cc0000; margin-top: 5px;}
.dateCap1 { background: #ffff00; color: #000;}
.dateCap2 { background: #000; margin-top: 5px;}

.dateCapBt { color: #ffff00; font-weight: bold;}
.price { font-size: 220%; color: #cc0000; font-weight: bold; text-align: center; margin-bottom: 10px;}
.priceNam { font-size: 70%;}

.prTxt01,
.prTxt02,
.prTxt03 { display: block;}

.prTxt01 { margin-bottom: 5px;} 
.prTxt01 { font-size: 140%; border-bottom: 1px solid #ccc; padding-bottom: 3px; color: #cc0000; font-weight: bold; text-align: center;}
.prTxt02,
.prTxt03 { font-size: 70%; padding-bottom: 3px;}

.pointCp { position: absolute; top: 0; right: 0;}

table { border-collapse: collapse; border: 1px solid #ccc; color: #333;}
th{ border: 1px solid #ccc; padding: 2px; font-size: 90%; letter-spacing: 0.1em;}
td{ border: 1px solid #ccc; padding: 5px; letter-spacing: 0.1em;}
td.red { color: #cc0000;}
.pdBtm { background: #eeb7ee; padding: 30px;}
.details { width: 100%; max-width: 900px; margin: 0 auto;}
th.tableHead { line-height: 3em; font-size: 120%;}
.details table{ width: 100%; font-size: 90%; border-left: none; border-right: none;}
.details th{ width: 22%; border-left: none; border-right: none; vertical-align: middle;}
.details td{ line-height: 1.4em; border-left: none; border-right: none; padding-left: 10px;}
.corpList { display: inline-block; margin-right: 30px; width: 30%;}

.sldImgSiz {
	background-color: #f5f5f5;
  width: 100%;
  height: 350px !important;
  object-fit: contain;
}


.bgCol-gr { background-color: #003300; color: #fff;}
.dept { font-size: 90%; line-height: 1.6em; padding: 5px;}

footer { padding-top: 10px; text-align: center;}
.footTile { width: 100%; position: fixed; bottom: 0; left: 0; height: 110px; z-index: 999;}

.footCorp { font-size: 140%; line-height: 2em; font-weight: bold;}
.footAdd { font-size: 120%; line-height: 1.8em;}
.footLice { font-size: 80%; margin-bottom: 10px;}

/*
.footTilFlx:first-child { border-right: none;}
.footTilFlx:last-child { border-left: 1px solid #ccc; border-right: 1px solid #ccc;}
.footTilFlx{ width: 100%; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; height: 80px;}
.ftTxt { font-size: 70%; text-align: center; color: #666;}
.ftIcon { width: 40px; justify-content: center; align-items: center; padding-top: 5px;}
*/

	.animationBtn{
		animation: animScale 3s infinite ease-out;
		transform-origin: 50% 50%;
		animation-play-state:running;
	}
	
	@keyframes animScale {
		0% { transform: scale(0.8, 0.8); }
		5% { transform: scale(1.2, 1.2); }
		10% { transform: scale(1, 1); }
		15% { transform: scale(1.1, 1.1); }
		20% { transform: scale(1, 1); }
		100% { transform: scale(1, 1); }
	}


@media only screen and (max-width: 480px){}
@media only screen and (max-width: 767px){}
@media (min-width: 768px) {
a[href^="tel:"] { pointer-events: none;}
.pcHide {display: none;}
.footAdd { display: inline-block;}

}