html {
}

body {
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro W3', 'メイリオ', Helvetica, Arial, 'sans-serif';
	font-size: 0.875em;
	margin: 0 auto;
	text-align: center;
	-webkit-text-size-adjust: 100%;
	scroll-behavior: smooth;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

img {
	vertical-align: middle;
}

a img:hover {
	filter:alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
}

h2 {
	color: #4E2712;
	font-size: 1.7em;
	font-weight: bold;
	letter-spacing: 0.1em;
	line-height: 175%;
	margin: 0 0 30px;
	text-align: left;
}
h2 img {
	margin: 0 10px 5px 0;
}
#main-gallery h2 {
	color: #FFFFFF;
	text-shadow:2px 2px 3px #222222;
	margin: 0;
}
#main-movie h2 {
	color: #FFFFFF;
	text-shadow:2px 2px 3px #222222;
}
#kiji h2,
#member h2 {
	border-bottom: 1px solid #4E2712;
	padding: 0 30px 15px;
}

.sp {
	display: none;
}


/* page
------------------------------------- */

#page1,
#page2,
#page3,
#page4 {
	min-width: 1000px;
	width: 100%;
	text-align: center;
	margin: 0 auto;
}


/* kiji-image
------------------------------------- */

.size35 {
	text-align: center;
	width: 39px;
	height: 39px;
}
.size55 {
	width: 59px;
	height: 59px;
	vertical-align: middle;
	text-align: center;
	margin: 0 auto;
}
.size120 {
	text-align: center;
	width: 120px;
	height: 120px;
}
.size220 {
	text-align: center;
	width: 200px;
	height: 200px;
}


/* header
------------------------------------- */

#header {
	-webkit-transition: all 0.5s ease;
	transition:	 all 0.5s ease;
	position: fixed;
	z-index: 100;
	width: 100%;
	background-color: rgba(255, 255, 255, 0.85);
}

#header .box {
	position: relative;
	width: 1000px;
	height: 75px;
	margin: 0 auto;
	text-align: center;
}

#header .box .copy {
	position: absolute;
	top: 25px;
	left: 0;
	width: 245px;
}

#header .box .logo {
	position: absolute;
	top: 31px;
	left: 270px;
	width: 170px;
}

#header .box .contact {
	position: absolute;
	top: 30px;
	right: 0;
}

#header .box .contact ul {

}

#header .box .contact ul li {
	float: left;
	width: 100px;
	font-size: 1.0em;
	font-weight: normal;
	letter-spacing: 0.1em;
	margin: 0 0 0 10px;
}
#header .box .contact ul li a {
	display: block;
	color: #4E2712;
	padding: 0 0 5px;
	border-bottom: 1px dotted #4E2712;
}
#header .box .contact ul li a:hover {
	color: #B5272D;
	text-decoration: none;
	border-bottom: 1px solid #B5272D;
}

#header .navi {
	border-bottom: 5px solid #4E2712;
}

#header .navi .inner {
	width: 1000px;
	margin: 0 auto;
	text-align: center;
}

#header .navi .inner ul li {
	position: relative;
	float: left;
	width: 90px;
	color: #4E2712;
	font-size: 1.0em;
	font-weight: normal;
	letter-spacing: 0.1em;
	line-height: 175%;
	text-align: center;
}
#header .navi .inner ul li.navi1 {
	width: 60px;
}
#header .navi .inner ul li.navi3,
#header .navi .inner ul li.navi4,
#header .navi .inner ul li.navi5,
#header .navi .inner ul li.navi7 {
	width: 113px;
}
#header .navi .inner ul li.navi6 {
	width: 128px;
}
#header .navi .inner ul li.navi1 img {
	width: 20px;
}
#header .navi .inner ul li a {
	display: block;
	border-bottom: 5px solid #4E2712;
	color: #000000;
	padding: 20px 0;
	margin: 0 0 -5px;
	text-decoration: none;
}
#header .navi .inner ul li.on a,
#header .navi .inner ul li a:hover {
	color: #B5272D;
	font-size: 1.0em;
	border-bottom: 5px solid #B5272D;
}
#header .navi .inner ul li.navi1 a {
	border-bottom: 5px solid #B5272D;
}
#header .navi .inner ul li.navi1 a:hover {
	background-color: unset;
}

#header .navi .inner ul li ul.subnavi {
	display: none;
	z-index: 1000;
	position: absolute;
	top: 69px;
	left: 0;
	border: 0;
	text-align: left;
}

#header .navi .inner ul li ul.subnavi li {
	float: none;
	border: 0;
	width: 91px;
	height: 45px;
	border: 0;
	color: #FFFFFF;
	font-size: 0.7em;
	letter-spacing: 0.05em;
	line-height: 175%;
	text-align: left;
}
#header .navi .inner ul li ul.subnavi.subnavi4 li,
#header .navi .inner ul li ul.subnavi.subnavi5 li {
	width: 115px;
}
#header .navi .inner ul li ul.subnavi.subnavi6 li {
	width: 185px;
}
#header .navi .inner ul li ul.subnavi li a {
	display: block;
	background-color: rgba(61, 29, 13, 0.9);
	border: 0;
	color: #FFFFFF;
	font-size: 1.25em;
	line-height: 175%;
	padding: 12px 10px;
}
#header .navi .inner ul li ul.subnavi li a:hover {
	background-color: rgba(104, 36, 7, 0.9);
	color: #FFFFFF;
	text-decoration: none;
}

#header .navi .inner ul li input[type="text"] {
	width: 85px;
	height: 28px;
	background-image: url(https://ssl.samidare.jp/~tukiyamaf/nas-con/n/nas/images/nascon_icon_search.png);
	background-position: 7px 7px;
	background-repeat: no-repeat;
	background-size: 14px auto;
	border: 1px solid #BBBBBB;
	border-radius: 20px;
	font-size: 0.85em;
	letter-spacing: 0.05em;
	line-height: 175%;
	padding: 0 10px 0 27px;
	margin: 30px 0 0 0;
}

