@charset "utf-8";
/* Buy */
.main{padding-top: 0;}

@media only screen and (max-width: 767px){
    #pagetop{bottom: 90px;}
    footer{padding-bottom: 180px;}    
}


/* MV */
#mv{height: 100vh; min-height: 600px; display: flex; justify-content: center; align-items: center; background: url("../img/buy/mv.jpg") no-repeat center center/cover; position: relative; z-index: 200;}
#mv-inner{width: 100%; text-align: center; color: #fff;}
#mv .tit{font-size: 5rem; margin: 0 0 30px;font-family: 'A1明朝',  'A1 Mincho', "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "游明朝 Regular", "Yu Mincho Regular" }
#mv .txt{line-height: 2.4; margin: 0 0 30px;}
#mv .btn{max-width: 460px; width: calc(100% - 60px); margin: 0 auto; padding: 5px 0; color: #fff; display: block; border: 1px solid #fff; position: relative; background-color: rgba(0,0,0,.2);}
#mv .btn:after{content: ''; border: solid rgba(255,255,255,1); border-width: 0 1px 1px 0; display: inline-block; padding: 4px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); position: absolute; top: 50%; right: 15px; margin: -4px 0 0 0;}
#mv .btn:hover{background: #fff; color: #000;}
#mv .btn:hover:after{border: solid #000; border-width: 0 1px 1px 0;}

@media only screen and (max-width: 767px){
    #mv{height: 100vh; min-height: 600px; background: url("../img/buy/mv_sp.jpg") no-repeat center center/cover;}
    #mv-inner{padding: 110px 0 0 0;}
    #mv .tit{font-size: 2.5rem; margin: 0 0 20px;}
    #mv .txt{line-height: 2; margin: 0 0 20px; padding: 0 20px; font-size: 3.8vw;}
    #mv .txt2{font-size: 1.4rem;}
    #mv .txt3{font-size: 2.5rem; margin: 0 0 20px;}
}


/* New */
#new{padding: 0 0 120px;}
#new-list{display: flex; flex-wrap: wrap;}
.new-item{width: 32.11%; margin: 0 1.835% 40px 0; font-size: 1.4rem;}
.new-item:nth-of-type(3n){margin: 0 0 40px;}
.new-img{margin: 0 0 20px;}
.new-img img{width: 100%;}
.new-tit{font-size: 2rem; line-height: 1.5; margin: 0 0 5px;}

.new-btn{display: block; position: relative; width: 340px; text-align: center; padding: 15px 0; border: 1px solid #8b929b; margin: 50px auto 0;}
.new-btn:after{content: ''; width: 14px; height: 14px; position: absolute; top: 50px; right: 15px; background: url("../../assets/img/common/ic-exlink-gray.svg") no-repeat top left/100% 100%;}
.new-btn:hover{background: #8b929b; color: #fff;}
.new-btn:hover:after{background: url("../../assets/img/common/ic-exlink-white.svg") no-repeat top left/100% 100%;}

@media only screen and (max-width: 767px){        
    #new{padding: 0 0 60px; max-width: 480px; width: calc(100% - 60px);}    
    .new-item{width: 100%; margin: 0 0 40px !important;}
    .new-btn{width: 100%;}
}


/* Buy Btn */
.buy-btn{background: #8b929b; width: 340px; margin: 0 auto; text-align: center; padding: 15px 0; color: #fff; display: block; border: 1px solid #8b929b; position: relative;}
.buy-btn:after{content: ''; border: solid rgba(255,255,255,.6); border-width: 0 1px 1px 0; display: inline-block; padding: 4px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); position: absolute; top: 24px; right: 15px;}
.buy-btn:hover{background: none; color: #000;}
.buy-btn:hover:after{border: solid #000; border-width: 0 1px 1px 0;}


.linkCat{text-align: center;padding-top: 40px;}
.linkCat li{margin-bottom: 20px;}
.linkCat a img{transition: 0.5s}
.linkCat a:hover  img{opacity: 0.8}

@media only screen and (max-width: 767px){
    .buy-btn{width: 100%;}
}


/* Research */
#research a{height: 400px; background: url("../img/buy/img-4.jpg") no-repeat center center/cover; text-align: center; display: flex; justify-content: center; color: #fff; align-content: center; flex-wrap: wrap; position: relative;}
#research a:before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.4); z-index: 0;}
#research-tit{font-size: 3rem; letter-spacing: 0.1em; width: 100%; margin: 0 0 30px; z-index: 2; position: relative;}
#research-btn{max-width: 340px; width: calc(100% - 60px); text-align: center; padding: 15px 0; color: #fff; display: block; border: 1px solid #fff; position: relative; z-index: 2;}
#research-btn:after{content: ''; border: solid rgba(255,255,255,1); border-width: 0 1px 1px 0; display: inline-block; padding: 4px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); position: absolute; top: 24px; right: 15px;}
#research a:hover:before{background-color: rgba(0,0,0,.2);}

@media only screen and (max-width: 767px){    
    #research a{height: 250px; background: url("../img/buy/img-4_sp.jpg") no-repeat center center/cover;}
    #research a:before{display: none;}
    #research-tit{font-size: 1.6rem;}
}


/* Session */
#session{padding: 100px 0;}
#session-box{margin: 0 0 100px; padding: 0 0 100px; border-bottom: 1px solid #ccc;}
#session-list{display: flex; flex-wrap: wrap; justify-content: space-between; max-width: 820px; margin: 0 auto;}
.session-item{width: 360px; text-align: center;}
.session-tit{font-size: 2rem; margin: 0 0 15px;}
.session-item figure img{width: 100%;}
.session-btn{font-size: 1.4rem; letter-spacing: 0.1em; font-family: 'Cormorant Infant', serif; text-align: right; margin: 20px 0 0 0;}
.session-btn:after{content: ''; border: solid rgba(0,0,0,.6); border-width: 0 1px 1px 0; display: inline-block; padding: 3px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); margin: 0 0 0 5px;}
.session-btn:hover{opacity: .7;}

@media only screen and (max-width: 767px){
    #session{padding: 60px 0; max-width: 480px; width: calc(100% - 60px);}    
    #session h2{font-size: 1.8rem;}
    #session-box{margin: 0 0 60px; padding: 0 0 60px;}
    .session-item{font-size: 1.4rem; width: 100%; text-align: left; margin: 0 0 40px;}
    .session-item:last-of-type{margin: 0;}
    .session-tit{font-size: 1.6rem;}
}