body {
    background-color: #1d2f4c;
}
#background_movie {
    /*display: none;*/
}
#sidebar01,
.delayed-image,
.delayed-image2 {
    /*opacity: 0;
    transition: opacity 0s ease-in 0s;*/
}
.delayed-image.show,
.delayed-image2.show,
#sidebar01.show {
  transition: 1.0s;
  opacity: 1;
}


@media screen and (max-width: 684px){
	
    .slide .slide-image  {
		background-position: top 50px center;
    }
	.mv {
    	margin-top: 0px;
  	}
	.slide ul {
        position: relative;
        width: 100%;
        height: 84VH;
        overflow: hidden;
    }
	
    section {
        padding-top:15VW;
    }
    .title__e {
        font-size: 24px;
    }
	
	
	#cboxPrevious,
	#cboxNext {
		/*display:block!important;*/
  		top: 92%;
	}
	
	/*スマホ用再配置*/
	
	#cboxOverlay {
		opacity: 1;
	}
	#cboxContent,
    #cboxTopLeft,
    #cboxTopRight,
    #cboxBottomLeft,
    #cboxBottomRight,
    #cboxMiddleLeft,
    #cboxMiddleRight,
    #cboxTopCenter,
    #cboxBottomCenter{ /*background:none;*/}
	#cboxClose {
      right: 0px;
		top: 0;
      margin: auto;
    }
	
    /*gaiyo*/
	.gaiyo {
		padding:60px 0 3VW ;
    	margin-bottom: 0VW;
        padding-bottom: 0;
  	}
	.gaiyo p {
        margin-bottom: 0;
  	}
    /*gaiyo*/
	
    .return_btn {
        width:92%;
        height:70px;
		margin: 10VW auto 8VW;
    }
    ul.return_btn {
        height:auto;
    }
    ul.return_btn li {
        margin-bottom:30px;
    }
    ul.return_btn li:last-child {
        margin-bottom:0px;
    }
    .return_btn a{
		background-size: 8px!important;
    }
    ul.return_btn2btns li {
		float:left;
        width:48%;
        margin-bottom:30px;
        margin-right:4%;
    }
    ul.return_btn2btns li:last-child {
        margin-right:0px;
    }
    .return_btn2btns a{
		font-size:14px!important;
    }
    .return_btn2btns .twolines a{
		line-height:1.25em!important;
		padding-top: 1.25em;
    }
}

@media screen and (min-width: 685px){
	
	/*フローティングバナー*/
	.fix__btn img {
		width:100%;
		height:auto;
    }
    .fix__btn {
        width:100%;
        position: fixed;
        bottom: 0px;
        left: 0px;
        z-index: 1000;
        height: 16VW;
    }
	
    #banner-sp.fixed {
		opacity: 1;
		animation-name: fadeUpAnime;
        animation-duration: 0.8s;
        animation-fill-mode: forwards;
    }
	/*フローティングバナー*/
	
	
	
	.mv {
		position: relative;
		width:100%;
		height: 780px;
		overflow: hidden;
          /*margin-top: -100px;*/
	}
    .mv .mv_title {
        position: absolute;
        top: 300px;
        left: -40px;
        min-width: auto !important;
        display: block;
		z-index: 9998;
		text-align: right;
    }
    .mv .mv_title img{
		width:100%;
		height:auto;
		max-height: 80VH;
    }
    .mv .mv_bottom {
        position: absolute;
		width:1180px;
        bottom: 0px;
        left: 0;
        right: 0;
		margin:auto;
		z-index: 9998;
		text-align: right;
    }
	
    section {
        padding-top:1px;
    }
    section h2 {
        margin:1VW auto;
        padding-bottom:3VW;
		font-size:24px;
    }
	
	
    .return_btn {
        width:800px;
        height:70px;
        margin:50px auto 0;
    }
    ul.return_btn {
        width:1200px;
    }
    ul.return_btn li {
		float:left;
        width:580px;
        height:70px;
        margin-right:40px;
    }
    ul.return_btn li:last-child {
        margin-right:0px;
    }
}

section h2 {
    font-family: "Yu Mincho", "YuMincho","小塚明朝 Pro R","小塚明朝 Std R","Hiragino Mincho ProN","ＭＳ Ｐ明朝", "ＭＳ 明朝","MS PMincho",メイリオ,Meiryo,serif;
    text-align: center;
	font-weight:normal;
	line-height:1em;
}

/*メリット*/

