@charset "utf-8";

/*--------------BLOCK1、本文等文字色・全体背景、--------------*/
/*全体背景、全体文字色*/
body{background: #991b0e; color:#000; /* Old browsers */
background: -moz-linear-gradient(top,  #991b0e 40%, #991b0e 100%) fixed; /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(40%,#991b0e), color-stop(100%,#991b0e)) fixed; /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #991b0e 40%,#991b0e 100%) fixed; /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #991b0e 40%,#991b0e 100%) fixed; /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #991b0e 40%,#991b0e 100%) fixed; /* IE10+ */
background: linear-gradient(to bottom,  #991b0e 40%,#991b0e 100%) fixed; /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( ginkgotColorstr='#991b0e', endColorstr='#991b0e',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:0;}
#mainImg4 img{top:-400px;left:0px;}
#mainImg3 img{top:-400px;right:0px;}

.concludionTxt{ /* 最終部分 */
	color: #000;
}

/*イメージ画像の横位置（縦位置はJSにて指定）*/
/*縦方向はいじらない！！！*/
/*更新時は型紙名（スラッグ）を今月分に変更する*/

#instIMG1{
	width: 100%;
	left:30% !important;
	top:-100px; 
	z-index: 1;
}

#instIMG2{
	width:100%;
	left: 0% !important;
	/*right: 0px !important;*/
	bottom: -400px;
	/*top: 0px ;*/
	z-index: 1;
}

#instIMG1 img,#instIMG2 img {
	opacity: inherit;
	filter: inherit;
}

#instIMG1 img{width:70%;
	max-width: 1800px;
	opacity: 1}
#instIMG2 img{width:80%;
	max-width: 1850px;
	min-width: 1100px;
	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: #ab997b;


}

.bandColor {
	background: #ab997b;
}

.bandSimpleColor {
	background: #ab997b;
}


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;
}



@media(min-width: 2100px){
	#instIMG1 img{
		margin-top: -200px;
	}
	#instIMG2{
	left: 0% !important;
	}
}




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

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

	#instIMG1{

		opacity: 0.6;
	}

	#instIMG1 img{
		zoom: 1.2;
	}

	#instIMG1{
		width: 100%;
		left:10% !important;

		z-index: 1;
	}

	#instIMG1 img{width:80%;
	max-width: 1200px;
	min-width: 600px;
	opacity: 1}


	h1 .h1Img{
		height:265px !important;
		width:75px;
		display:block;
	}

}

@media screen and (max-width : 600px){ 
	#instIMG1{
		width: 100%;
		left:0 !important;
		z-index: 1;
	}


}

/*

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

	#instIMG1{
		left: 40%!important;
	}
	#instIMG1 img{
		width:60%;	
	}
	#instIMG2{
		left: 40%!important;
	}

	#instIMG2 img {
		width: 60%;
	}
}


@media screen and (max-width : 450px){
	#instIMG1{
		width: 100%;
		left:-25% !important;

		z-index: 1;
	}

	#instIMG1 img{width:80%;
	max-width: 1200px;
	min-width: 500px;
	opacity: 1}

}
*/
@media screen and (max-width : 450px){
	#instIMG1{
		left: -45% !important;
	}

	#instIMG1 img{width:80%;
	max-width: 1200px;
	min-width: 500px;
	opacity: 1}

	#instIMG2{
		left: -55% !important;
	}

	#instIMG2 img{
		width: 30%;
	}

}