@charset "UTF-8";
/* font-family:"游明朝", YuMincho, serif; */

body { font-family:"游ゴシック", YuGothic, sans-serif;-webkit-text-size-adjust : 100% ; }
img { border:none; }
a { text-decoration:none; }

div#outside { max-width:100%;width: 100%;padding:0;margin:0;background:rgba(255,255,255,1); }
div#contentnavi { max-width:100%;width: 100%;padding:30px 0 0;margin:-10px 0 0 0;background:#fff; }
div#contentnavi div#header { max-width:940px;width: 100%; margin:0 auto 50px auto; background:#fff; }
div#outside div#SP { max-width:100%;width: 100%;padding:0 0 0 0;margin:0 auto; }
div#outside div#SP-INSIDE { max-width:100%;width: 100%;margin:1% auto 0;background:rgba(255,255,255,1); }
/* div#outside div#SP { max-width:1000px;padding:0 0 0 0;margin:0 auto;} */
/* div#outside div#SP-INSIDE { max-width:1000px;width:100%;margin:10px auto; } */

div#outside div#SP div.wrap {
	max-width:100%;width:100%;padding:0 0 0 0;margin:2% 0 1% 0;
	}
div#outside div#SP a.pagetop {
	max-width:940px;width:100%;
	line-height:1;text-align:right;display:block;
	margin:0 auto 0 auto;
	color:#000000;
	/*margin:2% auto 2% auto;*/
	}
@media screen and (max-width: 1000px) { 
	div#outside div#SP-INSIDE { background:none; }
	div#outside div#SP div.wrap { max-width:100%;width:96%;margin:0 auto; }
	}
@media screen and (max-width: 850px) { 
	div#contentnavi div#header { width:96%; }
	div#outside div#SP a.pagetop { width:100%; }
	}

div#outside div#SP a.pagetop:hover { opacity:0.6; }


div#outside div#SP-INSIDE {  }
 div#outside div#SP-INSIDE div#wrapbox { background:rgba(255,255,255,1);max-width:100%;width: 100%;margin:0 auto; }

header ,
article {
	width: 100%;
	height:100%;
	padding:0;
	margin:0 auto 30px;
	display:block;
	}
header {
	margin:0 auto 0;
	}
div#outside div#SP div#SP-INSIDE article#CONTENTS {
	width: 100%;
	height:100%;
	padding:0;
	margin:0;
	display:block;
	z-index:10;
	position:relative;
	}



/* -------------------------------------------------------------------
ヘッダー
------------------------------------------------------------------- */

header {
	max-width: 100%;
	position:relative;
	}
header section {
	max-width: 1000px;
	position:relative;
	padding:0;
	margin:0 auto 0 auto;
	z-index:100;
	}
header section h1 {
	max-width: 1000px;
	width: 100%;
	height:auto;
	padding:0;
	margin:0;
	display:block;
	line-height:1;
	z-index:10;
	top:0;
	left:0;
	}
header section h1 img {
	max-width: 1000px;
	width: 100%;
	height:100%;
	padding:0;
	margin:0;
	display:block;
	}
header section h2 ,
header section h3 {
	width: auto;
	height:0px;
	padding-top:10px;
	margin:0;
	font-size:12px;
	line-height:1;
	display:block;
	overflow:hidden;
	top:50px;
	left:10px;
	z-index:1;
	
	color:rgba(255,241,0,1);
	}
header section h2 {
	top:20px;
	left:10px;
	}
header section h3 {
	top:40px;
	left:10px;
	}
header section strong {
	width: auto;
	height:0px;
	padding-top:10px;
	margin:0;
	font-size:12px;
	line-height:1;
	display:block;
	overflow:hidden;
	top:70px;
	left:10px;
	z-index:1;
	
	color:rgba(255,241,0,1);
	}


header aside {
	max-width: 1000px;
	width: 100%;
	height:auto;

	
	display:none;
	}

@media screen and (max-width: 800px) { 
	}
@media screen and (max-width: 600px) { 
	}




/* -------------------------------------------------------------------
リード
------------------------------------------------------------------- */

