body{
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, Meiryo, sans-serif;
margin : 0;
padding : 0;
}
html {overflow: auto;}

ul:after {
 content: '';
 display: block;
 clear: both;
}
img{
margin: 0;
padding: 0;
vertical-align: bottom;
}

/* 非表示項目 */
/* pc */
@media print, screen and (min-width:769px) {
.sp_on {display : none;}
}
/* tablet  */
@media only screen and (min-width: 641px) and (max-width: 768px) {
.pc_on {display : none;}
}
 
/* smartPhone */
@media screen and (max-width: 640px) {
.pc_on {display : none;}
}




/* タイトル */
#title{
width: 100%;
padding: 15px 0 0 0;
background: #fff url(img/title_bg.jpg) no-repeat;
background-position: center bottom;
background-size: 100%;
overflow: hidden;
text-align: center;
min-width: 980px\9;/*ie10以下*/
}
@media print, screen and (min-width:641px) {
#title{min-height :280px;}
#title img{width: 36%;}
}
@media screen and (max-width: 640px) {
#title{padding: 20px 0;}
#title img{width: 64%;}
}


/* トップ部分 */
.juutaku-msg{
margin : 0 auto;
padding :2rem 1rem 3rem 1rem;
max-width :800px;
line-height : 140%;
overflow:hidden;
}

.juutaku-msg h3{
margin : 0 auto;
padding : 8px 0 2rem 0;
font-size : 1.25em;
color:#d25c7b;
text-align: center;
}


@media print, screen and (min-width:769px) {
.juutaku-msg h3{font-size : 1.6em;}
}

/* トップ予約ボタン部分 */
.topyoyaku{
margin : 0 auto;
padding :0;
display:flex;
}

.btn-square-top {
  display: block;
  width:46%;
  margin: 1rem 2% 0 2%;
  padding : .3rem 0;
  text-decoration: none;
  text-align: center;
  background: #668ad8;/*ボタン色*/
  color: #FFF;
  border-bottom: solid 4px #627295;
  border-radius: 6px;
  line-height:1.4;
font-size : .85rem;
}
.btn-square-top:active {
  /*ボタンを押したとき*/
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  border-bottom: none;/*線を消す*/
}
@media print, screen and (min-width:769px) {
.topyoyaku{display:none;}
}





/* 新着情報 */
.juutaku-wn{
margin : 0 2%;
text-align: left;
font-size : 12px;
padding-bottom : 15px;
overflow:hidden;
float: right\9;/*ie10以下*/
width: 380px\9;/*ie10以下*/
}
@media print, screen and (min-width:769px) {
.juutaku-wn{float: right;width: 40%;}
}

.juutaku-wn h3{
margin : 0 auto;
padding :0 0 6px 5px;
color:#666666;
border-bottom: #3dce81 2px solid;
}

.juutaku-wn ul{
margin :0;
padding : 0;
overflow:auto;
height : 180px;
}
.juutaku-wn li{
margin :0 .5%;
padding :3% 2%;
text-align: left;
list-style: none;
border-bottom: #3dce81 1px solid;
}
.juutaku-wn p{
margin :0;
padding : 3px 0;
font-size : 1.2em;
}
.juutaku-wn p span{
color:#d70058;
}


/* キャンペーン・イベント */
.campaign-event{
margin: 0 auto;
padding: 1rem 1.5rem;
box-sizing: border-box;
display:flex;
flex-wrap:wrap;
max-width:1020px;
justify-content: center;
}

.inner {
margin:0;
padding: 1rem;
background: #fff;
height:auto;
box-sizing:border-box;
border-radius: 10px;
width:100%;
text-align: center;
}

.inner img{
border: #cccccc 1px solid;
border-radius: 10px;
}

@media print, screen and (min-width:641px) {
.inner {width:50%;}
}

.campaign-event .btn{
display: inline-block;
margin: .8rem 0;
padding: .8rem 1rem;
text-decoration: none;
background: #cd497b;
color: #FFF;
border-radius: 5px;
font-weight: bold;
}

