@charset "utf-8";
@media only screen and (max-width :768px) {
.cont{width:95%;}
.sp{display:block;}
.pc{display:none;}
img{width:100%; height:auto;}

*{font-family: Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'モリサワ 新ゴ R', 'Droid Sans', メイリオ, 'sans-serif';}

.main_tit{ background-size:auto 40px;padding-left:40px;margin-bottom:10px;font-size:17px;font-weight:normal;line-height:40px;font-family: "Rounded Mplus 1c";}
.main_tit.detail_tit{margin-bottom:10px;font-size:18px;font-weight:normal;line-height:30px;
background-size:auto 30px;padding-left:35px;}
.archive .sub_tit{display:none;}

#side .sub_tit{padding:10px 0px 10px 40px; background-size:34px auto; background-position:0px 50%;font-size:14px; margin-bottom:8px;}
/*#cont_header{padding-top:30px; background-color:#DBF8FF;}*/
#cont_header{background-color:#DBF8FF;}
#cont_header #secom_logo{top:0;}

/*  Contents-----------------------------------------------------------------------------*/
#contents{overflow:inherit !important;}
/*  header
-----------------------------------------------------------------------------*/

#cont_header span#secom_logo img{ width:80%; height:auto;}


/* main start ---------------*/

/*ニュースリスト*/
#contents{padding-top:12px;width:92%;margin:0 auto 30px auto;}
#contents #main{float:none;width:100%;margin:0px;}
#contents #main #news .c_box{padding: 5px;margin-bottom:15px;}
/*#contents #main #news ul#news_list li, */
/*#contents #main #news ul#news_list li:nth-child(2), */
/*#contents #main #news ul#news_list li:nth-child(3), */
/*#contents.backnumber #main #news ul#news_list li{display:none;} */
/*#contents #main #news ul#news_list li:nth-child(1), */
/*#contents.backnumber #main #news ul#news_list li:nth-child(1){display:block;} */
#contents #main #news ul#news_list li a,
#contents #main #news ul#news_list li p
{padding:12px 8% 10px 10px;font-size:13px;
background-position:95.5% 50%;background-size:7.5px auto;}
#contents #main #news ul#news_list li span
{padding:12px 8% 10px 10px;font-size:13px;}

#contents #main #news ul#news_btn{padding:5px 6px 2px 6px;}
#contents #main #news ul#news_btn li{width:49%;margin-right:2%;line-height:25px;}
#contents #main #news ul#news_btn li a{font-size:13px;
	background-position:93% 50%;background-size:5px 8.5px;}
/*ニュース一覧*/
#contents #main #news.archive li{width:46.5%;margin-right:7%;}
#contents #main #news.archive li:nth-child(2n){margin-right:0%;}
#contents #main #news.archive dl{position:static;width:100%;}
#contents #main #news.archive dd{position:static;width:100%;background:none;color:#333;
	padding:0px;opacity:1;}
#contents #main #news.archive dd p.title{font-size:12px;}
#contents #main #news.archive dd p.date{font-size:10px;color:#999;text-decoration:none;}

/*記事詳細*/
#contents #main #detail dd p.txt,
#contents #main #detail dd p.more_txt{font-size:14px;}
#contents #main #detail dd p.date{font-size:12px;}
#contents #main #detail dd p.more_img{float:none;width:55%;margin:0 auto;text-align:center;}
#contents #main #detail .more_btn{width:100%;background-size:8px auto;}
#contents #main #detail .more_btn a{width:100%;}

/*ページ送り*/
#contents #main .pager{margin:0 auto 30px auto;}
#contents #main .pager li{font-size:11px;}
#contents #main .pager li.prev{padding-right:0px; display:block; padding-bottom:10px;}
#contents #main .pager li.next{padding-left:0px; display:block; padding-top:10px;}

#contents #main .d_pager ul:first-child li{font-size:10px;}
#contents #main .d_pager ul:first-child li.next{text-align:right;}
#contents #main .d_pager li{width:45%;}

/*関連タグ*/
#contents #main .related_tag ul li{line-height:24px;padding:0 10px;margin-right:10px;}

/*メイン側カテゴリ*/
#contents #main .categoly{margin-bottom:10px;}
#contents #main .categoly ul li{float:none;width:auto;line-height:37px;padding-left:45px;
margin:0 0px 5px 0;}
#contents #main .categoly li a{background-size:auto 10px;}

