@charset "UTF-8";

.container{
	clear: both;
}
li{
	list-style: none;
}
p{
	padding: 0 30px;
}
.clr{
	clear: both;
}
a{
	color: #000;
}
.green a {
	color: #fff;
}
.top_height{
	background: #fff;
}
#top_height{
	background: #fff;
}
#top_height header{
	display:none;
}
#top_left{
	width: 88%;
	height: 100%;
	position: absolute;
	z-index: 100;
}
.top_bg_b{
	background: #000;
}
.logo_sp{
	display: none;
}
.top_bg{
	background: #000 url(../img/top_bg.jpg) center bottom no-repeat;
	width: 100%;
	height: 100vh;
	position: absolute;
	background-size: cover;
	top: 0px;
	left: 0px;
}
.top_news{
	position: absolute;
	bottom: 2%;
	left: 43%;
	/*
	2件の場合
	bottom: -6%;*/
	color:#b50c23;
	z-index: 100;
	text-align: left;
	left: 50%;
	-webkit-transform: translate(-50%);
	-moz-transform: translate(-50%);
	-ms-transform: translate(-50%);
	-o-transform: translate(-50%);
	transform: translate(-50%);
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	
}
.top_news a{
	color: #b50c23;
}
.top_news dl{
	width:100%;
}
.top_news dd{
	margin:0;
}
.top_left_bottom{
	height: 840px;
	position: relative;
	bottom: -100vh;
	background: url(../img/top_bg02.jpg) left top no-repeat;
	background-size: cover;
}

#sidebar{
	background: #fff;
	float: right;
	height: 100%;
	width: 12%;
	padding: 0px 15px;
	display:block;
	box-sizing: border-box;
}


#top_contact{
	position: absolute;
	bottom: 60px;
	right: 0px;
	color: #5b5b5b;
	font-size: 14px;
	width: 980px;
	text-align: right;
}
#top_contact strong{
	font-size: 18px;
}

footer{
	position:absolute;
	width:100%;
	height:30px;
	bottom: 0;
	text-align:center;
	overflow:hidden;
}
#footer_top{
	z-index: 100;
	position: relative;
	text-align: center;
	clear: both;
	bottom: -94vh;
	color: #5b5b5b;
	height: auto;
}



@media screen and (max-width: 768px){
	.logo_sp{
		display: block;
		position: absolute;
		top:80px;
		left:20px;
	}
	.logo_sp img{
		width: 150px;
		height: auto;
	}
	#top_height header{
	display:block;
	z-index: 10000;
	position: absolute;
	}
	#top_left{
		width: 100%;
	}
	#sidebar{
		display:none;
	}
	.top_news{
		width: 100%;
		left: 0;
		padding: 0 1em;
		-webkit-transform: translate(0);
		-moz-transform: translate(0);
		-ms-transform: translate(0);
		-o-transform: translate(0);
		transform: translate(0);
	}
	#top_contact{
		width: 100%;
		padding: 0 1em;
		box-sizing: border-box;
	}
	#top_contact p{
		text-align: right;
	}
	#top_contact .top_notice{
		text-align: center;
		font-size: 10px;
	}

	.top_bg{
		background: #000 url(../img/top_bg_sp.jpg) center bottom no-repeat;
		width: 100%;
		height: 100vh;
		position: absolute;
		background-size: cover;
		top: 0px;
		left: 0px;
	}
	.top_left_bottom{
		height: 100%;
		position: relative;
		/*bottom: -97.5vh;*/
		background: url(../img/top_bg02_sp.jpg) left top no-repeat;
		background-size: cover;
	}
	
	#footer_top{
    	bottom: -93vh;
    }
}
/*gnav drop*/
.top_nav{
	margin-top: 67px;
}

.dropmenu:before, .dropmenu:after,
.sub_dropmenu:before, .sub_dropmenu:after{
  content: "";
  display: table;
}
.dropmenu:after,
.sub_dropmenu:after{
  clear: both;
}
.dropmenu li,
.sub_dropmenu li{
  position: relative;
}
.dropmenu li a,
.sub_dropmenu li a{
  display: block;
}
.dropmenu li ul{
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: 100%;
  left: 36px;
  margin: 10px 0 0 0;
  padding: 0;
}
.dropmenu li ul li{
  line-height: 1;
  margin: 0;
  padding: 0;
}
.dropmenu li ul li a{
  background: #fff;
  width: 118px;
  text-align: left;
  padding: 5px;
}

.fade-in li ul{
  visibility: hidden;
  opacity: 0;
  transition: 0s;
}
.fade-in li:hover ul{
  visibility: visible;
  opacity: 1;
}
.fade-in li ul li a{
  visibility: hidden;
  opacity: 0;
  transition: .5s;
}
.fade-in li:hover ul li a{
  visibility: visible;
  opacity: 1;
}

.g_nav ul{
	padding: 0;
	margin: 0 auto;
	float: none;
	width: 106px;
}
.g_nav li{
	margin: 0 0 15px 0;
	padding: 0;
}
.g_nav_sub{
	float:right;
	padding: 0;
	margin: 0 30px 0 0;
	height: 70px;
}

