@media screen and (max-width: 684px){
	html {
   		/*overflow: scroll;
  		-webkit-overflow-scrolling: touch;
		overflow-scrolling: touch;*/
	}
	.mv {
        position:relative;
		width:100%;
		height:146VW;
    	background:url("../img/bg2509-1_sp.jpg?v=1") center bottom no-repeat;
		background-size: 100%;
		/*margin-bottom: -3VW;*/
		margin-top: -60px;
	}
	.mv + .btn {
		margin-bottom: 0VW;
		/*margin-top: 20VW;*/
	}
	
    .mv .term {
        position: absolute;
        width: 86%;
        top: 20VW;
		left:0;
		right:0;
		margin:auto;
		z-index: 99;
    }
    .term img,
    .amazon img{
        width: 100%;
        height: auto;
    }
	.mv .grad {
        position: absolute;
		width:100%;
        height: 160px;
        bottom: -5px;
        left:0px;
        background:url("../img/grad_w.png?v=1") center bottom repeat-x;
	}
    .mv .btn {
        position: absolute;
		width:92%;
        height: 15VW;
        bottom: 5VW;
        left:0px;
        right:0px;
        margin:auto;
		z-index: 998;
    }
	
	.alert {
		text-align: left;
		width:96%;
		font-size: 10px;
		padding:6VW 2% 0;
	}
	
    section {
        padding-top:1px;
    }
    section h2 {
        margin:12VW auto;
        padding-bottom:5VW;
		font-size:24px;
    }
	
	/*merit*/
	#merit {
		padding-bottom: 25VW;
	}
	#merit .merit__body {
		padding-top:0VW;
		margin-bottom: 25VW!important;
	}
	#merit .merit__body {
        width:100%;
		margin: 0 auto;
		padding:0 ;
	}
	
	#merit .merit__body ul {
		margin-top:0px;
	}
	#merit .merit__body ul li.merit__text {
        width:92%;
		padding:0VW 4% 5VW;
	}
	#merit .btn {
		margin:15VW auto 0px;
	}
	
	#merit .merit01 ul{
        width:100%;
	}
	#merit .merit__body ul {
		margin: 0 auto 0px;
        width:100%;
	}
	#merit .merit__body ul li {
	}
	#merit .merit__body ul li.merit__text {
		padding-top:0px;
		text-align: left;
	}
	#merit .merit__body ul li.merit__text h3{
		padding-top:5em;
		font-size:20px;
	}
	#merit .merit__body ul li.merit__text p{
		margin-top:30px;
		line-height: 1.5em;
		font-size:14px;
	}
	#merit .merit__body ul li.merit__photo {
        width:100%;
		padding-top:48px;
		padding:0 0%;
	}
	#merit .merit__body ul li.merit__photo img {
        width:100%;
		height:auto;
	}
	#merit .merit01 .merit__text {
        background-image:url("../img/merit01_bg.png");/*先に書いたほうが上になる*/
        background-repeat:no-repeat;
        background-position:right 2% top;
		background-color: #71716c;
		background-size:120%;
		color:#fff;
	}
	#merit .merit02 .merit__text {
        background-image:url("../img/merit02_bg.png");/*先に書いたほうが上になる*/
        background-repeat:no-repeat;
        background-position:right 2% top;
		background-color: #71716c;
		background-size:120%;
		color:#fff;
	}
	#merit .merit03 .merit__text {
        background-image:url("../img/merit03_bg.png");/*先に書いたほうが上になる*/
        background-repeat:no-repeat;
        background-position:right 2% top;
		background-color: #71716c;
		background-size:120%;
		color:#fff;
	}
	#merit .merit__photo {
		background-color: #71716c;
	}
	/*merit*/
	
	/*virtual*/
	
    #virtual {
        background:url("../img/title03.png") right top no-repeat;
		background-size:240%;
        background-color: #fff;
        padding:15VW  0 60px;
    }
	#virtual .virtual__body ul {
		margin: 0 auto 0px;
        width:92%;
	}
	#virtual .virtual__body ul li {
        width:100%;
	}
	#virtual .virtual__body ul li.virtual__text {
		text-align: left;
	}
	#virtual .virtual__body ul li.virtual__text h3{
		font-size:22px;
	}
	#virtual .virtual__body ul li.virtual__text p{
		margin-top:30px;
		font-size:16px;
		line-height: 1.5em;
	}
	#virtual .virtual__body ul li.virtual__photo {
		margin-top:30px;
        width:100%;
        text-align: center;
	}
	#virtual .virtual__body ul li.virtual__photo img {
        width:100%;
        height:auto;
	}
	#virtual .virtual__body ul li.virtual__photo p{
		padding-top:0.5em;
	}
	/*virtual*/
	
	
	
	/*threeblocks*/
	ul.threeblocks {
		width:100%;
		margin:4VW auto 0;
    	display: flex;
		justify-content:space-between;
		flex-wrap: wrap;
	}
	ul.threeblocks li {
		width:92%;
		margin:0 4%;
		margin-bottom:5VH;
	}
	ul.threeblocks li h3{
        padding:20px 0;
		line-height:1em;
		font-size:20px;
		border-bottom:1px solid #FFF;
	}
	ul.threeblocks li p{
		text-align: left;
        padding-top:0.75em;
		line-height:1.57em;
		font-size:14px;
	}
    ul.threeblocks li img{
        width: 100%;
        height: auto;
    }
	/*threeblocks*/
	
	/*showroom*/
    #showroom {
        padding:1px 0 60px;
    }
    #showroom h2 {
        background-image:url("../img/title02e.png");/*先に書いたほうが上になる*/
        background-repeat:no-repeat;
        background-position:center top;
		padding-top:88px;
		font-size: 24px;
    }
	
	#general  {
		padding: 1px 0 60px;
	}
	#general .general_list li {
        position:relative;
		width:100%;
		height:93VW;
		float:left;
		margin-bottom:5VW;
	}
	#general .general_list li img{
		width:100%;
		height:auto;
	}
    .exhibition ul.general_list > li:nth-child(1) {
    	background:url("../img/general01_2408.jpg?v=0") center top no-repeat;
		background-size: 100%;
    }
    .exhibition ul.general_list > li:nth-child(2) {
    	background:url("../img/general02.jpg?v=1") center top no-repeat;
		background-size: 100%;
    }
    .exhibition ul.general_list > li:nth-child(3) {
    	background:url("../img/general03.jpg?v=1") center top no-repeat;
		background-size: 100%;
    }
    .exhibition ul.general_list > li .general_btn01{
        position:absolute;
        bottom:5VW;
        left:5%;
		width:42%;
    }
    .exhibition ul.general_list > li .general_btn02{
        position:absolute;
        bottom:5VW;
        right:5%;
		width:42%;
    }
	
	#cboxPrevious,
	#cboxNext {
		/*display:block!important;*/
  		top: 92%;
	}
	
	.exhibition {
		/*padding-bottom: 3rem;*/
	}
	
	.exhibition h2 {
		background-color: #005bac;
		padding: 1rem;
		text-align: center;
		font-size: 18px;
		color: #fff;
	}
	
	.exhibition .exhibition__inner {
		max-width: 1180px;
		margin: 3rem auto 0;
		padding-left: 15px;
		padding-right: 15px;
		padding-bottom:2rem ;
	}
	
	.exhibition ul.exhibition_list {
		display: flex;
		flex-wrap: wrap;
	}
	
	.exhibition ul.exhibition_list > li {
		width: calc( (100% - 3rem) / 2);
		margin-right: 0.5rem;
		margin-bottom: 1rem;
		background-color: #fff;
		padding: 10px;
		text-align: center;
		box-shadow: 2px 2px 3px #999;
	}
	
	.exhibition ul.exhibition_list > li img {
		width: 100%;
		display: block;
		margin-bottom: 1rem;
	}
	
	.exhibition ul.exhibition_list > li:nth-child(2n) {
		margin-right: 0;
	}
	
	.exhibition ul.exhibition_list > li figcaption {
		font-size: 16px;
		margin: 16px 0;
		font-weight: bold;
		display: block;
	}
	.exhibition ul.exhibition_list > li figcaption small {
		font-size: 9px;
	}

    .exhibition ul.exhibition_list > li .exhibition_list_body {
        padding: 10px 0px 0;
		border-top:1px solid #000;
    }
    .exhibition ul.exhibition_list > li .name {
        margin-bottom:10px;
    }
	
	.exhibition ul.exhibition_list > li span {
		display: block;
		font-size: 12px;
		line-height: 1.5em;
	}
    .exhibition ul.exhibition_list > li .pretext {
        display: block;
        font-size: 12px;
        line-height: 1.5em;
		min-height:85px;
    }
    .exhibition #mikawa ul.exhibition_list > li#showroom03 .pretext {
		display:none;
    }
	
	.exhibition ul.exhibition_list > li a.tel {
		color: #000;
	}
    .exhibition__inner h3 {
        padding:2em 0 1.5em;
        font-size:125%;
    }

    .exhibition ul.exhibition_list > li a.reserveBtn {
        padding: 15px 5px;
        font-size: 16px;
        margin-bottom: 0.5rem;
    }
    .exhibition ul.exhibition_list > li a.reserveBtn:after {
        width: 8px;
        height: 15px;
        top: 50%;
        right: 10px;
        transform: translateY(-50%);
    }
    .exhibition ul.exhibition_list > li .virtualBtn a {
        font-size: 13px;
        margin-bottom: 1rem;
        line-height:44px;
        text-indent:-2em;
    }

    .exhibition ul.exhibition_list > li .virtualBtn {
        height:46px;
        margin-bottom: 0.5rem;
    }

    .exhibition ul.exhibition_list > li .virtualBtn a:after {
        width: 7.5VW;
        height: 5.0VW;
        top: 50%;
        right: 3%;
        transform: translateY(-50%);
		background-size: 100%;
    }
	#cboxOverlay {
		opacity: 1;
	}
	#cboxContent,
    #cboxTopLeft,
    #cboxTopRight,
    #cboxBottomLeft,
    #cboxBottomRight,
    #cboxMiddleLeft,
    #cboxMiddleRight,
    #cboxTopCenter,
    #cboxBottomCenter{ background:none;}
	#cboxClose {
      left: 0px;
      right: 0px;
	bottom: 5VW;
      margin: auto;
    }
	
	#showroom_menu {
	  	padding: 1px 0 15VW;
	}
	#showroom .btn {
		margin:10VW auto 0px;
	}
	.menu {
		width:92%;
		margin:0px auto 0px;
	}
	.menu li {
		width:32%;
		height:30VW;
		float:left;
		margin-right:2%;
	}
	.menu li a {
		width:100%;
		font-size:16px;
		line-height: 1.25em;
		padding:5VW 0 12VW;
		display:block;
		text-align: center;
		color:#000;
    	font-family: "Yu Mincho", "YuMincho","小塚明朝 Pro R","小塚明朝 Std R","Hiragino Mincho ProN","ＭＳ Ｐ明朝", "ＭＳ 明朝","MS PMincho",メイリオ,Meiryo,serif;
		background: url("../img/reader_down.png"),linear-gradient(rgba(210, 190, 111, 1) 0%, rgba(166, 142, 55, 1) 100%);
		background-position:  center bottom 15%;
		background-repeat: no-repeat;
	}
	.menu li.nagoya a {
	}
	.menu li.mikawa a {
	}
	.menu li.general a {
	}
	.menu li:nth-child(3n) {
	}
	.menu li:last-child {
		margin-right:0px;
	}
}