#yoyaku .event-wn {
margin: 0 auto;
padding: 1em 1.5em;
max-width: 960px;
}

#yoyaku .event-wn h3{
color:#00a497;
text-align: center;
border-color:#00a497;
}

#yoyaku .event-wn ul{
margin: 1em auto 0 auto;
display: block;
padding-inline-start: 40px;
}

#yoyaku .event-wn li{
margin: 0;
padding: .2em 0;
width:100%;
text-align: left;
list-style-type: circle;
font-size: clamp(1rem, 0.955rem + 0.23vw, 1.125rem)
}

#yoyaku .event-wn li a{
color: #1e90ff;
}

/* 来場予約 */

#yoyaku{
margin :.5rem auto;
padding :0 0 2rem 0;
}


#yoyaku h2{
margin : 0 auto;
padding : .6rem 1rem;
text-align: center;
color:#fff;
font-size : 1.15rem;
background: #6fc2b2;
}


#yoyaku h2.sub{
border-bottom: #5dbaa9 1px dotted;
color:#5dbaa9;
background: #fff;
}

#yoyaku h2.sub span{
font-size : .8em;
font-weight:normal;
}


#yoyaku h3{
margin : 0 auto;
padding : .4rem;
border: #cccccc 1px solid;
-webkit-border-radius: 5px;
border-radius: 5px;
}

#yoyaku h4{
margin : 0 auto;
padding : .4rem 1rem;
text-align: center;
font-size : 1.15rem;
}

#yoyaku img{
max-width: 100%;
}

#yoyaku a:hover{
opacity:0.7;
filter:alpha(opacity=70);
-ms-filter:"alpha( opacity=70 )";
}

#yoyaku  ul{
margin :0 auto;
padding : 0 1rem;
max-width: 1000px;
}

#yoyaku li{
margin :1rem 1%;
padding :0 .5rem;
text-align: center;
list-style: none;
/*border: #cccccc 1px dotted;
-webkit-border-radius: 5px;
border-radius: 5px;*/
}


#yoyaku p{
margin :0 auto;
padding :.5rem;
max-width: 1000px;
text-align: left;
}
#yoyaku p.chuui{
margin :0 auto;
padding :0 .5rem .5rem .5rem;
max-width: 960px;
color:#cd0000;
font-size:.875em;
line-height:1.5;
}

#yoyaku .yoyakupre{
margin :0 1rem 2rem 1rem;
padding :0;
max-width: 960px;
border-radius: 10px;
border: #cccccc 1px dotted;
}
#yoyaku .yoyakupre h4{
padding : 0;
color:#5dbaa9;
font-weight:bold;
font-size:1.2em;
}

#yoyaku .yoyakupre img{
border-radius: 6px;
}

#yoyaku .yoyakupre p{
padding :1rem 0;
}
#yoyaku .yoyakupre p span{
color:#d80000;
}



@media print, screen and (min-width:769px) {
#yoyaku h2{font-size : 1.3rem;}
#yoyaku ul{margin :1rem auto;display:flex;}
#yoyaku li{width: 48%;}
#yoyaku .yoyakupre{margin :0 auto 2em auto;}
/*#yoyaku .yoyakupre p{width: 48%;}*/
}


/* 休館のおしらせ */
.kyukan{
margin :1rem;
padding :.8rem;
border-radius: 10px;
border: #ff0000 1px solid;
}
.kyukan p span{
color:#ff0000;
font-weight:bold;
}

@media print, screen and (min-width:961px) {
.kyukan{margin :1rem auto;max-width: 940px;}
}


/*ボタン*/

.btn {
/*  display:flex;*/
}

.btn-square {
   display: inline-block;
   width:80%;
/* width:44%;*/
  margin: .8rem 0;
  padding : .5rem;
  text-decoration: none;
  text-align: center;
  background: #668ad8;/*ボタン色*/
  color: #FFF;
  border-bottom: solid 4px #627295;
  border-radius: 3px;
  font-weight:bold;
  line-height:1.3;
}
.btn-square:active {
  /*ボタンを押したとき*/
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  border-bottom: none;/*線を消す*/
}