.g_nav_sub ul{
	margin-top: 45px;
	margin-bottom:0;
	padding:0;
	overflow: hidden;
}
.g_nav_sub ul ul{
	margin: 5px 0 0 0;
	position: relative;
	z-index: 100;
}
.g_nav_sub li{
	float: left;
	padding: 0;
	line-height: 1;
	margin: 0 0 0 20px;
}
.g_nav_sub li li{
	float: none;
	margin: 0 0 10px 36px;
}
.g_nav_sub li.nav_contact{
	margin-right:50px;
}
li.nav_fb{
	margin-bottom: 30px;
}
li.nav_contact{
margin-bottom: 30px;	
}

/*logo*/

.sub_logo{
	float: left;
	padding: 36px 0 0 56px;
	line-height: 1;
}
.sub_logo img{
	width:80%;
}
@media screen and (max-width: 768px){
	.sub_logo{
		float: none;
		padding: 20px;
		line-height: 1;
		width: 100%;
		text-align: center;
		box-sizing: border-box;
	}
	.sub_logo img{
		width: 169px;
		height: auto;
		margin: 0 auto;
	}

	.g_nav_sub ul{
		margin: 0;
		padding: 10px 0 20px 0;
		background: rgba(255,255,255,0.5);
	}
	.g_nav_sub ul ul{
		margin: 0;
		width: 150px;
		padding-bottom: 10px;
		background: rgba(255,255,255,0);
	}
	.g_nav_sub li{
		float: none;
		padding: 5px 0 0 0;
		line-height: 1;
		margin: 0 0 5px 20px;
	}
	.g_nav_sub li li{
		float: none;
		margin: 0 10px 5px 10px;
		float: left;
	}
	.g_nav_sub li.nav_contact{
		margin-right:50px;
	}
	li.nav_fb{
		margin-bottom: 0;
	}
	li.nav_contact{
	margin-bottom: 30px;	
	}
	.fade-in li ul{
	  visibility: hidden;
	  opacity: 1;
	  transition: 0s;
	}
	.fade-in li:hover ul{
	  visibility: visible;
	  opacity: 1;
	}
	.fade-in li ul li a {
	  visibility: hidden;
	  opacity: 1;
	  transition: .5s;
	}
	.fade-in li:hover ul li a{
	  visibility: visible;
	  opacity: 1;
	}

	.top_nav{
		margin-top: 0;
	}

	.dropmenu:before, .dropmenu:after,
	.sub_dropmenu:before, .sub_dropmenu:after{
	  content: "";
	  display: table;
	}
	.dropmenu:after,
	.sub_dropmenu:after{
	  clear: both;
	}
	.dropmenu li,
	.sub_dropmenu li{
	  position: static;
	}
	.dropmenu li a,
	.sub_dropmenu li a{
	  display: block;
	}
	.dropmenu li ul{
	  list-style: none;
	  position: static;
	  margin: 0;
	  padding: 0;
	}
	.dropmenu li ul li{
	  line-height: 1;
	  margin: 0;
	  padding: 0;
	}
	.dropmenu li ul li a{
	  width: 118px;
	  text-align: left;
	  padding: 5px;
	}

	.fade-in li ul{
	  visibility:auto;
	  opacity: 1;
	}
	.fade-in li:hover ul{
	  visibility: visible;
	  opacity: 1;
	}
	.fade-in li ul li a{
	  visibility: visible;
	  opacity: 1;
	  transition: .5s;
	}
	.fade-in li:hover ul li a{
	  visibility: visible;
	  opacity: 1;
	}
	#sp_nav_menu{
		display: none;
		position: absolute;
		top: 100px;
		right: -30px;
		z-index: 200;
	}
	 #sp_nav{
        background: url(../img/nav/menu_g_off_sp.png) no-repeat;
        width:40px;
        height: 40px;
        max-width:90px;
        max-height:90px;
        display: block;
        background-size: cover;
    }
    #sp_nav.active{
        background: url(../img/nav/menu_g_on_sp.png) no-repeat;
        width: 40px;
        height: 40px;
        max-width:90px;
        max-height:90px;
        background-size:cover;
    }
    #top_height #sp_nav{
    	background: url(../img/nav/menu_w_off_sp.png) no-repeat;
    	width: 40px;
        height: 40px;
        max-width:90px;
        max-height:90px;
        background-size:cover;
    }
    #top_height #sp_nav.active{
    	background: url(../img/nav/menu_w_on_sp.png) no-repeat;
    	 width: 40px;
        height: 40px;
        max-width:90px;
        max-height:90px;
        background-size:cover;
    }
    #sp_nav {
        text-indent: -9999px;
        position: absolute;
        top: 20px;
        right: 10px;
    }
}


#sp_nav a {
    text-indent: -9999px;
    display: block;
}

header{
	width: 100%;
}

html{
	height:100%;
}
body{
	min-height: 100%;
	height: auto !important;
	position: relative;
	font-family: YuMincho, "Hiragino Mincho ProN",  serif;
	font-size:14px;
	line-height: 1.8;
	padding:0;
	margin:0;
}

.wrapper{
	padding-bottom: 60px;
	z-index: 1;
}

.green{
	background: #213e1f;
	color: #f2f2f2;
	min-height: 100%;
}

.green a{
	color: #f2f2f2;
}
h3{
	font-size: 14px;
	clear: both;
}
@media screen and (max-width: 600px) {
	.sp_none{
		display: none;
	}
}
.bio_wrapper{
	padding: 0 40px;
}
.bio_nav ul{
	margin: 80px 10px 10px 85px;
}
.bio_nav li{
	float: none;
	margin-bottom: 30px;
}

