@charset "Shift_JIS";
/******************************
add RWD 170214
*******************************/
@media (max-width: 768px) {

*{
  box-sizing: border-box;
}
#container {
    width: 100%;
}

.show_only_pc {
    display: none;
}

.block {
  display: block;
}

/*
.footPath{
  display: none;
}

/*-------------------
header logo
---------------------*//*
.logo_nifty{
  float: left;
  width: auto;
}
.header_right{
  float: right;
  width: auto;
}
.header_right .logo_cg2,
.header_right .menuBtn{
  float: left;
}
.header_right .logo_cg2{
  width: auto;
  padding-right: 20px;
}
.logo:after{
  content: "";
  display: block;
  clear: both;
}
.header_right .menuBtn{
  position: relative;
  top: 6px;
  right: 10px;
}
.menuBtn .btn{
  display: block;
  background: url(/parents/images/sprite_smp.png) no-repeat;
  background-size: 700px auto;
  background-position: -163px 0;
  width: 34px;
  height: 33px;
  text-indent: -9999px;
}
*/
/*-------------------
header menu
---------------------*//*
.logo{
  position: relative;
  z-index: 100;
}
.menu{
  display: none;
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  overflow-y: scroll;
}
.menu .menuList{
  background: #fff;
  overflow-y: scroll;
  position: relative;
  z-index: 100;
}
.menu ul li{
  text-align: left;
}
.menu ul li a{
  display: block;
  padding: 15px 10px;
  text-decoration: none;
  font-size: 1.4em;
  font-weight: bold;
  color: #24a77c;
  position: relative;
}
.menu ul li a .subText{
  font-size: 0.7em;
}
.menu .menuList>li:not(:last-child){
  border-bottom: 1px solid #24a77c;
}
.menu .subList li{
  border-top:  1px dashed #24a77c;
}
.menu .subList li a{
  font-size: 1.35em;
  font-weight: normal;
}
.menu .menuList>li a:after{
  content: "";
  display: inline-block;
  background: url(/parents/images/sprite_smp.png) no-repeat;
  background-size: 700px auto;
  background-position: -265px 0;
  width: 34px;
  height: 34px;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -15px;
}
.menu .subList>li a:after{
  background-position: -366px 0;
  width: 13px;
  height: 18px;
  position: absolute;
  right: 20px;
  margin-top: -9px;
}

*/

/*-------------------
menu on
---------------------*//*
.menuBtn.open .btn{
  background-position: -214px 0;
}

.menu.open{
  display: block;
  position: absolute;
  top: 45px;
  left: 0;
}
.menu.open:before{
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.7);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
}

.menu ul li a:hover{
  background: #24a77c;
  color: #fff;
}
.menu .menuList>li a:hover:after{
  background-position: -317px 0;
}.menu .subList>li a:hover:after{
  background-position: -394px 0;
}

.pageIntro .menu ul li a.pageIntro,
.pageSecurity .menu ul li a.pageSecurity,
.guide01 .menu ul li a.guide01,
.guide02 .menu ul li a.guide02,
.guide03 .menu ul li a.guide03,
.soudan .menu ul li a.soudan,
.pagePrint .menu ul li a.print,
.pageTeacher .menu ul li a.teacher,
.pageOnline .menu ul li a.onlineclass{
  color: #fff;
  background: #24a77c;
}
.pageIntro .menu ul li a.pageIntro:after,
.pageSecurity .menu ul li a.pageSecurity:after,
.soudan .menu ul li a.soudan:after,
.pagePrint .menu ul li a.print:after,
.pageTeacher .menu ul li a.teacher:after,
.pageOnline .menu ul li a.onlineclass:after{
  background: none;
}

.guide01 .menu ul li a.guide01:after,
.guide02 .menu ul li a.guide02:after,
.guide03 .menu ul li a.guide03:after{
  background: none;
}
*/
/*-------------------
#titleCorner
---------------------*/
/*
#titleCorner{
  width: 100%;
  margin-bottom: 0;
}
#titleCorner .cornerlogo{
  width: 100%;
  padding: 0 10px;
}
#titleCorner .cornerlogo a img{
  width: 200px;
  height: auto;
}
#titleCorner .toTop{
  width: 100%;
  vertical-align: middle;
}
#titleCorner .toTop img{
  width: 50px;
  height: auto;
}


/*-------------------
.navList
---------------------*//*
.navList{
 display: none;
}
*/

/*-------------------
tab_smp
---------------------*//*
.tab_smp{
  width: 100%;
  height: 100%;
}
.tab_smp ul{
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.tab_smp ul li{
  width: 50%;
  background: #24a77c;
  position: relative;
}
.tab_smp ul li:nth-child(n+3){
  border-top: 1px solid rgba(0,0,0,0.1);
}
.tab_smp ul li:nth-child(2n+1):after{
  content: "";
  display: inline-block;
  width: 1px;
  height: calc(100% - 10px);
  border-right: 1px dashed #fffbcb;
  position: absolute;
  top: 5px;
  right: 0;
}
.tab_smp ul li a{
  display: block;
  font-size: 13px;
  color: #fff;
  background: #24a77c;
  text-decoration: none;
  line-height: 1.5;
  padding: 15px 0;
  position: relative;
}
.tab_smp ul li a .small{
  font-size: 0.6em;
  display: block;
}

.pageIntro .tab_smp ul li:nth-child(1) a:before,
.pageSecurity .tab_smp ul li:nth-child(2) a:before,
.soudan .tab_smp ul li:nth-child(3) a:before,
.pageTeacher .tab_smp ul li:nth-child(4) a:before,
.pageOnline .tab_smp ul li:nth-child(5) a:before{
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 6px 0 6px;
  border-color: #ffffff transparent transparent transparent;
  position: absolute;
  left: 50%;
  margin-left: -3px;
  bottom: 4px;
}


/*-------------------
section
---------------------*/
section{
  margin-bottom: 25px;
  padding: 0;
  box-sizing: border-box;
}
.subTtl{
  font-size: 1.4em;
  font-weight: normal;
  margin-bottom: 14px;
  background: #008ad7;
  color: #fff;
  padding: 10px 10px;
  position: relative;
  width: 100vw;
  margin-left: -10px;
}
.subTtlTxt{
  line-height: 1.8;
}

/*-------------------
.contAbout
---------------------*/
.mainTtl{
  margin: 24px 0px 16px;
  font-size: 1.5em!important;
}
.mainTxt{
  line-height: 1.8;
  font-size: 1.1em;
}


/* /-------------------------
pageIntro
----------------------------- /*/

