@charset "utf-8";

/*--------------BLOCK1、本文等文字色・全体背景、--------------*/
/*全体背景、全体文字色*/
body{background: #7a1748;color:#fff;}

.toScrollTop-content {
	color: #000;
}

/*{background: #c9aa66; color:#000; /* Old browsers */
/*background: -moz-linear-gradient(top,  #c9aa66 33%, #d1b986 100%) fixed; /* FF3.6+ */
/*background: -webkit-gradient(linear, left top, left bottom, color-stop(33%,#c9aa66), color-stop(100%,#d1b986)) fixed; /* Chrome,Safari4+ */
/*background: -webkit-linear-gradient(top,  #c9aa66 33%,#d1b986 100%) fixed; /* Chrome10+,Safari5.1+ */
/*background: -o-linear-gradient(top,  #c9aa66 33%,#d1b986 100%) fixed; /* Opera 11.10+ */
/*background: -ms-linear-gradient(top,  #c9aa66 33%,#d1b986 100%) fixed; /* IE10+ */
/*background: linear-gradient(to bottom,  #c9aa66 33%,#d1b986 100%) fixed; /* W3C */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9aa66', endColorstr='#d1b986',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: #333;
}

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

#urokoIMG1{
	left: auto!important;
	right: 0px !important;
	top: -30px ;
}

#urokoIMG2{
	/*right: 0px !important;*/
	left: 0px !important;
	bottom: -10px ;
	/*top: -150px ;*/
}

/*#urokoIMG1 img{width:1230px;}
#urokoIMG2 img{width:1230px;}*/

#urokoIMG1 img,#urokoIMG2 img {
	opacity: inherit;
	filter: inherit;
}

#urokoIMG1 img{width:1300px;opacity: 1}
#urokoIMG2 img{width:1300px;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: #ede7cb;
	
}

.bandColor {
	background: #ede7cb;
}

.bandSimpleColor {
	background: #ede7cb;
}


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

.toAbout-image{ /*について、背景*/
	background-color: #7A1748;
}

div.meneListText{
	color:#fff;
}

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


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

div.meneListE{color: #fff;}

div.menuBackNumTitle{
	padding: 5px 0 0 10px;
	/*background: #000;*/
}


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

#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 : 1700px){#urokoIMG1{right: 0px !important;}}
/*@media screen and (min-height:830px){*/
	#urokoIMG1 img,#urokoIMG1 img{
		width:1200px !important;
	}
	#urokoIMG1{
		right: 0px !important;
		/*		top:-100px !important;*/
		z-index: 99;
	}

	#urokoIMG1 img{
		width: 1350px !important;
		left: -350px !important;
		bottom: -550px ;
		margin: -20px 0px 0px 0px;
	}

	#urokoIMG2 img{
		width: 1100px !important;
		left: -350px !important;
		bottom: -550px ;
		margin: -20px 0px -20px -100px;
	}

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

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

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

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

	h1.h1show:after{
		opacity: 0;
	}

	#urokoIMG1{
		right: 0px !important;
		top: -150px ;

	}

	#urokoIMG1 img{
	}
	#urokoIMG1{
		left: -104px;

	}
	#urokoIMG2 img{
		display:none;
	}

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

}

@media screen and (max-height: 800px) {
	#urokoIMG1 img {
		width: 1200px !important;
		margin: 20px 0px 0px 0px;
	}
	#urokoIMG2 img {
		width: 900px !important;
		margin: 0px 0px 0px -50px;
	}
}


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


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

	#urokoIMG1 img{
		top: 350px;
		/*width: 700px;*/
	}



}