@media screen and (min-width: 685px){
	
	/*フローティングバナー*/
    .fix__btn {
        position: fixed;
        width: 55px;
        height: 193px;
        top: 180px;
        right:0px;
        display: block;
		z-index: 9997;
    }
    .fix__btn li {
        margin-bottom:10px;
    }
	
    #banner-sp.fixed {
		opacity: 1;
		animation-name: fadeUpAnime;
        animation-duration: 0.8s;
        animation-fill-mode: forwards;
    }
	/*フローティングバナー*/
	
	.mv {
		position: relative;
		width:100%;
		height:650px;
    	/*background:url("../img/bg2304.jpg?v=0") center top no-repeat;*/
		overflow: hidden;
		margin-top: -100px;
	}
	.mv .inner{
        position:relative;
		width:1200px;
		height:650px;
		margin:0 auto;
	}
	
    .mv .term {
        position: absolute;
        width: 884px;
        height: 414px;
        top: 30px;
        left:0px;
        right:0px;
        margin:auto;
		z-index: 998;
    }
    .mv .btn {
        position: absolute;
        width: 992px;
        height: 80px;
        bottom: 20px;
        left:0px;
        right:0px;
        margin:auto;
		z-index: 998;
    }
	.mv .grad {
        position: absolute;
		width:100%;
        height: 160px;
        bottom: 0px;
        left:0px;
        background:url("../img/grad_w.png?v=1") center bottom repeat-x;
	}
	
    section h2 {
        margin:80px auto;
        padding-bottom:18px;
		font-size:30px;
    }
	
	.alert {
		text-align: right;
		width:1180px;
		margin:5px auto 0;
		font-size: 12px;
	}
	
	/*merit*/
	#merit {
		width:1180px;
		margin:0px auto 75px;
		padding-top: 1px;
	}
	#merit .merit__body {
		float:left;
		width:380px;
		height:auto;
		margin-bottom:100px;
	}
	#merit .btn {
		margin:0px auto 30px;
	}
	#merit .merit01 {
        background-image:url("../img/merit01_bg.png");/*先に書いたほうが上になる*/
        background-repeat:no-repeat;
        background-position:right -10px top;
		background-color: #71716c;
		background-size: 100%;
		margin-right:20px;
		color:#fff;
	}
	#merit .merit02 {
        background-image:url("../img/merit02_bg.png");/*先に書いたほうが上になる*/
        background-repeat:no-repeat;
        background-position:left 0px top;
		background-color: #71716c;
		background-size: 100%;
		margin-right:20px;
		color:#fff;
	}
	#merit .merit03 {
        background-image:url("../img/merit03_bg.png");/*先に書いたほうが上になる*/
        background-repeat:no-repeat;
        background-position:right -10px top;
		background-color: #71716c;
		background-size: 100%;
		color:#fff;
	}
	#merit .merit01 ul{
        width:100%;
	}
	#merit .merit__body ul {
		margin: 0 auto 0px;
		width:380px;
	}
	#merit .merit__body ul li.merit__text {
		padding-top:48px;
		text-align: left;
	}
	#merit .merit__body ul li.merit__text h3{
		margin-top:78px;
		font-size:30px;
		line-height: 1.25em;
	}
	#merit .merit__body ul li.merit__text p{
		margin-top:30px;
		line-height: 1.5em;
	}
	#merit .merit__body ul li.merit__photo {
        width:100%;
	}
	#merit .merit__body ul li.merit__photo img {
        width:100%;
	}
	
	#merit .merit__body ul.merit__reverse li:first-child {
        margin-right:0px;
	}
	#merit .merit__body ul.merit__reverse li:last-child {
        margin-left:0px;
	}
	#merit .merit__body ul li.merit__text {
		height:290px;
		padding: 20px 20px 0;
        align-items: center;
	}
	#merit .menu {
		margin:150px auto 75px;
	}
	/*merit*/
	
	/*recommend*/
    #recommend {
        padding:1px 0 60px;
    }
	ul.threeblocks {
		width:1180px;
		margin:0 auto;
	}
	ul.threeblocks li {
		width:31.8%;
		float:left;
		margin-right:2.2%;
	}
	ul.threeblocks li:nth-child(3) {
		margin-right:0px;
	}
	ul.threeblocks li h3{
        padding:20px 0;
		line-height:1em;
		font-size:20px;
		border-bottom:1px solid #FFF;
	}
	ul.threeblocks li p{
		text-align: left;
        padding-top:0.75em;
		line-height:1.57em;
		font-size:14px;
	}
	/*threeblocks*/
	
	/*virtual*/
	
    #virtual {
        background:url("../img/title03.png") center top no-repeat;
        background-color: #fff;
    }
    #virtual {
        padding:1px 0 60px;
    }
	#virtual .virtual__body ul {
		margin: 0 auto 0px;
        width:1140px;
	}
	#virtual .virtual__body ul li {
        width:570px;
		float:left;
	}
	#virtual .virtual__body ul li.virtual__text {
		text-align: left;
	}
	#virtual .virtual__body ul li.virtual__text h3{
		font-size:24px;
	}
	#virtual .virtual__body ul li.virtual__text p{
		margin-top:30px;
		font-size:20px;
		line-height: 1.5em;
	}
	#virtual .virtual__body ul li.virtual__photo {
        width:570px;
        text-align: center;
	}
	#virtual .virtual__body ul li.virtual__photo p{
		padding-top:0.5em;
	}
	/*virtual*/
	
	/*showroom*/
    #showroom {
        padding:1px 0 60px;
    }
    #showroom h2 {
        background-image:url("../img/title02e.png");/*先に書いたほうが上になる*/
        background-repeat:no-repeat;
        background-position:center top;
		padding-top:88px;
		font-size:38px;
    }
	#showroom .btn {
		margin:80px auto 0px;
	}

    .exhibition .exhibition__inner {
        margin: 3rem auto 0;
    }
    .exhibition {
        padding-top: 3rem;
    }
    .exhibition ul.exhibition_list > li a.reserveBtn {
        margin-bottom: 60px;
    }
    .exhibition__inner h3 {
        padding:2em 0 1.5em;
        font-size:180%;
    }
	
    /*showroom*/

    .exhibition {
        padding-bottom: 5rem;
    }

    .exhibition h2 {
        background-color: #005bac;
        padding: 1rem;
        text-align: center;
        font-size: 26px;
        color: #fff;
    }

    .exhibition .exhibition__inner {
        max-width: 1180px;
        margin: 5rem auto 0;
    }

    .exhibition ul.exhibition_list {
        display: flex;
        flex-wrap: wrap;
    }

    .exhibition ul.exhibition_list > li {
        width: calc( (100% - 40px) / 3);
		height: 425px;
        margin-right: 1rem;
        margin-bottom: 1rem;
        background-color: #fff;
        text-align: center;
    }
    .exhibition #mikawa ul.exhibition_list > li#showroom01,
    .exhibition #mikawa ul.exhibition_list > li#showroom02,
    .exhibition #mikawa ul.exhibition_list > li#showroom03 {
		height: 475px;
    }

    .exhibition ul.exhibition_list > li img {
        width: 100%;
        display: block;
        margin-bottom: 1rem;
    }
    .exhibition ul.exhibition_list > li figure a {
		width:100%;
		height: 232px;
		overflow: hidden;
		display: block;
    }
    .exhibition ul.exhibition_list > li img:hover {
  		transform: scale(1.075);
    }

    .exhibition ul.exhibition_list > li:nth-child(3n) {
        margin-right: 0;
    }

    .exhibition ul.exhibition_list > li figcaption {
        font-size: 20px;
        margin: 16px 0;
        font-weight: bold;
        display: block;
    }

    .exhibition ul.exhibition_list > li .exhibition_list_body {
        font-size: 16px;
		width: 340px;
    	margin: 0 auto;
        padding: 15px 0px;
		border-top:1px solid #000;
    }

    .exhibition ul.exhibition_list > li a.reserveBtn {
		float:left;
        padding: 15px 5px;
        font-size: 16px;
        margin-bottom: 0.5rem;
		width:162px;
    }
    .exhibition ul.exhibition_list > li a.reserveBtn:after {
        width: 8px;
        height: 15px;
        top: 50%;
        right: 10px;
        transform: translateY(-50%);
    }
	.exhibition ul.exhibition_list > li a.reserveBtn::after {
        position: absolute;
        content: "";
        display: inline-block;
        background-image: url(../img/reader.png);
        background-repeat: no-repeat;
    }
    .exhibition ul.exhibition_list > li .virtualBtn a {
        font-size: 14px;
        margin-bottom: 1rem;
        line-height:44px;
        text-indent:-3em;
    }

    .exhibition ul.exhibition_list > li .virtualBtn {
		float:left;
		width:162px;
        height:46px;
        margin-bottom: 0.5rem;
        margin-left: 16px;
    }

    .exhibition ul.exhibition_list > li .virtualBtn a:after {
        width: 36px;
        height: 22px;
        top: 50%;
        right: 3%;
        transform: translateY(-50%);
		background-size: 36px;
    }

    .exhibition ul.exhibition_list > li .pretext {
        display: block;
        font-size: 14px;
        line-height: 1.5em;
		height:58px;
    }
    .exhibition ul.exhibition_list > li span {
        display: block;
        font-size: 14px;
        line-height: 22px;
    }
    .exhibition ul.exhibition_list > li .name {
        margin-bottom:16px;
    }

    #general{ 
		padding-bottom: 0;
    }
	#nagoya{ 
		padding-top: 0;
    }
    .exhibition ul.general_list {
        display: flex;
        flex-wrap: wrap;
    }
    .exhibition ul.general_list > li {
        position:relative;
        width: calc( (100% - 40px) / 3);
		height:19.3VW;
		min-height:394px;
        margin-right: 20px;
        margin-bottom: 1rem;
    }
    .exhibition ul.general_list > li:nth-child(3n) {
        margin-right: 0;
    }
    .exhibition ul.general_list > li:nth-child(1) {
    	background:url("../img/general01_2408.jpg") left top no-repeat;
    }
    .exhibition ul.general_list > li:nth-child(2) {
    	background:url("../img/general02.jpg?v=1") left top no-repeat;
    }
    .exhibition ul.general_list > li:nth-child(3) {
    	background:url("../img/general03.jpg?v=1") left top no-repeat;
    }
    .exhibition ul.general_list > li .general_btn01{
        position:absolute;
        top:319px;
        left:20px;
    }
    .exhibition ul.general_list > li .general_btn02{
        position:absolute;
        top:319px;
        right:20px;
    }
	
	#showroom_menu {
	  	padding: 1px 0 120px;
	}
	#general {
		padding: 1px 0 60px;
	}
	.menu {
		width:992px;
		margin:0px auto 0px;
	}
	.menu li {
		width:320px;
		height:126px;
		float:left;
		margin-right:16px;
	}
	.menu li a {
		width:100%;
		height:126px;
		font-size:24px;
		line-height: 126px;
		display:block;
		text-align: center;
		color:#000;
		font-weight:bold;
    	font-family: "Yu Mincho", "YuMincho","小塚明朝 Pro R","小塚明朝 Std R","Hiragino Mincho ProN","ＭＳ Ｐ明朝", "ＭＳ 明朝","MS PMincho",メイリオ,Meiryo,serif;
    	/*background:url("../img/reader_down.png") center bottom 22px no-repeat;*/
		
		/*background: url("../img/reader_down.png"),linear-gradient(to bottom, #cc0033 0%,#7b001f 100%);*/
		/*background: url("../img/reader_down.png"),linear-gradient(to bottom, #dadada 0%,#858585 100%);*/
		background: url("../img/reader_down.png"),linear-gradient(rgba(210, 190, 111, 1) 0%, rgba(166, 142, 55, 1) 100%);
		background-position:  center bottom 15%;
		background-repeat: no-repeat;
	}
	.menu li.nagoya a,
	.menu li.mikawa a,
	.menu li.general a {
		/*background: #D2BE6F;
        background: -webkit-linear-gradient(rgba(210, 190, 111, 1) 0%, rgba(166, 142, 55, 1) 100%);
        background: -o-linear-gradient(rgba(210, 190, 111, 1) 0%, rgba(166, 142, 55, 1) 100%);
        background: linear-gradient(rgba(210, 190, 111, 1) 0%, rgba(166, 142, 55, 1) 100%);*/
	}
	.menu li.general a {
		background-color: #f39800;
	}
	.menu li:last-child {
		margin-right:0px;
	}
}