/*最新記事*/
#contents #main .latest{margin-bottom:0px;}
#contents #main .latest ul li{width:100%}

/*ブログ一覧*/
#contents #main #blog .active{display:block;}
#contents #main #blog > div:not(.active){display:none;}
#contents #main #blog .archive ul{margin-bottom:15px;}
#contents #main #blog .archive li{display:block;}
#contents #main #blog .archive li:first-child{margin:0px 0px 15px 0px;width:100%;}
#contents #main #blog .archive li:first-child dd{width:95%;}
#contents #main #blog .archive > ul li:not(:first-child) dl{clear:both; overflow:hidden;
	background:url(/kodomo/img/news_list_yazi.png) 96% 50% no-repeat;	background-size:auto 14px;
	position:static;border-bottom:1px solid #D6D6D6;}
#contents #main #blog .archive > ul li:not(:first-child) dt{float:left;width:28.5%;padding:0;
margin:0;}
#contents #main #blog .archive > ul li:not(:first-child) dd{float:right;width:61%;padding:0 7.5% 0 3%;margin:0;position:static;
	color:#000;opacity:1;background:none;}
#contents #main #blog .archive dd p.title{font-size:13px;line-height:120%;padding-top:8px;}
#contents #main #blog .archive dd p.date{font-size:10px}
#contents #main #blog p.show_btn{width:152px;margin:0 auto;line-height:23px;text-align:center;
	background:url(/kodomo/img/show_btn_yazi.png) 142px 50% no-repeat #00A3D9;
	background-size:5px 8.5px;font-size:14px;margin-botttom:30px;}
#contents #main #blog p.show_btn a{color:#FFF; padding:5px 0;}
#contents #main #share_btn ul{padding:5% 0;}
#contents #main #share_btn li{width:30%;margin-right:5%;}
#contents #main #share_btn li:nth-child(2n){margin-right:5%;}
#contents #main #share_btn li:nth-child(3n){margin-right:0%;}

/*スマートフォン用タブ*/
#contents #main #blog #sp_blog_tab{width:100%;display:block;}
#contents #main #blog #sp_blog_tab li{width:50px; margin-right:3px;text-align:center; display:none;background:#DFF8FF; border:#A8EAFF 1px solid;
border-bottom:none; padding:3px 0; border-radius: 5px 5px 0px 0px;line-height:25px;}
#contents #main #blog #sp_blog_tab li{display:block;}
#contents #main #blog #sp_blog_tab li.active{background:#00A3D9;color:#FFF;}
#contents #main #blog #sp_blog_tab .slick-slider{display:block;}
#contents #main #blog #sp_blog_tab .slick-list{width:auto;margin:0 25px;}
#contents #main #blog #sp_blog_tab .slick-slide{cursor:pointer;}
#contents #main #blog #sp_blog_tab .slick-prev{
	background:url(/kodomo/img/sp_tab_prev.png) no-repeat;
	background-size:15.5px 18px;width:18px;z-index:50;left:0px;}
#contents #main #blog #sp_blog_tab .slick-next{
	background:url(/kodomo/img/sp_tab_next.png) no-repeat;
	background-size:15.5px 18px;width:18px;z-index:50;right:0px;}
/* main end ---------------*/

/* side start ---------------*/
/*-----------------------------------------------------------------------------*/
#contents #side{font-size:13px;line-height:150%;float:none;width:100%;margin:0px;}
/*検索窓*/
#contents #side #search {padding:6px 8px;margin-bottom:15px}
#contents #side #search input[type="image"]{width:auto;height:25px;top:6px;right:8px;}
#contents #side #search input[type="text"]{width:89%;height:25px;padding:0px 0 0 5px;border:none;}

/*サイド側カテゴリ*/
#contents #side #categoly ul{clear:both;overflow:hidden;}
#contents #side #categoly li{float:left;padding:5px 0;width:47%;margin-right:6%;
	background-size:35px auto;line-height:28px;}
#contents #side #categoly li a{background-size:5px 7px;padding-left:32px;font-size:12px;}
#contents #side #categoly li:first-child a{letter-spacing:-0.5px;font-size:11.5px;}
#contents #side #categoly li:nth-child(2n){margin-right:0%;}

