@charset "utf-8";


h1,h2,h3,h4 {
	margin:0px;
	padding:0px;
}

/* footer link */

/* 調整用*/
.mb_14 {
	margin-bottom:14px !important;
}

.pb_14 {
	padding-bottom:14px;
}

.pb_20{padding-bottom:20px;
}
.mr20{
 margin-right: 20%;
}


/*clearfix*/
.clearfix:after {
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}

* html .clearfix {/*IE6*/
	height: 1%;
}
*:first-child + html .clearfix {/*IE7*/
	display: inline-block;
}

.clear {clear:both; }

.pc {display:block;}
.sp {display:none;}

@media screen and (max-width: 639px){
	.sp {display:block;}
	.pc {display:none;}
}

@media screen and (min-width: 640px){
    #tagline,
    #contents{
        min-width: 980px;
    }
}

#linkbutton_3l ul li {
/*    box-shadow: none;*/
}

.kodomo_under #contents {
	background-image: url(../../common/images/kodomo_back_ue_under.jpg);
}
@media screen and (max-width: 639px){
    .kodomo_under #contents {
        padding: 0;
    }
}
.float_l {
	float:left;
}

.float_r {
	float:right;
}
#contents .header {
    padding-top: 0.5%;
}
@media screen and (max-width: 639px){
    #contents .header {
        padding-top: 1.5%;
    }
}
@media screen and (max-width: 639px){
    #contents .header .h1_area,
    #contents .header .pankuzu,
    #contents .header #headerContainer{
        padding: 0 3.2%;
    }
    #contents .inner {
        width: auto;
        padding: 0 3.2%;
    }
}
@media screen and (max-width: 414px){
    #contents .header .h1_area,
    #contents .header .pankuzu,
    #contents .header #headerContainer{
        padding: 0 2.5%;
    }
    #contents .inner {
        width: auto;
        padding: 0 2.5%;
    }
}
.kodomo_under #contents #top_lead {
    position: relative;
	width: auto;
	float: right;
    margin:10px 20px 0 0;
}
@media screen and (max-width: 639px){
    .kodomo_under #contents #top_lead {
        margin:0;
    }
}
@media screen and (max-width: 414px){
    .kodomo_under #contents #top_lead {
        width: 30%;
        text-align: right;
    }
}
@media screen and (max-width: 414px){
    .taglogo a.title_link{
        min-height: 48px;
        display: inline-block;
        width: 50%;
    }
    .taglogo a.title_link img{
        width: 100%;
        height: auto;
    }
}
.kodomo_under #contents #top_lead img{
    position: relative;
}
.kodomo_under #contents #top_lead img.sp{
    display: none;
}
@media screen and (max-width: 639px){
    .kodomo_under #contents #top_lead img.pc{
        display: none;
    }
    .kodomo_under #contents #top_lead img.sp{
        display: inline;
    }
}
@media screen and (max-width: 414px){
    .kodomo_under #contents #top_lead img.sp{
        width: auto;
    }
}

.kodomo_under #contents #top_lead span{
    width: 16em;
    margin: 35px auto 0;
    position: relative;
    display: block;
    height: auto;
    line-height: 1.5em;
    font-size: 14px;
}


.photo_base {
	width:212px;
	margin-left: 27px;
/*	background-image: url(../../../images/top/photo_bace.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 130px;*/
	float: left;
	border:1px solid #999;
	background-color:#FFF;
	margin-bottom:30px;
}


.photo_base2 {
	width:460px;
	margin-left: 10px;
	background-repeat: no-repeat;
	background-position: left bottom;
	float: right;
	margin-right: 30px;
	font-size: 0.9em;
	line-height: 1.6em;
}





.photo_base2  p {
	/*color:#FF3399;*/
	margin:0px;
	padding:0px;
}

.photo_base3 {
	width:450px;
	float: right;
	margin-right: 30px;
	margin-bottom:10px;
	margin-left: 25px;
	font-size:1.2em;
	font-weight: bold;
}


@media screen and (max-width: 414px){
    #kodomo_osirase #contents .content .section1{
        margin-bottom: 4%;
    }

}
/***　btn_info　ここまで　***/



div#linkbutton_3l {
	width: 940px;
    margin:10px auto 0;
}
@media screen and (max-width: 639px){
    div#linkbutton_3l {
	   width: 100%;
    }
}
@media screen and (max-width: 414px){
    div#linkbutton_3l {
	   width: 100%;
        margin: 13% 0 0;
    }
}

div#linkbutton_3l ul{
	list-style:none;
	height: auto;
	margin:0;
	padding:0;
	position:relative;
    letter-spacing: -.4em;
}
#linkbutton_3l ul li{
    display: inline-block;
    width: 32%;
    height: auto;
    margin-left: 10px;
    letter-spacing: normal;
    position: relative;
    vertical-align: top;
    margin-bottom: 10px;
}
@media screen and (max-width: 639px){
    #linkbutton_3l ul li{
        width: 47.75%;
        margin-left: 1.8%;
        margin-bottom: 1.8%;
    }
}
@media screen and (max-width: 500px){
    #linkbutton_3l ul li{
        width: 100%;
        margin-left:0px;
    }
}

#linkbutton_3l ul li:nth-child(3n+1){
    margin-left: 0;
}
@media screen and (max-width: 639px){
    #linkbutton_3l ul li:nth-child(3n+1){
        margin-left:10px;
    }
    #linkbutton_3l ul li:first-child,
    #linkbutton_3l ul li:nth-child(odd){
        margin-left:0px;
    }
}
@media screen and (max-width: 500px){
    #linkbutton_3l ul li:nth-child(3n+1){
        margin-left:0px;
    }
}
#linkbutton_3l ul li a.link_title{
    position: absolute;
    top: 0;
    padding: 20px 15px;
    font-size: 18px;
    letter-spacing: 0.028em;
    text-decoration: none;
}
#linkbutton_3l ul li.link_bt02 a.link_title,
#linkbutton_3l ul li.link_bt05 a.link_title,
#linkbutton_3l ul li.link_bt06 a.link_title{
    padding: 10px 15px;
    line-height: 1.4em;
}
div#linkbutton_3l ul li ul.link_btList{
    position: absolute;
    margin-top: 26%;
    top: 0;
    left: 12%;
    list-style-type: disc;
}
#linkbutton_3l ul li ul.link_btList li{
    display:list-item;/*blockだとlist-styleが表示されない*/
    width: 100%;
    height: auto;
    margin:0 0 4px;
    font-size: 14px;
}
#linkbutton_3l ul li ul.link_btList li a{
    text-decoration: none;
}
#footer #linkbutton_3l ul li a{
    color:#000;
    display: block;
    padding: 10px;
    text-decoration: none;
    font-weight: bold;
    font-size: 18px;
}
@media screen and (max-width: 639px){
    #footer #linkbutton_3l ul li a{
        font-size: 16px;
    }
}
#footer #linkbutton_3l ul li a:hover{
    color:#000;
}

#footer #linkbutton_3l ul li.link_bt01 a
{
    background: #25ddce;
}

#linkbutton_3l ul li.link_bt02 a
{
    background: #2cda5d;
}

#linkbutton_3l ul li.link_bt03 a
{
    background: #ff9a04;
}

#linkbutton_3l ul li.link_bt04 a
{
    background: #36a2e7;
}

#linkbutton_3l ul li.link_bt05 a
{
    background: #ff763f;
}

#linkbutton_3l ul li.link_bt06 a
{
    background: #ff568f;
}

#area #contents #linkbutton_3l ul .link_bt01 img {
	margin: 0px;
	padding: 0px;
}
#area #contents #linkbutton_3l ul li img{
    width: 100%;
}
div#linkbutton_3l2 {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	margin-bottom: 0px;
}


