@charset 'UTF-8';
/* ----------------------------------------------------------------
COMMON
----------------------------------------------------------------- */
#content-body-wrapper img{
	width:100%;
}

#content-body-wrapper .clearfix{
	zoom:100%;
}
#content-body-wrapper .clearfix:after{
	display:block;
	clear:both;
	height:0;
	content:url('data:image/gif;base64,R0lGODlhAQABAIAAAAAAAAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}
@media print{
	#content-body-wrapper	.clearfix:after{
		display:table;
		width:100%;
		font-size:0;
		line-height:0;
	}
}

#content-body-wrapper h2,#content-body-wrapper h3,#content-body-wrapper h4,#content-body-wrapper h5,#content-body-wrapper h6,#content-body-wrapper p,#content-body-wrapper li{
	font-family:'游ゴシック体',YuGothic,'游ゴシック Medium','Yu Gothic Medium','游ゴシック','Yu Gothic',sans-serif;
}
/* ----------------------------------------------------------------
TITLE
----------------------------------------------------------------- */
#content-body-wrapper .content-level1-wrapper .hdg-level1-wrapper .hdg-level1-wrapper_logo{
	width:10%;
	margin-top:1.9%;
}
#content-body-wrapper .content-level1-wrapper .hdg-level1-wrapper .hdg-level1{
	padding:0;
	text-align:center;
}
#content-body-wrapper .content-level1-wrapper{
	margin-top:18px;
	background-image:url(/fukushima-cp/images/bg_magazine_title.png);
	background-repeat:no-repeat;
	background-size:contain;
	text-align:center;
}
#content-body-wrapper .content-level1-wrapper .hdg-level1-wrapper .hdg-level1-wrapper-title{
	width:18%;
	margin-top:0.6%;
}
#content-body-wrapper .hdg-level1-wrapper{
	width:auto;
	margin:auto;
}
#content-body-wrapper .content-level1-wrapper .hdg-level1-wrapper .hdg-level1{
	max-width:none;
	margin-bottom:auto;
	padding-top:10.4%;
}
/* ----------------------------------------------------------------
CONTENT-BODY
----------------------------------------------------------------- */
#content-body .magazine-planning-content-wrapper{
	margin-bottom:19px;
}
#content-body .magazine-planning-content-wrapper .magazine-planning-list img{
	width:100%;
}
#content-body .magazine-planning-content-wrapper .magazine-planning-list .magazine-planning-list_icon-updeat{
	position:absolute;
	top:-62px;
	left:50%;
	width:71px;
	margin-left:-35px;
}
#content-body .magazine-planning-content-wrapper .magazine-planning-list .magazine-planning-list_icon-new{
	position:absolute;
	top:-61px;
	left:50%;
	width:49px;
	margin-left:-25px;
}
#content-body .magazine-planning-content-wrapper .magazine-planning-list h2{
	color:#231815;
	font-size:20px;
	line-height:28px;
}
#content-body .magazine-planning-content-wrapper .magazine-planning-list .thumb-btn{
	width:47px;
}
#content-body .magazine-planning-content-wrapper .magazine-planning-list{
	max-width:850px;
	width:72.3%;
	margin:0 auto;
	margin-top:5.6%;
	text-align: center;
	padding-left: 60px;
}
#content-body .magazine-planning-content-wrapper .magazine-planning-list li{
	display:inline-block;
	position:relative;
	float:left;
	width:45%;
	margin-right:4.6%;
	margin-bottom:97px;
}
#content-body .magazine-planning-content-wrapper .magazine-planning-list li:nth-child(3n){
	margin-right:0;
}
#content-body .magazine-planning-content-wrapper .magazine-planning-list li a:hover img{
	opacity: 0.75;
}
#content-body .magazine-planning-content-wrapper .magazine-planning-list h2:before{
	display:block;
	width:47px;
	height:69px;
	margin:0 auto;
	margin-top:6px;
	margin-bottom:16px;
	background-image:url(/fukushima-cp/images/icon_magazine_book.png);
	background-repeat:no-repeat;
	background-size:contain;
	vertical-align:middle;
	content:'';
}
#content-body{
	margin-bottom:-75px;
	padding-bottom:162px;
	background-image:url(/fukushima-cp/images/bg_magazine_bottom.png);
	background-repeat:repeat-x;
	background-position:bottom;
	text-align:center;
}
#content-body-wrapper .hdg-level1-wrapper .hdg-level1 img{
	width:auto;
}
#content-body .btn-top{
	width:auto;
	margin-bottom:-119px;
}
#content-body .btn-top .btn-top_img{
	width:367px;
}