.btn-yk {
  width : auto;
  margin-top : 2em;
  padding : .7em 1.5em;
}

.btn-insta {
display: inline-block;
margin: .8rem 0;
padding : .8rem;
text-decoration: none;
text-align: center;
background: linear-gradient(45deg, rgba(254,212,117,1) 0%,rgba(229,61,93,1) 50%,rgba(194,49,134,1) 70%,rgba(156,56,187,1) 100%);
color: #FFF;
border-radius: 8px;
font-weight:bold;
}

.btn-insta:hover {/*ホバー時*/
border-radius: 0;
transition: .5s;/*ゆっくり変化*/
}



@media print, screen and (min-width:769px) {
.btn-square {width:56%;}
}


/* 展示場紹介 */
#tenjijou{
margin : 0 auto;
overflow:hidden;
padding : 30px 0;
clear: both;
border-top: #a5c5cb 1px dotted;
min-width: 980px\9;/*ie10以下*/
}

#tenjijou .tenjijou-info{
text-align: center;
padding : 0 10px 20px 10px;

}
@media screen and (max-width:640px) {
#tenjijou .tenjijou-info img{margin :0;padding : 0;width: 100%;}
}


#tenjijou .tenjijou-list ul{
margin :0 auto;
padding : 0 0 20px 0;
display: flex;
flex-direction: row;
flex-wrap: wrap;
/*justify-content: center;*/
max-width :1000px;
}

#tenjijou .tenjijou-list li{
margin :1%;
text-align: center;
list-style: none;
width :180px\9;/*ie10以下*/
float: left\9;/*ie10以下*/
margin-bottom :1%\9;/*ie10以下*/
font-size : 13px\9;/*ie10以下*/
}
#tenjijou .tenjijou-list li p{
margin :0;
padding :3px 0 0 0;
}
#tenjijou .tenjijou-list li a{
display:block;
padding : 0 0 3px 0;
background-color : #5dbaa9;
color:#fff;
 -webkit-bottom-left-border-radius: 3px;
 border-bottom-left-radius: 3px;
 -webkit-bottom-right-border-radius: 3px;
 border-bottom-right-radius: 3px;
text-decoration: none;
}


@media print, screen and (min-width:769px) {
#tenjijou .tenjijou-list li{width: 31.333%;font-size : 16px;line-height : 140%;}
}

@media screen and (max-width:768px) {
#tenjijou .tenjijou-list ul{padding : 0 20px 20px 20px;}
#tenjijou .tenjijou-list li{width: 48%;font-size : 12px;line-height : 140%;}
}


#tenjijou .tenjijou-list li img{
margin :0;
padding : 0;
width: 100%;
}

#tenjijou .tenjijou-list a:hover img{
opacity:0.7;
filter:alpha(opacity=70);
-ms-filter:"alpha( opacity=70 )";
}



/* 年末年始 */
.nenmatsu{
margin : 0 auto;
padding : 1rem;
clear: both;
max-width: 980px;
box-sizing: border-box;
}

.nenmatsu h3{
padding : .6rem;
color:#d30000;
border: #d30000 1px solid;
text-align: center;
border-radius: 6px;
}

.nenmatsu dl {
display: flex;
flex-wrap: wrap;
border: 1px solid #ccc;
border-top: none;
font-size:.95em;
margin: 0;
}
.nenmatsu dt {
background: #4799ae;
width: 25%;
padding: .6rem;
box-sizing: border-box;
border-top: 1px solid #ccc;
color: #fff;
text-align: center;
align-items: center;
}

.nenmatsu dd {
padding: .6rem;
margin: 0;
border-left: 1px solid #ccc;
border-top: 1px solid #ccc;
width: 75%;
background: #fff;
box-sizing: border-box;
align-items: center;
}

.nenmatsu dd span{
font-size: .9rem;
}

.nenmatsu p.fudou{
font-size: .9rem;
text-align: right;
margin: .5em 0 1em 0;
}



