@charset "UTF-8";
/* CSS Document */

@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

html {font-size: 62.5%;}
/*
body {
	font-size: 22px;
	font-size: 2.2rem;
	line-height:3.0rem;
	font-family: 'Noto Sans Japanese';
	font-style: normal;
	font-weight: 200;
	}	
	
.fontBold{
	font-family: 'Noto Sans Japanese';
	font-style: normal;
	font-weight: 700;
	}
*/

body {
  -webkit-text-size-adjust: auto;

  font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-style: normal;
}

/*------------------------------------------------------
ブラウザの横幅が768px以下の場合
------------------------------------------------------*/
@media screen and (max-width: 767px) {/*ブラウザの横幅が767x以下の場合*/
    main {
        height: 100%;
        min-height: 90vh;
        transition: all .5s;
        display: flex;
        flex-direction: column;
        justify-content: center;
        font-family: 'Montserrat', sans-serif;
	}
    h1 img{
        width:150px;
        position:absolute;
        top:20px;
        left:20px;
    }
    img.frame01{
        position: absolute;
        width: 40px;
        height: 40px;
        top:0;
        left: 0;
    }  
    img.frame02{
        position: absolute;
        width: 40px;
        height: 40px;
        bottom:0;
        right: 0;
    }   
    
    div.lang{
        position: absolute;
        top:15px;
        right:20px;
    }
    div.lang li{
        display: inline;
        padding: 0 0.5rem;
		font-size: 20px;
        font-family: "Bebas Neue", sans-serif;
    }
    div.lang li a{
        text-decoration: none;
        color: #3e3e3e;
    }
    img.instagram{
        position: absolute;
        width: 40px;
        height: 40px;
        bottom:35px;
        right: 20px;
    } 

	/*-----footer -----*/
    footer {
        color: #FFFFFF;
        width: 100%;
        text-align: center;
        position: absolute;
        bottom: 1.0rem;
		font-size: 1.0rem;
    }
/*-----30周年ロゴ -----*/
    img.logo30th{
        position: absolute;
        width: 100px;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
    } 
/*-----メニュー -----*/
    ul.menu2026{
        position: absolute;
        top:110px;
        left:20px;
    } 
    ul.menu2026 li,
	ul.menu2026 li a{
        font-size: 20px;
        font-family: "Bebas Neue", sans-serif;
		text-decoration: none;
        color: #3e3e3e;
		line-height: normal;
		margin-bottom: 5px;
	} 


}





/*------------------------------------------------------------------------------------------------------------------------------------------------------
ブラウザの横幅が768px以上の場合
------------------------------------------------------------------------------------------------------------------------------------------------------*/

@media screen and (min-width:768px) {/*ブラウザの横幅が641px以上の場合*/
    main {
        height: 100%;
        min-height: 100vh;
        transition: all .5s;
        display: flex;
        flex-direction: column;
        justify-content: center;
        font-family: 'Montserrat', sans-serif;
}
    h1 img{
        width:400px;
        position:absolute;
        top:35px;
        left:70px;
        }
    img.frame01{
        position: absolute;
        width: 60px;
        height: 60px;
        top:0;
        left: 0;
    }  
    img.frame02{
        position: absolute;
        width: 60px;
        height: 60px;
        bottom:0;
        right: 0;
    } 
    
    div.lang{
        position: absolute;
        top:30px;
        right:100px;
    }
    div.lang li{
        display: inline;
        padding: 0 1.0rem;
		font-size: 30px;
        font-family: "Bebas Neue", sans-serif;
    }
    div.lang li a{
        text-decoration: none;
        color: #3e3e3e;
    }
    img.instagram{
        position: absolute;
        width: 40px;
        height: 40px;
        bottom:40px;
        right: 40px;
    } 
	/*-----footer -----*/
    footer {
        color: #FFFFFF;
        width: 100%;
        text-align: center;
        position: absolute;
        bottom: 2.0rem;
		font-size: 1.0rem;
	}
/*-----30周年ロゴ -----*/
    img.logo30th{
        position: absolute;
        width: 200px;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
    } 
/*-----メニュー -----*/
    ul.menu2026{
        position: absolute;
        top:250px;
        left:70px;
    } 
    ul.menu2026 li,
	ul.menu2026 li a{
        font-size: 30px;
        font-family: "Bebas Neue", sans-serif;
		text-decoration: none;
        color: #3e3e3e;
	} 
}