@charset "shift_jis";
/* @group Fluid-img */
/* @group HTML */

/*common
-------------------------------------*/
body {
	text-align:center;
	background-color:rgba(0,0,0,1.00);
	color:#fff;
	}
img {
	display:block;
	width:100%;
	-webkit-user-drag:none;
    -khtml-user-drag:none;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-moz-touch-callout:none;
	-moz-user-select:none;
	touch-callout:none;
	user-select:none;
	}	
a img {
    -webkit-transition: .1s ease-in-out;
    transition: .1s ease-in-out;
	opacity:1.0;
	}
a img:hover { opacity:0.7;}
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}
.clearfix {
	zoom:1;
	}
.sp {}
.pc { display:none;}

/*base
-------------------------------------*/
main, footer {
	width:88%;
	margin:0 auto;
	}
	
/*-----------------------------------
	header
-------------------------------------*/
header {
	height:100vh;
	position:relative;
	background-repeat:repeat-y;
	background-position:center;
	background-size:cover;
	overflow:hidden;
	}
/*logo -------*/
header #logo {
	position:absolute;
	width:100%;
	top:0;
	background-color:#000;
	}
header #logo img {
	max-width:8em;
	padding:1.5em 0;
	margin:0 auto;
	}
/*title -------*/	
header #title {
	position:absolute;
	top:40%;
	width:100%;
	}
header #title h1 {
	font-size:5em;
	letter-spacing:0.05em;
	color:#fff;
	margin-bottom:0.5em;
	}
header #title h1 span {
	display:block;
	color:#fbd13b;
	font-size:0.72em;
	margin-left:0.2em;
	margin-bottom:0.2em;
	letter-spacing:0.01em;
	}
header #title #read {
	font-size:1.15em;
	width:19em;
	margin:0 auto;
	line-height:1.7;
	}
header #arrow {
	position:absolute;
	bottom:3em;
	width:100%;
	}
header #arrow:before {
  content: "";
  display: block;
  width: 2em;
  height: 2em;
  margin:0 auto;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  transform: translateX(-50%) rotate(135deg);
}

/*-----------------------------------
	section
-------------------------------------*/
section {
	margin-bottom:3.5em;
	line-height:2.5;
	text-align:left
	}
section#scene_01 #about {
	padding-top:3em;
	margin-bottom:3.5em;
	line-height:2;
	}
section#scene_01 #about h2 {
	color:#fbd13b;
	font-size:1.5em;
	margin-bottom:.5em;
	}
section#scene_01 ul li {
	float:left;
	margin-bottom:3.5em;
	width:47%;
	}
section#scene_01 ul li:nth-child(2n) {
	float:right;
	}
section#scene_01 ul li:nth-child(2n+1) {
	clear:both;
	}	
section#scene_01 ul li img {
	margin-bottom:2em
	}
section#scene_01 ul li .name {
	text-align:left;
	opacity:0.7;
	color:#fff;
	font-size:1em;
	line-height:1.6;
	}	
section#scene_01 ul li a .name {
	opacity:1;
	}
section#scene_01 ul li .name h3 {
	margin-bottom:0.65em;
	font-size:1em;
	color:#fbd13b;
	}
section#scene_01 ul li .name h4 {
	margin-bottom:0.5em;
	font-size:1.25em;
	font-style:normal;
	letter-spacing:0.1em;
	}
section#scene_01 ul li .name div {
	font-size:0.8em;
	margin-bottom:0.75em;
	}
section#scene_01 ul li .name>span {
	display:block;
	color:#FF2E31;
	font-size:1.25em;
	}
section#scene_01 ul li .date {
	position:relative;
	background-color:#333;
	}
section#scene_01 ul li .date div {
	font-size:1.15em;
	font-weight:400;
	position:absolute;
	text-align:center;
	width:100%;
	line-height:1.5;
	top:42%;
	color:#999;
	}
section#scene_01 ul li a {
	display:block;
	background-position:center top;
	background-repeat:no-repeat;
	background-size:99%;
	}	