article#READ {
	max-width: 1000px;
	position:relative;
	}
article#READ section {
	max-width: 1000px;
	padding:0;
	margin:0 auto 0 auto;
	padding:0;
	z-index:1;

	}
article#READ section div {
	max-width: 100%;
	width: 100%;
	height:auto;
	padding:0 0 0 0;
	
	z-index:70;
	position:relative;
	}
article#READ section div h4 {
	max-width: 1000px;
	width: 100%;
	height:0px;
	padding:0 0 0 0;
	margin:0 auto 0 auto;
	z-index:70;
	position:relative;
	}
article#READ section div h4 img {
	width: 100%;
	height:auto;
	padding:0;
	margin:0;
	display:block;
	}
article#READ section div p {
	max-width: 850px;
	width: 100%;
	height:auto;
	
	padding:0 0 0 0;
	margin:0 auto 0 auto;
	position:relative;
	}
article#READ section div h4 em {
	width: 100%;
	padding:0 0 2% 0;
	margin:0 auto 0 0;
	display:block;
	}


@media screen and (max-width: 1000px) { 
	article#READ section { max-width: 100%;width:100%; }
	}
@media screen and (max-width:800px) { 
	}
@media screen and (max-width:600px) { 
	}



/* -------------------------------------------------------------------
コメント
------------------------------------------------------------------- */

article#COMMENTARY {
	max-width: 100%;
	position:relative;
	}
article#COMMENTARY section {
	max-width: 100%;
	padding:0;
	margin:0 auto 0 auto;
	padding:0;
	z-index:1;
	}
article#COMMENTARY section div {
	max-width: 100%;
	width: 100%;
	height:auto;
	padding:0 0 1% 0;
	
	z-index:70;
	position:relative;


	}



article#COMMENTARY section div h4 {
	max-width: 850px;
	width: 100%;
	height:auto;
	padding:0;
	margin:0 auto 0 auto;
	z-index:70;
	position:relative;
	padding: 30px;
	background: #FCF2FF 0% 0% no-repeat padding-box;
	box-shadow: 0px 0px 6px #00000082;
	opacity: 1;
	margin-bottom: 30px;
	}

article#COMMENTARY section div h4 img {
	width: 100%;
	height:auto;
	padding:0;
	margin:0;
	display:block;
	}
article#COMMENTARY section div p {
	max-width: 850px;
	width: 100%;
	height:auto;
	
	padding:0 0 0 0;
	margin:0 auto 0 auto;
	position:relative;
	}
article#COMMENTARY section div h4 em {
	width: 100%;
	padding:0;
	margin:0 auto 0 0;
	display:block;
	}


@media screen and (max-width: 1000px) { 
	}
@media screen and (max-width:850px) { 
	article#COMMENTARY section div { padding:4% 0 1% 0; }
	article#COMMENTARY section div h4 { max-width: 100%;width:85%; }
	}
@media screen and (max-width:600px) { 
	}


/* -------------------------------------------------------------------
新刊
----------------------------------------------------------------------
既刊一覧
------------------------------------------------------------------- */

article#BOOKS {
	width:100%;
	padding:0 0 0 0;
	margin:2% auto 0;
	position:relative;
	}
article#BOOKS section {
	max-width: 800px;
	width: 96%;
	padding:0 0 0;
	margin:0 auto 0 auto;
	z-index:550;
	
	position:relative;
	clear:both;
	zoom:1;
	}
article#BOOKS section#PUBLICATIONS {
	padding:0 0 0;
	margin:0 auto 0;
	}
article#BOOKS section i { 
	max-width:300px;
	width: 100%;
	padding:0;
	margin:0;
	
	display:block;
	top:-28%;
	left:-4%;
	}
article#BOOKS section i img {
	width:100%;
	height:auto;
	padding:0;
	margin:0;
	}

article#BOOKS section ul.INFO {
	max-width: 800px;
	width:100%;
	height:auto;
	height:100%\9;
	padding:0;
	margin:0 auto 0 auto;
	display:block;
	z-index:100;
	list-style:none;
	
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction:column;
	flex-direction:column;
	
	overflow:hidden;
	zoom:1;
	position:relative;
	}