.biblio_wrapper{
	padding-left:72px;
	clear: both;
}
.biblio_bx{
	display: inline-block;
	margin-right: 40px;
	font-size: 14px;
	width: 210px;
	vertical-align: top;
	padding-bottom: 30px;
}
.biblio_bx p{
	padding: 0;
}
.book_main img{
	width: 120px;
	height: auto;
}
 .biblio_w img{
 	width: 70px;
 	height: auto;
 }
.book_main{
	float: left;
}
.book_thum{
	float: left;
}
.book_thum{
	padding: 0;
	margin: 0;
}
.book_thum li{
	margin-bottom: 12px;
	margin-left: 12px;
	padding: 0;
}
.book_thum li:last-child{
	margin-bottom: 0;
}
.book_title{
	clear: both;
	padding-top: 10px;
	margin-bottom: 0;
}
@media screen and (max-width: 600px) {
	.bio_wrapper{
		padding: 0 1em;
	}
	.bio_nav ul{
		margin: 3em 0 10px 0;
	}
	.bio_nav li{
		float: none;
		margin-bottom: 30px;
	}

	.biblio_wrapper{
		padding: 0 1em;
		clear: both;
	}
	p{
		padding: 0;
	}
	.biblio_bx{
		width: 100%;
		margin-right: 0;
	}
	.book_main{
		width:70%;
	}
	.book_thum{
		width:30%;
	}
	.book_main img{
		width:100%;
		height:auto;
	}
	.biblio_w img{
		width:100%:
		height:auto;
	}
	.biblio_w img{
 	width: 100%;
 	height: auto;
 	}

}
/*bio*/
.position_w{
	width: 130px;
	height: auto;
}

.position_h{
	height: 130px;
	width: auto;
}


/* bio-1960*/
.bio_ct{
	width: 1080px;
	margin: 0 auto;
	overflow: hidden;
}
.bio_bx{
	position: relative;
	height: 420px;
}
.bio_bx article{
	display: inline;
}
.bio_ct1960{
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}
.bio_bx1960{
	position: relative;
	height: 460px;
	overflow: hidden;
}


.bio_bx1960 .position_w{
	width: 150px;
	height: auto;
}

.bio_bx1960 .brune01 .position_w{
	width: 130px;
	height: auto;
}

.bio_bx1960 .position_h{
	height: 150px;
	width: auto;
}

.halloween{
	position: relative;
}
.halloween01{
	position: absolute;
	top: 0px;
	left :140px;
}

.halloween02{
	position: absolute;
	top: 42px;
	left: 250px;
}

.halloween03{
	position: absolute;
	top: 110px;
	left : 0px;
}
.halloween04{
	position: absolute;
	top: 159px;
	left: 112px;
}
.halloween05{
	position: absolute;
	top: 159px;
	left: 272px;
}
.halloween06{
	position: absolute;
	top: 270px;
	left: 45px;
}
.halloween07{
	position: absolute;
	top: 270px;
	left: 154px;
}
.halloween08{
	position: absolute;
	top: 270px;
	left: 264px;
}

.brune{
	position: relative;
	top: 0px;
	left: 425px;
}
.brune01{
	position: absolute;
	top: 0;
}
.brune02{
	position: absolute;
	top: 0px;
	left: 180px;
}
.nagisa{
	position: relative;
	top: -48px;
	left: 340px;
}
.nagisa01{
	position: absolute;
	top: 210px;
	left: 125px;
}
.nagisa02{
	position: absolute;
	top: 370px;
	left: 125px;
	}
.hanashi_chigasaki{
	position: absolute;
	top: 35px;
	left: 822px;
}
.mainichi{
	position: absolute;
	top: 160px;
	left: 590px;
}
.mainichi01{
	position: absolute;
	top:0px;
	left:0px;
}
.mainichi02{
	position: absolute;
	top:0px;
	left: 160px;
}
.mainichi03{
	position: absolute;
	top:0px;
	left: 320px;
}

.barbara{
	position: absolute;
	top: 339px;
	left: 600px;
}

.barbara01{
	position: absolute;
	top:0px;
	left:40px;
}
.barbara02{
	position: absolute;
	top: -50px;
	left: 200px;
}
.terayama{
	position: absolute;
	top: 65px;
	left: 950px;
}
.terayama01{
	position: absolute;
	left:100px;
}
.terayama02{
	position: absolute;
	top:110px;
	left:100px;
}
.terayama03{
	position: absolute;
	top:220px;
	left:100px;
}


.bio_nav_sub{
	text-align: center;
	padding: 10px 0;
	box-sizing: border-box;
}
.bio_nav_sub li{
	margin-right: 10px;
	display: inline-block;
}