@media (max-width: 768px) {
.nenmatsu dt {width: 100%;}
.nenmatsu dd {width: 100%;border: none;}
}




/* MAP・キャンペーン告知 */
#annai{
margin : 0 auto;
overflow:hidden;
padding : 20px 0;
clear: both;
min-width: 980px\9;/*ie10以下*/
}

#annai ul {
margin : 0 auto;
padding : 0;
text-align: center;
}

#annai li {
  display: inline-block;
  padding: 0;
}

.ggmap-waku {
clear: both;
height:400px\9;/*ie10以下*/
overflow:hidden;
}

.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
width: 980px\9;/*ie10以下*/
margin :0 auto\9;/*ie10以下*/
}

.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

#tenjijou .campaign img{width: 100%;}


@media print, screen and (min-width:769px) {
#annai{max-width: 980px;}
.ggmap-waku {margin :0 auto;width: 50%;}
#annai li.campaign {margin :0;width: 23%;}
}
@media screen and (max-width: 768px) {
#annai li.campaign{margin :0 auto;width:50%;}
.ggmap-waku {margin :0 auto;width: 90%;}
}



/* 展示場お知らせ */

#annai .annai-in{
margin :0;
padding :0 1rem;
}

#annai .annai-in h3{
margin : 0 auto;
padding : .5rem;
border: #5dbaa9 1px dotted;
text-align: center;
border-radius: 1rem;
color:#5dbaa9;
}
#annai .annai-in h3 span{font-size : 1rem;}

#annai .annai-in h4{
margin : 0 auto;
padding :.8rem 0 0 0;
color:#5dbaa9;
}
#annai .annai-in h5{
margin : 1rem auto .5rem auto;
padding :.6rem;
color:#5dbaa9;
text-align: center;
border: #5dbaa9 1px solid;
font-size : 1rem;
}

#annai .annai-in p{
margin :0;
padding :.1rem .3rem;
}
#annai .annai-in img{
width:100%;
}
div.hiroba,div.hirobaevent_2{display:flex;}
div.hiroba p{width:50%;padding-bottom :1rem;}
div.hiroba p img{margin-bottom :.5rem;}

div.hirobaevent{
margin : 0 auto 1em auto;
padding-bottom:1rem;
border-bottom: #ccc 1px dotted;
}
div.hirobaevent p span,div.hirobaevent_2 p span{
font-weight:bold;
color:#5dbaa9;
}

div.hirobaevent p span.r{
color:#ff0000;
}

div.hirobaevent_2 p.hirobaevent_txt{width:70%;padding-bottom :1rem;}
div.hirobaevent_2 p.hirobaevent_imgs{width:30%;padding-bottom :1rem;}



@media print, screen and (min-width:769px) {
div.hirobaevent{display:flex;}
div.hirobaevent p{width:50%;}
}


#annai .annai-in p.jouken{
margin : 0;
padding-left:.5rem;
text-indent:-.5rem;
}

#annai .annai-in .moushikomi{
text-align: center;
padding: 1rem 0 .5rem 0;
}

#annai .annai-in .moushikomi a{
margin : 0 auto;
font-size : 1.15rem;
display: inline-block;
padding: .5rem .8rem;
background: #5dbaa9;
border-radius: .25em;
color: #fff;
text-align: center;
text-decoration: none;
border-bottom: #738e7c 3px solid;
}
#annai .annai-in .moushikomi a:hover {background: #6fa2c2;}

/* フッター */
#juutaku-footer{
margin :0;
padding :0;
font-size : 12px;
line-height : 140%;
clear: both;
width :100%;
text-align: center;
background-color : #5dbaa9;
color : #fff;
overflow:hidden;
min-width: 980px\9;/*ie10以下*/
}

#juutaku-footer-in{
margin :0 auto;
padding :30px 0;
max-width: 980px;
overflow:hidden;
}
#juutaku-footer-in h5{
margin :0 0 6px 0;
padding : 3px 0;
text-align: left;
font-size : 14px;
line-height : 140%;
border-bottom: #fff 1px solid;
color:#fff;
}
#juutaku-footer-in a{
display:block;
padding : 3px;
text-decoration: none;
color:#fff;
}
#juutaku-footer-in a:hover{
background-color : #cfe8de;
color : #70ba5f;
}