div#linkbutton_3l2 ul{
	list-style:none;
	height: auto;
	margin:0;
	padding:0 10px;
	position:relative;
}
#linkbutton_3l2 ul li{
    display: inline-block;
    width: 49.5%;
    height: auto;
}
#linkbutton_3l2 ul li a:hover{
    opacity: 0.7;
}

#area #contents .ill_coment p {
	font-size: 0.75em;
	width: 930px;
	margin-right: auto;
	margin-left: auto;
	text-align: right;
	margin-top: 0px;
	padding-top:0px;
}

#area #contents .footer_ill {
	height: 245px;
    background: url(../../common/images/top/footer_ill.jpg);

}
#area #contents #footer p{
	background-color: #FF0;
	margin:0px;
	padding:0px;
}

.kodomo_under #contents h1{
    margin:20px 0 0;
}
.kodomo_under #contents h1 img{
    width:auto;
    height:auto;
    padding:0 0 0 10px;
    margin:0;
}
@media screen and (max-width: 639px){
    .kodomo_under #contents h1{
        margin: 0;
        width: 48%;
        display: inline-block;
    }
    .kodomo_under #contents h1 img{
        margin: 2.5% 0 5%;
        padding: 0;
        width: 100%;
    }
}
@media screen and (max-width: 414px){
    .kodomo_under #contents h1{
        width: 70%;
    }
}

.kodomo_under .pankuzu {
    font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 11px;
    color: #1b1b1b;
    padding: 20px 5px 0px;
}
@media screen and (max-width: 639px){
    .kodomo_under .pankuzu {
        padding: 10px 5px 0px;
    }
}
@media screen and (max-width: 414px){
    .kodomo_under .pankuzu {
        display: none;
    }
}
.kodomo_under .pankuzu a{
    color: #0087e6;
    text-decoration: none;
}

.kodomo_under #headerContainer {
    margin-top: 8px;
    margin-bottom: 20px;
}
.kodomo_under #headerContainer h2 {
    background-color: #0075ea;
    font-weight: normal;
    font-size: 30px;
    width: 100%;
    height: auto;
    border-radius: 5px;
}
@media screen and (max-width: 639px){
    .kodomo_under #headerContainer h2 {
        font-size: 19px;
		/*font-size: 22px;*/
    }
}
.kodomo_under #headerContainer h2 .h2_area {
    padding-top: 2.7%;
    padding-bottom: 2.5%;
    padding-left: 2.59%;
    width: calc(97.412% - 293px);
    display: inline-block;
    vertical-align: middle;
    font-weight: bold;
    font-family: "ヒラギノ丸ゴ Pro W3","Hiragino Maru Gothic Pro","メイリオ","Meiryo","Osaka","ＭＳ Ｐゴシック","MS P Gothic","Arial",sans-serif;
    color: #fff;
}
.kodomo_under #headerContainer h2 img{
    display: inline-block;
    vertical-align: middle;
    width:293px;
    height: 100px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.kodomo_under #headerContainer h2 img.w639{
    display: none;
}

.kodomo_under #headerContainer h2 img.w414{
    display: none;
}

@media screen and (max-width: 639px){
    .kodomo_under #headerContainer h2 .h2_area {
        width: calc(97.412% - 235px);
    }
    .kodomo_under #headerContainer h2 img.w980{
        display: none;
    }
	.kodomo_under #headerContainer h2 img.w414{
        display: none;
    }
    .kodomo_under #headerContainer h2 img.w639{
        display: inline-block;
    }
    .kodomo_under #headerContainer h2 img{
        width: 235px;
        height: 80px;
    }
}
@media screen and (max-width: 414px){
    .kodomo_under #headerContainer h2 .h2_area {
        width: calc(97.412% - 190px);
    }
    .kodomo_under #headerContainer h2 img.w980{
        display: none;
    }
	.kodomo_under #headerContainer h2 img.w639{
        display: none;
    }
    .kodomo_under #headerContainer h2 img.w414{
        display: inline-block;
    }
    .kodomo_under #headerContainer h2 img{
        width: 180px;
        height: 80px;
    }
}
.kodomo_under .pc {
    display: block;
}

#kodomo_osirase .backnumber ul{
    border-top: #99c2fb solid 1px;
    border-bottom: #99c2fb solid 1px;
    list-style: none;
    padding: 0 40px 15px;
    margin:0 0 1em;
}
@media screen and (max-width: 639px){
    #kodomo_osirase .backnumber ul{
        padding: 2% 2% 3.2%;
        letter-spacing: -.4em;
    }
}
@media screen and (max-width: 414px){
    #kodomo_osirase .backnumber ul{
        padding: 3% 1% 5%;
    }
}
#kodomo_osirase .backnumber ul li{
    display: inline-block;
    padding:10px 0 0;
    width:11%;
}
@media screen and (max-width: 639px){
    #kodomo_osirase .backnumber ul li{
        width: 16.7%;
        padding: 1.5% 0 0;
        vertical-align: middle;
        letter-spacing: -0.1em;
    }
}
@media screen and (max-width: 500px){
    #kodomo_osirase .backnumber ul li{
        width: 18%;
        padding: 2.5% 0 0;
    }
}
@media screen and (max-width: 414px){
    #kodomo_osirase .backnumber ul li{
        width: 25%;
        padding: 2.5% 0 0;
    }
}
#kodomo_osirase .backnumber ul li a{
    text-decoration: none;
    color: #0075ea;
    font-size: 14px;
}

#kodomo_osirase .backnumber ul li a:hover {
    opacity: 0.5;
    filter:alpha(opacity=50);
	-moz-opacity: 0.5;
}
#kodomo_osirase .backnumber ul li a img{
    margin-right:1%;
}
#kodomo_osirase .backnumber ul li a span,
#kodomo_osirase .backnumber ul li a img{
    display: inline-block;
    vertical-align: top;
}

@media screen and (max-width: 639px){
    #kodomo_osirase .backnumber ul li a span{
        width: calc(92% - 19px);
    }
}
@media screen and (max-width: 414px){
    #kodomo_osirase .backnumber ul li a img{
    }
}
#kodomo_osirase .backnumber ul li a.active{
    color:#0075ea;
}
#kodomo_osirase #area h3{
    position: relative;
    color: #fcaa8c;
    font-size: 30px;
    font-weight: bold;
    margin: 3% 0;
}

@media screen and (max-width: 639px){
    #kodomo_osirase #area h3{
        font-size: 28px;
        margin: 4% 0 6%;
    }
}