@media screen and (max-width: 768px){
	.bio_ct1960{
		width: 100%;
		margin: 0 auto;
		overflow: auto;
	}
	.bio_bx1960{
		position: relative;
		height: 1200px;
		overflow: auto;
	}
	.bio_bx{
		position: relative;
		height: 1020px;
	}
	.brune{
		position: relative;
		top: 449px;
		left: 0;
	}
	.brune01{
		position: absolute;
		left: 0;
		top: 120px;
	}
	.brune02{
		position: absolute;
		top: 0px;
		left: 0;
	}
	.nagisa{
		position: absolute;
		top: 188px;
		left: 30px;
	}
	.nagisa01{
		position: absolute;
		top: 260px;
		left: 304px;
	}
	.nagisa02{
		position: absolute;
		top: 260px;
		left: 140px;
		}
	.hanashi_chigasaki{
		position: absolute;
		top: 590px;
		left: 140px;
	}
	.mainichi{
		position: absolute;
		top: 710px;
		left: -10px;
	}
	.mainichi01{
		position: absolute;
		top: 50px;
		left: 6px;
	}
	.mainichi02{
		position: absolute;
		top: 50px;
		left: 165px;
	}
	.mainichi03{
		position: absolute;
		top:0px;
		left: 345px;
	}

	.barbara{
		position: absolute;
		top: 790px;
		left: 0;
	}

	.barbara01{
		position: absolute;
		top: 130px;
		left: 110px;
	}
	.barbara02{
		position: absolute;
		top: 80px;
		left: 0;
	}
	.terayama{
		position: absolute;
		top: 705px;
		left: 0;
	}
	.terayama01{
		position: absolute;
		left: 0;
		top: 350px;
	}
	.terayama02{
		position: absolute;
		top: 350px;
		left: 160px;
	}
	.terayama03{
		position: absolute;
		top: 350px;
		left: 320px;
	}
	
}
section{
	clear:both;
}
 .sub_h2{
 	padding: 10px 30px 20px 70px;
 	clear: both;
 }
 .sub_h2 span{
 	font-size: 14px;
 	padding-left: 1em;
 }
.sub_h2.biblio_year{
 	padding: 10px 0px 0px 50px;
 	clear: both;
 }
 
 .sub_h3{
	padding: 0px 40px 0px 30px;
clear: both;
}
.sub_h3.biblio_year{
	 padding: 0px 40px 0px 10px;
}

 
 .sub_h2.biblio_year,
 .sub_h3.biblio_year{
 	display: inline-block;
 	clear: both;
 }

 @media screen and (max-width: 768px){
 	section{
 		padding: 0 1em;
 		z-index: 1;
 	}

	 .sub_h2{
	 	padding: 0 14px;
	 	clear: both;
	 }
	.sub_h2.biblio_year{
	 	padding: 0;
	 	clear: both;
	 }
	 .bio_nav_sub{
	 	text-align: center;
	 }
	 .bio_nav_sub ul{
	 	padding: 0;
	 	margin: 0;
	 }
	 
	 .sub_h3{
		 padding: 0;
		 clear: both;
		}
	.sub_h3.biblio_year{
		 padding: 0px 40px 0px 10px;
	}
	.bio_wrapper{
		padding: 0 1em;
	}
	footer{
		text-align: center;
		width: 100%;
	}
}

.year_prof {
}
.year_prof dt{
	float: left;
	clear: both;
	line-height:1.5em;
}
.year_prof dd{
	padding-left: 4em;
	line-height:1.5em;
}
.txt_grey{
	color: #ccc;
}
.top_left{
	float: left;
}
.mail_txt{
	padding-left: 1em;

}
 @media screen and (max-width: 768px){
	.mail_txt{
		display: block;
	}
 }
/*1970*/
.bio_ct1970{
	width: 1240px;
	margin: 0 auto;
	overflow: hidden;
}
.bio_bx1970{
	position: relative;
	height: 460px;
}


.alice{
	position: relative;
	top: 0;
	left: 0;
}
.alice01{
	position: absolute;
	left: 0;
	top: 10px;
}
.alice02{
	position: absolute;
	left: 140px;
	top: 10px;
}
.alice03{
	position: absolute;
	left: 0px;
	top: 151px;
}
.alice04{
	position: absolute;
	left: 140px;
	top: 153px;
}
.simon{
	position: relative;
	top: 0;
	left: 40px;
}
.simon01{
	position: absolute;
	top: 50px;
	left: 260px;
	}
.simon02{
	position: absolute;
	top: 190px;
	left: 260px;
	}
.nadia1971{
	position: relative;
	top: 340px;
	left: 90px;
}
.nadia197101{
	position: absolute;
	top: 0;
	left: 0px;
}
.nadia197102{
	position: absolute;
	top: 0px;
	left: 140px;
}
.nadia197103{
	position: absolute;
	top: 0px;
	left: 280px;
}
.paris{
	position: relative;
	top: 0px;
	left: 460px;
}
.paris01{
	position: absolute;
	top: 0;
	left: 0;
	
}
.paris02{
	position: absolute;
	top: 97px;
	left: 0;
}
.paris03{
	position: absolute;
	top: 194px;
	left: 0;
}
.paris04{
	position: absolute;
	top: 194px;
	left: 140px;
}
.arles{
	position: relative;
	top: -1px;
	left: 600px;
}
.arles01{
	position: absolute;
	top: 0;
	left: 0;
	
}
.arles02{
	position: absolute;
	top: 100px;
	left: 0;
}
.anan{
	position: relative;
	top: 0px;
	left: 740px;
}
.anan01{
	position: absolute;
	top: 0;
	left: 0;
.}

.honey_lane{
	position: relative;
	top: 98px;
	left: 740px;
}