article#BOOKS section#PUBLICATIONS ul.INFO {
	margin:0 auto 0;
	}
article#BOOKS section ul.INFO li {
	max-width: 800px;
	width: 98%;
	height:auto;
	padding:0;
	margin:0 auto 0 auto;
	display:block;

	overflow:hidden;
	zoom:1;
	}
article#BOOKS section#PUBLICATIONS ul.INFO {
	-webkit-flex-direction:row;
	flex-direction:row;
	}
article#BOOKS section#PUBLICATIONS ul.INFO li {
	max-width: 33%;
	width: 100%;
	height:auto;
	padding:0;
	margin:0 auto 0 auto;
	display:block;
	overflow:hidden;
	zoom:1;
	}
article#BOOKS strong {
	max-width: 800px;
	width:100%;
	height:auto;
	padding:0 0 1% 0;
	display: block;
	}
article#BOOKS strong.new {
	max-width: 120px;
	width:100%;
	height:auto;
	padding:0 0 1% 5%;
	margin:0;
	display: block;
	}
article#BOOKS strong img {
	width:100%;
	height:auto;
	padding:0;
	margin:0;
	}
article#BOOKS section ul.INFO li a ,
article#BOOKS section ul.INFO li span {
	max-width: 800px;
	width: 100%;
	height:auto;
	padding:0;
	margin:0 auto 3% auto;
	display:block;
	z-index:30;
	}
article#BOOKS section ul.INFO li a:hover {
	opacity:0.6;
	}
article#BOOKS section ul.INFO li a ol ,
article#BOOKS section ul.INFO li span ol {
	max-width: 100%;
	width:100%;
	height:auto;
	padding:0;
	margin:0 auto 1% auto;
	z-index:100;
	list-style:none;
	
	display: -webkit-box;
	display: -webkit-flex;
	display:flex;
	
	clear:both;
	overflow:hidden;
	zoom:1;
	position:relative;
	}
article#BOOKS section#PUBLICATIONS ul.INFO li a ol ,
article#BOOKS section#PUBLICATIONS ul.INFO li span ol {
	-webkit-flex-direction:column;
	flex-direction:column;
	}
article#BOOKS section ul.INFO li a ol li.left ,
article#BOOKS section ul.INFO li span ol li.left {
	max-width: 210px;
	width:28%;
	height:auto;
	padding:0 2% 0 0;
	margin:0;

	 -webkit-box-flex: 1;
	-webkit-flex: 1;	
	flex:1;
	}
article#BOOKS section#PUBLICATIONS ul.INFO li a ol li.left ,
article#BOOKS section#PUBLICATIONS ul.INFO li span ol li.left {
	max-width: 175px;
	width: 100%;
	height:auto;
	padding:0;
	margin:0 auto 0 auto;
	display:block;
	overflow:hidden;
	zoom:1;
	/* box-shadow: 0 0 7px 3px rgba(75,75,75,1);
	-webkit-flex-direction:column;
	flex-direction:column; */
	}
article#BOOKS section ul.INFO li a ol li.left img ,
article#BOOKS section ul.INFO li span ol li.left img {
	width:96%;
	height:auto;
	padding:0;
	margin:2%;
	display:block;
	box-shadow: 0 0 2px 0 rgba(100,37,178,1);
	/*border:1px solid rgba(100,37,178,1);*/
	box-sizing: border-box;
	/*box-shadow: 0 0 7px 3px rgba(75,75,75,1);*/
	}
article#BOOKS section#PUBLICATIONS ul.INFO li a ol li.left img ,
article#BOOKS section#PUBLICATIONS ul.INFO li span ol li.left img {
	width:100%;
	height:auto;
	margin:8% 0 0 0;
	}
article#BOOKS section ul.INFO li a ol li.right {
	max-width: 565px;
	width:68%;
	height:auto;
	padding:0;
	margin:0 0 0.5% 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap:wrap;
	-webkit-flex-direction:column;
	flex-direction:column;
	-webkit-flex-justify-content: space-between;
	justify-content: space-between;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
	}