/*-------------------
.contGuide
---------------------*/
.contGuide .contList{
  display: block;
  top: 0;
}
.contGuide .contItem{
  display: block;
  width: 100%;
}
.contGuide .contItem{
  border-bottom: 1px dotted #999;
}
.contGuide .contList.second .contItem:nth-child(3){
  border-bottom: none;
}
.contGuide .contList.second{
  margin: 0;
}
.contGuide .contList.second .contItem:nth-child(1),
.contGuide .contList.first .contItem:nth-child(1){
  padding: 15px 0;
}
.contGuide .contList.first .contItem:nth-child(3),
.contGuide .contList.second .contItem:nth-child(3){
  padding: 15px 0;
}
.contGuide .contList.first .dotLineS,
.contGuide .contList.second .dotLineS,
.contGuide .contList.first .dotLineL{
  display: none;
}
.contGuide .contItem .contTtl a{
  display: block;
  position: relative;
}
.contList.first .contItem:nth-child(1) .contTtl img{
   width: 100%;
   max-width: 200px;
}
.contList.first .contItem:nth-child(3) .contTtl img{
   width: 100%;
   max-width: 200px;
}
.contList.second .contItem:nth-child(1) .contTtl img{
  width: 204px;
}
.contList.second .contItem:nth-child(3) .contTtl img{
  width: 130px;
}
.contGuide .contTtl .arrLink{
  background-size: 10px auto;
  position: absolute;
  top: 80%;
  margin-top: -9px;
  width: 11px;
  height: 13px;
}
.contGuide .useNoticeBox{
  padding: 10px;
}


/*-------------------
.contRanking
---------------------*/
.boxPoint{
  width: 100%;
  border-bottom: 2px solid #b5b5b5;
  margin-bottom: 21px;
}
.boxPoint::after{
  background-size: 17px;
  width: 17px;
  height: 14px;
  left: 50%;
  margin-left: -8px;
}
.boxPoint .inner{
  padding-bottom: 9px;
}
.boxPoint .check{
  background-size: 19px auto;
  width: 19px;
  height: 14px;
  margin-right: 5px;
  top: 0;
}
.boxPoint .lead{
  font-size: 1.43em;
  letter-spacing: -0.05em;
}
.contRanking .boxTtl{
  margin-bottom: 14px;
  position: relative;
}
.contRanking .subTtl{
  width: 100vw;
  margin-bottom: 10px;
}
.contRanking .btnNavLead{
  display: block;
  width: 150px;
  top: 0;
  left: 100%;
  margin-left: -150px;
}
.contRanking .btnNavLead:after {
  background: url("/parents/images/sprite_smp.png") no-repeat;
  background-size: 550px auto;
  background-position: -310px 0;
  position: absolute;
  width: 9px;
  height: 14px;
  top: 50%;
  margin-top: -6px;
  right: 10px;
}
.boxRanking{
  padding: 12px;
  margin-top: 15px;
}
.boxRanking .inner{
  padding: 12px;
  border-radius: 8px;
}
.pageSecurity .boxRanking .inner{
  padding: 12px;
}
.qaItemList .qaItem{
  width: 100%;
  position: relative;
  padding-bottom: 12px;
  margin: 12px auto 0;
}
.ranking-badge{
  background-size: 30px 30px;
  width: 30px;
  height: 30px;
  margin-right: 4px;
}
.boxRanking .qaItem .ranking-badge{
  font-size: 1.2em;
  position: absolute;
  top: 0;
  left: 0;
}
.qaItem .qaItemLinkList{
  margin-top: 8px;
  width: 100%;
}
.qaItemLink h4{
  padding-left: 40px;
  line-height: 1.3;
}
.boxRanking .box.twoCol h4{
  font-size: 1.48em !important;
  letter-spacing: 0;
}
.qaItem .qaName{
  border: none;
  font-size: 0.85em;
  display: block;
  width: auto;
  text-align: right;
  padding: 3px 5px 2px;
}
.boxRanking .box.twoCol .qaName{
  font-size: 0.85em;
  padding: 3px 5px 2px;
}
.qaItemLinkList .qaItemLink{
  line-height: 2.2;
}
.qaItemLink a{
  font-size: 1.3em;
}
.ranking-badge.rank4, .ranking-badge.rank5{
  margin: 5px 3px;
}
/*-------------------
.contPoll
---------------------*/
.contPoll{
  /*display: none;*/
}

/*-------------------
.contQA
---------------------*/
.contQA .qaList{
  display: block;
}
.contQA .qaList .qaItem{
  display: block;
  width: 100%;
  padding-bottom: 10px;
}
.contQA .qaItem:nth-child(1){
  padding-right: 0;
}
.contQA .qaItem:nth-child(2){
  padding-left: 0;
}
.contQA .qaItem .itemSubTtl{
  margin-bottom: 10px;
}

/*-------------------
.contNewsGame
---------------------*/
.contNewsGame{
  display: block;
}
.contNewsGame .box.twoCol{
  display: block;
  width: 100%;
}
.contNewsGame .box.twoCol:nth-child(1){
  padding-right: 0;
}
.contNewsGame .box.twoCol:nth-child(2){
  padding-left: 0;
}
.contNewsGame .box.twoCol .subTtl{
  font-size: 1.3em;
}
.contNewsGame .newsItem{
  margin-bottom: 13px;
}
.contNewsGame .ranking-badge{
  font-size: 1.1em;
  margin: 0 auto;
}
.contNewsGame .gameItem a{
  margin: 8px auto 0;
  line-height: 1.7;
}
.contNewsGame .newsTtl{
  line-height: 1.5;
}
.contNewsGame .newsDate{
  line-height: 1.8;
}
/*-------------------
.contNotice
---------------------*/
.contNotice h3.noticeTtl{
  margin-bottom: 15px;
}
.contNotice .noticeBox {
  margin-bottom: 8px;
  padding: 13px 13px;
}
.contNotice .noticeBox .noticeSubHead{
  text-indent: 0;
  padding-left:0;
}
.contNotice .noticeBox .noticeOpenClose{
  background: url("/parents/images/sprite_smp.png") no-repeat;
  background-size: 360px auto;
  background-position: 0 0;
  width: 18px;
  height: 18px;
}
.contNotice .noticeBox .noticeOpenClose.close{
  background-position: -28px 0;
}
.contNotice .noticeContBox{
  margin-top: 12px;
  border-radius: 5px;
}
.contNotice .noticeContBox .inner{
  padding: 8px;
}
.contNotice .noticeList .noticeTtl{
  margin-bottom: 4px;
}
.contNotice .noticeList .noticeInfo.last{
  margin-bottom: 8px;
}
.contNotice .noticeList .noticeInfo.sub{
  font-size: 1.1em;
}
.contNotice .noticeList .noticeInfo.sub:not(:first-child){
  margin-top: 10px;
}


/* /-------------------------
pageSecurity guide01
----------------------------- /*/
/*-------------------
.contAbout
---------------------*/

.boxTtl p{
/*  display: flex;
  align-items: center; */
}