/*フロートバナー*/
@media only screen and (max-width: 767px) {
	
    .ban__fix__sp {
        position: fixed;
		width: 92%;
        left: 4%;
		bottom: 18VW;
		z-index: 9999;
    }
    .ban__fix__sp img{
        width: 100%;
		height:auto;
    }
    .ban__fix__inner {
        position: relative;
        width: 100%;
    }
    #closebanner-sp,
    #closebanner-sp1,
    #closebanner-sp2 {
        position: absolute;
        top:-10px;
        right: -10px;
        display: block;
        height: 25px;
        width: 25px;
        background: url('../img/float_close.png') no-repeat 0 0;
		background-size: 25px;
        cursor: pointer;
        text-indent: -9000px;
        z-index: 10;
    }
	.ban__fix{
		display: none;
	}
    #banner-sp {
		opacity: 1;
    }
    #banner-sp.fixed {
		opacity: 1;
		animation-name: fadeUpAnime;
        animation-duration: 0.8s;
        animation-fill-mode: forwards;
    }
}
@media only screen and (min-width: 768px) {
    .ban__fix {
        position: fixed;
        width: 290px;
        height: 250px;
        bottom: 50px;
        left:50px;
        display: block;
		z-index: 999;
		opacity: 0;
    }
    #banner.fixed {
		opacity: 1;
		animation-name: fadeUpAnime;
        animation-duration: 0.8s;
        animation-fill-mode: forwards;
    }
    .ban__fix__inner {
        position: relative;
        width: 290px;
    }
    #closebanner {
        position: absolute;
        top:-10px;
        right: -10px;
        display: block;
        height: 30px;
        width: 30px;
        background: url('../img/float_close.png') no-repeat 0 0;
		background-size: 30px;
        cursor: pointer;
        text-indent: -9000px;
        z-index: 10;
    }
	.ban__fix__sp{
		display: none;
	}
    #banner {
		/*opacity: 0;*/
    }
    #banner.fixed {
		/*opacity: 1;
		animation-name: fadeUpAnime;
        animation-duration: 0.8s;
        animation-fill-mode: forwards;*/
    }
}
@media screen and (max-width: 546px) {
#SMP------------------------{}
	.ban__fix__inner div:first-child {
		margin-right:4%;
	}
	.ban__fix__half {
		position: relative;
		width:48%;
		float:left;
	}
}
	