article#BOOKS section#PUBLICATIONS ul.INFO li a ol li.right ,
article#BOOKS section#PUBLICATIONS ul.INFO li span ol li.right {
	max-width: 100%;
	width: 100%;
	height:auto;
	padding:0;
	margin:2% auto 0 auto;
	display:block;
	overflow:hidden;
	zoom:1;
	
	-webkit-flex-direction:column;
	flex-direction:column;
	}
article#BOOKS section ul.INFO li a ol li.right div ,
article#BOOKS section ul.INFO li span ol li.right div {
	width: auto;
	height:auto;
	padding:0;
	margin:0;
	display:block;
	background:none;
	align-self:flex-start;
	}
article#BOOKS section ul.INFO li a ol li.right div b ,
article#BOOKS section ul.INFO li span ol li.right div b {
	padding:0;
	margin:0.5% 0 3% 0;
	display:block;
	}
article#BOOKS section ul.INFO li a ol li.right div h3 ,
article#BOOKS section ul.INFO li span ol li.right div h3 {
	width: auto;
	height:auto;
	padding:0 0 0 0;
	margin:0 0 0 0;
	display:block;
	}
article#BOOKS section ul.INFO li a ol li.right h3 span ,
article#BOOKS section ul.INFO li span ol li.right h3 span { 
	padding:0 0 1% 0;
	margin:0;
	display:block;
	}
article#BOOKS section ul.INFO li a ol li.right div h3 br.sp ,
article#BOOKS section ul.INFO li span ol li.right div h3 br.sp {
	display:none;
	}
article#BOOKS section ul.INFO li a ol li.right div strong ,
article#BOOKS section ul.INFO li span ol li.right div strong {
	padding:0;
	margin:0.5% 0 0.5% 0;
	display:block;
	}
article#BOOKS section ul.INFO li a ol li.right div s ,
article#BOOKS section ul.INFO li span ol li.right div s {
	padding:0;
	margin:0.5% 0 0.5% 0;
	display:block;
	}
article#BOOKS section ul.INFO li a ol li.right div b ,
article#BOOKS section ul.INFO li span ol li.right div b {
	padding:0;
	margin:0.5% 0 1% 0;
	display:block;
	}
article#BOOKS section ul.INFO li a ol li.right div p ,
article#BOOKS section ul.INFO li span ol li.right div p {
	max-width:560px;
	padding:0;
	margin:2% 0 0 0;
	display:block;
	}
article#BOOKS section ul.INFO li a ol li.right em.pc ,
article#BOOKS section ul.INFO li a em.sp ,
article#BOOKS section ul.INFO li span ol li.right em.pc ,
article#BOOKS section ul.INFO li span em.sp {
	width: 100%;
	height:auto;
	padding:2% 0;
	margin:2% 0 0 0;
	display:block;
	background:rgba(100,37,178,1);
	
	border-radius: 2px;
	/* box-shadow: 0 0 7px 3px rgba(0,0,0,1); */
	align-self: flex-end;
	}
article#BOOKS section ul.INFO li a em.sp {
	margin:0 0 0 0;
	display:none;
	}