@media screen and (max-width: 414px){
    #kodomo_osirase #area h3{
        font-size: 27px;
        margin: 8% 0;
    }
}
#kodomo_osirase #area h3:before,
#kodomo_osirase #area h3:after{
    content:'●';
    font-size: 234%;
    display: inline-block;
    vertical-align: middle;
    line-height: 1em;
    text-indent: -0.15em;
}
#kodomo_osirase #area h3:after{
    text-indent: -0.1em;
    letter-spacing: -0.1em;
}
@media screen and (max-width: 639px){
    #kodomo_osirase #area h3:before,
    #kodomo_osirase #area h3:after{
        font-size: 8vw;
    }
}
@media screen and (max-width: 414px){
    #kodomo_osirase #area h3:before,
    #kodomo_osirase #area h3:after{
        font-size: 10vw;
        letter-spacing: -0.1em;
        vertical-align: top;
    }
}
#kodomo_osirase #area h3 span{
    display: inline-block;
    vertical-align: middle;
    padding: 6px 0;
    color:#f25121;
    width: 12em;

}
@media screen and (max-width: 639px){
    #kodomo_osirase #area h3 span {
        width: 12em;
    }
}
@media screen and (max-width: 454px){
    #kodomo_osirase #area h3 span {
        width: 11.5em;
    }
}
@media screen and (max-width: 444px){
    #kodomo_osirase #area h3 span {
        width: 11em;
    }
}
@media screen and (max-width: 417px){
    #kodomo_osirase #area h3 span {
        width: 10.5em;
    }
}
@media screen and (max-width: 414px){
    #kodomo_osirase #area h3 span {
        width: 10em;
        vertical-align: top;
        padding: 0;
    }
}
@media screen and (max-width: 388px){
    #kodomo_osirase #area h3 span {
        font-size: 6.7vw;
    }
}
#kodomo_osirase #area h3 hr{
    border-bottom: #fcaa8c dotted 3px;
    width: calc(87.5% - 12em);
    position: relative;
    display: inline-block;
    box-shadow: none;
    text-shadow: none;
    height: 0;
    border-top: none;
    border-left: none;
    border-right: none;
    vertical-align: middle;
}
@media screen and (max-width: 639px){
    #kodomo_osirase #area h3 hr{
        width: calc(85% - 12em);
    }
}
@media screen and (max-width: 454px){
    #kodomo_osirase #area h3 hr{
        width: calc(84% - 11.5em);
    }
}
@media screen and (max-width: 444px){
    #kodomo_osirase #area h3 hr{
        width: calc(84% - 11em);
    }
}
@media screen and (max-width: 417px){
    #kodomo_osirase #area h3 hr{
        width: calc(84% - 10.5em);
        vertical-align: top;
    }
}
@media screen and (max-width: 383px){
    #kodomo_osirase #area h3 hr {
        width: calc(84% - 10em);
    }
}
@media screen and (max-width: 363px){
    #kodomo_osirase #area h3 hr{
        width: calc(84% - 9.5em);
    }
}
@media screen and (max-width: 347px){
    #kodomo_osirase #area h3 hr{
        width: calc(84% - 9em);
    }
}
@media screen and (max-width: 329px){
    #kodomo_osirase #area h3 hr{
        width: calc(84% - 8.5em);
    }
}
#kodomo_osirase h4{
    font-size: 30px;
	line-height: 1.5em;
    font-weight: normal;
    color: #09F;
    margin-top: 5.5%;
    margin-right: 0;
    margin-bottom: 2.5%;
    margin-left: 0;
    border-bottom: #09F dashed 2px;
    padding-bottom: 5px;

}



@media screen and (max-width: 639px){
    #kodomo_osirase h4{
        margin-top: 8%;
    }
}
@media screen and (max-width: 414px){
    #kodomo_osirase h4{
        font-size: 28px;
        letter-spacing: -0.038em;
        margin: 10% 0 5%;
    }
}

#kodomo_osirase h5{
    font-size: 30px;
    font-weight: normal;
    color: #09F;
    margin-top: 5.5%;
    margin-right: 0;
    margin-bottom: 2.5%;
    margin-left: 0;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #09F;
    padding-bottom: 5px;
}
@media screen and (max-width: 639px){
    #kodomo_osirase h5{
    }
}
@media screen and (max-width: 414px){
    #kodomo_osirase h5{
    }
}

#kodomo_osirase #contents .content {
    margin-bottom: 3.16%;
}

#kodomo_osirase #contents .content p{
    line-height: 1.8;
    font-size: 16px;
    letter-spacing: 0.1px;
    color: #333333;
    margin: 0 0 30px;
    padding: 0;
}
@media screen and (max-width: 414px){
    #kodomo_osirase #contents .content p{
        margin: 0 0 8%;
        letter-spacing: -0.01em;
    }
}

#kodomo_osirase #contents .content .osirase_list{
    display: block;
    margin: 0 5.25% 15%;
}
@media screen and (max-width: 639px){
    #kodomo_osirase #contents .content .osirase_list{
        margin: 0 0 15%;
    }
}
#kodomo_osirase #contents .content .osirase_list div{
    border-bottom: #cccccc solid 1px;
    padding: 2.35% 0;
}
@media screen and (max-width: 639px){
    #kodomo_osirase #contents .content .osirase_list div{
        letter-spacing: -.4em;
    }
}
@media screen and (max-width: 414px){
    #kodomo_osirase #contents .content .osirase_list div{
        padding: 6% 0 2%;
    }
}
#kodomo_osirase #contents .content .osirase_list div span{
    margin: 0 5.25% 0 0;
    display: inline-block;
    vertical-align: top;
}
@media screen and (max-width: 639px){
    #kodomo_osirase #contents .content .osirase_list div span{
        margin: 0 2.5% 0 0;
        letter-spacing: normal;
    }
}
#kodomo_osirase #contents .content .osirase_list div a{
    margin: 0;
    display: inline-block;
    vertical-align: top;
    color: #333333;
    text-decoration: none;
}
#kodomo_osirase #contents .content .osirase_list div a:hover{
    opacity: 0.5;
    filter:alpha(opacity=50);
	-moz-opacity: 0.5;
}
@media screen and (max-width: 639px){
    #kodomo_osirase #contents .content .osirase_list div a{
        width: calc(100% - ( 117.75px + 2.5%));
        letter-spacing: -0.015em;
    }
}
@media screen and (max-width: 414px){
    #kodomo_osirase #contents .content .osirase_list div a{
        width: 100%;
        margin-top: 2%;
    }
}


/*** section1　btn_info ここから　***/
#kodomo_osirase #contents .content .section1 .btns{
    display: block;
    text-align: right;
    margin: 4% 0;
}
@media screen and (max-width: 639px){
    #kodomo_osirase #contents .content .section1 .btns{
        display: block;
        width: auto;
        vertical-align: top;
    }
}


/***  section1 btn_info ここまで　***/





#kodomo_osirase #contents .content .pickup{
    text-decoration: none;
    vertical-align: top;
    text-align: center;
    margin: 6.6% 0 0;
    display: inline-block;
    width: 49%;
}
#kodomo_osirase #contents .content .pickup *{
    letter-spacing: normal;
}
#kodomo_osirase #contents .content .pickup.right{
    margin-left: 1.5%;
}
#kodomo_osirase #contents .content div.pickup img{
    vertical-align: top;
    display: inline-block;
}

@media screen and (max-width: 639px){
    #kodomo_osirase #contents .content .pickup {
        display: inline-block;
        width: 48%;
        margin: 5% auto;
    }
    #kodomo_osirase #contents .content .pickup.right{
        margin-left: 2.5%;
    }
    #kodomo_osirase #contents .content .pickup img{
        width: 100%;
    }
}
@media screen and (max-width: 414px){
    #kodomo_osirase #contents .content .pickup {
        width: 100%;
    }
    #kodomo_osirase #contents .content .pickup.right{
        margin-left: 0;
    }
    #kodomo_osirase #contents .content .pickup img{
    }
}

#kodomo_osirase #contents .content .pickup p{
    vertical-align: top;
    display: block;
    width: 80%;
    font-size: 14px;
    text-align: left;
    padding: 0 2%;
    margin: 2% auto 0;
}
@media screen and (max-width: 639px){
    #kodomo_osirase #contents .content .pickup p{
        width: 100%;
        padding: 0;
        letter-spacing: -0.01em;
    }
}
@media screen and (max-width: 414px){
    #kodomo_osirase #contents .content .pickup p{
        padding: 0;
    }
}
#kodomo_osirase #contents .content .pickup span{
    display: block;
    width: 80%;
    font-size: 14px;
    text-align: right;
    margin: 2% auto 0;
}
#kodomo_osirase #contents .content .pickup p span.credit{
    margin-bottom: 1em;
}
@media screen and (max-width: 639px){
    #kodomo_osirase #contents .content .pickup span{
        width:100%;
    }
}
@media screen and (max-width: 414px){
    #kodomo_osirase #contents .content .pickup span{
    }
}
@media screen and (max-width: 395px){
    #kodomo_osirase #contents .content .pickup span{
        font-size:3.53vw;
    }
}

