@charset "utf-8";

a {
color: #676767;
display: block;
text-decoration:none;
}
a,
a::before,
a::after { 
-webkit-transition: all .4s;
transition: all .4s;
}
a:hover {
opacity: 0.8;
}
img {
max-width: 100%;
}
img:not([width]) {
width: 100%;
}

.pcOnly {
display: block;
}
.spOnly {
display: none;
}

html {
font-size: 62.5%;
}
body {
font-size: 1.4rem; /* =14px*/
-webkit-text-size-adjust:100%;
}
.wrap {
width: 100%;
color:#676767;
line-height: 1.5em;
margin: 0 auto;
}
.cr {
color:#DC0000;
font-weight:bold;
}

/*==================== header ====================*/
header {
width: 100%;
position:fixed;
top:0;
z-index:9999;
}
.header {
width: 100%;
background-color:#FFF;
}
.header .inner {
min-width: 1020px;
max-width: 1070px;
margin: 0 auto;
}
.header h1 {
width: 558px;
float: left;
padding: 5px 0;
}
.header .tel {
width: 450px;
float: right;
padding: 20px 0;
}


/*==================== gNavi ====================*/
.gNavi {
clear:both;
width: 100%;
min-width: 1020px;
background-color: #b2b2b2;
}
.gNavi ul {
max-width: 1068px;
margin: 0 auto;
background: url("../images/gnavi_bg.png") left no-repeat;
background-size: 1px 36px;
padding-left: 1px;
display: flex;
justify-content: space-between;
}
.gNavi li {
width: calc(100% / 5 - 1px) ;
background: url("../images/gnavi_bg.png") right no-repeat;
background-size: 1px 36px;
padding-right:1px;
white-space: nowrap;
overflow:hidden;
}
.gNavi li a {
width: 100%;
height: 100%;
color: #FFF;
font-size: min(2.8vw, 14px);
line-height: 1.2em;
text-align: center;
padding: 11px 0;
}
.gNavi li a:hover {
background-color: rgba(0,0,0,0.2);
}

/*==================== brand ====================*/
.panel {
width:100%;
position:relative;
background:url(../images/brand_bg.jpg) center center no-repeat;
background-size:cover;
}
.panel .brand {
width:100%;
min-width:1060px;
position:relative;
}
.panel .brand h2 {
width:410px;
position:absolute;
top:200px;
/*right: 0;*/
left: 0;
}
.panel .scd {
width:100%;
margin:0 auto;
background-color:#9e8467;
position:absolute;
bottom:0;
}
.panel .scd p {
width:1060px;
margin:0 auto;
}
.panel .fvCap {
font-size:12px;
line-height:1.4em;
color:rgba(255,255,255,0.8);
text-align:right;
position:absolute;
bottom:130px;
right:30px;
}

/*==================== scroll ====================*/
.scroll {
position:absolute;
bottom:10px;
left:calc(50% - 19px);
text-align:center;
z-index:9999;
}
.scroll a {
padding-top:45px;
color:#FFF;
font-size:14px;
}
.scroll a span {
position: absolute;
top: 0;
left: 50%;
width: 24px;
height: 24px;
margin-left: -12px;
border-left: 1px solid #fff;
border-bottom: 1px solid #fff;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-animation: sdb 2s infinite;
animation: sdb 2s infinite;
box-sizing: border-box;
}
@-webkit-keyframes sdb {
0% {
-webkit-transform: rotate(-45deg) translate(0, 0);
}
20% {
-webkit-transform: rotate(-45deg) translate(-10px, 10px);
}
40% {
-webkit-transform: rotate(-45deg) translate(0, 0);
}
}
@keyframes sdb {
0% {
transform: rotate(-45deg) translate(0, 0);
}
20% {
transform: rotate(-45deg) translate(-10px, 10px);
}
40% {
transform: rotate(-45deg) translate(0, 0);
}
}

/*==================== present ====================*/
#topic01 {
padding-top:70px;
margin-top:-70px;
}
.present {
width:1060px;
margin:70px auto;
text-align:center;
font-size:0;
font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}
.present h3 {
width:750px;
margin:0 auto;
}
.present .inner {
width:600px;
margin:0 auto;
font-size:0;
}
.present .inner p {
padding:40px 0;
}
.present .cap {
min-width:658px;
margin:0 auto;
border:#C6C6C6 1px solid;
display:inline-block;
}
.present .cap p {
font-size:14px;
line-height:1.5em;
text-align:left;
padding:20px;
}