#juutaku-footer-in .footer-housing{
margin :0 1%;
padding : 0;
width: 58%\9;/*ie10以下*/
float: left\9;/*ie10以下*/
}
#juutaku-footer-in .footer-housing li{
margin :0;
padding : 0;
text-align: left;
list-style: none;
width :180px\9;/*ie10以下*/
float: left\9;/*ie10以下*/
}

#juutaku-footer-in .footer-kokubu{
margin :0 1%;
padding : 0;
}
#juutaku-footer-in .footer-kokubu li{
margin :0;
padding : 2px 0;
text-align: left;
list-style: none;
width :180px\9;/*ie10以下*/
float: left\9;/*ie10以下*/
}

@media print, screen and (min-width:769px) {
#juutaku-footer-in .footer-housing{width: 58%;float: left;}
#juutaku-footer-in .footer-housing li{width: 33.3%;float: left;}
#juutaku-footer-in .footer-kokubu{width: 38%;float: left;}
#juutaku-footer-in .footer-kokubu li{width: 50%;float: left;}
}

@media only screen and (min-width: 641px) and (max-width: 768px) {
#juutaku-footer-in .footer-housing li{width: 33.3%;float: left;}
#juutaku-footer-in .footer-kokubu{padding-top : 15px;}
#juutaku-footer-in .footer-kokubu li{width: 33.3%;float: left;}
}
 
@media screen and (max-width: 640px) {
#juutaku-footer-in{width: 90%;}
#juutaku-footer-in .footer-kokubu{padding-top : 15px;}
}






/* 個別ページタイトル */
#title-page{
width: 100%;
padding: 5px 0 3px 0;
background: #fff url(img/title_bg.jpg) no-repeat;
background-position: center center;
background-size: 100%;
overflow: hidden;
text-align: center;
min-width: 980px\9;/*ie10以下*/
}

@media print, screen and (min-width:641px) {
#title-page img{width: 30%;}
}
@media screen and (max-width: 640px) {
#title-page img{width: 50%;}
}

/* 個別ページ詳細 */
#shousai-page{
margin : 0 auto;
padding: 10px 0 30px 0;
max-width: 1000px;
overflow: hidden;
text-align: center;
}

#shousai-page .shousai-top{
margin : 0 auto;
max-width: 550px;
padding: 10px 10px 30px 10px;
}

#shousai-page .shousai-top h3{
position: relative;
display: inline-block;
padding: 0 30px;
color:#5dbaa9;
}

#shousai-page .shousai-top h3:before, #shousai-page .shousai-top h3::after{
content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 26px;
height: 2px;
background-color: #5dbaa9;
-moz-transform: rotate(-60deg);
-webkit-transform: rotate(-60deg);
-ms-transform: rotate(-60deg);
transform: rotate(-60deg);
}

#shousai-page .shousai-top h3:before {left:0;}
#shousai-page .shousai-top h3:after {right: 0;}

#shousai-page .shousai-top p{
margin : 0 auto;
padding: 10px 0;
}

#shousai-page .shousai-top a{
padding : 3px 10px;
text-decoration: none;
color:#bc003e;
border: #bc003e 1px solid;
-webkit-border-radius: 6px;
border-radius: 6px;
}
#shousai-page .shousai-top a:hover{
background-color : #bc003e;
color:#ffffff;
}

#shousai-page .shousai-photo{
margin : 0 2%;
width: 60%\9;/*ie10以下*/
float: left\9;/*ie10以下*/
}
#shousai-page .shousai-pr{
margin : 0 2%;
padding: 0;
}
#shousai-page .shousai-pr p{
margin : 0;
padding: 10px 0 0 0;
text-align: left;
}

#shousai-page p.pr-msg{
margin-top: 10px;
padding-top: 20px;
border-top: #a5c5cb 1px dotted;
}