#kodomo_osirase #contents .content .section2,
#kodomo_osirase #contents .content .section4{
    letter-spacing: -.4em;
}

/***********************************/
#kodomo_osirase #contents .content .section1 .row{
    margin: 0 4% 6%;
}
#kodomo_osirase #contents .content .section1 .row .f_title {
    border-bottom: #09F solid 1px;
    padding: 1% 0;
    font-size: 18px;
    font-weight: bold;
    color: #09F;
}
#kodomo_osirase #contents .content .section1 .row p span.img_area{
    margin: 0 0 0 1.5%;
    float: right;
}
@media screen and (max-width: 639px){
    #kodomo_osirase #contents .content .section1 .row p span.img_area{
        width:45%;
    }
}
#kodomo_osirase #contents .content .section1 .row p span.img_area.sp{
    display: none;
}
#kodomo_osirase #contents .content .section1 .row p span.img_area img{
    display: block;
    margin: 0 auto;
    width: 100%;
}
#kodomo_osirase #contents .content .section1 .row p span.img_area span{
    display: block;
    font-size: 75%;
    margin: 0 auto 2%;
    text-align: right;
}
@media screen and (max-width: 414px){
    #kodomo_osirase #contents .content .section1 .row p span.img_area{
        display: none;
    }
    #kodomo_osirase #contents .content .section1 .row p span.img_area.sp{
        display: block;
        margin: 2% auto;
        width: auto;
        float: none;
        text-align: center;
    }
}
#kodomo_osirase #contents .content .section1 .row p{
    margin: 3% 0 0;
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
}
@media screen and (max-width: 639px){
    #kodomo_osirase #contents .content .section1 .row p{
        width: 100%;
        letter-spacing: -0.015em;
        margin: 5% 0 0;
    }
}
#kodomo_osirase #contents .content .border_dot{
    border-top:#09F dotted 2px;
}
/***********************************/

#area #contents #footer p{
    background: #7cbf44;
}
#area #contents #footer p a img{
    width:24%;
    height:38px;
}
div#footer address{
    font-size: 0.78em;
}

#kodomo_osirase #contents .inner{
    width:940px;
    margin:0 auto;
    font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
@media screen and (max-width: 639px){
    #kodomo_osirase #contents .inner{
        width:auto;
    }
}
#kodomo_osirase #contents .inner .formal_name{
    text-align: center;
    margin: 5.5% 0 4.2%;
}
#kodomo_osirase #contents .inner .formal_name span{
    display: inline-block;
    width:auto;
    line-height: 2;
}
@media screen and (max-width: 414px){
    #kodomo_osirase #contents .inner .formal_name span{
        font-size: 12px;
        letter-spacing: -0.03em;
    }
}
#kodomo_osirase #contents .inner .formal_name span font{
    font-size: 24px;
    color:#ff0000;
}
@media screen and (max-width: 414px){
    #kodomo_osirase #contents .inner .formal_name span font{
        font-size: 16px;
    }
}

#kodomo_osirase #contents .inner .local{
    background: #dbf0fe;
    border-radius: 5px;
    padding: 30px;
    margin: 0 2.1%;
}
@media screen and (max-width: 639px){
    #kodomo_osirase #contents .inner .local{
        margin: 0;
    }
}
@media screen and (max-width: 414px){
    #kodomo_osirase #contents .inner .local{
        padding: 30px 15px;
        margin: 0;
    }
}
#kodomo_osirase #contents .inner .local ul{
    padding: 0 1em;
    margin: 0;
    width: 85%;
    display: inline-block;
    vertical-align: middle;
}
#kodomo_osirase #contents .inner .local .boy{
    vertical-align: middle;
    display: inline-block;
}
@media screen and (max-width: 639px){
    #kodomo_osirase #contents .inner .local ul{
        width: calc(85% - 15%);
    }
    #kodomo_osirase #contents .inner .local .boy{
        vertical-align: top;
        width: 15%;
    }
}
@media screen and (max-width: 414px){
    #kodomo_osirase #contents .inner .local ul{
        width: calc(85% - 18%);
    }
    #kodomo_osirase #contents .inner .local .boy{
        width: 18%;
    }
}
#kodomo_osirase #contents .inner .local ul li{
    margin-bottom: 1%;
}
@media screen and (max-width: 639px){
    #kodomo_osirase #contents .inner .local ul li{
        margin-bottom: 5%;
    }
}
@media screen and (max-width: 414px){
    #kodomo_osirase #contents .inner .local ul li{
        margin-bottom:5px;
    }
}
#kodomo_osirase #contents .inner .local .top{
    margin: 0 0 2%;
}
#kodomo_osirase #contents .inner .local .bottom{
    width: 80%;
    margin: 0 auto;
    text-align: center;
}
#kodomo_osirase #contents .inner .local .bottom img{
    margin: 0 1%;
}
@media screen and (max-width: 639px){
    #kodomo_osirase #contents .inner .local .bottom{
        width: 100%;
    }
    #kodomo_osirase #contents .inner .local .bottom img{
        display: inline-block;
        width:30%;
    }
    #kodomo_osirase #contents .inner .local .bottom img.local03{
        width: 21.5%;
    }
}
@media screen and (max-width: 639px){
    #footer .footer_ill img {
        width: 100%;
    }
}
@media screen and (max-width: 414px){
    #footer {
        background-position: left 400px;
    }
    #footer .footer_ill {
        height: 650px;
        padding: 0 2.5%;
    }
}
@media screen and (max-width: 639px){
    #footer {
        background-position: left 50px;
    }
    #footer .footer_ill {
        height: 296px;
    }
}
@media screen and (max-width: 500px){
    #footer {
        background-position: left 210px;
    }
    #footer .footer_ill {
        height: 455px;
    }
}


/*協力」したい　から引き継ぐ　*/
#kodomo_osirase #contents .content div p{
    margin: 3% 0 0;
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
}



/************* 20180412追加 ************/
#kodomo_osirase #contents .content .main_txt {
}
#kodomo_osirase #contents .content .main_txt p {
	display: block;
	margin: 3% 0 0;
	font-size: 16px;
}
#kodomo_osirase #contents .content .main_pic_r {
	display: table !important;
	margin: 0 0 0 1.5% !important;
  float: right;
	width: 160px; /* minimum width */
}
#kodomo_osirase #contents .content .main_pic_r span {
	display: block;
  font-size: 14px;
  text-align: left;
}
@media screen and (max-width: 639px){
    #kodomo_osirase #contents .content .main_pic_r {
        display: block !important;
        margin: 2% auto;
        width: auto;
        float: none;
        text-align: center;
    }
}
/* 2018/04_12.html */
#kodomo_osirase #contents .content .section1.fix04_12 .row p {
	width: 100%;
}

/************* 20180501追加 ************/
#kodomo_osirase #contents .content .taC {
	text-align: center;
}
/* 2018/05_01.html */
@media screen and (max-width: 639px){
    #kodomo_osirase #contents .content .commentary .img180501 img {
        width: 100%;
    }
}

