@charset "UTF-8";
.news_inner ul.rss_area li a:hover, .revisionList li a:hover {
  text-decoration: none
}
#rootTop .mainImg {
  width: 100%;
  height: 295px;
  position: relative;
  overflow: hidden
}
#rootTop .mainImg img {
  width: 1920px;
  position: absolute;
  left: 50%;
  margin-left: -960px
}
@media only screen and (max-width:768px) {
  #rootTop .mainImg, #rootTop .mainImg img {
    position: static;
    margin: 0;
    width: 100%;
    height: auto
  }
}
.info_text {
  font-size: 1.4rem;
  color: #595757;
  text-align: center;
  margin-top: 20px;
  line-height: 1.75;
  letter-spacing: .25em
}
@media only screen and (max-width:768px) {
  .info_text {
    width: 96%;
    font-size: 1.6rem;
    font-size: 4.26vw;
    margin: 6.93vw auto 0;
    letter-spacing: 0
  }
}
@media only screen and (device-height:568px) {
  .info_text {
    font-size: 1.3rem !important
  }
}
#rootTop #tab_area {
  margin: 67px auto 0;
  background-image: url(/images/top/tab_area_bg.png);
  background-repeat: repeat-y;
  padding: 20px 16px 16px 20px
}
.tab_inner {
  width: 960px;
  margin: auto
}
#rootTop .tab_inner {
  width: 930px
}
.tab_inner ul.tab_btn {
  width: 954px;
  margin-top: -58px;
  overflow: hidden;
  letter-spacing: -.4em;
  line-height: 0
}
.tab_inner ul.tab_btn li {
  display: inline-block;
  letter-spacing: normal;
  margin-right: 24px;
  position: relative;
  cursor: pointer;
  line-height: 1.75em
}
.tab_inner ul.tab_btn li:last-child, _::-webkit-full-page-media {
  margin-left: 2px
}
@media screen and (min-width:0\0) and (min-resolution:0.001dpcm) {
  .tab_inner ul.tab_btn li img {
    vertical-align: bottom
  }
  .news_area .border_dashed {
    border-bottom: 1px dashed #5a4a3f
  }
}
.tab_inner ul.tab_btn li:not(.active):after {
  content: "";
  width: 208px;
  height: 58px;
  position: absolute;
  top: 0;
  left: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(80%, rgba(255, 255, 255, 0)), to(rgba(43, 172, 57, .2)));
  background: -webkit-linear-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 80%, rgba(43, 172, 57, .3) 100%);
  background: -o-linear-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 80%, rgba(43, 172, 57, .2) 100%);
  background: linear-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 80%, rgba(43, 172, 57, .2) 100%);
  background-size: cover
}
.tab_inner ul.tab_btn li.active img, .tab_inner ul.tab_btn li:not(.active):hover img {
  opacity: 0
}
.tab_inner ul.tab_btn li.active:nth-child(1), .tab_inner ul.tab_btn li:not(.active):nth-child(1):hover {
  background: url(/images/top/tab_e_on.png)
}
.tab_inner ul.tab_btn li.active:nth-child(2), .tab_inner ul.tab_btn li:not(.active):nth-child(2):hover {
  background: url(/images/top/tab_jh_on.png)
}
.tab_inner ul.tab_btn li.active:nth-child(3), .tab_inner ul.tab_btn li:not(.active):nth-child(3):hover {
  background: url(/images/top/tab_college_on.png)
}
.tab_inner ul.tab_btn li.active:nth-child(4), .tab_inner ul.tab_btn li:not(.active):nth-child(4):hover {
  background: url(/images/top/tab_pickup_on.png)
}
@media only screen and (max-width:768px) {
  #rootTop #tab_area {
    margin: auto;
    background-image: none;
    padding: 0
  }
  .tab_inner {
    width: 94%
  }
  #rootTop .tab_inner {
    width: 100%
  }
  #tab_area dd {
    display: block
  }
}
.tab_inner_box {
  padding: 35px 0 23px
}
#rootTop .tab_inner_box {
  background: url(/images/top/tab_bg.png) repeat-y
}
.tab_inner_box a:active, .tab_inner_box a:link, .tab_inner_box a:visited {
  color: inherit
}
.tab_inner_box a:hover {
  text-decoration: none;
  opacity: .7;
  color: inherit
}
.tab_inner_box .toggle_box {
  width: 868px;
  margin: auto
}
#rootTop .tab_inner_box .toggle_box {
  width: 873px;
  margin: auto
}
.tab_inner_box .toggle_box ul.wrapUl {
  display: table;
  margin: auto;
  overflow: hidden
}
.tab_inner_box .toggle_box ul.wrapUl.col4 {
  width: 900px
}
.tab_inner_box .toggle_box ul.wrapUl > li {
  position: relative;
  display: table-cell;
  width: 190px;
  padding: 0 34px 140px 0;
  vertical-align: top
}
.tab_inner_box .toggle_box ul.wrapUl.col3 > li {
  padding: 0 45px 140px
}
.tab_inner_box .toggle_box ul.wrapUl.col3 > li:first-child {
  padding-left: 0
}
.tab_inner_box #tab_college.toggle_box ul.wrapUl > li {
  padding-bottom: 0
}
.subject_bnr {
  position: absolute;
  bottom: 0
}
.subject_bnr img {
  margin-top: 15px
}
.tab_inner_box .toggle_box ul.subjectUl {
  width: 190px;
  font-size: 1.3rem;
  font-weight: 700;
  color: #594a3f
}
.tab_inner_box .toggle_box ul.subjectUl > li {
  width: 230px;
  position: relative;
  line-height: 1.75em;
  padding-left: 1.5em;
  text-indent: -1.5em;
  margin-bottom: 9px
}
@media only screen and (min-width:769px) {
  .tab_inner_box .toggle_box ul.subjectUl > li img {
    width: 192px
  }
}
.tab_inner_box .toggle_box ul.subjectUl li:not(:nth-child(1)):not(.no_icon):before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  text-align: center;
  overflow: hidden;
  margin-right: .4rem;
  vertical-align: text-bottom;
  background-image: url(/common/images/icon_arrow.png);
  background-repeat: no-repeat;
  background-size: .6em;
  background-position: 50% 50%
}
.tab_inner_box .toggle_box ul.subjectUl li:nth-child(1) {
  width: 196px;
  height: 46px;
  padding-left: 0
}
.tab_inner_box #tab_jh ul.subjectUl li:nth-child(1) {
  width: 236px
}
.tab_inner_box .toggle_box ul.subjectUl li:nth-child(1) a {
  width: 196px;
  height: 46px;
  display: block;
  text-indent: -9999px;
  background-size: 100%
}
.tab_inner_box #tab_jh ul.subjectUl li:nth-child(1) a {
  width: 236px
}
.tab_inner_box .toggle_box ul.subjectUl li:nth-child(1) a:hover {
  opacity: 1
}
li.postIt_rika a {
  background: url(/common/images/postIt_rika_off_pc.png) no-repeat
}
li.postIt_seikatsu a {
  background: url(/common/images/postIt_seikatsu_off_pc.png) no-repeat
}
li.postIt_sansu a {
  background: url(/common/images/postIt_sansu_off_pc.png) no-repeat
}
li.postIt_taiiku a {
  background: url(/common/images/postIt_taiiku_off_pc.png) no-repeat
}
li.postIt_science a {
  background: url(/common/images/postIt_science_off_pc.png) no-repeat
}
li.postIt_math a {
  background: url(/common/images/postIt_math_off_pc.png) no-repeat
}
li.postIt_pe a {
  background: url(/common/images/postIt_pe_off_pc.png) no-repeat
}
li.postIt_college_math a {
  background: url(/common/images/postIt_college_math_off_pc.png) no-repeat
}
li.postIt_physics a {
  background: url(/common/images/postIt_physics_off_pc.png) no-repeat
}
@media only screen and (min-width:769px) {
  li.postIt_rika a:hover {
    background-image: url(/common/images/postIt_rika_on_pc.png)
  }
  li.postIt_seikatsu a:hover {
    background-image: url(/common/images/postIt_seikatsu_on_pc.png)
  }
  li.postIt_sansu a:hover {
    background-image: url(/common/images/postIt_sansu_on_pc.png)
  }
  li.postIt_taiiku a:hover {
    background-image: url(/common/images/postIt_taiiku_on_pc.png)
  }
  li.postIt_science a:hover {
    background-image: url(/common/images/postIt_science_on_pc.png)
  }
  li.postIt_math a:hover {
    background-image: url(/common/images/postIt_math_on_pc.png)
  }
  li.postIt_pe a:hover {
    background-image: url(/common/images/postIt_pe_on_pc.png)
  }
  li.postIt_college_math a:hover {
    background-image: url(/common/images/postIt_college_math_on_pc.png)
  }
  li.postIt_physics a:hover {
    background-image: url(/common/images/postIt_physics_on_pc.png)
  }
}
.tab_inner_box .toggle_box ul.subjectUl li.no_icon {
  margin-bottom: 3rem
}
ul.subject_math li:before {
  background: #0078b9
}
ul.subject_rika li:before {
  background: #45b036
}
ul.subject_seikatsu li:before {
  background: #ee791d
}
ul.subject_pe li:before {
  background: #7d4798
}
.tab_inner_box .pickup_box {
  width: 276px;
  display: inline-block;
  margin-right: 16px;
  margin-bottom: 6px
}
.tab_inner_box .pickup_box_last {
  margin-right: 0
}
.tab_inner_box .pickup_box img {
  margin-bottom: 16px;
  vertical-align: bottom
}
.tab_inner_box .pickup_box a {
  font-size: 0
}
.tab_inner_box .pickup_box_school {
  width: 285px;
  display: inline-block;
  margin-right: 2px
}