#shousai-page p.pr-msg span{
font-size:1.2em;
font-weight:bold;
text-align: center;
display:block;
}

#shousai-page .shousai-top img{
margin-top : 20px;
width: 90%;
}
#shousai-page .shousai-photo img{
width: 100%;
-webkit-border-radius: 6px;
border-radius: 6px;
}
#shousai-page .shousai-pr img{
margin : 15px 0;
width: 80%;
}

#shousai-page .shousai-menseki{
padding : 15px 0 0 15px;
clear: both;
text-align: left;
}

#shousai-page .shousai-pr p.kouhou{
padding:0;
text-align: center;
font-size :1.2em;
}


@media print, screen and (min-width:769px) {
#shousai-page .shousai-top p{font-size : 1.2em;line-height : 140%;}
#shousai-page .shousai-top p.hp-link{font-size : 1em;}
#shousai-page .shousai-photo{width: 56%;float: left;}
#shousai-page .shousai-pr{font-size : 15px;line-height : 160%;width: 36%;float: right;}
#shousai-page .shousai-menseki{font-size : 14px;}
}
@media screen and (max-width: 768px) {
#shousai-page .shousai-top p{font-size : 1em;line-height : 140%;}
#shousai-page .shousai-pr{font-size : .9em;}
#shousai-page .shousai-menseki{padding : 0 10px;font-size : .8em;text-align: left;}
}


/* 個別ページ詳細 タイトル部分2カラム */

#shousai-page .shousai-top2{
margin : 0 auto;
padding: 10px 10px 30px 10px;
}

#shousai-page .shousai-top2 h3{
position: relative;
display: inline-block;
padding: 0 30px;
color:#5dbaa9;
}


#shousai-page .shousai-top2 h3:before, #shousai-page .shousai-top2 h3::after{
content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 26px;
height: 2px;
background-color: #5dbaa9;
-moz-transform: rotate(-60deg);
-webkit-transform: rotate(-60deg);
-ms-transform: rotate(-60deg);
transform: rotate(-60deg);
}

#shousai-page .shousai-top2 h3:before {left:0;}
#shousai-page .shousai-top2 h3:after {right: 0;}


#shousai-page .shousai-top2 .shousai-yoyaku p{
margin : 0;
padding : .5rem 0;
font-size : 1rem;
text-align: left;
}
#shousai-page .shousai-top2 .shousai-yoyaku img{
max-width:140px;
}

#shousai-page .shousai-top2 ul{
margin : 0;
padding : 0;
list-style: none;
}

#shousai-page .shousai-top2 li{
margin : 0;
padding : 0;
}

#shousai-page .shousai-top2 li.shousai-logo{
padding : 0 0 1rem 0;
}

@media print, screen and (min-width:769px) {
#shousai-page .shousai-top2 li.shousai-logo{
display: inline-block;
width: 58%;
vertical-align: top;}
#shousai-page .shousai-top2 li.shousai-yoyaku{
display: inline-block;
width: 40%;
vertical-align: top;}
}

#shousai-page .shousai-top2 img{
width: 100%;
}

#shousai-page .shousai-top2 a{
padding : 3px 10px;
text-decoration: none;
color:#bc003e;
border: #bc003e 1px solid;
-webkit-border-radius: 6px;
border-radius: 6px;
}
#shousai-page .shousai-top2 a:hover{
background-color : #bc003e;
color:#ffffff;
}


/* 個別ページ　モデルハウス紹介 */

#shousai-movie{
margin : 0 auto;
overflow:hidden;
padding : 20px 0;
clear: both;
}

#shousai-movie h3{
margin : 0 auto;
padding : .5rem 0;
border-top: #5dbaa9 1px dotted;
border-bottom: #5dbaa9 1px dotted;
text-align: center;
color:#5dbaa9;
}

.yt-waku{
margin : 0 auto;
padding : 2rem;
clear: both;
text-align: center;
max-width:960px
}