@media screen and (max-width: 800px) {
	article#BOOKS section#PUBLICATIONS ul.INFO li:nth-child(1) a ol li.left span ,
	article#BOOKS section#PUBLICATIONS ul.INFO li:nth-child(2) a ol li.left span ,
	article#BOOKS section#PUBLICATIONS ul.INFO li:nth-child(2) span ol li.left span ,
	article#BOOKS section#PUBLICATIONS ul.INFO li:nth-child(3) a ol li.left span { width: auto;height:auto;border-radius:0;padding:1% 3%;margin:0 auto 1% auto;left:auto;right:auto; }
	article#BOOKS section#PUBLICATIONS ul.INFO li:nth-child(1) a ol li.left span br ,
	article#BOOKS section#PUBLICATIONS ul.INFO li:nth-child(2) a ol li.left span br ,
	article#BOOKS section#PUBLICATIONS ul.INFO li:nth-child(2) span ol li.left span br ,
	article#BOOKS section#PUBLICATIONS ul.INFO li:nth-child(3) a ol li.left span br { display:none; }
	article#BOOKS section#PUBLICATIONS ul.INFO li:nth-child(2) a ol li.left span br.sp ,
	article#BOOKS section#PUBLICATIONS ul.INFO li:nth-child(2) span ol li.left span br.sp { display:block; }
	/*article#BOOKS section ul.INFO li a {max-width: 100%;width: 96%; }
	article#BOOKS section ul.INFO li a ol li.left { max-width: 100%;-webkit-box-flex: 0.7;-webkit-flex: 0.7;flex: 0.7;}
	article#BOOKS section ul.INFO li a ol li.right { -webkit-box-flex: 1.5;-webkit-flex: 1.5;flex: 1.5; }*/
	}
@media screen and (max-width: 600px) {

	article#BOOKS section ul.INFO li a ol li.right em.pc { display:none; }
	article#BOOKS section ul.INFO li a em.sp { margin:1.5% 0 0 0;display:block;-webkit-flex-direction:column;flex-direction:column; }
	}
@media screen and (max-width: 500px) {
	article#BOOKS section#PUBLICATIONS ul.INFO li { width:30%; }
	article#BOOKS section ul.INFO li a { padding:1% 0 1%; }
	article#BOOKS section ul.INFO li a ol li.left { -webkit-box-flex: 0.6;-webkit-flex: 0.6;flex: 0.6;margin-bottom:0.5%; }
	article#BOOKS section ul.INFO li a ol li.right { -webkit-box-flex: 1;-webkit-flex: 1;flex: 1;margin:5% 0 0 1.5%; } 
	}
@media screen and (max-width: 400px) {
	}
@media screen and (max-width: 320px) {
	}



article#MESSAGE {
	max-width:100%;
	margin:2% auto 2%;
	position:relative;
	}
article#MESSAGE section { 
	max-width:100%;
	padding:0 0 0 0;
	margin:0 auto 0 auto;
	position:relative;
	
	}

article#MESSAGE section h6 { 
	max-width:1000px;
	max-height:300px;
	width: 100%;
	height:auto;
	padding:0 0 0 0;
	margin:0 auto 0 auto;
	

	background-position:top center;
	background-size:cover;
	}
article#MESSAGE section h6 i { 
	max-width:1000px;
	width: 100%;
	height:auto;
	padding:0;
	margin:0 auto 0 auto;
	
	display:block;
	position:relative;
	z-index:1;
	}
article#MESSAGE section h6 i img {
	width:100%;
	height:auto;
	padding:0;
	margin:0;
	}

article#MESSAGE section div {
	max-width:1000px;
	width:100%;
	padding:3% 0 0 0;
	margin:0 auto 0 auto;
	background:rgba(255,255,255,1);
	/* box-shadow: 0 0 0 4px rgba(0,0,0,1),0 0 0 5px rgba(255,255,255,1) inset,0 0 0 6px rgba(0,0,0,1) inset; */
	}

article#MESSAGE section div p {
	max-width:800px;
	width:100%;
	padding:0 0 5% 0;
	margin:0 auto 0 auto;
	}

@media screen and (max-width: 999px) {
	article#MESSAGE section { max-width: 100%;width: 100%; }
	article#MESSAGE section i { margin:0 auto 0 auto;text-align:center; }
	article#MESSAGE section i img { width:90%; }
	article#MESSAGE section div { max-width: 100%;width: 100%; }
	article#MESSAGE section div p { max-width: 100%;width: 80%;margin:0 auto 0 auto; }
	}
@media screen and (max-width: 800px) {
	article#MESSAGE section h6 i { max-width: 100%;width: 96%; }
	}
@media screen and (max-width: 500px) {
	}
@media screen and (max-width: 400px) {
	}
@media screen and (max-width: 320px) {
	}




