@CHARSET "utf-8";




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


.topImageBox{
	background:#f3f4f5;
}

.topImageBox ul.topImageList{
	max-width:1600px;
	margin:0 auto;
}


/* 冒頭 */

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

.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;
}

.indexCautionBox {
    padding: 0.5em 1em;
    margin: 2em 0;
    border: solid 3px #ff0000;
}
.indexCautionBox p {
	text-align:center;
    margin: 0; 
    padding: 0;
}

/* モデルハウス情報 */

.modelhouseInfoWrapper{
	padding:10px 40px 40px;
}

.modelhouseInfo{
	display:flex;
}

.modelhouseInfo .image{
	max-width:480px;
	min-width:480px;
	margin-right:40px;
}

/* ブランド紹介 */

.brandAboutBoxWrapper{
	background:url('../img/index/about/bg_about_gray.jpg');
	padding:20px 0;
	margin-top:60px;
}

.brandAboutBox{
	/*background:url('../img/index/about/bg_about.jpg');*/
	padding:0px;
	width:1000px;
	margin:0 auto;
	display:flex;
}

.brandAboutBoxWrapper .aboutHeadline{
	text-align:center;
	font-size:28px;
	font-weight:normal;
	padding-top:20px;
}

.brandAboutBox .image{
	width:440px;
	margin:40px;
	line-height:98% !important;
}

.brandAboutBox .image img{
	line-height:98% !important;
}

.brandAboutBox .content{
	background:rgba(255,255,255,0.8);
	padding:40px 40px 0;
	width:400px;
	margin:40px 40px 40px 0;
}

.brandAboutBox .content .logo{
	text-align:center;
}

.brandAboutBox .content .logo img{
	width:120px;
}

.brandAboutBox .content .aboutCatch{
	font-size:20px;
	text-align:center;
	font-weight:bold;
}


.brandAboutBox .content .aboutLinkList{
	list-style:none;
	display:flex;
	flex-wrap:wrap;
	margin:-10px;
}


.brandAboutBox .content .aboutLinkList li a:link,
.brandAboutBox .content .aboutLinkList li a:visited{
	display:block;
	text-align:center;
	width:156px;
	background:#485559 url('../img/icon/arrow_white.png') no-repeat;
	background-position:98% center;
	font-weight:bold;
	padding:16px 12px;
	margin:10px;
	text-decoration:none;
	color:#ffffff;
	position:relative;
}

.brandAboutBox .content .aboutLinkList li a:hover,
.brandAboutBox .content .aboutLinkList li a:active{
	display:block;
	text-align:center;
	width:156px;
	background:#1290b3 url('../img/icon/arrow_white.png') no-repeat;
	background-position:96% center;
	color:#ffffff;
}

.brandAboutBox .content .aboutLinkList li a::before{
	position:absolute;
	top:0;
	bottom:0;
	left:10px;
	right:auto;
	width:0;
	border-left:#ffffff 1px solid;
	content:" ";
	transition:.3s;
}

.brandAboutBox .content .aboutLinkList li a::after{
	position:absolute;
	top:10px;
	bottom:auto;
	left:0;
	right:0;
	width:100%;
	border-top:#ffffff 1px solid;
	content:" ";
	transition:.3s;
}



/*
.brandAboutBox .content .aboutFeatureList{
	list-style:none;
	display:flex;
	flex-wrap:wrap;
	margin:-10px;
}


.brandAboutBox .content .aboutFeatureList li{
	text-align:center;
	width:152px;
	background:#f4e9c8;
	color:#34322b;;
	font-weight:bold;
	padding:16px 12px;
	margin:10px;
	border-left:4px solid #8f8641;
}
*/


/* 各ページへのメニュー */

ul.indexContentsMainNavi{
	display:flex;
	flex-wrap:wrap;
	margin:20px;
	justify-content: center;
}

ul.indexContentsMainNavi li{
	width:240px;
	margin:16px;
	list-style:none;
}

ul.indexContentsMainNavi li a:link,
ul.indexContentsMainNavi li a:visited{
	display:block;
	/*
	background:#34322b;
	*/
	background: linear-gradient(160deg, #1290b3, #485559 70%);
	color:#ffffff;
	text-align:center;
	text-decoration:none;
	padding:20px;
	border-radius:2px;
	transition:0.3s;
}

ul.indexContentsMainNavi li a:hover,
ul.indexContentsMainNavi li a:active{
	display:block;
	/*
	background:#34322b;
	*/
	background: linear-gradient(160deg, #1290b3, #1290b3 70%);
	color:#ffffff;
	text-align:center;
	text-decoration:none;
	padding:20px;
	border-radius:2px;
	transition:0.3s;
	box-shadow:2px 2px 4px gray;
}

ul.indexContentsMainNavi li .alphabet{
	font-size:20px;
	color:#ffffff;
}

ul.indexContentsMainNavi li .kana{
	font-size:14px;
	color:#eeeeee;
}

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

.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:#f3f4f5;
	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:#a9b7bb;
}

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

.indexPriceBoxWrapper dl dt{
	/*background:#84bcf0;*/
	background:#1290b3;
	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:14px;
}

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

.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;
}
*/




	/* 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%;
}