.honey_lane01{
	position: absolute;
	top: 0;
	left: 0;
	
}
.honey_lane02{
	position: absolute;
	top: 98px;
	left: 0px;
}
.fhasion{
	position: relative;
	top: 0px;
	left: 880px;
}
.fhasion01{
	position: absolute;
	top: 0;
	left: 0;
	
}
.fhasion02{
	position: absolute;
	top: 140px;
	left: 0;
}
.alice_from_the_sea{
	position: relative;
	top: 0;
	left: 1000px;
}
.alice_from_the_sea01{
	position: relative;
	top: 0;
	left: 0px;
}
.alice_from_the_sea02{
	position: relative;
	top: 10px;
	left: 0;
}
.alice_from_the_sea03{
	position: relative;
	top: 20px;
	left: 0;
}
@media screen and (max-width: 768px){
	.bio_ct1970{
		width: 100%;
		margin: 0 auto;
		overflow: auto;
	}
	.bio_bx1970{
		position: relative;
		height: 1240px;
		width: 100%;
	}

	.alice{
		position: relative;
		top: 0;
		left: 50px;
		width: 270px;
	}
	.alice01{
		position: absolute;
		left: 0;
		top: 10px;
	}
	.alice02{
		position: absolute;
		left: 140px;
		top: 10px;
	}
	.alice03{
		position: absolute;
		left: 0px;
		top: 151px;
	}
	.alice04{
		position: absolute;
		left: 140px;
		top: 153px;
	}
	.simon{
		position: relative;
		top: 360px;
		left: 40px;
		width: 392px;
	}
	.simon01{
		position: absolute;
		top: 70px;
		left: 0px;
		}
	.simon02{
		position: absolute;
		top: 70px;
		left: 140px;
		}
	.nadia1971{
		position: relative;
		top: 310px;
		left: 20px;
		width: 412px;
	}
	.nadia197101{
		position: absolute;
		top: 0;
		left: 0px;
	}
	.nadia197102{
		position: absolute;
		top: 0px;
		left: 140px;
	}
	.nadia197103{
		position: absolute;
		top: 0px;
		left: 280px;
	}
	.paris{
		position: relative;
		top: 600px;
		left: 0px;
		width: 300px;
	}
	.paris01{
		position: absolute;
		top: 0;
		left: 0;
		
	}
	.paris02{
		position: absolute;
		top: 100px;
		left: 0px;
	}
	.paris03{
		position: absolute;
		top: 194px;
		left: 0;
	}
	.paris04{
		position: absolute;
		top: 194px;
		left: 140px;
	}
	.arles{
		position: relative;
		top: 599px;
		left: 140px;
	}
	.arles01{
		position: absolute;
		top: 0;
		left: 0;
		
	}
	.arles02{
		position: absolute;
		top: 100px;
		left: 0;
	}
	.anan{
		position: relative;
		top: 600px;
		left: 280px;
		width: 130px;
	}
	.anan01{
		position: absolute;
		top: 0;
		left: 0;
	.}

	.honey_lane{
		position: relative;
		top: 700px;
		left: 280px;
		width: 130px;
	}

	.honey_lane01{
		position: absolute;
		top: 0;
		left: 0;
		
	}
	.honey_lane02{
		position: absolute;
		top: 98px;
		left: 0px;
	}
	.fhasion{
		position: relative;
		top: 900px;
		left: 140px;
		width: 130px;
	}
	.fhasion01{
		position: absolute;
		top: 0;
		left: 0;
		
	}
	.fhasion02{
		position: absolute;
		top: 0px;
		left: 140px;
	}
	.alice_from_the_sea{
		position: relative;
		top: 1060px;
		left: 0;
		width: 420px;
	}
	.alice_from_the_sea01{
		position: absolute;
		top: 0;
		left: 140px;
	}
	.alice_from_the_sea02{
		position: absolute;
		top: 0;
		left: 280px;
	}
	.alice_from_the_sea03{
		position: absolute;
		top: 0;
		left: 0;
	}
 }

/*1980*/
.bio_ct1980{
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}
.bio_bx1980{
	position: relative;
	height: 380px;
	overflow: hidden;
}