#contents #side #about{margin-bottom:20px;}
#contents #side #about img.img_left{ width:15%; height:auto;}
#contents #side #buzzer dl{clear:both;overflow:hidden;}
#contents #side #buzzer dt{float:left;width:44.5%;}
#contents #side #buzzer dd{float:right;width:52.5%;}
#contents #side #buzzer li{background:url(/kodomo/img/sp_buzzer_yazi.png) 0px 7px no-repeat;
	background-size:11.5px 3px;padding-left:18px;}
#contents #side #mod dt{width:20%}
#contents #side #mod dd{float:left;}
/*ランキング*/
#contents #side #ranking ul{margin-bottom:15px;}
#contents #side #ranking li{background-size:26px 20.5px;padding:8px 0 8px 32px;}
#contents #side #ranking p{margin-bottom:20px;}
/*月別アーカイヴ*/
#contents #side #archive ul li{width:68px;font-size:12px;}

/*スぺシャルコンテンツ*/
#special ul li .sp{display:block !important;}
#special ul li .pc{display:none !important;}

#special ul .slick-prev{background:url(../../img/slide_prev.png) 0 50% no-repeat; width:32px; height:32px; z-index:50; top:40%;}
#special ul .slick-next{background:url(../../img/slide_next.png) 0 50% no-repeat; width:32px; height:32px; z-index:50; top:40%;}


/* slider start ---------------*/
#slider ul{width:92%; margin:0 auto;padding:0 20px;}
#slider ul li.slick-slide{padding:10px;}
#slider .slick-list{width:100%;}
#slider .slick-prev{background-size:18px 18px;left:0px;width:18px;}
#slider .slick-next{background-size:18px 18px;right:0px;width:18px;}
#cont_footer{background-image:url(/kodomo/img/sp_footer_bg.jpg); background-size:100% auto;
padding:150px 0px 150px 0px;	height:auto; text-align:center;font-size:12px;}
#cont_footer dt{float:none;margin:0 10px 12px 10px;}
#cont_footer dt li:nth-child(3n){margin-right:0px;}
#cont_footer dd{float:none;margin:0 auto;}
/*
#cont_footer ul{text-align:center;}
#cont_footer li{float:none;display:inline;}
#cont_footer li a{display:inline;}*/

#cont_footer ul{text-align:left;}
#cont_footer li{float:none !important;display:block;}
#cont_footer li a{border-bottom:1px dotted #ccc; padding-top:5px; padding-bottom:10px; background-position:0 12px;}

#footer #pagetop img{width:40px;height:40px;}


#fl_menu {width:70%;height:100%;position:fixed;top:0px; left:0px;
background:rgba(183,253,226,0.5);z-index:99;display:none;}
#fl_menu ul{width:100%;padding:45px 2px 2px 2px;
	background:url(/kodomo/img/side_h3_icon01.png) 0px 0px no-repeat #00a3d9;}
#fl_menu li{line-height:35px;padding-left:40px;border-bottom:2px solid #00a3d9;
	background:0% 50% no-repeat #FFF;background-size:auto 35px;}
#fl_menu li a{background:url(/kodomo/img/cat_yazi.png) 95% 50% no-repeat;}
#fl_menu li:nth-child(1){background-image:url(/kodomo/img/b_news_ico.png);}
#fl_menu li:nth-child(2){background-image:url(/kodomo/img/b_ico01.png);}
#fl_menu li:nth-child(3){background-image:url(/kodomo/img/b_ico02.png);}
#fl_menu li:nth-child(4){background-image:url(/kodomo/img/b_ico03.png);}
#fl_menu li:nth-child(5){background-image:url(/kodomo/img/b_ico04.png);}
#fl_menu li:nth-child(6){background-image:url(/kodomo/img/b_ico05.png);}
#fl_menu li:nth-child(7){background-image:url(/kodomo/img/b_ico06.png);}
#fl_menu li:nth-child(8){background-image:url(/kodomo/img/b_ico07.png);}
#fl_menu li:nth-child(9){background-image:url(/kodomo/img/b_ico08.png);}
#fl_menu li:nth-child(10){background-image:url(/kodomo/img/b_ico09.png);}
#fl_menu li:nth-child(11){background-image:url(/kodomo/img/b_ico10.png);}