@media screen and (min-width: 737px) {
#PC------------------------{}
	#fixbtn_cp .fixbtn_cp01{
		display: block;
	}
	#fixbtn_cp .fixbtn_cp02{
		display: none;
	}
	#fixbtn_cp.fixed .fixbtn_cp01{
		display: none;
	}
	#fixbtn_cp.fixed .fixbtn_cp02{
		display: block;
		right: 0px;
		width: 100%;
	}
	#fixbtn_cp.fixed {
  		position: fixed;
  		top: 81px;
		right: 0px;
		height:119px;
		width: 119px;
	}
}
/*フロートバナー*/

/*モーダルカスタム*/

#discount {
    text-align: center;
}
.discount_btn{
    width:100%;
    max-width:890px;
    margin:20px auto 0;
}
.discount_btn li {
    float:left;
    width:100%;
    height:60px;
    margin:0 auto;
}
.discount_btn li a{
    display:block;
    width:100%;
    height:60px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    text-align:center;
    color:#FFF;
    font-size:20px;
    line-height:60px;
    text-decoration: none;
}
.discount_btn li a {
    background:url(../img/reader.png) right 10px center no-repeat;
    background-color: #e50e81;
}
.discount_btn li a:hover {
    background-color: #e50e81;
}

@media screen and (max-width: 684px){
    #discount img {
        width:100%;
    }
    .discount_btn{
        width:100%;
		max-width:890px;
        margin:20px auto 0;
    }
    .discount_btn li {
        width:100%!important;
		margin-top:5VW;
    }
}