/************* 20180507追加 ************/
#kodomo_osirase h4 .sml {
	font-size: 20px;
}
#kodomo_osirase #contents .content .seminar_tbl {
}
#kodomo_osirase #contents .content .seminar_tbl th {
	padding: 4px 0;
	color: #09F;
	text-align: left;
	vertical-align: top;
}
#kodomo_osirase #contents .content .seminar_tbl td {
	padding: 4px 0 4px 20px;
	vertical-align: top;
}
#kodomo_osirase #contents .content .seminar_tbl td .sml {
	font-size: smaller;
}
#kodomo_osirase #contents .content .seminar_tbl td dl {
	border: solid 1px #09f;
	padding: 10px;
	text-align: center;
}
#kodomo_osirase #contents .content .seminar_tbl td dl dt,
#kodomo_osirase #contents .content .seminar_tbl td dl dd {
	margin: 0;
	padding: 0;
}
#kodomo_osirase #contents .content .seminar_tbl td .sp {
	display: none;
}
@media screen and (max-width: 414px){
	#kodomo_osirase #contents .content .seminar_tbl th {
		display: block;
		padding: 10px 0 0;
	}
	#kodomo_osirase #contents .content .seminar_tbl td {
		display: block;
		padding: 0 0 0 1em;
	}
	#kodomo_osirase #contents .content .seminar_tbl td .sp {
		display: block;
	}
	#kodomo_osirase #contents .content .seminar_tbl td .pc {
		display: none;
	}
}
#kodomo_osirase #contents .content .commentary ol.blue li {
	color: #09f;
}
#kodomo_osirase #contents .content .commentary ol.blue li .cr_gray {
	color: #333;
}
#kodomo_osirase #contents .content .section2 .row .f_title {
    border-bottom: #09F solid 1px;
    padding: 1% 0;
    font-size: 18px;
    font-weight: bold;
    color: #09F;
		letter-spacing: 0;
}
#kodomo_osirase #contents .content .mt30 {
	margin-top: 30px;
}
#kodomo_osirase #contents .content .mt20 {
	margin-top: 20px !important;
}
#kodomo_osirase #contents .content .mt10 {
	margin-top: 10px !important;
}
#kodomo_osirase #contents .content .fc_blue {
	color: #09f;
}

/************* 20180712追加 ************/
#kodomo_osirase #contents .content .main_pic_c {
	display: table !important;
	margin: 0 auto 1.5% auto !important;
	width: 480px;
}
#kodomo_osirase #contents .content .main_pic_c span {
	display: block;
  font-size: 14px;
  text-align: center;
}
@media screen and (max-width: 639px){
	#kodomo_osirase #contents h4 img {
		width: 100%;
	}
	#kodomo_osirase #contents .content .main_pic_c {
		width: 100%;
	}
	#kodomo_osirase #contents .content .main_pic_c img {
		width: 100%;
	}
}
.taR { text-align: right !important; }
.mb0 { margin-bottom: 0px !important; }
.pt5 { padding-top: 5px !important; }

/************* 20180905追加 ************/
.taL { text-align: left !important; }
.mt5 {margin-top: 5px !important;}
.mt10 {margin-top: 10px !important;}
.mt20 {margin-top: 20px !important;}
.mt40 {margin-top: 40px !important;}
.mb5 {margin-bottom: 5px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb20 {margin-bottom: 20px !important;}

.pr20 {padding-right: 20px !important;}
.pl20 {padding-left: 20px !important;}


.mr80_pc {margin-right: 80px !important;}
@media screen and (max-width: 639px){
	.mr40_pc {margin-right: 0px !important;}
	.mr80_pc {margin-right: 0px !important;}
}

/* 画像など横並び用 */
#kodomo_osirase #contents .content .pic_row {
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;
	margin: 0;
	padding: 0;
}
	/* 横　等間隔 */
	#kodomo_osirase #contents .content .pic_row.pic_row_even {
		-webkit-box-pack: justify;
     -ms-flex-pack: justify;
   justify-content: space-between;
	}
	/* 横　中央寄せ */
	#kodomo_osirase #contents .content .pic_row.pic_row_center {
		-webkit-box-pack: center;
     -ms-flex-pack: center;
   justify-content: center;
	}
	/* 縦　中央 */
	#kodomo_osirase #contents .content .pic_row.pic_row_middle {
		-webkit-box-align: center;
     -ms-flex-align: center;
        align-items: center;
	}
#kodomo_osirase #contents .content .pic_row li {
	list-style: none;
	margin: 0;
	padding: 0;
}
	#kodomo_osirase #contents .content .pic_row.taL li {
		text-align:left;
	}
	#kodomo_osirase #contents .content .pic_row.taC li {
		text-align:center;
	}
#kodomo_osirase #contents .content .pic_row li p {
	display: block;
	margin-top: 20px;
}
#kodomo_osirase #contents .content .pic_row li p.cap {
	font-size: 14px;
}
#kodomo_osirase #contents .content .fs40 {
	font-size: 40px;
}


@media screen and (max-width: 639px){
	#kodomo_osirase #contents .content .pic_row {
		-webkit-flex-wrap:wrap;
	  -moz-flex-wrap:wrap;
	  -ms-flex-wrap:wrap;
	  flex-wrap:wrap;
	}
	#kodomo_osirase #contents .content .pic_row li {
		width: 100%;
	}
	#kodomo_osirase #contents .content .pic_row li img {
		width: 100%;
		height: auto;
	}
}

/* 画像中央揃え　600px */
#kodomo_osirase #contents .content .w600 {
	width: 600px;
	margin: 0 auto;
}
	#kodomo_osirase #contents .content .w600 p {
		display: block;
	}
@media screen and (max-width: 639px){
	#kodomo_osirase #contents .content .w600 {
		width: auto;
	}
	#kodomo_osirase #contents .content .w600 img {
		width: 100%;
		height: auto;
	}
}

/* 09_05.html */
#kodomo_osirase #contents .content .w480 {
	width: 480px;
	height:auto;
}
#kodomo_osirase #contents .content .w241 {
	width: 241px;
	height:auto;
}
@media screen and (max-width: 639px){
	#kodomo_osirase #contents .content .w480,
	#kodomo_osirase #contents .content .w241 {
		width: 100%;
		height:auto;
	}
}

/*まるarrow ナビメニュー　ここから*/

#kodomo_osirase .nani_menu ul{
    border-top: #75c9ff solid 1px;
    border-bottom: #75c9ff solid 1px;
    list-style: none;
    padding-top: 10px;
    padding-bottom: 20px;
    margin:0 0 1em;
}
@media screen and (max-width: 639px){
    #kodomo_osirase .nani_menu ul{
        padding: 1% 3.2% 3.2%;
    }
}
@media screen and (max-width: 414px){
    #kodomo_osirase .nani_menu ul{
        padding: 3% 3.96% 5%;
    }
}
#kodomo_osirase .nani_menu ul li{
    display: inline-block;
    padding:10px 0 0;
    width:32%;
}
@media screen and (max-width: 639px){
    #kodomo_osirase .nani_menu ul li{
        width:49%;
        padding: 1.5% 0 0;
    }
}
@media screen and (max-width: 500px){
    #kodomo_osirase .nani_menu ul li{
        width:100%;
        padding: 2.5% 0 0;
    }
}
#kodomo_osirase .nani_menu ul li a{
    text-decoration: none;
    color: #2e8ecb;
    font-size: 14px;
}

#kodomo_osirase .nani_menu ul li a:hover {
    opacity: 0.5;
    filter:alpha(opacity=50);
	-moz-opacity: 0.5;
}
#kodomo_osirase .nani_menu ul li a img{
    margin-right:1%;
}
#kodomo_osirase .nani_menu ul li a span,
#kodomo_osirase .nani_menu ul li a img{
    display: inline-block;
    vertical-align: top;
}

