@charset "utf-8";

h2{display:inline-block; position:relative; padding:30px 40px 27px 20px; font-size:25px; font-weight:bold;}
h2:after{content:url(/images/icon-arrow_h2.png); position:absolute; top:27px; right:0;}

.title-head{overflow:hidden;}
.title-head a{position:relative; float:right; display:block; padding-right:61px; line-height:82px;}
.title-head a:after{content:'→'; position:absolute; top:0; right:30px; color:#000; transition:right 0.3s;}
.title-head a:hover:after{right:25px;}
.title-head a img{width:auto; height:11px;}

/*mv*/
#mv{position:relative;}
#mv .link-img{position:absolute; left:25px; bottom:21px; display:flex; margin:0 -6px;}
#mv .link-img li{border-right:1px solid #FFF;}
#mv .link-img li:last-child{border-right:0;}
#mv .link-img li a{display:block; margin:0 6px; background:rgba(0,0,0,0.7); transition:opacity 0.3s;}
#mv .link-img li:last-child a{background:#ffb414; opacity: 0.7;}
#mv .link-img li a:hover{opacity:0.7;}
#mv .catch {position: absolute;left:577px;bottom:37px}

/*MESSAGE*/
#message{height:932px; margin-bottom:2px; padding:133px 0 0 196px; background:url(/images/bg-message.png) no-repeat center top / cover;} 
#message .wrap{width:760px; height:598px; padding:60px; background:rgba(255,255,255,0.84);}
#message .wrap h2{margin-bottom:45px; padding:0 35px 0 0;}
#message .wrap h2 img{width:134px;}
#message .wrap h2:after{top:-3px;}
#message .wrap p{font-size:16px; line-height:32px;}
#message .wrap p + p{margin-top:32px;}
#message .wrap p.name{font-weight:bold; text-align:right;}
#message .wrap p.name em{font-size:20px;}
#message .wrap a.btn{margin:43px auto 0; padding-left:47px;}
#message .wrap a.btn:after{content:'→'; position:absolute; top:0; right:47px; color:#000; transition:right 0.3s;}
#message .wrap a.btn:hover:after{right:42px;}
#message .wrap a.btn img{width:95px; height:auto;}

/*NEW STOCK*/
#new-stock .wrap{display:flex; flex-wrap:wrap;}
#new-stock h2 img{width:162px}
#new-stock .wrap a{position:relative; display:block; width:33.333333%; min-height:285px; /*padding:212px 25px 20px;*/ background-repeat:no-repeat; background-position:center center; background-size:cover;}
#new-stock .wrap a:hover{text-decoration:none;}
#new-stock .wrap a:before{content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.25); transition:background 0.3s;}
#new-stock .wrap a:hover:before{background:none;}
#new-stock .wrap a .details{position:absolute; right:25px; left:25px; bottom:25px; color:#fff;}
#new-stock .wrap a .details p.type{position:relative; margin-bottom:8px; font-size:16px; line-height:22px;}
#new-stock .wrap a .details p.type b{display:inline-block; width:63px; margin-left:15px; padding:5px 2px; vertical-align:bottom; text-align:center; line-height:1; font-size:14px; color:#000; background:#f3b414;}
#new-stock .wrap a .details p.others{position:relative; font-size:14px; line-height:18px;}

/*NEWS*/
#news h2{padding-left:20px;}
#news h2 img{width:80px}
#news .wrap{padding:50px 0 10px; background:#f6f6f6;}
#news .wrap ul{display:flex; flex-wrap:wrap;}
#news .wrap ul li{width:calc(50% - 80px); margin:0 40px 33px;}
#news .wrap ul li .list-head{margin-bottom:5px;}
#news .wrap ul li .list-head time{font-size:14px;}
#news .wrap ul li .list-head .cat{display:inline-block; min-width:110px; margin-left:15px; padding:6px 2px 5px; text-align:center; color:#fff; font-size:12px;}
.ie #news .wrap ul li .list-head .cat{padding:8px 2px 4px;}
.list-head .cat.info{background:#064885;}
.list-head .cat.stock{background:#7e7d00;}
.list-head .cat.soldout{background:#ccc;}
.list-head .cat.rental{background:#497D2C;}

#news .wrap ul li .list-body p{line-height:2; word-break:break-all; font-size:16px;}
#news .wrap ul li .list-body p a{color:#000;}
#news .wrap ul li .list-body p a:hover{cursor:pointer;}

/*STOCK*/
#stock h2{padding:30px 40px 30px 20px;}
#stock h2 img{width:90px;}
#stock ul{overflow: hidden;display: flex;flex-wrap: wrap}
#stock ul li{display:block;}
#stock li.box1,
#stock li.box2{width:60.4%;}
#stock li.box3{width:39.6%;margin-top: -26.07%;}
#stock li.box4,
#stock li.box5,
#stock li.box6{width:33.333333%;margin-top: -1px}
#stock li a{position:relative; display:block; width:100%; height:100%;}
#stock li a:hover{text-decoration:none;}
#stock li a p{position:absolute; left:10px; bottom:15px; color:#fff; padding:12px 17px 12px 30px; font-weight:bold; font-size:16px; transition:background-color 0.3s;z-index: 50}
#stock li a p:before{content:''; position:absolute; top:15px; left:13px; width:6px; height:10px; background:url(/images/icon-arrow2.png) no-repeat left top / 100% auto;}
.ie #stock li a p{background-position:15px 14px;}
#stock li a:hover p{color:#000; background-color:#f2b330;}
#stock li a img.normal{filter:grayscale(100%); width:100%; height:auto; transition:filter opacity 0.3s;position: absolute;left:0;top:0;z-index: 10}
#stock li a img.hover{width:100%; height:auto; position: relative;z-index: 5}
#stock li a:hover img{filter:grayscale(0%); opacity:1;}
#stock li a:hover img.normal{opacity:0;}





@media screen and (max-width:1330px) and (min-width:1200px){
  #mv .link-img li a img{width:9.058vw;height:auto}
  #mv .catch {left:43.383vw;bottom:2.681vw;width:29.638vw}
  #mv .catch img {width:100%}
}

@media screen and (max-width:1199px) and (min-width:751px){
  #mv .link-img li a img{width:108px;height:auto}
  #mv .catch {left:519px;bottom:34px;width:356px}
  #mv .catch img {width:100%}
}

/* 
	SP

*****************************************************/

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

h2{display:block; padding:13.333333vw 1.333333vw 8.133333vw; text-align:center;}
h2:after{content:none;}
h2 img{width:auto; height:5.2vw;}
.title-head a{display:none;}

/*mv*/
#mv .link-img{left:2.666667vw; bottom:17.733333vw; width:calc(100% - 2.666667vw); margin:0 -1.2vw;}
#mv .link-img li{width:34%;}
#mv .link-img li:last-child{width:32%;}
#mv .link-img li a{margin:0 1.2vw; transition:none;}
#mv .link-img li a:hover{opacity:1;}
#mv .link-img li a img{width:22vw; height:25.866666vw;}
#mv .catch {position: absolute;right:28vw;bottom:8vw;width:44.267vw;left:auto}

/*MESSAGE*/
#message{height:auto; margin-bottom:0; padding:13.6vw 0 60vw 0; background:url(/images/sp/bg-message.jpg) no-repeat left bottom / 100% auto;} 
#message .wrap{width:100vw; height:auto; margin-bottom:10.8vw; padding:0 5.333333vw; background:none;}
#message .wrap h2{margin-bottom:10.133vw; padding:0;}
#message .wrap h2 img{width: auto}
#message .wrap p{font-size:4vw; line-height:7.467vw; letter-spacing:-0.02em;}
#message .wrap p + p{margin-top:7.333vw;}
#message .wrap p.name{margin-top:2vw;}
#message .wrap p.name em{font-size:4.533vw;}
#message .wrap a.btn{margin:4.133vw auto 0; padding-left:12.533vw;}
#message .wrap a.btn:after{right:11.067vw; font-size:4.4vw;}
#message .wrap a.btn:hover:after{right:11.067vw;}
#message .wrap a.btn img{width:25.467vw;}

/*NEW STOCK*/
#new-stock h2 img{width:auto}
#new-stock .wrap a{width:100%; min-height:74.666667vw;}
#new-stock .wrap a:before{content:none;}
#new-stock .wrap a .details{right:7.733333vw; left:7.733333vw; bottom:7.467vw;}
#new-stock .wrap a .details p.type{margin-bottom:2.133vw; font-size:4.133vw; line-height:5.067vw;}
#new-stock .wrap a .details p.type b{width:16.666667vw; margin-left:2.933333vw; padding:1.333333vw 0.266667vw; letter-spacing:.09em; font-size:3.333333vw;}
#new-stock .wrap a .details p.others{font-size:3.6vw; line-height:4.267vw;}

/*NEWS*/
#news h2{padding:13.333333vw 0 8vw;}
#news h2 img{width: auto}
#news .wrap{padding:8.666667vw 5.333333vw 8vw;}
#news .wrap ul{}
#news .wrap ul li{width:100%; margin:0 0 3.733333vw;}
#news .wrap ul li:nth-last-child(2){margin-bottom:3.6vw;}
#news li:last-child{margin-bottom:0;}
#news .wrap ul li .list-head{margin-bottom:0.666667vw;}
#news .wrap ul li .list-head time{font-size:3.466667vw;}
#news .wrap ul li .list-head .cat{min-width:27.866667vw; margin-left:2vw; padding:1.733333vw 1.333333vw 1.2vw; font-size:3.2vw;}
#news .wrap ul li .list-body p{font-size:4vw; line-height:7.467vw; letter-spacing:-.02em;}
#news .wrap a.btn{position:relative; padding-left:18.533vw;}
#news .wrap a.btn:after{content:'→'; position:absolute; top:0; right:12vw; color:#000; font-size:4.4vw;}
#news .wrap a.btn img{width:18.4vw;}

/*STOCK*/
#stock h2{padding:13.333333vw 1.333333vw 8.133333vw;}
#stock h2 img{width: auto}
#stock ul{display: block;}
#stock li a img {width:100%;height:100%}
#stock li.box1,#stock li.box2{width:100%}
#stock li.box1 img,#stock li.box2 img{width:100%;height:auto}
#stock ul + ul{overflow: hidden;width:100vw;height:114vw;}
#stock li.box3 {width: 50vw;height:114vw;margin-top: 0;float: left}
#stock li.box4{width:50vw;height:38vw;float: left}
#stock li.box5{width:50vw;height:38.5vw;float: left}
#stock li.box6{width:50vw;height:38.5vw;float: left;margin-top: 0!important}
#stock li a img{filter:grayscale(0%); transition:auto;}
#stock li a:hover img{filter:grayscale(0%);}
#stock li a p{left:5.333333vw; bottom:4vw; padding:0 0 0 3.333333vw; font-size:4vw; background:none;}
#stock li a p:before{content:'>'; top:-0.4vw; left:0; width:1.6vw; height:2.933vw; background:none;}
#stock li a:hover p{color:#fff; background:none;}

}