.return_btn a{
    display:block;
    width:100%;
    height:70px; 
    text-align:center;
    background:url("../img/reader.png") right 15px center no-repeat;
    color:#FFF!important;
    font-size:20px;
    line-height:70px;
    text-decoration: none;
   	font-family: "ヒラギノ角ゴ Pro W6","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
.return_btn li:nth-child(1) {
    background: -webkit-linear-gradient(left, #007c9f 0%, #004f65 100%);
    background: -o-linear-gradient(left, #007c9f 0%, #004f65 100%);
    background: linear-gradient(to right, #007c9f 0%, #004f65 100%); 
}
.return_btn li:nth-child(2) {
    background:url("../img/reader.png") right 15px center no-repeat; 
    background: -webkit-linear-gradient(left, #af062e 0%, #cb356b 100%);
    background: -o-linear-gradient(left, #af062e 0%, #cb356b 100%);
    background: linear-gradient(to right, #af062e 0%, #cb356b 100%); 
}
.return_btn li:nth-child(1) a:hover{
    background-color: #004f65;
}
.return_btn li:nth-child(2) a:hover{
    background-color: #af062e;
}

/*動画*/
section .content-inner {
	max-width: 1200px;
	margin: 0 auto;
}

#showroom {
	background-color: #0b1a37;
    /*background-color: rgba(4,17,40,1.0);*/
}

#cboxCurrent {
    display:none!important;
}

@media screen and (max-width: 684px){
	.bl_accordion .bl_accordionContent {
  		/*top: 110px;*/
	}
	
	.mv {
        position:relative;
		width:100%;
		height:70vh;
		margin-top: -60px;
    	background:url("../img/mv_sp.jpg?v=1") center center no-repeat;
		    background-size: cover;
	}
    .mv .mv_title {
        position: absolute;
        width: 96%;
        top:20VW;
        left: 0;
        right: 0;
		margin: auto;
        display: block;
		z-index: 9998;
    }
    .mv_title img{
        width: 100%;
        height: auto;
    }
    .mv .btn__entry {
        position: absolute;
		width:92%;
        bottom: 40px;
        left:0;
        right:0;
		margin: auto;
		z-index: 0;
    }
	
	.pb0 {
		padding-bottom: 0px!important;
	}
	
	.h98vw {
		height: 98vw!important;
	}
	
}

@media screen and (min-width: 685px){
	
    #background_movie.fixed{
        position: fixed;
        top: 0px;
    }
    #background_movie{
        position: relative;
    }
    .slide{
        position: fixed;
        top: 550px;
        left: 0px;
        width: 100%;
        height: 100VH;
        z-index: -1;
        background-attachment: fixed;
    }
    .container {
        width: 100%;
        height: 100VH;
        z-index: 999;
    }
    .slide ul{
        position: relative;
        width: 100%;
        height: 100VH;
        overflow: hidden;
    }

    .slide .slide-image {
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
    }
	
	
    section .inner{
		width:1200px;
		margin: 0 auto;
    }
	
	.mv {
		position: relative;
		width:100%;
		height: 840px;
    	background:url("../img/mv.jpg?v=0") center top no-repeat;
		overflow: hidden;
		margin-top: -100px;
	}
	.mv .inner{
        position:relative;
		width:1200px;
		height:840px;
		margin:0 auto;
	}
	
    .mv .mv_title {
        position: absolute;
		width:821px;
        top: 43px;
        left:0;
        right:0;
		margin: auto;
		z-index: 1;
    }
    .mv .btn__entry {
        position: absolute;
		width:821px;
        bottom: 40px;
        left:0;
        right:0;
		margin: auto;
		z-index: 0;
    }
	
	.pb0 {
		padding-bottom: 0px;
	}

}

@media screen and (min-width: 1401px){
	.mv {
    	background:url("../img/mv_wide.jpg?v=0") center top no-repeat;
	}
}


.bx-wrapper .bx-controls-direction a {
  /*width: 50px;
  height: 50px;*/
}
.bx-wrapper .bx-next {
  right: 0px;
  background: url("../img/next.png") no-repeat;
}
.bx-wrapper .bx-prev {
  left: 0px;
  background: url("../img/prev.png") no-repeat right top;
}

.tenjijo_btn {
	margin:50px auto 0;
}


/*present*/
.present {
	width:100%;
  	background: url("../img/pattern.png");
}
.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 ul{
        width:88%;
		margin: 2VW auto 0VW;
  		background: url("../img/present_or.png") no-repeat center center;
		background-size: 35px;
    }
    .present ul li{
        width:100%;
    }
    .present ul li:last-child{
		margin-top:12VW;
    }
    .present .btn__entry{
        width:92%;
		margin: 0VW auto 0VW;
    }
    .present ul + p{
		text-align: right;
		width: 88%;
		margin: 5px auto 10VW;
		font-size: 12px;
    }
}

@media screen and (min-width: 685px){
    .present .inner{
        padding:30px 0 60px;
    }
    .present .present__header{
        width:1155px;
		margin: 0px auto 0px;
    }
    .present ul{
        width:100%;
		margin: 20px auto 0px;
  		background: url("../img/present_or.png") no-repeat center center;
    }
    .present ul li{
		float:left;
        width:554px;
    }
    .present ul li:last-child{
		margin-left:92px;
    }
    .present ul + p{
		text-align: right;
        width:100%;
		margin: 5px auto 60px;
		font-size: 14px;
    }
}
/*present*/

/*showroom*/
@media screen and (max-width: 684px){
	
	
    .exhibition h2 {
		width:100%;
		margin: 0 auto 0px;
    }
    .exhibition h2 img {
		width:100%;
    }
	.exhibition .exhibition__inner {
		max-width: 1180px;
		margin: 0rem auto 0;
		padding-left: 6%;
   		padding-right: 6%;
		padding-bottom:2rem ;
	}
	
	.exhibition ul.exhibition_list {
		display: flex;
		flex-wrap: wrap;
		margin-top:10VW;
	}
	
	.exhibition ul.exhibition_list > li {
		width: 100%;
		margin-bottom: 1rem;
		background-color: #fff;
		padding: 10px;
		text-align: center;
	}
	
	.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 a.tel {
		color: #000;
	}

    .exhibition ul.exhibition_list > li a.reserveBtn {
        padding: 15px 5px;
        font-size: 16px;
        margin-bottom: 0.5rem;
		float:left;
		width:48%;
    }
    .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;
		float:right;
		width:48%;
    }

    .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){

    .exhibition .exhibition__inner {
        margin: 3rem auto 0;
    }
    .exhibition {
        padding-top: 50px;
    }
    .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: 80px;
    }

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

    .exhibition ul.exhibition_list {
        display: flex;
        flex-wrap: wrap;
		width:800px;
		margin: 0 auto;
    }

    .exhibition ul.exhibition_list > li {
        width: calc( (100% - 40px) / 2);
		height: 425px;
        margin-right: 40px;
        margin-bottom: 40px;
        background-color: #fff;
        text-align: center;
    }
    .exhibition ul.exhibition_list > li:last-child {
        margin-right: 0;
    }

    .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:nth-child(2n) {
        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 span {
        display: block;
        font-size: 14px;
        line-height: 22px;
    }
    .exhibition ul.exhibition_list > li .name {
        margin-bottom:16px;
    }
	
}


.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;
}

