@charset "utf-8";
@media only screen and (min-width: 769px) {
	.halfRenew .news_info .date {
	    font-size: 0.875rem;
	}
}
@media only screen and (min-width: 769px) {
	.halfRenew #news_detail .news_info .tag li {
	   font-size: 0.8125rem;
	}
}

.halfRenew #news_detail .news_info .tag{
  line-height: 0;
}

.halfRenew .news_area{
	background: #fffcf0;

    font-size: 0.875rem;
}

.halfRenew .news_info .news_tit{
	font-size: 1.25rem;
}

.halfRenew .news_inner {
    margin-top: 1.875rem;
}
/*
.halfRenew .dateList_a li::before {
    top: 0.3rem;
}*/

.halfRenew .news_linkArea_box {
	    line-height: inherit
}

.halfRenew a.icon_blank::after {
    width: 1.125rem;
}

.halfRenew .subTit_d {
    font-size:1.125rem;
}

 .news_area p, .news_area li, .news_area ul , .news_area div{
  line-height:inherit;
}


.color_red{
	color: #ff0000;
}
.color_blue{
	color: #0000ff;
}
.dd_boxL{ float: left; width: 480px;}
.dd_boxR{ float: right;}

.dd_boxL300{ float: left; width: 300px;}
.dd_boxL360{ float: left; width: 360px;}
.dd_boxL420{ float: left; width: 420px;}
.dd_boxL540{ float: left; width: 540px;}
.dd_boxL600{ float: left; width: 600px;}
.dd_boxL660{ float: left; width: 660px;}

/* news 2020 0314 で使用 */
/* 単にこれくらいのアキにしたいというだけで，和は820以上にもできる */
.dd_boxL_corona{ float: left; width: 276px;}
.dd_boxR_corona{ float: right; width: 544px;}
.dd_boxR_lecture{ float: right; width: 48%;}
@media only screen and (max-width: 768px) {
	.dd_boxL_corona, .dd_boxR_corona, .dd_boxR_lecture{ float: none; width:100%;}
	.dd_boxR_corona, .dd_boxR_lecture{ margin-top: 0.75em;}
}

.add_square{
	border: solid 1px;
}
.add_square_reverse{
	background-color: black;
	color: white;
}

.hanging_indent{
	padding-left: 1em;
	text-indent: -1em;
}
.hanging_indent1{
	padding-left: 2em;
	text-indent: -1em;
}
.hanging_indent2{
	padding-left: 3em;
	text-indent: -1em;
}
.gray_bar{
	background-color: #e5e5e5;
	margin: 0.5em 0em 0.5em 0.25em;
	padding: 0 0.5em 0 0.5em;
}
.coral_bar{
	background-color: #fcc0bd;
	margin: 0.5em 0em 0.5em 0.25em;
	padding: 0 0.5em 0 0.5em;
}
.indent1{
	padding-left: 1em;
}
.indent2{
	padding-left: 2em;
}
.indent3{
	padding-left: 3em;
}
.indent4{
	padding-left: 4em;
}
table.price_list2 th, table.price_list2 td{
	border: solid 1px #ddd;
	padding: 0.5em 1em 0.5em 1em;
}
table.price_list2 th{
	background-color: #eee;
}
th.align_right,td.align_right{
	text-align: right;
}
td.align_center{
	text-align:  center;
}
.revision_date_a2{
	background:#5a4a3f;
	display:inline-block;
	color:#fff;
	line-height:1.75em;
	border-radius:14px;
	padding:0 1.25em;
}
.revision_date_a2_caption{
	display: inline-block;
	padding-left: 1em;
}
.red_strike{
	color: #ff0000;
	text-decoration: line-through;
}
.red_strike span{
	color: #5a4a3f;
}
.red_ul{
    text-decoration: underline;
    text-decoration-color: #ff0000;
}


#digital_textbook .code_area {
	margin: 0 5%;
}
#digital_textbook .code_area table {
  width: 100%;
}
@media only screen and (max-width:768px) {
  #digital_textbook .code_area {
	width: 100%;
    margin: 0 0 0 0;
	padding: 0;
  }
  #digital_textbook .code_area table {
    width: 180%
  }
}
@media only screen and (device-height:568px) {
  .code_area table {
    font-size: 1.6rem !important
  }
  #digital_textbook .code_area table {
    width: 210%
  }
}


