@charset "UTF-8";
/* CSS Document */

body{
	/*height:100%;*/
	position:relative;
	font-family:游ゴシック体, "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, serif;
	color:#FFF;
	background-color: #0c100f;
}

#wrapper{
  position:relative;
  top:0; left:0;
  min-width:100%;
  min-height: 100%;
  overflow:hidden;
}

.mod-header{
	background-color: #0c100f;
    border-bottom: none;
}



.content_title{
	text-align: center;
	margin: 110px auto 40px;
	font-size: 30px;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	border-bottom:solid;
border-color:#696969;
border-width:0.5px;/*5ピクセルの太さにする*/

}

#character_img1,#character_img2,#character_img3{
	margin: 0 auto 20px;
	width: 45%;
}

/*SNSshare*/
.container_sns {
  display: flex;
	justify-content: space-around;
	min-height:0
}

#sns{
	margin:50px auto;
    width: 200px;
}
/*SNSshare*/

/* content↓pc*/
@media screen and (min-width: 769px) {
	.content{
	margin: 0 auto 70px;
}
		#profile .inner{
	    background: transparent;
		/*url(../images/profile.png) 100% 0 no-repeat;*/
	background:url('../images/profile.png')100% 0 no-repeat;
    background-size:contain;
    width:200%;
    height:400px;
		pointer-events: none;
-webkit-touch-callout:none; 
}
	
}
/* content↓sp*/
@media screen and (max-width: 768px) {
	.content{
	margin: 0 auto 70px;

}
		#profile .inner{
	    background: transparent;
		/*url(../images/profile.png) 100% 0 no-repeat;*/
	background:url('../images/profile.png')100% 0 no-repeat;
    background-size:contain;
	background-position: center;
    width:100%;
    height:400px;
		pointer-events: none;
-webkit-touch-callout:none; 
}
}
/* content e*/

/*メニューs*/
@media screen and (min-width: 769px){
	body{
		font-size:14px;
	}
	
  a#menu{
		display:none;
	}	

	.panel{
		display:block !important;
	}

	#mainnav{
		position:fixed;
		top: 0;
		width:100%;
		z-index:500;
	}
	
	

	#mainnav ul{
		text-align: right;
		padding-right: 30px;
	}

	#mainnav li{
		display: inline-block;
		padding: 45px 10px 20px;
		font-size: 14px;
		font-weight: 300;
	}
	
  #mainnav a{
		color: #fff;
	}
	
	#mainnav.changeNav{
		background: rgba(255,255,255,0.5);
		border-bottom: 1px solid #d1d1d1;
	}
	
	#mainnav.changeNav li{
		padding: 20px 10px;
	}
	}
	
	@media screen and (max-width: 768px){

  a#menu{
  	display: inline-block;
  	position: relative;
  	width: 50px;
  	height: 50px;
  	margin: 10px;
	background-color:rgba(255,255,255,0.8);
    z-index: 400;
	}

	#menuBtn{
  	display: block;
  	position: absolute;
  	top: 50%;
  	left: 50%;
  	width: 18px;
  	height: 2px;
  	margin: -1px 0 0 -7px;
  	background: #000;
  	transition: .2s;
	}

	#menuBtn:before, #menuBtn:after{
  	display: block;
  	content: "";
  	position: absolute;
  	top: 50%;
  	left: 0;
  	width: 18px;
  	height: 2px;
  	background: #000;
  	transition: .3s;
	}

	#menuBtn:before{
  	margin-top: -7px;
	}

	#menuBtn:after{
  	margin-top: 5px;
	}

	a#menu .close{
  	background: transparent;
	}

	a#menu .close:before, a#menu .close:after{
  	margin-top: 0;
	}

	a#menu .close:before{
  	transform: rotate(-45deg);
  	-webkit-transform: rotate(-45deg);
	}

	a#menu .close:after{
  	transform: rotate(-135deg);
  	-webkit-transform: rotate(-135deg);
	}

	.panel{
		width: 100%;
		display: none;
		overflow: hidden;
		position: relative;
		left: 0;
		top: 0;
		z-index: 100;
	}

	#mainnav{
		position: absolute;
		position: fixed;
		top: 0;
		right: 0;
		width: 100%;
		text-align: right;
		z-index:500;
	}

	#mainnav ul{
		border-bottom: 1px solid #ccc;
		background: #fff;
		text-align: left;
	}

	#mainnav li a{
		position: relative;
		display:block;
		padding:15px 25px;
		border-bottom: 1px solid #ccc;
		color: #000;
		font-weight: 400;
	}

	#mainnav li a:before{
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		left: 5px;
		width: 6px;
		height: 6px;
		margin: -4px 0 0 0;
		border-top: solid 2px #000;
		border-right: solid 2px #000;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.col3 li{
		margin: 0 auto;
		display: block;
	max-width: 288px;
	}
	
	
}

