@charset "utf-8";
/* CSS Document */

/* default bug fix */
/*.greet-main2,
.pcfix,
.pcheader-main,
.footer .fix { width:1024px; }*/

/* common style */
.clearfix { zoom:1; }
.clearfix:after { content: "."; display: block; height: 0; font-size:0;	clear: both; visibility:hidden; }

p strong { color:#fa465a; font-weight:bold; line-height:1.5; }

#wrapper { background:none; }
#container { border-bottom:1px solid #f4f5f7; }
#contents { position:relative; min-width:1040px; width:auto!important; width:1040px; background:#fff; font-size:18px; line-height:1.8; overflow:hidden; }
#contents img { display:inline; vertical-align:top; }
.sec_common_inner { position:relative; width:692px; margin:0 auto; padding:18px 0; }


.list_comic {  }
.list_comic li { margin:0; text-align:center; vertical-align:middle; }

.bg_balloon_blue { position:relative; padding:40px 0; background:url(../images/bg_balloon_blue.png) repeat-x center top; text-align:center; }

.txt_teacher,
.txt_yuko,
.txt_manabu { margin-top:25px; padding:0 0 0 110px; background-position:0 8px; background-repeat:no-repeat; }
.txt_teacher { background-image:url(../images/thumb_teacher.png); }
.txt_yuko { background-image:url(../images/thumb_yuko.png); color:#007aaa; }
.txt_manabu { background-image:url(../images/thumb_manabu.png); color:#007aaa; }
.txt_line1 { padding:26px 0 26px 110px; background-position:0 0; }
.txt_line2 { padding:11px 0 10px 110px; background-position:0 0; }
#contents .sec_img_set img { position:relative; float:right; margin:0 -68px 0 0px; }
#contents .sec_img_set p { width:258px; }

/* sec_intro */
#sec_intro { position:relative; padding:0 0 8px; z-index:1; }
#sec_intro .txt_lead { margin-bottom:14px; text-align:center; }
#sec_intro .bg_dotted { padding-bottom:23px; background:url(../images/bg_balloon_dotted_bottom.png) repeat-x center bottom; }
#sec_intro .bg_dotted_inner { padding-bottom:55px; background:url(../images/bg_dotted_blue.png) repeat center bottom; }
#sec_intro h1 { position:relative; padding:68px 0 62px; background:url(../images/bg_balloon_yellow.png) repeat-x center top; text-align:center; z-index:1; }
#sec_intro .list_comic { position:relative; margin-top:-48px; z-index:2; }

#sec_intro .sec_profile { position:relative; width:296px; margin:28px auto 0; padding:33px 0 60px 232px; background:url(../images/img_profile.png) no-repeat 40px 0; }
#sec_intro .sec_profile h2 { margin-bottom:5px; font-size:11px; font-weight:bold; text-align:left; }
#sec_intro .sec_profile h2 span { font-size:19px; font-weight:bold; }
#sec_intro .sec_profile p { font-size:16px; line-height:1.4; }

/* sec_section1 */
#sec_section1 { position:relative; margin-top:-40px; z-index:2; }
#sec_section1 h2 img { margin-right:90px; }

/* sec_section2 */
#sec_section2 { position:relative; margin-top:44px; }
#sec_section2 h2 img { margin-right:21px; }

/* sec_section3 */
#sec_section3 { position:relative; margin-top:44px;  z-index:1; }
#sec_section3 h2 img { margin-right:-42px; }

#sec_section3 .bg_dotted { margin-top:30px; padding-top:23px; background:url(../images/bg_balloon_dotted_top.png) repeat-x center top; }
#sec_section3 .list_comic.bg_dotted_inner { position:relative; padding:35px 0 75px; background:url(../images/bg_dotted_blue.png) repeat center top; }
#sec_section3 .list_comic li img { position:relative; }

/* sec_section4 */
#sec_section4.bg_balloon_yellow { position:relative; margin-top:-23px; padding-top:22px; background:url(../images/bg_balloon_yellow_top.png) repeat-x center top; z-index:2; }
#sec_section4 .bg_balloon_inner { padding-bottom:23px; background:#f5ec67 url(../images/bg_balloon_yellow_bottom.png) repeat-x center bottom; }
#sec_section4 h2  { padding:60px 0 50px; text-align:center; }
#sec_section4 .sec_common_inner { }
#sec_section4 .list_btns { position:relative; margin:70px -8px 55px -6px; }
#sec_section4 .list_btns li { position:relative; float:left; margin-right:10px; }
#sec_section4 .list_btns .btn_koko_3 { margin-right:0; }
#sec_section4 .list_btns li a { display:block; width:122px; height:98px; background:url(../images/20170316/btns_koko.png) no-repeat 0 0; line-height:0.4; text-indent:100%; overflow:hidden; white-space:nowrap; opacity:1; }
#sec_section4 .list_btns .btn_koko_all a { width:310px; background-position:0 0; }
#sec_section4 .list_btns .btn_koko_all a:hover { background-position:0 -100px; }
#sec_section4 .list_btns .btn_koko_1 a { background-position:-320px 0; }
#sec_section4 .list_btns .btn_koko_1 a:hover { background-position:-320px -100px; }
#sec_section4 .list_btns .btn_koko_2 a { background-position:-452px 0; }
#sec_section4 .list_btns .btn_koko_2 a:hover { background-position:-452px -100px; }
#sec_section4 .list_btns .btn_koko_3 a { background-position:-583px 0; }
#sec_section4 .list_btns .btn_koko_3 a:hover { background-position:-583px -100px; }

/* sec_links */
#sec_links { border-bottom:1px solid #000; }
#sec_links .sec_common_inner { width:800px; margin:44px auto 30px; padding-bottom:20px; }
.ttl_links { font-size:12px; font-weight:normal; }
.list_links li { margin-top:4px; line-height:1.2; }
.list_links li a { display:inline-block; padding-left:15px; background:url(../images/icon_link_arrow.png) no-repeat 0 3px; color:#000; font-size:12px; zoom:1; }

/* sec_sns */
.sec_sns { width:968px; margin:35px auto 20px; }
.sec_sns ul { float:right; }
.sec_sns ul li { float:left; height:30px; margin-right:24px; padding-top:10px; line-height:1; text-align:left; }
.btn_hatebu iframe { width:80px!important; }

#main{
  width: auto;
}
#contents{
  width: auto;
  float: none;
  padding: 0;
}
.breadcrumb{
  width: 960px;
  margin: 0 auto 35px;
}