* {
	border-sizing:border-box;
	border-collapse:collapse;
	font-family:  'Noto Sans JP', sans-serif ;
}

html {
  overflow-y: scroll;
  overflow-x: hidden;
scroll-behavior:smooth;
}

body {
margin:0 auto;
padding:0;
border-top:5px solid #e4174a;
border-bottom:5px solid #e4174a;
}

@media only screen and (max-width: 768px) {
body {
    padding: 0 0 100px;
}
}

.img-responsive {
  display: inline-block;
  height: auto;
  max-width: 100%;
margin:0 auto;
}
.align_c{
	text-align:center;
}
.align_r{
	text-align:right;
}
.align_l{
	text-align:left;
}
div:after,
ul:after {
 content: "";
display: block;
 clear: both;
}

ul{
 list-style: none;
 margin: 0px;
 padding: 0px;
}

a img {
    transition: opacity 0.2s linear;
}
a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}


/*汎用*/

.pc { display: block !important; }
.sp { display: none !important; }
@media only screen and (max-width: 992px) {
.pc { display: none !important; }
.sp { display: block !important; }
}
.pc2 { display: block !important; }
.sp2 { display: none !important; }
@media only screen and (max-width: 878px) {
.pc2 { display: none !important; }
.sp2 { display: block !important; }
}
.pc3 { display: block !important; }
.sp3 { display: none !important; }
@media only screen and (max-width: 678px) {
.pc3 { display: none !important; }
.sp3 { display: block !important; }
}