.pageSecurity .contAbout .boxTtl{
  justify-content: center;
  display: flex;
}
.pageSecurity .contAbout .mainTtl{
  display: block;
  text-align: left;
}
.pageSecurity .mainTtl .fontL{
  margin-bottom: 5px;
  font-size: 1.1em;
  text-align: center;
  display: block;
  width: 100%;
}
.pageSecurity .mainTtl .fontS{
  position: relative;
  display: block;
  width: 100%;
  text-align: center;
  font-size: 0.8em;
}
.pageSecurity .contAbout .msgIco{
  display: none;
}
.pageSecurity .contAbout .bgImg{
  margin: 0;
}
.pageSecurity .contAbout .bgImg img{
  display: none;
}

/*-------------------
.guideNaviList
---------------------*/
.guideNaviList{
  margin: 0 0 20px;
  padding: 0 10px;
}
.guideNaviList .guideNaviItem{
  display: block;
  width: 100%;
  max-width: 280px;
  margin: 5px auto;
}
.guideNaviItem .btnNavGuide{
  width: 100%;
  padding: 4px;
  max-width: 500px;
}
.btnNavGuide .navGuideInner{
  line-height: 1.1;
}
.btnNavGuide .ttl{
  font-size: 1.1em;
  font-weight: normal;
}
.btnNavGuide .ttlS{
  display: none;
}
.btnNavGuide .navGuideInner .num1,
.btnNavGuide .navGuideInner .num2,
.btnNavGuide .navGuideInner .num3{
  bottom: 0;
}
.pageSecurity.guide01 .btnNavGuide.part1,
.pageSecurity.guide02 .btnNavGuide.part2,
.pageSecurity.guide03 .btnNavGuide.part3{
  display: none;
}
.guideNaviList:after{
  content: "";
  display: block;
  clear: both;
}
.btnNavGuide .navGuideInner .num1{
  background-size: 400px auto;
  background-position: -48px -66px;
  width: 11px;
  height: 15px;
}
.btnNavGuide .navGuideInner .num2{
  background-size: 400px auto;
  background-position: -66px -66px;
  width: 11px;
  height: 15px;
}
.btnNavGuide .navGuideInner .num3{
  background-size: 400px auto;
  background-position: -82px -66px;
  width: 11px;
  height: 15px;
}

/*-- display */

.pageSecurity.guide01 .guideNaviItem .part2:after{
  background: none;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-color: transparent transparent transparent #e88a2d;
  top: 16px;
  right: 6px;
}
.pageSecurity.guide01 .btnNavGuide .navGuideInner .num2{
  right: -11px;
  top: 10px;
}
.pageSecurity.guide01 .btnNavGuide.part3{
  padding: 10px 15px 10px 5px;
}
.pageSecurity.guide01 .guideNaviItem .part3:after{
  background: none;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-color: transparent transparent transparent #e88a2d;
  top: 16px;
  right: 6px;
}
.pageSecurity.guide01 .btnNavGuide .navGuideInner .num3{
  right: -11px;
  top: 20px;
}

/*-- display


.pageSecurity.guide02 .btnNavGuide .navGuideInner .num1{
  left: -10px;
  top: 20px;
}
.pageSecurity.guide02 .btnNavGuide.part3{
  padding: 10px 14px 10px 6px;
}
.pageSecurity.guide02 .guideNaviItem .part3:after{
  background: none;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-color: transparent transparent transparent #e88a2d;
  top: 16px;
  right: 6px;
}
.pageSecurity.guide02 .btnNavGuide .navGuideInner .num3{
  right: -10px;
  top: 20px;
}

/*-- display

.pageSecurity.guide03 .guideNaviItem .part1:after{
  background: none;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 5px 0;
  border-color: transparent #e88a2d transparent transparent;
  top: 16px;
  left: 6px;
}
.pageSecurity.guide03 .btnNavGuide .navGuideInner .num1{
  left: -10px;
  top: 20px;
}
.pageSecurity.guide03 .btnNavGuide.part2{
  padding: 10px 5px 10px 17px;
}
.pageSecurity.guide03 .guideNaviItem .part2:after{
  background: none;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 5px 0;
  border-color: transparent #e88a2d transparent transparent;
  top: 16px;
  left: 6px;
}
.pageSecurity.guide03 .btnNavGuide .navGuideInner .num2{
  left: -11px;
  top: 10px;
}

/*-------------------
.contSecurityMain
---------------------*/
.mainTtl.article{
  font-size: 1.54em;
  margin: 24px 0 16px;
}
.mainTtl.article.left{
  text-align: left;
  text-indent: -1.25em;
  padding-left: 1.25em;
}
.contSecurityMain .subCont{
  font-size: 0.64em;
}
.contSecurityMain .subImgTxt{
  text-align: center;
}
.subImgTxt .subTtlTxt{
  width: 100%;
  text-align: left;
}
.subImgTxt img{
  text-align: center;
  max-width: 100%;
}
.subTtlTxt.point{
  margin: 10px 0;
}
.contTroubleEx .subImgTxt .subTtlTxt.txt2{
  width: 100%;
}
/*
.contTroubleEx .subImgTxt .troubleImg.img2{
  background-size: 720px;
  background-position: -216px -118px;
  width: 63px;
  height: 63px;
}*/

.contTroubleEx .subImgTxt .subTtlTxt.txt3 {
  width: 100%;
}
.contTroubleEx .subImgTxt .subTtlTxt.txt4{
  width: 100%;
}
/*
.contTroubleEx .subImgTxt .troubleImg.img4{
  background-size: 740px;
  background-position: -332px -121px;
  width: 59px;
  height: 51px;
}*/

/*-------------------
.contRanking
---------------------*/
.boxRanking .box.twoCol{
  display: block;
  width: 100%;
}
.boxRanking .box.twoCol .itemSubTtl{
  padding: 6px 0;
  margin-bottom: 15px;
}
.boxRanking .box.twoCol:nth-child(2) .itemSubTtl{
  margin-top: 10px;
}


/*-------------------
.contGraph
---------------------*/
.contGraph .box{
  margin-top: 24px;
}
.contGraph .box h4{
  margin-bottom: 5px;
  border-left: 4px solid #008ad7;
  padding-left: 8px;
}
.contGraph .box div{
  margin-bottom: 10px;
}
.contGraph .box img{
  max-width: 100%;
}
.contGraph .box.twoCol{
  display: block;
  width: 100%;
  padding-top: 0;
}
.contGraph .box.twoCol .summary {
  margin-right: 0;
}


/* /-------------------------
pageSecurity guide02
----------------------------- /*/
/*-------------------
.contTroubleEx
---------------------*/
.contTroubleEx .contList{
  display: block;
  top: 0;
}
.contTroubleEx .contItem{
  display: block;
  width: 100%;
}
.contTroubleEx .contItem{
  border-bottom: 1px dotted #999;
}
.contTroubleEx .contList.second .contItem:nth-child(3){
  border-bottom: none;
}
.contTroubleEx .contList.second{
  margin: 0;
}
.contTroubleEx .contList.second .contItem:nth-child(1),
.contTroubleEx .contList.first .contItem:nth-child(1){
  padding: 15px 0;
}
.contTroubleEx .contList.first .contItem:nth-child(3),
.contTroubleEx .contList.second .contItem:nth-child(3){
  padding: 15px 0;
}
.contTroubleEx .contList.first .dotLineS,
.contTroubleEx .contList.second .dotLineS,
.contTroubleEx .contList.first .dotLineL{
  display: none;
}