#topimage {
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100vh;
	max-height: 720px;
	overflow: hidden;
}

#topimage .thumbnail {
	width: 100%;
	height: 100vh;
	max-height: 720px;
	object-fit: cover;
	font-family: 'object-fit: cover;'
}

#topimage .inner {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	width: 1000px;
	height: 100vh;
	max-height: 720px;
	margin: 0 auto;
	text-align: center;
}

#topimage .inner .copy {
	float: right;
	width: 100px;
	margin: 200px 0 0;
}

#nav-drawer {
	display: none;
	cursor: pointer;
	position: relative;
	float: right;
	width: 25px;
	margin: 20px 0 0 0;
}

#nav-drawer #nav-open {
	cursor: pointer;
}

#nav-drawer #nav-open span,
#nav-drawer #nav-open span:before,
#nav-drawer #nav-open span:after {
	display: block;
	content: '';
	position: absolute;
	height: 3px;
	width: 25px;
	border-radius: 3px;
	background-color: #AAAAAA;
}
#nav-drawer #nav-open span:before {
	bottom: -9px;
}
#nav-drawer #nav-open span:after {
	bottom: -18px;
}

#nav-drawer .menu {
	display: none;
	font-size: 0.65em;
	margin: 1px 0 0;
}

#nav-drawer .nav-unshown {
	display: none;
}

#nav-drawer #nav-open {
	display: inline-block;
	width: 30px;
	height: 22px;
	vertical-align: middle;
}

#nav-close {
	display: none;
	position: fixed;
	z-index: 99;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: black;
	opacity: 0;
	transition: .3s ease-in-out;
}

#nav-drawer #nav-content {
	opacity: 1.0;
	position: fixed;
	overflow: auto;
	top: 0;
	right: 0;
	z-index: 9999;
	width: 90%;
	max-width: 200px;
	height: 100%;
	transition: .3s ease-in-out;
	-webkit-transform: translateX(105%);
	transform: translateX(105%);
	background-color: #43378E;
}

#nav-drawer #nav-content .search {
	margin: 20px 0 10px;
}

#nav-drawer #nav-content .search input[type="text"] {
	width: 120px;
	height: 28px;
	background-image: url(https://ssl.samidare.jp/~tukiyamaf/nas-con/n/nas/images/nascon_icon_search.png);
	background-position: 7px 7px;
	background-repeat: no-repeat;
	background-size: 14px auto;
	border: 1px solid #BBBBBB;
	border-radius: 20px;
	font-size: 0.85em;
	letter-spacing: 0.05em;
	line-height: 175%;
	padding: 0 10px 0 27px;
	margin: 0;
}

#nav-drawer #nav-content ul {
	display: block;
	width: 100%;
	margin: 10px 0 5px;
	border-bottom: 1px solid #AAAAAA;
}

#nav-drawer #nav-content ul li {
	display: block;
	width: 100%;
	text-align: left;
	border-top: 1px solid #AAAAAA;
}
#nav-drawer #nav-content ul li a {
	display: block;
	color: #FFFFFF;
	font-size: 1.0em;
	font-weight: bold;
	letter-spacing: 0.05em;
	line-height: 175%;
	padding: 10px 20px;
}
#nav-drawer #nav-content ul li a:hover {
	color: #FFFFFF;
}

#nav-drawer input[type="button"] {
	-webkit-appearance: none;
	background-color: #FFFFFF;
	border: 0;
	color: #222222;
	font-size: 0.95em;
	line-height: 175%;
	padding: 10px 50px;
	margin: 20px 0 0;
	cursor: pointer;
}
#nav-drawer input[type="button"]:hover {
	background-color: #FFFFFF;
	color: #CC3E3F;
}

#nav-drawer #nav-input:checked ~ #nav-close {
    display: block;
    opacity: .6;
}
#nav-drawer #nav-input:checked ~ #nav-content {
	-webkit-transform: translateX(0%);
	transform: translateX(0%);
	box-shadow: 6px 0 25px rgba(0,0,0,.15);
}


/* content
------------------------------------- */

#content {
	margin: 0 0 40px;
}


/* main
------------------------------------- */

#main_body {
	float: left;
}

#main-modelhouse {
	background-image: url(https://ssl.samidare.jp/~tukiyamaf/nas/n/nas/images/nas_bg.png);
	background-size: 18px auto;
	background-repeat: repeat;
	background-position: 0 0;
}

#main-gallery {
	background-image: url(https://ssl.samidare.jp/~tukiyamaf/nas/n/nas/images/nas_bg_gallery.jpg);
	background-size: cover;
	background-repeat: repeat;
	background-position: 0 0;
	width: 100%;
	height: 450px;
}

#main-gallery2 {
	border-bottom: 1px solid #7D5529;
}

#main-movie {
	background-image: url(https://ssl.samidare.jp/~tukiyamaf/nas/n/nas/images/nas_bg_movie.jpg);
	background-size: cover;
	background-repeat: repeat;
	background-position: 0 0;
	width: 100%;
}

.main .box {
	width: 1000px;
	margin: 0 auto;
	padding: 60px 0;
	text-align: center;
}

.main .box .copy {
	padding: 0;
	text-align: right;
}

.main .box ul {
	margin: 0 0 20px;
}

.main .box ul li {
	float: left;
	width: 22.7%;
	margin: 0 3% 0 0;
}
.main .box ul li:nth-child(4n+0) {
	margin: 0;
}

.main .box ul li img {
	width: 100%;
}

.gallery .box {
	width: 1000px;
	margin: 0 auto;
	padding: 60px 0;
	text-align: center;
}
#main-gallery2.gallery .box {
	padding: 40px 0 60px;
}