.youtube
{
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

.com-movie{
margin :  2rem 1rem;
padding : 0;
}

.com-movie p{
margin :  0 auto;
padding : 6rem 1rem;
max-width:600px;
text-align: center;
border: #ddd 1px solid;
background: #f0f0f0;
}

/* 個別ページ　イベント */

#shousai-event{
margin : 0 auto;
overflow:hidden;
padding : 20px 0;
clear: both;
}

#shousai-event h3{
margin : 0 auto;
padding : .5rem 0;
border-top: #5dbaa9 1px dotted;
border-bottom: #5dbaa9 1px dotted;
text-align: center;
color:#5dbaa9;
}

#shousai-event p{
margin : 0 auto;
padding : 1rem 1rem 0 1rem;
text-align: left;
max-width: 1000px;
}

#shousai-event ul{
margin : 0 auto;
padding : 1rem;
max-width: 1000px;
}

#shousai-event li{
list-style: none;
margin : 0;
padding : 0 0 1rem 0;
}

#shousai-event li img{
width: 100%;
}

#shousai-event li img.imgs{
margin : 0 15%;
width: 70%;
}


#shousai-event li.event-inn{
list-style: none;
margin : 0;
padding : 1.5rem;
}

#shousai-event li h4{
font-size : 1.2rem;
text-align: left;
margin : 0 auto;
padding : .3rem 1rem;
color:#5dbaa9;
border-left: #5dbaa9 3px solid;
}

#shousai-event li p{
margin : 0 auto;
padding : .5rem 0;
text-align: left;
}

#shousai-event .r{color:#cd0000;}
#shousai-event .b{font-weight:bold;}

#shousai-event .btnwrap{
margin : 0 auto;
padding : .5rem 0;
text-align: center;
}

#shousai-event .btnwrap a{
margin : 0 auto;
display: inline-block;
padding: .5rem .8rem;
/* width: calc((90% - 2em) / 2); */
background: #5dbaa9;
border-radius: .25em;
color: #fff;
text-align: center;
text-decoration: none;
border-bottom: #738e7c 3px solid;
}
#shousai-event .btnwrap a:hover {background: #6fa2c2;}


#shousai-event table{
border: 1px solid #cbced2;
border-collapse: collapse;
width:100%;
}

#shousai-event td,
#shousai-event th {
padding: .5rem;
text-align: left;
border: 1px solid #cbced2;
border-collapse: collapse;
}
#shousai-event th{
font-weight:normal;
background: #d8f4e5;
}



@media print, screen and (min-width:769px) {
/*#shousai-event p{text-align: center;}*/
#shousai-event ul{
display: flex;
flex-wrap :wrap;
flex-direction: row;
justify-content: center;
}
#shousai-event li{max-width:48%;padding: 0 1% 1.5rem 1%;}
}

@media screen and (max-width:768px) {
#shousai-event td,#shousai-event th {width:100%;display:block;text-align: center;padding: .5rem 0;}
}



/* 個別イベント 2棟同時完成見学会*/
#shousai-event .douji{
margin : 12px auto 0 auto;
text-align: center;
max-width: 980px;
}
#shousai-event .douji h5{
margin : 0 1rem;
padding : 8px 0;
border: #5dbaa9 1px solid;
font-size : 16px;
line-height : 140%;
color:#5dbaa9;
}


/* 展示場リストタイトル */
#tenjijou-page{
margin : 0 auto;
overflow:hidden;
padding : 20px 0;
clear: both;
border-top: #a5c5cb 1px dotted;
min-width: 980px\9;/*ie10以下*/
}

#tenjijou-page .tenjijou-info{
text-align: center;
padding : 0 10px 10px 10px;
font-size : 12px;
line-height : 140%;
}
#tenjijou-page .tenjijou-info img{margin-bottom :10px;}

@media print, screen and (min-width:641px) {
#tenjijou-page .tenjijou-info img{max-width: 300px;}
}
@media screen and (max-width:640px) {
#tenjijou-page .tenjijou-info img{padding : 0;width: 80%;}
}


