@charset "UTF-8";

/* --------------------------------
 * top
 * -------------------------------- */


.news_tab,
.blog_tab {
    width: 100%;
    padding: 0;
    display: table;
    table-layout: fixed;
	text-align: center !important;
}
.news_tab li,
.blog_tab li {
    width: 16% !important;
    margin: 10px 0;
    padding: 0 !important;
    display: table-cell;
    vertical-align: middle;
    text-align: center !important;
    border-right: 1px solid #002f58;
    word-wrap: break-word;
}
.news_tab li a,
.blog_tab li a{
    display: block;
    padding: 10px 0;
    color: #002f58 !important;
    -webkit-transition: all 0.0s step-start;
    -moz-transition: all 0.0s step-start;
    -o-transition: all 0.0s step-start;
    transition: all 0.0s step-start;
}
.news_tab li:last-child,
.blog_tab li:last-child {
    border-right: none;
}
.news_tab li:hover a, .news_tab li a.current,
.blog_tab li:hover a, .blog_tab li a.current {
    background: #002f58 !important;
}
.news_tab li:hover a, .news_tab li a.current,
.blog_tab li:hover a, .blog_tab li a.current {
    color: #fff !important;
}
@media screen and (max-width: 960px) {
    .news_tab,
    .blog_tab {
        padding-bottom: 40px !important;
    }
    .news_tab li,
    .blog_tab li{
        width: 30% !important;
        line-height: 1.2;
    }
    .news_tab li a,
    .blog_tab li a{
        font-size: 1.4rem;
        font-size: 14px;
        line-height: 1.2;
        padding: 10px 20px !important;
    }
    .news_tab li:first-child,
    .blog_tab li:first-child {
        border-left: 1px solid #002f58;
    }
    .news_tab li:nth-child(4),
    .blog_tab li:nth-child(4) {
        border-left: 1px solid #002f58;
    }
    .news_tab li:last-child,
    .blog_tab li:last-child  {
        border-right: 1px solid #002f58;
    }
}
@media screen and (max-width: 460px) {
    .news_tab,
    .blog_tab {
        padding-bottom: 20px !important;
    }
    .news_tab li a,
    .blog_tab li a{
        font-size: 3.2vw;
        padding: 6px 0 !important;
    }
}
.news_tab-content,
.blog_tab-content  {
    display: none;
}
.news_tab-content.is_show,
.blog_tab-content.is_show {
    display: block;
}
#fixed_img {
    position: relative;
}
#fixed_img h1 {
    position: absolute;
    top: 8%;
    left: 4%;
    text-align: right;
    z-index: 5;
}
#fixed_img h1 img {
    max-width: 447px !important;
}

@media screen and (max-width: 1400px) {
    #fixed_img h1 {
width: 30%;
}
    #fixed_img h1 img {
width: 100%;
    }
}
@media screen and (max-width: 960px) {
    #fixed_img h1 {
    top: 8%;
    left: 4%;
    }
}
@media screen and (max-width: 768px) {
    #fixed_img h1 {
        width: 100%;
        position: absolute;
        margin: 0 auto !important;
        padding: 20px 20px 0 20px;
        top: 30%;
        bottom: 0;
        left: 0;
        background: -moz-linear-gradient(top, rgba(255,255,255,0.0), #002f58);
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.0)), to(#002f58));
        background: -o-linear-gradient(top, rgba(255,255,255,0.0), #002f58);
        background: -ms-linear-gradient(top, rgba(255,255,255,0.0), #002f58);
        background: linear-gradient(top, rgba(255,255,255,0.0), #002f58);
        text-align: rihgt;
        z-index: 5;
    }
    #fixed_img h1 img {
        display: inline-block;
width:220px;
        position: absolute;
        bottom: 8%;
        left: 4%;

    }
}
@media screen and (max-width: 490px) {
    #fixed_img h1 img {
width:180px !important;
    }
}