.gallery .box ul {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	margin: 0 0 20px;
}
#main-modelhouse.gallery .box ul {
	margin: 0;
}
#row4.gallery .box ul {
	display: block;
}

.gallery .box ul li {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
	width: 31%;
	margin: 0 3% 30px 0;
}
.gallery .box ul li:nth-child(3n+0) {
	margin: 0 0 30px;
}
#row4.gallery .box ul li {
	float: left;
	width: 22.7%;
	margin: 0 3% 30px 0;
}
#row4.gallery .box ul li:nth-child(3n+0) {
	margin: 0 3% 30px 0;
}
#row4.gallery .box ul li:nth-child(4n+0) {
	margin: 0 0 30px 0;
}

#gallery .gallery .box ul {
	display: block;
}

#gallery .gallery .box ul li {
	float: left;
	width: 31%;
	margin: 0 3% 30px 0;
}
#gallery .gallery .box ul li:nth-child(3n+0) {
	margin: 0 0 30px 0;
}

#gallery .gallery {
	display: none;
	animation: fadeIn 2s ease 0s 1 normal;
	-webkit-animation: fadeIn 2s ease 0s 1 normal;
	background-color: #F2EBEA;
}
#gallery #mukunoie-gallery.gallery {
	background-color: #E3E5EB;
}
#gallery #muku-gallery.gallery {
	background-color: #F1EBE1;
}
#gallery #n-mode-gallery.gallery {
	background-color: #EAEAEA;
}

#column { 
	margin: 0 0 50px;
}

#column .block {
	display: none;
	animation: fadeIn 2s ease 0s 1 normal;
	-webkit-animation: fadeIn 2s ease 0s 1 normal;
	background-color: #F2EBEA;
}
#column1,
#column2,
#column3,
#column4 {
	display: none;
}

#column.corner #column1-box {
	background-color: #F9EDD9;
}
#column.corner #column2-box {
	background-color: #EBF6FF;
}
#column.corner #column3-box {
	background-color: #F9EDF6;
}
#column.corner #column4-box {
	background-color: #F9FFE9;
}

#gallery .viewall {
	background-color: #4F270E;
	padding: 15px 30px;
	border-radius: 30px;
	color: #FFFFFF;
	font-size: 1.2em;
	line-height: 175%;
	letter-spacing: 0.1em;
	text-align: left;
	position: relative;
	margin: 0 0 30px;
}
#gallery .viewall a {
	display: block;
	color: #FFFFFF;
	text-decoration: none;
}
#gallery .viewall .arrow {
	position: absolute;
	right: 20px;
	top: 20px;
}

#gallery .gallery-banner,
#column .column-banner {
	padding: 0 10px;
}

#column .box .column-title {
	margin: 0 0 30px;
}

.corner #n-mode-box {
	background-color: #EAEAEA;
}

#main-modelhouse.gallery .box ul li {
	background-color: #FFFFFF;
	border: 1px solid #DDDDDD;
	box-shadow: 2px 2px 3px #CCCCCC;
}

.gallery .box ul li .photo .thumbnail {
	width: 100%;
	height: 300px;
	object-fit: cover;
	font-family: 'object-fit: cover;'
}
#row4.gallery .box ul li .photo .thumbnail {
	height: 220px;
}

.gallery .box ul li .photo {
	position: relative;
	-webkit-box-flex: auto;
	-webkit-flex: auto;
	flex: auto;
	box-shadow: 2px 2px 3px #CCCCCC;
}

.gallery .box ul li .photo a {
	-webkit-display: flex;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	background-color: rgba(0, 0, 0, 0.5);
	-webkit-transition: all 0.5s ease;
	transition:	 all 0.5s ease;
	color: #FFFFFF;
	font-size: 1.3em;
	line-height: 175%;
	letter-spacing: 0.05em;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	text-shadow: 1px 1px 2px #222222;
}
.gallery .box ul li .photo span {
	padding: 0 10px;
}
#row4.gallery .box ul li .photo a {
	font-size: 1.0em;
}
.gallery .box ul li .photo a:hover {
	opacity: 1;
	cursor: pointer;
}

.gallery .box ul li .details {
	position: relative;
	padding: 10px 0;
}
#main-modelhouse.gallery .box ul li .details {
	padding: 20px 10px;
}

.gallery .box ul li .details figcaption {
	color: #4E2712;
	font-size: 1.0em;
	line-height: 175%;
	letter-spacing: 0.05em;
	text-align: left;
}

.gallery .box ul li .details .price {
	position: absolute;
	top: 17px;
	right: 10px;
	font-weight: bold;
	color: #C20000;
	font-size: 1.2em;
	line-height: 175%;
}

.gallery .box ul li .details .area {
	float: left;
	width: 50px;
	font-weight: bold;
	background-color: #BF3C3E;
	color: #FFFFFF;
	font-size: 0.9em;
	line-height: 175%;
	letter-spacing: 0.1em;
	padding: 2px 0;
	margin: 0 10px 0 0;
}

.gallery .box ul li .details .date {
	float: left;
	width: 50px;
	color: #3D1D0D;
	font-size: 0.9em;
	line-height: 175%;
	letter-spacing: 0.1em;
	padding: 2px 0 0;
}

.gallery .box ul li .link a {
	display: block;
	position: relative;
	background-color: #6A441C;
	color: #FFFFFF;
	font-size: 1.0em;
	letter-spacing: 0.05em;
	line-height: 175%;
	text-align: center;
	padding: 10px 0;
}
.gallery .box ul li .link.sale a {
	background-color: #976331;
}
.gallery .box ul li .link a:hover {
	text-decoration: none;
	opacity: 0.9;
}

.gallery .box ul li .link a .arrow {
	position: absolute;
	top: 15px;
	right: 10px;
}