.shibila{
	position:relative;
	top: 0px;
	left: 100px;
}
.shibila01{
	position: absolute;
	top: 0px;
	left: 0px;
}
.shibila02{
	position: absolute;
	top: 0px;
	left: 140px;
}
.shibila03{
	position: absolute;
	top: 95px;
	left: 0px;
}
.shibila04{
	position: absolute;
	top: 95px;
	left: 140px;
}
.shibila05{
	position: absolute;
	top: 190px;
	left: 0px;
}
.shibila06{
	position: absolute;
	top: 190px;
	left: 140px;
}
.kajitsu{
	position:relative;
	top: 0px;
	left: 10px;
}
.kajitsu01{
	position: absolute;
	top: 0px;
	left: 420px;
}
.kajitsu02{
	position: absolute;
	top: 0px;
	left: 541px;
}
.kajitsu03{
	position: absolute;
	top: 0px;
	left: 660px;
}
.kajitsu04{
	position: absolute;
	top: 145px;
	left: 420px;
}
.kajitsu05{
	position: absolute;
	top: 145px;
	left: 540px;
}
.kajitsu06{
	position: absolute;
	top: 145px;
	left: 660px;
}
.naomi{
	position:relative;
	top: 0px;
	left: 0px;
}
.naomi01{
	position: absolute;
	top: 0px;
	left: 840px;
}
.naomi02{
	position: absolute;
	top: 0px;
	left: 980px;
}
.naomi03{
	position: absolute;
	top: 100px;
	left: 840px;
}
.naomi04{
	position: absolute;
	top: 100px;
	left: 980px;
}
.naomi05{
	position: absolute;
	top: 200px;
	left: 840px;
}
.naomi06{
	position: absolute;
	top: 200px;
	left: 980px;
}


 @media screen and (max-width: 768px){
	.bio_ct1980{
		width: 100%;
		margin: 0 auto;
		overflow: auto;
	}
	.bio_bx1980{
		position: relative;
		height: 1130px;
	}
	.bio_bx1980 .position_w{
		width: 170px;
		height:auto;
	}
	.bio_bx1980 .position_h{
		width:auto;
		height: 130px;
	}
	.shibila{
		position: relative;
		top: 0px;
		left: 0;
	}
	.shibila01{
		position: absolute;
		top: 0px;
		left: 0px;
	}
	.shibila02{
		position: absolute;
		top: 0px;
		left: 180px;
	}
	.shibila03{
		position: absolute;
		top: 124px;
		left: 0px;
	}
	.shibila04{
		position: absolute;
		top: 124px;
		left: 180px;
	}
	.shibila05{
		position: absolute;
		top: 248px;
		left: 0px;
	}
	.shibila06{
		position: absolute;
		top: 248px;
		left: 180px;
	}
	.kajitsu{
		position: relative;
		top: 391px;
		left: 0px;
	}
	.kajitsu01{
		position: absolute;
		top: 0px;
		left: 0;
	}
	.kajitsu02{
		position: absolute;
		top: 0px;
		left: 116px;
	}
	.kajitsu03{
		position: absolute;
		top: 0px;
		left: 231px;
	}
	.kajitsu04{
		position: absolute;
		top: 140px;
		left: 0;
	}
	.kajitsu05{
		position: absolute;
		top: 140px;
		left: 115px;
	}
	.kajitsu06{
		position: absolute;
		top: 140px;
		left: 230px;
	}
	.naomi{
		position: relative;
		top: 707px;
		left: 0;
	}
	.naomi01{
		position: absolute;
		top: 0;
		left: 0px;
	}
	.naomi02{
		position: absolute;
		top: 0;
		left: 180px;
	}
	.naomi03{
		position: absolute;
		top: 124px;
		left: 0px;
	}
	.naomi04{
		position: absolute;
		top: 124px;
		left: 180px;
	}
	.naomi05{
		position: absolute;
		top: 248px;
		left: 0;
	}
	.naomi06{
		position: absolute;
		top: 247px;
		left: 180px;
	}
}

/*bio-1990*/
.bio_ct1990{
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}
.bio_bx1990{
	position: relative;
	height: 570px;
}

.bio_bx1990 .position_h{
	height:140px;
	width: auto;
}
.bio_bx1990 .position_w {
	height:auto;
	width: 140px;
}

.showa_isayama{
	position:relative;
	top: 0px;
	left: 0px;
}
.showa_isayama01{
	position: absolute;
	top: 40px;
	left: 0px;
}
.showa_isayama02{
	position: absolute;
	top: 40px;
	left: 150px;
}
.showa_isayama03{
	position: absolute;
	top: 40px;
	left: 300px;
}
.showa_isayama04{
	position: absolute;
	top: 40px;
	left: 450px;
}
.showa_isayama05{
	position: absolute;
	top: -6px;
	left: 600px;
}

.cigar{
    position: relative;
	top: 180px;
    left: 0px;
}
.cigar01{
	position: absolute;
	left: 0px;
}
.cigar02{
	position: absolute;
	left: 101px;
}
.cigar03{
	position: absolute;
	left: 200px;
}
.cigar04{
	position: absolute;
	left: 320px;
}
.cigar05{
	position: absolute;
	top: 47px;
	left: 419px;
}
.cigar06{
	position: absolute;
	left: 569px;
}
.a_girl{
	position: relative;
    top: 0px;
    left: 0px;
}
.a_girl01{
	position: absolute;
	top: 365px;
	left: 0;
}
.a_girl02{
	position: absolute;
	top: 410px;
	left: 100px;
}