/*-------------------
.cont5Point
---------------------*/
.pageSecurity.guide02 .cont5Point .emTtl{
  width: 100%;
}
.cont5Point .emTtl{
  font-size: 1.2em;
  margin: 0 auto 24px;
}
.cont5Point .emTtl:before, .cont5Point .emTtl:after{
  background-size: 512px auto;
  background-position: -284px -78px;
  width: 17px;
  height: 18px;
  bottom: 5px;
}
.cont5Point .emTtl:after{
  background-position: -302px -76px;
}
.cont5Point .emTtl:before{
  margin-left: -20px;
}
.cont5Point .emTtl:after{
  margin-left: 4px;
}
.cont5Point .pointTtl{
  font-size: 1.4em;
  position: relative;
  padding-left: 35px;
  margin-bottom: 10px;
}
.cont5Point .pointTtl .num{
  position: absolute;
  left: 0;
  top: 0;
  padding: 2px 8px;
}
.cont5Point .pointItem dd{
  padding-left: 0;
  margin-bottom: 30px;
  line-height: 1.9;
  font-size: 1.0em;
}
.pointItem .box.pointRule{
  width: 100%;
  margin: 0 0 30px;
  box-sizing: border-box;
  padding: 16px;
  position: relative;
}
.box.pointRule .checkList{
  width: 100%;
  margin-right: 0;
}
.box.pointRule .checkItem{
  font-size: 1.1em;
  line-height: 1.5;
}
.box.pointRule .checkLink{
  display: inline-block;
  width: 199px;
  margin-top: 10px;
  position: relative;
  top: 40%;
  left: 100%;
  margin-left: -200px;
}
.box.pointRule .btnCheckRule{
  display: block;
  width: 100%;
  box-sizing: border-box;
  font-size: 1.0em;
  line-height: 1.3;
  padding: 10px;
}
.box.pointRule .btnCheckRule span{
  font-size: 1.3em;
}
.box.pointRule .btnCheckRule .num3{
  background-size: 600px auto;
  background-position: -14px -130px;
  width: 11px;
  height: 17px;
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -7px;
}

/*-------------------
.moreContentsLink
---------------------*/
.moreContentsLink{
  padding: 14px 10px;
}
.moreContentsLink .linkTtl{
  font-size: 1.2em;
  line-height: 1.2;
}
.moreContentsLink .linkList{
  display: block;
  width: 100%;
}
.moreContentsLink .linkList.first{
  margin-bottom: 0;
}
.moreContentsLink .linkList .linkItem{
  display: block;
  width: 100%;
  margin-bottom: 10px;
}
.moreContentsLink .linkItem a{
  display: block;
  width: 100%;
  box-sizing: border-box;
}
.moreContentsLink .linkList.first .linkItem:nth-child(2) a,
.moreContentsLink .linkList.second .linkItem:nth-child(2) a{
  position: relative;
  left: 0;
}
.moreContentsLink .linkList.first .linkItem:nth-child(3) a,
.moreContentsLink .linkList.second .linkItem:nth-child(3) a{
  position: relative;
}
.moreContentsLink .linkItem a:after{
  background: url(/parents/images/sprite_smp.png) no-repeat;
  background-size: 350px auto;
  background-position: -59px -36px;
  width: 23px;
  height: 22px;
}
.pageSecurity.guide02.smp .linkList.first .linkItem:nth-child(1) a:after,
.pageSecurity.guide02.sns .linkList.first .linkItem:nth-child(2) a:after,
.pageSecurity.guide02.mail .linkList.first .linkItem:nth-child(3) a:after,
.pageSecurity.guide02.web .linkList.second .linkItem:nth-child(1) a:after,
.pageSecurity.guide02.privacy .linkList.second .linkItem:nth-child(2) a:after,
.pageSecurity.guide02.virus .linkList.second .linkItem:nth-child(3) a:after{
    display: none;
}

/*-------------------
.contTeacher
---------------------*/
.contTeacher .contList{
  display: block;
  width: 100%;
}
.contTeacher .contList .contItem{
  display: block;
  width: 100%;
  margin-bottom: 16px;
}
.contTeacher .textLabel{
  display: inline-block;
  box-sizing: border-box;
  font-size: 1.0em;
}
.contTeacher .contItem a{
  margin-bottom: 8px;
  text-align: center;
}
.contTeacher .contItem a:nth-child(2){
  display: inline;
  margin-left: 5px;
}
.contTeacher .textImg{
  margin: 0 auto;
}
.contTeacher .desc{
  width: 100%;
}

/*-------------------
.contLinklist
---------------------*/
.contLinklist{
  padding-bottom:
32px;
}
.contLinklist .innerTtl{
  margin: 20px 0 8px;
}
.contLinklist dd{
  line-height: 1.5;
  margin-bottom: 10px;
  position: relative;
  text-indent: -2.5em;
  padding-left: 2.5em;
}
.contLinklist dd a{
  margin-bottom: 0;
  display: inline;
}

/* /-------------------------
pageSecurity guide03
----------------------------- /*/
/*-------------------
.contRuleList
---------------------*/
.pageSecurity.guide03 .cont5Point .emTtl{
  width: 100%;
}
.contRuleList{
  padding: 15px 10px;
}
.contRuleList .emTtl{
  font-size: 1.2em;
  margin: 0 auto 24px;
  width: 100%;
}
.contRuleList .emTtl:before, .contRuleList .emTtl:after{
  background-size: 512px auto;
  background-position: -281px -76px;
  width: 17px;
  height: 18px;
  bottom: 5px;
}
.contRuleList .emTtl:after{
  background-position: -302px -75px;
}
.contRuleList .emTtl:before{
  margin-left: -20px;
}
.contRuleList .emTtl:after{
  margin-left: 4px;
}

.contRuleList .top_download .btn {
  display: block;
  max-width: 300px;
  margin: 0 auto;
}