.gallery .box .btn {
	width: 400px;
}
#main-topics.gallery .box .btn {
	margin: -100px 0 0;
}

.gallery .box .btn a {
	display: block;
	position: relative;
	background-color: #7D5529;
	color: #FFFFFF;
	font-size: 1.1em;
	letter-spacing: 0.05em;
	line-height: 175%;
	text-align: center;
	padding: 15px 0;
}
.gallery .box .btn a {
	color: #FFFFFF;
}
.gallery .box .btn a:hover {
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	text-decoration: none;
}

.gallery .box .btn a .arrow {
	position: absolute;
	top: 21px;
	right: 15px;
}


/*
	list  [list]
------------------------------------- */

.list {
	margin: 0 0 30px;
	padding: 0;
}
.list.parts4 {
	float: left;
	width: 47%;
	border-left: 2px solid #CC3E3F;
	margin: 0;
	padding: 10px 0 10px 20px;
}
.list.parts10 {
	float: right;
	width: 45%;
	border-left: 2px solid #0659A4;
	margin: 0;
	padding: 10px 0 10px 20px;
}

.list .kiji_image {
	float: left;
	width: 59px;
	height: 59px;
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	box-shadow: 1px 1px 1px #DDDDDD;
	margin: 0 15px 0 0;
}
.list .kiji_image img {
	max-width: 55px;
	max-height: 55px;
}
.list.parts10 .kiji_image {
	width: 200px;
	height: 200px;
}
.list.parts10 .kiji_image img {
	max-width: 196px;
	max-height: 196px;
}
.list.parts13 .kiji_image {
	width: 120px;
	height: 120px;
}
.list.parts13 .kiji_image img {
	max-width: 116px;
	max-height: 116px;
}

.list .kiji_body {
	float: left;
}
.list.parts10 .kiji_body {
	float: left;
	width: 230px;
}
.list.parts13 .kiji_body {
	float: left;
	width: 600px;
}

.list .kiji_contents {
	clear: both;
	border-bottom: 1px dotted #BBBBBB;
	padding: 0 0 15px;
	margin: 0 0 15px;
	text-align: left;
}

.list .kiji_date {
	color: #777777;
	font-size: 0.75em;
	letter-spacing: 0.05em;
	line-height: 175%;
}

.list h3 {
	color: #CC3E3F;
	font-size: 1.0em;
	font-weight: bold;
	letter-spacing: 0.05em;
	line-height: 175%;
}
.list h3 a,
.list h3 a:link,
.list h3 a:active,
.list h3 a:visited {
	color: #CC3E3F;
	text-decoration: none;
}
.list h3 a:hover {
	color: #CC3E3F;
	text-decoration: underline;
}
.list.parts10 h3 {
	margin: 0 0 5px;
}
.list.parts13 h3 {
	font-size: 1.1em;
	line-height: 175%;
	margin: 0 0 5px;
}
.list.parts10 h3 a,
.list.parts10 h3 a:link,
.list.parts10 h3 a:active,
.list.parts10 h3 a:visited,
.list.parts13 h3 a,
.list.parts13 h3 a:link,
.list.parts13 h3 a:active,
.list.parts13 h3 a:visited {
	color: #0659A4;
}

.list p {
	color: #999999;
	font-size: 0.75em;
	letter-spacing: 0.05em;
	line-height: 175%;
}
.list p a {
	color: #999999;
	text-decoration: none;
}
.list p a:hover {
	color: #C1272D;
	text-decoration: underline;
}
.list p {
}

.list.parts4 .links,
.list.parts10 .links {
	display: none;
}
.list .links {
	color: #777777;
	font-size: 0.9em;
	line-height: 175%;
	letter-spacing: 0.05em;
	margin: 0;
	padding: 10px 0 0;
	text-align: right;
}
.list .links a,
.list .links a:link,
.list .links a:active, 
.list .links a:visited {
	color: #777777;
	text-decoration: none;
}
.list .links a:hover {
	color: #C1272D;
	text-decoration: underline;
}


/*
	parts8 album  [main-report]
------------------------------------- */

.album {
	margin: 0 0 30px;
}

.album h2 {
	margin: 0;
}

.album .kiji_contents {
	clear: both;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 30px 0 0;
}
.parts13.album .kiji_contents {
	padding: 0 0 30px;
}

.album .album_3_01,
.album .album_3_02 {
	background-color: #FFFCDC;
	border: 1px solid #CCCCCC;
	border-radius: 10px;
	box-shadow: 2px 2px 2px #DDDDDD;
	float: left;
	width: 32%;
	margin: 0 1.5% 0 0;
	padding: 0;
}
.album .album_3_03 {
	background-color: #FFFCDC;
	border: 1px solid #CCCCCC;
	border-radius: 10px;
	box-shadow: 2px 2px 2px #DDDDDD;
	float: left;
	width: 32%;
	margin: 0;
}

.album table {
	background-color: #FFFFFF;
	width: 270px;
	height: 200px;
	text-align: center;
	margin: 20px auto 15px;
}
.album table img {
	max-width: 260px;
	max-height: 190px;
	vertical-align: middle;
}
.album table img:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
}

.album h3 {
	color: #C30D22;
	font-weight: bold;
	font-size: 1.1em;
	line-height: 175%;
	text-align: left;
	margin: 0 20px 5px;
	padding: 0;
}
.album h3 a,
.album h3 a:link,
.album h3 a:active, 
.album h3 a:visited {
	color: #C30D22;
	text-decoration: none;
}
.album h3 a:hover {
	color: #C30D22;
	text-decoration: underline;
}

.album .kiji_date {
	color: #009943;
	font-size: 0.9em;
	line-height: 175%;
	text-align: left;
	margin: 0 20px 20px;
}

.album .kiji_member {
	display: none;
}