.a_girl03{
	position: absolute;
	top: 410px;
	left: 250px;
}
.a_girl04{
	position: absolute;
	top: 365px;
	left: 400px;
}
.a_girl05{
	position: absolute;
	top: 365px;
	left: 503px;
}
.a_girl06{
	position: absolute;
	top: 411px;
	left: 605px;
}
.a_girl07{
	position: absolute;
	top: 365px;
	left: 755px;
}
.pavane{
	position: relative;
	top: 160px;
	left: 760px;
}
.pavane01{
	position: absolute;
	top: 0px;
	left: 0px;
}
.pavane02{
	position: absolute;
	top: 0px;
	left: 150px;
}
.pavane03{
	position: absolute;
	top: 0px;
	left: 300px;
}
.pavane04{
	position: absolute;
	top: 123px;
	left: 300px;
}
@media screen and (max-width: 768px){
	.bio_ct1990{
		width: 1280px;
		margin: 0 auto;
		overflow: scroll;
		width: 100%;
	}
	.bio_bx1990{
		position: relative;
		height: 1220px;
		overflow: scroll;
	}

	.bio_bx1990 .position_h{
		height:150px;
		width: auto;
	}
	.bio_bx1990 .position_w {
		height:auto;
		width: 150px;
	}

	.showa_isayama{
		position:relative;
		top: 0px;
		left: 0px;
	}
	.showa_isayama01{
		position: absolute;
		top: 0;
		left: 0px;
	}
	.showa_isayama02{
		position: absolute;
		top: 0;
		left: 160px;
	}
	.showa_isayama03{
		position: absolute;
		top: 0;
		left: 320px;
	}
	.showa_isayama04{
		position: absolute;
		top: 110px;
		left: 200px;
	}
	.showa_isayama05{
		position: absolute;
		top: 110px;
		left: 370px;
	}

	.cigar{
	    position: relative;
	    top: 290px;
	    left: 0px;
	}
	.cigar01{
		position: absolute;
		top: 0px;
		left: 0px;
	}
	.cigar02{
		position: absolute;
		top: 0px;
		left: 110px;
	}
	.cigar03{
		position: absolute;
		top: 0px;
		left: 220px;
	}
	.cigar04{
		position: absolute;
		top: 160px;
		left: 0px;
	}
	.cigar05{
		position: absolute;
		top: 170px;
		left: 230px;
	}
	.cigar06{
		position: absolute;
		top: 160px;
		left: 110px;
	}
	.a_girl{
		position: relative;
		top: 620px;
		left: 0px;
	}
	.a_girl01{
		position: absolute;
		top: 0px;
		left: 00px;
	}
	.a_girl02{
		position: absolute;
		top: 0px;
		left: 110px;
	}

	.a_girl03{
		position: absolute;
		top: 0px;
		left: 270px;
	}
	.a_girl04{
		position: absolute;
		top: 160px;
		left: 0px;
	}
	.a_girl05{
		position: absolute;
		top: 320px;
		left: 0px;
	}
	.a_girl06{
		position: absolute;
		top: 110px;
		left: 110px;
	}
	.a_girl07{
		position: absolute;
		top: 110px;
		left: 270px;
	}
	.pavane{
		position: relative;
		top: 920px;
		left: 0px;
	}
	.pavane01{
		position: absolute;
		top: 130px;
		left: 160px;
	}
	.pavane02{
		position: absolute;
		top: 0px;
		left: 160px;
	}
	.pavane03{
		position: absolute;
		top: 0px;
		left: 320px;
	}
	.pavane04{
		position: absolute;
		top: 130px;
		left: 320px;
	}
}

/*bio-2000*/
.bio_ct2000{
	width: 1180px;
	margin: 0 auto;
	overflow: hidden;
}
.bio_bx2000{
	position: relative;
	height: 570px;
}

.bio_bx2000 .position_h{
	height:140px;
	width: auto;
}
.bio_bx2000 .position_w {
	height:auto;
	width: 140px;
}



.hysteric_ten {
	position: relative;
	top: 0px;
	left: 0px;
}

.hysteric_ten01 {
	position: absolute;
	top: 0px;
	left: 0px;
}
.hysteric_ten02 {
	position: absolute;
	top: 150px;
	left: 0px;
}

.hysteric_ten03 {
	position: absolute;
	top: 300px;
	left: 0px;
}

.mai {
	position: relative;
	top: 0px;
	left: 80px;
}

.mai01 {
	position: absolute;
	top: 0px;
	left: 40px;
}

.mai02 {
	position: absolute;
	top: 150px;
	left: 40px;
}

.mai03 {
	position: absolute;
	top: 300px;
	left: 40px;
}

.tao {
	position: relative;
	top: 0px;
	left: 80px;
}

.tao01 {
	position: absolute;
	top: 0px;
	left: 160px;
}

.tao02 {
	position: absolute;
	top: 150px;
	left: 160px;
}

.tao03 {
	position: absolute;
	top: 300px;
	left: 160px;
}
.tao04 {
	position: absolute;
	top: 0px;
	left: 240px;
}

.tao05 {
	position: absolute;
	top: 160px;
	left: 240px;
}

.tao06 {
	position: absolute;
	top: 320px;
	left: 240px;
}
.eimi {
	position: relative;
	top: 0px;
	left: 80px;
}

.eimi01 {
	position: absolute;
	top: 0px;
	left: 280px;
}

.eimi02 {
	position: absolute;
	top: 150px;
	left: 280px;
}

.eimi03 {
	position: absolute;
	top: 300px;
	left: 280px;
}


.dark_alice {
	position: relative;
	top: 0px;
	left: 560px;
}

.dark_alice01 {
	position: absolute;
	top: 0px;
	left: 0px;
}

.dark_alice02 {
	position: absolute;
	top: 150px;
	left: 0px;
}

.dark_alice03 {
	position: absolute;
	top: 300px;
	left: 0px;
}

.simon2016 {
	position: relative;
	top: 0px;
	left: 730px;
}

.simon201601 {
	position: absolute;
	top: 0px;
	left: 0px;
}

.simon201602 {
	position: absolute;
	top: 150px;
	left: 0px;
}

.simon201603 {
	position: absolute;
	top: 300px;
	left: 0px;
}

.tenko {
	position: relative;
	top: 0px;
	left: 850px;
}

.tenko01 {
	position: absolute;
	top: 0px;
	left: 0px;
}

.tenko02 {
	position: absolute;
	top: 150px;
	left: 0px;
}

.tenko03 {
	position: absolute;
	top: 300px;
	left: 0px;
}