.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 .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;
}

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

.exhibition ul.exhibition_list > li figcaption small {
    color: #f00;
}
.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;
}
/*showroom*/


/*フロートバナー*/
@media only screen and (max-width: 767px) {
	#fix-sp {
    	opacity: 0;
  	}
	#fix-sp.fixed {
    	opacity: 1.0;
  	}
    .ban__fix__sp {
        position: fixed;
		width: 92%;
        left: 4%;
		bottom: 18VW;
		z-index: 9999;
		opacity: 0;
    }
    .ban__fix__sp.fixed {
		opacity: 1;
		animation-name: fadeUpAnime;
        animation-duration: 0.8s;
        animation-fill-mode: forwards;
    }
    .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;
	}
	.ban__fix__sp {
    	bottom: 4VW;
  	}
    #banner-sp {
		opacity: 0;
    }
    #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: 280px;
        height: 220px;
        bottom: 50px;
        right:0px;
        display: block;
		z-index: 99;
		opacity: 0;
    }
    #banner.fixed {
		opacity: 1;
		animation-name: fadeUpAnime;
        animation-duration: 0.8s;
        animation-fill-mode: forwards;
    }
    .ban__fix__inner {
        position: relative;
        width: 280px;
    }
    #closebanner {
        position: absolute;
        top:-7px;
        right: -7px;
        display: block;
        height: 20px;
        width: 20px;
        background: url('../img/float_close.png') no-repeat 0 0;
		background-size: 20px;
        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;
	}
}
	
/*フロートバナー*/




/*スクロールイベントここから*/
.scroalevent img{
	transition: 1.5s;
  animation-delay: 0.9s;
}
.scroalevent div {
    transition: 0.9s;
}
/* 移動なしフェードイン */
.list-mv02 {
	opacity: 0;
}
.mv02{
	opacity: 1.0;
}
.list-mv02v {
	opacity: 0;
	transform: translate(0,20px); 
	-webkit-transform: translate(0,20px); 
}
.mv02v{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}
.list-mv02h {
  animation-delay: 0.8s;
	opacity: 0;
	transform: translate(-100px,0); 
	-webkit-transform: translate(-100px,0); 
}
.mv02h{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}
.list-mv02h2 {
	opacity: 0;
  animation-delay: 1.5s;
	transform: translate(-50px,0); 
	-webkit-transform: translate(-50px,0); 
}
.mv02h2{
	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:0.6s;
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:0.6s;
animation-fill-mode:forwards;
opacity:0;
}

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

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

.fadeUpTrigger,
.fadeUp0Trigger,
.fadeLRTrigger,
.fadeRLTrigger{
    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)}
}
.fadeUpTrigger{
    opacity: 0;
/* スクロールをしたら出現する要素にはじめに透過0を指定　*/
}