@media screen and (max-width: 639px){
    #kodomo_osirase .nani_menu ul li a span{
        width: calc(92% - 19px);
    }
}
@media screen and (max-width: 414px){
    #kodomo_osirase .nani_menu ul li a img{
    }
}
#kodomo_osirase .nani_menu ul li a.active{
    color:#00b4ff;
}
/*まるarrow ナビメニュー ここまで*/


.text_s {
	font-size: 0.75em;
}
.text_ss {
	font-size: 0.70em;
}



/* cover_tebiki ここから　*/
#kodomo_osirase .cover_tebiki {
    list-style: none;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
		align-items: flex-start;
    padding-top: 10px;
}
#kodomo_osirase .cover_tebiki p {
		margin:0 auto 20px;
}
#kodomo_osirase .cover_tebiki .cover_tebiki_txt {
    width: 50%;
		text-align: left;
}
#kodomo_osirase .cover_tebiki .cover_tebiki_pic {
    width: 35%;
		text-align: center;
}
#kodomo_osirase .cover_tebiki .cover_tebiki_pic img {
		background-color: #ccc;
    width: calc(100% - 2px);
		height: auto;
		padding: 1px;
}

@media screen and (max-width: 639px){
	#kodomo_osirase .cover_tebiki .cover_tebiki_txt {
	    width: 100%;
	}
	#kodomo_osirase .cover_tebiki .cover_tebiki_pic {
	    width: 60%;
	}
}
@media screen and (max-width: 414px){
	#kodomo_osirase .cover_tebiki .cover_tebiki_pic {
	    width: 80%;
	}
}
/*　cover_tebiki ここまで*/


/*　side_by_side ここから　*/

#kodomo_osirase .side_by_side ul {
    list-style: none;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
    padding-top: 10px;
}
#kodomo_osirase .side_by_side ul li {
    width: 40%;
		margin: 0 0 50px;
}
#kodomo_osirase .side_by_side ul li .btn_info {
  text-align: center !important;
	margin-bottom: 0 !important;
}

@media screen and (max-width: 639px){
    #kodomo_osirase .side_by_side ul li {
        width:100%;
				margin: 0 0 20px;
    }
}

/*　side_by_side　 ここまで*/

/*ユニセフ活動の手引き目次*/

#kodomo_osirase #contents .row .tebiki_index {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
#kodomo_osirase #contents .row .tebiki_index > ul {
    list-style: none;
		margin: 20px 0 0;
    padding: 0 5px;
}

#kodomo_osirase #contents .row .tebiki_index > ul > li {
  font-size: 16px;
	color: #333333;
	font-weight: bold;
	margin-left: 26px;
  padding:0 0 2% 0;
}
#kodomo_osirase #contents .row .tebiki_index > ul > li:before {
	display: inline-block;
  content:'●';
  color:#0099ff;
	text-indent: -26px;
}

/*ユニセフ活動の手引き目次 アイコンあり　ここから*/
#kodomo_osirase #contents .row .tebiki_index .index_icon {
	list-style: none;
	margin: 0.5em 0 0 32px;
	padding: 0 0 1% 0;
}
#kodomo_osirase #contents .row .tebiki_index .index_icon li {
  font-size: 16px;
	font-weight: normal;
  padding:0 0 1% 0;
}
#kodomo_osirase #contents .row .tebiki_index .index_icon li.icon_square:before {
    content:'■';
    color:#ffffff;
    margin-right: 10px;
}
#kodomo_osirase #contents .row .tebiki_index .index_icon li i {
    margin-right: 10px;
}

#kodomo_osirase #contents .row .tebiki_index a {
	text-decoration:none;
	color:#333333;
}
#kodomo_osirase #contents .row .tebiki_index a:hover {
    opacity: 0.5;
    filter:alpha(opacity=50);
	-moz-opacity: 0.5;
}
#kodomo_osirase #contents .row .tebiki_index .icon_dl {
	display: inline-block;
	border-radius: 100vh;
	background-color: #fff;
	filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.2));
	padding: 1px 10px;
	text-align: center;
	margin: 0 0 0 10px;
	vertical-align: middle;
}
#kodomo_osirase #contents .row .tebiki_index .icon_dl.icon_dl-pdf {
	color: red;
}
#kodomo_osirase #contents .row .tebiki_index .icon_dl.icon_dl-word {
	color: blue;
}
#kodomo_osirase #contents .row .tebiki_index .icon_dl span {
	font-size: 12px;
}


/*ユニセフ活動の手引き目次 アイコンあり ここまで*/

/*　frame_rounded ここから　*/

/*角まる枠　マージン*/

#kodomo_osirase #contents .content .frame_rounded ul .right p {
    margin: 0 0 1em 0;
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
}

#kodomo_osirase .frame_rounded{
    /* margin: 0 4%; */
	display: block;
}

#kodomo_osirase .frame_rounded div.title{
    color:#0088EC;
    font-weight: bold;
    margin-bottom: 3.5%;
    display: block;
    font-size: 18px;
    border-bottom: #98cdff solid 1px;
    padding-bottom: 2%;#0189EC

}


/*2020/4/17*/
/*
#kodomo_osirase .frame_rounded{
	position: relative;
    background: #fff;
    padding: 2% 3%;
    border-radius: 20px;
    margin-top: 5%;
    margin-bottom: 5%;
    border:#98cdff solid 10px;
}

#kodomo_osirase .frame_rounded:before {
	content: url(../images/frame_rounded_fuki.png);
	position: absolute;
	top: -40px;
	left: 20%;
	/* margin-top: -56px;
	border: 16px solid transparent;
	border-top: 36px solid #98cdff;
	-ms-transform: rotate(168deg);
	-webkit-transform: rotate(168deg);
	transform: rotate(168deg); */
}


#kodomo_osirase .frame_rounded ul {
	/*padding-left: 0px;*/
}

#kodomo_osirase .frame_rounded ul {
    list-style: none;
    padding-top: 10px;
    padding-bottom: 20px;
    margin:0 0 0em;
		padding: 0px;
		text-indent: 0;
}
@media screen and (max-width: 639px){

	#kodomo_osirase .frame_rounded{
    padding: 4% 3% 4% 3%;
    margin-top: 8%;
    margin-bottom: 10%;
}
    #kodomo_kenri .frame_rounded ul{
        /*padding: 1% 3.2% 3.2%;*/
    }

}
@media screen and (max-width: 414px){

	#kodomo_osirase .frame_rounded{
    padding: 5% 3% 3% 3%;
    margin-top: 10%;
    margin-bottom: 5%;
}
    #kodomo_osirase .frame_rounded ul{
        padding: 3% 3.96% 5%;
    }
}
#kodomo_osirase .frame_rounded ul li{
    display: inline-block;
    /*padding:10px 10px 10px 10px;*/
    /*width:46%*/
		font-weight: normal;
		text-indent: 0;
}
#kodomo_osirase .frame_rounded ul .right {
	width: 59%;
	/*background: #88CC9C;*/
}
#kodomo_osirase .frame_rounded ul .left {
	width: 40%;
	vertical-align: top;
	/*background: #FFED00;*/
}

#kodomo_osirase .frame_rounded ul .left a:hover{
   	opacity: 0.5;
    	filter:alpha(opacity=50);
	-moz-opacity: 0.5;

}
#kodomo_osirase .frame_rounded ul .left .capton{
	color:#333333;
	font-size: 0.8em;

}

#kodomo_osirase .frame_rounded ul .left .capton a{
	text-decoration:none;
}

#kodomo_osirase .frame_rounded ul .right p a {
    text-decoration: underline !important;
}