section h2 {
    font-family: "Yu Mincho", "YuMincho","小塚明朝 Pro R","小塚明朝 Std R","Hiragino Mincho ProN","ＭＳ Ｐ明朝", "ＭＳ 明朝","MS PMincho",メイリオ,Meiryo,serif;
    text-align: center;
	font-weight:normal;
    background:url("../img/h2_bg.png") center bottom no-repeat;
	line-height:1em;
}
section#showroom h2 {
  	color: #fff;
}
#merit .merit__body ul li.merit__text h3{
    font-weight:normal;
    font-family: "ヒラギノ角ゴ Pro W6","Hiragino Kaku Gothic Pro","游ゴシック", "YuGothic","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
/*merit*/

.exhibition__inner h3 {
    color: #000!important;
    text-align:center;
    font-weight: normal;
    font-family: "Yu Mincho", "YuMincho","小塚明朝 Pro R","小塚明朝 Std R","Hiragino Mincho ProN","ＭＳ Ｐ明朝", "ＭＳ 明朝","MS PMincho",メイリオ,Meiryo,serif;
}
.exhibition ul.exhibition_list > li a.reserveBtn {
    display: block;
    /*background-color: #ea005b;*/
	/*background: rgb(146,0,0);
    background: linear-gradient(0deg, rgba(146,0,0,1) 0%, rgba(191,0,0,1) 100%);*/
    color: #fff;
    position: relative;
}
/*.exhibition ul.exhibition_list > li a.reserveBtn:after {
    position: absolute;
    content: "";
    display: inline-block;
    background-image: url(../img/reader.png);
    background-repeat: no-repeat;
}*/
.exhibition ul.exhibition_list > li .virtualBtn {
	/*background: rgb(16,39,82);
background: linear-gradient(0deg, rgba(16,39,82,1) 0%, rgba(55,92,140,1) 100%);*/
}
.exhibition ul.exhibition_list > li .virtualBtn a {
    display: block;
    background-color: #fff;
    color: #000;
    position: relative;
	/*background: rgb(16,39,82);
background: linear-gradient(0deg, rgba(16,39,82,1) 0%, rgba(55,92,140,1) 100%);*/
}
.exhibition ul.exhibition_list > li .virtualBtn a:after {
    position: absolute;
    content: "";
    display: inline-block;
    background-image: url(../img/icon_virtual.png);
    background-repeat: no-repeat;
}
.nohouse {
    display:none!important;
}

