@charset "utf-8";




video{height: 100vh;width: 100%;object-fit: cover;}

/*header*/
header.global{background:none;z-index: 2;}
/*ナビ*/
nav.global li a{color: #fff;border-color: #fff;}
nav.global li:first-child{border-color: #fff;}

/*ロゴ*/
#logoSvg {fill: #fff;}
/*********************************************************
top専用CSS
/*********************************************************/
#all,#top{height: 100%;overflow:hidden;}
#all{min-width: inherit;}
header.global{
    position: absolute;
	top: 0;left: 0;right: 0;
}
/*トップボックス*/
.topArea{
    min-width: 1000px;
    min-height: 600px;
    text-align: center;
    height: 100vh;
    position: relative;
    display: flex;justify-content: center;align-content: center;
    align-items: center;
}
.topArea .test{height: 80%;}

/*タイトルエリア*/
.topArea .mainPhoto{
	background-size: cover;
	background-position: center;
    top: 0; bottom: 0;
    left: 0;right: 0;
    margin: auto;
    min-height: 600px;
    object-fit: contain;
    position: absolute;
}

/*メイン画像*/
.topArea .mainPhoto img{
	width: 65%;max-width: 1080px;
}
.topArea .mainPhoto{
	display: flex;justify-content: center;align-items: center;
	align-content: center;
}

    

/* ************************************************
トップコンテンツ
************************************************ */
#content{height: 100vh;width:100%;position: relative;}


/* ************************************************
フッター
************************************************ */
footer{width:100%;position: absolute;bottom: 0px;right:0px;background-color: #fff;padding: 15px;text-align: center;}
footer img{width: 150px;}



/*################################################################################
  media query
################################################################################*/

@media screen and (orientation: landscape) and (max-width: 880px) {
    body{width: 1000px;}
    .spPhoto{display: none;}
    #all,#top{height: 100%;}
}


/* ***********************************************************
スマホ専用
*********************************************************** */
@media screen and (max-width: 480px) {
    /*横の時の*/
    .yoko_mode{display: none;}
    
    body {
/*        background-image: url("../../img/2019aw/bg_sp.png");*/
        background-position: bottom;
        width: 100%;
    }
    header.global{height: 55px;}
	#smpNavi ul li{background: #fff}
    /*ナビ*/
    nav.global ul {
        height: calc(100% - 75px);bottom: 0;position: absolute;
        align-content: flex-start;
        padding-top: 18%;
        
    }
    nav.global li a{color: #fff;text-align: center;padding-bottom: 1.8vw;font-size: 5.5vw;}
    nav.global li a{}
        
        
	.brSmp {display: inline;}
    
	.topArea .mainPhoto{ margin: auto;min-height: inherit;}
	.topArea .mainPhoto img{width: 80%;margin-top: 35px;}
    .topArea{height:100%; min-width: inherit;min-height: inherit;margin-top: 0;}

    .spPhoto{
        position: fixed;
        bottom: 0;
        width: 100%;
        height: calc(100% - 75px); 
        left: 0;right: 0;
        bottom: 20px;
        padding-top: 20px;
    }
    .spPhoto .mainPhoto{
        bottom: 0;left: 0;right: 40px;
        margin: auto;
        height:74%;
        min-height: inherit;
        transition: 1.2s ease;
        will-change: transform; 
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        animation: inherit;
        opacity:0;
    }
	


	.link {text-align: left;padding-left: 13vw;width: 100%;height: calc(100vh - 120px);}
	.arrow{width:46%;margin-bottom: 5px;}
	nav li a {font-size: 9vw;text-align: left;margin: 5px 0px;font-family: "Lato",sans-serif;}
	
	footer{padding: 20px;}
	footer img{width:40%;max-width: inherit;}

	
}