@charset "UTF-8";

/* ==================================================================
CSS information
style info :「world」 用
================================================================== */



#container { background: url(../_img/world/bg_r.png) top center repeat;}
#contents { background: url(../_img/world/bg_p.jpg) top center no-repeat;}

/* --------------------------------------------------------
#ttl-block
-------------------------------------------------------- */
#ttl-block { background: url(../_img/world/ttl_bg.png) top center repeat-x; }
#ttl-block .inner-cont { padding-bottom: 13px; }


#ttl-block #tf { top: -8px; left: 50%; margin-left: -255px; }
#ttl-block #category { margin-bottom: 12px;}
#ttl-block #ttl { margin-bottom: 13px;}




/* --------------------------------------------------------
#c0
-------------------------------------------------------- */
#c0 { padding-bottom: 70px; }
#c0 .inner-cont { width: 100%; height: 363px; margin: 0 auto; position: relative; }
#c0 #readtext { text-align: center; margin-bottom: 59px;}
#c0 #readpic { position: absolute; bottom: -47px; left: 1.635%; }
#c0 #readpic img { position: relative; }
#c0 #pic_st { text-align: center; position: relative; height: 240px; }
#c0 #pic_st p { width: 100%; height: 120px;}
#c0 #pic_st .pra1 { background: url(../_img/world/pic_st1.png) top center repeat-x;}
#c0 #pic_st .pra2 { background: url(../_img/world/pic_st2.png) top center repeat-x;}
/*
#c0 #pic_st img { position: absolute; margin-left: -945px; left: 50%;}
#c0 #pic_st img:last-child { top: 124px;}
*/

@media screen and (max-width: 1350px) {
#c0 #readpic { width: 43.1111%; max-width: 582px;}
#c0 #readpic img { width: 100%; height: auto;}
}



/* --------------------------------------------------------
.ttl
-------------------------------------------------------- */
h2.ttl { background: url(../_img/world/line.png) bottom center repeat-x; text-align: center; padding-bottom: 19px; margin-bottom: 16px;}


/* --------------------------------------------------------
#c1
-------------------------------------------------------- */
#c1 { padding-bottom: 40px; }

#c1 .text { text-align: center; margin-bottom: 30px;}

#c1 .pic-list { letter-spacing: -.45em; text-align: center; max-width: 1600px; margin: 0 auto; vertical-align: top; }
#c1 .pic-list li { letter-spacing: normal; display: inline-block; vertical-align: top; margin: 0 18px 28px; }

@media screen and (max-width: 1450px) {
#c1 .pic-list { max-width: 1000px; }
}



/* --------------------------------------------------------
#c2
-------------------------------------------------------- */
#c2 { clear: both; padding-bottom: 20px; }
#c2 .inner-cont { text-align: center; }


#c2 .list-block { letter-spacing: -.45em; text-align: center; width: 900px; margin: 0 auto; padding-top: 21px; }
#c2 .list-block li { letter-spacing: normal; display: inline-block; vertical-align: top; margin-bottom: 35px; }
#c2 .list-block li dt { padding-bottom: 20px;}

#c2 .list-block .l01 { width: 382px; margin-right: 40px;}
#c2 .list-block .l02 { width: 382px; margin-left: 40px;}

#c2 .list-block .l03 { width: 263px; }
#c2 .list-block .l04 { width: 263px; margin-left: 20px; margin-right: 20px;}
#c2 .list-block .l05 { width: 263px; }

.end_miiverse_txt {
    color: #fff;
    margin: 10px 0 0;
    font-size: 11px;
    line-height: 1.65;
}

#c2 .list-block .l03 dt { padding-bottom: 10px;}
#c2 .list-block .l04 dt { padding-bottom: 10px;}
#c2 .list-block .l05 dt { padding-bottom: 10px;}