.album .links {
	color: #EC681C;
	font-size: 1.0em;
	letter-spacing: 0.05em;
	line-height: 175%;
	margin: 0;
	padding: 30px 10px 0;
	text-align: right;
}
.album .links a,
.album .links a:link,
.album .links a:active, 
.album .links a:visited {
	color: #EC681C;
	text-decoration: none;
}
.album .links a:hover {
	color: #EC681C;
	text-decoration: underline;
}


/* footer
------------------------------------- */

#footer {
	background-color: #FFF7EB;
	border-top: 1px solid #4E2712;
	width: 100%;
	padding: 50px 0 40px;
	text-align: left;
}

#footer .inner {
	position: relative;
	width: 1000px;
	color: #4E2712;
	font-size: 0.95em;
	line-height: 175%;
	letter-spacing: 0.1em;
	text-align: center;
	margin: 0 auto;
}
#footer .inner a {
	color: #4E2712;
}

#footer .inner .company {
	margin: 0 0 40px;
	text-align: left;
}

#footer .inner .company .copy {
	float: left;
	width: 210px;
}

#footer .inner .company .logo {
	float: left;
	width: 155px;
	margin: 3px 0 0 22px;
}

#footer .inner .adrs {
	margin: 0 0 25px;
	text-align: left;
}
#footer .inner .adrs em {
	font-size: 1.2em;
	font-style: normal;
}

#footer .inner .adrs .yamagata {
	float: left;
	width: 45%;
}

#footer .inner .adrs .sendai {
	float: left;
	width: 55%;
}

#footer .inner .btn {
	margin: 0 0 25px;
}

#footer .inner .btn a {
	position: relative;
	display: block;
	background-color: #7D5529;
	border: 1px solid #7D5529;
	width: 200px;
	color: #FFFFFF;
	font-size: 1.1em;
	letter-spacing: 0.05em;
	line-height: 175%;
	text-align: center;
	padding: 10px 10px 10px 0;
}
#footer .inner .btn a:hover {
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	text-decoration: none;
}

#footer .inner .btn a .arrow {
	position: absolute;
	top: 15px;
	right: 15px;
}

#footer .inner .copyright {
	font-size: 0.75em;
	line-height: 175%;
	letter-spacing: 0.1em;
	text-align: left;
}

#footer .inner .pagetop {
	position: absolute;
	right: 0;
	bottom: 0px;
	width: 36px;
}


/* corner
------------------------------------- */

#cornertitle {
	background-color: #EAE5DE;
	height: 100px;
	color: #4F270E;
	font-size: 1.5em;
	font-weight: normal;
	letter-spacing: 0.2em;
	line-height: 100px;
	text-align: left;
	padding: 145px 0 0;
}
#cornertitle img {
	margin: 0 15px 0 0;
}

#cornertitle .inner {
	width: 1000px;
	text-align: center;
	margin: 0 auto;
}

#cornertitle .inner #cornername {
	text-align: left;
}

#cornerimage {
	width: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
#cornerimage.message {
	background-image: url(https://ssl.samidare.jp/~tukiyamaf/nas/n/nas/images/nas_message_cornerimage.jpg);
}
#cornerimage.concept {
	background-image: url(https://ssl.samidare.jp/~tukiyamaf/nas/n/nas/images/nas_concept_cornerimage.jpg);
}

#cornerimage.message .inner {
	width: 750px;
	margin: 0 auto;
	text-align: center;
}
#cornerimage.concept .inner {
	width: 1000px;
	text-align: center;
	margin: 0 auto;
}
#cornerimage.message .inner img {
	padding: 30px 0 40px;
}
#cornerimage.concept #cornercopy {
	padding: 30px 0 40px;
	text-align: right;
}

.corner .bg {
	background-color: #F2EBEA;
}

.corner .bg2 {
	background-color: #FFEED7;
}

.corner .product-title {
	text-align: center;
	padding: 10px 0;
	margin: 0 auto;
}
.corner #mukunoie-box .product-title {
	background-color: #171C61;
}
.corner #muku-box .product-title {
	background-color: #522C12;
}
.corner #n-mode-box .product-title {
	background-color: #D78600;
}

.corner .product-title .inner {
	position: relative;
	width: 1000px;
	margin: 0 auto;
	text-align: center;
}

.corner .product-title h2 {
	color: #FFFFFF;
	font-size: 1.2em;
	padding: 0 0 0 120px;
	margin: 0;
}
.corner .product-title .icon {
	position: absolute;
	top: 2px;
	left: 0;
	color: #FFFFFF;
	font-size: 1.0em;
	font-weight: bold;
	line-height: 175%;
}
.corner .product-title .icon img {
	margin: 3px 10px 0 0;
}

.corner .modelhouse-title {
	margin: 0 0 25px;
}

.corner .box .modelhouse-title .inner {
	position: relative;
	width: 1000px;
	margin: 0 auto;
	padding: 0 0 15px;
	text-align: center;
	border-bottom: 1px solid #4E2712;
}

.corner .modelhouse-title .icon {
	float: left;
	width: 30%;
	text-align: left;
	margin: 0 0 0 20px;
}

.corner .modelhouse-title h2 {
	float: left;
	width: 65%;
	font-size: 1.2em;
	margin: 0;
	padding: 15px 0 0;
	text-align: left;
}

.corner .box {
	width: 1000px;
	margin: 0 auto;
	padding: 60px 0;
	text-align: center;
}
.corner .box.space {
	padding: 60px 0 0;
}

.corner .box .box-title {
	position: relative;
	text-align: center;
	margin: 0 auto 40px;
	padding: 0 0 10px;
	border-bottom: 1px solid #3D1D0D;
}
.corner .box .box-title h2 {
	font-size: 1.8em;
	padding: 0;
	margin: 0;
	text-align: center;
}
.corner .box .box-title .icon {
	position: absolute;
	top: 10px;
	left: 0;
	color: #3A1C06;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 175%;
}
.corner .box .box-title .icon img {
	margin: 0 5px 0 0;
}

