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

a:hover img{
	/*モダンブラウザ用*/
	opacity:0.7	;
	/*IE7以下用*/
	filter:alpha(opacity=7);
	/*IE8用*/
	-ms-filter:"alpha(opacity=7)";
}


#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:102%;
	margin:-2em -1% -1em;

}

.sp>img {
	width:100%;
	margin:0 0 1em;
}

.PC>img {
	display:none;
}

.latestIssue {
	width:92%;
	margin:1em -1% -1em;
	padding:1em;
	overflow:hidden;
}

.latestIssue.PC {
	display:none;
}

.display.sp {
	width:100%;
}

.latestIssue img {
	width:100%;
}

.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:90%;
	margin:2em auto;
}

.shelfFrame {
	width:100%;
}

.quizFrame {
	padding:0.1em 0;
	width:48%;
	float:left;
}

.gourmetFrame {
	padding:1em 0;
	width:48%;
	float:left;
}



.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: 769px) {

#container {
}

.PC {
	margin:0em 0 0em;
	width:100%;
}

.PC>img {
	display:block;
	width:100%;
	margin:0.75em 0 1em;
}

.sp>img {
	display:none;
}

.latestIssue.sp {
	display:none;
}


/* 180213　*/
.latestIssue.PC {
	display:block;
	position:relative;
	top:0;
	width:12.5%;
	margin:-20.5em 0 0 42%;
}

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

.latestIssue img {
	width:100%;
}

.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:20%;
	margin:40px auto 3em;
}

.headquiz>img {
	width:100%;
}

.quizshelf {
	width:100%;
	padding:0em 0;
	height:40.25em;
}

.shelfFrame {
	padding:0 3.5%;
}

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

.gourmetFrame {
	width:31%;
}

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

}

@media screen and (min-width:737px) and (max-width:768px) {

.latestIssue {
	width:30%;
	overflow:hidden;
	margin: auto;
	padding: 10px 0 30px 0;
}

.latestIssue img {
	width:93%;
	margin:0 3.5%;
}

.quizFrame {
	width:23%;
}

.gourmetFrame {
	width:23%;
}

.quizshelf {
	height:66.5em;
	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:30%;
	/* overflow:hidden;*/
	margin: auto;
	padding: 10px 0 40px 0;
}

.latestIssue img {
	width:95%;
	margin:0 2.5%;
}

.quizFrame {
	width:23%;
}

.gourmetFrame {
	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:35%;
	margin: auto;
	padding: 10px 0 20px 0;
}

.latestIssue img {
	width:95%;
	margin:0 2.5%;
	padding: 1.5em 0em 0em 0em;
}

.quizFrame {
	width:50%;
}

.gourmetFrame {
	width:50%;
}

.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:30%;
	margin: auto;
	padding: 20px 0 40px 0;
}

.latestIssue img {
	width:95%;
	margin:0 2.5%;
}

.quizFrame {
	width:33%;
}

.gourmetFrame {
	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:35%;
	margin: auto;
	padding: 20px 0 40px 0;
}

.latestIssue img {
	width:95%;
	margin:0 2.5%;
}

.quizFrame {
	width:32%;
}

.gourmetFrame {
	width:32%;
}

.quizshelf {
	height:0em;
}

.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 {
	width:35%;
	margin: auto;
	padding: 20px 0 50px 0;

}

.shelfFrame {
	padding:0 5%;
}

.quizFrame {
	width:45%;
}

.gourmetFrame {
	width:45%;
}

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

.quizshelf {
	height:122em;
}

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

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

}

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

.latestIssue {
	width:40%;
	margin: 20px auto;
}


.quizFrame {
	width:50%;
	padding: 0.1em 0;
}

.gourmetFrame {
	width:50%;
	padding: 0.5em 0;
}

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