/*div.bk div.dai-container {  　container を　dai-containerに変更*/

header {
	display: block;
	width: 1500px;
	height: 999px;
	margin: 0 auto;
	background-image: url('../img/top/bk_header.png');
	background-repeat: no-repeat;
}

header div.logo_top {
	padding: 280px 0 0 0;
	text-align: center;
}

div.contents_top {
	display: block;
	width: 980px;
	position: absolute;
	top: 810px;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0 auto;
}

div.contents_top div.down {
	text-align: center;
	margin: 0 0 60px 0;
}

div.contents_top div.down img:hover {
	cursor: pointer;
}

div.contents_top div.link1 {
	margin: 0 0 100px 0;
}

main div.link1 div.cont {
	width: 980px;
	height: 330px;
	background-image: url('../img/top/bk_shadow.png');
	background-repeat: no-repeat;
	background-position: 0 100%;
	display: flex;
	margin: 0 0 25px 0;
}

main div.link1 div.cont:nth-child(2) {
	flex-direction: row-reverse;
}

main div.link1 div.cont div.lnk {
	flex: 1;
	height: 296px;
	background-color: #fdfaf4;
}
main div.link1 div.cont:nth-child(1) div.ttl {
	padding: 53px 0 30px 117px;
}
main div.link1 div.cont:nth-child(1) div.more {
	padding: 0 0 0 117px;
}
main div.link1 div.cont:nth-child(2) div.ttl {
	padding: 65px 0 30px 105px;
}
main div.link1 div.cont:nth-child(2) div.more {
	padding: 0 0 0 105px;
}
main div.link1 div.cont:nth-child(3) div.ttl {
	padding: 62px 0 30px 104px;
}
main div.link1 div.cont:nth-child(3) div.more {
	padding: 0 0 0 104px;
}

main div.link2 {
	width: 980px;
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 145px 0;
}

main div.link2 div.cont {
	height: 327px;
	background-repeat: no-repeat;
}

main div.link2 div.cont:nth-child(1) {
	display: block;
	width: 465px;
	background-image: url('../img/top/bk_shopping_off.png');
	margin: 0 52px 36px  0;
}
main div.link2 div.cont:nth-child(1).on {
	background-image: url('../img/top/bk_shopping_on.png');
}
main div.link2 div.cont:nth-child(2) {
	width: 463px;
	background-image: url('../img/top/bk_renovation_off.png');
}
main div.link2 div.cont:nth-child(2).on {
	background-image: url('../img/top/bk_renovation_on.png');
}
main div.link2 div.cont:nth-child(3) {
	width: 981px;
	background-image: url('../img/top/bk_showroom_off.png');
}
main div.link2 div.cont:nth-child(3).on {
	background-image: url('../img/top/bk_showroom_on.png');
}

main div.link2 div.cont:nth-child(1) div.ttl {
	padding: 65px 0 46px 145px;
}
main div.link2 div.cont:nth-child(1) div.more {
	padding: 0 0 0 145px;
}
main div.link2 div.cont:nth-child(2) div.ttl {
	padding: 75px 0 46px 141px;
}
main div.link2 div.cont:nth-child(2) div.more {
	padding: 0 0 0 141px;
}

main div.link2 div.cont:nth-child(3) {
	display: flex;
}
main div.link2 div.cont:nth-child(3) div.ttl {
	padding: 129px 57px 0 296px;
}
main div.link2 div.cont:nth-child(3) div.more {
	padding: 158px 0 0 0;
}

main div.more:hover img {
	cursor: pointer;
}

main #news div.cont {
	display: flex;
	background-color: #fff;
	width: 980px;
	height: 340px;
	box-shadow: 0 0 30px #666;
	margin: 0 0 134px 0;
}

main #news div.cont div.ttl {
	width: 300px;
}

main #news div.cont div.ttl h2 {
	padding: 103px 0 26px 75px;
}

main #news div.cont div.ttl div.txt {
	margin: 0 0 0 75px;
}

main #news div.cont div.ttl div.txt a:link,
main #news div.cont div.ttl div.txt a:visited {
	position: relative;
	color: #000;
	text-decoration: none;
	padding: 0 35px 0 0;
}
main #news div.cont div.ttl div.txt a:after {
	content: url('../img/top/arrow_r.png');
	margin: 0 0 0 10px;
	position: absolute;
	top: 0;
}

main #news div.cont ul.headline {
	margin: 30px 0 0 0;
}

main #news div.cont ul.headline li {
	width: 610px;
	border-width: 1px;
	border-color: #d2d2d2;
	border-style: none none solid none;
	display: flex;
}

main #news div.cont ul.headline li div.updatetime {
	width: 125px;
	padding: 15px 0;
}

main #news div.cont ul.headline li div.txt {
	padding: 15px 0;
}

main #news div.cont ul.headline li div.txt a:link,
main #news div.cont ul.headline li div.txt a:visited {
	color: #f0201e;
}

main div.link3 {
	width: 600px;
	margin: 0 auto 114px auto;
	display: flex;
	flex-wrap: wrap;
}

main div.link3 div.cont {
	margin: 10px;
}

main div.link3 div.cont a:link,
main div.link3 div.cont a:visited {
	color: #000;
	text-decoration: none;
}

main div.link3 div.cont div {
	width: 180px;
	height: 51px;
	background-color: #fff;
	background-image: url('../img/common/ic_btn_arrow_off.png');
	background-repeat: no-repeat;
	background-position: 15px 18px;
	text-align: center;
	line-height: 51px;
}