.contRuleList .btnDl{
  width: 100%;
  max-width: 350px;
}
.contRuleList .ruleList{
  padding: 16px;
}
.contRuleList .ruleList dt{
  margin: 12px 0;
  padding-left: 0;
  line-height: 1.2;
  text-indent: -1.7em;
  padding-left: 1.7em;
}
.contRuleList .ruleList .ruleItem{
  background: url("/wp/img/parent/sprite_smp.png") no-repeat;
  background-size: 390px auto;
  width: 24px;
  height: 18px;
  margin-right: 4px;
  top: 4px;
  position: relative;
}
.ruleList .ruleItem.pen{
  background-position: -235px 0;
}
.ruleList .ruleItem.home{
  background-position: -261px 0;
}
.ruleList .ruleItem.smp{
  background-position: -292px 0;
}
.ruleList .ruleItem.sns{
  background-position: -318px 0;
}
.ruleList .ruleItem.homerule{
  background-position: -345px 0;
}
.contRuleList .linkLead{
  margin-left: 0;
}
.contRuleList .ruleList dd{
  line-height: 1.8;
  padding: 12px 0;
  text-indent: -1.5em;
  padding-left: 1.5em;
}
.contRuleList .ruleList dd:nth-last-child(2),
.contRuleList .ruleList dd:nth-last-child(4){
  border-bottom: none;
  padding: 0;
}
.contRuleList .ruleAccess{
  margin-left: 0;
}
.contRuleList .ruleList dd.last{
  margin-bottom: 24px;
}
.contRuleList .textspaceM{
  width: 15em;
}
.contRuleList .ruleList dd .block{
  display: block;
  padding-left: 19px;
}

.contRuleList .top_download .bnrMoral{display:none;}

.contRuleList .bnrMoral{
  text-align:center;
}

.contRuleList .bnrMoral span{
  padding:5px 10px;
  display:inline-table;
  background:#fff;
  line-height:1;
  margin-top:20px;
}


/* /-------------------------
pageSecurity guide02 smp
----------------------------- /*/
/*-------------------
.contSecurityMain
---------------------*/
.pageSecurity.smp .contSecurityMain:after{
  background-size: 120px auto;
  width: 100px;
  height: 110px;
  top: auto;
  top: 70px;
}

/*-------------------
.contSecuritySub
---------------------*/
.contSecuritySub{
  margin-top: 0;
}
.contSecuritySub .subTtl{
  font-size: 1.4em;
  font-weight: bold;
  margin-bottom: 10px;
  background: none;
  color: #008ad7;
  width: 100%;
  margin-left: 0;
  padding: 4px 10px;
}
.contSecuritySub .subTxt{
  line-height: 1.9;
}
.contSecuritySub .checkList {
  padding: 16px 12px 12px;
  margin: 12px;
}
.contSecuritySub .checkList dd{
  margin-left: 0;
  line-height: 2.2;
  margin-bottom: 15px;
/*  text-indent: -1.4em; */
  padding-left: 1.4em;
}
.contSecuritySub .checkList.smp .last{
  margin-bottom: 12px;
}
.box.pointRule .checkItem:before,
.contSecuritySub .checkList dt:before,
.pageSecurity.guide02.mail .contSecuritySub .checkList li:before{
  background: url("/parents/images/sprite_smp.png") no-repeat;
  background-size: 320px;
  background-position: -50px 0;
  width: 16px;
  height: 16px;
  display: block;
  top: -1px;
}
.contSecuritySub .checkList dt:before{
  top: 3px;
}
.contSecuritySub .contTxtSubTtl{
  padding-top: 8px;
  margin-bottom: 8px;
}
.pageSecurity.guide02.smp .contSecuritySub .box.contTxt{
  margin-bottom: 16px;
}
.contSecuritySub .soudan{
  padding: 8px;
  margin: 16px auto 0;
}
.contSecuritySub .soudan dt{
  margin-bottom: 4px;
}
.contSecuritySub .soudan dd{
  margin-left: 5px;
  line-height: 1.8;
  text-indent: -1.3em;
  padding-left: 1.3em;
}
.contSecuritySub .soudan dd:not(:last-child){
  margin-bottom: 7px;
}
.contSecuritySub .checkList.smpSetting{
  margin: 12px 12px;
}
.contSecuritySub .checkList.smpSetting dt{
  margin-left: 0;
  margin-bottom: 4px;
}
.smp .checkList.smpSetting dd{
  text-indent: 0;
  padding-left: 0;
  font-size: 1.1em;
  line-height: 1.9;
}


/* /-------------------------
pageSecurity guide02 sns
----------------------------- /*/
/*-------------------
.contSecurityMain
---------------------*/
.pageSecurity.sns .contSecurityMain:after{
  background-size: 120px auto;
  width: 120px;
  height: 120px;
  top: 80px;
}

/*-------------------
.contSecuritySub
---------------------*/
.contSecuritySub .box.contTxt{
  margin-bottom: 25px;
}
.sns .contSecuritySub .checkList dd{
  text-indent: 0;
  padding-left: 0;
}


/* /-------------------------
pageSecurity guide02 mail
----------------------------- /*/
/*-------------------
.contSecurityMain
---------------------*/
.pageSecurity.mail .contSecurityMain:after{
  background-size: 120px auto;
  width: 120px;
  height: 120px;
  top: 70px;
}
.pageSecurity.guide02.mail .contSecuritySub .checkList li::before{
  top: 3px;
}


/* /-------------------------
pageSecurity guide02 web
----------------------------- /*/
/*-------------------
.contSecurityMain
---------------------*/
.pageSecurity.web .contSecurityMain:after{
  background-size: 120px auto;
  width: 120px;
  height: 120px;
  top: auto;
  top: 55px
}
.contSecuritySub .checkList.web{
  padding: 0 0 0 0.8em;;
  margin: 0px;
}
.contSecuritySub .checkList.web dt{
  margin-bottom: 8px;
  padding-top: 8px;
  line-height: 1.5;
}
.contSecuritySub .checkList.web dd{
  font-size: 1.1em;
  line-height: 1.9;
}
.contSecuritySub .checkList.web dd .block{
  display: inline-block;
  text-indent: -1.0em;
  padding-left: 1.0em;
  font-size: 1.0em;
}
.contSecuritySub .checkList dd{
  margin-bottom: 16px;
}
.web .contSecuritySub .checkList dd{
  text-indent: 0;
  padding-left: 0;
}

/* /-------------------------
pageSecurity guide02 privacy
----------------------------- /*/
/*-------------------
.contSecurityMain
---------------------*/
.pageSecurity.privacy .contSecurityMain:after{
  background-size: 120px auto;
  width: 120px;
  height: 120px;
  top: 55px;
}
.privacy .contSecuritySub .checkList dd{
  text-indent: 0;
  padding-left: 0;
}

/*-------------------
.contSecuritySub
---------------------*/
body.pageSecurity.guide02.privacy .contSecuritySub{
  margin-top: 0;
}


/* /-------------------------
pageSecurity guide02 virus
----------------------------- /*/
/*-------------------
.contSecurityMain
---------------------*/
.pageSecurity.virus .contSecurityMain:after{
  background-size: 150px auto;
  width: 150px;
  height: 150px;
  top: 90px;
}
.virus .contSecuritySub .checkList dd{
  text-indent: 0;
  padding-left: 0;
}


/*-------------------
guide03 rule
---------------------*/

.btnRule {
   padding: 10px 1.8rem;
  }

.printArea {
  padding: 15px 0 0 0;
  border: none;
}

.photo {
  margin-bottom: 15px;
}