#footer_menu {width:96%;padding:0 2%;position: fixed;bottom:0px; z-index:199;}
#footer_menu ul{background:rgba(255,255,255,0.5);padding:20px 0 25px 0;}
#footer_menu li{float:left;width:22.75%;padding-right:3%;cursor:pointer;}
#footer_menu li:nth-child(4n){padding-right:0%;}
#pagetop { position: static; float:right;width:40px;height:40px;}


/* add 2017.03.15 ---------------*/
#contents #main #detail img{width:auto;}

#areaA .blockCate {
}

#areaA .blockCate .group {
	margin: 0;
}

#areaA .blockCate h2 {
	color: #444;
	font-size: 123.1%;
	font-weight: bold;
	margin: 15px;
}

#areaA .blockCate h2{margin:0 0 15px}

#areaA .blockCate .boxCate {
	width:280px;
	float: left;
	margin: 0;
	background: url(../../common/img/icon_cate.gif) no-repeat 15px 10px;
}

#areaA .blockCate .boxCate h3 {
	color: #46792a;
/*	font-size: 123.1%; */
	padding: 20px 15px 10px 38px;
	background: url(../../common/img/border_dot1.gif) no-repeat left top;
	margin: 0 0px;
}

#areaA .blockCate .boxCate h3 a {
	color: #46792a;
	text-decoration: none;
}

#areaA .blockCate .boxCate h3 a:hover {
	color: #46792a;
}

#areaA .blockCate .boxCate p {
	padding: 5px 20px;
	font-size: 93%;
	line-height: 160%;
}

#areaA .blockCate .boxCate .more {
	display: none;
}

#areaA .blockCate .boxCate .more a {
	color: #666;
	background: url(../../common/img/arw1.gif) no-repeat 0 5px;
	padding: 0 0 0 15px;
}

#areaA .blockArchive {
	margin: 0;
}

#areaA .blockArchive a{
	display:inline !important;
}

#areaA .blockArchive h2 {
	color: #444;
	font-size: 123.1%;
	font-weight: bold;
}

#areaA .blockArchive .boxArchive {
	border-bottom:1px dotted #ccc;
	padding: 0 15px;
}

#areaA .blockArchive .boxArchive h3 {
	color: #4badcd;
	font-size: 123.1%;
	padding: 10px 0 10px;
	font-weight: bold;
}

#areaA .blockArchive .boxArchive h3 a {
}

#areaA .blockArchive .boxArchive h3 span {
	font-size: 80%;
	font-weight: normal;
	font-style: normal;
	margin-left: 10px;
}area

#areaA .blockArchive .boxArchive ul {
	padding: 0 20px;
}

#areaA .blockArchive .boxArchive ul li {
	float: left;
	margin: 0 25px 5px 0;
}

#areaA .blockArchive .boxArchive ul li a {
	padding: 0 5px 0 0;
	font-size: 108%;
}

#areaA .blockArchive .boxArchive ul li span {
	color: #666;
}

#areaA .blockEntry {
	min-width: 300px;
	margin: 0 10px 45px 10px;
}

#areaA .blockEntry.top {
	padding: 20px 5px !important;
	margin: 0;
	background: url("../../common/img/entryBg02.jpg") no-repeat scroll 0 bottom #FFFFEE;
}

#areaA .blockEntry.top:last-child{
	margin-bottom: 20px !important;
	background: url() no-repeat scroll 0 bottom #FFFFEE;
}

#areaA .blockEntry .entryTop {
	background:url(../../common/img/entryBg02.jpg) no-repeat 0 100%;
	margin: 0 0 20px;
}

#areaA .blockEntry.top .entryTop{
	margin: 0px;
	background:url();
}

#areaA .blockEntry .entryTop h2 {
	background:url(../../common/img/entryBg01.jpg) no-repeat 0 5px;
	font-size: 131%;
	font-weight: bold;
	padding:0 0 15px 25px;
}

#areaA .blockEntry .entryBody {
	font-size: 108%;
	margin: 0;
	line-height: 160%;
}

#areaA .blockEntry .entryBody p {
	margin: 0 0 1.0em;
}

#areaA .blockEntry .entryBody strong {
	font-weight: bold;
}

