@charset "utf-8";

/******************************************************************
common
******************************************************************/

body {
letter-spacing: 1px;
}



/*ナビ*/
nav li a {
 font-size: 80%!important;
}

.btn_gallery a span {
   padding-top: 5px;
   padding-bottom: 5px;  
}


/******************************************************************
top
******************************************************************/

/*トップタイトル*/
.co_tt_top{
    width: 100%;
    font-size: 250%;
    line-height: 200%;
    color: #fff;
    text-shadow: 4px 2px 5px rgba(24, 26, 29, 0.52);
    letter-spacing: 0;
}
.co_tt_top span.en_t01{
    display: block;
    font-size: 140%!important;
}

.co_tt_top span.en_t02{
    display: block;
    padding-bottom: 10px;
    font-size: 180%!important;
}



/* PC */
@media screen and (min-width: 820px){

    /*トップリード*/
    h2.top_read{
        font-size: 2.5vw;
        letter-spacing:1px;
    }
    
    /*トップスライダー*/
    .swiper-slide .sam_title dl dt {
        font-size: 1vw;
        line-height: 2vw;
        padding-bottom: 0.7vw;
    }
    .swiper-slide .sam_title dl dd {
        font-size: 1.8vw;
        padding-top: 0.8vw;
        line-height: 2.5vw;
    }
    .swiper-slide .sam_title dl dd span.tt_ss {
        font-size: 1.2vw;
        display: block;
    }
    .top_txt{
        letter-spacing: 1.5px;
    }
}



/* SP */
@media screen and (max-width: 820px){
    
    .co_tt_top{
        top:55%!important;
        font-size: 160%;
        line-height: 200%;
    }

    .co_tt_top span{
        font-size: 60%;
    }


    h2.top_read{
        font-size: 160%;
        letter-spacing:1px;
    }
    
    .swiper-slide .sam_title dl dd {
        font-size: 160%;
    }

    .swiper-slide .sam_title dl dd span.tt_ss {
        font-size: 70%;
        display: block;
    }

    .top_sw{
        width: 80%;
        line-height: 120%;

}

}

/******************************************************************
下層
******************************************************************/


 /*下層メインタイトル*/
.vegasInner .co_tt{
    width: 100%;
    text-align: center;
    font-size: 320%;
    line-height: 180%;
    position: absolute;
    top: 30%;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}

.vegasInner .co_tt.white{
    color: #fff;
}

.midashi_time{
   letter-spacing: 0.05em;
}

.tit_last{
    letter-spacing: 0.05em; 
}

.vegasInner .co_tt span{
    font-size: 60%;
}

@media screen and (max-width: 820px){
    .vegasInner .co_tt{
        font-size: 160%;
        top: 22%;
        width: 90%;
    }

    .vegasInner .co_tt span{
        font-size: 60%;
    }
}