@charset "utf-8";
/* 共通スタイル--------------------------------------- */
html,body,div#body,header{
	width:100%;
	height:100%;
}
footer{
	width:100%;
}
/* アンチgridスタイル */
div#body{
	position:static;
	display:block;
}
header{
	position:relative;	
}
main{
	height:auto;
	overflow:visible;
}
/* アンチgridスタイルここまで */


/* mainのレイアウトスタイル */
main .main-content{
	height:auto;
}
/* mainのレイアウトスタイルここまで */

/* hamburgerスタイル--------------------------------- */
.menu-btn {
    position: fixed;
    top: 18px;
    right: 18px;
	transform:translateX(0);	
}
.menu-btn:hover{
	top:16px;
	cursor:pointer;
}
.nav-content .menu-title .sns-icon ul li{
	font-size:24px;
}
/* hamburgerスタイルここまで-------------------------- */

/* ヘッダータイトルロゴスタイル */
header .title-logo h1{
	width:80%;
}
header .title-logo h3{
	width:55%;
}
/* ヘッダータイトルロゴスタイルここまで*/
/* footerスタイル */
footer{
	background-color:rgb(234,228,223);
	height:25%;
}
footer .footer-content{
	box-shadow:none;
}
/* footerスタイルここまで */

/* 共通スタイルここまで--------------------------------------- */

/* #home.main-contentスタイル-------------------------------- */
#home{
	height:100%;
}
#home .main-wrap{
	padding:70px;
}
/* #home.main-contentスタイルここまで----------------------*/

/* #about.main-contentスタイル------------------------------*/
#about .main-content .innerWrap2 .item{
	width:100%;
}
.fadeIn {
    transform: translate3d(0, -10px, 0);
    transition: 1s;
    opacity: 0;
}
.fadeIn.animated {
    transform: translate3d(0, 0, 0);
    opacity: 1;
}
/* #about.main-contentスタイルここまで--------------------- */

/* #media .main-contentスタイル---------------------------- */
#media{
	height:auto;
	display:block;
}
#media .main-content{
	height:auto;
}
#media .sns-content .twitter-content .sns-item{
		width:50%;
	}
/* #media .main-contentスタイルここまで----------------------- */

/* #access .main-contentスタイル------------------------------ */
/* #access .main-contentスタイルここまで--------------------- */

/* #errorスタイル */
#error{
	height:100%;
}
#error .main-content{
	height:100%;
}
#error .main-content{
	background-position:center bottom;
}
#error .main-content .not-found ul{
	transform:translateY(0);
}
/* #errorスタイルここまで */