.rain {
	position: relative;
	top: 0px;
	left: 970px;
}

.rain01 {
	position: absolute;
	top: 0px;
	left: 0px;
}

.rain02 {
	position: absolute;
	top: 150px;
	left: 0px;
}

.rain03 {
	position: absolute;
	top: 300px;
	left: 0px;
}

.dune {
	position: relative;
	top: 0px;
	left: 1090px;
}

.dune01 {
	position: absolute;
	top: 0px;
	left: 0px;
}

.dune02 {
	position: absolute;
	top: 150px;
	left: 0px;
}

.dune03 {
	position: absolute;
	top: 300px;
	left: 0px;
}

@media screen and (max-width: 768px){

	.bio_ct2000{
		width: 100%;
		margin: 0 auto;
		overflow: auto;
		z-index: 1;
	}
	.bio_bx2000{
		position: relative;
		height: 1540px;
	}

	.bio_bx2000 .position_h{
		height:150px;
		width: auto;
	}
	.bio_bx2000 .position_w {
		height:auto;
		width: 150px;
	}



	.hysteric_ten {
		position: relative;
		top: 0px;
		left: 0px;
	}

	.hysteric_ten01 {
		position: absolute;
		top: 0px;
		left: 0px;
	}
	.hysteric_ten02 {
		position: absolute;
		top: 0px;
		left: 110px;
	}

	.hysteric_ten03 {
		position: absolute;
		top: 0px;
		left: 220px;
	}

	.mai {
		position: relative;
		top: 170px;
		left: 0px;
	}

	.mai01 {
		position: absolute;
		top: 0px;
		left: 0px;
	}

	.mai02 {
		position: absolute;
		top: 0px;
		left: 110px;
	}

	.mai03 {
		position: absolute;
		top: 0px;
		left: 220px;
	}

	.tao {
		position: relative;
		top: 340px;
		left: 0px;
	}

	.tao01 {
		position: absolute;
		top: 0px;
		left: 0;
	}

	.tao02 {
		position: absolute;
		top: 0px;
		left: 110px;
	}

	.tao03 {
		position: absolute;
		top: 0px;
		left: 220px;
	}
	.tao04 {
		position: absolute;
		top: 0px;
		left: 240px;
	}

	.tao05 {
		position: absolute;
		top: 160px;
		left: 240px;
	}

	.tao06 {
		position: absolute;
		top: 320px;
		left: 240px;
	}
	.eimi {
		position: relative;
		top: 510px;
		left: 0;
	}

	.eimi01 {
		position: absolute;
		top: 0px;
		left: 0px;
	}

	.eimi02 {
		position: absolute;
		top: 0;
		left: 110px;
	}

	.eimi03 {
		position: absolute;
		top: 0px;
		left: 220px;
	}


	.dark_alice {
		position: relative;
		top: 680px;
		left: 0;
	}

	.dark_alice01 {
		position: absolute;
		top: 0px;
		left: 0px;
	}

	.dark_alice02 {
		position: absolute;
		top: 0px;
		left: 160px;
	}

	.dark_alice03 {
		position: absolute;
		top: 0;
		left: 320px;
	}

	.simon2016 {
		position: relative;
		top: 850px;
		left: 0px;
	}

	.simon201601 {
		position: absolute;
		top: 0px;
		left: 0px;
	}

	.simon201602 {
		position: absolute;
		top: 0px;
		left: 110px;
	}

	.simon201603 {
		position: absolute;
		top: 0px;
		left: 220px;
	}

	.tenko {
		position: relative;
		top: 1020px;
		left: 0;
	}

	.tenko01 {
		position: absolute;
		top: 0px;
		left: 0px;
	}

	.tenko02 {
		position: absolute;
		top: 0px;
		left: 110px;
	}

	.tenko03 {
		position: absolute;
		top: 0px;
		left: 220px;
	}

	.rain {
		position: relative;
		top: 1190px;
		left: 0px;
	}

	.rain01 {
		position: absolute;
		top: 0px;
		left: 0px;
	}

	.rain02 {
		position: absolute;
		top: 0px;
		left: 110px;
	}

	.rain03 {
		position: absolute;
		top: 0px;
		left: 220px;
	}

	.dune {
		position: relative;
		top: 1350px;
		left: 0;
	}

	.dune01 {
		position: absolute;
		top: 0px;
		left: 0px;
	}

	.dune02 {
		position: absolute;
		top: 0px;
		left: 110px;
	}

	.dune03 {
		position: absolute;
		top: 0px;
		left: 220px;
	}
}
h4 + p {
  color:red;
  font-weight:bold;
  padding-top: 30px;
}

/*news*/
section.news_sub  h3{
	padding-top: 30px;
	margin-bottom: 10px;
	clear: both;
}
section.news_sub  h3:first-child{
	padding-top: 0;
}
.news_pic,
.news_pic02{
	float: left;
	padding-left: 30px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.news_pic02 figure{
	float: left;
}
.news_pic02 figure:first-child{
	padding-right: 30px;

}
.news_txt{
	float: left;
	width: 1000px;
}
.news_txt02{
	float: left;
	width: 760px;
}

@media screen and (max-width: 1024px){
	.news_pic,
	.news_pic02{
		float: none;
		padding-left: 0;
		text-align: center;
	}
	.news_txt,
	.news_txt02{
		float: none;
		width: 100%;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
		clear: both;
	}
}