.btn_dt_sample {
	text-align: center;
	margin: 0 auto;
}
.btn_dt_sample a {
    display: inline-block;
    font-size: 2rem;
    text-align: center;
    padding: .5rem 6.5rem;
    border: 2px solid;
    border-color: #073190;
    border-radius: 3.5rem;
	color: #073190;
}
.btn_dt_sample a:hover {
	text-decoration: none !important;
	color: #fff !important;
	background-color: #073190;
	border-color: #073190;
}
.btn_dt_sample a:active, .btn_back a:link, .btn_back a:visited {
  text-decoration: none !important
}
@media only screen and (max-width:768px) {
  .btn_dt_sample {
    margin: 4rem auto 1px auto;
    margin: 10.6vw auto 1px auto
  }
  .btn_dt_sample a {
    font-size: 2rem;
    font-size: 5.33vw;
    padding: .62rem 5rem;
    padding: 1.66vw 13.3vw;
    border-radius: 9.33vw
  }
}

/* 指導計画掲載お知らせ用 書影 */
.textbook_list li{
	display: inline-block;
	margin: 0 8px;
}
@media only screen and (max-width:768px) {
    .textbook_list li{
      margin: 0 1vw 3.2vw;
    }
	.textbook_list li img{
		width: auto;
		height: 24vw;
	}
	
}  
/* 指導計画掲載お知らせ用 書影｜中学校 */
.textbook_list3 li{
	display: inline-block;
	margin: 0 8px;
}
@media only screen and (max-width:768px) {
    .textbook_list3 li{
		margin: 0 1vw 3.2vw;
    }
	.textbook_list3 li img{
		width: auto;
		height: 37vw;
	}
	
}  




/* イベント中止 */
.cancelled{
	background-color: rgba(0,0,0,0.5);
	z-index: 2;
}
.cancelled img{
	opacity: 0.4;
}
.cancelled iframe{
	opacity: 0.1;
}

/* コロナ */
.background_ddd {
  background-color: #c18d4d !important
}
.color_ddd{
	color: #c18d4d;
}
.ddd_bnr_list{
	display: inline-block;
	margin-left: 1em;
}
.background_lecture {
	background-color: #18577a;
}
.color_lecture {
	color: #18577a;
}
@media only screen and (max-width: 768px) {
	.ddd_bnr_list{
		display: inline-block;
		margin: 0.5em 4% 0;
	}
	.ddd_bnr_list{
		width: 40%;
	}
}
.lecture_video {
	float: left;
	position: relative;
	width: 49%;
	margin: 0 0.5%;
	padding: calc(450 / 800 * 49%) 0 0; /* 高さと横幅の数字には単位は入れません。 */
}
.lecture_video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.lecture_video_base{
	position: relative;
	display: inline-block;
	width: 48.5%;
	margin: 0 0.5% 1%;
}
.lecture_video_part,.lecture_video_part2{
	margin: 0;
	width: 100%;
	padding: calc(450 / 800 * 100%) 0 0; /* 高さと横幅の数字には単位は入れません。 */
}
.lecture_video_part iframe {
	position: absolute;
	top: -1em;	/* 下のpにつけたマージンが.25emだと，これでちょうどtop=0相当になるけど納得いかない */
	left: 0;
	width: 100%;
	height: 100%;
}
.lecture_video_part2 iframe {
	position: absolute;
	top: -2em;	/* 下のpにつけたマージンが.25emだと，これでちょうどtop=0相当になるけど納得いかない */
	left: 0;
	width: 100%;
	height: 100%;
}
.lecture_video_part img {
	position: absolute;
	top: 0em;	/* 下のpにつけたマージンが.25emだと，これでちょうどtop=0相当になるけど納得いかない */
	left: 0;
	width: 100%;
}
.lecture_video_base p {
	margin: 0.25em;
	
}
#math .lecture_video_base{
	background-color: #e8eef7;
}
#science .lecture_video_base{
	background-color: #f0f4d5;
}
#rika .lecture_video_base{
	background-color: #f0f4d5;
	border: solid 1px #f0f4d5;
}

@media only screen and (max-width: 768px) {
	.lecture_video {
		float: none;
		width: 100%;
		padding: calc(450 / 800 * 100%) 0 0; /* 高さと横幅の数字には単位は入れません。 */
		margin: 0em auto 1em auto;
	}
	.lecture_video_base{
		float: none;
		width: 100%;
		margin: 0em auto 1em auto;
	}
	.lecture_video_part{
		padding: calc(450 / 800 * 100%) 0 0; /* 高さと横幅の数字には単位は入れません。 */
	}
	
}