#tenjijou-page .tenjijou-list ul{
margin :0 auto;
padding : 0 0 20px 0;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
max-width :1000px;
width: 1000px\9;/*ie10以下*/
}

#tenjijou-page .tenjijou-list li{
margin :.5%;
text-align: center;
list-style: none;
width :180px\9;/*ie10以下*/
float: left\9;/*ie10以下*/
margin-bottom :1%\9;/*ie10以下*/
font-size : 13px\9;/*ie10以下*/
position: relative;/*相対配置*/
background: #000;
-webkit-border-radius: 3px;
border-radius: 3px;
}
#tenjijou-page .tenjijou-list li p{
width : 100%;
margin : 0;
padding:0;
font-size : 12px;
line-height : 140%;
text-align:center;
position: absolute;/*絶対配置*/
top: 50%;
left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
color: #fff;
text-shadow: 1px 1px 3px #000;
}
#tenjijou-page .tenjijou-list li a{
display:block;
margin : 0;
padding :0;
text-decoration: none;
}
#tenjijou-page .tenjijou-list a img{
opacity:0.7;
filter:alpha(opacity=70);
-ms-filter:"alpha( opacity=70 )";
}

#tenjijou-page .tenjijou-list img{
-webkit-border-radius: 3px;
border-radius: 3px;
}

@media print, screen and (min-width:769px) {
#tenjijou-page .tenjijou-list li{width: 12%;font-size : 13px;line-height : 140%;}
}

@media screen and (max-width:768px) {
#tenjijou-page .tenjijou-list li{width: 30%;font-size : 12px;line-height : 140%;}
}


#tenjijou-page .tenjijou-list li img{
margin :0;
padding : 0;
width: 100%;
}

#tenjijou-page .tenjijou-list a:hover img{
opacity:1;
filter:alpha(opacity=100);
-ms-filter:"alpha( opacity=100 )";
}



/* SNS */
#j-sns{
box-sizing: border-box;
margin : 0 auto;
overflow:hidden;
padding : 20px 0;
clear: both;
border-top: #a5c5cb 1px dotted;
}


.sns-box{
margin: 0 auto;
padding: 0;
max-width: 300px;
text-align: center;
}

.sns-box p img{
margin:.5rem 1rem;
width: 60px;
}

.sns-box p a{display:inline-block;}


#j-sns p{
margin : 0 auto;
max-width :1000px;
padding :1rem;
}


.sns-waku{
margin : 0 auto;
max-width :1000px;
box-sizing: border-box;
}
.fb-waku,.insta-waku{width :90%;margin : 1rem 5%;}

@media print, screen and (min-width:769px) {
#j-sns p{text-align: center;}
.sns-waku{display: flex;}
.fb-waku,.insta-waku{width :46%;margin : .5rem 2%;}
}

#j-sns h2 {
margin : 0 auto;
max-width :1000px;
padding : .5rem 1rem;
font-size: 1.4rem;
line-height: 1.6rem;
border-bottom: 1px solid black;
box-sizing: border-box;
color: #e91e63;
text-align: center;
}
@media screen and (max-width: 768px)
#j-sns h2 {font-size: 1.15rem;}
}

.fb-waku{
text-align: left;
margin-bottom: 20px;
}
.sns-waku-in{
padding :0 1px;
}

.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe[style]{
max-width:460px;
width: 100% !important;
}


#shousai-page h4.kanzen {
  margin: 2em auto 1.2em auto;
/*  width:120px;*/
  position: relative;
  padding: 0.6em;
  background: red;
  color:#fff;
  border-radius: 10px;
display:inline-block;
}

#shousai-page h4.kanzen:after {
  position: absolute;
  content: '';
  top: 100%;
  left: 35%;
  border: 15px solid transparent;
  border-top: 15px solid red;
  width: 0;
  height: 0;
}
/*#shousai-page .btn-yk{margin-top: 0;}*/




/* コピーライト */
#cr{
padding : 10px 0;
font-size : 10px;
line-height : 12px;
clear: both;
width :100%;
text-align: center;
max-width: 980px\9;/*ie10以下*/
}