@charset "utf-8";
/* Responsive */


@media print, screen and (min-width:769px){/*769px以上に適用*/
	
	#tab-nav{
		margin-bottom:40px;
	}
	
	#tab-nav #tab:after{
		content:"";
		clear:both;
		height:0;
		display:block;
		visibility:hidden;
	}
	
	#tab-nav #tab{
	}
	
	#tab-nav #tab li{
		float:left;
		text-align:center;
		width:20%;
	}
	
	#tab-nav #tab li a{
		display:block;
		text-decoration:none;
		padding:10px 0;
		border:solid 1px #996600;
		border-radius:10px 10px 0 0;
		margin-right:5px;
	}
	
	#tab-nav #tab li:last-child a{
		margin-right:0;
	}
	
	#tab-nav #tab li.active{
	}
	
	#tab-nav #tab li.active a{
		background-color:#8D114A;
		color:#FFFFFF;
	}
	
	section#tabA{
	}
	
	section#tabB{
	}
	
	section#tabC{
	}
	
	section#tabD{
	}
	
	section.page-area{
	}
	
	section.page-area .profile-photo{
		float:left;
		width:30%;
		margin-right:4%;
		margin-bottom:20px;
	}
	
	section.page-area .profile-photo img{
		width:100%;
		height:auto;
	}
	
	section.page-area .profile-area{
		float:left;
		width:66%;
		margin-bottom:20px;
	}
	
}

@media screen and (max-width:768px){/*768px以下に適用*/

	header{
		margin-bottom:10px;
	}
	
	header h1{
		font-size:1em;
	}
	
	#tab-nav{
		margin-bottom:20px;
	}
	
	#tab-nav #tab{
	}
	
	#tab-nav #tab li{
		text-align:center;
		margin-bottom:5px;
	}
	
	#tab-nav #tab li a{
		display:block;
		text-decoration:none;
		padding:10px 0;
		border:solid 1px #996600;
	}
	
	#tab-nav #tab li.active{
	}
	
	section#tabA{
	}
	
	section#tabB{
	}
	
	section#tabC{
	}
	
	section#tabD{
	}
	
	section.page-area{
	}
	
	section.page-area .profile-photo{
		text-align:center;
		width:100%;
		margin:0 auto 20px auto;
	}
	
	section.page-area .profile-photo img{
		width:75%;
		height:auto;
	}
	
	section.page-area .profile-area{;
	}

}