@charset "utf-8";
/* CSS Document */

/* =====================================
	COMMON.CSS - update:2014.04.04
	> NORMALIZE
	> OPTIMIZE
	> MULTIPLE CLASS
	> ANIMATION
	> BASE DESIGN

	font-size(GoogleChrome Base)
	Default(100%)=16px
	10px=65%	11px=71%	12px=78%
	13px=84%	14px=90%	15px=96%
	16px=100%	18px=115%	20px=128%
	22px=140%	24px=153%	28px=178%
======================================== */


/* normalize.css v3.0.0
---------------------------------------- */
body {margin: 0; font-size:90%;} article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {display: block;} audio,canvas,progress,video {display: inline-block; vertical-align: baseline;} audio:not([controls]) {display: none; height: 0;} [hidden],template {display: none;} a {background: transparent;} a:active,a:hover {outline: 0;} abbr[title] {border-bottom: 1px dotted;} b,strong {font-weight: bold;} dfn {font-style: italic;} h1 {font-size: 2em; margin: 0.67em 0;} mark {background: #ff0; color: #000;} small {font-size: 80%;} sub,sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;} sup {top: -0.5em;} sub {bottom: -0.25em;} img {border: 0;} svg:not(:root) {overflow: hidden;} figure {margin: 1em 40px;} hr {-moz-box-sizing: content-box; box-sizing: content-box; height: 0;} pre {overflow: auto;} code,kbd,pre,samp {font-family: monospace, monospace; font-size: 1em;} button,input,optgroup,select,textarea {color: inherit; font: inherit; margin: 0;} button {overflow: visible;} button,select {text-transform: none;} button,html input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance: button; cursor: pointer;} button[disabled],html input[disabled] {cursor: default;} button::-moz-focus-inner,input::-moz-focus-inner {border: 0; padding: 0;} input {line-height: normal;} input[type="checkbox"],input[type="radio"] {box-sizing: border-box; padding: 0;} input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto;} input[type="search"] {-webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;} input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;} fieldset {border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em;} legend {border: 0; padding: 0;} textarea {overflow: auto;} optgroup {font-weight: bold;} table {border-collapse: collapse; border-spacing: 0;} td,th {padding: 0;}


/* OPTIMIZE
---------------------------------------- */
h1,h2,h3,h4,h5,h6 {font-size: 100%; margin: 0; padding: 0;}
p,dl,dt,dd {margin: 0; padding: 0;}
ol,ul {list-style-type: none; margin: 0; padding: 0;}
img {vertical-align: top;}
input[type=date],input[type=datetime],input[type=datetime-local],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],textarea,select {border: 1px solid #a9a9a9; padding: .2em;}
label > input[type=radio],label > input[type=checkbox] {margin-right: .5em;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder {color: #A9A9A9;}

/* Android ver.4.x */
.ver4x h1,
.ver4x h2,
.ver4x h3,
.ver4x h4,
.ver4x h5,
.ver4x h6,
.ver4x p {background-image:url(data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==);}

/* MULTIPLE CLASS
---------------------------------------- */
.clearfix:before, .clearfix:after {content: ""; display: block;}
.clearfix:after {clear: both;}
.clearfix {zoom: 1;}

.bdN {border: none;}
.dB {display: block;} .dI {display: inline;} .dIB {display: inline-block;} .dN {display: none;}
.fL {float: left;} .fR {float: right;} .fN {float: none;}
.fs10 {font-size: 65%;} .fs11 {font-size: 71%;} .fs12 {font-size: 78%;} .fs13 {font-size: 84%;} .fs14 {font-size: 90%;} .fs15 {font-size: 96%;} .fs16 {font-size: 100%;} .fs18 {font-size: 115%;} .fs20 {font-size: 128%;} .fs22 {font-size: 140%;} .fs24 {font-size: 153%;} .fs28 {font-size: 178%;}
.fwB {font-weight: bold;} .fwN {font-weight: normal;}
.lh10 {line-height: 1;} .lh11 {line-height: 1.1;} .lh12 {line-height: 1.2;} .lh13 {line-height: 1.3;} .lh14 {line-height: 1.4;} .lh15 {line-height: 1.5;} .lh16 {line-height: 1.6;} .lh17 {line-height: 1.7;} .lh18 {line-height: 1.8;} .lh19 {line-height: 1.9;} .lh20 {line-height: 2.0;}
.taL {text-align: left;} .taR {text-align: right;} .taC {text-align: center;}
.m00 {margin: 0;} .m10 {margin: 10px;} .m20 {margin: 20px;} .m30 {margin: 30px;} .m40 {margin: 40px;} .m50 {margin: 50px;} .m60 {margin: 60px;}
.mT10 {margin-top: 10px;} .mT20 {margin-top: 20px;} .mT30 {margin-top: 30px;} .mT40 {margin-top: 40px;} .mT50 {margin-top: 50px;} .mT60 {margin-top: 60px;}
.mR10 {margin-right: 10px;} .mR20 {margin-right: 20px;} .mR30 {margin-right: 30px;} .mR40 {margin-right: 40px;} .mR50 {margin-right: 50px;} .mR60 {margin-right: 60px;}
.mB10 {margin-bottom: 10px;} .mB20 {margin-bottom: 20px;} .mB30 {margin-bottom: 30px;} .mB40 {margin-bottom: 40px;} .mB50 {margin-bottom: 50px;} .mB60 {margin-bottom: 60px;}
.mL10 {margin-left: 10px;} .mL20 {margin-left: 20px;} .mL30 {margin-left: 30px;} .mL40 {margin-left: 40px;} .mL50 {margin-left: 50px;} .mL60 {margin-left: 60px;}
.op0 {opacity: 0;}
.p00 {padding: 0;} .p10 {padding: 10px;} .p20 {padding: 20px;} .p30 {padding: 30px;} .p40 {padding: 40px;} .p50 {padding: 50px;} .p60 {padding: 60px;}
.pT10 {padding-top: 10px;} .pT20 {padding-top: 20px;} .pT30 {padding-top: 30px;} .pT40 {padding-top: 40px;} .pT50 {padding-top: 50px;} .pT60 {padding-top: 60px;}
.pR10 {padding-right: 10px;} .pR20 {padding-right: 20px;} .pR30 {padding-right: 30px;} .pR40 {padding-right: 40px;} .pR50 {padding-right: 50px;} .pR60 {padding-right: 60px;}
.pB10 {padding-bottom: 10px;} .pB20 {padding-bottom: 20px;} .pB30 {padding-bottom: 30px;} .pB40 {padding-bottom: 40px;} .pB50 {padding-bottom: 50px;} .pB60 {padding-bottom: 60px;}
.pL10 {padding-left: 10px;} .pL20 {padding-left: 20px;} .pL30 {padding-left: 30px;} .pL40 {padding-left: 40px;} .pL50 {padding-left: 50px;} .pL60 {padding-left: 60px;}
.posR {position: relative;} .posA {position: absolute;} .posF {position: fixed;} .posS {position: static;}
.vaT {vertical-align: top;} .vaB {vertical-align: bottom;} .vaM {vertical-align: middle;} .vaBL {vertical-align: baseline;}

@media screen and (min-width: 769px) {
	.rollalpha:hover {filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; zoom: 1;}
}

/* column system */
.contents {width: 100%;}
.contentsInner {margin: 0 auto; width: 980px;}
.column02 .columnInner {margin-right: -40px;}
.column02 .column {float: left; margin-right: 40px; width: 470px;}
.column03 .columnInner {margin-right: -25px;}
.column03 .column {float: left; margin-right: 25px; width: 310px;}
.column04 .columnInner {margin-right: -20px;}
.column04 .column {float: left; margin-right: 20px; width: 230px;}
.column05 .columnInner {margin-right: -20px;}
.column05 .column {float: left; margin-right: 20px; width: 180px;}
.column06 .columnInner {margin-right: -16px;}
.column06 .column {float: left; margin-right: 16px; width: 150px;}
.column08 .columnInner {margin-right: -20px;}
.column08 .column {float: left; margin-right: 20px; width: 105px;}
.column10 .columnInner {margin-right: -20px;}
.column10 .column {float: left; margin-right: 20px; width: 80px;}
.columnInner:before, .columnInner:after {content: ""; display: block;}
.columnInner:after {clear: both;}
.columnInner {zoom: 1;}

.bgGreen {background: #73AD2B;}
.bgOrange {background: #F59724;}
.bgBrown {background: #f6f2e4;}
.fcGreen {color: #73AD2B;}
.fcOrange {color: #F59724;}
.orange {color: #f59724;} /* knotsdots */
.mT1 {margin-top: 1px;} /* knotsdots */

/* bullet */
.bltDown {background: url(../img/bullet_down_arrow_orange.png) right center no-repeat; cursor: pointer; font-size: 84%; font-weight: bold; padding-right: 14px; text-align: right;}
.bltUp {background: url(../img/bullet_up_arrow_orange.png) right center no-repeat; cursor: pointer; font-size: 84%; font-weight: bold; padding-right: 14px; text-align: right;}
.bltLink {background: url(../img/bullet_right_arrow_orange.png) left center no-repeat; padding-left: 10px;}
.bltLinkBack {background: url(../img/bullet_left_arrow_orange.png) left center no-repeat; padding-left: 10px;}

.pageLinkLocation100 {margin-top: -100px; padding-top: 100px;}
.pageLinkLocation120 {margin-top: -120px; padding-top: 120px;}


/* BASE DESIGN
---------------------------------------- */
body {color: #555; font-size: 100%; font-family: 'Lucida Grande','segoe UI','ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN','メイリオ','Meiryo',sans-serif; line-height: 1.5; -webkit-text-size-adjust: 100%;}



a {color: #555; text-decoration: none;}
@media screen and (min-width: 769px) {
	a:hover	{color: #f59724; text-decoration: none;}
}

/* header */
#header {background: #fff; border-bottom: 3px solid #ffd071; padding-bottom: 10px; position: fixed; top:0; width: 100%; z-index: 100;}
	#header > .inner {margin: 0 auto; position: relative; width: 980px;}
	#header .headerLogo {height: 50px; padding-top: 15px;}
	#header .subnav {font-size: 78%; position: absolute; top: 28px; left: 200px;}
	#header .subnav ul li {display: inline;}
	#header .subnav ul li:after {content:'｜'; margin-right: -.3em;}
	#header .subnav ul li:last-child:after {content: none;}
	#header .contactBtn {position: absolute; top: 0; right: 0;}
	#header .contactBtn ul li {float: left; margin-top: 20px; margin-right: 10px;}
	#header .contactBtn ul li#modelhouseMap {margin-top: 0; margin-right: 0;}

	/* gnav */
	#gnav ul li {float: left;}

	/* headerMap */
	#headerMap {background: #74AD2C; display: none; padding: 20px;}
	#headerMap .modelhouseSearch {margin: 0 auto;}
	.modelhouseSearch {background: url(../img/img_modelhouse_map.png) center 30px no-repeat #fff; border: 1px solid #fff; height: 458px; position: relative; width: 978px;}
	.modelhouseSearch div {position: absolute;}
	.modelhouseSearch .modelhouseSearchTitle {margin: 30px 0 0 30px;}
	.modelhouseSearch .modelhouseSearch_bnrQuo {position: absolute; right: -10px; top: -10px;}
	.modelhouseSearch .caution {font-size: 78%; position: absolute; right: 20px; bottom: 20px; text-align: right;}
	.modelhouseSearch ul {border-top: 1px solid #ccc; border-left: 1px solid #ccc;}
	.modelhouseSearch ul li {border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; float: left; font-size: 90%; height: 28px; line-height: 28px; padding: 0 10px; width: 48px;}
	.modelhouseSearch ul li a {display: block;}
		.modelhouseSearch .hokkaido {left: 707px; top: 89px;}
		.modelhouseSearch .hokkaido ul {border-color: #c8adf3;}
		.modelhouseSearch .hokkaido ul li {background: url(../img/blt_modelhouse_hokkaido.png) 58px center no-repeat; border-color: #c8adf3;}
		.modelhouseSearch .tohoku {left: 638px; top: 159px; width: 139px;}
		.modelhouseSearch .tohoku ul {border-color: #7cbcda;}
		.modelhouseSearch .tohoku ul li {background: url(../img/blt_modelhouse_tohoku.png) 58px center no-repeat; border-color: #7cbcda;}
		.modelhouseSearch .kanto {left: 606px; top: 277px; width: 208px;}
		.modelhouseSearch .kanto ul {border-color: #79e2d9;}
		.modelhouseSearch .kanto ul li {background: url(../img/blt_modelhouse_kanto.png) 58px center no-repeat; border-color: #79e2d9;}
		.modelhouseSearch .chubu {left: 406px; top: 62px; width: 139px;}
		.modelhouseSearch .chubu ul {border-color: #90c26e;}
		.modelhouseSearch .chubu ul li {background: url(../img/blt_modelhouse_chubu.png) 58px center no-repeat; border-color: #90c26e;}
		.modelhouseSearch .kinki {left: 378px; top: 341px; width: 208px;}
		.modelhouseSearch .kinki ul {border-color: #ffde00;}
		.modelhouseSearch .kinki ul li {background: url(../img/blt_modelhouse_kinki.png) 58px center no-repeat; border-color: #ffde00;}
		.modelhouseSearch .chugoku {left: 247px; top: 90px; width: 139px;}
		.modelhouseSearch .chugoku ul {border-color: #ffb063;}
		.modelhouseSearch .chugoku ul li {background: url(../img/blt_modelhouse_chugoku.png) 58px center no-repeat; border-color: #ffb063;}
		.modelhouseSearch .shikoku {left: 219px; top: 341px; width: 139px;}
		.modelhouseSearch .shikoku ul {border-color: #f28775;}
		.modelhouseSearch .shikoku ul li {background: url(../img/blt_modelhouse_shikoku.png) 58px center no-repeat; border-color: #f28775;}
		.modelhouseSearch .kyushu {left: 107px; top: 204px; width: 139px;}
		.modelhouseSearch .kyushu ul {border-color: #ef92a9;}
		.modelhouseSearch .kyushu ul li {background: url(../img/blt_modelhouse_kyushu.png) 58px center no-repeat; border-color: #ef92a9;}
		.modelhouseSearch ul li:hover {-webkit-animation: bulletAnimation 2s ease 0s; animation: bulletAnimation 2s ease 0s;}
			@-webkit-keyframes bulletAnimation {
				0% {background-position: 58px center;}
				5% {background-position: 61px center;}
				10% {background-position: 58px center;}
				15% {background-position: 61px center;}
				20% {background-position: 58px center;}
				100% {background-position: 58px center;} }
			@keyframes bulletAnimation {
				0% {background-position: 58px center;}
				5% {background-position: 61px center;}
				10% {background-position: 58px center;}
				15% {background-position: 61px center;}
				20% {background-position: 58px center;}
				100% {background-position: 58px center;} }


/* pageAnchor（ヘッダー下サブナビゲーション） */
.pageAnchor {margin-bottom: 30px;}
.pageAnchor .contents {background: #f59724; color: #fff; padding: 5px 0;}
.pageAnchor ul.clearfix {border-left: solid 1px #fff;}
.pageAnchor ul.clearfix > li {float: left; border-right: solid 1px #fff; padding: 0; font-size: 90%; position: relative;}
.pageAnchor ul.clearfix > li > a {color: #fff; text-decoration: none; display: block; padding: 0 20px; text-align: center; height: 30px; line-height: 30px;}
.pageAnchor ul.clearfix > li > a:hover {color: #fff; text-decoration: underline;}
.pageAnchor ul.clearfix > li > a span {background: 100% 50% url(../img/icn_page_anchor.png) no-repeat; padding-right: 10px;}

.pageAnchor.fixed {height: 30px;}
.pageAnchor.fixed .contents {position: fixed; top: 103px; z-index: 90;}
.pageAnchor.fixed ul.clearfix > li > a {height: 20px; line-height: 20px;}
.pageAnchor.fixed.headerMapOpen .contents {top: 603px;}

.dropDown ul {position: absolute; left: 0; top: 30px; display: none; z-index: 100;}
.pageAnchor.fixed .dropDown ul {top: 20px;}
.dropDown li { display: block;}
.dropDown li a {background: url(../img/bullet_right_arrow_white.png) 12em center no-repeat #fec682; border-top: 1px solid #fff;color: #fff; display: block; padding: 8px 20px; text-align: left; width: 11em;}
.dropDown li a:hover {background-color: #f59724;}

/* container */
#container {padding-top: 100px;}

/* breadcrumb */
#breadcrumb {font-size: 78%; margin: 10px auto 0; width: 980px;}
#breadcrumb li {display: inline;}

/* pageTitle */
.pageTitle {margin: 30px auto 40px; width: 980px;}
.pageTitle h1 {font-size: 140%; font-weight: normal;}

.titleOrangeBorderLeft {border-left: 3px solid #f59724; font-size: 128%; font-weight: bold; padding-left: 18px;}
.titleGrayBg {background: #eee; font-weight: bold; padding: 10px 20px;}

/* pageDecoration */
.bdTGrayDotted {border-top: 1px dotted #ccc;}
.bdTGraySolid {border-top: 1px solid #ccc;}
.bdBGrayDotted {border-bottom: 1px dotted #ccc;}
.bdBGraySolid {border-bottom: 1px solid #ccc;}
.bdTOrangeDotted {border-top: 1px dotted #f59724;}
.bdTOrangeSolid {border-top: 1px solid #f59724;}
.bdBOrangeDotted {border-bottom: 1px dotted #f59724;}
.bdBOrangeSolid {border-bottom: 1px solid #f59724;}

/* pageTop */
#pageTop {margin: 0 auto; width: 980px;}
#pageTop a {background: url(../img/btn_pagetop.png) no-repeat; display: block; height: 40px; margin: 0 0 0 1010px; position: fixed; bottom: -80px; text-indent: -9999px; width: 40px; z-index: 10;}
#pageTop a:hover {opacity: .8;}
@media screen and (max-width: 480px) {
	#pageTop {width: auto;}
	#pageTop a {background: rgba(0,0,0,.5); border-radius: 50px; color: #fff; font-size: 24px; margin: 0; right: 10px; text-indent: 0; text-align: center; vertical-align: bottom;}
}

/* footer */
#footer {margin-top: 60px; width: 100%;}
	#footerMenu {background: #555; padding: 30px 0 50px 0;}
	#footerMenu .inner {margin: 0 auto; width: 980px;}
	#footerMenu ul li a,
	#footerMenu ul li span {color: #fff;}
	#footerMenu ul li a:hover {color: #f59724;}
	#footerMenu .column > ul > li {font-size: 90%; margin-top: 20px;}
	#footerMenu .column > ul > li > a,
	#footerMenu .column > ul > li > span {border-bottom: 1px solid #fff; display: block; line-height: 1.2; margin-bottom: 10px; padding-bottom: 10px;}
	#footerMenu .column > ul > li ul li {background: url(../img/bullet_right_arrow_white.png) left .5em no-repeat; font-size: 90%; padding-left: 10px;}

	#footerMenuSub {padding: 20px 0;}
	#footerMenuSub .inner {margin: 0 auto; position: relative; width: 980px;}
	#footerMenuSub .subnav {font-size: 84%; position: absolute; top: 0; right: 0;}
	#footerMenuSub .subnav ul li {display: inline;}
	#footerMenuSub .subnav ul li:after {content:'｜'; margin-right: -.3em;}
	#footerMenuSub .subnav ul li:last-child:after {content: none;}
	#footerMenuSub .copyright {color: #999 ;font-size: 84%; position: absolute; top: 20px; right: 0;}

/* gallery */
.galleryVisualMain {float: left; text-align: center; width: 600px;}
.galleryVisualMain img {max-width: 100%; max-height: 450px;}
.galleryThumbList {float: right; height: 450px; overflow: hidden; width: 350px;}
.galleryThumbList ul {margin-right: -10px;}
.galleryThumbList ul li {cursor: pointer; float: left; margin: 0 10px 10px 0;}
.galleryThumbList ul li img {height: 100px; width: 100px;}
.galleryThumbList .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color: #f59724;}
.galleryThumbList .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background-color: #f59724;}
.galleryThumbList .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.galleryThumbList .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {background-color: #f59724;}
.galleryThumbList .mCSB_scrollTools .mCSB_draggerRail {background-color: #ccc;}
.galleryCaptionTitle {font-weight: bold; margin-top: 20px;}
.galleryCaptionDetail {font-size: 90%;}

/* gallery（商品ページ） */
.designList .galleryVisualMain {width: 780px; position: relative;}
.designList .galleryVisualMain li {display: none; position: absolute; top: 0; left: 0;}
.designList .galleryVisualMain li:first-child {display: block;}
.designList .galleryVisualMain img {max-height: 421px;}
.designList .galleryThumbList {height: 421px; width: 186px;}
.designList .galleryThumbList ul {margin-right: 0px;}
.designList .galleryThumbList ul li {margin: 0; width: 84px; height: 84px; overflow: hidden;}
.designList .galleryThumbList ul li img {height: 84px; width: 84px;} /* 商品ページのギャラリーのサムネイル用に調整 */
.designList .galleryThumbList a {color: #fff; display: block; font-size: 84%;  font-weight: normal; position: relative; overflow: hidden;}
.designList .galleryThumbList span {background: url(../img/bg_gallery_gray.png) repeat; width: 75px; height: 75px; display: block; position: absolute; top: 0; left: 0; padding: 5px;}
.designList .galleryThumbList a span {display: none;}
.designList .galleryThumbList a:hover {color: #fff;}
.designList .galleryThumbList a:hover span {display: block;}
.designList .galleryThumbList .on a span {display: block;}
.designList .galleryThumbList .mCSB_inside > .mCSB_container {margin-right: 18px;}
.designList .galleryCaption {font-size: 90%; position: absolute; bottom: 0; left: 0; width: 100%; text-align: left; background: url(../img/bg_gallery_gray.png) repeat; height: 30px; line-height: 30px; color: #fff;}
.designList .galleryCaption span {padding-left: 20px;}

/* fancybox */
.fancybox-close {background: url('../img/btn_fancybox_close.gif') no-repeat; position: absolute; top: auto; bottom: 15px; right: 15px; width: 65px; height: 18px; cursor: pointer; z-index: 8055;}
.fancybox-skin {position: relative; color: #444; text-shadow: none; -webkit-border-radius: 0px;    -moz-border-radius: 0px;         border-radius: 0px;}
.fancybox-nav {display: none;}

.btnMovieEnd {background: rgba(0,0,0,.8); height: 100%; position: absolute; top: 0; width: 100%;}
a.btnMovieEndPage {border: 1px solid #fff; border-radius: 10px; color: #fff; display: block; padding: 30px 20px; margin: auto; position: absolute; top: 20%; left: -100%; right: -100%; text-align: center; width: 83%;}
a.btnMovieEndPage:hover {background: rgba(255,255,255,.8); color: #555;}
a.btnMovieEndCatalog, a.btnMovieEndModelhouse {border-radius: 10px; color: #fff; display: block; padding: 30px 20px; position: absolute; text-align: center; width: 35%;}
a.btnMovieEndCatalog:hover, a.btnMovieEndModelhouse:hover {opacity: .7;}
a.btnMovieEndCatalog {background: #F59724; top: 45%; right: 54%;}
a.btnMovieEndModelhouse {background: #73AD2B; top: 45%; left: 54%;}



/* INCLUDE
---------------------------------------- */

/* include reserve button */
nav.btnReserve {margin-top: 40px;}
nav.btnReserve ul li {display: block; float: left; margin-top: 20px;}

/* 商品ラインナップ 間取りプラン */
.mainvisual {margin: 10px 0 30px 0;} /* 商品ラインナップ メインビジュアル */

#plan h1 {font-size: 128%; font-weight: bold;}
	#plan .titInner{margin: 0 auto 30px;width: 980px;}
	#plan .inner {background: #f7f6f2; padding: 30px 0 30px 0;}
	#plan .contentsInner {background: #fff; padding: 30px 0 0px 0;}
	#plan .planLeft {width: 240px;}
	#plan .planRight {width: 240px;}
	#plan .planCenter {margin: 0px 280px 0px 280px; text-align: center;}
	#plan h2 {color: #f59724; border-bottom: solid 1px #f59724; padding: 2px 0 2px 25px;}
	#plan .plan01 h2 {background: 0% 50% url(../img/icn_lineup_plan_01.png) no-repeat;}
	#plan .plan02 h2 {background: 0% 50% url(../img/icn_lineup_plan_02.png) no-repeat;}
	#plan .plan03 h2 {background: 0% 50% url(../img/icn_lineup_plan_03.png) no-repeat;}
	#plan .plan04 h2 {background: 0% 50% url(../img/icn_lineup_plan_04.png) no-repeat;}
	#plan .plan05 h2 {background: 0% 50% url(../img/icn_lineup_plan_05.png) no-repeat;}
	#plan .plan06 h2 {background: 0% 50% url(../img/icn_lineup_plan_06.png) no-repeat;}
	#plan .plan07 h2 {background: 0% 50% url(../img/icn_lineup_plan_07.png) no-repeat;}
	#plan .plan08 h2 {background: 0% 50% url(../img/icn_lineup_plan_08.png) no-repeat;}
	#plan .plan09 h2 {background: 0% 50% url(../img/icn_lineup_plan_09.png) no-repeat;}
	#plan .plan10 h2 {background: 0% 50% url(../img/icn_lineup_plan_10.png) no-repeat;}
	#plan .plan11 h2 {background: 0% 50% url(../img/icn_lineup_plan_11.png) no-repeat;}
	#plan .plan12 h2 {background: 0% 50% url(../img/icn_lineup_plan_12.png) no-repeat;}

	.l_plan {background: #fff; padding: 0 30px;}
	.l_planLeft {float: left; margin-right: 20px; width: 240px;}
	.l_planCenter {float: left; margin-right: 20px; width: 400px;}
	.l_planRight {float: right; width: 240px;}
	.planPoint {margin-top: 10px;}
	.planPoint p {font-size: 84%; margin-top: 10px;}
	.planIcn {background: 0 50% no-repeat; border-bottom: solid 1px #f59724; color: #f59724; font-size: 84%; padding: 2px 0 2px 25px;}
	.planIcn01 {background-image: url(../img/icn_lineup_plan_01.png);}
	.planIcn02 {background-image: url(../img/icn_lineup_plan_02.png);}
	.planIcn03 {background-image: url(../img/icn_lineup_plan_03.png);}
	.planIcn04 {background-image: url(../img/icn_lineup_plan_04.png);}
	.planIcn05 {background-image: url(../img/icn_lineup_plan_05.png);}
	.planIcn06 {background-image: url(../img/icn_lineup_plan_06.png);}
	.planIcn07 {background-image: url(../img/icn_lineup_plan_07.png);}
	.planIcn08 {background-image: url(../img/icn_lineup_plan_08.png);}
	.planIcn09 {background-image: url(../img/icn_lineup_plan_09.png);}
	.planIcn10 {background-image: url(../img/icn_lineup_plan_10.png);}
	.planIcn11 {background-image: url(../img/icn_lineup_plan_11.png);}
	.planIcn12 {background-image: url(../img/icn_lineup_plan_12.png);}

	#plan .planTable .image {display: none;}
	#plan .buttonClose {display: none;}

/* include lineup technology */
#technology {padding: 0 0 30px 0; /* ページ内リンクのズレ矯正 */ padding-top: 150px;margin-top: -150px;}
#technology .technologyOutline {margin: 30px 0 20px;}
#technology section.technologyContents {background: #f0f0f2; border: solid 1px #ebebe9; margin-bottom: 25px;}
#technology section.technologyContents h2 {padding: 30px 30px 15px 30px;}
#technology section.technologyContents p {margin: 0px 30px 15px 30px;font-size: 90%;}
#technology section.technologyContents .image {float: right; padding: 0; margin: 0 0 0 15px;}
#technology section.technologyContents .detail {background: 0 50% url(../img/bullet_right_arrow_orange.png) no-repeat; padding-left: 15px;}
#technology section.technologyContents04 {width: 480px; float: left;}
#technology section.technologyContents04 h2 {padding: 20px 30px 15px 30px;}
#technology section.technologyContents04 .detail {margin: 0px 30px;}
#technology section.technologyContents05 {width: 480px; float: right;}
#technology section.technologyContents05 h2 {padding: 20px 30px 10px 30px;}
#technology section.technologyContents05 p {margin: 0px 30px 10px 30px;}
#technology section.technologyContents05 .detail {margin: 0px 30px;}

/* include ライフスタイル提案 */
#lifestyleLink li {position: relative; margin-top: 20px;}
#lifestyleLink li img {width: 100%;}
#lifestyleLink span {background: rgba(245,151,36,.8); box-sizing: border-box; color: #fff; display: block; font-size: 65%; letter-spacing: -.1em; padding: 5px; position: absolute; left: 0; bottom: 0; width: 100%;}

/*include  安心のテクノロジー */
#technologyLink ul {margin-top: 20px; margin-right: -16px;}
#technologyLink li {float: left; margin-right: 16px;}


/* include lineup technology */
.lnavRecruitInterview ul li {margin-top: 16px; position: relative; overflow: hidden;}
.lnavRecruitInterview ul li p {background: rgba(232,140,27,.95); color: #fff; height: 97px; padding-top: 15px; position: absolute; top: 112px; left: 0; width: 150px;}
.lnavRecruitInterview ul li a:hover p {
	top: 0;
	-moz-animation: fade .2s ease 0;
	-webkit-animation: fade .2s ease 0;
	-ms-animation: fade .2s ease 0;
	animation: fade .2s ease 0;
	}
	@-moz-keyframes fade {
		0% {top: 112px;}
		100% {top: 0;}
	}
	@-webkit-keyframes fade {
		0% {top: 112px;}
		100% {top: 0;}
	}
	@-ms-keyframes fade {
		0% {top: 112px;}
		100% {top: 0;}
	}
	@keyframes fade {
		0% {top: 112px;}
		100% {top: 0;}
	}
.lnavRecruitInterview ul li p .date {display: block; font-size: 78%; text-align: center;}
.lnavRecruitInterview ul li p .name {display: block; font-weight: bold; text-align: center;}
.lnavRecruitInterview ul li p .post {display: block; font-size: 84%; line-height: 1.2; margin-top: 5px; text-align: center;}


/* USER AGENT CHECK
---------------------------------------- */
/* for iPad */
.iPadBrowser #header {position: static;}
.iPadBrowser #container {padding-top: 0;}
.iPadBrowser #pageTop {display: none;}

.iPadBrowser .designList .galleryThumbList a:hover span {display: none;}
.iPadBrowser .designList .galleryThumbList .on a span {display: none;}

.iPadBrowser .pageAnchor.fixed .contents {position: inherit; top: auto; z-index: 0;}
.iPadBrowser .pageAnchor.fixed a {height: 30px; line-height: 30px;}
.iPadBrowser .pageAnchor.fixed.headerMapOpen .contents {top: auto;}

/* for Android */
.androidBrowser #header {position: static;}
.androidBrowser #container {padding-top: 0;}
/* .androidBrowser #pageTop {display: none;} */

.androidBrowser .designList .galleryThumbList a:hover span {display: none;}
.androidBrowser .designList .galleryThumbList .on a span {display: none;}

.androidBrowser .pageAnchor.fixed .contents {position: inherit; top: auto; z-index: 0;}
.androidBrowser .pageAnchor.fixed a {height: 30px; line-height: 30px;}
.androidBrowser .pageAnchor.fixed.headerMapOpen .contents {top: auto;}




.spDisplayBlock, /* スマホだけに表示したい要素にこのクラスを付与 */
#headerSP,
#footerSP {display: none;}

@media screen and (max-width: 480px) {

/* RESET
---------------------------------------- */
*,*:before,*:after {box-sizing: border-box;}
img {max-width: 100%;}

.rollalpha:hover {opacity: 1;}
.rollalpha:hover img {opacity: 1;}

.spDisplayNone {display: none;} /* スマホで非表示にしたい要素にこのクラスを付与 */
.spDisplayBlock {display: block;} /* スマホだけに表示したい要素にこのクラスを付与 */

.contentsInner {width: auto;}
.pageTitle {margin: 10px 0; padding: 0 10px; width: 100%;}
.pageTitle h1 {font-size: 20px;}

.titleOrangeBorderLeft {margin-left: 10px; margin-right: 10px;}
.titleOrangeBorderLeft.mT60 {margin-top: 30px;}

#container {padding-top: 0;}
/* #breadcrumb {font-size: 10px; padding: 0 10px; width: auto;} */
#breadcrumb {display: none;}

/* header & footer
---------------------------------------- */
#header,
#footer {display: none;}
#headerSP,
#footerSP {display: block;}
#header {display: none;}
#headerSP {display: block;}
#headerSP .inner { height:52px;}
#headerSP .logo {margin: 13px 0 0 8px; float: left;}
#headerSP .tag01 {float: right; margin:0 5px 0 0;}
#headerSP .tag02 {float: right;}

#modalMenu {background: #595555; padding:15px; position: ; top: 0; left: 0; width: 100%; display: none;}
#modalMenu header#modalCtt {background-color: #F8AA4B; padding: 4px 7px 1px 0; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px;}
#modalMenu header#modalCtt h1 {color: #FFF; float: left; padding: 8px 0 0 10px; line-height:1;}
#modalMenu header#modalCtt .btn_close {padding: 0 0 3px; float: right; line-height:1; font-size:0;}
#modalMenu h2.sttl_btm {padding: 8px 0 6px 10px; background-color: #F8AA4B; color: #fff; display: block;}
#modalMenu ul a {text-decoration:none; display:block; width:100%;}
#modalMenu ul li {background-color:#F9F9EE; border-bottom:solid 1px #F2C0C2; color:#EF880A; padding:8px 0 6px 10px; background-image:url(/sp/img/list_mark01.png); background-repeat:no-repeat; background-position:94% 50%; -webkit-background-size: 6px 9px; -moz-background-size: 6px 9px;}
#modalMenu ul li.secLayer {background-color:#F3F3F3; border-bottom:solid 1px #F2C0C2; color:#EF880A; padding:9px 0 5px 20px; background-image:url(/sp/img/list_mark01.png); background-repeat:no-repeat; background-position:94% 50%; -webkit-background-size: 6px 9px; -moz-background-size: 6px 9px; font-size:0.92em;}
#modalMenu ul li.secPopup {background-color:#F3F3F3; border-bottom:solid 1px #F2C0C2; color:#EF880A; padding:9px 0 5px 20px; background-image:url(/sp/img/bg_icon_popup.png); background-repeat:no-repeat; background-position:94% center; -webkit-background-size: 8px 7px; -moz-background-size: 8px 7px; font-size:0.92em;}
#modalMenu ul li.popup {background-color:#F9F9EE; border-bottom:solid 1px #F2C0C2; color:#EF880A; padding:8px 0 6px 10px; background-image:url(/sp/img/bg_icon_popup.png); background-repeat:no-repeat; background-position:94% center; -webkit-background-size: 8px 7px; -moz-background-size: 8px 7px;}
#modalMenu footer#modalFoot {background-color: #F8AA4B; padding: 3px 7px 4px 0; -webkit-border-bottom-left-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-bottomleft: 3px; -moz-border-radius-bottomright: 3px;}
#modalMenu footer#modalFoot .btn_close_foot {padding: 0; text-align:right; font-size:0; line-height:1;}

#footerSP {margin-top: 30px;}
#footerSP h2.sttl_btm { padding: 8px 0 6px 10px; background-color: #F8AA4B; color: #fff; display: block;}
#footerSP ul.accordion ul { display:none;}
#footerSP ul.accordion a { text-decoration:none;}
#footerSP ul.accordion > li { background-color:#F9F9EE; border-bottom:solid 1px #F2C0C2; color:#EF880A;}
#footerSP ul.accordion > li a {color:#EF880A;}
#footerSP ul.accordion > li > p { padding:3px 15px 0 10px;}
#footerSP ul.accordion > li > ul > li { background-color:#EEEEEE; border-bottom:solid 1px #F2C0C2; padding:3px 12px 0 8px; font-size:0.92em;}
#footerSP ul.accordion > li > ul > li:last-child { background-color:#EEEEEE;	 border-bottom:none;}
#footerSP ul.accordion a { display:block; padding:10px; background-position:right center; background-repeat:no-repeat;}
#footerSP ul.accordion span { display:block; padding:10px 0; background-position:right center; background-repeat:no-repeat;}
#footerSP ul.accordion > li > p span { background-image:url(/sp/img/bg_acrdn_close.png); background-repeat:no-repeat; background-position:right 48%; -webkit-background-size: 15px 15px; -moz-background-size: 15px 15px;}
#footerSP ul.accordion > li > p span.open { background-image:url(/sp/img/bg_acrdn_open.png); background-repeat:no-repeat; background-position:right 48%; -webkit-background-size: 15px 15px; -moz-background-size: 15px 15px;}
#footerSP ul.accordion > li > a { background-image:url(/sp/img/list_mark01.png); background-repeat:no-repeat; background-position:right center; margin-right:18px; -webkit-background-size: 6px 9px; -moz-background-size: 6px 9px;}
#footerSP ul.accordion > li > ul > li > a { display:block; padding:10px; background-image:url(/sp/img/list_mark01.png); background-position:right center; background-repeat:no-repeat; -webkit-background-size: 6px 9px; -moz-background-size: 6px 9px; margin-right:5px;}
#footerSP ul.accordion > li > ul > li.popup > a { background-image:url(/sp/img/bg_icon_popup.png); background-repeat:no-repeat; background-position:right center; -webkit-background-size: 10px 9px; -moz-background-size: 10px 9px; margin-right:5px;}
#footerSP ul.accordion > li.popup > a { background-image:url(/sp/img/bg_icon_popup.png); background-repeat:no-repeat; background-position:right center; -webkit-background-size: 10px 9px; -moz-background-size: 10px 9px; margin-right:18px;}
#footerSP ul#footnavi {padding: 20px 0 10px; text-align: center;}
#footerSP ul#footnavi li {display: inline-block;}
#footerSP ul#footnavi li:first-child {margin-right: 20px;}
#footerSP ul#footnavi li a { background-image: url(/sp/img/bg_icon_popup.png); background-repeat: no-repeat; background-position: right 2px; -webkit-background-size: 10px 9px; -moz-background-size: 10px 9px; padding-right: 16px; font-size: 0.68em; text-decoration: none; display: block; color:#333;}
#footerSP .foot_btn_pcsite a { background-image:url(/sp/img/bg_icon_popup.png); background-color:#F5F5F5; background-repeat: no-repeat; background-position: 90% 52%; -webkit-background-size: 10px 9px; -moz-background-size: 10px 9px; border: 2px solid #fff; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border: 1px solid #DDD; color:#333; width: 8em; padding: 12px 15px 11px 5px; box-shadow: 1px 1px 1px rgba(0,0,0,0.2), 0px 1px 0px rgba(255,255,255,0.2) inset, 0px -1px 0px rgba(255,255,255,0.1) inset; text-decoration: none; margin: 0 auto 15px; text-align: center; font-size: 0.68em; display:block;}
#footerSP .pagetop { text-align: right; margin: 0 10px 0 0; font-size: 0; line-height: 1;}
#footerSP .copyright { font-size: 0.68em; padding: 10px 0 8px 0; background-color: #F8AA4B; color: #fff; display: block; text-align: center;}
#footerSP #gFooter {background-color:#eee; height:; text-align:;}
#footerSP .bltUp {background: none; cursor: pointer; font-size: inherit; font-weight: normal; padding-right: inherit; text-align: left;}

}


@media screen and (min-width: 481px) {
	html,body,#container {min-width: 1080px;}
}