.exhibition ul.exhibition_list > li a.tel {
    color: #000;
}

.exhibition ul.exhibition_list > li figcaption small {
    color: #f00;
}

#recommend {
	background-color: #fff;
}

#showroom {
	background-color: #d5d5d5!important;
}
#general {
  	background-color: #d5d5d5!important;
}
#showroom_menu {
	background-color: #dfdfdf;
	color:#fff;
}
#recommend {
  	background-color: #dfdfdf!important;
}
.gaiyo {
    margin-top: 60px;
  }
ul.threeblocks li h3{
    font-weight:normal;
    text-align: center;
}

.mapbtn {
    display:inline;
    width:100%;
	padding:2px 5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background-color: #294473;
    text-align:center;
    color:#FFF;
    font-size:11px;
    line-height:1.5em;
    text-decoration: none;
}

	#cboxCurrent {
		display:none!important;
	}

.gothic {
    font-family: "ヒラギノ角ゴ Pro W6","Hiragino Kaku Gothic Pro","游ゴシック", "YuGothic","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif!important;
}
.logo {
  mix-blend-mode: difference; /* overlay, lighten, darken なども試せます */
}

/*present*/
.present {
	width:100%;
	background-color: #dfdfdf;
}
.present .inner{
	text-align: center
}
@media screen and (max-width: 684px){
    .present img{
		width: 100%;
		height:auto;
    }
    .present .inner{
        padding:0VW 0 15VW;
    }
    .present .present__header{
        width:92%;
		margin: 0px auto 0px;
    }
    .present .present__bottom{
        width:92%;
		margin: 0px auto 0px;
    }
    .present ul{
		width: 92%;
    	margin: 0VW auto ;
  		/*background: url("../img/present_plus.png") no-repeat center center;
		background-size: 35px;*/
    }
    .present ul li{
        width:100%;
    }
    .present ul li:last-child{
		margin-top:6VW;
    }
    .present .btn__entry{
        width:92%;
		margin: 0VW auto 0VW;
    }
    .present ul + p{
		text-align: right;
		width: 88%;
		margin: 5px auto 10VW;
		font-size: 12px;
		color:#fff;
    }
}