.ggmap {
position: relative;
padding-bottom: 66.7%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

@media only screen and (max-width: 768px) {
.ggmap {
padding-bottom: 100%;
}
}

/*header*/

.openinghours{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: wrap;
    max-width: 1120px;
    margin: 0 auto;
}
.openinghours dl{
    background-color:#e4174a;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin:0;
    color:#fff;
    padding:5px 0;
}
.openinghours dt{
    font-size:12px;
    font-weight:normal;
    padding:0 15px;
}
.openinghours dd{
    font-size:12px;
    font-weight:normal;
    margin:0;
    padding:0 15px;
    border-left:2px solid #fff;
    text-align:center;
}
.openinghours dd span{
    font-size:15px;
    font-weight:bold;
    display:block;
}

header{
    display: flex!important;
    flex-wrap: wrap;
    align-items: flex-end;
    max-width:1120px;
    margin:0 auto;
    padding:15px 10px;
}
header .logo{
    margin:0;
    width:calc(100% - 640px);
}
header .logo a{
    color:#000;
    transition: all 0.2s linear;
}
header .logo a:hover{
    color:rgba(0,0,0,0.8);
    text-decoration:none;
    opacity:0.8;
}
header .logo span{
    display: block;
    font-weight: bold;
    font-size: 20px;
    transition: all 0.2s linear;
}
header .logo a:hover span{
    color:rgba(0,0,0,0.8);
    text-decoration:none;
    opacity:0.8;
}
header .logo img{
    width:calc(267px);
}
header .gmenu{
    max-width: 640px;
    width: 100%;
}
header ul{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin:0 auto;
    z-index:100;
}
header ul li{
    width:calc(100% / 5);
    border-left:1px solid #000;
}
header ul li:last-child{
    border-right:1px solid #000;
}
header ul li a{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    text-align:center;
    font-size:15px;
    color:#000;
    background-color:rgba(26,193,217,0);
    transition: all 0.2s linear;
    padding: 9px 0;
    position:relative;
}
header ul li a:hover{
    background-color:rgba(26,193,217,0.1);
    text-decoration:none;
    color:#000;
}
header ul li a span{
    color:#000;
    width:calc(100%);
    font-size:11px;
}



header ul li a::after {
  position: absolute;
  bottom: 0px;
  left: 10%;
  content: '';
  width: 80%;
  height: 2px;
  background: #e01314;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: transform .3s;
}
header ul li a:hover::after {
  transform: scale(1, 1);
}


@media only screen and (max-width: 992px) {
header .logo{
    margin:0 auto;
    width:calc(100%);
    text-align:center;
}
header .logo img{
    width:calc(267px);
}
header .gmenu{
    display:none;
}
}




/*menuSP


header label {
display:none;
}
header input[type="checkbox"].on-off{
    display: none;
}




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

header label {
    color: #BF9734;
    display: inline-block;
    margin: 0;
    position:fixed;
    width: auto;
    top: 0px;
    right: 0px;
    z-index: 9999;
}
header label img{
    width:65px;
    height:65px;
}
header ul {
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -ms-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
    margin: 0;
    padding: 0;
    list-style: none;
position:fixed;
    top: 0px;
background-color:#fff;
display:block;
    z-index:9998;
}


header input[type="checkbox"].on-off + ul{
    height: 0;
    overflow: hidden;
    width: 100%;
    background-color: rgba(255,255,255,0);
    right:0;
    top: 0;
}

header input[type="checkbox"].on-off:checked + ul{
    height: 100%;
    width: 100%;
    background-color: rgba(255,255,255,0.95);
    right:0;
    top: 0;
}

header ul li{
    width:calc(100%);
}

}


*/


/*slider*/
.sliderOuter{
    max-width: 1240px;
    margin: 0 auto;
}
.bx-wrapper {
    -moz-box-shadow:none!important;
    -webkit-box-shadow:none!important;
    box-shadow:none!important;
    border:none!important;
    background:none!important;
}
.bx-wrapper .bx-controls-direction a {
    z-index: 99!important;
}
.bx-wrapper .bx-controls-direction a {
    top: 0!important;
    margin-top: 0!important;
    width: 79px!important;
    height: 100%!important;
    background-size: cover!important;
    background-position: center!important;
}
.bx-wrapper .bx-prev {
    left: 0px!important;
    background: url(images/slidearrow_L.png) no-repeat!important;
}

.bx-wrapper .bx-next {
    right: 0px!important;
    background: url(images/slidearrow_R.png) no-repeat!important;
}
@media only screen and (max-width: 768px) {
.bx-wrapper .bx-controls-direction a {
    width: 40px!important;
}
}


/*infomation*/

.baseSquare{
    background-image:url(images/bg_square.png);
    background-position: top center;
}
.baseSquareTop{
    background-image: url(images/bg_Information_v2.png);
    background-position: top center;
    background-size: cover;
}
.subTitle{
    text-align:center;
    padding: 10px 0 0;
}

.infoHeadA{
    background-color:#e4174a;
    border-radius:5px 5px 0px 0px ;
}
.infoHeadB{
    background-color:#2b49b3;
    border-radius:5px 5px 0px 0px ;
}
.infoHeadA,
.infoHeadB{
    margin: 30px 0 0;
}
.infoHeadA h4,
.infoHeadB h4{
    font-size:18px;
    color:#fff;
    text-align:center;
    padding: 20px 0;
    margin:0;
}
.infoBodyA,
.infoBodyB{
    background-color:#fff;
    margin: 0 0 30px;
    padding:15px 15px 15px;
}

.infoBoxA ,
.infoBoxB {
    margin:0 0 15px;
}
.infoBoxA{border-top:2px solid #e4174a;border-left:2px solid #e4174a;}
.infoBoxB{border-top:2px solid #2b49b3;border-left:2px solid #2b49b3;}

.infoBoxA dl{border-bottom:2px solid #e4174a; margin:0;}
.infoBoxB dl{border-bottom:2px solid #2b49b3; margin:0;}

.infoBoxA dl,
.infoBoxB dl{
    margin:0;
    display: flex;
    flex-wrap: wrap;
    font-size:14px;
}

.infoBoxA dt,
.infoBoxB dt{
    width:calc(220px);
    color:#fff;
    font-weight:normal;
    text-align:center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.infoBoxA dt{background-color:#e4174a;}
.infoBoxB dt{background-color:#2b49b3;}

.infoBoxA dd,
.infoBoxB dd{
    margin:0;
    width:calc(100% - 220px);
    text-align:center;
}
.infoBoxA a,
.infoBoxB a{
    padding:10px;
    display:block;
    color:#000;
}
@media only screen and (max-width: 1200px) {
.infoBoxA dt, .infoBoxB dt{width:calc(100%);}
.infoBoxA dd, .infoBoxB dd{width:calc(100%);}
}
@media only screen and (max-width: 992px) {
.infoBoxA dt, .infoBoxB dt{width:calc(220px);}
.infoBoxA dd, .infoBoxB dd{width:calc(100% - 220px);}
}
@media only screen and (max-width: 768px) {
.infoBoxA dt, .infoBoxB dt{width:calc(100%);}
.infoBoxA dd, .infoBoxB dd{width:calc(100%);}
}

.facebookInfo{
    background-color:#3663b2;
    
}

.twitterOuter iframe{
    margin: 0 auto!important;
    display: block!important;
}

/*topEvent*/

.topEventHead{
    background-image: url(images/bg_event.png);
    background-position:center;
    background-size: cover;
    padding: 30px 0;
}

.bgcolor01{background-color:#E981AA;}
.bgcolor02{background-color:#5CB7DC;}
.bgcolor03{background-color:#EFA138;}
.bgcolor04{background-color:#4E7FD0;}
.bgcolor05{background-color:#48B265;}

.topEventList{}
.topEventList ul{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
} 
.topEventList ul li{
    width:calc(18%);
    margin: 0 1% 2%;
    border:1px solid #A3A3A3;
    padding:10px;
    transition: all 0.2s linear;
    background-color: #fff;
}
.eventThumb:hover{
    opacity:0.8;
}
.topEventList ul li h4{
    font-size:18px;
    color:#fff;
    text-align:center;
}
.topEventList ul li a{
    color:#000;
    transition: all 0.2s linear;
}
.topEventList ul li a span{
    font-size:15px;
    color:#646464;
}
.topEventList ul li a p{
    font-size:15px;
}
.eventThumb{
    background-color: #ececec;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: all 0.2s linear;
}
.eventMore{
    text-align:right;
    font-size:12px;
    position:relative;
    padding:0 20px 0 0;
}
.eventMore:after{
    color:#e4174a;
    font-family: "Font Awesome 5 free";
    content: "\f105";
    font-weight : 900;
    position: absolute;
    top: 55%;
    right: 5px;
    transform: translateY(-50%);
    -webkit- transform: translateY(-50%);
}

@media only screen and (max-width: 992px) {
.topEventList ul li{
    width:calc(31%);
    margin:0 1% 15px;
}
}
@media only screen and (max-width: 678px) {
.topEventList ul li{
    width:calc(48%);
    margin:0 1% 15px;
}
}


/*ModelhouseHead*/

.topModelhouseHead{
    background-image: url(images/bg_modelhouse.png);
    background-size: contain;
    padding: 30px 0;
    background-repeat: no-repeat;
    background-position:center;
}

.introText p{
    text-align:center;
}


.bdcolor01{border-color:#E981AA!important;}
.bdcolor02{border-color:#5CB7DC!important;}
.bdcolor03{border-color:#EFA138!important;}
.bdcolor04{border-color:#4E7FD0!important;}
.bdcolor05{border-color:#48B265!important;}

.bgcolor01a{background-color:rgba(233, 129, 170, 0.7);}
.bgcolor02a{background-color:rgba(92, 183, 220, 0.7);}
.bgcolor03a{background-color:rgba(239, 161, 56, 0.7);}
.bgcolor04a{background-color:rgba(78, 127, 208, 0.7);}
.bgcolor05a{background-color:rgba(72, 178, 101, 0.7);}


.topModelhouseList{
    margin:0 0 50px;
}
.topModelhouseList ul{
    display: flex;
justify-content: center;
    flex-wrap: wrap;
    max-width: 1200px;
    margin: 0 auto;
}
.topModelhouseList ul li{
    background-size: cover;
    background-position: center;
    width:calc(20%);
    border:8px solid;
    position:relative;
    border-radius:300px;
    overflow: hidden;
    max-width:175px;
    margin:0 auto;
    text-align:center;
}
.topModelhouseList ul li a{
    color:#fff;
}
.topModelhouseList ul li a:hover{
    color:#fff;
    text-decoration:none;
}
.topModelhouseList ul li a h4{
    position:absolute;
    width:100%;
    text-align:center;
    top: 50%;
    transform: translateY(-50%);
    -webkit- transform: translateY(-50%);
    margin: 0;
    padding: 2px 0;
    font-size: 25px;
    transition: all 0.3s linear;
}
.topModelhouseList ul li a:hover h4{
    padding:100px 0;
    border-radius: 200px;
}

.baseLink{
    margin:30px 0;
}
.baseLink a{
    color:#fff;
    background-color:#e4174a;
    display:block;
    width:100%;
    font-size:21px;
    text-align:center;
    padding:15px 30px;
    transition: all 0.2s linear;
    position:relative;
}
.baseLink a:hover{
    color:#fff;
    text-decoration:none;
}
.baseLink a:after{
    font-family: "Font Awesome 5 free";
    content: "\f105";
    font-weight : 900;
    position: absolute;
    top:50%;
    right: 15px;
    transform: translateY(-50%);
    -webkit- transform: translateY(-50%);
}

.bannerSect{}
.bannerSect ul{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.bannerSect li{
    padding:15px;
}
.bannerSect li a{}
.bannerSect li a img{
    border:1px solid #a3a3a3;
}

@media only screen and (max-width: 992px) {
.topModelhouseList ul li{
    width:calc(100% / 3);
    margin: 35px;
}
}
@media only screen and (max-width: 768px) {
.topModelhouseList ul li{
    width:calc(100% / 2);
    margin: 40px;
}
.baseLink{
    margin:0px 0 30px;
}
}
@media only screen and (max-width: 568px) {
.topModelhouseList ul li{
    width:calc(100% / 2);
    margin: 10px;
}
}
@media only screen and (max-width: 468px) {
.topModelhouseList ul li{
    width:calc(100%);
    margin: 10px;
}
}


/*footer*/

footer{

    margin:50px 0 0;
}

.footerLogo a {
    color:#000;
    text-decoration:none;
    transition: all 0.2s linear;
}
.footerLogo a:hover {
    color:rgba(0,0,0,0.7);
    text-decoration:none;
}
.footerLogo span {
    display: block;
    font-weight: bold;
    font-size: 20px;
}

.footerInfo{}
.footerInfo dl{
    border-top:1px dashed #828282;
    border-bottom:1px dashed #828282;
    margin:0 0 -1px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    height: 100px;
}
.footerInfo dt{
    border-left:4px solid;
    width:calc(130px);
    font-size:13px;
    padding: 5px 8px;
}
.footerInfo dd{
    font-size:12px;
    margin:0;
}
.footerInfo dl dd:nth-child(2){
    width:calc(100% - 280px);
    padding: 0 10px 0 0;
}
.footerInfo dl dd:nth-child(3){
    width:calc(150px);
}

@media only screen and (max-width: 568px) {
.footerInfo dl{
    height: auto;
    padding: 10px;
}
.footerInfo dt{
    border-left:4px solid;
    width:calc(100%);
}
.footerInfo dl dd:nth-child(2){
    width:calc(100%);
    padding: 0 10px;
}
.footerInfo dl dd:nth-child(3){
    width:calc(100%);
    text-align: right;
}
}

.footerBottom{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    max-width:1160px;
    margin:15px auto 0;
}
.footerBottom div:nth-child(1){
    font-size:10px;
    width:calc(100% - 240px);
}
.footerBottom div:nth-child(2){
    font-size:12px;
    width:calc(180px);
}
.footerBottom div:nth-child(2) a{
    color:#000;
}
.footerBottom div:nth-child(2) a:before{
    font-family: "Font Awesome 5 free";
    content: "\f105";
    font-weight : 900;
    color:#e4174a;
}
.footerBottom div:nth-child(3){
    width:calc(60px);
}

@media only screen and (max-width: 768px) {
.footerBottom div:nth-child(1){
    width:calc(100%);
}
.footerBottom div:nth-child(2){
    width:calc(100% - 60px);
}
.footerBottom div:nth-child(2) a{
    padding:0 10px;
}
.footerBottom div:nth-child(3){
    width:calc(60px);
    margin:5px 0 0;
}
}


/*totop & side*/

.sideMenu{
    position: fixed;
    z-index: 9999;
    bottom: 55px;
    right: 0;
}
.sideMenu ul{
    margin:0;
}
.sideMenu li{
    margin:5px 0 0;
}

@media only screen and (max-width: 768px) {
.sideMenu{
    bottom: 0;
    right: 0;
    width:100%;
}
.sideMenu ul{
    margin:0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    width:100%;
    border-left:2px solid rgba(255,255,255,0.5);
}
.sideMenu li{
    width: calc(100% / 5);
    text-align:center;
    border-right:2px solid rgba(255,255,255,0.5);
}
.sideMenu li a{
    background-color:#e4174a;
    display:block;
}
}


/*subpage*/

.subPageTitle{
    text-align:center;
    padding:30px 10px;
}
.baseOuterPink{
    background-color:#ffeef0;
    padding:30px 10px;
}
.modelhouseBottom{
    background-color:#f37181;
    background-image:url(images/svg/item_townline.svg);
    background-position:bottom;
    background-repeat:repeat-x;
    margin-bottom:60px;
    padding:50px 10px;
    text-align:center;
    color:#fff;
    font-size:14px;
}

.telLink{}
.telLink a{
    pointer-events: none;
    color:#fff;
    font-size:32px;
    font-weight:bold;
    border-bottom: 1px solid #fff;
    width: 100%;
    max-width: 290px;
    height: 50px;
    margin: 0 auto;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    position:relative;
    transition: all 0.2s linear;
}
.telLink a:before{
    font-family: "Font Awesome 5 free";
    content: "\f095";
    font-weight : 900;
 display: inline-block;
-moz-transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
margin:0 5px 0 0;
    font-size:28px;
}
.rezLink{}
.rezLink a{
    color: #fff;
    background-color:rgba(255,255,255,0);
    font-size: 21px;
    border: 1px solid #fff;
    width: 100%;
    max-width: 290px;
    height: 50px;
    margin: 0 auto;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    position:relative;
    transition: all 0.2s linear;
}
.rezLink a:hover{
    color: #fff;
    background-color:rgba(255,255,255,0.2);
    text-decoration:none;
}
.rezLink a:after{
    font-family: "Font Awesome 5 free";
    content: "\f105";
    font-weight : 900;
    position: absolute;
    top:50%;
    right: 15px;
    transform: translateY(-50%);
    -webkit- transform: translateY(-50%);
}

.elseOr{
    padding:15px;
}

@media only screen and (max-width: 678px) {
.telLink a{
    pointer-events: auto;
    font-size: 21px;
    border: 1px solid #fff;
    background-color:rgba(255,255,255,0);
}
.telLink a:hover{
    color: #fff;
    background-color:rgba(255,255,255,0.2);
    text-decoration:none;
}
.telLink a:before{
    font-size:18px;
}
.telLink a:after{
    font-family: "Font Awesome 5 free";
    content: "\f105";
    font-weight : 900;
    position: absolute;
    top:50%;
    right: 15px;
    transform: translateY(-50%);
    -webkit- transform: translateY(-50%);
}



}


/**/

.infoBodyPagerA{}
.infoBodyPagerB{}
.infoBodyPagerA ul{border-top: 2px solid #e4174a;}
.infoBodyPagerB ul{border-top: 2px solid #2b49b3;}
.infoBodyPagerA ul,
.infoBodyPagerB ul{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin: 0;
    padding: 15px 0 0;
}
.infoBodyPagerA li,
.infoBodyPagerB li{
    padding:5px;
}
.infoBodyPagerA li p,
.infoBodyPagerA li a,
.infoBodyPagerB li p,
.infoBodyPagerB li a{
    margin:0;
    padding:0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    width: 50px;
    height: 50px;
    border-radius: 2px;
}
.infoBodyPagerA li p,
.infoBodyPagerB li p{
    background-color:#eee;
    color:#000;
}
.infoBodyPagerA li a{
    background-color:#e4174a;
    color:#fff;
    text-decoration:none;
    transition: all 0.2s linear;
}
.infoBodyPagerB li a{
    background-color:#2b49b3;
    color:#fff;
    text-decoration:none;
    transition: all 0.2s linear;
}
.infoBodyPagerA li a:hover{
    background-color:#ec5c80;
}
.infoBodyPagerB li a:hover{
    background-color:#6a7fca;
}

.infoBodyA .infoDetailHead{}
.infoBodyB .infoDetailHead{}

.infoBodyA .infoDetailHead .category1,
.infoBodyB .infoDetailHead .category1{
    color:#fff;
    font-size: 0.8em;
    padding: 5px 10px;
    display: inline-block;
}
.infoBodyA .infoDetailHead .category1{
    background-color:#e4174a;
}
.infoBodyB .infoDetailHead .category1{
    background-color:#2b49b3;
}

.infoBodyA .infoDetailHead .category2,
.infoBodyB .infoDetailHead .category2{
    font-size: 0.9em;
    display: block;
    text-align: right;
}
.infoBodyA .infoDetailHead h4,
.infoBodyB .infoDetailHead h4{
    text-align: center;
    padding: 20px 0 10px;
}
.infoBodyA .infoDetailHead{
    border-bottom: 1px solid #ec5c80;
}
.infoBodyB .infoDetailHead{
    border-bottom: 1px solid #6a7fca;
}

.infoBodyA .infoDetailBody,
.infoBodyB .infoDetailBody{
    padding:30px 0;
}
.infoBodyA .infoDetailBody p{}



.infoBodyA .infoDetailFoot,
.infoBodyB .infoDetailFoot{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin: 0;
    padding: 15px 0 0;
}

.infoBodyA .infoDetailFoot{
    border-top: 2px solid #e4174a;
}
.infoBodyB .infoDetailFoot{
    border-top: 2px solid #2b49b3;
}
.infoBodyA .infoDetailFoot a,
.infoBodyB .infoDetailFoot a{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    width:100%;
    max-width: 170px;
    padding: 5px;
    color:#fff;
    transition: all 0.2s linear;
}
.infoBodyA .infoDetailFoot a,
.infoBodyB .infoDetailFoot a{
    color:#fff;
    text-decoration:none;
}

.infoBodyA .infoDetailFoot a{
    background-color:#e4174a;
}
.infoBodyA .infoDetailFoot a:hover{
    background-color:#ec5c80;
}
.infoBodyB .infoDetailFoot a{
    background-color:#2b49b3;
}
.infoBodyB .infoDetailFoot a:hover{
    background-color:#6a7fca;
}


/**/

.mhDetailHead{
    background-color:#fff;
    max-width:1160px;
    margin:0 auto;
    border-bottom:2px solid #d0d0d0;
    padding:0 10px;
}
.mhDetailHeadinner{
    max-width:1030px;
    margin:0 auto;
    padding: 30px 0 0;
}
.makerName{
    padding: 0px 0 30px;
}
.makerName h4{
    font-size:32px;
    font-weight:normal;
    margin:0;
}
.makerLink{
    padding: 0px 0 30px;
}
.makerLink dl{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin:0;
}
.makerLink dt{
    width:calc(100% - 200px);
    text-align:right;
}
.makerLink dd{
    margin:0;
    width:200px;
}
.makerLink dd a{
    font-size:17px;
    border:2px solid #e4174a;
    color: #e4174a;
    width:200px;
    height:55px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    transition: all 0.2s linear;
    border-radius:5px;
    background-color: rgba(228, 23, 74, 0);
}
.makerLink dd a:first-child {
    margin: 0 0 10px;
}
.makerLink dd a:hover{
    color: #e4174a;
    background-color: rgba(228, 23, 74, 0.05);
    text-decoration:none;
}



.mhDetailBody{
    background-color:#fff;
    max-width:1160px;
    margin:0 auto;
    background-image:url(images/bg_leaf.png);
    background-position:top right;
    background-repeat:no-repeat;
}
.mhDetailBodyInner{
    max-width:1030px;
    margin:0 auto;
    padding: 30px 0 0;
}

.makerInfo{
    padding:30px 0 0;
}
.makerInfo dl{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin:0;
}
.makerInfo dt{
    font-size: 17px;
    background-color: #e4174a;
    border-radius: 5px;
    color: #fff;
    font-weight: normal;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    width: 190px;
    height: 55px;
}
.makerInfo dd{
    margin:0;
    font-size:32px;
    padding:10px;
    background-color: rgba(255,255,255,0.8);
}

.makerInfo span{
    font-size:27px;
}
.makerInfo p{
    font-size:17px;
}

.mhDetailSlider{
    background-color:#fff;
    max-width:1160px;
    margin: 0 auto;
    padding: 10px;
}
.mhDetailSliderInner{
    max-width:1000px;
    margin: 0 auto;
}

.custom-thumb{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin: 0 -10px;
}
.custom-thumb div{
    width:calc(25% - 20px);
    background-size: cover;
    background-position: center;
    margin:0 10px;
}
.custom-thumb div a{
    
}
.custom-thumb div a img{
    width:100%;
}
@media only screen and (max-width: 678px) {
.custom-thumb div{
    width:calc(25% - 20px);
}
}

.mhDetailList{
    background-color:#fff;
    max-width:1160px;
    margin: 0 auto;
    padding:30px 10px;
}
.mhDetailList dl{
    background-color:#ffeef0;
    max-width:1000px;
    margin: 10px auto 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    font-size:14px;
    padding:10px;
}
.mhDetailList dt{
    width:calc(150px);
    padding:10px;
    text-align:center;
}
.mhDetailList dd{
    width:calc(100% - 150px);
    margin:0 auto;
    padding:10px;
}
@media only screen and (max-width: 568px) {
.mhDetailList dt{
    width:calc(100%);
    padding:0px 10px 10px;
    border-bottom:1px solid #e4174a;
}
.mhDetailList dd{
    width:calc(100%);
    padding:10px 10px 0px;
}
}


.mhDetailTips{
    background-color:#fff;
    max-width:1160px;
    margin: 0 auto;
    padding:30px 10px;
}
.mhDetailTips dl{
    border-top:1px solid #000;
    max-width:1000px;
    margin: 0 auto;
    padding:30px 0 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.mhDetailTips dt{
    font-size: 20px;
    width: 125px;
    height: 125px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    border: 1px solid #000;
    border-radius: 100px;
}
.mhDetailTips dd{
    /*width:calc(100% - 125px);*/
    width:calc(100%);
    margin:0;
    padding:10px;
}
.mhDetailTips dd span{
    font-size:27px;
}
.mhDetailTips dd p{
    font-size:17px;
    margin:0;
}
@media only screen and (max-width: 568px) {
.mhDetailTips dt{
    margin:0 auto;
}
.mhDetailTips dd{
    width:calc(100%);
}

}

/*search*/


.searchCheckList{
    margin:0 auto 50px;
    padding:0 0 50px;
    max-width:1160px;
    border-bottom:1px solid #a0a0a0;
}

.searchCheckList h4{
    border-left: 10px solid #e4174a;
    border-bottom: 1px solid #e4174a;
    padding: 5px;
    margin: 5px 5px 15px;
    font-size: 1.3em;
}

#type01, #type02, #type03, #type04, #type05, 
#maker00,
#maker01, #maker02, #maker03, #maker04, #maker05, 
#maker06, #maker07, #maker08, #maker09, #maker10, 
#maker11, #maker12, #maker13, #maker14, #maker15, 
#maker16, #maker17, #maker18, #maker19, #maker20,
#maker21, #maker22, #maker23, #maker24, #maker25, 
#maker26, #maker27, #maker28, #maker29, #maker30, 
#maker31, #maker32, #maker33, #maker34, #maker35, 
#maker36, #maker37, #maker38, #maker39, #maker40,
#maker41, #maker42, #maker43, #maker44, #maker45, 
#maker46, #maker47, #maker48, #maker49, #maker50, 
#maker51, #maker52, #maker53, #maker54, #maker55, 
#maker56, #maker57, #maker58, #maker59, #maker60  {
display:none;
}


label {
	display: block;
	margin-bottom: 10px;
	font-weight: bold;
	width: 100%;
	vertical-align: top;
	position:relative;
}

.choice ul{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
list-style:none;
margin:0 auto 20px;
padding:0;
max-width:1160px;
}
.choice li{
width:calc(100% / 4);
}
@media only screen and (max-width: 992px) {
.choice li{width:calc(100% / 3);}}
@media only screen and (max-width: 678px) {
.choice li{width:calc(100% / 2);}}
@media only screen and (max-width: 468px) {
.choice li{font-size: 12px;}}


.choice label[for=type01], .choice label[for=type02],
.choice label[for=type03], .choice label[for=type04],
.choice label[for=type05],
.choice label[for=maker00],
.choice label[for=maker01], .choice label[for=maker02],
.choice label[for=maker03], .choice label[for=maker04],
.choice label[for=maker05], .choice label[for=maker06],
.choice label[for=maker07], .choice label[for=maker08],
.choice label[for=maker09], .choice label[for=maker10],
.choice label[for=maker11], .choice label[for=maker12],
.choice label[for=maker13], .choice label[for=maker14],
.choice label[for=maker15], .choice label[for=maker16],
.choice label[for=maker17], .choice label[for=maker18],
.choice label[for=maker19], .choice label[for=maker20],
.choice label[for=maker21], .choice label[for=maker22],
.choice label[for=maker23], .choice label[for=maker24],
.choice label[for=maker25], .choice label[for=maker26],
.choice label[for=maker27], .choice label[for=maker28],
.choice label[for=maker29], .choice label[for=maker30],
.choice label[for=maker31], .choice label[for=maker32],
.choice label[for=maker33], .choice label[for=maker34],
.choice label[for=maker35], .choice label[for=maker36],
.choice label[for=maker37], .choice label[for=maker38],
.choice label[for=maker39], .choice label[for=maker40],
.choice label[for=maker41], .choice label[for=maker42],
.choice label[for=maker43], .choice label[for=maker44],
.choice label[for=maker45], .choice label[for=maker46],
.choice label[for=maker47], .choice label[for=maker48],
.choice label[for=maker49], .choice label[for=maker50],
.choice label[for=maker51], .choice label[for=maker52],
.choice label[for=maker53], .choice label[for=maker54],
.choice label[for=maker55], .choice label[for=maker56],
.choice label[for=maker57], .choice label[for=maker58],
.choice label[for=maker59], .choice label[for=maker60] {
    width: 96%;
    font-weight: normal;
    background-color: #ddf0ff;
    text-align: left;
    border-radius: 5px;
    padding: 10px 10px 10px 40px;
    position: relative;
    transition: all 0.2s linear;
    height: 80px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 0 2% 4%;
	cursor: pointer;
}
@media only screen and (max-width: 468px) {

.choice label[for=type01], .choice label[for=type02],
.choice label[for=type03], .choice label[for=type04],
.choice label[for=type05],
.choice label[for=maker00],
.choice label[for=maker01], .choice label[for=maker02],
.choice label[for=maker03], .choice label[for=maker04],
.choice label[for=maker05], .choice label[for=maker06],
.choice label[for=maker07], .choice label[for=maker08],
.choice label[for=maker09], .choice label[for=maker10],
.choice label[for=maker11], .choice label[for=maker12],
.choice label[for=maker13], .choice label[for=maker14],
.choice label[for=maker15], .choice label[for=maker16],
.choice label[for=maker17], .choice label[for=maker18],
.choice label[for=maker19], .choice label[for=maker20],
.choice label[for=maker21], .choice label[for=maker22],
.choice label[for=maker23], .choice label[for=maker24],
.choice label[for=maker25], .choice label[for=maker26],
.choice label[for=maker27], .choice label[for=maker28],
.choice label[for=maker29], .choice label[for=maker30],
.choice label[for=maker31], .choice label[for=maker32],
.choice label[for=maker33], .choice label[for=maker34],
.choice label[for=maker35], .choice label[for=maker36],
.choice label[for=maker37], .choice label[for=maker38],
.choice label[for=maker39], .choice label[for=maker40],
.choice label[for=maker41], .choice label[for=maker42],
.choice label[for=maker43], .choice label[for=maker44],
.choice label[for=maker45], .choice label[for=maker46],
.choice label[for=maker47], .choice label[for=maker48],
.choice label[for=maker49], .choice label[for=maker50],
.choice label[for=maker51], .choice label[for=maker52],
.choice label[for=maker53], .choice label[for=maker54],
.choice label[for=maker55], .choice label[for=maker56],
.choice label[for=maker57], .choice label[for=maker58],
.choice label[for=maker59], .choice label[for=maker60] {
    padding: 0px 0px 0px 25px;
    height: 50px;
}
}

.choice label[for=type01]:hover, .choice label[for=type02]:hover,
.choice label[for=type03]:hover, .choice label[for=type04]:hover,
.choice label[for=type05]:hover,
.choice label[for=maker00]:hover,
.choice label[for=maker01]:hover, .choice label[for=maker02]:hover,
.choice label[for=maker03]:hover, .choice label[for=maker04]:hover,
.choice label[for=maker05]:hover, .choice label[for=maker06]:hover,
.choice label[for=maker07]:hover, .choice label[for=maker08]:hover,
.choice label[for=maker09]:hover, .choice label[for=maker10]:hover,
.choice label[for=maker11]:hover, .choice label[for=maker12]:hover,
.choice label[for=maker13]:hover, .choice label[for=maker14]:hover,
.choice label[for=maker15]:hover, .choice label[for=maker16]:hover,
.choice label[for=maker17]:hover, .choice label[for=maker18]:hover,
.choice label[for=maker19]:hover, .choice label[for=maker20]:hover,
.choice label[for=maker21]:hover, .choice label[for=maker22]:hover,
.choice label[for=maker23]:hover, .choice label[for=maker24]:hover,
.choice label[for=maker25]:hover, .choice label[for=maker26]:hover,
.choice label[for=maker27]:hover, .choice label[for=maker28]:hover,
.choice label[for=maker29]:hover, .choice label[for=maker30]:hover,
.choice label[for=maker31]:hover, .choice label[for=maker32]:hover,
.choice label[for=maker33]:hover, .choice label[for=maker34]:hover,
.choice label[for=maker35]:hover, .choice label[for=maker36]:hover,
.choice label[for=maker37]:hover, .choice label[for=maker38]:hover,
.choice label[for=maker39]:hover, .choice label[for=maker40]:hover,
.choice label[for=maker41]:hover, .choice label[for=maker42]:hover,
.choice label[for=maker43]:hover, .choice label[for=maker44]:hover,
.choice label[for=maker45]:hover, .choice label[for=maker46]:hover,
.choice label[for=maker47]:hover, .choice label[for=maker48]:hover,
.choice label[for=maker49]:hover, .choice label[for=maker50]:hover,
.choice label[for=maker51]:hover, .choice label[for=maker52]:hover,
.choice label[for=maker53]:hover, .choice label[for=maker54]:hover,
.choice label[for=maker55]:hover, .choice label[for=maker56]:hover,
.choice label[for=maker57]:hover, .choice label[for=maker58]:hover,
.choice label[for=maker59]:hover, .choice label[for=maker60]:hover
 {
    background-color: #00B66E;
    color: white;
}


.choice label::before {
    font-family: "Font Awesome 5 free";
    content: "\f0c8";    
    font-weight:bold;
    position: absolute;
    left: 10px;
    display: block;
    color:#fff;
    z-index:5;
    font-size: 1.5em;
    top: 50%;
    transform: translateY(-50%);
    -webkit- transform: translateY(-50%);
}
.choice label::after {
    font-family: "Font Awesome 5 free";
    content: "\f00c";    
    font-weight:bold;
    position: absolute;
    left: 12px;
    display: block;
    color:#ddf0ff;
    z-index:10;
    top: 50%;
    transform: translateY(-50%);
    -webkit- transform: translateY(-50%);
}
@media only screen and (max-width: 468px) {
.choice label::before {
    left: 5px;
}
.choice label::after {
    left: 6px;
}
}


.choice input[type="radio"]:checked + label::after ,
.choice input[type="checkbox"]:checked + label::after {
    color: #e4174a;
}


.choice input:checked + label{
    background-color: #00B66E;
    color: white;
}






input[name=btn_confirm],
input[name=btn_submit],
input[name=btn_back] {
	margin-top: 10px;
    padding: 20px 10px;
	font-size: 16px;
	color: #fff;
	cursor: pointer;
	border: none;
	border-radius: 3px;
	box-shadow: 0 3px 0 #2887d1;
	background: #4eaaf1;
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 450px;
}



/*ExhibitionHall*/

.baseInnerWhite{
     background-color:#fff;
    max-width: 1000px;
    margin: 0 auto;
    padding: 15px;
}

.exbName{
    border-bottom: 3px double #e4174a;
    margin: 0 0 20px;
}
.exbName h4{
    border-bottom: 3px double #ffffff;
    text-align: center;
    padding: 10px;
    background-color: #e4174a;
    color: #fff;
}
.exbImage{
    margin:15px 0;
    text-align: center;
}

.exbInfo{}
.exbInfo dl{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.exbInfo {}
.exbInfo p{}
.exbInfo ul{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.exbInfo ul li{
    width:50%;
    border-left: 10px solid #f18ba4;
    margin:10px 0;
    padding:5px;
}
@media only screen and (max-width: 678px) {
.exbInfo ul li{
    width:100%;
}
}
.modelhouseList h5,
.exbMap h5,
.exbList h5,
.exbAxess h5{
    border-top: 1px solid #e4174a;
    border-bottom: 1px solid #e4174a;
    text-align:center;
    padding:5px;
}
.exbMap h5,
.exbList h5,
.exbAxess h5{
    margin:50px 0 15px;
}

.exbMap{
    max-width:1000px;
    margin:0 auto;
}

.exbAxess{}


.exbList{}
.modelhouseList ul{
    display: flex;
    flex-wrap: wrap;
    margin:0 -10px;
}
.modelhouseList ul li{
    width:calc(25%);
    text-align: center;
    padding:10px;
}
.modelhouseList ul li a{
    border: 1px solid #A3A3A3;
    display:block;
    padding:10px;
    color:#000;
    background-color:#fff;
    transition: all 0.2s linear;
}
.modelhouseList ul li a:hover{
    text-decoration:none;
    background-color:#f2f2f2;
}
.modelhouseList ul li a .place{
    color:#fff;
    margin: 0 0 10px;
}
.modelhouseList ul li a .imgLiquidFill{
    margin: 0 0 10px;
}
.modelhouseList ul li a .maker{
    border-bottom: 1px solid #A3A3A3;
    font-size:0.9em;
}
.modelhouseList ul li a .house_name{
    font-size:0.7em;
}

@media only screen and (max-width: 992px) {
.modelhouseList ul li{width:calc(100% / 3);}
}
@media only screen and (max-width: 678px) {
.modelhouseList ul li{width:calc(100% / 2);}
}
@media only screen and (max-width: 468px) {
.modelhouseList ul li{width:calc(100% / 1);}
}


.searchResult{
    background-color: #ffeef0;
    padding: 30px 15px;
}
.searchResult .modelhouseList{
    max-width:1000px;
    margin:0 auto;
    padding:15px;
    background-color:#fff;
}



.reservationInner{
    max-width:1000px;
    margin:0 auto;
    padding:15px;
    background-color:#fff;
}
.reservationTitle{
    text-align:center;
}

.reservationForm{
    border-top:1px solid #999999;
    padding: 15px 0;
}
.reservationForm2{
    border-top:1px solid #999999;
    padding: 15px 0;
}

.reservationForm  h4,
.reservationForm2 h4{
    font-size: 17px;
    margin: 0;
    display: block;
    padding: 0 0 10px;
}

.reservationForm  .need,
.reservationForm2 .need{
    font-size: 13px;
    color:#fff;
    background-color:#e4174a;
    display:inline-block;
    padding: 1px 4px;
    border-radius: 2px;
    margin: 0 10px;
}

.reservationForm  .tips,
.reservationForm2 .tips{
    font-size: 13px;
}

.reservationForm input{
    border-radius: 5px;
    border: 1px solid #999;
    width: 100%;
    max-width: 450px;
}
.reservationForm  select,
.reservationForm2 select{
    border-radius: 5px;
    border: 1px solid #999;
    width: 100%;
    max-width: 250px;
}
.reservationForm2 input[type="text"]{
    border-radius: 5px;
    border: 1px solid #999;
    width: 100%;
    max-width: 50px;
}
.reservationForm2 dl{
    display: flex;
    flex-wrap: wrap;
    margin: 10px 0 0 30px;
}
.reservationForm2 dt{
    width:7em;
    font-weight:normal;
    font-size:0.9em;
}
.reservationForm2 dd{
    margin:0;
}

@media only screen and (max-width: 468px) {
.reservationForm2 dt{
    width:100%;
}
}

.reservationForm input[name=btn_confirm],
.reservationForm input[name=btn_submit],
.reservationForm input[name=btn_back] {
    margin-top: 10px;
    padding: 20px 10px;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
    border: none;
    border-radius: 3px;
    background: #e4174a;
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 736px;
    box-shadow: none;
}

.accessOuter{
    margin: 0 auto 50px;
    padding-bottom: 50px;
    border-bottom: 2px solid #ccc;
    max-width: 1160px;
}

.accessSect{
    margin: 0 auto;
}
.accessSect h4{}
.accessSect img{}
.accessSect p{}
.accessSect p span{}
.accessSect p a{
    pointer-events:none;
    color:#000;
    text-decoration:none;
}

@media only screen and (max-width: 992px) {
.accessSect p span{
    display:none;
}
.accessSect p a{
    pointer-events: auto;
    color: #000;
    text-decoration: none;
    display: block;
    border: 1px solid #000;
    padding: 15px;
    margin: 10px auto;
    text-align: center;
    border-radius: 10px;
    font-size: 1.5em;
    position:relative;
}
.accessSect p a:after{
    font-family: "Font Awesome 5 free";
    content: "\f105";
    font-weight : 900;
    position: absolute;
    top:50%;
    right: 15px;
    transform: translateY(-50%);
    -webkit- transform: translateY(-50%);
}
}

.reservationOuter{
    background-color: rgba(0, 36, 138, 0.15);
    padding: 30px 15px;
}
.reservationInner{}
.reservationInner p{
    text-align: center;
}
.reservationInner ul{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.reservationInner ul li{
    width: calc(100% / 1);
    padding: 5px;
}
.reservationInner ul li a{
    min-height: 40px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    border-radius: 5px;
    background-color: #ddf0ff;
    color: #000;
    font-weight: normal;
    text-align: left;
    padding: 10px 10px 10px 40px;
    position: relative;
    transition: all 0.2s linear;
}
.reservationInner ul li a:hover{
    color: #000;
    text-decoration:none;
    background-color: #93cfff;
}
.reservationInner ul li a:after{
    font-family: "Font Awesome 5 free";
    content: "\f0da";
    font-weight : 900;
    position: absolute;
    top:50%;
    left: 15px;
    transform: translateY(-50%);
    -webkit- transform: translateY(-50%);
}

@media only screen and (max-width: 568px) {
.reservationInner ul li a{font-size:14px;}}
@media only screen and (max-width: 468px) {
.reservationInner ul li a{
    min-height: 40px;
    padding: 10px 10px 10px 20px;
}
.reservationInner ul li a:after{
    left: 7.5px;
}
.reservationInner ul li a br{
    display:none;
}
}
.topBannerOuter{
    text-align:center;
    margin:0 0 50px;
    padding:15px;
}
.topBannerOuter div{}
.topBannerOuter div img{
    border:1px solid #333;
}

.twitterCaution{
    border: 1px solid #666;
    padding: 10px;
    font-size: 12px;
    color: #666;
    border-radius: 3px;
    margin:10px 0 0;
}
.twitterCaution p{
    margin:0;
}
.twitterCaution a{
    color: #000;
}
.twitterCaution a:hover{
    color: #333;
}