.banner {
    text-align: center;
}
.banner div.b_lineup2 {
    position: relative;
    width: 100%;
    background: url("../images/lineup/model_main.jpg") 0 0 no-repeat;
    background-size:cover;
    padding-top: 32.86%;
}
.banner div.b_selekt2 {
    position: relative;
    width: 100%;
    background: url("../images/selekt/selekt_main.jpg") 0 0 no-repeat;
    background-size:cover;
    padding-top: 32.86%;
}
.banner div.b_after {
    position: relative;
    width: 100%;
    background: url("../images/top/after_service.jpg") 0 0 no-repeat;
    background-size:cover;
    padding-top: 32.86%;
}
.banner div.b_cars {
    position: relative;
    width: 100%;
    background: url("../images/top/cars_banner.jpg") 0 0 no-repeat;
    background-size:contain;
    padding-top: 32.86%;
}
.banner div.b_lineup2 .lineup_catch2 {
    position: absolute;
    top: 80px;
    left: 0;
    right: 0;
}
.banner div.b_selekt2 .selekt_catch2 {
    position: absolute;
    top: 80px;
    left: 0;
    right: 0;
}
.banner div.b_after .after_catch {
    position: absolute;
    top: 70px;
    left: 0;
    right: 0;
}
.banner span {
    position: absolute;
    left: 50%;
    background: url("../images/top/content_arrow_wh.png") 10px 50% no-repeat;
    margin-left: -180px;
    bottom: 46px;
    width: 360px;
    height: 60px;
    padding-top: 20px;
    border: 2px solid #fff;
    font-weight: bold;
}
.banner a {
    font-size: 1.8rem;
    font-size: 18px;
    line-height: 1.2;
    color: #fff;
    border-bottom: none;
}
@media screen and (max-width: 500px) {
.banner a {
    font-size: 3.75vw;
}
}
#top .lead span {
    padding: 0 20px;
    border-right: 1px solid #002f58;
    word-wrap: break-word;
}
#top .lead span a {
    color: #003057;
    border-bottom: none;
}
#top .lead span:last-child {
    border-right: none;
}
.lineup_catch2 img {
    width: 450px;
}
.selekt_catch2 img {
    width: 380px;
}
.after_catch img {
    width: 407px;
}
@media screen and (min-width: 1401px) {
    .banner div.b_lineup2 .lineup_catch2 {
        position: absolute;
        top: 50px;
        left: 0;
        right: 0;
    }
    .banner div.b_selekt2 .selekt_catch2 {
        position: absolute;
        top: 50px;
        left: 0;
        right: 0;
    }
    .banner div.b_after .after_catch {
        position: absolute;
        top: 50px;
        left: 0;
        right: 0;
    }
}
@media screen and (max-width: 1400px) {
    .banner div.b_lineup2 .lineup_catch2 {
        position: absolute;
        top: 50px;
        left: 0;
        right: 0;
    }
    .banner div.b_selekt2 .selekt_catch2 {
        position: absolute;
        top: 50px;
        left: 0;
        right: 0;
    }
    .banner div.b_after .after_catch {
        position: absolute;
        top: 50px;
        left: 0;
        right: 0;
    }
}
@media screen and (max-width: 960px) {
    .lineup_catch2 img {
        width: 40%;
    }
    .selekt_catch2 img {
        width: 40%;
    }
    .after_catch img {
        width: 40%;
    }
    .banner div.b_lineup2 .lineup_catch2 {
        position: absolute;
        top: 30px;
        left: 0;
        right: 0;
    }
    .banner div.b_selekt2 .selekt_catch2 {
        position: absolute;
        top: 30px;
        left: 0;
        right: 0;
    }
    .banner div.b_after .after_catch {
        position: absolute;
        top: 40px;
        left: 0;
        right: 0;
    }
    
    .banner span {
        background-color: rgba(255,255,255,0.3);
        margin-left: 0;
        padding-top: 22px;
        left: 0;
        width: 100%;
        bottom: 0;
        border-top: 1px solid #fff;
        border-left: none;
        border-right: none;
        border-bottom: none;
    }
    .banner a {
        font-size: 1.4rem;
        font-size: 14px;
    }
}
@media screen and (max-width: 768px) {
    .banner {
    	padding-top:95px;
        padding-bottom: 60px;
    }
    .cars_b {
        padding-bottom: 0 !important;
    }
    .banner span {
        background-color: rgba(0,0,0,0.3);
        margin-left: 0;
        left: 0;
		bottom:-60px;
        width: 100%;
        border-top: none;
    }
}

    .testcar_banner {
        /*padding-bottom: 140px;:::::*/
    }
    .after_banner {
        padding: 60px 0;    }
