@CHARSET "utf-8";




/* トップページ用CSS */


/* 冒頭 */

.indexCatch{
	font-size:24px !important;
	font-weight:bold;
	color:#f9f4e0;
}

.indexCatch .bandWidth{
	font-size:16px;
}

.objectOverviewParagraph{
	display:flex;
	align-items:center;
}

.objectOverviewParagraph p{
	margin-right:40px;
	width:600px;
}

.objectOverviewParagraph img{
	width:360px;
	min-width:360px;
}



/* CUBEとは */

.cubeAboutBox{
	display:flex;
}

.cubeAboutBox .content{
	width:420px;
	margin-right:40px;
}

.cubeAboutBox .image{
	width:540px;
}



/* メインコンテンツ */

.mainContentsBox{
	margin:20px;
	padding:20px 0;
	display:flex;
	align-items:center;
	/*
	border-bottom:2px solid #dddddd;
	*/
}

.mainContentsBox:nth-of-type(even){
	flex-direction:row-reverse;
}

.mainContentsBox .image{
	width:60%;
	padding:20px;
}

.mainContentsBox .content{
	width:40%;
	padding:20px;
}

.mainContentsBox .content .mainContentsHeadline{
	font-size:24px;
	margin-bottom:12px;
}


/* 概要 */


.indexPriceBoxWrapper{
	background:#f8f4e6;
	padding:6px 0 20px;
	box-shadow:2px 2px 4px gray;
	margin-bottom:20px;
}

.indexPriceBox .overviewHeadline{
	position:relative;
	margin-bottom:34px;
	text-align:center;
	padding:14px 20px 6px;
	font-weight:normal;
	font-size:24px;
}

.indexPriceBox .overviewHeadline:before{
	position: absolute;
	bottom: -5px;
	left: calc(50% - 50px);
	width: 100px;
	height: 3px;
	content: '';
	border-radius: 3px;
	background: #8f8461;
}

.indexPriceBoxWrapper dl{
	padding:0 40px 12px;
	display:flex;
	align-items:center;
}

.indexPriceBoxWrapper dl dt{
	/*background:#84bcf0;*/
	background:#84aacc;
	color:#ffffff;
	font-size:14px;
	padding:6px 18px;
	font-weight:bold;
	text-align:center;
	margin-bottom:6px;
	min-width:100px;
}

.indexPriceBoxWrapper dl dd{
	padding-left:20px;
}

.indexPriceBoxWrapper dl dd.price{
	font-size:36px;
	color:#dd4444;
}

.indexPriceBoxWrapper dl dd.price .prefix{
	font-size:14px;
}

.indexPriceBoxWrapper dl dd.area{
	font-size:14px;
}

.indexPriceBoxWrapper dl dd.plan{
	font-size:28px;
}

.indexPriceBoxWrapper dl dd.area .areaValue{
	font-size:28px;
}



/*
.indexPriceBox{
	line-height:140%;
	background:#f5f5dc;
	color:#34322b;
	padding:20px 28px 10px;
	margin-top:20px;
	margin-bottom:20px;
	margin-right:10px;
	border-radius:8px;
	border:4px solid #c59e28;
	box-shadow: 6px 6px 6px #bbbbbb;
}

.indexPriceBox dl.indexPriceList{
	line-height:120% !important;
}

.indexPriceBox dl.indexPriceList dt{
	line-height:120% !important;
	background:#8f8461;
	color:#ffffff;
	padding:6px 12px;
	font-size:20px;
	font-weight:normal;
	display:inline-block;
	border-radius:2px;
	margin-bottom:5px;
}

.indexPriceBox dl.indexPriceList dd{
	margin-top:5px;
	margin-bottom:5px;
}

.indexPriceBox dl.indexPriceList dd.price{
	line-height:100% !important;
}

.indexPriceBox span.price{
	font-size:32px;
	color:#bb0000;
}

.indexPriceBox span.inTax{
	font-size:16px;
}
*/




	/* 周辺環境一覧 */


dl.locationColumnList > dt{
	color:#eeeeee;
	font-size:20px;
	text-align:center;
	padding:30px 0 10px;
	font-weight:bold;
}

