@charset "UTF-8";

/* ----------------------------------------------------------------
SLICK
----------------------------------------------------------------- */
/* Slider */
.slick-slider
{
position: relative;

display: block;
box-sizing: border-box;

-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;

-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}

.slick-list
{
position: relative;

display: block;
overflow: hidden;

margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}

.slick-track
{
position: relative;
top: 0;
left: 0;

display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;

content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}

.slick-slide
{
display: none;
float: left;

height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;

height: auto;

border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}




/* Slider */
.slick-loading .slick-list
{
/*background: #fff url('./ajax-loader.gif') center center no-repeat;*/
}

/* Arrows */
.slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;

position: absolute;
top: auto;
top:auto;
bottom:-30px;
display: block;

width: 10px;
padding: 0;

cursor: pointer;

color: transparent;
border: none;
outline: none;
background: transparent;
z-index: 2;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
left: 15px;
}
[dir='rtl'] .slick-prev
{
right: 0;
left: auto;
}
.slick-prev:before
{
content: '';
}
[dir='rtl'] .slick-prev:before
{
content: '';
}

.slick-next
{
right: 15px;
}

[dir='rtl'] .slick-next
{
right: auto;
left: 0;
}
.slick-next:before
{
content: '';
}
[dir='rtl'] .slick-next:before
{
content: '';
}

/* Dots */
.slick-dotted.slick-slider
{
margin-bottom: 30px;
}

.slick-dots
{
position: absolute;
bottom: -28px;

display: block;

width: 100%;
padding: 0;
margin: 0;

list-style: none;

text-align: center;
z-index: 1;
}
.slick-dots li
{
position: relative;

display: inline-block;
float:none !important;
width: 11px;
height: 11px;
margin: 0 5px;
padding: 0;

cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;

display: block;

width: 11px;
height: 11px;
padding: 0 15px 0 15px;

cursor: pointer;

color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
font-size: 11px;
line-height: 11px;
position: absolute;
top: 0;
left: 0;

width: 11px;
height: 11px;

content: '';
background:url(/fukushima-cp/images/img_index_contents_slide_inactive.png) no-repeat;
background-size:contain;
text-align: center;

color: #0096e5;

-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
width:11px;
width:11px;
background:url(/fukushima-cp/images/img_index_contents_slide_active.png) no-repeat;
background-size:contain;
}




/* ----------------------------------------------------------------
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 div{font-family:"游ゴシック体",YuGothic,"游ゴシック Medium","Yu Gothic Medium","游ゴシック","Yu Gothic",sans-serif;}

#content-body-wrapper a img.btn,#content-body-wrapper ul.btn li a img{filter:alpha(opacity=100);opacity: 1.0;}
#content-body-wrapper a:hover img.btn,#content-body-wrapper ul.btn li a:hover img{filter:alpha(opacity=75);opacity: 0.75;}

/* ----------------------------------------------------------------
TITLE
----------------------------------------------------------------- */
#content-body-wrapper .content-level1-wrapper{position:relative;box-sizing:border-box; /* height:522px; */padding-top:0px;background:url(/fukushima-cp/images/bg_index_title_02.jpg) no-repeat center bottom;background-size:cover;}
#content-body-wrapper .content-level1-wrapper .hdg-level1-wrapper{max-width:1240px;margin:0 auto 0 auto;}
#content-body-wrapper .content-level1-wrapper .hdg-level1-wrapper h1{margin:0;padding:0;font-size:0;line-height:0;text-align:center;}
#content-body-wrapper .content-level1-wrapper .hdg-level1-wrapper h1 img{/* max-width:447px; */}
#content-body-wrapper .content-level1-wrapper .hdg-level1-wrapper .lead{margin-top:10px;font-size:86%;line-height:2.3;color:#343131;font-weight:normal;text-align:center;}
#content-body-wrapper .content-level1-wrapper .hdg-level1-wrapper .more{position:absolute;margin-left:-71.5px;font-size:0;line-height:0;left:50%;bottom:64px;}
#content-body-wrapper .content-level1-wrapper .hdg-level1-wrapper .more a img{width:143px;}