/*==================== event ====================*/
#topic02 {
padding-top:70px;
margin-top:-70px;
margin-bottom:70px;
}
.event {
width:100%;
min-width:1060px;
background-color:#d5d2cf;
padding-bottom:40px;
color:#333;
}
.event .box {
width:1060px;
margin:0 auto 20px;
padding-top: 80px;
}
.event h3 {
width:750px;
margin:0 auto;
} 
.event .sub {
width:100%;
border-top:#333 1px solid;
border-bottom:#333 1px solid;
text-align:center;
padding:25px 0 15px;
margin-bottom:40px;
}
.event .sub h4 {
width:540px;
margin:0 auto 12px;
}
.event .sub p {
font-size:16px;
line-height:1.4em;
color:#00142D;
}
.event .box ul {
font-size:0;
text-align:center;
margin-bottom:20px;
}
.event .box li {
width:510px;
display:inline-block;
vertical-align:top;
margin:0 40px 40px 0;
font-size: 1.4rem;
text-align:left;
}
.event .box li:nth-child(2n) {
margin:0 0 40px 0;
}
.event .box dl .txtL {
width:49%;
float:left;
margin-right:6%;
}
.event .box dl .txtL h6 {
font-size:16px;
line-height:1.4em;
font-weight: bold;
padding-bottom:0.6em;
}
.event .box dl .txtL p {
font-size:13px;
line-height:1.5em;
padding-bottom:0.8em;
}
.event .box dl p.spec {
font-weight:bold;
}
.event .box dl .txtL ul {
margin-bottom:10px;
}
.event .box dl .txtL li {
width:calc(100% - 1em);
display:block;
font-size:13px;
line-height:1.4em;
margin:0 0 0.5em;
text-indent:-1em;
padding-left:1em;
}
.event .box li .txtL .cap {
font-size:9px;
line-height:1.2em;
}
.event .box dl .txtR {
width:45%;
float:left;
position:relative;
}
.event .box dl .txtR p {
font-size:13px;
line-height:1.5em;
margin-bottom:1em;
}
.event .box dl .txtR strong {
display:inline-block;
font-size:16px;
line-height:1.4em;
font-weight:bold;
background:#DC0000;
color:#FF0;
padding:1px 6px;
margin:5px 0;
}
.event .box dl figure {
margin-bottom:15px;
line-height:0;
}
.event .box dl .txtR p.tel {
font-size:26px;
line-height:1.2em;
background:url(../images/icon_tel.png) left 4px no-repeat;
background-size:22px;
text-indent:30px;
font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
padding-bottom:0;
}

/*house*/
#topic03 {
padding-top:70px;
margin-top:-70px;
margin-bottom:70px;
}
.event.house {
width:100%;
min-width:1060px;
background-color:#d5d2cf;
padding-bottom:20px;
color:#333;
}
.event h5 {
width:660px;
margin:0 auto 40px;
}
.event .houseBox {
width:1060px;
margin:0 auto 20px;
}
.event .houseBox ul {
font-size:0;
text-align:center;
margin-bottom:20px;
}
.event .houseBox li {
width:510px;
display:inline-block;
vertical-align:top;
margin:0 40px 40px 0;
font-size: 1.4rem;
text-align:left;
}
.event .houseBox li:nth-child(2n) {
margin:0 0 40px 0;
}
.event .houseBox dt {
margin-bottom:20px;
}
.event .houseBox dd {
font-size:0;
}
.event .houseBox dl figure.houseL {
display:inline-block;
width:240px;
margin-right:20px;
vertical-align:top;
}
.event .houseBox dl .houseR {
width:250px;
display:inline-block;
vertical-align:top;
}
.event .houseBox dl .houseR .spec {
font-size:14px;
line-height:1.5em;
font-weight:bold;
margin-bottom:1em;
}
.event .houseBox dl .houseR .txt {
font-size:14px;
line-height:1.4em;
margin-bottom:0.5em;
}
.event .houseBox li .houseR .cap {
font-size:9px;
line-height:1.2em;
margin-bottom:1.5em;
}
.event .houseBox li .houseR figure {
width:130px;
font-size:9px;
line-height:1.2em;
margin-bottom:1.5em;
}

.bigMap {
width:700px;
margin:0 auto 60px;
}

