@media screen and (max-width: 684px){
	
	
	/*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=1") 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:nth-child(4) {
    	background:url("../img/general04.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 .custom-btn--1 {
		width: 100%;
    	height: 27VW;
    }
	
	.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: 16px;
        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: 18%;
        transform: translateY(-50%);
		background-size: 100%;
    }
	
	
}

@media screen and (min-width: 685px){
	
	/*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;
    }

    .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 ul.exhibition_list > li .custom-btn--1 {
        width: 100%;
        height: 232px; 
    }
    .exhibition #mikawa ul.exhibition_list > li#showroom01,
    .exhibition #mikawa ul.exhibition_list > li#showroom02,
    .exhibition #mikawa ul.exhibition_list > li#showroom03 {
		height: 455px;
    }

    .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 .virtualBtn a {
        font-size: 16px;
        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: 45px;
        height: 27px;
        top: 50%;
        right: 12%;
        transform: translateY(-50%);
    }

    .exhibition ul.exhibition_list > li .pretext {
        display: block;
        font-size: 14px;
        line-height: 1.5em;
		height:58px;
		height:30px;
    }
    .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;
		width:780px;
		margin: 0 auto;
    }
    .exhibition ul.general_list > li {
        position:relative;
        /*width: calc( (100% - 40px) / 3);*/
        width: 380px;
		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(3n) {
        margin-right: 20px;
    }
    .exhibition ul.general_list > li:nth-child(2n) {
        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:nth-child(4) {
    	background:url("../img/general04.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;
    }
	
	#general {
		padding: 1px 0 60px;
	}
	
	#modal .btn {
		clear: both;
		width:1180px;
		margin:5px auto 20px;
	}
    #modal .btn a{
        font-size:26px;
        line-height:75px;
        height:75px;
    }
	#modal .btn {
		width:500px;
	}
	#modal .btn a{
		color:#fff;
	}
}

@media screen and (max-width: 1099px) {
	#modal .btn {
		width:92%;
		margin:1VW auto 5VW;
        margin:5VW auto 20VW;
	}
    #modal .btn a{
        font-size:22px;
        line-height:17VW;;
        height:17VW;;
    }
}

#modal .btn a{
    display:block;
    width:100%;
    /*border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;*/
    /*background: rgb(158,35,45);
    background: -moz-linear-gradient(180deg, rgba(158,35,45,1) 0%, rgba(123,21,27,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(158,35,45,1) 0%, rgba(123,21,27,1) 100%);*/
	background: linear-gradient(0deg, rgba(146,0,0,1) 0%, rgba(191,0,0,1) 100%);
    text-align:center;
    color:#fff;
    text-decoration: none;
    font-family: "Yu Mincho", "YuMincho","小塚明朝 Pro R","小塚明朝 Std R","Hiragino Mincho ProN","ＭＳ Ｐ明朝", "ＭＳ 明朝","MS PMincho",メイリオ,Meiryo,serif;

}

#general {
    background-color: #dfdfdf;
}

.exhibition__inner h3 {
    color: #fff;
    text-align:center;
    font-weight: normal;
    font-family: "Yu Mincho", "YuMincho","小塚明朝 Pro R","小塚明朝 Std R","Hiragino Mincho ProN","ＭＳ Ｐ明朝", "ＭＳ 明朝","MS PMincho",メイリオ,Meiryo,serif;
}
#general .exhibition__inner h3 {
    color: #000;
}

.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: #fff;
    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/icon360.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;
}

#showroom {
	background-color: #0b1a37;
}