@charset "utf-8";

.mt{
	margin-top: 25px;
}

.sanko{
	position: relative;
	z-index: 100;
}

/*--------------BLOCK1、本文等文字色・全体背景、--------------*/
/*全体背景、全体文字色*/
body{background: #fff1b8; color:#000; /* Old browsers */
background: -moz-linear-gradient(top,  #fff1b8 40%, #fff1b8 100%) fixed; /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(40%,#fff1b8), color-stop(100%,#fff1b8)) fixed; /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fff1b8 40%,#fff1b8 100%) fixed; /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fff1b8 40%,#fff1b8 100%) fixed; /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fff1b8 40%,#fff1b8 100%) fixed; /* IE10+ */
background: linear-gradient(to bottom,  #fff1b8 40%,#fff1b8 100%) fixed; /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( ginkgotColorstr='#f7f2c6', endColorstr='#fff1b8',GradientType=0 ); /* IE6-9 */}

#headContent{height:2000px;}/* 基本触らない */

/*本文、チャプター*/

#topDiscription{/* 最初の説明文（文字被りがあってドロップシャドウが必要なケース等） */
	/*font-weight:bold;
	text-shadow: 
	1px 1px 3px #902515,
	1px 1px 0px #902515,
	-1px -1px 0px #902515,
	2px 2px 0px #902515,
	-2px -2px 0px #902515,
    0 0 20px #902515,
    0 0 20px #902515,
    0 0 20px #902515,
    0 0 20px #902515,
	0px 1px 20px #902515; */

}

.chaptTitle h2{
	color:#000;
}
.chaptNum{
	color: #333;
}

/*メイン型紙画像の位置調整が必要なケースのみ変更する。*/
#mainImg1 img{top:-400px;left:0px;}
#mainImg2 img{top:-400px;left:0px;}
#mainImg4 img{top:-400px;left:0px;}
#mainImg3 img{top:-400px;right:0px;}

.concludionTxt{ /* 最終部分 */
	color: #000;
}
/*イメージ画像の横位置（縦位置はJSにて指定）*/
/*縦方向はいじらない！！！*/
/*更新時は型紙名（スラッグ）を今月分に変更する*/

#humanIMG1{
	width: 80%;
	left:40% !important;
	top:-300px; 
	z-index: 1;
}

#humanIMG2{
	width:100%;
	bottom: -200px;
	left: -5%!important;
	/*top: 0px ;*/
	z-index: 1;
}

#humanIMG1 img,#humanIMG2 img {
	opacity: inherit;
	filter: inherit;
}

#humanIMG1 img{
	width:80%;
	opacity: 1}
#humanIMG2 img{width:80%;
	max-width: 1650px;
	opacity: 1}


/*-------------------h1まわり----------------------------*/

div.katagamiKongetsu.fixPos{/*今月の型紙、ポジション補正*/
	/*right: -20px;*/
}


h1{
	position:fixed;
	top:0;
	right:475px;
	opacity:0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	z-index:500;
	/*帯の色だよ*/
	background: #ffdb4f;


}

.bandColor {
	background: #ffdb4f;
}

.bandSimpleColor {
	background: #ffdb4f;
}


h1 .h1Img{
	height: 250px;
	width:75px;
	display:block;

}
/*
h1.h1show.fixPos .h1Img{
	margin-top: 20px !important;
	height:160px;
width:27px;
}*/



/*---------------------メニューまわり--------------------*/

div.bannerAbout,
.toAbout-image{ /*について、背景*/
	background-color: #676767;
}

div.meneListText{
	color:#000;
}

.menuBtnAll{border-top: #FFF 2px solid;}
.menuCircleBtn{background: #FFF;	}
/*メニューの左右ボタン*/
div.circle{background: #FFF;}
/*メニューの左右ボタン内の矢印*/
.leftArrow::after{border-right: 10px solid #676767;}
.rightArrow::after{border-left: 10px solid #676767;}
/*div.menuBackNumTitle{border-bottom: 2px solid #c4c4c4;}*/
div.menuBackNumTitle{border-bottom: 2px solid #FFF;}
.btnCurrent{background: #888888 !important;}

div.menuBackNumTitle{
padding: 4px 0 0 10px;

/*background: #FFF;*/
}


/*ローディング（色の変更が必要な場合、調整）*/

#bowl_ringG{border:4px solid #fff;}
.ballG{background:#fff;}
.innerMenu{background: #fff;}
.innerMenuActive:after{border: 1px solid #fff;}
.innerMenuAll ul::after{background:#fff;}

.pagenumblock{
background-color: #fff;
color: #735d78;
}




	#humanIMG1 img{
		margin-top: -200px;
	}





}

@media screen and (max-width : 1600px){
	#humanIMG1{
	left:20% !important;
	top:-100px; 
	}




#humanIMG2{
	left: 20% !important;
	bottom: 20!important;
}


}
/*}*/




/*
@media screen and (max-height: 1000px){#humanIMG2 img{width: 400px !important;}}
@media screen and (max-height: 900px){#humanIMG2 img{width: 400px !important;}}
@media screen and (max-height: 850px){#humanIMG2 img{width: 400px !important;}}*/

@media(max-width: 1024px){
	.chaptText{
		width: 80%;
		display: block;
	}
}

@media(max-width: 950px){
	.chaptText{
		width: 70%;
	}
}

@media(max-width: 900px){
	.chaptText{
		width: 60%;
	}
}

@media(max-width: 750px){
	.chap2{
	display: none!important;
	}
	.chaptText{
		width: 90%;
		display: block;
	}
	.shinchap2{
		display: block!important;
		width: 90%;
		margin: 0 auto;
	}
}

@media(max-width: 500px){
	.shinchap2{
		font-size: 15px;
		width: 80%;
	}
}

@media(max-width: 400px){
	.shinchap2{
		font-size: 14px;
		width: 80%;
		line-height: 1.7;
	}
}

@media screen and (max-width : 800px){ /* モバイル対応 */
/*	.katagamiKongetsu{
		right:-40px;
	}*/
	h1.h1show:after{
		opacity: 0;
	}

	#humanIMG1{

		opacity: 0.6;
	}

	#humanIMG1 img{
		zoom: 1.2;
		margin-top: -160px;
		margin-left: -45%;

	}
	#humanIMG1{
		width: 100%!important;
	}
	#humanIMG2 img{
		display:none;
	}

	h1.h1show .h1Img{
		display:block;
		width: 60px !important;
		height: auto !important;
	}


#humanIMG1 img{
	width:80%;
	opacity: 1}


}


@media screen and (max-height: 800px) {

	#humanIMG1{
		left: 40%!important;
	}
	#humanIMG1 img{
		width:60%;	
	}
	#humanIMG2{
		left: 40%!important;
	}

	#humanIMG2 img {
		width: 60%;
	}
}


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




}