@media screen and (max-width: 768px) {
    .banner div.b_lineup2 .lineup_catch2 {
        position: absolute;
        background: #002f58;
        padding: 20px 0;
        top: -120px;
        left: 0;
        right: 0;
    }
    .banner div.b_selekt2 .selekt_catch2 {
        position: absolute;
        background: #002f58;
        padding: 26px 0;
        top: -95px;
        left: 0;
        right: 0;
    }
    .banner div.b_after .after_catch {
        position: absolute;
        background: #002f58;
        padding: 40px 0;
        top: -80px;
        left: 0;
        right: 0;
    }
    .banner div.b_selekt {
    }
    .lineup_catch2 img {
        width:80%;
    }
    .selekt_catch2 img {
        width: 70%;
    }
    .after_catch img {
        width: 50%;
    }
    .lineup_banner {
        padding-top: 80px;
        /*padding-bottom: 120px;:::::*/
    }
    .selekt_banner {
        padding-top: 80px;
    }
    .after_banner {
        padding-top: 100px;    }
    #selekt {
        margin-top: 20px;
    }
}
@media screen and (max-width: 500px) {

    .banner div.b_lineup .lineup_catch {
        padding: 7.5vw 0;
        top: -60px;
    }
    .banner div.b_selekt .selekt_catch {
        padding: 7.5vw 0;
        top: -60px;
        left: 0;
        right: 0;
    }
    .banner div.b_after .after_catch {
        padding: 7.5vw 0;
        top: -60px;
    }
    .testcar_catch img {
        width: 60%;
    }
    .selekt_catch img {
        width: 60%;
    }
    .after_catch img {
        width: 60%;
    }
    .lineup_banner {
        padding-top: 40px;
        /*padding-bottom: 80px;:::::*/
    }
    .after_banner {
        padding-top: 40px;    }
}
#top p.content_more span{
    display: inline-block;
    background: url("../images/top/content_arrow_nv.png") 10px 50% no-repeat;
    width: 360px;
    height: 60px;
    margin-top: 55px;
    padding-top: 20px;
    border: 2px solid #002f58;
}
@media screen and (max-width: 768px) {
    p.content_more span{
    margin-top: 20px !important;
    }
}
#top p.content_more a {
    font-size: 1.8rem;
    font-size: 18px;
    line-height: 1;
    color: #002f58;
    border-bottom: none;
    font-weight: bold;
}
@media screen and (max-width: 640px) {
    #top p.content_more {
        width: 100%;
        padding: 0 20px;
    }
    #top p.content_more span{
        margin-top: 20px;
    }
    #top p.content_more span{
        width: 100%;
        padding-top: 22px;
    }
    #top p.content_more a {
        font-size: 1.4rem;
        font-size: 14px;
    }
}
#top h2, #news_detail h2 {
    font-size: 3.6rem;
    font-size: 36px;
    font-weight: bold;
    margin: 60px 0 0;
}
@media screen and (min-width: 500px) and (max-width: 768px) {
#top h2, #news_detail h2 {
    font-size: 2.4rem;
    font-size: 24px;
    margin: 40px 0 0;
    padding-bottom: 0px;
}
}
@media screen and (max-width: 499px) {
#top h2, #news_detail h2 {
margin-top: 0 !important;
    font-size: 5.65vw;
}
}
#top #news h2 {
padding:50px 0 0;
}
@media screen and (min-width: 500px) and (max-width: 768px) {
#top #news h2 {
padding:0 0 0;
}
}
@media screen and (max-width: 499px) {
#top #news h2 {
padding:20px 0 0;
}
}
@media screen and (min-width: 500px) and (max-width: 768px) {
#top #blog h2 {
margin:0 0 0;
}
}
@media screen and (max-width: 499px) {
#top #blog h2 {
margin:0 0 0;
}
}
@media screen and (max-width: 499px) {
#top #selekt .lead {
    margin-top: 10px;
}
}
#top .lead, #news_detail .lead {
    font-size: 2.0rem;
    font-size: 20px;
    margin-top: 28px;
    padding-bottom: 40px;
}
#top .lead2 {
    font-size: 2.0rem;
    font-size: 20px;
    margin-top: 28px;
    padding-bottom: 5px;
    line-height: 2.3rem;
}
@media screen and (max-width: 640px) {
    #top .lead, #news_detail .lead {
        font-size: 1.4rem;
        font-size: 14px;
        line-height: 1.5;
        padding-bottom: 20px;
    }
    #top .lead2 {
        font-size: 1.4rem;
        font-size: 14px;
        line-height: 1.5;
        padding-bottom: 0px;
    }
    #top .lead span{
        display: inline-block;
        padding: 0 25px;
        margin-bottom: 10px;
        border-right: 1px solid #002f58;
        word-wrap: break-word;
    }
    #top .lead span:last-child {
        border-right: none;
    }
    #top .lead span a{
        border-bottom: none;
    }
}
@media screen and (max-width: 640px) {
    .lead_box {
        width: 100%;
        padding: 10px;
    }
    #top .lead span:first-child {
        padding: 0 20px 0 0;
    }
}