.photo img {
  width: 95%;
  }


/* /-------------------------
parentsNewsCategory
----------------------------- /*/
a:hover {
    color: #ffffff;
    background-color: #1c6ab4;
    text-decoration: none;
}
#mainArea{
  margin-top: 10px !important;
}

/*-------------------
.TitleSearchWrap
---------------------*/
.parentsNewsCategory .TitleSearchWrap{
  padding: 0 10px;
}
.parentsNewsCategory .TitleSearchWrap a{
  display: block;
  text-align: right;
}
body.parentsNewsCategory #mainContents .TitleSearchWrap .newsLogo{
  width: 100%;
}
.newsLogo{
  max-width: 100px;
}

body.parentsNewsCategory .TitleSearchWrap .searchWrap{
  float: none;
  width: 100%;
  margin-top: 10px;
  background: #fff27b;
  border-radius: 5px;
  padding: 0;
}
body.parentsNewsCategory .TitleSearchWrap .searchWrap .searchWrapInner{
  background: none;
  padding: 6px 6px;
}
body.parentsNewsCategory .TitleSearchWrap .searchWrap #searchbox{
  font-size: 1.6em;
  vertical-align: middle;
}
body.parentsNewsCategory .TitleSearchWrap .searchWrap #submitBtnInput{
  -webkit-appearance: none;
  background: #00b4e6;
  color: #fff;
  font-size: 1.4em;
  border-radius: 3px;
  text-indent: 0;
  width: 42px;
  height: 23px;
}

/*-------------------
.hgroupNewsTitle
---------------------*/
body.parentsNewsCategory .hgroupNewsTitle{
  padding: 0 10px 4px;
  margin: 0 0 10px;
}
body.parentsNewsCategory .hgroupNewsTitle h4{
  font-size: 1.5em;
  margin-top: 14px;
}
body.parentsNewsCategory .hgroupNewsTitle p.time{
  font-size: 1.0em;
}


/*-------------------
.phWrap
---------------------*/
body.parentsNewsCategory .entryDetailPage .phWrap{
 float: none;
  width: 100%;
  margin: 0 auto 10px;
  padding: 0 10px;
  display: block;
  background: none;
}
body.parentsNewsCategory .entryDetailPage .figure{
  background: #ebe6d3;
}
body.parentsNewsCategory .entryDetailPage .figure p:not(.figcaption){
  max-width: 320px;
  margin: 0 auto;
}
body.parentsNewsCategory .entryDetailPage .figure img{
  max-width: 100%;
}
body.parentsNewsCategory .entryDetailPage .figure .figcaption{
  text-align: center;
  font-size: 1.1em;
  margin-top: 8px;
}

/*-------------------
.textWrap
---------------------*/
body.parentsNewsCategory .entryDetailPage .textWrap{
  padding: 0 10px;
}
body.parentsNewsCategory .entryDetailPage .textWrap p{
  font-size: 1.25em;
  line-height: 1.8;
}
body.parentsNewsCategory .entryDetailPage .textWrap p:first-child{
  margin-bottom: 30px;
}
body.parentsNewsCategory .textWrap h5.titleImg{
  width: 100%;
  height: 30px;
  background: url(/parents/images/news_related_news2_title_smp.png),#00B4E6;
  background-repeat: no-repeat, repeat;
  background-size: 320px auto, auto;
}
body.parentsNewsCategory .textWrap h5.titleImg img{
  display: none;
}

/*-------------------
.listBack
---------------------*/
.listBack .text-link {
  padding: 10px 0 0;
}
.listBack .text-link:before{
  position: relative;
  top: -2px;
}
.listBack .text-link a{
  font-size: 1.4em;
}


/*-------------------
.contTeacher
---------------------*/
body.parentsNewsCategory .relatedNewsWrap h5.titleImg{
  width: 100%;
  height: 30px;
  background: url(/parents/images/news_related_news_title_smp.png),#00B4E6;
  background-repeat: no-repeat, repeat;
  background-size: 320px auto, auto;
}
body.parentsNewsCategory .relatedNewsWrap h5.titleImg img{
  display: none;
}
.contTeacher .newsItem{
  margin-bottom: 18px;
  padding-bottom: 18px;
}
.contTeacher .newsItem .newsTtl{
  font-size: 1.5em;
  margin-bottom: 8px;
  line-height: 1.7;
}
.contTeacher .newsItem .newsText{
  font-size: 1.4em;
  line-height: 1.7;
}
.contTeacher .newsItem .newsTime{
  font-size: 1.1em;
}
.contTeacher .box.newsTxt{
  width: 100%;
  display: block;
}
.contTeacher .box.newsImg{
  width: 100%;
  margin-left: 0;
  margin-top: 10px;
  text-align: center;
}
.contTeacher .box.newsImg img{
  max-width: 100%;
}


/* /-------------------------
parentsNewsCategory .entryImgPage
----------------------------- /*/
body.parentsNewsCategory .entryImgPage .figure{
  width: 100%;
}
body.parentsNewsCategory .entryImgPage .figure img{
  max-width: 100%;
}
body.parentsNewsCategory .entryImgPage .figure .figcaption{
  font-size: 1.3em;
  margin-top: 0;
}


/* /-------------------------
parentsNewsCategory .search
----------------------------- /*/
/*-------------------
.relatedNewsWrap
---------------------*/
body.parentsNewsCategory .relatedNewsWrap{
  padding: 0 10px;
}
body.parentsNewsCategory .relatedNewsWrap h4.titleImg{
  width: 100%;
  height: 30px;
  background: url(/parents/images/news_newslist_title_smp.png),#00B4E6;
  background-repeat: no-repeat, repeat;
  background-size: 320px auto, auto;
}
body.parentsNewsCategory .relatedNewsWrap h4.titleImg img{
  display: none;
}
body.parentsNewsCategory #pagingTop{
  width: 100%;
}
body.parentsNewsCategory .paging .pageAll{
  float: none;
  font-size: 1.4em;
  text-align: center;
}
body.parentsNewsCategory .paging .pageNo{
  float: none;
  white-space: normal;
  font-size: 1.3em;
  position: relative;
  padding-bottom: 26px;
}
body.parentsNewsCategory .paging .pageNo span.rev{
  position: absolute;
  bottom: 0;
  left: 0;
}
body.parentsNewsCategory .paging .pageNo span.next{
  position: absolute;
  bottom: 0;
  right: 0;
}
body.parentsNewsCategory .paging .pageNo b{
  margin: 0;
}
body.parentsNewsCategory .paging .pageNo a{
  margin: 0;
  text-align: center;
  margin: 0 auto;
}
body.parentsNewsCategory .paging .pageNo span.next a{
  display: inline-block;
}

.contTeacher .newsList{
  margin-top: 20px;
}
.contTeacher .newsItem:last-child{
  border-bottom: none;
}