#pickup_111110 .pickup_TL {
	position: relative;
}
#pickup_111110 .pickup_TL_btn {
	position: absolute;
	top: 83px;
	left: 13px;
}
#pickup_111110 .pickup_TL_btn2 {
	position: absolute;
	top: 91px;
	left: 61px;
}
#pickup_111110 .pickup_TL_btn img {
	margin: 0;
}
#pickup_111110 .pickup_TL_btn2 img{
	margin: 0;
}

#pickup_2101 .pickup_box.pickup_TL {
  display: inline-block;
  width: 570px
}

/* 20200923 中学校観点別用追加 */
#pickup_111110 .pickup_TL_btn3 {
	position: absolute;
	top: 102px;
	left: 12px;
}
#pickup_111110 .pickup_TL_btn3 img{
	margin: 0;
}

/* 20210821 バージョンアップ情報追加 */
#pickup_111110 .pickup_TM{
    position: relative;
}
#pickup_111110 .pickup_TM_btn{
    position: absolute;
    top: 0;
    right: 0;
}
#pickup_111110 .pickup_TM_btn{
    margin: 0;
}

@media only screen and (max-width:768px) {
  .tab_inner_box {
    padding: 6.66vw 0 0
  }
  #rootTop .tab_inner_box {
    background: 0 0;
    padding: 9.06vw 0 0
  }
  #rootTop .tab_inner_box .toggle_box, .tab_inner_box .toggle_box, .tab_inner_box .toggle_box ul.wrapUl.col3, .tab_inner_box .toggle_box ul.wrapUl.col4 {
    width: 100%
  }
  .tab_inner_box .toggle_box ul.wrapUl.col3 > li, .tab_inner_box .toggle_box ul.wrapUl > li {
    display: block;
    width: 100%;
    margin-top: 8vw;
    padding: 0
  }
  .tab_inner_box .toggle_box ul.wrapUl > li:nth-child(1) {
    margin-top: 0
  }
  .subject_bnr {
    position: static;
    width: 26rem;
    width: 70vw;
    margin: 6.66vw auto 0
  }
  .subject_bnr img {
    margin-top: 0
  }
  .tab_inner_box .toggle_box ul.subjectUl {
    width: 100%;
    font-size: 1.6rem;
    font-size: 4.26vw
  }
  .tab_inner_box .toggle_box ul.subjectUl > li {
    width: 100%;
    margin-bottom: 4vw
  }
  .tab_inner_box #tab_jh ul.subjectUl li:nth-child(1), .tab_inner_box #tab_jh ul.subjectUl li:nth-child(1) a, .tab_inner_box .toggle_box ul.subjectUl li:nth-child(1), .tab_inner_box .toggle_box ul.subjectUl li:nth-child(1) a {
    width: 100%;
    height: 11.4vw
  }
  .tab_inner_box .toggle_box ul.subjectUl li:nth-child(1) a:hover {
    opacity: 1
  }
  li.postIt_rika a, li.postIt_science a {
    background: url(/common/images/postIt_rika_sp.png) no-repeat
  }
  li.postIt_seikatsu a {
    background: url(/common/images/postIt_seikatsu_sp.png) no-repeat
  }
  li.postIt_sansu a {
    background: url(/common/images/postIt_sansu_sp.png) no-repeat
  }
  li.postIt_taiiku a {
    background: url(/common/images/postIt_taiiku_sp.png) no-repeat
  }
  li.postIt_college_math a, li.postIt_math a {
    background: url(/common/images/postIt_math_sp.png) no-repeat
  }
  li.postIt_pe a {
    background: url(/common/images/postIt_pe_sp.png) no-repeat
  }
  li.postIt_physics a {
    background: url(/common/images/postIt_physics_sp.png) no-repeat
  }
  .tab_inner_box .toggle_box ul.subjectUl li.no_icon {
    margin-bottom: 4vw;
    padding: 0;
    text-indent: 0
  }
  #rootTop #tab_area .toggle_box {
    display: block;
    margin-bottom: 1px
  }
  #tab_area dl {
    width: 100%
  }
  #tab_area dt {
    color: #fff;
    font-size: 2.3rem;
    font-size: 6.13vw;
    line-height: 2em;
    padding-left: 2.6vw;
    border-left: 1.2rem solid rgba(255, 255, 255, .4);
    border-left: 3.2vw solid rgba(255, 255, 255, .4);
    background-image: url(/common/images/btn_acMenu_open.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right .5em top 0
  }
  #tab_area dt.open {
    background-image: url(/common/images/btn_acMenu_close.png)
  }
  #tab_e dl {
    background-color: #fde9e2
  }
  #tab_e dt {
    background-color: #ef826d
  }
  #tab_jh dl {
    background-color: #fdead3
  }
  #tab_jh dt {
    background-color: #f39627
  }
  #tab_college dl {
    background-color: #d8e9f0
  }
  #tab_college dt {
    background-color: #008fd3
  }
  #tab_pickup dl {
    background-color: #ecf4dd
  }
  #tab_pickup dt {
    background-color: #339935
  }
  #tab_area dd {
    display: none;
    width: 94%;
    padding: 4vw 0 7vw;
    margin: 0 auto
  }
  
	#pickup_111110 .pickup_box:nth-child(1){
		width: 48%;
		margin-right: 3%;
		margin-bottom: 0;
	}
	#pickup_111110 .pickup_box:nth-child(2){
		width: 48%;
		margin-right: 0;
		margin-bottom: 0;
	}
	#pickup_111110 .pickup_box:nth-child(3){
		width: 100%;
		margin: 0; 
	}
	#pickup_111110 .pickup_box img {
		margin-bottom: 5%;
	}
	#pickup_111110 .pickup_box:nth-child(3) img {
		margin: 0;
	}
	#pickup_111110 .pickup_TL_btn {
		position: absolute;
		top: 29%;
		left: 1%;
	}
	#pickup_111110 .pickup_TL_btn2 {
		position: absolute;
		top: 30%;
		left: 1%;
	}
	#pickup_111110 .pickup_TL_btn img, #pickup_111110 .pickup_TL_btn2 img {
		width: 48.5%;
	}
	
	/* 20200923 中学校観点別用追加 */
	#pickup_111110 .pickup_TL_btn3{
		position: absolute;
		top: 37.5%;
		left: 2%;
	}
	#pickup_111110 .pickup_TL_btn3 img{
		width: 96%;
	}
    
    /* 20210821 バージョンアップ情報追加 */
    #pickup_111110 .pickup_TM{
        position: relative;
    }
	#pickup_111110 .pickup_TM_btn{
		position: absolute;
		top: 0;
        right: 0;
	}
	#pickup_111110 .pickup_TM_btn img{
		width: 20vw;
	}


	
	
  #tab_pickup #pickup_2101 dd {
    display: block
  }
  #pickup_2101 .pickup_box {
    width: 100%;
    margin-bottom: 0;
    margin-right: 0
  }
  #pickup_2101 .pickup_box img {
    margin-bottom: 2.4vw
  }
  #pickup_2101 .pickup_box.pickup_TL {
    width: 100%
  }
  #pickup_2101 .pickup_box .pickup_TR {
    width: 48%;
    margin-right: 3%
  }
  #pickup_2101 .pickup_box .pickup_hiddenR {
    width: 48%
  }
  #pickup_2101 .pickup_box.pickup_box_last a:last-of-type img {
    margin-bottom: 0
  }
}