article#POINT {
	max-width:100%;
	margin:0 auto 7%;
	position:relative;
	}
article#POINT section { 
	max-width:100%;
	padding:0 0 0 0;
	margin:0 auto 0 auto;
	position:relative;
	

	}



article#POINT section h6 { 
	max-width:1000px;
	max-height:300px;
	width: 100%;
	height:auto;
	padding:0 0 0 0;
	margin:0 auto 0 auto;
	background-position:top center;
	background-size:cover;
	}
article#POINT section h6 i { 
	max-width:1000px;
	width: 100%;
	height:auto;
	padding:0;
	margin:0 auto 0 auto;
	
	display:block;
	position:relative;
	z-index:1;
	}
article#POINT section h6 i img {
    max-width: 100%;
    position: relative;
    width: 1000px;
    height: 100%;
    padding: 0;
    margin: 0 auto 0;
    display: block;
	}

article#POINT section div {
	max-width:1000px;
	width:100%;
	padding:0;
	margin:0 auto 0 auto;
	background:rgba(255,255,255,1);
	/* box-shadow: 0 0 0 4px rgba(0,0,0,1),0 0 0 5px rgba(255,255,255,1) inset,0 0 0 6px rgba(0,0,0,1) inset; */
	}
article#POINT section div dl {
	max-width:1000px;
	width:100%;
	padding:7% 0 0 0;
	margin:0 auto 0 auto;
	}
article#POINT section div dl dt {
	width:100%;
	padding:0;
	margin:0 auto 0 auto;
	}
article#POINT section div dl dd {
	width:100%;
	padding:0;
	margin:0 auto 0 auto;
	}
article#POINT section div dl dd h5 {
	width:100%;
	padding:0;
	margin:0 0 0.5% 0;
	}

article#POINT section div p {
	width:100%;
	padding:0;
	margin:0 auto 0 auto;
	}

	article#POINT section div.point p.main {
		font-size: 100%;
    font-weight: normal;
    color: rgba(100, 37, 178, 1);
    text-align: center;
	}

	article#POINT section div.point p.sub {
		font-size: 120%;
    font-weight: normal;
    text-align: center;
    color: rgba(232, 66, 131, 1);
	}

	article#POINT section div.point p.name {
		font-size: 70%;
    font-weight: normal;
    color: rgba(125, 125, 125, 1);
	}

	article#POINT section div.point p.text {
		font-size: 100%;
    font-weight: normal;
    text-align: center;
    color: rgba(102, 102, 102, 1);
	}

@media screen and (max-width: 999px) {
	article#POINT section { max-width: 100%;width: 100%; }
	article#POINT section i { margin:0 auto 0 auto;text-align:center; }
	article#POINT section i img { width:90%; }
	article#POINT section div { max-width: 100%;width: 100%; }
	article#POINT section div p { max-width: 100%;width: 100%;margin:0 auto 0 auto; }
	}
@media screen and (max-width: 800px) {
	article#POINT section h6 i { max-width: 100%; }
	article#news section dl{ width:100%; }
	}
@media screen and (max-width: 500px) {
	}
@media screen and (max-width: 400px) {
	}
@media screen and (max-width: 320px) {
	}


article#COMMENTS {
	max-width:1000px;
	margin:2% auto 2%;
	position:relative;
	}
article#COMMENTS section {
	max-width:100%;
	padding:0 0 0 0;
	margin:0 auto 0 auto;
	position:relative;
	}

article#COMMENTS section i { 
	max-width:300px;
	width: 100%;
	padding:0;
	margin:0 0 0 auto;
	
	display:block;
	position:relative;
	z-index:1;
	top:0;
	right:-2%;
	}
article#COMMENTS section i img {
	width:100%;
	height:auto;
	padding:0;
	margin:0;
	}

article#COMMENTS section div {
	max-width:100%;
	padding:0 0 0 0;
	margin:-12% auto 0 auto;
	border-radius:33px;
	}