main div.link3 div.cont div:hover {
	background-color: #f0201e;
	background-image: url('../img/common/ic_btn_arrow_on.png');
}
main div.link3 div.cont a:hover {
	color: #fff;
}

main #photogallery div.ttl {
	text-align: center;
	margin: 0 0 37px 0;
}

main #photogallery div.cont {
	display: flex;
	flex-wrap: wrap;
	background-image: url('../img/top/bk_photogallery.png');
	margin: 0 0 34px 0;
}

main #photogallery div.cont div.back,
main #photogallery div.cont div.next {
	cursor: pointer;
	text-align: center;
	flex: 1;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

main #photogallery div.cont div.back {
	background-image: url('../img/top/arrow_back.png');
}
main #photogallery div.cont div.next {
	background-image: url('../img/top/arrow_next.png');
}

main #photogallery div.cont div.screen {
	background-color: #fff;
	min-width: 722px;
}

main #photogallery div.cont div.screen div.photo {
	text-align: center;
	display: none;
}

main #photogallery div.cont div.screen div.photo img {
	width: 722px;
}

main #photogallery div.cont div.screen div.txt {
	padding: 30px;
}

main #photogallery div.more2 {
	position: relative;
	text-align: right;
}

main #photogallery div.more2 a:link,
main #photogallery div.more2 a:visited {
	color: #000;
	text-decoration: none;
}
main #photogallery div.more2 a:hover {
	color: #fff;
}

main #photogallery div.more2 div {
	display: flex;
	align-items: center;
	width: 218px;
	height:45px;
	position: absolute;
	top: 0;
	right: 0;
	background-image: url('../img/top/bk_more2_off.png');
	background-repeat: no-repeat;
	text-align: left;
}

main #photogallery div.more2 div span {
	padding: 0 0 0 25px;
}

main #photogallery div.more2 div:hover {
	background-image: url('../img/top/bk_more2_on.png');
}


/*▼photogallerymobile作成  div screenmobile div hotomobile　 top.js top.cssも変更*/
main #photogallerymobile div.ttl {
	text-align: center;
	margin: 0 0 37px 0;
}

main #photogallerymobile div.cont {
	display: flex;
	flex-wrap: wrap;
	background-image: url('../img/top/bk_photogallery.png');
	margin: 0 0 34px 0;
}

main #photogallerymobile div.cont div.back,
main #photogallerymobile div.cont div.next {
	cursor: pointer;
	text-align: center;
	flex: 1;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

main #photogallerymobile div.cont div.back {
	background-image: url('../img/top/arrow_back.png');
}
main #photogallerymobile div.cont div.next {
	background-image: url('../img/top/arrow_next.png');
}

main #photogallerymobile div.cont div.screenmobile {
	background-color: #fff;
	min-width: 722px;
}

main #photogallerymobile div.cont div.screenmobile div.photomobile {
	text-align: center;
	display: none;
}

main #photogallerymobile div.cont div.screenmobile div.photomobile img {
	width: 722px;
}

main #photogallerymobile div.cont div.screenmobile div.txt {
	padding: 30px;
}

main #photogallerymobile div.more2 {
	position: relative;
	text-align: right;
}

main #photogallerymobile div.more2 a:link,
main #photogallerymobile div.more2 a:visited {
	color: #000;
	text-decoration: none;
}
main #photogallerymobile div.more2 a:hover {
	color: #fff;
}

main #photogallerymobile div.more2 div {
	display: flex;
	align-items: center;
	width: 218px;
	height:45px;
	position: absolute;
	top: 0;
	right: 0;
	background-image: url('../img/top/bk_more2_off.png');
	background-repeat: no-repeat;
	text-align: left;
}

main #photogallerymobile div.more2 div span {
	padding: 0 0 0 25px;
}

main #photogallerymobile div.more2 div:hover {
	background-image: url('../img/top/bk_more2_on.png');
}
/* ▲photogallerymobile 作成 div screenmobile  div photomobile */

div.bk {
	width: 1500px;
	margin: 0 auto;
}

div.bk div.dai-container { /*container を　dai-containerに変更*/
	display: flex;
}

div.bk div.left {
	display: block;
	width: 60px;
	background-color: #FFF;
	background-image: url('../img/top/bk_left.png');
	background-repeat: no-repeat;
	background-position: 50% 30px;
}
div.bk div.right {
	flex: 1;
	display: block;
	background-image: url('../img/top/bk_right.jpg');
	padding: 135px 0 0 0;
}

div.bk div.right div.bk1 {
	display: block;
	width: 1315px;
	height: 850px;
	background-image: url('../img/top/bk1.png');
}
div.bk div.right div.isi {
	height: 1165px;
	margin: -350px 0 0 0;
	background-image: url('../img/top/isi.png');
	background-repeat: no-repeat;
	background-position: 1200px 0;
}
div.bk div.right div.bk2 {
	height: 548px;
	background-image: url('../img/top/bk2.png');
	background-repeat: repeat-x;
}
div.bk div.right div.bk3 {
	height: 215px;
	background-image: url('../img/top/bk3.png');
	background-repeat: repeat-x;
}
div.bk div.right div.bk4 {
	display: block;
	height: 610px;
}

div.totop {
	margin: 0 auto;
}

footer {
	margin: 0 auto;
}
