@charset "UTF-8";

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


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

.contents-block { padding: 0 0%;}

.nojs { display: none;}

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


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




/* --------------------------------------------------------
#c0
-------------------------------------------------------- */
#c0 { padding-bottom: 57px; }


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



#c1 #item-list-block { padding-top: 50px;}

#c1 #btn-box { position: relative; width: 100%;}
#c1 #btn-box img { position: absolute; top: 0; width: 10%; cursor: pointer;}
#c1 #btn-box img.off { opacity: 0.3;}
#c1 #btn-box .btn_l { left: 3.125%;}
#c1 #btn-box .btn_r { right: 3.125%;}

#c1 #pic-list-wrap { position: relative; width: 58.75%; height: auto; margin: 0 auto 20px; overflow: hidden; }
#c1 #pic-list-wrap:before { content: ""; display: block; padding-top: 98.9361%; }
#c1 #pic-list-wrap .pic-list { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#c1 #pic-list-wrap .pic-list li { width: 100%; }

/*width: 420px;*/
#c1 .btn-list { letter-spacing: -.45em; width: 81.25%;  text-align: center; margin: 0 auto; }
#c1 .btn-list li { letter-spacing: normal; display: inline-block; vertical-align: top; width: 20%; position: relative; }
#c1 .btn-list li .btnon { position: absolute; top: 0; left: 0; opacity: 0;}
#c1 .btn-list li .on .btnon { opacity: 1;}


/* --------------------------------------------------------
#c2
-------------------------------------------------------- */
#c2 { padding-bottom: 60px; }

#c2 div img { width: 50%; float: left;}


.end_miiverse_txt {
    color: #fff;
    font-size: 16px;
    line-height: 1.55;
    margin: 10px 0 0 30px;
}