.corner .box .box-left {
	float: left;
	width: 48%;
}

.corner .box .box-right {
	float: right;
	width: 48%;
}

#modelhouse.corner .box .box-right {
	float: right;
	width: 50%;
}
#modelhouse.corner .box .box-right {
	float: right;
	width: 50%;
}

.corner h3 {
	color: #512C15;
	font-size: 1.4em;
	line-height: 175%;
	letter-spacing: 0.1em;
	margin: 0 0 25px;
	text-align: left;
}
#concept.corner h3 {
	position: relative;
	color: #FFFFFF;
	background-color: #885E33;
	border-radius: 30px;
	padding: 10px 0 10px 30px;
}
#concept.corner h3 .en {
	position: absolute;
	top: 18px;
	right: 30px;
	color: #FFFFFF;
	font-size: 0.6em;
	font-weight: normal;
	line-height: 175%;
}

#gallery.corner {
	margin: 0 0 50px;
}

.corner #mukunoie,
.corner #muku,
.corner #n-mode,
.corner #column1,
.corner #column2,
.corner #column3,
.corner #column4 {
	padding: 65px 0 0;
}

.corner #mukunoie-box {
	background-color: #E3E5EB;
}
.corner #muku-box {
	background-color: #F1EBE1;
}
.corner #n-mode-box {
	background-color: #EAEAEA;
}

.corner .box .copy {
	color: #522C12;
	font-size: 1.8em;
	font-weight: bold;
	line-height: 175%;
	letter-spacing: 0.05em;
	margin: 0 0 20px;
	padding: 0 30px;
	text-align: left;
}
.corner #mukunoie-box .box .copy {
	color: #1E2B74;
}
.corner #muku-box .box .copy {
	color: #522C12;
}
.corner #n-mode-box .box .copy {
	color: #D78600;
}

.corner .box p {
	color: #3D1D0D;
	font-size: 1.25em;
	line-height: 220%;
	letter-spacing: 0.05em;
	margin: 0 0 25px;
	padding: 0 30px;
	text-align: left;
}
.corner .box p .middle {
	font-size: 1.1em;
	line-height: 175%;
}
.corner .box p .big {
	font-size: 1.3em;
	line-height: 175%;
}
.corner .box p .bigger {
	font-size: 1.5em;
	line-height: 175%;
}
.corner .box p .red {
	color: #B00E36;
}
.corner .box p.small {
	font-size: 0.9em;
	line-height: 175%;
}
.corner .box p em {
	font-size: 1.5em;
	font-weight: bold;
	font-style: normal;
}
#modelhouse.corner .box p em {
	font-size: 1.0em;
}

.corner .box ul {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	margin: 0 0 20px;
}
#gallery.corner .box ul {
	margin: 0;
}

#gallery_d .gallery-title {
	position: relative;
	background: #000000;
	color: #FFFFFF;
	font-size: 15px;
	line-height: 165%;
	font-weight: bold;
	letter-spacing: 0.1em;
	padding: 20px 0 5px;
}

#gallery_d .gallery-title .icon {
	position: absolute;
	top: 13px;
	left: 13px;
	height: 30px;
}
#gallery_d .gallery-title .icon:hover {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
}

#gallery_d .box ul.case {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 40px 0 0 60px;
}

#gallery_d .box ul.case li {
	float: left;
	width: 260px;
	margin: 0 35px 30px 0;
}

#gallery_d .box ul.case li .cover {
	position: relative;
	display: inline-block;
	background-color: #FFFFFF;
	background-position: center center;
	background-repeat: no-repeat;
	width: 260px;
	height: 200px;
	background-size: cover;
	border: 1px solid #EEEEEE;
	box-shadow: 2px 2px 3px #CCCCCC;
}
#gallery_d .box ul.case li .cover:hover {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
}

#gallery_d .box ul.case li h3 {
	color: #3E200E;
	font-size: 12px;
	line-height: 165%;
	letter-spacing: 0.05em;
	font-weight: bold;
	margin: 3px 0 0;
}

#gallery_d .box ul.case li .icon {
	position: absolute;
	right: 7px;
	bottom: 10px;
	height: 20px;
}

#gallery_d .box .comment {
	padding: 30px 40px 30px;
	background-color: #F2EBEA;
	text-align: left;
	border: 1px solid #EEEEEE;
	box-shadow: 2px 2px 3px #CCCCCC;
}

#gallery_d .box .comment h3 {
	color: #3E200E;
	font-size: 24px;
	font-weight: bold;
	line-height: 150%;
	letter-spacing: 0.1em;
	padding: 0;
	margin: 0 0 30px;
}

#gallery_d .box .comment .inner {
	color: #3E200E;
}

#gallery_d .box .comment .inner p {
	padding: 0;
	margin: 0 0 10px;
}

#gallery_d .box #gallery_detail {
	width: 100%;
	height: 600px;
	box-shadow: 2px 2px 3px #CCCCCC;
	margin: 0 auto;
}

.corner .box ul li {
	position: relative;
	-webkit-flex: 1;
	flex: 1;
	margin: 0 20px 0 0;
}
.corner .box ul li:last-child {
	margin: 0;
}

#real-estate.corner {
	margin: 0 0 50px;
}

#real-estate.corner .box {
	padding: 60px 0 0;
}

#real-estate.corner .box .real-estate-title {
	margin: 0 0 25px;
}

#real-estate.corner .box .real-estate-title h2 {
	padding: 0 0 15px;
	border-bottom: 1px solid #4E2712;
}

#real-estate.corner .box h3 {
	border: 1px solid #885E33;
	border-radius: 30px;
	color: #885E33;
	font-size: 1.2em;
	width: 130px;
	padding: 5px 20px;
	margin: 0 0 20px;
	text-align: center;
}