@media screen and (min-width: 685px){
    .present .inner{
        padding:30px 0 60px;
        width:1200px;
		margin: 0px auto 0px;
    }
    .present .present__header{
        width:100%;
		margin: 0px auto 0px;
    }
    .present .present__bottom{
        width:1200px;
		margin: 0px auto 0px;
    }
    .present ul{
        width:1000px;
		margin: 20px auto 60px;
  		background: url("../img/present_plus.png") no-repeat center center;
    }
    .present ul li{
		float:left;
        width:46%;
    }
    .present ul li img{
        width:100%;
		height:auto;
    }
    .present ul li:last-child{
		margin-left:8%;
    }
    .present ul + p{
		text-align: right;
        width:100%;
		margin: 5px auto 60px;
		font-size: 14px;
		color:#fff;
    }
}
/*present*/

/*スクロールイベントここから*/
.scroalevent img{
	transition: .9s;
}
.scroalevent div {
    transition: 1.5s;
}
/* 移動なしフェードイン */
.list-mv02 {
	opacity: 0;
}
.mv02{
	opacity: 1.0;
}
.list-mv02v {
	opacity: 0;
	transform: translate(0,40px); 
	-webkit-transform: translate(0,40px); 
}
.mv02v{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}
/*スクロールイベントここまで*/