/* cars */
.cars_wrap .cars_box {
    width: 1240px;
    background: #fff;
}
#cars {
    text-align: center;
    padding: 60px 0 80px;
}
#cars ul {
    letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
    margin: 0 auto;
    list-style-type: none;
    text-align: center;
}
#cars h2 {
    margin: 0;
    padding-bottom: 55px;
}
#cars .lead {
    font-size: 2.0rem;
    font-size: 20px;
    margin-top: 28px;
    padding-bottom: 25px;
}
#cars li {
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal; /* 文字間を通常に戻す */
    width: 296px;
    padding: 18px;
    text-align: left;
}
#cars .wrap {
    width: 100%;
    padding: 0 20px;
}
#cars li img { width: 260px; }
@media screen and (max-width: 1184px) {
    .cars_wrap .cars_box {
        width: 888px;
    }
}
@media screen and (max-width: 888px) {
    .cars_wrap .cars_box {
        width: 592px;
    }
}@media screen and (max-width: 888px) {
    
    #cars {
        text-align: center;
        padding: 60px 0 40px;
    }
}
@media screen and (max-width: 640px) {
    .cars_wrap .cars_box {
        width: 100%;
        padding: 5px;
    }
    #cars li {
        width: 100%;
        margin: 5px 0;
        padding: 5px;
    }
    #cars li img { width: 100%; }
}
.container .container_box a {
    color: #000;
    border-bottom: none;
    line-height: 1.5;
}/*
@media screen and (max-width: 768px) {
    #cars .cars_box li:last-child {
        display: none;
    }
}*/
.cars_wrap .cars_box a {
    color: #000;
    border-bottom: none;
    line-height: 1.5;
}
#cars ul li .thumimg {
    vertical-align: bottom;
    overflow: hidden;
    margin-top: 5px;
    padding-bottom: 10px;
}
#cars ul li .thum_detail {
    background: #ececec;
    padding: 2% 4% 30px;
}
#cars ul li a{
    color: #000;
    border-bottom: none;
    line-height: 1.5;
}

/* channel
-----------------------------------------*/
#channel {
    text-align: center;
    padding: 60px 0 100px;
}
@media screen and (max-width: 960px) {
    #channel {
        padding: 60px 0 60px;
    }
}
@media screen and (min-width: 500px) and (max-width: 768px) {
#channel {
    padding: 40px 0 40px;
}
}
@media screen and (max-width: 499px) {
#channel {
    padding: 10vw 0 8vw;
    margin-bottom: 2rem;
}
}
#channel h2.jp_font {
    font-size: 3.4rem;
    font-size: 34px;
    line-height: 1.4;
    margin: 0;
}
@media screen and (min-width: 500px) and (max-width: 768px) {
#channel h2.jp_font{
    font-size:24px;
}
}
@media screen and (max-width: 499px) {
#channel h2.jp_font{
    font-size: 5.65vw;
}
}
#channel .lead {
    font-size: 2.0rem;
    font-size: 20px;
    line-height: 1.4;
    margin-top: 28px;
    padding-bottom: 60px;
}
@media screen and (min-width: 500px) and (max-width: 768px) {
#channel .lead {
    font-size: 1.6rem;
    font-size: 16px;
    margin-top: 20px;
    padding-bottom: 40px;
}
}
@media screen and (max-width: 499px) {
#channel .lead {
    font-size: 3.75vw;
    margin-top: 2vw;
    padding-bottom: 6vw;
}
}
.movie_wrap {
    width: 780px;
    margin: 0 auto;
}
.youtube iframe { width: 100%;}
@media screen and (max-width: 960px) {
    #channel .wrap {
        width: 100%;
        padding: 0 20px;
    }
} 
@media screen and (max-width: 880px) {
    .movie_wrap {
        width: 100%;
        padding: 0 20px;
        margin: 0 auto;
    }
}
@media screen and (max-width: 400px) {
    #channel .lead {
        padding-bottom: 20px !important;
    }
}
/* recommend
-----------------------------------------*/
#recommend {
    text-align: center;
    padding: 60px 0 120px;
}
@media screen and (min-width: 500px) and (max-width: 768px) {
#recommend {
    padding: 20px 0 40px;
}
}
@media screen and (max-width: 499px) {
    #recommend {
    padding: 10vw 0 8vw;
    }
}
#recommend h2.jp_font{
    line-height: 1.4;
    padding-bottom: 55px;
}
@media screen and (min-width: 500px) and (max-width: 768px) {
#recommend h2.jp_font{
    font-size: 2.4rem;
    font-size: 24px;
}
}
@media screen and (max-width: 499px) {
#recommend h2.jp_font{
margin-top: 0 !important;
    font-size: 5.65vw;
    padding-bottom: 10vw;
}
}
#recommend .reco_photo li.l_p:nth-child(2){
    display: none;
}
@media screen and (max-width: 960px) {
    #recommend div.reco_box{
        width: 90%;
        margin: 0 auto;
    }