article#COMMENTS section ul {
	max-width:920px;
	padding:4% 0 0 0;
	margin:0 auto 0 auto;
	z-index:500;
	list-style:none;
	
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap:wrap;
	/* -webkit-flex-direction:column;
	flex-direction:column;
	-webkit-flex-justify-content: space-between;
	justify-content: space-between;*/
	}
article#COMMENTS section ul li {
	max-width:920px;
	padding:3%;
	margin:0 0 2% 0;
	z-index:500;
	list-style:none;
	background:rgba(255,255,255,1);
	border-radius:15px;
	}
article#COMMENTS section ul li:nth-child(1) {
	max-width:610px;
	}
article#COMMENTS section ul li:nth-child(2) {
	max-width:395px;
	margin:0 auto 0 0;
	}
article#COMMENTS section ul li:nth-child(3) {
	max-width:395px;
	margin:0 0 0  auto;
	}
article#COMMENTS section ul li:nth-child(4) {
	max-width:auto;
	margin:2% 0 4% 0;
	}
article#COMMENTS section div ul li small { 
	width:100%;
	display:block;
	}

@media screen and (max-width: 999px) { 
	article#COMMENTS section i { width:50%;right:0;margin:0 auto 0 auto;z-index:787; }
	article#COMMENTS section div { max-width:100%;width:96%; }
	article#COMMENTS section div img { width:96%; }
	article#COMMENTS section ul { max-width:auto;width:92%;margin:6% auto 0 auto; }
	article#COMMENTS section ul li:nth-child(1) { max-width:100%;width:100%;margin:0 auto 2% auto; }
	article#COMMENTS section ul li:nth-child(2) { width:42%;margin:0 auto 0  0; }
	article#COMMENTS section ul li:nth-child(3) { width:42%;margin:0 0 0  auto; }
	article#COMMENTS section ul li:nth-child(4) { margin:2% auto 4% auto; }
	}
@media screen and (max-width: 600px) { 
	article#COMMENTS section ul li:nth-child(2) { max-width:100%;width:100%;margin:0 auto 2% auto; }
	article#COMMENTS section ul li:nth-child(3) { max-width:100%;width:100%;margin:0 auto 0 auto; }
	}



article#CHARACTER {
	max-width:1000px;
	padding:0 0 0 0;
	margin:2% auto 2%;
	position:relative;
	}
article#CHARACTER section {
	max-width:100%;
	padding:0 0 0 0;
	margin:0 auto 0 auto;
	clear:both;
	zoom:1;
	position:relative;
	}

article#CHARACTER section i { 
	max-width:375px;
	width: 100%;
	padding:0;
	margin:0 0 0 auto;
	
	display:block;
	position:relative;
	z-index:1;
	right:-2%;
	}
article#CHARACTER section i img {
	width:100%;
	height:auto;
	padding:0;
	margin:0;
	}

article#CHARACTER section div { 
	max-width:1000px;
	width: 100%;
	padding:4% 0 4%;
	margin:-10% auto 0 auto;
	
	display:block;
	position:relative;
	border-radius:33px;
	}
article#CHARACTER section div img {
	max-width:920px;
	width:100%;
	height:auto;
	padding:0;
	margin:0 auto;
	display:block;
	}

article#CHARACTER section ul {
	width:100%;
	height:0;
	padding-top:100px;
	margin:0;
	list-style:none;
	z-index:1;
	clear:both;

	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap:wrap;
	/* -webkit-flex-direction:column; */
	/* flex-direction:column; */
	/* -webkit-flex-justify-content: space-between; */
	/* justify-content: space-between; */
	
	overflow:hidden;
	zoom:1;
	top:0;
	left:0;
	}
article#CHARACTER section ul li {
	width:33%;
	height:auto;
	padding:0 0 0 0;
	margin:0 0 0 0;
	
	z-index:1;
	list-style:none;
	}
article#CHARACTER section ul li dl {
	width:100%;
	padding:0 0 0 0;
	margin:0 0 0 0;

	z-index:1;
	clear:both;
	}
article#CHARACTER section ul li dl dt {
	width:100%;
	padding:1% 0 0 0;
	margin:0;
	
	z-index:1;
	overflow:hidden;
	zoom:1;
	}