#real-estate.corner .box ol {
	text-align: left;
	margin: 0 0 35px 10px;
}

#real-estate.corner .box ol li {
	position: relative;
}
#real-estate.corner .box ol li a {
	display: block;
	background-color: #FAF4EA;
	color: #4E2712;
	font-size: 1.0em;
	font-weight: bold;
	line-height: 175%;
	padding: 12px 20px;
	margin: 0 0 5px;
}
#real-estate.corner .box ol li a:hover {
	background-color: #F3E4CB;
	text-decoration: none;
}

#real-estate.corner .box ol li .arrow {
	position: absolute;
	top: 18px;
	right: 10px;
}

#real-estate #map_canvas,
#real-estate #map_canvas2 {
	width: 100%;
	height: 450px;
}

#zeh.corner .zeh-title {
	text-align: center;
	padding: 10px 0;
	margin: 0 auto;
}
#zeh.corner .zeh-title.zeh1 {
	background-color: #1DA4C8;
}
#zeh.corner .zeh-title.zeh2 {
	background-color: #229F8B;
}
#zeh.corner .zeh-title.zeh3 {
	background-color: #0478A6;
}

#zeh.corner .zeh-title .inner {
	position: relative;
	width: 1000px;
	margin: 0 auto;
	text-align: center;
}

#zeh.corner .box p em {
	font-size: 1.2em;
}
#zeh.corner .box p em.red {
	color :#E20615;
}
#zeh.corner .box p em.green {
	color :#009800;
}
#zeh.corner .box p em.blue {
	color :#005DE5;
}

#zeh.corner .zeh-title .inner h2 {
	color: #FFFFFF;
	font-size: 1.4em;
	padding: 0 0 0 45px;
	margin: 0;
}
#zeh.corner .zeh-title .inner .icon {
	position: absolute;
	top: 0;
	left: 0;
	color: #FFFFFF;
	font-size: 1.0em;
	font-weight: bold;
	line-height: 175%;
}
#zeh.corner .zeh-title .inner .icon img {
	margin: 3px 10px 0 0;
}

#zeh.corner .box table {
	width: 100%;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}

#zeh.corner .box table tr th {
	background: #0039C9;
	width: 16%;
	color: #FFFFFF;
	font-size: 15px;
	line-height: 175%;
	letter-spacing: 0.05em;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	text-align: center;
	padding: 10px 15px;
}

#zeh.corner .box table tr td {
	background: #E6EEFF;
	width: 16%;
	font-size: 15px;
	line-height: 175%;
	letter-spacing: 0.05em;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	text-align: center;
	padding: 10px 15px;
}

.corner .btn {
	width: 400px;
	margin: 0 auto;
	text-align: center;
}
#gallery_d.corner .btn {
	margin: 40px auto 0;
}

.corner .btn a {
	position: relative;
	display: block;
	background-color: #7D5529;
	color: #FFFFFF;
	font-size: 1.1em;
	letter-spacing: 0.05em;
	line-height: 175%;
	text-align: center;
	padding: 15px 0;
}
.corner .btn a:hover {
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	text-decoration: none;
}
.corner #mukunoie-box .btn  a {
	background-color: #FFFFFF;
	border: 1px solid #171C61;
	color: #171C61;
	font-weight: bold;
	margin: 20px 0 0;
}
.corner #muku-box .btn a {
	background-color: #FFFFFF;
	border: 1px solid #522C12;
	color: #522C12;
	font-weight: bold;
	margin: 20px 0 0;
}
.corner #n-mode-box .btn a {
	background-color: #FFFFFF;
	border: 1px solid #D78600;
	color: #D78600;
	font-weight: bold;
	margin: 20px 0 0;
}
#modelhouse.corner .btn a {
	background-color: #BB0000;
}

.corner .btn a .arrow {
	position: absolute;
	top: 21px;
	right: 15px;
}

.pager {
	margin: 40px 0 0;
}

.pager .number {
	text-align: center;
	margin: 0 auto;
	word-wrap: break-word;
}

.pager .number .count {
	text-align: center;
	margin: 0 auto;
}
.pager .number .count a {
	display: inline-block;
	width: 30px;
	height: 30px;
	background-color: #FFFFFF;
	border: 1px solid #4F270E;
	color: #4F270E;
	font-size: 0.9em;
	line-height: 30px;
	margin: 0 5px 10px 0;
	padding: 0;
}
.pager .number .count a:hover,
.pager .number .count a.on {
	background-color: #4F270E;
	color: #FFFFFF;
	text-decoration: none;
}
.pager .number .count a.back {
	border: 0;
	padding: 6px 7px 6px 0;
}
.pager .number .count a.next {
	border: 0;
	padding: 6px 0 6px 2px;
}
.pager .number .count a.next:hover,
.pager .number .count a.back:hover {
	background-color: #FFFFFF;
	color: #4F270E;
}


/* parts7  [contact]
------------------------------------- */

#contact h3 {
	font-size: 1.5em;
	margin: 50px 0;
	text-align: center;
}

#contact .inner {
	background-color: #F2EBEA;
	margin: 0 0 60px;
}

#contact.corner .box {
	padding: 30px 0 20px;
}

.parts7 {
	width: 1000px;
	margin: 0 auto;
	text-align: center;
}

.parts7 h2 {
	background-color: #522C12;
	border-radius: 30px;
	padding: 15px 30px;
	font-size: 1.4em;
	line-height: 175%;
	color: #FFFFFF;
	text-align: left;
}

.parts7 .contact_contents {
	clear: both;
	padding: 0;
}