/*******************
add 170227 soudan
********************/
/*-------------------
.contGraph
---------------------*/
.soudan .contGraph .box-inner{
  padding: 20px 25px;
}
.soudan .contGraph .box h4 {
  border-left: none;
  padding-left: 0;
  margin-bottom: 8px;
  font-size: 1.4em;
  line-height: 1.6;
}
.soudan .contGraph .box .box-inner .source{
  display: block;
  margin-left: 0;
  font-size: 0.7em;
}
.soudan .contGraph .summary{
  font-size: 1.1em;
}
.contGraph .box .picup .lead{
  font-size: 1.4em;
}
.contGraph .box .picup .lead::before {
  width: 17px;
  height: 24px;
  background-size: 360px auto;
  background-position: -245px -84px;
  vertical-align: -5px;
  margin-right: 5px;
}
.contGraph .box .picup ul li{
  float: none;
  width: 100%;
}
.soudan .tabArea .lead{
  text-align: center;
  font-size: 1.5em;
}
.soudan .tabArea .tab-list{
  justify-content: center;
  align-items: center;
}
.soudan .tabArea .tab-list .tabItem{
  padding: 2px;
}



/*-------------------
.contTrouble
---------------------*/
.soudan .boxRanking{
  padding: 0 16px;
  border-radius: 10px;
  margin: 30px 0;
}
.boxRanking .troubleList{
  display: block;
}
.boxRanking .troubleList .troubleItem{
  width: 100%;
  padding: 18px 10px 5px;
}
.boxRanking .troubleList .troubleItem:not(:last-child){
  border-bottom: 1px solid #ccc;
}
.boxRanking .troubleList .troubleItem h4{

  padding-left: 35px;
  /* font-size: 1.6em; */
}
.boxRanking .troubleItem .ranking-badge{
  font-size: 0.74em;
  top: -7px;
}
.troubleItem .item{
  margin-top: 8px;
}
.troubleItem .item h4{
  font-size: 1.5em;
}
.troubleItem .item .troubleItemList{
  padding: 5px 10px;
  /* font-size: 1.53em; */
}
.troubleItem .item .etc{
  margin: 0 10px 0 0;
}
.contTrouble .boxRanking .source{
  text-align: left;
  line-height: 1.7;
}

.contTrouble .girl-qa{
  padding: 12px;
}
.girl-qa .box-inner{
  padding: 15px;
}
.girl-qa .twoCol{
  display: block;
}
.girl-qa .qaItemList{
  width: 100%;
}
.girl-qa .qaItemList .qaItem{
  padding: 10px 0;
}
.girl-qa .qaItemList .lead::before {
  width: 26px;
  height: 26px;
  background-size: 26px 26px;
  vertical-align: -8px;
  margin-right: 7px;
}
.girl-qa .qaItemList .lead a{
  font-size: 1.4em;
}
.girl-qa .qaItem .qaName{
  font-size: 1.1em;
  line-height: 1.8;
  padding: 0 5px;
}
.girl-qa .qaItemList .qa-text{
  /* font-size: 1.2em; */
  line-height: 1.8;
}

.contTrouble .boxPoint .sub{
  font-size: 1.2em;
  margin-bottom: 4px;
}

.change-cont{
  padding-top: 15px;
}
.change-cont .box-inner:not(:last-child){
  margin-bottom: 20px;
}
.change-cont .subTtl{
  background: none;
  color: #008ad7;
  margin-left: 0;
  width: 100%;
  margin-bottom: 0;
}
.change-cont .subTtl:before{
  width: 28px;
  height: 29px;
  background-size: 340px auto;
  background-position: -200px -73px;
  vertical-align: bottom;
  margin-right: 4px;
}
.soudan .contTrouble .subTtlTxt{
  padding-bottom: 10px;
}
.change-cont .more{
  text-align: left;
  text-indent: -1.0em;
  padding-left: 1.0em;
}
.change-cont .more:before{
  margin-right: 5px;
}
.change-cont .graph img{
  max-width: 100%;
}
.change-cont .graph .item{
  position: relative;
  margin-top: 0;
  display: block;
  padding: 5px;
  font-size: 1.5em;
  margin: 10px 0 20px;
  border-radius: 0;
}
.change-cont .graph .item::before {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12px 12px 0 12px;
  border-color: #f29600 transparent transparent  transparent;
  position: absolute;
  bottom: -12px;
  left: 50%;
  margin-left: -6px;
}
.change-cont .graph .item .sp_no{
  display: none;
}
.change-cont .graph .text{
  /* font-size: 1.2em; */
}


/*-------------------
SMP Fix
---------------------*/
.contPoll .pollTtl {
  font-size: 14px;
}
.pollFirst .pollSubTtl {
  margin-bottom: 10px;
}
.pollFirst .pollSubTtl .author {
  display: block;
  font-size: 12px;
}
.pollPast .pollSubTtlPast {
  border-left: none;
  padding-left: 0;
  margin-bottom: 10px;
}
.pollPast .pollSubTtlPast .txt {
  font-size: 16px;
  font-weight: 700;
}
.pollPast .voteBox .voteTxt {
  display: block;
  width: auto;
  font-size: 12px;
  line-height: 1.5;
}
.pollFirst .pollSubTtl .txt {
  display: inline-block;
}
.pollFirst .pollSubTtl .voteTxt {
  font-size: 12px;
}
.pollFirst .pollSubTtl .voteNum {
  font-size: 12px;
}
.contPoll .pollList.smpOne .pollItem {
  display: block;
  width: 100%;
  padding: 0;
}
.pollPast .voteBox .voteNum {
  display: block;
  width: 100%;
  text-align: right;
  font-size: 12px;
}


/*-------------------
.contTeacher // demae
---------------------*/
.colImg {
  display: block;
}
.colImg>.col:first-child {
  width: 100%;
}
.colImg>.col:last-child {
  width: 100%;
  margin-top: 15px;
}
.bgBox {
  padding: 20px;
  margin: 30px 0;
}
.bgBox .bgBox-inner {
  padding: 20px;
}
.bgBox .ttl {
  font-size: 14px;
}
.videoBox {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.videoBox iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.stepBox {
  display: block;
  margin: 20px 0;
}
.stepBox>.col {
  width: 100%;
}
.stepBox>.col+.col {
  margin-top: 40px;
}
.stepBox>.col+.col:before {
  border: 12px solid transparent;
  border-top: 12px solid #b6b4ab;
  top: -24px;
  left: 50%;
  margin-top: 0;
  margin-left: -12px;
}
.stepBox .head {
  font-size: 15px;
}
.btnOrange {
  font-size: 14px;
}
.btnOrange:before {
  width: 8px;
  height: 8px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}

.btnBlue {
  padding: 1rem 1.5rem;
  font-size: 22px;
  box-shadow: 0 5px 0 #009eff;
}
.btnBlue:before {
  border-width: 8px 0 8px 10px;
  margin-top: -8px;
}

}

/* security */