@media screen and (max-width: 639px){
    #kodomo_osirase .frame_rounded ul li{
        width:100%;
        padding: 1.5% 0 0;
    }

#kodomo_osirase .frame_rounded ul .right {
	width: 100%;
	text-align: center;
}

	#kodomo_osirase #contents .content .frame_rounded ul .right p{
    margin: 1em 0 1em 0;
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
}

#kodomo_osirase .frame_rounded ul .left {
	width: 100%;
	text-align: center;
}

}

/*　frame_rounded　 ここまで*/

/*　 ul 初期設定　ここから*/

#kodomo_osirase ul {
	padding-left: 0px;
	list-style: none;
}

/*　 ul 初期設定　ここまで*/

/*　dvd_learning 関連　ここから　**************************************/

.clearfix:after {
  display: block;
  clear: both;
  content: '';
}



.inner_table .row ul {
	text-align:center;
	 letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */

}

.inner_table .row li{
	 letter-spacing: normal; /* 文字間を通常に戻す */
	display:inline-block;
	vertical-align:top;
	 /*vertical-align: middle;*/
}

.dvd_learning  ul {
	padding-left: 0px;
	list-style: none;
	margin-top: 0px;
	margin-bottom: 0px;
}


/*　.inner */

@media screen and (min-width: 639px) {
  .dvd_learning .inner_table {
    margin: 0 auto;
	max-width: 940px;
	width: 100%;

  }
}
@media screen and (max-width:639px) {
  .dvd_learning .inner_table {
    padding: 0 0px;
	/*padding: 0 10px;*/
  }
}
.row .centerCol .t_cetner,
.row .leftCol .t_cetner,
.row .rightCol .t_cetner{
	text-align: center;
}

.row .centerCol .t_cetner .dvd_title,
.row .leftCol .t_cetner .dvd_title,
.row .rightCol .t_cetner .dvd_title{
	color: #0099FF;
	margin-top: 1em;
	margin-bottom: 1em;
	}


.dvd_learning .kanren_link {
	text-align: right;
	margin-top: 0.5em;

}
.dvd_learning .kanren_link a{
    text-decoration: none;
    color: #0075ea;
    font-size: 14px;
}

.dvd_learning .kanren_link  a:hover {
    opacity: 0.5;
    filter:alpha(opacity=50);
	-moz-opacity: 0.5;
}


.dvd_learning .bg_notebook a:hover {
    opacity: 0.5;
    filter:alpha(opacity=50);
	-moz-opacity: 0.5;
}
.dvd_learning .bg_notebook2018 a:hover {
    opacity: 0.5;
    filter:alpha(opacity=50);
	-moz-opacity: 0.5;
}



.dvd_learning .t_cetner a:hover {
    opacity: 0.5;
    filter:alpha(opacity=50);
	-moz-opacity: 0.5;
}


.dvd_learning .dvd_title a {
	text-decoration:none;
	color:#0099ff;
}

dvd_learning .dvd_title a:hover {
    opacity: 0.5;
    filter:alpha(opacity=50);
	-moz-opacity: 0.5;
}


/*  ブラウザの幅が639px以上;  *******************/

@media only screen and (min-width: 639px) {
  .row .leftCol ,
  .row .centerCol,
  .row .rightCol{
	width: 48%;
  margin-right:1%;
    margin-left:1%;
    box-sizing:border-box;
    text-align:left;
	margin-top: 20px;
	margin-bottom: 20px;

  }

 .row .cenetrCol .t_cetner img,
 .row .leftCol .t_cetner img,
 .row .rightCol .t_cetner img {
	 text-align: center;
	}

/*ノートブック　横並び*/
  .row .dvd_centerCol ,
  .row .dvd_leftCol ,
  .row .dvd_rightCol{
	width: 49%;
  /*margin-right:0%;*/
  /* margin-left:0%;*/
    box-sizing:border-box;
    text-align:left;
	margin-top: 10px;
	margin-bottom: 10px;
	position: relative;　/*zindex用*/

  }
/*↑　.dvd_leftCol.dvd_rightColの左上が原点になる　*/

	.row .dvd_leftCol{
		margin-right: 2%;
	}

 .row .dvd_centerCol .t_cetner img,
 .row .dvd_leftCol .t_cetner img,
 .row .dvd_rightCol .t_cetner img {
	 text-align: center;

	}

.valign_top {
	vertical-align: top
}


  .row .in_dvd_leftCol {
	width: 51%;
	text-align: left;
	margin-top: 25px;
	/* width: 150px;*/


  }
  .row .in_dvd_rightCol {
	width: calc(42% - 4%);
	text-align: left;
	margin-right: 2.0%;
	margin-left: 2%;
  }
  .dvd_learning_amend .row .in_dvd_rightCol a {
    display: block;
    /*height: 105px;*/
    width: auto;
  }
  .dvd_learning_amend .row .in_dvd_rightCol a img {
    width: 100%;
    height: auto;
  }

	.row .in_dvd_centerCol a,.row .in_dvd_leftCol a, .row .in_dvd_rightCol a { text-decoration: none; }
	.row .in_dvd_centerCol a:hover div,.row .in_dvd_leftCol a:hover div,  .row .in_dvd_rightCol a:hover div { opacity:0.75; }

	.youtube_title_L {
		font-size: 1.15em;
		color: #094fa5;
		font-weight: bold;
		margin-bottom: 0.3em;

	}
	.youtube_title_S {
		font-size: 0.9em;
		color: #094fa5;
	}


}





/***********************************************************************
ブラウザの幅が639px以下
**********************************************************************/
@media only screen and (max-width: 639px) {
img {
 max-width: 100%;
 height: auto;
}

   .row .centerCol ,
    .row .leftCol ,
  .row .rightCol{
  width: 100%!important;
  margin-right:1%;
    margin-left:1%;
    box-sizing:border-box;
    text-align:left;
	margin-top: 20px;
	margin-bottom: 20px;

  }
 .row .dvd_centerCol ,
  .row .dvd_leftCol ,
  .row .dvd_rightCol{
	width: 100%;
    /*margin-right:1%;
    margin-left:1%;*/
    box-sizing:border-box;
    text-align:left;
	margin-top: 10px;
	margin-bottom: 10px;
	  position: relative;/*zindex用*/

  }


  .row .in_dvd_leftCol {
	width: 52%;
	text-align: left;
	margin-top: 25px;
	/* width: 150px;*/


  }
  .row .in_dvd_rightCol {
	width: calc(44% - 2%);
	text-align:right;
	margin-left: 0%;
	padding-right: 2%;
  }
  .dvd_learning_amend .row .in_dvd_rightCol a {
    display: block;
    height: auto;
    width: 100%;
  }

	.row .in_dvd_centerCol a, .row .in_dvd_leftCol a, .row .in_dvd_rightCol a { text-decoration: none; }
	.row .in_dvd_centerCol a:hover div,.row .in_dvd_leftCol a:hover div,  .row .in_dvd_rightCol a:hover div { opacity:0.75; }

	.youtube_title_L {
		font-size: 1.15em;
		color: #094fa5;
		font-weight: bold;
		margin-bottom: 0.3em;

	}
	.youtube_title_S {
		font-size: 0.9em;
		color: #094fa5;

	}




}