#recommend .reco_photo li.l_p:nth-child(2){
        float: right;
    display: block;
        width: 47%;
}
#recommend .reco_photo li.l_p {
        /*float: left;
        width: 47%;*/
    }
}
@media screen and (max-width: 768px) {
#cars .lead {
    font-size: 1.6rem;
    font-size: 16px;
    margin-top: 0;
    padding-bottom: 0;
}
}
#recommend .reco_photo {
    float:left;
    width: 460px;
}
#recommend .reco_detail {
    float:right;
    text-align: left;
    width: 460px;
} 
#recommend .reco_detail .reco_title {
    font-size: 2.0rem;
    font-size: 20px;
    line-height: 1.2;
    padding-bottom: 30px;
}
#recommend .reco_detail .reco_date {
    font-size: 1.4rem;
    font-size: 14px;
    color: #4d4c53;
    padding-bottom: 30px;
}
#recommend .reco_detail .reco_body {
    font-size: 1.4rem;
    font-size: 14px;
    line-height: 1.8;
    color: #4d4c53;
    padding-bottom: 30px;
    text-align:justify;
}
#recommend .reco_detail .reco_more span {
    padding: 8px 10px;
    font-size: 1.4rem;
    font-size: 14px;
    background: #fff;
    border: 1px solid #003057;
}
#recommend .reco_detail .reco_more a {
    border: none;
}
@media screen and (max-width: 960px) {
    #recommend .reco_photo {
        float: none;
        width: 100%;
    }
    #recommend .reco_photo img {
        width: 100%;
    }
    #recommend .reco_detail {
        float:none;
        padding: 10px;
        margin-top: 20px;
        width: 100%;
    } 
    #recommend .reco_detail .reco_more a {
        display: block;
        width: 100%;
        text-align: center;
    }
}
@media screen and (max-width: 460px) {
    #cars h2 {
        margin: 20px 0 0;
    }
    #recommend .reco_photo img {
        width: 100%;
    }
    #recommend .reco_detail {
        float: none;
        padding: 0;
        margin-top: 20px;
        width: 100%;
    }
    #recommend .reco_detail .reco_title {
    font-size: 3.2vw;
        line-height: 1.2;
        padding-bottom: 10px;
    }
    #recommend .reco_detail .reco_date {
    font-size: 2.9vw;
        line-height: 1.2;
        padding-bottom: 10px;
    }
#recommend .reco_detail .reco_body {
    font-size: 2.9vw;
    line-height: 1.6;
    color: #4d4c53;
    padding-bottom: 30px;
}}