dl.locationColumnList > dd{

}

dl.locationColumnList > dd ul{
	display:flex;
	flex-wrap:wrap;
}

dl.locationColumnList > dd ul li{
	list-style:none;
	width:25%;
	
	display:flex;
	flex-direction:column;
}

dl.locationColumnList > dd ul li dl{
	padding:20px;
	flex-grow:1;
	border-top:1px solid #dddddd;
	border-bottom:1px solid #dddddd;
	border-right:1px solid #dddddd;
}

dl.locationColumnList > dd ul li:nth-of-type(4n+1) dl{
	border-left:1px solid #dddddd;
}

dl.locationColumnList > dd ul li:nth-of-type(n+5) dl{
	border-top:none;
}

dl.locationColumnList > dd ul li:nth-of-type(n+5) dl,
dl.locationColumnList > dd ul li:nth-of-type(n+6) dl
dl.locationColumnList > dd ul li:nth-of-type(n+7) dl
dl.locationColumnList > dd ul li:nth-of-type(n+8) dl{
	background:#444444;
}

dl.locationColumnList > dd ul li dl dt{
	color:#eeeeee;
	font-weight:bold;
	font-size:14px;
	margin-bottom:6px;
}

dl.locationColumnList > dd ul li dl dd{
	color:#eeeeee;
	font-size:14px;
}

dl.locationColumnList > dd ul li dl dd .mainMinute{
	font-size:24px;
	font-weight:bold;
}


/* 設備一覧 */
ul.specSummaryList{
	display:flex;
	flex-wrap:wrap;
}
	
ul.specSummaryList li{
	width:318px;
	margin-right:20px;
	border:1px solid #bbbbbb;
	display:flex;
	margin-bottom:20px;
	font-size:14px;
	font-weight:bold;
}

ul.specSummaryList li div{
	margin:10px;
	padding:4px 12px;
	border-left:4px solid #d4ccbb;
	color:#eeeeee;
}

ul.specSummaryList li:nth-child(3n){
	margin-right:0;
}


	/* 各プランのご紹介 */
	
dl.planDetailPickupList div{
	display:flex;
	flex-wrap:wrap;
	align-items: center;
}

dl.planDetailPickupList dt{
	font-weight:bold;
	width:100%;
	padding:6px 20px 6px;
	margin-bottom:10px;
	font-size:20px;
	border-left:10px solid #a9a39d; 
	color:#eeeeee;
}

dl.planDetailPickupList dd{
	margin-bottom:40px;
	color:#eeeeee;
}

dl.planDetailPickupList dd.image{
	width:440px;
	margin-right:40px;
	color:#cccccc;
	font-size:12px;
	text-align:center;
	padding-top:10px;
}

dl.planDetailPickupList dd.image + dd.description{
	width:520px;
}








	/* 360°カメラ */
	
/* 360カメラ */

div.cameraWrapper{
	padding-bottom:0px;
	margin:0 10%;
}

div.camera{
	clear:both;
	position: relative;
	padding-bottom: 60.00%;
	height: 0;
	overflow: hidden;
}

div.cameraWrapper iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}




ul.indexRouteList li{
	list-style:none;
	width:300px;
	float:left;
	margin-right:40px;
	margin-bottom:40px;
}

ul.indexRouteList li:nth-of-type(2){
	margin-top:30px;
}

ul.indexRouteList li:nth-of-type(3){
	margin-top:60px;
	margin-right:0;
}



/* 物件概要 */


table.guidelineTable{
	border-collapse:collapse;
	margin:0px 0;
	width:100%;
}


table.guidelineTable tr th {
	background:#e4ddaa;
	padding:10px;	
	font-size:16px;
	color:#34322b;
	border:#BBBBBB solid 1px;
	border-left:3px solid #8f8461;
	text-align:left;
	vertical-align:top;
}

table.guidelineTable tr td {
	padding:10px;
	text-align:left;
	vertical-align:top;
	font-size:16px;
	color:#34322b;
	border:#BBBBBB solid 1px;
	background:#ffffff;
}