article#CHARACTER section ul li dl dd {
	width:80%;
	padding:0 0 0 0;
	margin:3% 0 0 13.5%;
	
	overflow:hidden;
	}
article#CHARACTER section ul li dl dd dl {
	width:100%;
	padding:5% 0 0 0;
	margin:0 0 0 0;
	clear:both;
	}
article#CHARACTER section ul li dl dd dl dt {
	width:100%;
	padding:1% 0 1% 10%;
	margin:0 0 0 0;
	}
article#CHARACTER section ul li dl dd dl dd {
	width:auto;
	padding:0 0 5% 10%;
	margin:0;
	}
article#CHARACTER section ul li dl dd dl dd ol {
	width:auto;
	padding:0;
	margin:0;
	list-style:none;
	}
article#CHARACTER section ul li dl dd dl dd ol li {
	width:auto;
	padding:0;
	margin:0;
	}

	article#news section h6 img {
		max-width: 100%;
    position: relative;
    width: 1000px;
    height: 100%;
    padding: 0;
    margin: 0 auto 0;
    display: block;
	}

	article#news section {
    max-width: 100%;
    padding: 0;
    margin: 0 auto 0 auto;
    padding: 0;
	}

	article#news section div {
    max-width: 100%;
    width: 1000px;
    height: 180px;
		margin: 0 auto 0 auto;
    z-index: 70;
    position: relative;
		overflow-y: scroll;
		border: 1px solid #ccc
	}

	article#news section dl{
		width:950px;
	}
	.news_new {
		border-radius:5px;
		color:red;
		margin:0 10px;
		padding:5px 15px;
		text-decoration:none;
	 }

	 article#story section h6 img {
		max-width: 100%;
    position: relative;
    width: 1000px;
    height: 100%;
    padding: 0;
    margin: 0 auto 0;
    display: block;
	}

	article#story section {
    max-width: 100%;
    padding: 0;
    margin: 0 auto 0 auto;
    padding: 0;
	}

	article#story section p {
		max-width: 100%;
    position: relative;
    width: 950px;
    height: 100%;
    padding: 0;
    margin: 30px auto 0;
    display: block;
	}

	article#comment section h6 img {
		max-width: 100%;
    position: relative;
    width: 1000px;
    height: 100%;
    padding: 0;
    margin: 0 auto 0;
    display: block;
	}

	article#commnet section {
    max-width: 100%;
    padding: 0;
    margin: 0 auto 0 auto;
    padding: 0;
	}

	article#comment section p {
		max-width: 100%;
    position: relative;
    width: 950px;
    height: 100%;
    padding: 0;
    margin: 30px auto 0;
    display: block;
	}

	article#tenjishitsu section h6 img {
		max-width: 100%;
    position: relative;
    width: 1000px;
    height: 100%;
    padding: 0;
    margin: 0 auto 0;
    display: block;
	}

	article#title section h6 img {
		max-width: 100%;
    position: relative;
    width: 1000px;
    height: 100%;
    padding: 0;
    margin: 0 auto 0;
    display: block;
	}

	article#point section h6 img {
		max-width: 100%;
    position: relative;
    width: 1000px;
    height: 100%;
    padding: 0;
    margin: 0 auto 0;
    display: block;
	}

@media screen and (max-width: 999px) { 
	article#CHARACTER section i { width:50%;right:2%; }
	article#CHARACTER section div { max-width:100%;width:96%; }
	article#CHARACTER section div img { width:96%; }
	}




#contentTop {
  position: fixed;
  bottom: 3%;
  right:1%;
  margin:0 auto 0 0;
  z-index:1001;
  }
 
#contentTop a {
  display: block;
  z-index: 1002;
  border-radius:50%;
  width:50px;
  height:50px;
  background-color:rgba(237,171,3,1);
  box-shadow: 0 0 7px 0 rgba(0,0,0,1);
  }
 
#contentTop a:hover {
  text-decoration: none;
  background-color:rgba(237,171,3,0.6);
  color:rgba(255,255,255,0.6);
  }


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