/* 968超 */
@media only screen and (min-width:969px){
	#wrapper {
		width: 968px;
	}
	header h1 img {
		margin: 0px;
	}
	header #head_name {
		top: 50px;
		left: 200px;
	}
	#wrap_main section{
		width: 650px;
	}
	#wrap_right {
		margin-top: 30px;
	}
	.navi_list {
		border-left: 1px solid #CCC;
	}
	.navi_list .list_btn {
		display: none;
	}
	.navi_list ul {
		display: block;
	}
	#modal {
		display: none;
	}
}

/* SP縦 968以下  */
@media screen and (max-width: 968px){
	#wrapper {
		width: 100%;
	}
	header h1 {
		display: block;
		height: 150px;
		background-image: url(../../template/img/head.jpg);
		background-position: center center;
	}
	header h1 img {
		display: none;
	}
	#wrap_main section{
	}
	#profile #myname h2 {
		margin-left: 20px;
	}
	#profile #my_phot {
		margin-left: 20px;
	}
	#profile #ja, #profile #en {
		background-size: 50% auto;
	}
	#wrap_right {
		position: absolute;
		top: 10px;
		right: 0px;
		z-index: 2000;
	}
	.navi_list h2 {
		text-align: right;
		margin-right: 20px;
		text-shadow: 1px 1px #000000;
	}
	.navi_list .list_btn {
		display: block;
		float: right;
		margin-right: 20px;
	}
	.navi_list ul {
		display: none;
		padding-top: 5px;
		padding-bottom: 5px;
		border-left: 1px solid #CCC;
	}
	#modal {
		display: none;
	}
}

/* TB縦 640超 SP縦 968以下  */
@media screen and (min-width: 641px) and (max-width: 968px){
	header #head_name {
		top: 45px;
		left: 100px;
	}
}

/* SP横～SP縦 640以下 */
@media screen and (max-width: 640px){
	header #head_name {
		top: 45px;
		left: 20px;
	}
}

/* SP横 480超 640以下  ＞ 480px */
@media screen and (min-width: 481px) and (max-width: 640px){


}

/* SP縦 480以下  */
@media screen and (max-width: 480px){
	header #head_name {
		width: 200px;
		height: auto;
		top: 60px;
		left: 20px;
	}
}