/* ----------------------------------------------------------------
READ
----------------------------------------------------------------- */
#content-body-wrapper .read-txt{max-width:789px;margin:0 auto 0 auto;padding-top:30px;}
#content-body-wrapper .read-txt p{font-size:0;line-height:0;}


/* ----------------------------------------------------------------
LINE_BANNER
--------------------------------------------------------------- */
#content-body-wrapper .line-ban{font-size:0;line-height:0;text-align:center;padding-top:30px;}
#content-body-wrapper .line-ban img{max-width:1240px;}


/* ----------------------------------------------------------------
CAMPAIGN
----------------------------------------------------------------- */
#content-body-wrapper .campaign{max-width:1240px;margin:0 auto 0 auto;padding-top:40px;}
#content-body-wrapper .campaign p{font-size:0;line-height:0;}

/* ----------------------------------------------------------------
TOPICS
----------------------------------------------------------------- */
#content-body-wrapper .topics{max-width:1240px;margin:54px auto 0 auto;}
#content-body-wrapper .topics h2{color:#0069b6;font-size:215%;font-weight:bold;text-align:center;}
#content-body-wrapper .topics dl{position:relative;display:table;width:100%;margin-top:6px;padding:20px 0.5em 17px 0.5em;border-top:1px solid #0069b6;border-bottom:1px solid #0069b6;box-sizing: border-box;}
#content-body-wrapper .topics dl dt,
#content-body-wrapper .topics dl dd{display:table-cell;padding-top:22px;color:#858585;font-size:121.5%;font-weight:bold;opacity:1;}
#content-body-wrapper .topics dl div{display:table-row;transition: all 0.3s ease-in-out;}
#content-body-wrapper .topics dl div.hidden{position: absolute;overflow:hidden;margin-top:0;height:0;opacity:0;transition: all 0.3s ease-in-out;}
#content-body-wrapper .topics dl div.hidden.visible{position: relative;overflow:visible;margin-top:22px;height:auto;opacity:1;transition: all 0.3s ease-in-out;}
#content-body-wrapper .topics dl div:first-child dt,
#content-body-wrapper .topics dl div:first-child dd{padding-top:0;}
#content-body-wrapper .topics dl dt{box-sizing:border-box;width:305px;padding:0 0 0 5.65em;text-indent:-5.65em;}
#content-body-wrapper .topics dl dt span{display:inline-block;margin-right:1em;padding:1px 1em 0px 1em;color:#ffffff;background-color:#0069bc;font-size:71%;vertical-align:middle;letter-spacing:0.25em;text-indent:0;}
#content-body-wrapper .topics dl dd{padding-left:2em;}
#content-body-wrapper .topics dl dd a{color:#0069b6;}
#content-body-wrapper .topics dl dd a:hover{color:#4faff5;text-decoration:none;}
#content-body-wrapper .topics .more{margin-top:22px;font-size:0;line-height:0;text-align:center;}
#content-body-wrapper .topics .more a img{width:211px;}

/* ----------------------------------------------------------------
NEWS
----------------------------------------------------------------- */
#content-body-wrapper .news{max-width:1240px;margin:57px auto 0 auto;border-top:1px solid #008d3a;border-bottom:1px solid #008d3a;}
#content-body-wrapper .news h2{display:table-cell;padding:11px 40px 9px 25px;color:#008d3a;font-size:128%;font-weight:bold;background:url(/fukushima-cp/images/icon_index_news.png) no-repeat center right;vertical-align:middle;}
#content-body-wrapper .news ol{display:table-cell;padding:11px 0 9px 15px;vertical-align:middle;}
#content-body-wrapper .news ol li{position:relative;float:left;margin-right:35px;font-size:114%;}
#content-body-wrapper .news ol li .new{float:left;margin-right:0.5em;font-size:107%;font-weight:bold;color:#d51819;}
#content-body-wrapper .news ol li dl{float:left;}
#content-body-wrapper .news ol li dl dt{display:inline-block;margin-right:0.5em;padding:2px 0.5em 0px 0.5em;color:#ffffff;background-color:#00ae67;font-size:94%;vertical-align:text-bottom;}
#content-body-wrapper .news ol li dl dd{display:inline-block;font-weight:bold;}
#content-body-wrapper .news ol li dl dd a{color:#008d3a;}
#content-body-wrapper .news ol li dl dd a:hover{color:#71c293;text-decoration:none;}

