@charset "utf-8";


/* 共通
------------------------------------------------------------------*/
div.header #azbynavi {
	font-family: Arial, Verdana, "Lucida Grande", 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', sans-serif;
	font-size: 100% !important;
	font-size: 1.2rem !important;
}
div#FooterMenu ul li {
	font-family: Arial, Verdana, "Lucida Grande", 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', sans-serif;
	font-size: 108% !important;
	font-size: 1.33rem !important;
}
#deepfooter ul,
#deepfooter p.dfooter-title {
	font-family: Arial, Verdana, "Lucida Grande", 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', sans-serif;
	font-size: 100% !important;
	font-size: 1.2rem !important;
}
.footer{ line-height: normal;}
#footerinner {
	font-family: Arial, Verdana, "Lucida Grande", 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', sans-serif;
	font-size: 100% !important;
	font-size: 1.3rem !important;
	padding: 4px 0 20px 0;
}

a { color: #0080ec; text-decoration: none;}
a:hover { color: #0080ec; text-decoration: none;}
a img { vertical-align:bottom;}

.mb05em { margin-bottom: 0.5em !important;}
.mb1em { margin-bottom: 1em !important;}
.mb15em { margin-bottom: 1.5em !important;}
.mb2em { margin-bottom: 2em !important;}
.mb25em { margin-bottom: 2.5em !important;}
.mb3em { margin-bottom: 3em !important;}
.tcenter { text-align:center;}

ul, ol { list-style:none;}
ul.note li { margin-left:1.2em;text-indent:-1em;}
ul.disc { list-style:disc; margin-left:20px;}
ol.decimal { list-style:decimal; margin-left:25px;}
ul.abreast { overflow:hidden;}
ul.abreast li{ display:block; float:left;}
.note-small { display:block; font-size:10px;}

em { font-style:normal;}

.notes-box { border:solid 1px #000; margin:10px 0; padding:20px;}
.notes-box.gray { border-color:#ccc; background:#efefef;}

.nb { white-space:nowrap;}

/*------------------------------------------------------------------*/
div.header #azbynavi{ font-size:100%;font-size:1rem;}
.parents_link a:hover,
.breadcrumbs a:hover{ text-decoration:underline;}
.parents_link{ width:980px; margin:1em auto; text-align:right;}
.parents_link a{ padding:0 5px 0 0; color:#5e4d3f; font-size:1.2rem; font-weight:bold; background:url(/kids/images/parts/arrow_parents_s.png) no-repeat right 30%;}
.kids_logo p{ width:980px; margin:12px auto; padding:0; text-align:left;}
.kids_logo img{ width:130px; height:auto;}
.stage .bodyarea{ position:static; background:#efead9; width:auto; margin:0; padding:0; text-align: left;}
.fmv_kids_contents{ width:980px; margin:0 auto; padding-bottom: 60px; max-height: 100%;}
.breadcrumbs ol{ padding:25px 0; margin: 0; list-style: none;}
.breadcrumbs li { display: inline; margin: 0; margin-right: 2px; line-height: 1.3; font-size: 100%; font-size:1.2rem;}
.maincontents{ float:none; width:100%;}
.maincontents section{ padding-bottom:110px;}


/*180914 まなびナビログインエリア追加*/
div#headerArea { margin-bottom: 1px; }
.manabiLogin { margin: 0 auto; width: 980px; }
.manabiLogin .manabiLoginInner{padding-bottom: 10px;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack: end;-webkit-justify-content: flex-end;-ms-flex-pack: end;justify-content: flex-end;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;width: 980px;margin: 0 auto;}
.manabiLogin .manabiLoginInner .titleTxt{ margin-top: 3px; font-size: 1.6rem; }
.manabiLogin .manabiLoginInner .manabiBtn a{
  display: block;
  padding: 3px 6px 7px 8px;
  background: #ffcac0;
  -webkit-border-radius: 10px;
          border-radius: 10px;
  -webkit-box-shadow: 1px 3px 5px #c9c4b3;
          box-shadow: 1px 3px 5px #c9c4b3;
  width: 265px;
}
.manabiLogin .manabiLoginInner .manabiBtn a:hover{ background: #FFDBD4; }
.manabiLogin .manabiLoginInner .titleTxt a::before{
  display: inline-block;
  content: "";
  width: 0;
  height: 0;
  margin: 0 1px 2px 0;
  border: 4px solid transparent;
  border-left: 8px solid; 
}
.manabiLogin .manabiLoginInner .manabiBtn { margin-right: 25px; }


/* H1見出し ---------------------------------- */
.mainImg{ width:auto; height:260px;}
.mainImg h1{ visibility:hidden;}
.mainImg.fmvTop{ background:#db7631 url(/kids/images/top/kids_main.png) no-repeat center center;}
.mainImg.fmvProgramming{ background:#eab206 url(/kids/images/programming/pro_main.png) no-repeat center center;}
.mainImg.fmvParents{ background: url(/kids/images/parents/parents_main.png) no-repeat center center;}
.mainImg.fmvParents div.fmvParents_head{ display:table;width:980px; height:260px; margin:0 auto;}
.mainImg.fmvParents div.fmvParents_ttl{ display:table-cell; width:980px; height:260px; vertical-align:middle;}
.mainImg.fmvParents h1{ visibility:visible; color:#fff; text-align:center; font-size:400%; font-size:4rem; line-height:2em; letter-spacing:0.3em;}
.mainImg.fmvParents h1 + p{ color:#fff; text-align:center; font-size:200%; font-size:2.4rem; font-weight:bold; letter-spacing:0.2em;}


/* H2見出し ---------------------------------- */
.kids_top section h2,
#kids_programming_conts h2{ display:table; font-size:216.7%; font-size:2.6rem; color:#db7631; height:80px; width:880px; padding-left:100px; margin-bottom:40px; -webkit-border-radius: 10px; border-radius: 10px;}
#kids_programming_conts h2{ margin-bottom:60px;}
.kids_top section h2 span,
#kids_programming_conts h2 span{ display:table-cell; vertical-align:middle;}
.kids_top section.kids_game h2 span em{ font-weight:normal; font-size:69.2%; font-size:1.8rem; color:#333; padding-left:2em;}
.kids_top section.kids_game h2{ background:#e5dfca url(/kids/images/parts/icon_game.png) no-repeat 20px center; -webkit-background-size:52px 52px; -o-background-size:52px; background-size:52px;}
.kids_top section.new_info h2{ background:#e5dfca url(/kids/images/parts/icon_news.png) no-repeat 20px center; -webkit-background-size:52px 52px; -o-background-size:52px; background-size:52px;}
.kids_top section.relatedSites h2{ background:#e5dfca url(/kids/images/parts/icon_link.png) no-repeat 20px center; -webkit-background-size:52px 52px; -o-background-size:52px; background-size:52px;}
#kids_programming_conts h2{ background:#e5dfca url(/kids/images/parts/icon_check.png) no-repeat 20px center; -webkit-background-size:52px 52px; -o-background-size:52px; background-size:52px;}
.kids_page .introductionArea h2{ color:#eab206; font-size:320%; font-size:3.2rem; text-align:center; margin-bottom:50px;}


/* 本文セッティング ---------------------------------- */
.kids_page .maincontents p{ font-size:161.5%; font-size:2.1rem; line-height:2; margin-bottom:1em;}
.parents_page .maincontents p{ font-size:150%; font-size:1.8rem; line-height:2; margin-bottom:1.5em;}


/* パネルナビゲーション ---------------------------------- */
section ul.menu_panel{ overflow:hidden;}
section ul.menu_panel li{ float:left; margin-right:20px; width:220px; height:auto; padding:5px; }
section ul.menu_panel li:last-child{ margin-right:0;}
section ul.menu_panel li a{
	display:block;
	background:#fff;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.1);
	        box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.1);
	-webkit-transition: 0.1s ease-in-out;
	-o-transition: 0.1s ease-in-out;
	transition: 0.1s ease-in-out;
}
section ul.menu_panel li a:hover{ opacity:0.8;}
section ul.menu_panel li a img{ margin-bottom:20px; width:196px; height:auto;}
section ul.menu_panel li a .link_ttl{ color:#db7631; font-weight:bold; font-size:150%; font-size:1.8rem; margin-bottom:10px;}
section ul.menu_panel li a .date{ padding:15px 0; color:#a2a2a2; font-size:124%; font-size:1.5rem;}
section ul.menu_panel li a .link_txt{ color:#000; font-size:150%; font-size:1.8rem; }
section ul.menu_panel li a:hover .link_txt{ text-decoration:underline;}
section ul.menu_panel li a img + .date{ padding-top:0;}
section ul.menu_panel li dt{
	display:table-cell;
	height:45px;
	width:220px;
	padding-left:20px;
	padding-right:50px;
	text-align:center;
	vertical-align:middle;
	font-size:158%;
	font-size:1.9rem;
	font-weight:bold;
	color:#fff;
	-webkit-border-radius: 10px 10px 0px 0px;
	border-radius:10px 10px 0px 0px;
}
section ul.menu_panel li dt{ background:#db7631 url(/kids/images/parts/arrow_game.png) no-repeat 97% center; -webkit-background-size:34px 34px; -o-background-size:34px; background-size:34px;}
section ul.menu_panel li dd{ padding:12px;}
section.new_info ul.menu_panel li a,
section.relatedSites ul.menu_panel li a{ padding:12px 12px 30px;}
section ul.menu_panel li a p{ padding-left:8px; padding-right:8px;}
section.new_info ul.menu_panel li a .date,
section.relatedSites ul.menu_panel li a .date{ padding-bottom:10px;}


/* 2カラム メインナビ */
section ul.menu_panel.main_navi li{ width:470px; height:auto; margin-bottom:30px;}
section ul.menu_panel.main_navi li.kids_programming,
section ul.menu_panel.main_navi li.kids_izumi,
section ul.menu_panel.main_navi li.manabi{ margin-right:0;}
.kids_page section ul.menu_panel.main_navi li:nth-child(2n+0){ margin-right:0;}

section ul.menu_panel.main_navi li dt{ height:80px; width:470px; text-align:left;}

section ul.menu_panel.main_navi li.kids_first dt{ background:#6fa900 url(/kids/images/parts/arrow_first.png) no-repeat 97% center; -webkit-background-size:36px 36px; -o-background-size:36px; background-size:36px;}
section ul.menu_panel.main_navi li.kids_programming dt{ background:#ecb200 url(/kids/images/parts/arrow_pro.png) no-repeat 97% center; -webkit-background-size:36px 36px; -o-background-size:36px; background-size:36px;}
section ul.menu_panel.main_navi li.kids_pc dt{ background:#db7631 url(/kids/images/parts/arrow_pc.png) no-repeat 97% center; -webkit-background-size:36px 36px; -o-background-size:36px; background-size:36px;}
section ul.menu_panel.main_navi li.kids_izumi dt{ background:#47905d url(/kids/images/parts/arrow_internet.png) no-repeat 97% center; -webkit-background-size:36px 36px; -o-background-size:36px; background-size:36px;}
section ul.menu_panel.main_navi li.kids_typing dt{ background:#44b4d3 url(/kids/images/parts/arrow_typing.png) no-repeat 97% center; -webkit-background-size:36px 36px; -o-background-size:36px; background-size:36px;}
section ul.menu_panel.main_navi li.kids_pro_app dt{ background:#ecb200 url(/kids/images/parts/arrow_pro.png) no-repeat 97% center; -webkit-background-size:36px 36px; -o-background-size:36px; background-size:36px;}

section ul.menu_panel.main_navi li dd{ overflow:hidden; padding:30px 21px 30px;}
section ul.menu_panel.main_navi li dd img{ width:215px; height:auto; float:left; margin-bottom:0;}

section ul.menu_panel.main_navi li a p{ padding-left:0; padding-right:0;}
section ul.menu_panel.main_navi li a .date{ padding-top:20px;}
section ul.menu_panel.main_navi li a .date,
section ul.menu_panel.main_navi li a .link_txt{ margin-left:240px;}



/* 20191216 まなびキャンペーン リンクボタン追加 
--------------------------------------------------------------*/

ul.menu_panel li.pre_cam1907 dd{
	background:#fff;
	-webkit-border-radius: 0 0 10px 10px;
	        border-radius: 0 0 10px 10px;
    -webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.1);
            box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.1);
	padding-bottom:20px;
	font-size: 18px;
}
ul.menu_panel li.pre_cam1907 dd p.link_txt span{
	display: block;
	font-size:1.5rem;
	color: #a2a2a2;
	padding: 15px 0;
}
ul.menu_panel li.pre_cam1907 dd p.cam_bnr{
	width:100%;
	text-decoration: none;
	clear: both;
	text-align: right;
	vertical-align: bottom;
}
ul.menu_panel li.pre_cam1907 dd p.cam_bnr a{
	font-size:17px;
	font-weight: bold;
	color:#fff;
	padding:10px 25px 7px;
	-webkit-border-radius: 15px;
	        border-radius: 15px;
	display: inline;
	-webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.2);
	        box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.2);
}
ul.menu_panel li.pre_cam1907 dd p.bnr01 a{ background:#ecb200; width:385px; }
ul.menu_panel li.pre_cam1907 dd p.bnr02 a{ background:#D9586B; width:250px; position:absolute; bottom:30px; right:50px; text-align:center; }

ul.menu_panel li.pre_cam1907 dd > a{ -webkit-box-shadow: none; box-shadow: none;}


/* 20180913 まなびナビ追加修正 */
section ul.menu_panel.main_navi li.manabi { width: 470px; position: relative; }
section ul.menu_panel.main_navi li.manabi dt { width: 470px; background: #D9586B url(/kids/images/parts/manabi_bg03.png) no-repeat 97% center; -webkit-background-size: 36px 36px; -o-background-size: 36px; background-size: 36px; }
section ul.menu_panel.main_navi li.manabi dt span {
  display: table-cell;
  width: 470px;
  height: 80px;
  background: url(/kids/images/parts/manabi_bg01.png) no-repeat top left 25px / auto 100%,url(/kids/images/parts/manabi_bg02.png) no-repeat top right 25px / auto 100%;
  text-align: center;
  vertical-align: middle;
}
section ul.menu_panel.main_navi li.manabi dd p.link_txt {
	/*margin: 49px 0 0 240px;*/
}
/*section ul.menu_panel.main_navi li.manabi dd img { width: 430px; }
section ul.menu_panel.main_navi li.manabi a .link_txt { margin: 39px 0 0 479px; }*/


/* 980 バナータイプ */
.banner_block{ width:100%; display:block;}
.banner_block a{
	display:block;
	background:#fff url(/kids/images/parts/arrow_parents_l.png) no-repeat 98% center;
	-webkit-background-size:36px 36px;
	     -o-background-size:36px;
	        background-size:36px;
	padding:15px;
	overflow:hidden;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.1);
	        box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.1);
	color:#5e4d3f;
	-webkit-transition: 0.1s ease-in-out;
	-o-transition: 0.1s ease-in-out;
	transition: 0.1s ease-in-out;
}
.banner_block a:hover{ opacity:0.8;}
.banner_block a:hover{ color:#5e4d3f;}
.banner_block a img{ width:300px; height:auto; float:left; margin-bottom:0;}
.banner_block a p{ width:580px; display:block; margin-left:320px; text-align:center; font-size:150%; font-size:1.8rem; font-weight:bold; padding-top:10px;}
.banner_block a p br{ display:none;}
.banner_block a p.parents_info{ float:right; margin-left:0; margin-right:50px;}
.banner_block a p.date{ font-weight:normal; font-size:124%; font-size:1.5rem; color:#a2a2a2;}
.banner_block a p b{ font-size:145%; font-size:2.6rem;}
.banner_block a p.parents_info span.fukidashi{ display: inline-block; background: #db7631; color: #fff; padding: 0.15em 0.65em; border-radius: 6px; margin-right: 0.65em; position: relative;}
.banner_block a p.parents_info span.fukidashi:after{ display: block; content: ""; position: absolute; width: 0; height: 0; border: 8px solid transparent; border-left: 12px solid #db7631; top: 50%; right: -14px; margin: -8px 0 0;}
.banner_block.pg03_briefing a p.parents_info{ padding-bottom: 5px;}
.games {
	margin-top: 30px;
}

.banner_block.new a{
	position: relative;
}
.banner_block.new a:before{
	display: block;
	content: "";
	background: url(/kids/images/programming/pro_ico_new.png) no-repeat;
	background-size: contain;
	width: 81px;
	height: 38px;
	position: absolute;
	top: 7px;
	left: 6px;
	z-index: 99999999;
}

/* 下部ナビゲーション ------------------------------------------------------------------*/
.scrolltop {  position: fixed; right: 15px; bottom: 70px; display: none; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; z-index:900;}
.scrolltop img{ width:68px; height:auto;}
div#AzbyClubFooter3 { width:980px; margin:0 auto; overflow: hidden; padding: 40px 0 20px 0;}


/* プログラミング ------------------------------------------------------------------*/
.introductionArea .pagelink{ text-align:center; margin-bottom:60px;}
.introductionArea .pagelink a{ color:#0080ec; font-size:2rem; background:url(/kids/images/parts/arrow_ankerlink.png) no-repeat right center; -webkit-background-size:10px 10px; -o-background-size:10px; background-size:10px; padding-right:15px; text-decoration:underline;}
.introductionArea .pagelink a:hover{ text-decoration:none; color:#0080ec;}
.kids_page section ul.main_navi li dt{ font-size:2.6rem; text-align:center;}
.kids_page section ul.menu_panel.main_navi li dd{ overflow:hidden; padding:20px 20px 15px 20px;}
.kids_page section ul.menu_panel.main_navi li dd img{ width:100%; height:auto; margin-bottom:40px;}
.kids_page section ul.menu_panel.main_navi li a p{ padding-left:8px; padding-right:8px;}
.kids_page section ul.menu_panel.main_navi li a .link_txt{ margin-left:0; margin-bottom:30px;line-height: 1.5;}
.kids_page section ul.menu_panel.main_navi li a .sub_txt{ color:#a2a2a2; font-size:1.5rem; text-indent:-1em; margin-left:1em;line-height: 1.5;}
#kids_programming_conts .programming_pict{ padding-top:0; margin-bottom:60px;}
#kids_programming_conts p{ margin-left:50px; margin-right:50px; margin-bottom:60px;}
.gotoPlay a {
	display:table;
	width:542px;
	height:93px;
	margin:0 auto;
	color:#fff;
	font-size:216.7%;
	font-size:2.6rem;
	font-weight:bold;
	background:URL(/kids/images/parts/btn_game.png) no-repeat center center;
	-webkit-background-size:100% auto;
	     -o-background-size:100% auto;
	        background-size:100% auto;
	-webkit-transition: 0.1s ease-in-out;
	-o-transition: 0.1s ease-in-out;
	transition: 0.1s ease-in-out;
}
.gotoPlay a:hover{ opacity:0.8;}
.gotoPlay a span{ display:table-cell; width:542px; height:93px; vertical-align:middle; text-align:center;}


/* ペアレンツ ------------------------------------------------------------------*/
.parents_page .maincontents.parents_conts{ float:left; width:734px;}
.parents_page aside{ float:right; width:200px;}
.parents_page .parents_conts_ttl{
	display:table;
	width:100%;
	height:120px;
}
.parents_page .parents_conts_ttl h2{
	display:table-cell;
	width:100%;
	vertical-align:middle;
	text-align:center;
	font-size:216.7%;
	font-size:2.6rem;
	color:#5e4d3f;
}
.parents_page section ul.menu_panel{ margin-bottom:50px;}
.parents_page section ul.menu_panel li{ position:relative; float:left; margin-right:7px; width:230px; padding:5px; margin-bottom:20px;}
.parents_page section ul.menu_panel li:nth-child(3),
.parents_page section ul.menu_panel li:nth-child(6),
.parents_page section ul.menu_panel li:nth-child(9),
.parents_page section ul.menu_panel li:nth-child(12),
.parents_page section ul.menu_panel li:nth-child(15),
.parents_page section ul.menu_panel li:nth-child(18),
.parents_page section ul.menu_panel li:nth-child(21),
.parents_page section ul.menu_panel li:nth-child(24){ margin-right:0;}
.parents_page section ul.menu_panel li a{
	padding:17px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.1);
	        box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.1);
}
.parents_page section ul.menu_panel li a img{ margin-bottom:15px;}
.parents_page section ul.menu_panel li a p{ padding-left:8px; padding-right:8px;}
.parents_page section ul.menu_panel li a .date{ margin-bottom:0; padding-bottom:0;}
.parents_page section ul.menu_panel li a .link_txt{ color:#5e4d3f; font-weight:bold; line-height:1.5; margin-bottom:0;}
.parents_page .maincontents section{ padding-bottom:80px;}
.parents_page .maincontents section article{
	display:block;
	background:#fff;
	padding:70px 40px 80px;
	margin-bottom:80px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.1);
	        box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.1);
	max-height: 100%;
}
.parents_page .maincontents section article:last-child{ margin-bottom:0;}
.parents_page .maincontents section article h3{ margin-bottom:30px; color:#5e4d3f; font-size:267%; font-size:3.2rem;}
.parents_page .maincontents section article .date{ margin-bottom:40px; padding:0; color:#a2a2a2; font-size:150%; font-size:1.6rem;}
.parents_page .maincontents section article .parents_news_pict{ margin-bottom:40px;}
.parents_page .maincontents article p:last-child{ margin-bottom:0;}
.parents_page section ul.menu_panel li.new_mark a::before{
	content:"NEW";
	color:#fff;
	font-weight:bold;
	font-size:1.3rem;
	display:block;
	background:#db7631;
	width:3.5em;padding:5px;
	text-align:center;
	position:absolute;
	top:5px;
	right:5px;
	-webkit-border-radius: 0 5px 0 0;
	border-radius: 0 5px 0 0;
}
.parents_page aside ul li { margin-bottom:40px;}
.parents_page aside ul li a img{ width:200px; height:auto; margin-bottom:20px;}
.parents_page aside ul li a img.sp-img{ display:none;}
.parents_page aside ul li a:hover img{ opacity:0.8;}
.parents_page aside ul li a .link_txt{ color:#333; line-height:1.5; margin-bottom:0; font-size:160%; font-size:1.6rem;}
.parents_page aside ul li a:hover .link_txt{ text-decoration:underline;}
.parents_page aside ul li a .provider{ padding:10px 0 0; color:#a2a2a2; font-size:124%; font-size:1.5rem;}
.parents_page aside ul li .manabi_link{ font-size:1.5rem; text-align:right;}
.parents_page aside ul li .manabi_link a:before{display: inline-block;content: "";width: 0;height: 0;margin: 0 2px 2px 0;border: 4px solid #0000;border-left: 6px solid #039;}


/* -----------------------------------------------------------------------

	知っておきたい！これからの教育と学習（2018/01/17）
	構造変更用調整css
	追加css
	

/* 記事一覧（ピックアップ文字表示）-------------------------------------*/
.parents_page section ul.menu_panel li.pick_mark a::before{ 
	content:"Pick Up";
	color:#fff;
	font-weight:bold;
	font-size:1.3rem;
	display:block;
	background:#47905D;
	width:7.0em;padding:5px;
	text-align:center;
	position:absolute;
	top:5px;
	right:5px;
	-webkit-border-radius: 0 5px 0 0;
	border-radius: 0 5px 0 0;
}


/* 記事一覧（ピックアップ用調整）-------------------------------------*/
.parents_page section ul.menu_panel li.pickup a	{ padding:5px; }
.parents_page section ul.menu_panel li.pickup a .bg	{ margin:0; padding:0 0; border: none; background: url(/kids/images/parents/thum_pickup.png) no-repeat top left; -webkit-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto;}
.parents_page section ul.menu_panel li.pickup a img{ margin:12px 12px 15px;} /* 高さ調整用の透明png */
.parents_page section ul.menu_panel li.pickup a .link_txt{ padding: 6px 12px; background: rgba( 0, 0, 0, 0.60 ); color:#fff!important; }


/* はじめに知りたい用メニューパネル -------------------------------------*/
section ul.menu_panel_first{ overflow:hidden;}
section ul.menu_panel_first li a{
	display:block;
	background:#fff;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.1);
	        box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.1);

	-webkit-transition: 0.1s ease-in-out;
	-o-transition: 0.1s ease-in-out;
	transition: 0.1s ease-in-out;
}
section ul.menu_panel_first li a:hover{ opacity:0.8;}
section ul.menu_panel_first li a .link_ttl{ color:#db7631; font-weight:bold; font-size:150%; font-size:1.8rem; margin-bottom:10px;}
section ul.menu_panel_first li a .date{ color:#a2a2a2; font-size:124%; font-size:1.5rem;}
section ul.menu_panel_first li a .link_txt{ color:#000; font-size:150%; font-size:1.8rem; }
section ul.menu_panel_first li a:hover .link_txt{ text-decoration:underline;}
section ul.menu_panel_first li a img + .date{ padding-top:0;}
.parents_page section ul.menu_panel_first	{ margin-bottom: 50px;}
.parents_page section ul.menu_panel_first li	{ position:relative; float:left; margin-right:16px; width:349px; height: auto; padding:5px; margin-bottom:20px;}
.parents_page section ul.menu_panel_first li:nth-child(2n+2){ margin-right:0;}
.parents_page section ul.menu_panel_first li a	{
	padding:17px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.1);
	        box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.1);
}
.parents_page section ul.menu_panel_first li a img{ float: left; margin-right:15px; margin-bottom: 16px; width:100px; height:auto;}
.parents_page section ul.menu_panel_first li a p{ padding-left:8px; padding-right:8px;}
.parents_page section ul.menu_panel_first li a .date{ margin-bottom:0; padding-bottom:0;}
.parents_page section ul.menu_panel_first li a .link_txt{ color:#5e4d3f; font-weight:bold; line-height:1.5; margin-bottom:0;}


/* 提供サイト表示 -------------------------------------*/
.linksite .innerBlock	{
	width: 600px;
	height: 400px;
	background: #FFF;
	padding :30px;
}
.linksite .innerBlock p	{ font-size:150%; font-size:1.8rem; line-height:2; margin-bottom:1.5em;	}
.linksite .innerBlock p.tit	{ font-weight: bold; color: #5E4D3F; }


/* 提供サイトリンク -------------------------------------*/
.parents_page .maincontents section article .provider	{ text-align: right; margin-bottom:40px; }
.parents_page .maincontents section article .provider a	{  color: #EB8E4F; font-size:90%; font-size: 1.6rem; }


/* 記事一覧に戻るボタン -------------------------------------*/
.parents_page .maincontents section article .parents_returntop	{ text-align: center; }
.parents_page .maincontents section article .parents_returntop a	{
	display: inline-block;
	padding: 1em 5em;
	margin-bottom: 1.5em;
	color: #5E4D3F;
	font-weight: bold;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #5E4D3F;
}


/* リンクオンマウス動作 -------------------------------------*/
.provider a:hover,
.parents_returntop a:hover	{ opacity:0.8;}/* 20180117 */


/* parents h4のサイズ 2018/01/12追加 -------------------------------------*/
.parents_page .maincontents section article h4{ margin-bottom:30px; color:#5e4d3f; font-size:200%; font-size:2.5rem;}


/* ul -> liタグ 2018/1/16追加 -------------------------------------*/
.eng {
	margin-bottom: 2em;
	list-style-type: disc;
	padding-left: 4em;
	font-size: 16px;
}
.eng li { margin-bottom: 0.87em; }
.eng_number { margin-bottom: 2em; padding-left: 4em; font-size: 16px; list-style-type: decimal; }
.eng_number li { margin-bottom: 0.87em; }
/* RSstyleページのロゴ */
div.continue { border: solid 2px #efead9 ; padding: 5px; margin-bottom: 10px; }
#kids_parents_001 .continue p { margin-bottom: 0px; }
div.logo { width: 100%; text-align: center; }
div.logo img { width: 30%; min-width: 216px; min-height: 45px; }
	/*	Rsstyleオリジナル
	div.continue { border: solid 2px #efead9; padding: 5px; margin-bottom :10px; }
	div.logo { width: 100%; margin-top: -20px; }
	div.logo img { width: 30%; min-width: 216px; min-height: 45px; }
	*/
.headarea{ position:relative;}


/* login ------------------------------------- */
.head_login{ position:relative; margin:0 auto; width:980px; height:0px; text-align:right; bottom:40px;}
.head_login a{ padding:3px 10px; margin-right: 5px; font-weight:bold; font-size:120%; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
.head_login a span{ font-size:75%; font-weight:normal;}
.head_login a.login{ background:#ddff33; color:#007000;}
.head_login a.logout{ background:#e0e0e0; color:#000000;}
.head_login a.regist{ background:#ddff33; color:#007000;}
.head_login a:hover{ opacity:0.8; filter:alpha(opacity=80); -ms-filter: "alpha(opacity=80)";}


/* loginエリア ------------------------------- */
.parents_page .maincontents .login_area{
	padding:15px;
	margin-bottom: 30px;
	border:1px solid #dddd66;
	background:#ffffee;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
}
.parents_page .maincontents .login_area p{ font-size:120%; line-height:1.5; text-align:center;}
.parents_page .maincontents .login_area .priceless{ font-weight:bold; color:#ee0000;}
.parents_page .maincontents .login_btn_area{ text-align: center; white-space: nowrap;}
.parents_page .maincontents .login_area .btn{ width:200px; display: inline-block; }
.parents_page .maincontents .login_area .btn:nth-child(3n+3){margin-right:0;}
.parents_page .maincontents .login_area .btn a{
	display:block;
	font-size:125%;
	font-weight:bold;
	text-align: center;
	padding:20px 1px 20px 1px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
.parents_page .maincontents .login_area .btn a.regist{ background:#309930; color:#ffffff;}
.parents_page .maincontents .login_area .btn a.enquete{ background:#3399cc; color:#ffffff;}
.parents_page .maincontents .login_area .btn a.login{ background:#ffffff; color:#3399cc; border:1px solid #3399cc; padding:19px 0 19px 0;}
.parents_page .maincontents .login_area .btn a:hover{ opacity:0.8; filter:alpha(opacity=80); -ms-filter: "alpha(opacity=80)";}


/* parents pagination ------------------------------- */
.parents_pagination{ text-align:center; font-size: 120%; margin: 0px 0px 100px 0px; }
.parents_pagination a:hover{ background: #F0F0F0; color: #000000; border:solid 1px #121212; }
.parents_pagination .page-numbers, .parents_pagination .current{ background: #ffffff; color: #333333; border:solid 1px #6B6B6B; padding:5px 8px; margin:0 2px; }
.parents_pagination .current{ background: #DEDEDE; color: #696969; border: 1px solid #E3E3E3; }


/*-------------------- まなびナビバナーPC 2018/6/14～7/26 --------------------*/
.study_sp { display: none; }
.study_pc { text-align: center; }
.study_pc img { margin-bottom: 20px; }


/* まなびナビログインエリア追加
------------------------------------------------------------------*/
.loginArea{ margin: 0 5px 30px; }
.loginArea .pinkBox{ -webkit-border-radius: 10px; border-radius: 10px; background: #fff; -webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.1); box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.1); }
.loginArea .pinkBox dt{ -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; background: #D9586B; }
.loginArea .pinkBox dt span{
  display: table-cell;
  width: 970px;
  height: 80px;
  background: url(/kids/images/parts/manabi_bg01.png) no-repeat top left 25px / auto 100%,url(/kids/images/parts/manabi_bg02.png) no-repeat top right 25px / auto 100%;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  font-size: 1.9rem;
  font-weight: bold;
}
.loginArea .pinkBox dd{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 30px 70px;
  font-size: 1.8rem;
}
.loginArea .pinkBox dd .pinkBtn li + li{ margin-top: 12px; }
.loginArea .pinkBox dd .pinkBtn li a{
  display: block;
  padding: 15px 100px 15px 20px;
  -webkit-border-radius: 10px;
          border-radius: 10px;
  background: url(/kids/images/parts/manabi_bg03.png) no-repeat center right 20px / 36px,#D9586B;
  color: #ffffff;
  font-weight: bold;
}
.loginArea .pinkBox dd .pinkBtn li a:hover{ opacity: 0.8; }


/*-------------------- まなびナビバナーPC  --------------------*/
.service_manabi { margin-top: 20px; margin-bottom: 20px; }
.service_manabi a p { margin-bottom: 0 !important; }
.service_manabi_sp { display: none; }


/*--------------------- parents wordpress ---------------------*/
.parents_topmargin { margin-top: 2em; }
.kakomi_parents { border: 1px solid black; -webkit-border-radius: 20px; border-radius: 20px; padding-top: 2em; margin-bottom: 1em; }


/*-------------------- 181101 下部バナー  --------------------*/
div#popupmsg{
	position:fixed;
	bottom:0px;right:0px;
	z-index:999999;
    display: none;
	text-align: center;
	width: 100%
}
div#popupmsg p{ margin:0; padding:0; line-height:100%; line-width:100%; }
div#popupmsg p#popheader{ font-size:90%; padding:6px 7px 0; background: -webkit-gradient(linear, left top, left bottom, from(rgba(50,50,50,0.8)), to(rgba(100,100,100,0.8))); background: -webkit-linear-gradient(top, rgba(50,50,50,0.8), rgba(100,100,100,0.8)); background: -o-linear-gradient(top, rgba(50,50,50,0.8), rgba(100,100,100,0.8)); background: linear-gradient(to bottom, rgba(50,50,50,0.8), rgba(100,100,100,0.8)); }
div#popupmsg p#popheader span{
	display:inline-block;
	margin:0;
	padding:6px 18px 6px 10px;
	font-weight:bold;
	background:#fff;
	color:#e60012;
	color:#222;
}
div#popupmsg p#popheader #close{ float:right; margin:0; }
div#popupmsg p#img{ padding:3px 7px 2px; background: rgba(100,100,100,0.8); }
div#popupmsg p#img img:hover{ -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow:0px 0px 10px 1px #000; box-shadow:0px 0px 10px 1px #000; }
div#closeselect{ position: relative; width: 980px; margin: 0 auto; /*padding:10px 70px 12px 90px; background:#999;*/ }
div#closeselect span{
	margin:1px 0 4px 10px;
    position: absolute;
    bottom: 78px;
    right: -22px;
	/*padding:7px 8px 7px 10px;
	color:#eee;*/
	cursor: pointer;
/*	border-radius:30px;
	border:1px solid #aaa;
	background:#333;
	background: -webkit-gradient(linear,center top, center bottom, from(#666), to(#222));
	background: -moz-linear-gradient(top, #666, #222);
	background: linear-gradient(to bottom, #666, #222);*/
}
div#closeselect span:hover{
	/*background:#222;
	background: linear-gradient(to bottom, #444, #111);
	color:#fff;*/
	/*box-shadow:0 0 4px #ffa;*/
	/*border:1px solid #eee;*/
}
form#closeform span{
	padding:5px 0 7px;
	line-height:200%;
	font-size:95%;
	text-align:center;
	background:#fff;
	border:2px solid #bbb;
}


/*-------------------- 181102 下部バナー追記  --------------------*/
div#popupmsg span.btmBnrSet { position:relative; display: block; width: 980px; margin: 0 auto; }
div#popupmsg .btmBtnL, div#popupmsg .btmBtnR, div#popupmsg .btmBtnC { position: absolute; top: 34px; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 4px 2px 10px #5b5b5b; box-shadow: 4px 2px 10px #5b5b5b; }
div#popupmsg .btmBtnL { left: 258px; }
div#popupmsg .btmBtnR { right: 15px; }
div#popupmsg .btmBtnC { right: 205px; }


/*-------------------- 181102 下部バナー追記  --------------------*/
.breadcrumbs #searchBtm{
	margin-top:20px;
}
.breadcrumbs form#srchFormBtm{
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
    padding-left: 6px;
}
.breadcrumbs #searchBtm .src_box {
    width: 270px;
    float: right;
    padding: 22px 6px 0 0;
    text-align: right;
    height: 30px;
}
.breadcrumbs #searchBtm .srchTxt {
    height: 24px;
    padding: 2px;
    border: 1px solid #cccccc;
    margin: 0;
}
.breadcrumbs #searchBtm .game_src_btn {
    width: 76px;
    height: 30px;
    padding: 2px 4px;
    background: #E2803D;
	border:#db7631;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
}
.breadcrumbs #searchBtm button{
	background:#E2803E;
	border:#db7631 1px solid;
	color:#fff;
	padding:0 5px;
	width:65px;
}


/*-------------------- 191018 カスタム検索ボックス  --------------------*/
.breandsea{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.breandsea div{
	width: 50%;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
.breandsea .search{
	text-align: right;
	vertical-align: bottom;
	display: inline-block;
	padding-top:30px;
}
.breandsea .search form input{
    height: 25px;
    border: #bbb solid 1px;
}
.breandsea .search form input.submit{
	width: 40px;
    height: 29px;
	margin-left: -5px;
}


/*-------------------- 200601 サイド固定ナビ追加  --------------------*/
#kidshub-nav {
    position: fixed;
    bottom: 440px;
    right: 20px;
}
#kidshub-nav img {
	width: 170px;
}
.kidshub-ic img {
	max-width: 45px;
}
#kidshub-nav a {
    display: block;
	position: relative;
}
#kidshub-nav a:hover,
#manabi-nav a:hover,
#pg-nav a:hover,
#tp-nav a:hover {
	opacity: 0.7;
}


/*-------------------- 220714 キャンペーンバナー追加  --------------------*/
.cpbnr {
	padding: 30px 0;
}
.cpbnr .spOnly {
  display: none;
}
@media screen and (max-width: 768px) {
  .cpbnr .pcOnly {
    display: none;
  }
  .cpbnr .spOnly {
    display: block;
  }
}
.cpbnr a {
	display: block;
	margin: 0 auto;
	height: auto;
	box-shadow: 0px 4px 6px rgba(0,0,0,0.3);
}
.cpbnr a:hover {
	opacity: 0.7;
	box-shadow: none;
	transition:all 0.3s ease;
}
.cpbnr img {
  width: 100%;
  margin: 0 auto;
}
.cpbnr_txt {
	padding: 10px 20px;
	color: #fff;
	background-color: #003386;
	font-size: 1.4rem;
}


.animation {
    animation-timing-function: ease-in-out;
    animation-direction: alternate;
	animation-iteration-count: infinite;
}
.keyframe_1{
    animation-name: anim_v;
}

@keyframes anim_v {
    0% {
        transform: translate(0, 0px);
    }
    100% {
        transform: translate(0, -7px);
    }
}
.keyframe_2 {
    animation-name: anim_s;
    transform: rotate(10deg);
    animation-duration: 4s;
}
@keyframes anim_s {
    50% {
        transform: rotate(-10deg);
    }
    100% {
        transform: rotate(10deg);
    }
}

.keyframe_2:hover {
    animation-name: anim_sc;
    transform: scale(1,1);
	animation-duration: 0.8s;
}

@keyframes anim_sc {
    100% {
        transform: scale(1.2,1.2);    
    }
}