@charset "utf-8";
@media only screen and (min-width: 0) and (max-width: 769px) {	
	
	/******************************** 基本設定 ********************************/

body{
	font-family:'Questrial', sans-serif, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	letter-spacing: 0.05em;
	font-size: 12px;
	line-height: 180%;
}

	
	hr {
		display: none;
	}

	#container {
		height:100%;
		width:94%;

	}
	.tb60{
		margin-top:30px;
		margin-bottom:30px;
	}

	.tb40{
		margin-top:20px;
		margin-bottom:20px;
	}

	.tb10{
		margin-top:10px;
		margin-bottom:10px;
	}
	.space{
		height:40px;
	}
	
	/******************************** ヘッダー ********************************/
	#header_top{
		width: 100%;
		height: 40px;
		text-align: center;
		background: rgba(255, 255, 255, 0.9); 
		position: fixed;
		z-index: 5;
	}
	#logo{
		padding-top:12px;
		padding-bottom:0px;
		text-align: center;
	}
	#logo img{
		width:180px;
	}
	
	#topmenu{
		display: none;
	}
	#topmenu img{
		height:18px;
	}
	/******************************** フッター ********************************/

	#footer{
	text-align:center;
	height:55px;
	}


	#footer img{
		width:180px;
	}

	/******************************** バイオグラフィー ********************************/

	.bio_link{
		padding-top:30px;
		text-align: center;
	}

	/******************************** ギャラリー ********************************/
	ul.category{
	text-align: center;
	padding-top: 50px;
	}
	
.photomenu{
	display: inline-block;
	margin-right: 0px;
	margin-bottom: 10px;
}
.space_gal{
	height:10px;
}
.photomenu a{
	padding:5px;
}
.photomenu_now{
	padding:5px;
	margin-right: 0px;
	margin-bottom: 3px;
}


	/******************************** コンタクト ********************************/
	#mailform{
	text-align: center;
}

#image-btn-send, #image-btn-reset, #image-btn-back {
    border: 0px;
    width: 100px;
    height: 30px;
	vertical-align: middle;
	text-align: center;
	background: #ccc;
	color:#fff;
	letter-spacing: 0.1em;
	font-size: 14px;
}
#image-btn-reset{
	margin-left: 10px;
}

#mailsend table{
		width:94%;
		margin: 30px auto;
	}
#mailsend td{
	padding:5px;
}
#mailsend td.l_Cel{
	width:60px;
}
#mailsend  p.error_messe{
	margin:5px 0;
	color:red;
}

.form_tb{
	margin-top:15px;
}
.form_back{
	background-color:#fff;
	border-color:#ccc;
	border-style:solid;
	border-width:1px;
	width:94%;
	padding:10px;
}


	.mt20 {
		margin-top: 20px;
	}

	.mb20 {
		margin-bottom: 20px;
	}


	.tb100 {
		margin-top: 100px;
		margin-bottom: 100px;
	}

	#thanks {
		text-align:center;
	}

		/*******メニュー*******/
	.drawer-hamburger{
		display: block;
		z-index: 10;
    	width: 1.5rem;
    	padding: 0;
    	padding: 10px .5rem 30px;
	}
	.drawer-nav{
		width:200px;
		background: #333;
		letter-spacing: 0.2em;
		font-weight:600;
		padding: auto;
		z-index: 10;
	}
	.drawer-nav ul{
		position: absolute;
		top:24%;
		left:10px;
	}
	.drawer-nav a{
		color:#fff;
	}
	.drawer--left.drawer-open .drawer-hamburger{
		left:200px;
	}
	.drawer-overlay{
		z-index: 9;
	}
	.drawer-menu-item{
		font-family:'Questrial', sans-serif; 
		font-size: 12px;
		letter-spacing: 0.05em;
		
	}
	
	.drawer-menu-item img{
		width:150px;
		
	}
	
}