@charset "utf-8";

/*--------------BLOCK1、本文等文字色・全体背景、--------------*/
/*全体背景、全体文字色*/
body{background: #f7f2c6; color:#000; /* Old browsers */
background: -moz-linear-gradient(top,  #f7f2c6 40%, #ffffff 100%) fixed; /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(40%,#f7f2c6), color-stop(100%,#ffffff)) fixed; /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f7f2c6 40%,#ffffff 100%) fixed; /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f7f2c6 40%,#ffffff 100%) fixed; /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f7f2c6 40%,#ffffff 100%) fixed; /* IE10+ */
background: linear-gradient(to bottom,  #f7f2c6 40%,#ffffff 100%) fixed; /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( ginkgotColorstr='#f7f2c6', endColorstr='#ffffff',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にて指定）*/
/*更新時は型紙名（スラッグ）を今月分に変更する*/

#waterIMG1{
	left:auto !important;
	right: 0px !important;
	top:0px;
}

#waterIMG2{
	left:0px !important;
	/*right: 0px !important;*/
	bottom: 0px;
	/*top: 0px ;*/
}

#waterIMG1 img,#waterIMG2 img {
	opacity: inherit;
	filter: inherit;
}

#waterIMG1 img{width:1100px;opacity: 1}
#waterIMG2 img{width:800px;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: linear-gradient(#4cabb7, #4cabb7);


}

.bandColor {
	background: linear-gradient(#4cabb7, #4cabb7);
}

.bandSimpleColor {
	background: linear-gradient(#4cabb7, #4cabb7);
}


h1 .h1Img{
	height: 195px;
	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: #4cabb7;
}
.toScrollTop-content {
	color: #fff;
}


@media screen and (max-width : 1600px){#waterIMG1{right: -500px !important;}}
/*@media screen and (min-height:830px){
	#waterIMG1 img,#waterIMG1 img{
		width:1200px !important;
	}*/

	#waterIMG1{
		right: -6px !important;
		/*		top:-100px !important;*/
		z-index: 99;
	}

	#waterIMG1 img{
		width: 1100px !important;
		/*left: -350px !important;
		bottom: -550px ;*/
		margin: -20px 0px 0px 0px;
		zoom: 1.4;
	}

	#waterIMG2 img{
		width: 450px;
		/*left: -350px !important;*/
		/*bottom: -550px ;*/
		margin: 0px 0px -75px -5px;
	}

/*}*/
@media screen and (max-width : 1700px){#waterIMG1{right: -250px !important;}}

@media screen and (max-width : 1400px){
	#waterIMG1{right: -300px !important;}
	#waterIMG1 img{width: 900px !important;
	zoom: 1.7;
	}
	}


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

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

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

	#waterIMG1{
		right: 0px !important;
		top: -50px;
		opacity: 0.6;
	}

	#waterIMG1 img{
		zoom: 1.2;
	}
	#waterIMG1{
		left: -104px;
	}
	#waterIMG2 img{
		display:none;
	}

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

}

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

	#waterIMG1 img {
		width: 900px !important;
		margin: -60px -10px 0px 0px;
	}
	#waterIMG2 img {
		width: 400px !important;
	}
}


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


	#waterIMG1{
		right:0 !important;
		top:50px !important;
	}

	#waterIMG1 img{
		width: 800px !important;
	}


}