/*yume*/
.event .yume {
width:980px;
margin:0 auto;
}
.event .yume dt {
width:100%;
background-color:#699c00;
text-align:center;
padding:10px 0;
}
.event .yume dt .ttl01 img {
width:380px;
margin:0 auto;
}
.event .yume dt .ttl02 img {
width:255px;
}
.event .yume dd {
background-color:#FFF;
border:#699c00 4px solid;
border-top:none;
font-size:0;
text-align:center;
}
.event .yume dd li:nth-child(odd) {
border-right:#69A400 1px solid;
}
.event .yume dd li {
width:420px;
display:inline-block;
padding:0 30px 30px;
}

.event .bnr {
width:100%;
margin:0 auto;
/*padding-top:35px;*/
}

.event .annotations {
width: 100%;
font-size: 11px;
line-height: 1.2em;
margin-bottom: 2em;
margin: -20px 0 60px;
}

/*==================== tour ====================*/
.tourRead {
width:1060px;
margin:80px auto 90px;
}
.tourRead p {
width:520px;
margin:0 auto;
} 
.tour {
width:1058px;
border:#9E8467 1px solid;
margin:0 auto 90px;
}
.tour h3 {
width:100%;
background-color:#9a8067;
text-align:center;
}
.tour h3 img {
width:750px;
}
.tour .sub {
width:100%;
border-bottom:#9E8467 1px solid;
padding:20px 0 30px;
}
.tour .sub dt {
width:450px;
margin:0 auto 1em;
}
.tour .sub dd {
text-align:center;
}
.tour .sub dd p {
font-size:16px;
line-height:1.5em;
}
.tour .sub dd img {
width:420px;
margin:0 auto;
}
.tour .data li {
width:920px;
border-bottom:#9E8467 1px solid;
padding:60px 40px 40px;
margin:0 auto;
}
.tour .data li:last-child {
border-bottom:none;
}
.tour .data .map {
width:480px;
float:left;
padding:0 40px 0 0;
}
.tour .data dl {
width:360px;
float:left;
font-size:14px;
line-height:1.4em;
}
.tour .data dt {
margin-bottom:1em;
}
.tour .data .adrs {
width:360px;
float:left;
padding-top:0.5em;
}
.tour .data .adrs p {
font-size:14px;
line-height:1.6em;
padding-bottom:0;
}
.tour .data p.tel {
font-size:26px;
line-height:1.2em;
background:url(../images/icon_tel.png) left 4px no-repeat;
background-size:22px;
text-indent:30px;
font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
padding-bottom:0;
}
.tour .data .course {
clear:both;
padding-top:30px;
}

/*==================== showroom ====================*/
.showroom {
width:100%;
min-width:1060px;
}
.showroom .ttl {
width:750px;
margin:0 auto 50px;
}
.showroom figure {
width:100%;
}
.showroom .sub {
width:570px;
margin:0 auto;
padding:30px 0;
}
.showroom ul {
width:1060px;
margin:0 auto;
font-size:0;
}
.showroom li {
width:508px;
border:#D1CCC5 1px solid;
display:inline-block;
font-size:14px;
line-height:1.4em;
margin:0 39px 40px 0;
vertical-align:top;
}
.showroom li:nth-child(2n) {
margin:0 0 39px 0;
}

.showroom li dt {
width:100%;
background-color:#E1DEDA;
font-size:22px;
line-height:1.2em;
text-align:center;
padding:12px 0;
margin-bottom:25px;
}
.showroom li dd {
padding:0 25px 20px;
}
.showroom li dd figure {
width:349px;
float:left;
}
.showroom li dd .qr {
width:109px;
float:left;
}
.showroom li dd iframe {
width:100%;
height:200px;
}
.showroom li dd .adrs {
width:50%;
float:left;
}
.showroom li dd .adrs p {
font-size:14px;
line-height:1.4em;
margin-bottom:0.2em;
vertical-align:top;
}
.showroom li dd p.tel {
font-size:24px;
line-height:1.2em;
background:url(../images/icon_tel.png) left 4px no-repeat;
background-size:20px;
text-indent:26px;
font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
padding-bottom:0;
}
.showroom li dd a {
width:50%;
float:left;
background-color:#9d8367;
padding:1.5% 0;
vertical-align:top;
}

/*==================== footInfo ====================*/
.footInfo {
width:1060px;
margin:20px auto 60px;
text-align:center;
}
.footInfo img {
width:390px;
}

