@charset "utf-8";

/*--------------BLOCK1、本文等文字色・全体背景、--------------*/
/*全体背景、全体文字色*/
body{background: #4c98b5;color:#000;}

.toScrollTop-content {
	color: #fff;
}

#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: #333;
}

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

#hishiIMG1{
	left:auto !important;
	right: 0px !important;
	top: -350px ;
}

#hishiIMG2{
	left: 0px !important;
	bottom: -200px ;
}

#hishiIMG1 img,#hishiIMG2 img {
	opacity: inherit;
	filter: inherit;
}

/*#hishiIMG1 img{width:1100px;}
#hishiIMG2 img{width:1100px;}*/




/*-------------------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: #dccb33;
}

.bandColor {
	background: #dccb33;
}

.bandSimpleColor {
	background: #dccb33;
}


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


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

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

div.meneListText{
	color:#000;
}

#menuSubMenu ul li,.hrefTop a, .hrefTop a:visited{
	color: rgba(255,255,255);
}


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

div.meneListE{color: #333;}

div.menuBackNumTitle{
	padding: 5px 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;}




@media screen and (max-width : 1600px){#hishiIMG1{right: 0px !important;}}
@media screen and (min-height:830px){
	#hishiIMG1 img,#hishiIMG2 img{
		width:1200px !important;
	}
	#hishiIMG1{
		right: 0px !important;
		/*		top:-100px !important;*/
		z-index: 99;
	}

	#hishiIMG2 img{
		width: 500px !important;
		/*left: -350px !important;*/
		/*bottom: -550px ;*/
	}
}

@media screen and (max-width : 1400px){#hishiIMG1{right: -150px !important;}}

@media screen and (max-width : 1100px){#hishiIMG1{right: -300px !important;}}

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

	h1.h1show:after{
		opacity: 0;
	}

	#hishiIMG1{
		right: 0px !important;
		top: 0px ;

	}

	#hishiIMG1 img{
	}
	#hishiIMG2{
		left: -104px;	
	}
	#hishiIMG2 img{
		display:none;
	}

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

}

@media screen and (max-height: 800px;) {
	#hishiIMG2 img {
		width:500px !important;
	}
}


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


	#hishiIMG1{
		right:0 !important;
		top:-10px !important;
	}

	#hishiIMG1 img{
		top: 300px;
		/*width: 700px;*/
	}



}