/* 20200923小学校デジタル教科書 */
.digital_textbook_video {
	position: relative;
	width: 100%;
	margin: 0;
	padding: calc(360 / 640 * 98%) 0 0; /* 高さと横幅の数字には単位は入れません。 */
}
.digital_textbook_video_s {
	position: relative;
	width: 100%;
	margin: 0;
	padding: calc(356 / 640 * 98%) 0 0; /* 高さと横幅の数字には単位は入れません。 */
}
.digital_textbook_video iframe, .digital_textbook_video_s iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
@media only screen and (max-width: 768px) {
	.digital_textbooke_video {
		float: none;
		width: 100%;
		padding: calc(360 / 640 * 100%) 0 0; /* 高さと横幅の数字には単位は入れません。 */
		margin: 0em auto 1em auto;
	}
	.digital_textbooke_video_s {
		float: none;
		width: 100%;
		padding: calc(356 / 640 * 100%) 0 0; /* 高さと横幅の数字には単位は入れません。 */
		margin: 0em auto 1em auto;
	}
}


/* ==================================================== */
/*					スマートフォン対応						*/
/* ==================================================== */
@media only screen and (max-width: 768px) {
	/*----------------------------------------------------
		【スマホ】acMenu内の左ボックス
	----------------------------------------------------*/
	.dd_boxL, .dd_boxL300, .dd_boxL360, .dd_boxL420, .dd_boxL540, .dd_boxL600, .dd_boxL660, .dd_boxR{ float: none;}
	.dd_boxL, .dd_boxL300, .dd_boxL360, .dd_boxL420, .dd_boxL540, .dd_boxL600, .dd_boxL660{ width:100%;}
	.dd_boxR{ margin-top: 10%;}
	
	.indent1,.indent2,.indent3,.indent4{
		padding-left: 1em;
	}
	.revision_date_a2{
		display: inline-block;
		margin-bottom: 0;
	}
	.revision_date_a2_caption{
		display: inline-block;
		font-size: 1em;
		padding-left: 1em;
	}

}

@media only screen and (max-width:768px) {
	.teachers_digital table {
		width: 140%;
	}
	.learners_digital table {
		width: 120%;
	}
}
@media only screen and (min-width:768px) {
	.learners_digital table tr:nth-child(1) > th:nth-child(1) {
		width: 60%;
	}
	.learners_digital table tr:nth-child(1) > th:nth-child(2) {
		width: 40%;
	}
}


/* 20200424 休校措置用 */
#R2guidance .anchor_area ul {
	width: 920px;
	letter-spacing: 1px;
	overflow: hidden;
}
#R2guidance .anchor_area li {
	display: inline-block;
	margin-right: 11px;
	margin-bottom: 5px;
	letter-spacing: normal;
	vertical-align: top
}
@media only screen and (max-width:768px) {
  #R2guidance .anchor_area ul {
    width: 100%;
    padding-top: 1rem
  }
  #R2guidance .anchor_area li {
    width: calc(100%/3.35);
	  margin: 0 1.35vw 1.33vw;
	  }
	  .halfRenew #R2guidance .anchor_area li {
	    width: calc(100%/3.4);
	  }
}

#R2guidance .corona_area {
	width: 960px;
	margin: auto;	
}
@media only screen and (max-width:768px) {
    #R2guidance .corona_area {
        width: 100% !important;
        margin: 0 auto;
        border: none !important;
	}
}

.shadowed_box {
	position: relative;
	background: #fff;
	padding: 0 34px 60px;
	box-shadow: 1px 1px 3px rgba(0,0,0,.8);
}
.shadowed_box h4 {
	width: calc(100% + 34px + 34px);
	color: #fff;
	text-align: center;
	font-size: 1.8rem;
	line-height: 2em !important;
	margin-left: -34px;
	margin-bottom: 1em
	}
	.halfRenew .shadowed_box h4{
		font-size: 1.125rem;
	}


@media all and (-ms-high-contrast:none) {
    .shadowed_box h4 {
        padding-top: 3px
    }
}

@media only screen and (max-width:768px) {
    .shadowed_box {
        padding: 0 3% 2.34em;
		border: solid 1px #666;
    }
    .shadowed_box h4 {
        width: calc(100% + 6.2%);
        font-size: 4.8vw;
        margin-left: -3%
    }
}

.color_gray {
	color: #333;
}

#R2guidance table td.no_bg {
  background: #fff;
}


#R2guidance .code_area table td.img_box{
	width: 160px;
	border-right: none;
}
#R2guidance .code_area table td.detail_box{
	border-left: none;
	text-align: left;
}
#R2guidance .code_area table td.vertical_td{
	width: 2.0em;
    min-height: 30em;
	vertical-align: middle;
	text-align: center;
    letter-spacing: .5em;
}
#R2guidance .code_area table td span.vertical_text{
	display: inline-block;
	text-align: left;
	line-height: 1em;
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr;
}