.delay01 {
  animation-delay: 0.1s;
}
.delay02 {
  animation-delay: 0.5s;
}
.delay03 {
  animation-delay: 0.7s;
}
.delay04 {
  /*transition-delay: .9s!important;
  -webkit-transition-delay: .9s!important;*/
  animation-delay: 0.9s;
}
.delay05 {
  animation-delay: 1.0s;
}


.fadeUp{
animation-name:fadeUpAnime;
animation-duration:0.8s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeUpAnime{
  from {
    opacity: 0;
  transform: translateY(30px);
  }

  to {
    opacity: 1;
  transform: translateY(0);
  }
}

.fadeUp0{
animation-name:fadeUpAnime0;
animation-duration:0.8s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeUpAnime0{
  from {
    opacity: 0;
  transform: translateY(0px);
  }

  to {
    opacity: 1;
  transform: translateY(0);
  }
}

/* 右方向フェードイン */
.fadeLR{
animation-name:fadeLRAnime;
animation-duration:1.2s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeLRAnime{
  from {
    opacity: 0;
  transform: translateX(-50px);
  }

  to {
    opacity: 1;
  transform: translateX(0);
  }
}

/* 左方向フェードイン */
.fadeRL{
animation-name:fadeRLAnime;
animation-duration:1.2s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeRLAnime{
  from {
    opacity: 0;
  transform: translateX(50px);
  }

  to {
    opacity: 1;
  transform: translateX(0);
  }
}

.fadeUpTrigger{
    opacity: 0;
/* スクロールをしたら出現する要素にはじめに透過0を指定　*/
}

@keyframes hurueru {
    0% {transform: translate(0px, 0px) rotateZ(0deg)}
    25% {transform: translate(0px, 3px) rotateZ(0deg)}
    50% {transform: translate(0px, 0px) rotateZ(0deg)}
    75% {transform: translate(0px, 3px) rotateZ(0deg)}
    100% {transform: translate(0px, 0px) rotateZ(0deg)}
}
@keyframes hurueru_v {
    0% {transform: translate(0px, 0px) rotateZ(0deg)}
    25% {transform: translate(3px, 0px) rotateZ(0deg)}
    50% {transform: translate(0px, 0px) rotateZ(0deg)}
    75% {transform: translate(3px, 0px) rotateZ(0deg)}
    100% {transform: translate(0px, 0px) rotateZ(0deg)}
}