/*==================== footer ====================*/
.footer {
width: 100%;
background-color: #e5e2de;
border-top: #b09874 2px solid;
}
.footer .inner {
width: 1020px;
margin: 0 auto;
padding: 18px 0 30px;
}
.footer .inner h3 {
width: 100%;
margin: 0 0 20px;
padding-bottom: 18px;
border-bottom: #b09874 1px dotted;
text-align: center;
}
.footer .inner h3 img {
width: 300px;
}
.footer .fLeft {
width: 360px;
float:left;
padding:0 40px 0 130px;
}
.footer .fLeft h4 {
padding-bottom: 16px;
}
.footer .fLeft .adrs {
font-size: 14px;
line-height: 1.4em;
padding: 0 0 12px;
}
.footer .link {
clear:both;
text-align:center;
padding-top:1em;
}
.footer .link a {
font-size: 12px;
line-height: 1.4em;
display: inline;
color: #676767;
}
.footer a:hover {
text-decoration:underline;
}
.footer .fRight {
width: 360px;
float: left;
}
.footer .fRight .tel {
padding: 0 0 12px;
}
.footer .fRight .adrs {
font-size: 14px;
line-height: 1.4em;
padding: 0 0 12px;
}

address {
font-size: 10px;
line-height: 1.2em;
text-align: center;
font-style: normal;
padding: 10px 0;
}



@media screen and (max-width: 750px) {
img:not([width]) {
max-width: 750px;
}
.pcOnly {
display: none;
}
.spOnly {
display: block;
}
.wrap {
max-width: 750px;
padding:9% 0 0;
}

/*==================== header ====================*/
/*header .inner {
width: 100%;
min-width: 100%;
max-width: 100%;
margin: 0 auto;
padding: 0;
}
header h1 {
width:84%;
float: left;
padding: 0 0 0 3%;
}
header .menuBtn {
width:12%;
position: fixed;
top: 0;
right: 0;
}*/

/*==================== header ====================*/
header {
position: static;
}

.header {
position:fixed;
top:0;
z-index:9990;
}
.header .inner {
width: 100%;
min-width: 100%;
max-width: 100%;
margin: 0 auto;
padding: 0;
}
.header h1 {
width:84%;
float: left;
padding: 0 0 0 3%;
}
.header .menuBtn {
width:12%;
float: right;
}

/*==================== gNavi ====================*/
.gNavi {
width: 100%;
min-width: 100%;
margin-bottom:0;
z-index:9990;
}
.gNavi.display {
display:none;
}
.gNavi ul {
min-width: 100%;
max-width: 100%;
margin: 0 auto;
background: none;
padding-left: 0;
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}
.gNavi li {
width: calc(100% / 3 - 1px) ;
float: left;
background: url("../images/gnavi_bg.png") right no-repeat;
background-size: 1px 100%;
padding-right:1px;
border-bottom: #FFF 1px solid;
}
.gNavi li:nth-child(3n) {
background: none;
}
.gNavi li a {
padding: 16px 0;
font-weight: bold;
}
.gNavi li a:nth-child(3) {
letter-spacing: -2px;
}
.gNavi li a:hover {
background-color: rgba(0,0,0,0.2);
}

/*==================== brand ====================*/
.panel {
width:100%;
}
.panel .brand {
width:100%;
min-width:100%;
position:relative;
background:url(../images/brand_bg.jpg) center bottom no-repeat;
background-size:cover;
position:relative;
}
.panel .brand h2 {
width:calc(80% - 60px);
position:absolute;
top:90px;
left:0px;
padding:30px;
background-color:rgba(255,255,255,0.8);
}
.panel .scd p {
width:100%;
margin:0 auto;
}

/*==================== present ====================*/
#topic01 {
padding-top:8%;
margin-top:-8%;
}
.present {
width:100%;
margin:9% auto 8%;
text-align:center;
}
.present h3 {
width:100%;
margin:0 auto;
}
.present .inner {
width:90%;
margin:0 auto;
padding-bottom:0;
font-size:0;
}
.present .inner p {
padding: 6% 0;
}
.present .cap {
width:calc(90% - 2em) ;
min-width:90%;
margin:0 auto;
border:#C6C6C6 1px solid;
display:inline-block;
}
.present .cap p {
font-size:12px;
line-height:1.4em;
text-align:left;
padding:1em;
}