#areaA .blockEntry .entryBody .more {
	margin: 20px 0 0;
	clear: both;
}

#areaA .blockEntry .entryBody .more a {
	background:url(../../common/img/arw1.gif) no-repeat 0 8px;
	display:inline-block;
	padding-left: 15px;
}

#areaA .blockEntry .entryBody .more a:hover {

}

#areaA .blockEntry .boxSbm {
	height: 20px;
	margin-top: 20px;
}

#areaA .blockEntry .boxSbm ul {
	margin: 0;
	height: 30px;
	float: right;
}

#areaA .blockEntry .boxSbm ul li {
	float: left;
	margin-left: 15px;
}

#areaA .blockEntry .boxSbm .snsT,
#areaA .blockEntry .boxSbm .snsB {
	width: 100%;
	max-width: 768px;
	margin: 0 auto;
}

#areaA .blockEntry .boxSbm .snsT ul {
	width: 210px;
	height: 23px;
	float: none;
	margin: 0 auto;
}

#areaA .blockEntry .boxSbm .snsB ul {
	width: 285px;
	height: 23px;
	float: none;
	margin: 0 auto;
}

#areaA .blockEntry .boxSbm .snsT ul li:first-child,
#areaA .blockEntry .boxSbm .snsB ul li:first-child {
	margin-left: 0;
}

#areaA .blockEntry .entryFoot {
	border-top:1px dotted #ccc;
	font-size: 93%;
	padding: 10px 0 0;
	margin: 30px 0 0;
}

#areaA .blockEntry.top .entryFoot {
	border-top-width:0px;
	padding: 10px 0 0;
	margin: 0;
}


#areaA .blockEntry .entryFoot p.date {
	display: inline;
	margin-right: 20px;
}

#areaA .blockEntry .entryFoot p.category {
	display: inline;
}

/*==============================================================================
Keyword
===============================================================================*/
.blockKeyword {
	border: #24acea solid 3px;
/*	margin: 10px; */
	padding:15px 20px 15px 125px;
	position:relative;
	background-color:#def5fe;
}

.blockKeyword h3 {
	position:absolute;
	top:0;
	left:0;
	z-index:3
}

.blockKeyword h3 img {
	margin-left: -6px;
}

.blockKeyword ul {
	margin: 30px 0 0 -100px;
}

.blockKeyword ul li {
/*	background:url(/kodomo/common/img/arw1.gif) no-repeat 0 5px; */
	display: inline;
	margin:5px 10px 5px 0;
	line-height: 2em;
}

.blockKeyword ul li a {
	padding:0 0 0 12px;
	white-space: nowrap;
	font-weight: bold;
}

/*==============================================================================
quiz_index_page
===============================================================================*/
#quiz_index_area {
    background: url("/kodomo/image/quiz/quiz_bg.png") repeat scroll 0 0 #fffbf7;
    line-height: 1.3;
    min-height: 440px;
	padding-top:20px;
    position: relative;
    width: 676px;
}
#quiz_index_area {
    margin: 0 auto;
    min-height: 0;
    padding-bottom: 30px;
    width: 96%;
}
#quiz_index_area h2 {
    color: #f92e83;
    font-size: 30px;
    font-weight: bold;
    padding: 20px 0 10px;
}
#quiz_index_area a, #quiz_area a:link {
    text-decoration: none;
}

.quiz_index_ttl {
    background: url("/kodomo/image/quiz/pen_start_bg.png") no-repeat scroll center bottom rgba(0, 0, 0, 0);
    color: #333;
    font-size: 30px;
    font-weight: bold;
    height: 44px;
    margin: 20px auto 30px 40px;
    width: 573px;
}
.quiz_index_tt_marginL{
	margin-left:50px;
}
.quiz_index_ttl {
    background: url("/kodomo/image/quiz/pen_sp_bg.png") no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
    font-size: 100%;
    height: auto;
    margin: 0 auto 20px;
    padding: 5px 0 5px 2%;
    width: 92%;
}
.quiz_index_tt_marginL{
	margin-left:20px;
}
.quiz_index_ttl {
    font-size: 100%;
}


.smtPhone{
	display: block;
}

.PC{
	display: none;
}

.floatR {
	float: none;
}

}