/* ----------------------------------------------------------------
CONTENTS
----------------------------------------------------------------- */
#content-body-wrapper .contents{max-width:1240px;margin:60px auto 0 auto;}
#content-body-wrapper .contents ul{display:none;}
#content-body-wrapper .contents ul li{position:relative;float:left;width:49.4%;margin:18px 1.2% 0 0;opacity:1;transition: all 0.3s ease-in-out;}
#content-body-wrapper .contents ul li.hidden{overflow:hidden;margin-top:0;height:0;opacity:0;transition:all 0.3s ease-in-out;}
#content-body-wrapper .contents ul li.hidden.visible{overflow:visible;margin-top:18px;height:auto;opacity:1;transition: all 0.3s ease-in-out;}
#content-body-wrapper .contents ul li:nth-child(1),
#content-body-wrapper .contents ul li:nth-child(2){margin-top:0;}
#content-body-wrapper .contents ul li:nth-child(2n){margin-right:0;}
#content-body-wrapper .contents ul li{font-size:0;line-height:0;}
#content-body-wrapper .contents ul li img.new{position:absolute;width:63px;top:12px;right:14px;z-index:2;}

#content-body-wrapper .contents .more{margin-top:25px;font-size:0;line-height:0;text-align:center;}
#content-body-wrapper .contents .more a img{width:211px;}

/* ----------------------------------------------------------------
LINKS
----------------------------------------------------------------- */
#content-body-wrapper .links{margin-top:75px;padding:5px 0 95px 0;background:url(/fukushima-cp/images/bg_index_links.jpg) no-repeat center top;background-size:cover;}

#content-body-wrapper .links .links-line{font-size:0;line-height:0;text-align:center;}
#content-body-wrapper .links .links-line img{max-width:1240px;}

#content-body-wrapper .links .links-food{max-width:1240px;margin:55px auto 0 auto;}
#content-body-wrapper .links .links-food h4{color:#666666;font-size:164%;text-align:center;font-weight:bold;}
#content-body-wrapper .links .links-food ul{margin-top:12px;}
#content-body-wrapper .links .links-food ul li{float:left;width:32%;margin:20px 2% 0 0;font-size:0;line-height:0;}
#content-body-wrapper .links .links-food ul li:nth-child(1),
#content-body-wrapper .links .links-food ul li:nth-child(2),
#content-body-wrapper .links .links-food ul li:nth-child(3){margin-top:0;}
#content-body-wrapper .links .links-food ul li:nth-child(3n){float:left;margin-right:0;}

#content-body-wrapper .links .links-other{max-width:1240px;margin:55px auto 0 auto;}
#content-body-wrapper .links .links-other h4{color:#666666;font-size:164%;text-align:center;font-weight:bold;}
#content-body-wrapper .links .links-other ul{margin-top:12px;}
#content-body-wrapper .links .links-other ul li{float:left;width:32%;margin:20px 2% 0 0;font-size:0;line-height:0;}
#content-body-wrapper .links .links-other ul li:nth-child(1),
#content-body-wrapper .links .links-other ul li:nth-child(2),
#content-body-wrapper .links .links-other ul li:nth-child(3){margin-top:0;}
#content-body-wrapper .links .links-other ul li:nth-child(3n){float:left;margin-right:0;}