@media only screen and (max-width:768px) {
	#R2guidance .code_area{
		width: 100%;
	}
    #R2guidance .code_area table {
        width: 100%;
        font-size: 1.3rem;
        font-size: 3.46vw;
        line-height: 1.8em;
	}
	#R2guidance .code_area table td {
		border: none;
	}
    #R2guidance .code_area table tr:nth-child(2n) {
      background: #eee;
    }
	#R2guidance .code_area table tr.no_bg {
		background: #fff;
		}
		.halfRenew #R2guidance .code_area table tr.no_bg {
			display: table-row;
		}
	#R2guidance .code_area table td.title_box {
		border: solid 1px #000;
	}
}

.ddd_bnr_table{
	display: table;
}
.ddd_bnr_table_cell{
	display: table-cell;
	vertical-align: middle;
	width: 100%;
}
.vertical_labeled_text {
	height: auto;
	width: 1.0em !important;
	line-height: 1em;
	display: table-cell;
	padding: 0em 0.25em;
	vertical-align: middle;
}
.vertical_labeled_item {
	display: inline-block;
	padding: 0.5em 0 0.5em 0.5em;
}
@media only screen and (max-width:768px) {
	.vertical_labeled_item {
		width: 48%;
        padding-bottom: 0.5em;
	}
	.vertical_labeled_item_bottom {
		padding-bottom: 0;
	}
}
.pd_half{
	padding-left: 0.5em;
}

#R2guidance .strip_outer {
	margin: 0 3em;
}
@media only screen and (max-width:768px) {
	#R2guidance .strip_outer {
		margin: 0 0;
	}
}

/* r2_plan 用 */
#r2plan .tag li.color_news{
	margin-bottom: 0.5em;
}

.r2plan_rika{
	background-color: #eeffee;
	padding: 1em;
}
.r2plan_seikatsu{
	background-color: #fff9ee;
	padding: 1em;
}
.r2plan_math{
	background-color: #eeffff;
	padding: 1em;
}
.r2plan_pe{
	background-color: #f3f3ff;
	padding: 1em;
}
@media only screen and (max-width:768px) {
	.r2plan_rika, .r2plan_sansu, .r2plan_hoken,
	.r2plan_math, .r2plan_science, .r2plan_pe{
		padding: 0.5em;
	}
}

#r2plan table{
	width: 100%;
}
#r2plan table td, #r2plan table th{
	border: solid 1px #000;
}

table.rika_table tr:nth-child(2n+1) {
  background: #f0f4d5
}
table.math_table tr:nth-child(2n+1) {
  background: #e8eef7
}
table.seikatsu_table tr:nth-child(2n+1) {
  background: #fdf0dd
}
table.pe_table tr:nth-child(2n+1) {
  background: #ede6f2
}
#r2plan table td {
	padding: 0.5em;
}
#r2plan table td .icon_file_area{
	display: inline-block;
	vertical-align: bottom;
}
#r2plan table td .fileLink_info {
	display: inline-block;
	vertical-align: middle;
	font-size: 1.1rem;
	line-height: 2rem;
	padding-left: 8px;
}
#r2plan table td .fileLink_info3{
	display: inline-block;
	vertical-align: middle;
	font-size: 1.1rem;
	line-height: 1.5rem;
	padding-left: 8px;	
}

/* 生活科追加によりアンカーボタン７個用 */
#r2plan .anchor_area ul {
  letter-spacing: -.4em;
  overflow: hidden;
}
#r2plan .anchor_area li {
  display: inline-block;
  width: 120px;
  margin-right: 11px;
  margin-bottom: 6px;
  letter-spacing: normal;
  vertical-align: top
}
#r2plan .anchor_area li:nth-child(7n) {
	margin-right: 0;
}
@media only screen and (max-width:768px) {
  #r2plan .anchor_area ul {
    width: 108%;
    padding-top: 1rem;
  }
  #r2plan .anchor_area li {
    width: calc(100%/3.35);
    margin-right: 1.6vw;
    margin-bottom: 1.33vw;
  }
	#r2plan .anchor_area li:nth-child(7n) {
		margin-right: 1.6vw;
	}
}


/* 20210401 普及事業 */
table.fukyu{
	width: 100%;
}
table.fukyu th, table.fukyu td{
	padding: .5em;
	border: solid 1px #000;
	text-align: center;
	line-height: 1.25em;
	background-color: #fff;
}
@media only screen and (max-width:768px) {
	table.fukyu{
		width: 250%;
	}
	.scroll_x{
		overflow-x: scroll;
	}
}