/* blog, sekekt - list
-----------------------------------------*/
#news,
#blog,
#selekt {
    text-align: center;
    padding: 10px 0 60px;
}
#news ul,
#blog ul,
#selekt ul {
    letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
    margin: 0 auto;
    list-style-type: none;
    padding-left: 0;
    text-align: left;
}
#news ul button {
    letter-spacing: normal; /* 文字間を通常に戻す */
}
#news li,
#blog li,
#selekt li {
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal; /* 文字間を通常に戻す */
    background: #fff;
    width: 230px;
    padding: 5px;
    text-align: left;
}
#news ul li a,
#blog ul li a,
#selekt ul li a{
    color: #000;
    border-bottom: none;
    line-height: 1.5;
}
#news li img,
#blog li img,
#selekt li img {
    width: 220px;
}
#news ul li .thumimg,
#blog ul li .thumimg,
#selekt ul li .thumimg {
    background: #ececec;
    vertical-align: bottom;
    overflow: hidden;
    padding-bottom: .25em;
}
#news ul li .thum_detail,
#blog ul li .thum_detail {
    position:relative;
    background: #ececec;
    padding: 2% 4% 4%;
}
#news ul li .thum_detail .thum_date,
#blog ul li .thum_detail .thum_date,
#selekt ul li .thum_data .thum_date {
    font-size: 1.2rem;
    font-size: 12px;
    color: #4d4c53;
    padding-bottom: .25em;
}
#news ul li .thum_detail p.thum_shop,
#blog ul li .thum_detail p.thum_shop,
#news ul li .thum_detail p.thum_tag,
#blog ul li .thum_detail p.thum_tag {
    font-size: 1.2rem;
    font-size: 80%;
    height:1.5em;
}

#news ul li .thum_detail p.thum_shop span,
#blog ul li .thum_detail p.thum_shop span{
   padding: .25em .75em;
   position:absolute;
   right:0;
   top:0;
}
#news ul li .thum_detail p.thum_tag span,
#blog ul li .thum_detail p.thum_tag span {
    padding: .25em .75em;
    margin-right: .3em;
    /*margin-bottom: 4%;*/
    /*font-size: 1.2rem;
    font-size: 80%;*/
    color: #fff;
    background: #587e96;
}
#news ul li .thum_detail .thum_title,
#blog ul li .thum_detail .thum_title {
    font-size: 1.5rem;
    font-size: 15px;
    line-height: 1.4;
    height: 3em;
    font-weight: bold;
    margin: 1em 0 0px;
    word-wrap: break-word;
    color: #002f58;
}
#news ul li .thum_detail .thum_body,
#blog ul li .thum_detail .thum_body {
    font-size: 1.3rem;
    font-size: 13px;
    line-height: 1.4;
    height: 5.6em;/*blog_height_ch*/
    text-align:justify;
}
#selekt ul li .thum_data {
    background: #ececec;
    padding: .25em 4% .5em;
    height:8.5em;
    box-sizing: content-box;
}
#selekt ul li .thum_data .thum_text{
    font-size: 1.3rem;
    font-size: 13px;
    line-height: 1.4;
	margin-bottom: 0.3em;
}
#selekt ul li .thum_data .thum_price {
    font-size: 1.3rem;
    font-size: 13px;
    line-height: 1.4;
    margin-top: 0.2em;
}
#selekt ul li .thum_data .thum_price .huge {
    font-size: 1.5rem;
    font-size: 15px;
    font-weight: bold;
    color: #002f58;
    margin-left: 8px;
}
@media screen and (max-width: 1149px) {
    #top .container {
        width: 100%;
        padding: 5px;
    }
    #top .container .container_box {
        width: 920px;
    }
}
@media screen and (max-width: 921px) {
    #top .container {
        width: 100%;
        padding: 0px;
    }
    #top .container .container_box {
        width: 85%;
    }
    #news li,
    #blog li,
    #selekt li {
        width: 50%;
        margin: 5px 0;
        padding: 0 5px;
    }
    #news li img,
    #blog li img,
    #selekt li img {
        width: 100%;
    }
    #news ul li .thum_detail .thum_body,
    #blog ul li .thum_detail .thum_body {
        /*min-height: 80px;*//*blog_height_ch*/
    }
}
@media screen and (max-width: 768px) {
    #top .container .container_box {
        width: 100%;
    }
    #news ul li .thum_detail .thum_body,
    #blog ul li .thum_detail .thum_body {
        /*min-height: 80px;*//*blog_height_ch*/
    }
#selekt ul li .thum_data {
    height: 8.5em;
}
}
@media screen and (max-width: 640px) {
    #news ul li .thum_detail .thum_body,
    #blog ul li .thum_detail .thum_body {
        /*min-height: 100px;*//*blog_height_ch*/
    }
}
@media screen and (max-width: 460px) {

    #top #news {
        padding: 10px 0 40px !important;
    }
    #news ul li .thum_detail .thum_date,
    #blog ul li .thum_detail .thum_date,
    #selekt ul li .thum_data .thum_date,