/* スマホで２列にならない領域があった */
@media only screen and (max-width:364px) {
	#pickup_111110 .pickup_box:nth-child(1) {
		width: 48%;
		margin-right: 2.5%;
	}
}


@media only screen and (max-width:320px) {
  .tab_inner_box .pickup_box:nth-child(1) {
    margin-right: 2.5%
  }
}
@media only screen and (device-height:568px) {
  .tab_inner_box .toggle_box ul.subjectUl {
    font-size: 1.6rem !important
  }
  .tab_inner_box .pickup_box .pb_digital {
    margin-right: 2.5%
  }
}
.news_area p, .news_area span, .news_area ul li div:not(.tag) {
  font-family: "Hiragino Maru Gothic Pro", "ヒラギノ丸ゴ Pro", "ヒラギノ丸ゴ Pro W4", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", HGMaruGothicMPRO !important
}
.news_area {
  margin: 90px auto 10px !important;
  padding: 25px 35px 30px 18px;
  background: #fffcf0;
  position: relative;
  box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, .2);
  -webkit-box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, .2);
  -moz-box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, .2);
  font-size: 1.4rem;
  color: #5a4a3f
}
#rootTop .news_area {
  padding-top: 55px
}
.news_area::before {
  content: "";
  width: 168px;
  height: 50px;
  position: absolute;
  top: -20px;
  left: 20px;
  background-image: url(/images/top/news_tit.png);
  background-size: cover;
  background-repeat: no-repeat
}
#revision.news_area {
  margin: 55px auto 10px !important;
  background: #fef3f0
}
#math .news_area::before, #rika .news_area::before, #sansu .news_area::before, #science .news_area::before, #seikatsu .news_area::before {
  width: 268px
}
#college_math .news_area::before, #college_physics .news_area::before, #pe .news_area::before, #taiiku .news_area::before {
  width: 305px
}
#rika #news.news_area::before {
  background-image: url(/rika/images/news_tit.png)
}
#rika #revision.news_area::before {
  background-image: url(/rika/images/revision_tit.png)
}
#seikatsu #news.news_area::before {
  background-image: url(/seikatsu/images/news_tit.png)
}
#seikatsu #revision.news_area::before {
  background-image: url(/seikatsu/images/revision_tit.png)
}
#sansu #news.news_area::before {
  background-image: url(/sansu/images/news_tit.png)
}
#sansu #revision.news_area::before {
  background-image: url(/sansu/images/revision_tit.png)
}
#taiiku #news.news_area::before {
  background-image: url(/taiiku/images/news_tit.png)
}
#taiiku #revision.news_area::before {
  background-image: url(/taiiku/images/revision_tit.png)
}
#science #news.news_area::before {
  background-image: url(/science/images/news_tit.png)
}
#science #revision.news_area::before {
  background-image: url(/science/images/revision_tit.png)
}
#math #news.news_area::before {
  background-image: url(/math/images/news_tit.png)
}
#math #revision.news_area::before {
  background-image: url(/math/images/revision_tit.png)
}
#pe #news.news_area::before {
  background-image: url(/pe/images/news_tit.png)
}
#pe #revision.news_area::before {
  background-image: url(/pe/images/revision_tit.png)
}
#college_math #news.news_area::before {
  background-image: url(/college_math/images/news_tit.png)
}
#college_math #revision.news_area::before {
  background-image: url(/college_math/images/revision_tit.png)
}
#college_physics #news.news_area::before {
  background-image: url(/college_physics/images/news_tit.png)
}
#college_physics #revision.news_area::before {
  background-image: url(/college_physics/images/revision_tit.png)
}
.border_dash_3 {
  width: 54px
}
.border_dash_4 {
  width: 64px
}
.border_dash_5 {
  width: 85px
}
.border_dash_7 {
  width: 114px
}
.news_area .border_dashed {
  background: -webkit-linear-gradient(left, #5a4a3f, #5a4a3f 4px, transparent 1px, transparent 2px);
  background: -o-linear-gradient(left, #5a4a3f, #5a4a3f 4px, transparent 1px, transparent 2px);
  background: linear-gradient(to right, #5a4a3f, #5a4a3f 4px, transparent 1px, transparent 2px);
  background-size: 10px 1px;
  background-position: left bottom;
  background-repeat: repeat-x;
  text-align: center
}
@media only screen and (max-width:768px) {
  #revision.news_area, .news_area {
    margin: 26.6vw auto 0
  }
  .news_area {
    padding: 0 0 8.8vw;
    background: #fffcf0;
    position: relative;
    box-shadow: none;
    border-top: rgba(0, 0, 0, .2) solid 1px;
    border-bottom: rgba(0, 0, 0, .2) solid 2px
  }
  #rootTop .news_area {
    padding-top: 0
  }
  .news_area::before {
    content: "";
    width: 44.2vw;
    height: 12.8vw;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%)
  }
  #math .news_area::before, #rika .news_area::before, #sansu .news_area::before, #science .news_area::before, #seikatsu .news_area::before {
    width: 26.5rem;
    width: 70.6vw !important
  }
  #college_math .news_area::before, #college_physics .news_area::before, #pe .news_area::before, #taiiku .news_area::before {
    width: 30rem;
    width: 80vw !important
  }
  .news_area .border_dashed {
    background-size: 7px 1px
  }
  .border_dash_3, .border_dash_4, .border_dash_5, .border_dash_7 {
    width: auto
  }
}
.news_inner ul {
  overflow: hidden;
  letter-spacing: -.4em
}
.news_inner ul li {
  display: inline-block;
  letter-spacing: normal
}
.news_inner ul.category {
  margin-left: 22px
}
.news_inner ul.category li {
  margin-right: 2.4rem;
  padding: 2px 10px 6px;
  font-size: 1.5rem;
  cursor: pointer
}
.news_inner ul.category li.active, .news_inner ul.sub_category li.active {
  background: #fff462;
  background: linear-gradient(178deg, transparent 39%, #fff462 0)
}
@media only screen and (min-width:769px) {
  .news_inner ul.category li.hoverClass, .news_inner ul.sub_category li.hoverClass {
    background: rgba(255, 244, 98, .4);
    background: linear-gradient(178deg, transparent 39%, rgba(255, 244, 98, .4) 0)
  }
  .news_area ul.sub_category.border_dashed {
    background: 0 0
  }
  @media screen and (min-width:0\0) and (min-resolution:0.001dpcm) {
    .news_area ul.sub_category.border_dashed {
      border-bottom: none
    }
  }
}
.news_inner ul.sub_category li.disable {
  color: grey;
  background: 0 0;
  cursor: default
}
.news_inner ul.sub_category li.disable * {
  color: grey !important;
  background: 0 0
}
.toggle_box {
  margin-top: 5px
}
#rootTop .toggle_box {
  display: none
}
#rootTop .toggle_box.active {
  display: block
}
ul.sub_category {
  float: left;
  margin-left: 178px
}
ul.sub_category li {
  font-size: 1.4rem;
  line-height: 1.5em;
  margin-right: 2.4rem;
  padding: 0 1rem .6rem;
  cursor: pointer
}
ul.rss_area {
  float: right
}
ul.rss_area li {
  margin: 0 0 2.2rem 2.4rem
}
.news_inner ul.rss_area li.active, .news_inner ul.rss_area li:hover {
  background: #f6c6d0;
  background: linear-gradient(178deg, transparent 39%, #f6c6d0 0)
}
@media only screen and (max-width:768px) {
  .news_inner ul.category {
    width: 100%;
    display: table;
    margin-left: 0;
    margin-bottom: 9.06vw;
    background: #fff7df;
    padding: 9.33vw 0 0;
    text-align: center
  }
  .news_inner ul.category li {
    position: relative;
    width: calc(100% / 4);
    display: table-cell;
    vertical-align: middle;
    margin-right: 0;
    padding: 0;
    font-size: 1.5rem;
    font-size: 4vw;
    text-align: center;
    border-bottom: .4rem solid #ccc;
    border-bottom: 1.06vw solid #ccc;
    background-image: -webkit-linear-gradient(top, #5a4a3f, #5a4a3f 4px, transparent 1px, transparent 4px) !important;
    background-image: -o-linear-gradient(top, #5a4a3f, #5a4a3f 4px, transparent 1px, transparent 4px) !important;
    background-image: linear-gradient(to bottom, #5a4a3f, #5a4a3f 4px, transparent 1px, transparent 4px) !important;
    background-size: 1px 7px !important;
    background-position: right !important;
    background-repeat: repeat-y !important
  }
  .news_inner ul.category li:before {
    content: "";
    width: 100%;
    position: absolute;
    border-bottom: .6rem solid #fff7df;
    bottom: 0;
    left: 0
  }
  .news_inner ul.category li.active:after {
    width: 0;
    height: 0;
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    border-style: solid;
    border-width: 0 2vw 2vw;
    border-color: transparent transparent #007bff
  }
  .news_inner ul.category li:nth-child(4) {
    background: 0 0 !important
  }
  .news_area .news_inner ul.category li p.border_dashed {
    background: 0 0;
    padding: 0 .53vw 2.13vw
  }
  .news_inner ul.category li.active {
    background: 0 0;
    border-bottom: .4rem solid;
    border-bottom: 1.06vw solid
  }
  .news_inner ul.category li.color_news.active, .news_inner ul.category li.color_news.hoverClass {
    border-color: red
  }
  .news_inner ul.category li.color_news.active:after {
    border-color: transparent transparent red
  }
  .news_inner ul.category li.color_e.active, .news_inner ul.category li.color_e.hoverClass {
    border-color: #ef826d
  }
  .news_inner ul.category li.color_e.active:after {
    border-color: transparent transparent #ef826d
  }
  .news_inner ul.category li.color_jh.active, .news_inner ul.category li.color_jh.hoverClass {
    border-color: #f39627
  }
  .news_inner ul.category li.color_jh.active::after {
    border-color: transparent transparent #f39627
  }
  .news_inner ul.category li.color_college.active, .news_inner ul.category li.color_college.hoverClass {
    border-color: #1886c4
  }
  .news_inner ul.category li.color_college.active:after {
    border-color: transparent transparent #1886c4
  }
  .sub_category_area {
    width: 94%;
    margin: 14.4vw auto 0
  }
  #rootTop .sub_category_area {
    width: 94%;
    margin: auto
  }
  ul.sub_category {
    width: 100%;
    display: table;
    float: none;
    margin-left: 0;
    margin-bottom: 6.66vw;
    padding: 0 0 6.66vw;
    background-size: 7px 1px
  }
  ul.sub_category li {
    font-size: 1.6rem;
    font-size: 4.26vw;
    padding: 0;
    width: calc(100% / 4);
    margin: auto;
    display: table-cell;
    vertical-align: middle
  }
  .news_area ul.sub_category li p.border_dashed {
    width: 7rem;
    width: 18.6vw;
    height: 7rem;
    height: 18.6vw;
    background: 0 0;
    border: 2px solid;
    border-radius: 50%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto
  }
  .news_area .news_inner ul.sub_category li p.color_math {
    border-color: #0078b9
  }
  .news_area .news_inner ul.sub_category li p.color_rika {
    border-color: #45b036
  }
  .news_area .news_inner ul.sub_category li p.color_seikatsu {
    border-color: #ee791d
  }
  .news_area .news_inner ul.sub_category li p.color_pe {
    border-color: #7d4798
  }
  .news_area .news_inner ul.sub_category li.active {
    background: 0 0
  }
  .news_area .news_inner ul.sub_category li.hoverClass p {
    opacity: .7
  }
  .news_area .news_inner ul.sub_category li.active p.border_dashed, .news_area .news_inner ul.sub_category li.hoverClass p.border_dashed {
    color: #fff !important
  }
  .news_area .news_inner ul.sub_category li.active p.color_math, .news_area .news_inner ul.sub_category li.hoverClass p.color_math {
    background: #0078b9
  }
  .news_area .news_inner ul.sub_category li.active p.color_rika, .news_area .news_inner ul.sub_category li.hoverClass p.color_rika {
    background: #45b036
  }
  .news_area .news_inner ul.sub_category li.active p.color_seikatsu, .news_area .news_inner ul.sub_category li.hoverClass p.color_seikatsu {
    background: #ee791d
  }
  .news_area .news_inner ul.sub_category li.active p.color_pe, .news_area .news_inner ul.sub_category li.hoverClass p.color_pe {
    background: #7d4798
  }
  ul.rss_area {
    float: none
  }
  ul.rss_area li {
    font-size: 1.8rem;
    font-size: 4.8vw;
    margin: 0 2.4rem 0 0
  }
}
@media only screen and (device-height:568px) {
  ul.sub_category li {
    font-size: 1.6rem !important
  }
}
.news_box {
  display: none;
  max-height: 250px;
  overflow-y: scroll;
  margin-top: 10px
}
.news_box.active {
  display: block
}
#link_area ul li, .revisionList li, .revisionList li.revisionLink p {
  display: inline-block
}
.news_box::-webkit-scrollbar {
  width: 14px;
  background: #e5e5e5
}
.news_box::-webkit-scrollbar:horizontal {
  height: 5px
}
.news_box::-webkit-scrollbar-thumb {
  background: #b2b2b2
}
.news_box ul.news_data {
  width: 99%;
  border-collapse: collapse
}
.news_box ul.news_data a:link, .news_box ul.news_data a:visited {
  color: #5a4a3f !important
}
.news_box ul.news_data li {
  width: 100%;
  padding: 10px 10px 10px 22px;
  background-image: linear-gradient(to right, #5a4a3f, #5a4a3f 4px, transparent 1px, transparent 2px);
  background-size: 10px 1px;
  background-position: left bottom;
  background-repeat: repeat-x
}
.news_box ul.news_data li:nth-child(1) {
  background-image: linear-gradient(to right, #5a4a3f, #5a4a3f 4px, transparent 1px, transparent 2px), linear-gradient(to right, #5a4a3f, #5a4a3f 4px, transparent 1px, transparent 2px);
  background-size: 10px 1px;
  background-position: left bottom, left top;
  background-repeat: repeat-x
}
@media screen and (min-width:0\0) and (min-resolution:0.001dpcm) {
  .news_box ul.news_data li {
    border-bottom: 1px dashed #5a4a3f
  }
  .news_box ul.news_data li:nth-child(1) {
    border-top: 1px dashed #5a4a3f
  }
}
.news_box ul.news_data li div {
  display: inline-block;
  margin-right: 20px
}
.news_inner ul.news_data li div.tag {
  width: 160px;
  font-size: 1.3rem;
  line-height: 1.5em;
  white-space: nowrap;
  text-align: center;
  letter-spacing: -.04em;
  font-weight: 700
}
.news_inner ul.news_data li div.txt {
  width: 535px;
  vertical-align: top
}
:root .news_inner ul.news_data li div.txt, _:-ms-input-placeholder {
  margin-right: 10px
}
.news_inner ul.news_data li div.txt img {
  vertical-align: baseline
}
.category_apology {
  background-color: #fff;
  color: grey
}
.category_digital {
  background-color: #fff;
  color: #008169
}
.category_important {
  background-color: #e23727;
  color: #fff
}
.category_info {
  background-color: #fff;
  color: #cf3627
}
.category_publish {
  background-color: #fff;
  color: #5fbfb0
}
.category_textbook {
  background-color: #fff;
  color: #073190
}
.category_revision {
  background-color: #fff;
  color: #c5dcef
}
.category_former {
  background-color: #fff;
  color: #888
}
.revisionList {
  text-align: center;
  padding-top: 3.5rem
}

/* 20201211mahito 「教科書採択の公正確保のために」用に追加 */
.revisionList.partOne{
	padding-top: 1.5rem;
}
.revisionList.partTwo{
	padding-top: 1rem;
}
.revisionList li {
  padding: 2px 1px 6px;
  margin-right: 1em
}
.revisionList li:nth-child(2):hover {
  background: #f6c6d0;
  background: linear-gradient(178deg, transparent 39%, #f6c6d0 0)
}
@media only screen and (max-width:768px) {
  .news_box {
    max-height: none;
    overflow-y: visible;
    margin-top: 4vw
  }
  .news_box ul.news_data {
    width: 100%;
    font-size: 1.6rem;
    font-size: 4.26vw
  }
  .news_box ul.news_data li {
    padding: 2.2vw 1.06vw 3.73vw;
    background-size: 7px 1px
  }
  .news_box ul.news_data li:nth-child(1) {
    padding: 3.73vw 1.06vw;
    background-size: 7px 1px
  }
  .news_box ul.news_data li div {
    float: left;
    margin-right: 0
  }
  .news_inner ul.news_data li div.tag {
    float: right;
    width: 1.6rem;
    width: 42.6vw;
    font-size: 1.4rem;
    font-size: 3.73vw;
    margin-right: 1.06vw;
    margin-bottom: .5rem
  }
  .news_inner ul.news_data li div.txt {
    clear: both;
    width: auto
  }
  .news_inner ul.news_data li div.txt img {
    width: auto;
    height: auto
  }
  .revisionList {
    font-size: 1.8rem;
    font-size: 4.8vw;
    padding: 8.8vw 0 0
  }
/* 20201211mahito「教科書採択の公正確保のために」用に追加 */
	.revisionList.partOne{
		padding: 6.6vw 0 0;
	}
	.revisionList.partTwo{
		padding: 6.6vw 0 0;
	}
  .revisionList li {
    margin: 0
  }
}
@media only screen and (device-height:568px) {
  .news_box ul.news_data {
    font-size: 1.6rem !important
  }
}
#link_area {
  color: #5a4a3f;
  margin: 60px auto 0
}
#link_area ul {
  overflow: hidden;
  letter-spacing: -.4em;
  margin: 15px auto 0
}
#link_area .link_bnr ul {
  margin: 15px auto 40px
}
#link_area ul li {
  width: 240px;
  font-size: 1.7rem;
  letter-spacing: normal
}
.link_bnr {
  float: left
}
@media only screen and (max-width:768px) {
  #link_area {
    width: 94%;
    margin: 16vw auto 0
  }
  #link_area ul {
    width: 100%;
    margin: .53vw auto 2.66vw
  }
  #link_area ul li {
    width: 100%;
    font-size: 1.8rem;
    font-size: 4.8vw;
    display: block;
    margin-bottom: 5.86vw
  }
  .link_bnr {
    float: none
  }
}