@charset "UTF-8";

/* ==================================================================
CSS information
style info :「CHARACTER SUB」 用
================================================================== */


#wrapper { overflow: hidden;}
#container { overflow: visible; }
#contents { overflow: visible; }
/* --------------------------------------------------------
#contents
-------------------------------------------------------- */
#contents { background: url(../_img/character/sub/bg.jpg) top center repeat; }



/* #c1
-------------------------------------------------------- */
#c1 { padding-top: 38px; padding-bottom: 30px; }
#c1 h2 { position: relative; margin-bottom: 24px;}
#c1 .text { position: relative; margin-bottom: 31px;}

#c1 #pic-box { position: relative; width: 100%; letter-spacing: -.45em; font-size: 12px; vertical-align: top; margin-bottom: 32px; }
#c1 #pic-box li { letter-spacing: normal; display: inline-block; position: relative; vertical-align: top; width: 50%; margin-bottom: 19px; }
#c1 #pic-box li:nth-child(odd) { padding-right: 10px;}
#c1 #pic-box li:nth-child(even) { padding-left: 10px;}

#c1 .btnList { position: relative; width: 100%; letter-spacing: -.45em; font-size: 12px; vertical-align: top; padding: 0 4.6875%; }
#c1 .btnList li { letter-spacing: normal; display: inline-block; position: relative; vertical-align: top; }
#c1 .btnList li img { width: 100%; height: auto;}
#c1 .btnList li.p1 { width: 50%; padding-right: 13px; margin-bottom: 14px;}
#c1 .btnList li.p2 { width: 50%; padding-left: 13px; margin-bottom: 14px;}
#c1 .btnList li.p3 { width: 50%; padding-right: 13px; }
#c1 .btnList li.p4 { width: 50%; padding-left: 13px; }



#btn_back { text-align: center; width: 66.71875%; margin: 0 auto; padding: 40px 0 0;}
#btn_back img { width: 100%; height: auto;}