#content-body-wrapper .links .links-safety{max-width:1240px;margin:71px auto 0 auto;}
#content-body-wrapper .links .links-safety h4{color:#666666;font-size:164%;text-align:center;font-weight:bold;}
#content-body-wrapper .links .links-safety ul{display:table;width:100%;margin-top:12px;}
#content-body-wrapper .links .links-safety ul li{display:table-cell;width:33.4%;padding-right:2.1%;font-size:121.5%;line-height:1.4;}
#content-body-wrapper .links .links-safety ul li:nth-child(3n){padding-right:0;}
#content-body-wrapper .links .links-safety ul li a{padding:22px 0 22px 100px;box-sizing:border-box;display:block;height:100%;border-top:1px solid #9b9b9b;border-bottom:1px solid #9b9b9b;color:#333333;background:url(/fukushima-cp/images/icon_index_links_safety.png) no-repeat 70px 50%;background-size:7px;}




/* ----------------------------------------------------------------
SP
----------------------------------------------------------------- */
@media only screen and (max-width:768px){

/* ----------------------------------------------------------------
TITLE
----------------------------------------------------------------- */
#content-body-wrapper .content-level1-wrapper{background-image:url(/fukushima-cp/images/bg_index_title_02_sp.jpg);height:auto;/* min-height:260px; */ padding-top:13px;}
#content-body-wrapper .content-level1-wrapper .hdg-level1-wrapper{width:auto;}
#content-body-wrapper .content-level1-wrapper .hdg-level1-wrapper h1 img{/* max-width:230px; */}
#content-body-wrapper .content-level1-wrapper .hdg-level1-wrapper .lead{margin-top:0px;font-size:8.5px;font-weight:normal;}
#content-body-wrapper .content-level1-wrapper .hdg-level1-wrapper .more{max-width:106px;margin-left:-53px;font-size:0;line-height:0;bottom:30px;}

#content-body-wrapper .content-level1-wrapper .hdg-level1-wrapper .more a img{width:100%;}

/* ----------------------------------------------------------------
READ
----------------------------------------------------------------- */
#content-body-wrapper .read-txt{max-width:558px;margin:0 auto 0 auto;padding:20px 30px 0 30px;}
#content-body-wrapper .read-txt p{font-size:0;line-height:0;}

/* ----------------------------------------------------------------
LINE_BANNER
--------------------------------------------------------------- */
#content-body-wrapper .line-ban{font-size:0;line-height:0;text-align:center;padding:20px 10px 0 10px;}
#content-body-wrapper .line-ban img{max-width:620px;}

/* ----------------------------------------------------------------
CAMPAIGN
----------------------------------------------------------------- */
#content-body-wrapper .campaign{width:auto;padding-top:15px;}

/* ----------------------------------------------------------------
TOPICS
----------------------------------------------------------------- */
#content-body-wrapper .topics{margin:8px auto 0 auto;padding:0 11px 0 11px;}
#content-body-wrapper .topics h2{font-size:115%;}
#content-body-wrapper .topics dl{margin-top:1px;padding:13px 0 9px 0;border-top:1.5px solid #0069b6;border-bottom:0;}
#content-body-wrapper .topics dl dt,
#content-body-wrapper .topics dl dd{margin-top:3px;font-size:82%;}
#content-body-wrapper .topics dl div.hidden.visible{margin-top:3px;}

#content-body-wrapper .topics dl dt{position:static;width:45%;font-size:9px;padding-left:7.2em;text-indent:-7.2em;}
#content-body-wrapper .topics dl dt span{display:inline-block;margin-right:1em;padding:1px 0.75em 0px 0.75em;font-size:8.5px;vertical-align:top;}
#content-body-wrapper .topics dl dd{padding:0 0 0 1em;}
#content-body-wrapper .topics .more{margin-top:-1px;}
#content-body-wrapper .topics .more a img{width:127.5px;}

/* ----------------------------------------------------------------
NEWS
----------------------------------------------------------------- */
#content-body-wrapper .news{margin:18px auto 0 auto;padding:0 11px 0 11px;border:0;}
#content-body-wrapper .news h2{display:block;padding:0;font-size:115%; text-align:center;background:none;}
#content-body-wrapper .news ol{display:block;margin-top:1px;padding:11px 0 13px 0;border-top:1.5px solid #008d3a;border-bottom:0;}
#content-body-wrapper .news ol li{position:relative;float:none;margin:6px 0 0 0;font-size:86%;}
#content-body-wrapper .news ol li:first-child{margin-top:0;}
#content-body-wrapper .news ol li .new{position:absolute;float:none;margin-right:0.5em;font-size:110%;}
#content-body-wrapper .news ol li dl{float:none;}
#content-body-wrapper .news ol li dl dt{position:absolute;display:block;margin-right:0.5em;padding:1px 0.5em 0px 0.5em;font-size:8.25px;left:3.75em;}
#content-body-wrapper .news ol li dl dd{display:block;padding-left:9.5em;}

/* ----------------------------------------------------------------
CONTENTS
----------------------------------------------------------------- */
#content-body-wrapper .contents{margin:-7px auto 0 auto;padding:0;}
#content-body-wrapper .contents ul li{position:relative;width:auto;margin:0 !important;}
#content-body-wrapper .contents ul.slick-initialized li.hidden{overflow:visible;margin-top:0;height:auto;opacity:1;}

#content-body-wrapper .contents ul li img.new{position:absolute;width:13.75%;top:3%;right:1.9%;left:auto;}
#content-body-wrapper .contents .more{display:none;margin-top:15px;}
#content-body-wrapper .contents .more a img{width:157.5px;}

/* ----------------------------------------------------------------
LINKS
----------------------------------------------------------------- */
#content-body-wrapper .links{margin-top:43px;padding:10px 0 33px 0;background-color:#b1ddff;background-image:url(/fukushima-cp/images/bg_index_links_top_sp.jpg),url(/fukushima-cp/images/bg_index_links_bottom_sp.jpg);background-repeat:no-repeat;background-position:center top,center bottom;background-size:contain;}

#content-body-wrapper .links .links-food{margin:35px auto 0 auto;padding:0 11px 0 11px;}
#content-body-wrapper .links .links-food h4{font-size:110%;}
#content-body-wrapper .links .links-food ul{margin-top:0;}
#content-body-wrapper .links .links-food ul li{width:48.6%;margin:7px 2.8% 0 0 !important;}
#content-body-wrapper .links .links-food ul li:nth-child(2n){margin-right:0 !important;}

#content-body-wrapper .links .links-other{margin:35px auto 0 auto;padding:0 11px 0 11px;}
#content-body-wrapper .links .links-other h4{font-size:110%;}
#content-body-wrapper .links .links-other ul{margin-top:0;}
#content-body-wrapper .links .links-other ul li{width:48.6%;margin:7px 2.8% 0 0 !important;}
#content-body-wrapper .links .links-other ul li:nth-child(2n){margin-right:0 !important;}
#content-body-wrapper .links .links-other ul li:nth-child(3) {text-align: center;}
#content-body-wrapper .links .links-other ul li:nth-child(3) a img {}

#content-body-wrapper .links .links-safety{margin:38px auto 0 auto;padding:0 11px 0 11px;}
#content-body-wrapper .links .links-safety h4{font-size:110%;}
#content-body-wrapper .links .links-safety ul{display:block;width:auto;margin-top:5px;padding:18px 0 14px 0;border-top:1px solid #9b9b9b;border-bottom:1px solid #9b9b9b;}
#content-body-wrapper .links .links-safety ul li{display:list-item;width:auto;margin-top:16px;padding-right:16px;font-size:110.5%;}
#content-body-wrapper .links .links-safety ul li:first-child{margin-top:0;}
#content-body-wrapper .links .links-safety ul li a{padding:0 0 0 52.5px;border:0;background:url(/fukushima-cp/images/icon_index_links_safety.png) no-repeat 24px 50%;background-size:6.5px;}
}