.parts7 .contact_text {
	font-size: 1.0em;
	line-height: 175%;
	letter-spacing: 0.05em;
	margin: 0 20px 30px;
	text-align: left;
}
.parts7 .contact_text img {
	margin: 0 0 20px;
}
.parts7 .contact_text p {
	margin: 0 30px;
}
.parts7 .contact_text p em {
	font-size: 1.3em;
	font-weight: bold;
	line-height: 175%;
}
.parts7 .contact_text p em.red {
	color :#C30D22;
}
.parts7 .contact_text p em.blue {
	color :#0A308F;
}
.parts7 .contact_text p em.green {
	color: #009139;
}

.parts7 .contact_form {
}

.parts7 .contact_form li {
	width: 100%;
	display: inline-table;
	margin: 0;
	padding: 13px 20px 13px;
	border-top: 1px dotted #CCCCCC;
}

.parts7 .contact_index,
.parts7 .contact_body,
.parts7 .contact_submit {
	float: left;
}
.parts7 .contact_index {
	color: #000000;
	font-weight: bold;
	line-height: 175%;
	text-align: left;
	width: 250px;
	min-height: 1px;
}

.parts7 .contact_body {
	text-align: left;
}

.parts7 .contact_body input[type="text"],
.parts7 .contact_body textarea {
	border: 1px solid #B7B8B8;
	padding: 5px;
	width: 500px !important;
}
.parts7 .contact_body textarea {
}

.parts7 .contact_body select {
	border: 1px solid #B7B8B8;
	padding: 2px;
}
.parts7 .contact_body option {
	line-height: 150%;
	padding:0px 5px;
}

.parts7 .contact_body_comment {
	color: #777777;
	font-size: 0.9em;
	line-height: 175%;
}

.parts7 .contact_body_needs {
	display: inline;
	color: #CC0000;
	font-size: 0.85em;
	margin: 0 0 0 10px;
}

.parts7 .contact_submit {
	width: 600px;
	text-align: left;
	padding: 20px 0;
}
.parts7 .contact_submit input[type="submit"] {
	-webkit-appearance: none;
	background-color: #C1272D;
	box-shadow: 2px 2px 2px #DDDDDD;
	border: 1px solid #DDDDDD;
	border-radius: 30px;
	width: 350px;
	height: 50px;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	line-height: 50px;
	text-align: center;
	cursor: pointer;
}
.parts7 .contact_submit input[type="button"] {
	-webkit-appearance: none;
	background-color: #AAAAAA;
	border: 1px solid #DDDDDD;
	box-shadow: 2px 2px 2px #DDDDDD;
	border-radius: 30px;
	width: 150px;
	height: 50px;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	line-height: 50px;
	text-align: center;
	cursor: pointer;
}
.parts7 .contact_submit input:hover {
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

.parts7 .contact_ssl {
	width: 610px;
	font-size: 11px;
	line-height: 175%;
	margin: 0 0 50px 20px;
	text-align: left;
}
.parts7 .contact_ssl a {
	color: #003254;
}
.parts7 .contact_ssl img {
	display: none;
}


/* kiji
------------------------------------- */

#kiji {
	width: 1000px;
	padding: 0;
	margin: 50px auto 50px;
	text-align: center;
}

#kiji .kiji_contents {
	font-size: 1.1em;
	line-height: 175%;
	text-align: left;
	padding: 0 30px 20px;
	margin: 0;
}

#kiji .kiji_image {
	margin: 0 0 25px;
}
#kiji .kiji_image img {
	max-width: 680px !important;
}

#kiji p {
	margin: 0 0 25px;
}
#kiji p a,
#kiji p a:link,
#kiji p a:active, 
#kiji p a:visited{
	color: #0044CC;
	text-decoration: underline;
}
#kiji p a:hover {
	color: #B00E36;
	text-decoration: underline;
}

#kiji .kiji_date {
	color: #777777;
	font-size: 0.75em;
	letter-spacing: 0.05em;
	text-align: right;
	margin: 0;
}
#kiji.member_d .kiji_date {
	display: none;
}

#kiji .kiji_category {
	color: #3A7136;
	letter-spacing: 0.05em;
	padding: 0 0 0 10px;
}
#kiji .kiji_category a,
#kiji .kiji_category a:link,
#kiji .kiji_category a:active, 
#kiji .kiji_category a:visited{
	color: #3A7136;
	text-decoration: none;
}
#kiji .kiji_category a:hover {
	color: #3A7136;
	text-decoration: underline;
}


/* kiji_comment
------------------------------------- */

#kiji_comment {
	display: none;
}


/* kiji footer
------------------------------------- */

#kiji_footer {
	display: none;
}


/* member list
------------------------------------- */

#member {
	display: none;
}


/* default link
------------------------------------- */

a:link {
	color: #0000FF;
	text-decoration: none;
}
a:visited {
	color: #0000FF;
	text-decoration: none;
}
a:hover {
	color: #8F0CFC;
	text-decoration: underline;
}
a:active {
	color: #0000FF;
	text-decoration: none;
}


/* clearfix
------------------------------------- */

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}


/* Reset
------------------------------------- */

h1{
	display:none;
}

* {
	margin:0px;
	padding:0px;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset, img {
	border: 0;
}

address, caption, cite, code, dfn, th, var, optgroup {
	font-style: inherit;
	font-weight: inherit;
}

del, ins {
	text-decoration: none;
}

li {
	list-style: none;
}

caption, th {
	text-align: left;
}

q:before, q:after {
	content: '';
}

abbr, acronym {
	border: 0;
	font-variant: normal;
}

sup {
	vertical-align: baseline;
}

sub {
	vertical-align: baseline;
}

legend {
	color: #000;
}

input, button, textarea, select, optgroup, option {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
}

input, button, textarea, select {
 *font-size: 100%;
}


/* Fonts
------------------------------------- */

select, input, button, textarea, button {
	font:99% arial, helvetica, clean, sans-serif;
}

table {
	font-size:inherit;
	font:100%;
}

pre, code, kbd, samp, tt {
	font-family:monospace;
 	*font-size:108%;
	line-height:100%;
}