section#scene_01 ul li a img:hover { opacity:0;}
section#scene_01 ul li:nth-child(1) a {
	background-image: url(../img/kotsuka/portrait_index.jpg);
	}
section#scene_01 ul li:nth-child(2) a {
	background-image: url(../img/yoshida/portrait_index.jpg);
	}
section#scene_01 ul li:nth-child(3) a {
	background-image: url(../img/kageyama/portrait_index.jpg);
	}
section#scene_01 ul li:nth-child(4) a {
	background-image: url(../img/komago/portrait_index.jpg);
	}
section#scene_01 ul li:nth-child(5) a {
	background-image: url(../img/fukai/portrait_index.jpg);
	}
section#scene_01 ul li:nth-child(6) a {
	background-image: url(../img/ben/portrait_index.jpg);
	}
section#scene_01 ul li:nth-child(7) a {
	background-image: url(../img/numata/portrait_index.jpg);
	}
section#scene_01 ul li:nth-child(8) a {
	background-image: url(../img/tendre/portrait_index.jpg);
	}
section#scene_01 ul li:nth-child(9) a {
	background-image: url(../img/aaamyyy/portrait_index.jpg);
	}
section#scene_01 ul li:nth-child(10) a {
	background-image: url(../img/monjoe/portrait_index.jpg);
	}
section#scene_01 ul li:nth-child(11) a {
	background-image: url(../img/takase/portrait_index.jpg);
	}										
/*footer
-------------------------------------*/
footer #schedule {
	margin-bottom:3em;
	}
footer #schedule h3 {
	font-size:1.5em;
	margin-bottom:0.75em;
	}
footer #schedule ul {
	line-height:2em;
	}
footer #schedule ul .up {
	color:#fbd13b;
	font-weight:400;
	}
footer #link_buttom {
	font-weight:normal;
	display:block;
	color:#000;
	line-height:2;
	padding:0.25em 0;
	font-size:1.25em;
	margin-bottom:3.5em;
	background-color:#fbd13b;
	}
footer a#link_buttom:hover {
	background-color:#fff;
	}
footer #sns {
	display:flex;
	justify-content: center;
	margin-bottom:1.75em;
	}
footer #sns li {
	margin:0 0.75em;
	width:2.5em;
	}	
footer #copyright {
	font-size:1em;
	margin-bottom:3em;
	}


/*-------------------------------------------------------------------------
  768px
---------------------------------------------------------------------------*/
@media screen and (min-width : 768px){	
}

/*-------------------------------------------------------------------------
  1024px
---------------------------------------------------------------------------*/
@media screen and (min-width : 1024px) {
.sp { display:none }
.pc { display:block }
/*base
-------------------------------------*/
main, footer {
	max-width:1024px;
	}
/*-----------------------------------
	header
-------------------------------------*/
header {
	height:auto;
	position:inherit;
	background-image:url(../img/top/top_pc.jpg);
	margin-bottom:5em;
	}	
header #logo {
	position:inherit;
	top:inherit;
	}	
header #title {
	position:inherit;
	top:inherit;
	padding:6.5em 0;
	width:100%;
	}
header #title h1 {
	margin-bottom:0.25em;
	}
header #title #read {
	font-size:1.15em;
	width:100%;
	}
header #arrow,
header #arrow:before {
	display:none;
	}
/*-----------------------------------
	section
-------------------------------------*/	
section {
	padding-top:0;
	}
/*#scene_01 -------*/
section#scene_01 #about {
	padding-top:0;
	}
section#scene_01 ul li {
	float:left;
	margin-bottom:3.5em;
	width:22%;
	margin-right:4%;
	}
section#scene_01 ul li:nth-child(2n) {
	float:left;
	}
section#scene_01 ul li:nth-child(4n) {
	float:right;
	margin-right:0;
	}	
section#scene_01 ul li:nth-child(2n+1) {
	clear:inherit;
	}		
section#scene_01 ul li:nth-child(4n+1) {
	clear:both;
	}	
section#scene_01 ul li img {
	margin-bottom:1.25em
	}	
}