@charset "utf-8";
/* CSS Document */

a:hover img{
	/*モダンブラウザ用*/
	opacity:0.7	;
	/*IE7以下用*/
	filter:alpha(opacity=7);
	/*IE8用*/
	-ms-filter:"alpha(opacity=7)";
}
#content #container {
    padding-top: 0 !important;
    padding-bottom: 5rem !important;
}
#container {
    max-width: 100% !important;
		margin:0 auto;
		padding: 0;
    width: 100%;
	background-color:#e2f7c6;
}

#container #box1 .box_left{
	float:left;
	width:41%;
}

#container #box1 .box_right{
	float:left;
	padding:0 0 0 3%;
	width:56%;
}

#container #box1 .box_detail{
	font-size:14px;
	color:#fff;
	line-height:160%;
	padding:13px 0 0 5px;
}
.headerImage {
    width: 100%;
    margin: 0 auto;
}
.latestIssue img {
    width: 80%;
    position: absolute;
    top: 0;
    left: -180px;
}
.sp>img {
	width:100%;
	margin:0 0 1em;
}
.PC>img {
	display:none;
	position: relative;
}

.eneQuiz {
	width:90%;
	margin:0 auto 1em;
}

.eneQuiz img {
	width:100%;
}

.moreQuiz {
	width:85%;
	margin:0 auto -6.5em;
	position:relative;
	top:-6.5em;
}

img.quizSeries {
	width:100%;
}

.headquiz {
	width:40%;
	margin:0.2em auto;
}

.headquiz img {
	width:100%;
}

.quizshelf {
	width: 100%;
	margin:0 auto;
	padding:0.5em 0;
}

.shelfFrame {
	width:100%;
	padding:0 2%;
}

.quizFrame {
	padding:1em 0;
	margin:0.25em 0;
	width:48%;
	float:left;
}


/*** 180213　モーダルウィンドウ　テスト==================================================================================================== */


/*** 180213　モーダルウィンドウ　テストここまで==================================================================================================== */






.bookInfo {
	display:block;
	margin:0 auto;
	width:100px;
	position:relative;
	z-index:500;
}

.bookInfo>a {
	display:block;
}

.bookShadow {
	position:relative;
	z-index:450;
	margin:-0.75em 5% 0 5%;
	width:90%;
}
p.bookTitle {
	width:90%;
	font-size:0.75em;
	text-align:center;
	margin:0 auto;
}

#inline01,
#inline02,
#inline03,
#inline04 {
	padding:10px;
}



/*** colorbox用のスタイル */

#cboxCurrent {
	display:none !important;
}

#cboxClose{
	background:url(../js/colorbox-master/close.png) no-repeat 0 0;
	height:2.5em;
	display:block;
	margin:-1.6em -8% 0 0;
}

#cboxPrevious {
	display:none !important;
	background:url(../js/colorbox-master/prev.png) no-repeat 0 0;
	height:2.5em;
}

#cboxNext {
	display:none !important;
	background:url(../js/colorbox-master/next.png) no-repeat 0 0;
	height:2.5em;
}

/* ココまで colorbox用のスタイル ***/



@media screen and (min-width: 820px) {

#container {
}

.PC {
	width:100%;
}

.PC>img {
	display: block;
    width: 100%;
     margin: 0 auto;
}

.sp>img {
	display:none;
}

.latestIssue.sp {
	display:none;
}


/* 180213　*/
.latestIssue.PC {
	display:block;
	position:relative;
	top:0;
	width:40%;
	margin:-24.5em 0 0 28%;
}

.latestIssue {
	margin:-19.5em 1% 0 48%;
	width:26%;
	background:none;
	position:relative;
	float:left;
	z-index:990;
}

.latestIssue img {
    width: 80%;
    position: absolute;
    top: unset;
    bottom: -350px;
    left: -200px;
}

.eneQuiz {
	width:25.5%;
	margin:-22.25em 0 0 73%;
	position:relative;
	top:0;
	float:left;
	z-index:990;
}

.eneQuiz>img {
	width:100%;
}

.eneQuiz>p {
	width:85%;
	margin:-5em 1% 0 8%;
	position:relative;
}

.moreQuiz {
	margin:0 auto -5.75em;
	top:-5.75em;
}

#cboxClose{
	margin:-1.6em -3% 0 0;
}

/* 180213　*/
.headquiz {
	width:50%;
	margin:0 auto;
}

.headquiz>img {
	width: 100%;
    margin: 3rem 0;
}
.shelfFrame {
	padding:0 3.5%;
}

/* 180213　*/
.quizFrame {
	width:31%;
}