@media (max-width: 600px) {


  .logo24 {
    width: 90%;
    padding-left: 18px;
    /* width: 70px;
    height: 70px; */
    }

  .logo24 img{
    width: 100%;
    }

  .whitewrap {
    box-shadow: 4px 4px 0px #ddd;
    margin-top: 10px;
    margin-bottom: 2rem;
    margin-left: 0px;
    margin-right: 0px;
    }

  .left {
     flex-direction: column;
     align-items: center;
     padding-top: -7px;
     padding-left: 0.8rem;
     padding-right: 0;
    }

  .subTtlTxt {
    font-size: 100%;
    padding-top: 5px;
    text-align: left;

    }

  .b_writing {
     margin-top: 8px;
     margin-bottom: 5px;
     text-align: center;
    }

 .girl {
   display: none !important;
   }

 .girl_sp {
     display: block !important;
     width: 100%;
     height: auto;
     padding: 1rem;
   }


  .girl_sp img{
    width: 100%;
    }


  .link24 {
     padding: 10px 1.8rem;
     margin: auto;
    }

.link24 {
  margin: 1.5rem;
}

}


/*******************
add 20230207
********************/
@media (max-width: 768px){

/*-------------------
header
---------------------*/
.breadCrumbs{
  display: none;
}
#gHeader{
  margin-bottom: 0!important;
}
.mainTtl.is-header{
  margin: 0;
  padding: 10px;
  text-align: center;
  font-size: 1.6rem;
  color: #ffffff;
  background: #008ad7;
}
#gHeader h1{
  float: initial;
  margin: auto;
}
#gHeader .menu {
  right: auto;
  left: 4px;
  background: #008ad7;
}
.parentNav ul{
  display:block;
  background: #008ad7;
}
.parentNav .page_item {
  display: block;
  width: 100%;
}
.parentNav .page_item > a {
  width: 100%;
  display: block;
  border: none;
  padding: 15px 0;
}
.parentNav .page_item a:before {
  content: none;
}
.parentNav .page_item a.active,
.parentNav ul a,
.parentNav ul span{
  background:#008ad7 ;
  color: #ffffff;
}
.parentNav .children .page_item a{
  padding-left: 1.3em;
}
.parentNav .children .page_item a::before {
    position: relative;
    counter-increment: children;
    content: counter(children) ". ";
    width: auto;
    height: auto;
    top: auto;
    left: auto;
    margin-left: 0;
}

/*-------------------
contReport
---------------------*/
.contReport{
  padding: 1.5rem 1.2rem;
  display:block;
}
.reportImg{
  width: 100%;
  text-align: center;
  position: relative;
}
.reportContents{
  width: 100%;
  padding-left:0;
  padding-top: 2rem;
}
.reportContents .label{
  margin-bottom: 1rem;
  font-size: 1.4rem;
}
.reportTitle{
  font-size: 1.6rem;
}
.postDate{
  margin-top: 1rem;
  font-size: 1.2rem;
  font-weight: bold;
  color: #008ad7;
}
  /*-------------------
.contAbout
---------------------*/
.contListGrid{
  display: block;
}

.contAbout .aboutTtl{
  font-size: 2.4rem;
  background-size: cover;
}

.gridItem{
  width:100%;
}
.gridItem + .gridItem{
  margin-top: 1.5rem;
}
.gridItem >a{
  display: block;
  padding:1.5rem 1rem;
  box-shadow: 0 4px 0 rgb(0, 158, 255,0.5);
}
.gridItem > a:before{
  border-width: 0 0 10px 10px;
  bottom: 0.5rem;
  right: 0.5rem;
}
.gridItem .contTtl{
  margin-bottom: 1.5rem;
}
/*accordion*/
.acTtl:before, .acTtl:after {
  width: 15px;
  height: 2px;
  right: -15px;
  margin-top: -1px;
}
.contNotice .acBox {
  margin-bottom: 8px;
  padding: 13px 25px 13px 13px;
}
.contNotice .acBox .acTtl {
    text-indent: 0;
    padding-left: 0;
}
/*-------------------
contOnline
---------------------*/
.onlineTable .tblTtl {
  width: 30%;
  padding: 1rem;
  font-size: 1.4rem;
}
.onlineTable .tblContent {
  width: 80%;
  padding: 1rem;
}

.schoolBox{
  display: block;
}
.schoolBox .img {
  width: 100%;
  text-align: center;
}
.schoolBox .content {
  width: 100%;
  margin-top: 1rem;
}
.schoolTtl {
  margin-bottom: 1rem;
  font-size: 1.8rem;
}
.videoGrid{
  display: block;
  padding: 0 2rem;
}
.videoGrid > .videoBox {
  width: 100%;
}

/*-------------------
footer
---------------------*/
#gFooter{
  background: #ffffff;
}

#gFooter .breadCrumbs{
  display: block;
}
.parentNav_under{
  padding: 2rem 1rem 1rem;
}
.parentNav_under .page_item > a{
  display: block;
  position: relative;
  font-size: 1.4rem;
  font-weight: bold;
  padding: 1rem 3rem;
  text-align: center;
  color: #008ad7;
  border-bottom: 1px solid #008ad7;
}
.parentNav_under .page_item > a:hover{
  background: #ffffff;
  opacity: 0.8;
}
.parentNav_under .page_item:first-child > a{
  border-top: 1px solid #008ad7;
}
.parentNav_under .page_item > a:before{
  position: absolute;
  content: "";
  width: 30px;
  height: 30px;
  top:50%;
  margin-top: -15px;
  left: 1rem;
}
.page-item-kids > a:before{
  background: url("/wp/img/parent/icon-about_ac.png") no-repeat center;
  background-size: contain;
}
.page-item-research > a:before{
  background: url("/wp/img/parent/icon-research_ac.png") no-repeat center;
  background-size: contain;
}
.page-item-2939 > a:before{
  background: url("/wp/img/parent/icon-guide_ac.png") no-repeat center;
  background-size: contain;
}
.page-item-2951 > a:before{
  background: url("/wp/img/parent/icon-soudan_ac.png") no-repeat center;
  background-size: contain;
}
.page-item-2949 > a:before{
  background: url("/wp/img/parent/icon-teacher_ac.png") no-repeat center;
  background-size: contain;
}
.page-item-8832 > a:before{
  background: url("/wp/img/parent/icon-onlineclass_ac.png") no-repeat center;
  background-size: contain;
}
.parentNav_under .page_item > a:after{
  position: absolute;
    content: "";
    width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 0 7px 8px;
  border-color: transparent transparent transparent #008cd7;
  right: 1rem;
  top: 50%;
  margin-top: -7px;
}

.snsGrid {
  padding-top: 2rem;
  display: block;
}
.snsTtl{
  font-size: 1.8rem;
  text-align: center;
}
.snsList{
  margin-top: 1rem;
  justify-content:center;
}
.snsList li + li{
  margin-left: 1rem;
}
.linkIcon img{
  max-height: 3rem;
}

}