/*==================== event ====================*/
#topic02 {
padding-top:8%;
margin-top:-8%;
margin-bottom:8%;
}
.event {
width:100%;
min-width:100%;
background-color:#d5d2cf;
padding-bottom:6%;
}
.event .box {
width:92%;
margin:0 auto 8%;
padding-top: 10%;
}
.event h3 {
width:100%;
margin:0 auto;
} 
.event .sub {
width:100%;
border-top:#333 1px solid;
border-bottom:#333 1px solid;
text-align:center;
padding:2% 0 3%;
margin-bottom:6%;
}
.event .sub h4 {
width:92%;
margin:2% auto 2%;
}
.event .sub p {
font-size:12px;
line-height:1.6em;
}
.event .box ul {
font-size:0;
text-align:center;
margin-bottom:0;
padding-bottom: 4%;
}
.event .box li {
width:100%;
display:block;
margin:0 0 8% 0;
font-size: 1.4rem;
text-align:left;
}
.event .box li:nth-child(2n) {
margin:0 0 8% 0;
}
.event .box dl .txtL {
width:100%;
float:none;
margin:0 0 0.4em;
padding:0;
}
.event .box dl .txtL p {
font-size:13px;
line-height:1.4em;
padding-bottom:0.5em;
}
.event .box li .txtL .cap {
font-size:9px;
line-height:1.2em;
}
.event .box dl .txtR {
width:100%;
float:none;
font-size:0;
padding:0;
}
.event .box dl .txtR p {
/*width:50%;*/
width:100%;
display:inline-block;
font-size:12px;
line-height:1.4em;
margin:0 5% 1em 0;
padding:0;
vertical-align:top;
}
.event .box dl .txtR a {
width:80%;
display:block;
background-color:#9d8367;
padding:2% 0;
vertical-align:top;
text-align: center;
margin: 0 auto;
}
.event .box dl .txtR a img {
width:60%;
}

/*house*/
#topic03 {
padding-top:8%;
margin-top:-8%;
margin-bottom:8%;
}
.event.house {
width:100%;
min-width:100%;
background-color:#d8d6d2;
padding-bottom:2%;
color:#333;
}

.event h5 {
width:100%;
margin:0 auto 6%;
}
.event .houseBox {
width:92%;
margin:0 auto 8%;
}

.event .houseBox ul {
font-size:0;
text-align:center;
margin-bottom:4%;
}
.event .houseBox li {
width:100%;
display:block;
margin:0 0 8% 0;
font-size: 1.4rem;
text-align:left;
vertical-align:top;
}
.event .houseBox li:nth-child(2n) {
margin:0 0 8% 0;
}
.event .houseBox dt {
margin-bottom:3%;
}
.event .houseBox dd {
font-size:0;
}
.event .houseBox dl figure.houseL {
display:inline-block;
width:45%;
margin-right:3%;
vertical-align:top;
}
.event .houseBox dl figure.houseL img:nth-child(2) {
padding-top:4%;
}
.event .houseBox dl .houseR {
width:52%;
display:inline-block;
vertical-align:top;
}
.event .houseBox dl .houseR .spec {
font-size:14px;
line-height:1.4em;
font-weight:bold;
margin-bottom:1em;
}
.event .houseBox dl .houseR .txt {
font-size:12px;
line-height:1.4em;
margin-bottom:0.5em;
}
.event .houseBox li .houseR .cap {
font-size:9px;
line-height:1.2em;
}
.event .houseBox li .houseR figure {
width:55%;
padding-top:10px;
}

.bigMap {
width:90%;
margin:0 auto 8%;
}

/*yume*/
.event .yume {
width:92%;
margin:0 auto;
}
.event .yume dt {
width:100%;
background-color:#69A400;
text-align:center;
padding:2% 0 3%;
}
.event .yume dt .ttl01 img {
width:90%;
margin:0 auto 2%;
}
.event .yume dt .ttl02 img {
width:60%;
margin:0 auto;
}
.event .yume dd {
background-color:#FFF;
border:#69A400 4px solid;
border-top:none;
text-align:center;
padding:2% 0 6%;
}
.event .yume dd li:nth-child(odd) {
border-right:none;
}
.event .yume dd li {
width:90%;
display:block;
margin:0 auto 1%;
padding:0 0 6%;
border-bottom:#69A400 1px solid;
}
.event .yume dd li:last-child {
border-bottom:none;
padding:0 0 0;
}

.event .bnr {
width:100%;
margin:0 auto;
/*padding-top:6%;*/
}

.event .annotations {
margin: 0 0 12%;
}

