/*html,body*/
html,body{
	margin:0;
	padding:0;
	font-size:16px;
	line-height:1.6;
	font-family: "Times New Roman" , "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	font-weight:500;
}
.head {
	background-color : transparent;
	background-size : cover;
	background-repeat : no-repeat;
	background-attachment : scroll;
	background-position : 50% 50%;
	background-image : url("ssjimg/lbl02.jpg");
	height: calc(100vw / 3);
	position: absolute;
	top: 0;
	width: 100%;
}
@media(max-width:768px){
	.head {
		position: relative;
		height: 260px;
		height: 50vh;
	}
}
.head *{
	padding:0;
}
.head .wrap{
	height: 100%;
	position: absolute;
	width: 75%;
}
@media(max-width:768px){
	.head .wrap{
		width: 100%;
		margin: 0 ;
	}
}
h1 {
	background-color : transparent;
	background-size : contain;
	background-repeat : no-repeat;
	background-attachment : scroll;
	background-position : 0 50%;
	background-image : url("ssjimg/title.png");
	display: block;
	font-size: 2.5rem;
	height: 100%;
	line-height: 1;
	margin: 0 auto auto 50px;
	text-indent: -9999px;
	width: 50%;
}
@media(max-width:768px){
	h1 {
		background-color : transparent;
		background-size : 80% auto;
		background-repeat : no-repeat;
		background-attachment : scroll;
		background-position : 50% 50%;
		background-image : url("ssjimg/title.png");
		width: 100%;
		height: 100%;
		margin: 0 
	}
}
h1 span.h1 {
	display:block;
	text-indent:-9999px;
}
h1 span.h4 {
	font-size: 1rem;
	display:block;
	text-indent:-9999px;
}
h1 span.h3 {
	display:block;
	font-size: 1.5rem;
	text-indent:-9999px;
}
.outer {
	position: relative;
	margin-top: calc(100vw / 3 * 1.05);
}
@media(max-width:768px){
	.outer {
		margin-top: 20px;
	}
}
.leader {
	margin: 1rem auto;
	padding: 1rem;
	font-size:1.05rem;
	max-width:1200px;
}
p{
	margin: 0;
	text-align:justify;
}
section {
	border: 1px solid rgba(0, 0, 0, 0);
	margin: 1rem auto;
	padding: 1rem;
	position:relative;
	max-width:1200px;
}
section:before,
section:after {
	content:"";
	display:table;
}
section:after {
	clear:both;
}
section {
	zoom:1;
}
section .inner {
	width: 75%;
}
@media(max-width:768px){
	section .inner {
		width: 100%;
	}
}
h3 {
	font-size: 1.5rem;
	font-weight: 400;
	margin: 0 0 1rem;
}
#sidemenu {
	background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
	bottom: 5%;
	list-style: inside none none;
	margin: 0;
	overflow: hidden;
	padding: 5px 10px;
	position: fixed;
	right: 5%;
	z-index: 199;
	border-radius: 5px;
}
.photo {
	height: calc(100vw / 3);
	width: 100%;
	position: relative;
	background-size:cover;
	background-repeat:no-repeat;
	background-attachment:scroll;
	background-position-x:50%;
	background-position-y:50%;
}
@media(max-width:768px){
	.photo {
		height: 260px;
		height: 50vh;
	}
}
#ono.photo{background-image:  url("ssjimg/ono.jpg") ;}
#minami.photo{background-image:  url("ssjimg/minami.jpg") ;}
#takahashi.photo{background-image:  url("ssjimg/takahashi.jpg") ;}
#lbl02.photo{background-image:  url("ssjimg/lbl01.jpg") ;}
#bottom.photo{background-image:  url("ssjimg/member.jpg") ;}

@media(max-width:768px){
	#ono.photo{background-image:  url("ssjimg/ono_m.jpg") ;}
	#minami.photo{background-image:  url("ssjimg/minami_m.jpg") ;}
	#takahashi.photo{background-image:  url("ssjimg/takahashi_m.jpg") ;}
	#lbl02.photo{background-image:  url("ssjimg/lbl01_m.jpg") ;}
	#bottom.photo{background-image:  url("ssjimg/member_m.jpg") ;}
}
.pic {
	position: absolute;
	width: 22.5%;
	max-width:225px;
	max-height:225px;
	min-width:175px;
	min-height:175px;
	margin:2.5rem auto auto auto;
	border-radius: 50%;
	overflow: hidden;
	right:1rem;
	top:1rem;
}
@media(max-width:768px){
	.pic {
		display:none;
	}
}
.pic img{
	width: 100%;
}
.ssj {
	font-size: 1.15em;
	font-weight: normal;
	letter-spacing: 0.15em;
	line-height: 0;
	padding: 0 0.25em;
}
.people {
	text-align: right;
}
.people > .inner {
	padding: 1rem;
}
footer{
	font-size: 0.85rem;
}
footer .credit {
	bottom: 1rem;
	left: 1rem;
	position: absolute;
}
@media(max-width:768px){
	footer .inner span{
		display:block;
	}
}
.photo > span {
	background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 1%, rgba(0,0,0,0.5) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=1 ); /* IE6-9 */
	bottom: 0;
	color: #fff;
	padding: 0.5rem;
	position: absolute;
	right: 0;
	text-shadow: 0 0 1px #000;
	font-size: 0.85rem;
	width:50%;
	text-align:right;
}
@media(max-width:768px){
	.photo > span {
		width:100%;
	}
}
.arw {
	color:#fff;
	-webkit-transform: scaleX(1.5);
}
.arw:hover {
/*	border-color: transparent transparent transparent rgba(255, 255, 255, 1);*/
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	rt {
		display: none;
	}
}