/*メニューe*/


/*キービジュアルs*/
#keyvisual{
	text-align: center;
}

@media screen and (max-width:768px) { 
    /*　画面サイズが768pxからはここを読み込む　*/
	.dsp_pc {display: none!important; 	}
	.dsp_pc_wide { display: none!important; }
	.align_l__sp { text-align: left;}
	.dsp_sp { width: 100%; }
}

@media screen and (min-width:769px) and (max-width:1999px) {
    /*　画面サイズが769pxから1999pxまではここを読み込む　*/
.dsp_sp { display: none!important; }
	.dsp_pc_wide { display: none!important; }
.dsp_pc {
	width: 100%;
    height:  600px;
    object-fit: cover;
	}
}
@media screen and (min-width:2000px) {
    /*　画面サイズが2000pxからはここを読み込む　*/
	.dsp_sp { display: none!important; }
.dsp_pc { display: none!important; }
.dsp_pc_wide {
	width: 100%;
    height:  600px;
    object-fit: cover;
	}
 
}
/*キービジュアルe*/

/* main↓pc*/
@media screen and (min-width: 769px) {
	.main{
	width: 800px;
	margin: auto;
}
}
/* main↓sp*/
@media screen and (max-width: 768px) {
	.main{
	/*width: auto;*/
	margin: auto;
    padding: 0px 20px;
}
}



/* フッター表示s */
@media screen and (min-width: 1025px) {
	.sp_footer{ display: none;}
	.base-footer{background-color: #fff;color: #000;}
	.base-footer a {text-decoration: none;}
	.mod-footerInfo{}
	.mod-footerInfo__inner,
	.mod-sitemap,
	.mod-footer__inner{-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;text-align: left;}
	.mod-footerInfo__title,
	.mod-footerInfo__listItem,
	/*.mod-sitemap__listItem{font-size: 16px; font-size: 1.6rem;}*/
	/*.mod-sitemap__list2Item{font-size: 14px; font-size: 1.4rem;border-top: 1px solid #000;}*/
	.mod-footer__naviItem{ font-size: 10px;/*font-size: 1rem;*/}
	.mod-footer__copyright{ font-size: 10px; padding: 0px/*font-size: 1rem;*/}

}
@media screen and (max-width: 1024px) {
	.pc_footer{ display: none;}
	.sp_footer hr {display: none;}
	.base-footer{background-color: #fff;color: #000;}
	.base-footer a {text-decoration: none;}
	.base-footer a:hover,.base-footer a:focus{text-decoration: none;}
	/*.mod-buttonE, .mod-buttonGroupB__heading {font-size: 14px;font-size: 1.4rem;}*/

}
/* フッター表示e */

/*二段組のレスポンシブs*/
/*PC*/
@media screen and (min-width: 769px) {
	
	#book p,#profile p,#profile h3,#profile h4{
		/*margin: 0 auto 40px*/
	margin:0 0px 20px 20px;
	line-height: 2.3;
}
	
.content p{
	margin: 0 auto 40px;
	line-height: 2.3;
	text-align: left;
}


#character p{
	margin: 0 auto 40px;
	line-height: 2.3;
	text-align: left;
	width: 230px;
}


.container {
  display: flex;
	justify-content: space-around;
}
/*.container_2 {
  display: flex;
	justify-content: space-around;
	margin-top: 20px;	
}
	*/
/*.container_3 {
	display: flex;
	justify-content: space-around;
	padding: 40px 40px 0 40px;
	}*/
	
	#profile .container{
	display: flex;
	justify-content: space-around;
	align-items: flex-start;
}
	
	
	
	.character01,.character02,.character03{
		margin: 0 20px;
		text-align: center;
	}
	

}
.content_title2{
	margin: 0px 0px 20px 20px;
	font-size: 20px
}

.content_title3{
	margin: 0px 0px 20px 0px;
	font-size: 20px
}
	
	
/*.content_title2{
	margin: 40px 0px 20px 20px;
	font-size: 20px
	}*/

	

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

	#book p,#profile p{
	margin: 0 auto 40px;
	line-height: 30px;
}

	
	.content p{
	margin: 0 auto 40px;
	line-height: 30px;
}

	.syoukai,p {
		width: auto;
		text-align: left
	}



.container,img {
	text-align: center
	}
	
.content_title2{
	margin: 0px 0px 20px 0px;
	font-size: 20px
}

	}

/*二段組のレスポンシブe*/

/*既刊調整s*/
#kikan img{
width: 250px;	
}

/*既刊調整e*/

/*.logo{
	margin: 20px 0px 0px 15px;
	position: relative;
	z-index:600;
}*/

.logo{
	position: relative;
    z-index: 600;
    margin: 10px;
    width: 100px;
	}

.shinchologo{
	vertical-align: baseline;
	border: 0;
}