@media only screen and (max-width:979px){
	#content-body-wrapper{
		margin-bottom:100px;
	}
}



/* ----------------------------------------------------------------
SP
----------------------------------------------------------------- */
@media only screen and (max-width:767px){
	/* ----------------------------------------------------------------
TITLE
----------------------------------------------------------------- */
	#content-body-wrapper{
		margin-bottom:95px;
	}
	#content-body-wrapper .content-level1-wrapper .hdg-level1-wrapper{
		margin-top:70px;
	}
	#content-body-wrapper .content-level1-wrapper{
		background-image:url(/fukushima-cp/images/bg_magazine_title_sp.png);
		background-repeat:no-repeat;
		background-size:contain;
	}
	#content-body-wrapper .content-level1-wrapper .hdg-level1-wrapper .hdg-level1-wrapper-title{
		width:76%;
		margin-top:39%;
	}
	/* ----------------------------------------------------------------
CONTENT-BODY
----------------------------------------------------------------- */
	#content-body{
		background-repeat:no-repeat;
		background-size:contain;
	}
	#content-body .magazine-planning-content-wrapper{
		margin-bottom:25.3%;
	}
#content-body .magazine-planning-content-wrapper .magazine-planning-list{
	padding-left:0;
	max-width:1220px;
	}
	#content-body .magazine-planning-content-wrapper .magazine-planning-list li{
		width:100%;
		margin-top:22.5%;
	}
	#content-body .magazine-planning-content-wrapper .magazine-planning-list a img{
		width:91%;
		height:auto;
	}
	#content-body .magazine-planning-content-wrapper .magazine-planning-list .article .article_img{
		width:91%;
	}
	#content-body .magazine-planning-content-wrapper .magazine-planning-list li:first-child{
		margin-top:0;
	}
	#content-body .magazine-planning-content-wrapper .magazine-planning-list li:nth-child(2){
		margin-left:0;
	}
	#content-body .magazine-planning-content-wrapper .magazine-planning-list li:nth-child(3n){
		margin-top:29%;
	}
	#content-body-wrapper .content-level1-wrapper .hdg-level1-wrapper .hdg-level1-wrapper-title img{
		max-width:457px;
		width:71%;
	}
	#content-body .magazine-planning-content-wrapper .magazine-planning-list{
		display:block;
		clear:both;
		width:100%;
		margin:0 auto;
		margin-top:17%;
		content:'';
	}
	#content-body .magazine-planning-content-wrapper .magazine-planning-list .magazine-planning-list_icon-updeat{
		position:absolute;
		top:0;
		width:55px;
		margin-top:-45px;
		margin-left:-28px;
	}
	#content-body .magazine-planning-content-wrapper .magazine-planning-list .magazine-planning-list_icon-new{
		position:absolute;
		top:0;
		max-width:75px;
		width:38px;
		margin-top:-45px;
		margin-left:-19px;
	}
	#content-body .magazine-planning-content-wrapper .magazine-planning-list li{
		margin-bottom:0;
	}
	#content-body .magazine-planning-content-wrapper .magazine-planning-list .top0{
		top:0;
	}
	#content-body-wrapper .content-level1-wrapper .hdg-level1-wrapper .hdg-level1-wrapper_logo{
		width:32%;
		margin-top:-4.5%;
	}

	#content-body .magazine-planning-content-wrapper .magazine-planning-list h2{
		font-size:15px;
		line-height:22px;
	}
	#content-body{
		padding-bottom:8%;
		background-image:url(/fukushima-cp/images/bg_magazine_bottom_sp.png);
		text-align:center;
	}
	#content-body .btn-top{
		margin-bottom:auto;
	}
	#content-body .btn-top .btn-top_img{
		max-width:453px;
		width:71%;
	}
	#content-body .magazine-planning-content-wrapper .magazine-planning-list h2:before{
		width:37px;
		height:50px;
		margin-top:1%;
		margin-bottom:2%;
		background-repeat:no-repeat;
	}
}