#news ul li .thum_detail p.thum_shop span,
#news ul li .thum_detail p.thum_tag span,
#blog ul li .thum_detail p.thum_tag span  { 
    font-size: 2.9vw;
    }
    #news ul li .thum_detail .thum_title,
    #blog ul li .thum_detail .thum_title {
        font-size: 3.2vw;
        /*min-height: 11vw;*/

    }
    #news ul li .thum_detail .thum_body,
    #blog ul li .thum_detail .thum_body {
        font-size: 2.9vw;
        /*min-height: 25vw;*//*blog_height_ch*/
        height: 7em;
    }
	#selekt ul li .thum_data .thum_price,
	#selekt ul li .thum_data .thum_text{
    		font-size: 2.9vw;
    		line-height: 1.2;
	}
	#selekt ul li .thum_data .thum_price .huge {
        font-size: 3.2vw;
	}
#selekt ul li .thum_data {
        height: 7em;
	}
}
/* location
-----------------------------------------*/
#location {
    text-align: center;
    padding: 60px 0;
	margin-top: 60px;
}

@media screen and (max-width: 768px) {
#location {
    text-align: center;
    padding: 60px 0;
	margin-top: 20px;
}
}
@media screen and (max-width: 499px) {
#location {
	margin-top: 0;
    padding: 0 0 40px;
}
#location h2{
padding-top:40px;
}
}
#location .loc_fb,
#location .loc_area
{
    width: 460px;
}
#location .loc_area_left {
    float:left;
} 
#location .loc_area img{
    width: 100%;
}
#location .loc_name {
    font-size: 1.8rem;
    font-size: 18px;
    line-height: 1.5;
    border-bottom: 1px solid #587e96;
    padding-top: 20px;
    height:100px;
    padding-bottom: 1em;
}
#location .loc_detail {
    color: #415564;
    font-size: 1.6rem;
    font-size: 16px;
    line-height: 1.5;
    margin-top: 1em;
}

#map3,
#map2,
#map {
position: relative;
padding-bottom: 65%; // これが縦横比
height: 0;
overflow: hidden;
}
#map3 iframe,
#map2 iframe,
#map iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
@media screen and (max-width: 960px) {
    
#location .wrap {
width: 100%;
}
#location .loc_fb {
width: 90%;
margin:0 5%;
padding: 2em 0;
}
#location .loc_area {
    width: 100%;
}
#map3,
#map2,
#map {
padding-bottom: 50%; /* これが縦横比*/
}
}
@media screen and (max-width: 460px) {
#fb-root {
    display: none;
}
 
#location .fb_iframe_widget, #location .fb_iframe_widget span,
#location .fb_iframe_widget span iframe[style] {
    width: 100% !important;
}
}
/* slide
-----------------------------------------*/
.mod_slide {
    margin: 0 auto;
    width: 100%;
    padding-bottom: 20px;
}
.mv_title {
    font-size: 1.6rem;
    font-size: 16px;
    line-height: 1.2;
    text-align: left;
}
@media screen and (max-width: 550px) {
    .mv_title {
        font-size: 1.4rem;
        font-size: 14px;
        line-height: 1.2;
    }

#location .loc_name {
    font-size: 4.5vw;
}
#location .loc_detail {
    font-size: 3.5vw;
}


}
.slider-for01 {
    /*padding-bottom: 1.5em;*/
}