/***********************************************************************
ブラウザの幅が414px以下
**********************************************************************/
@media screen and (max-width: 414px){


	 .row .in_dvd_leftCol {
	width: 100%;
	text-align: left;
	margin-top: 25px;
	/* width: 150px;*/


  }
  .row .in_dvd_rightCol {
	width: calc(100% - 2%);
	text-align: center;
	margin-left: 0%;
	padding-right: 2%;
  }
  .dvd_learning_amend .row .in_dvd_rightCol img {
    max-height: initial;
    max-width: 174px;
  }


	.row .in_dvd_centerCol a,.row .in_dvd_leftCol a, .row .in_dvd_rightCol a { text-decoration: none; }
	.row .in_dvd_centerCol a:hover div, .row .in_dvd_leftCol a:hover div,  .row .in_dvd_rightCol a:hover div { opacity:0.75; }

	.youtube_title_L {
		font-size: 1.15em;
		color: #094fa5;
		font-weight: bold;
		margin-bottom: 0.3em;

	}
	.youtube_title_S {
		font-size: 0.9em;
		color: #094fa5;

	}





}




/**/
.mr_50{
	margin-right: 50px;
	}
.ml_50{
	margin-left: 50px;
	}
.pr_50{
	padding-right: 50px;
	}

.bg_color_red {
	background:#ff0000;
}

/*ノートブック背景*/


.bg_notebook {
    background: #cccccc;
	background-image: url(../images/dvd_onebg_long.png);
	background-position:left;
	background-repeat:repeat-y;
	margin-top: 8px;
	margin-left: 20px;
	padding-top: 15px;
	padding-bottom: 10px;
	padding-left: 25px;

}
.bg_notebook2018{
    background: #cccccc;
	background-image: url(../images/dvd_onebg_long2018.png);
	background-position:left;
	background-repeat:repeat-y;
	margin-top: 8px;
	margin-left: 20px;
	padding-top: 15px;
	padding-bottom: 10px;
	padding-left: 25px;

}
.dvd_bangou{
	 position: absolute;
	  left: 0;
      top: 0;
	z-index: 50;/*zindex用*/
}

.dvd_no {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 50;/*zindex用*/
	display: flex;
	align-items: flex-end;
}
	.dvd_no dl {
		display: flex;
		align-items: flex-end;
		margin: 0;
	}
	.dvd_no dl dt {
		display: flex;
		justify-content: center;
		align-items: center;
		border-radius: 100vh;
		background-color: #5798e2;
		width: 36px;
		height: 36px;
		color: #fff;
		font-size: 22px;
		font-weight: bold;
		z-index:2;
	}
	.dvd_no dl dd {
		margin: 0 0 5px -20px;
		z-index: 1;
	}
	.dvd_no dl dd p {
		position: relative;
		background-color: #333;
		min-width: 66px;
		height: 20px;
		margin: 0 !important;
		padding: 0 0 0 22px !important;
		color: #fff !important;
		font-size: 13px !important;
		letter-spacing: 0.05em;
		text-align: center !important;
	}
		.dvd_no dl dd p:after {
			position: absolute;
			top: 0;
	    right: -10px;
	    display: inline-block;
	    content: "";
	    border-top: 20px solid #333;
	    border-right: 10px solid transparent;
	    width: 40px;
	    height: 40px;
			z-index: -1;
		}
	.dvd_no dl dd p span {
		padding: 0 2px;
	}
	.dvd_no .dvd_no_subtitle {
		margin: 0 0 5px 12px !important;
	}
	.dvd_no .dvd_no_subtitle span {
		display: inline-block;
		border-radius: 6px;
		border: 1px solid #004f9e;
		background-color: #9ac3ec;
		padding: 3px 4px !important;
		color: #333;
		font-size: 12px !important;
		font-weight: bold;
		letter-spacing: -0.05em;
		line-height: 1;
	}

.youtube_lead {
	font-size: 0.9em;
	color:#333333;
	margin-top: 0.7em;
	width: 95%
}

.youtube_lead .s_text{
	font-size: 0.9em;
	color:#094fa5;
	margin-top: 0.5em;


}

/*zindex テストサンプル用　ここから*/
#example {
  position: relative;
}
/*3つともabsoluteに*/
.one, .two, .three {
  position: absolute;
}

.one {
  left: 0;
  top: -50;
  background: #E99C9D;
  z-index: 30;
}

.two {
  left: 20px;
  top: 20px;
  background: #FDFC79;
 z-index: 10;
}
.three {
  left: 40px;
  top: 40px;
  background:#A1D4A2;
z-index: 5;

}
/*zindex テストサンプル用　ここまで*/

/*2020年4/14対応 ディスク1枚追加*/
.leftCol,
.centerCol,
.rightCol{
 width: 31%!important;
}

@media only screen and (max-width: 639px) {
.btn_txt{
 margin: 0!important;
    text-align: center!important;
}
.mr20{
    margin-right: 0;
    }
}
/*2020年4/14対応 ディスク1枚追加　ここまで*/


/***********************************************************************
2021/04/09 追記
**********************************************************************/
/* btn_info */
.btn_info {}
.btn_info a {
	display: inline-block;
	position: relative;
	border-radius: 100vh;
	background-color: #d2ecfc;
	color: #333;
	font-size: 14px;
	font-weight: normal;
  padding: 10px 0;
}
.btn_info a span {
	display: inline-block;
	padding-right: 50px;
	padding-left: 20px;
}
.btn_info a img {
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
	width: 30px;
	height: 30px;
	margin: 0;
}

/* tebki_dvd_label */
.tebki_dvd_label {
	width: 100%;
	text-align: center;
}
.tebki_dvd_label_img {}
.tebki_dvd_label .btn_info {
	text-align: center !important;
	margin-top: 10px;
}


/* dvd_learning_index */
.dvd_learning_index {}
.latest_dvd {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: center;
}
.latest_dvd .latest_dvd_img {
	width: 48%;
	text-align: right;
}
	.latest_dvd .latest_dvd_img img {
		max-width: 260px;
		width: 100%;
		height: auto;
	}
.latest_dvd .latest_dvd_btn {
	width: 48%;
	margin-bottom: 0 !important;
	text-align: left !important;
}
.latest_dvd .latest_dvd_btn li {
    margin-bottom: 20px;
}
.latest_dvd .btn_info {
    margin-bottom: 0 !important;
    text-align: left !important;
}
.latest_dvd .latest_dvd_btn li a {
    min-width: 300px;
	text-align: center !important;
}
.dvd_backno {
	margin-top: 30px;
}
.dvd_backno h5 {
	border-bottom: 1px solid #ccc !important;
	padding-bottom: 10px;
	color: #666 !important;
	font-size: 16px !important;
}
.dvd_backno_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.dvd_backno_list li {
	width: calc((100% - 20px) / 2);
	margin-bottom: 20px;
}
.dvd_backno_list li .btn_info {
	text-align: center !important;
	margin-bottom: 0 !important;
}
.dvd_backno_list li .btn_info a {
	width: 100% !important;
}

@media only screen and (max-width: 639px) {
	.dvd_backno_list li {
		width: 100%;
	}
	.latest_dvd .latest_dvd_img {
		width: 60%;
		text-align: center;
	}
	.latest_dvd .latest_dvd_btn {
		width: 100%;
		margin-top: 20px !important;
		text-align: center !important;
	}
	.latest_dvd .latest_dvd_btn a {
		width: 100%;
	}
}

/***********************************************************************
2025/04/24 追記
**********************************************************************/
/* btn_dl */
.btn_dl {}
.btn_dl a {
    display: inline-block;
    position: relative;
    border-radius: 100vh;
    border: 1px solid #d2ecfc;
    background-color: #fff;
    color: #333;
    font-size: 14px;
    font-weight: normal;
  padding: 10px 0;
}
.btn_dl a span {
    display: inline-block;
    padding-right: 50px;
    padding-left: 20px;
}
.btn_dl a img {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    margin: 0;
}

/***********************************************************************
2025/10/30 追記
**********************************************************************/
.ti-1 { text-indent: 1em; }
.d-b { display: block !important; }