/*==================== tour ====================*/
.tourRead {
width:100%;
margin:10% auto 10%;
}
.tourRead p {
width:80%;
margin:0 auto;
} 
.tour {
width:92%;
border:#9E8467 1px solid;
margin:0 auto 10%;
}
.tour h3 {
width:100%;
background-color:#9E8467;
text-align: center;
}
.tour h3 img {
width:90%;
}
.tour .sub {
width:100%;
border-bottom:#9E8467 1px solid;
padding:20px 0 20px;
}
.tour .sub dt {
width:80%;
margin:0 auto 1em;
}
.tour .sub dd {
width:90%;
margin:0 auto;
}
.tour .sub dd p {
font-size:12px;
line-height:1.4em;
padding-bottom:0;
text-align:left;
}
.tour .sub dd img {
width:100%;
margin:0 auto;
}

.tour .data li {
width:88%;
border-bottom:#E0E0E0 1px solid;
padding:10% 5% 0;
margin:0 auto;
font-size:12px;
line-height:1.4em;
}
.tour .data dl {
width:100%;
float:none;
font-size:12px;
line-height:1.4em;
}
.tour .data dt {
width:100%;
margin-bottom:2em;
}
.tour .data dd {
margin-bottom:1em;
}
.tour .data .map {
width:100%;
float:none;
padding:0;
margin-bottom:0.5em;
}
.tour .data .map iframe {
width:100%;
height:200px;
}
.tour .data .adrs {
width:100%;
float:none;
padding:0;
margin-bottom:2em;
vertical-align:top;
}
.tour .data .adrs p {
padding-bottom:0.2em;
}
.tour .data .adrs .tel a {
font-size:26px;
line-height:1.2em;
background:url(../images/icon_tel.png) left 5px no-repeat;
background-size:20px;
text-indent:26px;
font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}
.tour .data .cap {
margin:0 auto 8%;
}
.tour .data .course {
clear:both;
padding:0 0 2em;
}


/*==================== showroom ====================*/
.showroom {
width:100%;
min-width:100%;
}
.showroom .ttl {
width:100%;
margin:0 auto 6%;
}
.showroom figure {
width:100%;
}
.showroom .sub {
width:76%;
margin:0 auto;
padding:4% 0;
}
.showroom ul {
width:92%;
margin:0 auto;
}
.showroom li {
width:100%;
border:#D1CCC5 1px solid;
display:block;
font-size:14px;
line-height:1.4em;
margin:0 0 8% 0;
vertical-align:top;
}
.showroom li:nth-child(2n) {
margin:0 0 8% 0;
}
.showroom li dt {
width:100%;
background-color:#E1DEDA;
font-size:16px;
line-height:1.2em;
text-align:center;
padding:8px 0;
margin-bottom:4%;
}
.showroom li dd {
padding:0 6% 5%;
}
.showroom li dd figure {
width:100%;
float:left;
}
.showroom li dd iframe {
width:100%;
height:160px;
}
.showroom li dd .adrs {
width:100%;
float:none;
font-size:12px;
line-height:1.4em;
margin-bottom:4%;
vertical-align:top;
}
.showroom li dd .tel {
font-size:26px;
line-height:1.2em;
background:url(../images/icon_tel.png) left 5px no-repeat;
background-size:20px;
text-indent:26px;
font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}
.showroom li dd a {
width:60%;
float:none;
margin:0 auto;
background-color:#9E8467;
padding:0;
vertical-align:top;
}

/*==================== footInfo ====================*/
.footInfo {
width:96%;
margin:0 auto 8%;
text-align:center;
}
.footInfo img {
width:60%;
}

/*==================== footer ====================*/
.footer {
width: 100%;
background-color: #e5e2de;
border-top: #b09874 2px solid;
}
.footer .inner {
width: 90%;
margin: 0 auto;
padding: 18px 0 30px;
}
.footer .inner h3 {
width: 100%;
margin: 0 auto 3%;
padding-bottom: 18px;
text-align: left;
}
.footer .inner h3 img {
width: 56%;
}
.footer .fLeft {
width: 100%;
float: none;
padding:0 0 0;
}
.footer .fLeft h4 {
width: 60%;
padding-bottom: 3%;
}
.footer .fLeft .adrs {
font-size: 12px;
line-height: 1.4em;
padding: 0 0 2em;
}
.footer .fRight .tel {
width: 70%;
padding: 0 0 1%;
}
.footer .fRight .adrs {
font-size: 12px;
line-height: 1.4em;
padding: 0 0 1%;
}
.footer .link {
text-align:left;
padding-top:0;
}
.footer .link a {
font-size: 10px;
line-height: 1.2em;
display: inline;
color: #676767;
}
.footer .fRight {
width: 100%;
float: none;
padding:0 0 4%;
}

address {
font-size: 10px;
line-height: 1.2em;
text-align: center;
font-style: normal;
padding: 10px 0;
}

}