.slider-nav01 .slick-list {
    width: 960px;
    margin: 0 auto;
    text-align: center;
}
.slider-nav01 .slick-slide {
    padding: 0 10px;
}
.slider-for01 .slick-slide img{
    width: 100%;
}
.slider-for02 {padding: 0 10px;}
.slider-nav02 {margin-top: 10px;}
.slider-nav02 .slick-slide img{
    padding: 10px;
}
.slider-nav02 .slick-list {
    width: 780px;
    margin: 0 auto;
    text-align: center;
}
.mod_slide .mod_slide_nav .slick-slide img{
    width:100%;
    cursor: pointer;
}
.slick-prev {
    width: 25px;
    height: 98px;
    left: -35px;
}
[dir="rtl"] .slick-prev {
    left: auto;
    right: 0px;
}
.slick-prev::before {
    content: url("../images/slide_prev_98.png");
  font-family: FontAwesome;
}
[dir="rtl"] .slick-prev::before {
    content: url("../images/slide_next_98.png");
  font-family: FontAwesome;
}
.slick-next {
    width: 25px;
    height: 98px;
    right: -35px;
}
[dir="rtl"] .slick-next {
    left: 0px;
    right: auto;
}
.slick-next::before {
    content: url("../images/slide_next_98.png");
  font-family: FontAwesome;
}
[dir="rtl"] .slick-next::before {
    content: url("../images/slide_prev_98.png");
  font-family: FontAwesome;
}
@media screen and (max-width: 1024px) {
    .slider-nav01 .slick-list {
        width: 100%;
        padding: 0 10px;
    }
}
@media screen and (max-width: 880px) {
    .slick-prev {
        width: 5%;
        height: auto;
    }
    .slick-next {
        width: 5%;
        height: auto;
    }
    .slider-for02 {padding: 0;}
    .slider-nav02 .slick-list {
        width: 90%;
    }
    .slick-prev {
        left: 0;
    }
    .slick-next {
        right: 0;
    }
    .slick-prev::before, .slick-next::before {
        color: #000;
        font-size: 40px;
        line-height: 1;
    }
    .slick-prev::before {
      content: " \f0d9";
      font-family: FontAwesome;
    }
    [dir="rtl"] .slick-prev::before {
      content: " \f0d9";
      font-family: FontAwesome;
    }
    .slick-next::before {
      content: " \f0da";
      font-family: FontAwesome;
    }
    [dir="rtl"] .slick-next::before {
      content: " \f0da";
      font-family: FontAwesome;
    }
    .slider-nav02 .slick-list {
        width: 90%;
    }
}
@media screen and (max-width: 780px) {
    .youtube iframe {
        height: 54vw;
        max-height: 54vw;}
    }
}

/* selekt メイン*/
.banner div.b_selekt {
    position: relative;
    width: 100%;
    background: url("../images/lineup/selekt_main.jpg") 0 0 no-repeat;
    background-size:contain;
    padding-top: 37.86%;
}
.selektmodel li{display:inline-block;width:24%;vertical-align:top;}
.selektmodel li{font-size:30px}
.selektmodel a+a{margin-top:30px}
.selektmodel a{display:block;width:100%;border-bottom:0!important;}
.selektmodel a p{font-size:20px}
.selektmodel a.title{border-bottom:1px solid #002f58!important;}
.osusume_box img{max-width:100%}
.osusume_box li{display:inline-block;width:25%;vertical-align:top;border:1px solid #DDD}
.osusume_box li+li{margin-left:3%}
.osusume_box .thum_data{padding:5px;text-align:left;color:#555}
.osusume_box .huge{font-size:15px;font-weight:bold;color:#002f58;margin-left:8px;}
@media screen and (min-width:768px){
    .osusume_box li{min-height:380px;}
    #selekt ul li .thumimg{min-height:168px;}
}
@media screen and (min-width: 1401px) {
    .banner div.b_selekt .selekt_catch img {
        max-width: 308px;
    }
    .banner div.b_selekt .selekt_catch {
        position: absolute;
        top: 10px;
        left: 0;
        right: 0;
    }
}

@media screen and (max-width: 1400px) {
    .banner div.b_selekt .selekt_catch img {
        max-width: 308px;
    }
    .banner div.b_selekt .selekt_catch {
        position: absolute;
        top: 10px;
        left: 0;
        right: 0;
    }
}
@media screen and (max-width: 960px) {
    .banner div.b_selekt .selekt_catch img {
        width: 90%;
        max-width: 408px;
    }
    .banner div.b_selekt .selekt_catch {
        position: absolute;
        background: #2c2c2f;
        padding: 30px 0;
        top: -230px;
        left: 0;
        right: 0;
    }
}
@media screen and (max-width: 768px) {
    #selekt ul li .thumimg{height:auto;}
    .banner div.b_selekt .selekt_catch {
        position: absolute;
        background: #2c2c2f;
        padding: 10px 0;
        top: -200px;
        left: 0;
        right: 0;
    }
    .selektmodel li{width:100%;vertical-align:top;}
    .selektmodel a{width:49.3%;display:inline-block}
	.selektmodel a+a {margin-top:10px}
    .selektmodel a.title{width:80%;margin-top:20px}
	.osusume_box li+li{margin-left:0}
	.osusume_box li{width:32%}
}
@media screen and (max-width: 460px) {
    .banner div.b_selekt .selekt_catch img {
        width: 60%;
    }
    .banner div.b_selekt .selekt_catch {
        position: absolute;
        background: #2c2c2f;
        padding: 10px 0;
        top: -150px;
        left: 0;
        right: 0;
    }
	.osusume_box li{width:49.2%;margin-bottom:10px;}
}