.bookShadow {
	margin:-0.5em 5% 0 5%;
}

}
@media screen and (max-width: 820px) and (min-width:737px){
	.latestIssue img {
    width: 80%;
    position: absolute;
    top: 120px;
    left: -120px;
}
}
@media screen and (min-width:737px) and (max-width:768px) {

.latestIssue {
	width:97.5%;
	overflow:hidden;
}
.latestIssue img {
	width: 60%;
	position: absolute;
	top: 1300px;
	left: 200px;
}
.quizFrame {
	width:23%;
}

.quizshelf {
	height: 500px;
	padding:1.5em 0;
}

.shelfFrame {
	padding:0 4%;
}

.bookShadow {
	margin:-0.5em 5% 0 5%;
}

.eneQuiz {
	margin:0 auto 1.5em;
}

.moreQuiz {
	margin:0 auto -15.75em;
	top:-15.75em;
}

#cboxClose{
	margin:-1.6em -3% 0 0;
}

}

@media screen and (min-width:668px) and (max-width:736px) {

.latestIssue {
	width:97.5%;
	overflow:hidden;
}

.latestIssue img {
		width: 70%;
		position: absolute;
		bottom: -50px;
		top: unset;
		left: 100px;
}

.quizFrame {
	width:23%;
}

.quizshelf {
	height:66.5em;
	padding:1.5em 0;
}

.shelfFrame {
	padding:0 4%;
}

.eneQuiz {
	margin:0 auto 1.5em;
}

.moreQuiz {
	margin:0 auto -15em;
	top:-15em;
}

#cboxClose{
	margin:-1.6em -3.5% 0 0;
}
}
@media screen and (min-width:569px) and (max-width:667px) {

.latestIssue {
	width:97%;
}
.latestIssue img {
		width: 70%;
		position: absolute;
		bottom: -50px;
		top: unset;
		left: 100px;
}
.quizFrame {
	width:33%;
}

.quizshelf {
	height:82.5em;
}

.shelfFrame {
	padding:0 0.5%;
}

.eneQuiz {
	margin:0 auto 1.5em;
}

.moreQuiz {
	margin:0 auto -13.5em;
	top:-13.5em;
}

#cboxClose{
	margin:-1.6em -4% 0 0;
}

}

@media screen and (min-width:481px) and (max-width:568px) {

.latestIssue {
	width:96%;
}

.latestIssue img {
		width: 70%;
		position: absolute;
		bottom: -50px;
		top: unset;
		left: 100px;
}

.quizFrame {
	width:33%;
}

.bookShadow {
	margin:-0.6em 5% 0 5%;
}

.quizshelf {
	height:20em;
}

.shelfFrame {
	padding:0 0.5%;
}

.eneQuiz {
	margin:0 auto 1.5em;
}

.moreQuiz {
	margin:0 auto -11.5em;
	top:-11.5em;
}

#cboxClose{
	margin:-1.6em -5% 0 0;
}

}

@media screen and (min-width:415px) and (max-width:480px) {

.latestIssue {
	width:95%;
}

..latestIssue img {
		width: 70%;
		position: absolute;
		bottom: -50px;
		top: unset;
		left: 100px;
}

.quizFrame {
	width:32%;
}

.quizshelf {
	height:80em;
}

.eneQuiz {
	margin:0 auto 1.5em;
}

.moreQuiz {
	margin:0 auto -9.5em;
	top:-9.5em;
}

#cboxClose{
	margin:-1.6em -5% 0 0;
}

}


@media screen and (min-width:376px) and (max-width:414px) {
	.latestIssue img {
	    width: 70%;
	    position: absolute;
	    bottom: -50px;
			top: unset;
	    left: 100px;
	}
}

@media screen and (min-width:321px) and (max-width:375px) {

	.latestIssue img {
		width: 70%;
	position: absolute;
	bottom: -200px;
	top: unset;
	left: 100px;
	}

.shelfFrame {
	padding:0 5%;
}

.quizFrame {
	width:45%;
}

.bookShadow {
	margin:-0.6em 5% 0 5%;
}

.moreQuiz {
	margin:0 auto -7.5em;
	top:-7.5em;
}

#cboxClose{
	margin:-1.6em -7% 0 0;
}

}




/* 180213　一番下の草連続*/

#container2 {
	background:url(../img/subpage/miyazaki-kankyodokuhon/ft-bg-grass.png) no-repeat 0 0;
	height:2.5em;
}

#container2 #box1 .box_left{
	float:left;
	width:41%;
}

#container2 #box1 .box_right{
	float:left;
	padding:0 0 0 3%;
	width:56%;
}

#container2 #box1 .box_detail{
	font-size:14px;
	color:#fff;
	line-height:160%;
	padding:13px 0 0 5px;
}