@charset "utf-8";
.sec_outer {
	padding: 20px 0;
}
.sugaku_list_item .item_box ul.book_list02 li.link_gray {
    padding: 20px 0;
    background: #e6e6e6;
    color: #333;
    font-weight: 600;
    font-size: 1.3rem;
    line-height: 2.2 !important;
    height: 60px;
}
.sugaku_list_item .item_box h6 {
  position: relative;
}
.sugaku_list_item .item_box h6 span {
  position: absolute;
    top: -3.5em;
    left: -1em;
    color: #d80707;
    padding: 3px 3px;
    font-size: 1.2rem;
    border-radius: 26px;
    line-height: 30px;
    width: 35px;
    text-align: center;
}
.sugaku_list_item .item_box h6 span.kaitei {
  background: #ffda5e;
}
.sugaku_list_item .item_box h6 span.shinkan {
  background: #CF2124;
  color: #fff;
}

.subjecttl::before {
	content: "";
    position: absolute;
    top: 0.9em;
    left: 0.9em;
    width: 20px;
    height: 20px;
    background-color: #3ea8ff;
    border-radius: 50px;
}

.subjecttl {
	margin-left: 1.7em;
	font-size: 1.3em;
}

.btnList {
	display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.btnList li {
	position: relative;
	display: list-item;
    text-align: -webkit-match-parent;
	border: 2px solid #eeeeee;
	border-radius: 20px;
	width: 32%;
	padding: 0.8em;
	margin: 0.3em;
}

.btnList li:hover {
	border: 2px solid #3ea8ff;
}

.btnList li img {
	width: 20px;
}

.btnList li p {
	margin: 0.5em 0 0.5em 0.5em;
}

.btnList li .link_style03 {
	font-size: 1em!important;
	font-weight: bold;
}

ul {
	list-style-type: none;
}

/* 色 */
.rika::before { background-color: #77c730; } /* 理科 */
.eigo::before { background-color: #e0880b; } /* 英語 */
.kokugo::before { background-color: #a543d7; } /* 国語 */
.shakai::before { background-color: #f372a3; } /* 公民 */
.joho::before { background-color: #808788; } /* 情報 */

.btnList li.li-rika:hover { border: 2px solid #77c730; } /* 理科 */
.btnList li.li-eigo:hover{ border: 2px solid #e0880b; } /* 英語 */
.btnList li.li-kokugo:hover { border: 2px solid #a543d7; } /* 国語 */
.btnList li.li-shakai:hover { border: 2px solid #f372a3; } /* 公民 */
.btnList li.li-joho:hover { border: 2px solid #808788; } /* 情報 */

.bnr {
	display: flex;
	align-items: center;
    flex-direction: column;
}

.mb0 { margin-bottom: 0!important; }


@media only screen and (max-width: 767px) {
.btnList li {
	width: 95%;
	padding: 0.7em 0.3em;
}
	
.subjecttl {
	font-size: 1.1em;
}
	
.subjecttl::before {
    top: 0.85em;
    left: 0.7em;
    width: 15px;
    height: 15px;
}
	
.btnList li img {
	width: 10px;
}
	
.btn_color_blue a::before{
	display: none;
	}
}

/* 表紙画像幅変更 */
.sugaku_list_item .item_box .book_img img{
  width:120px !important;
  height:100% !important;
}

@media only screen and (max-width: 767px) {
.sugaku_list_item .item_box .book_img img{
  width:91px !important;
}
}

/* タブ内 */
.reverse {
  flex-direction: row-reverse;
  margin-top: -6em;
}

/* タブ内 */
.reverse2 {
  flex-direction: row-reverse;
}

.sugaku_list_item .item_box ul.book_list02 li a.pdg0 {
	padding-bottom: 0!important;
}

/* タブ切り替え */
.flex { display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; }
.flex-between { -webkit-justify-content:space-between; justify-content:space-between; }

.tabNav { margin-top: 50px; cursor: pointer; }
.tabNav li { width: 19%; padding: 1.2em .5em; font-size: 1.125em; text-align: center; background-color: #fff; } /* 元々width: 16%; */

#digital .pageNav .nav_txt { margin-bottom: 10px; color: #0618f7; }

.digital_lineupList li { width: 16%; }
.digital_lineupList li a { display: block; padding: 1.2em .5em; font-size: 1.125em; text-align: center; background-color: #fff; }

.tabNav li.active,
.digital_lineupList li a:hover { color: #fff!important; }

.tabNav li.sugaku,
.digital_lineupList li.sugaku { border: 2px solid #3ea8ff; }
.tabNav li.rika,
.digital_lineupList li.rika { border: 2px solid #77c730; }
.tabNav li.eigo,
.digital_lineupList li.eigo { border: 2px solid #e0880b; }
.tabNav li.kokugo,
.digital_lineupList li.kokugo { border: 2px solid #a543d7; }
.tabNav li.shakai,
.digital_lineupList li.shakai { border: 2px solid #f372a3; }
.tabNav li.joho,
.digital_lineupList li.joho { border: 2px solid #808788; }

.tabNav li.sugaku.active,
.digital_lineupList li.sugaku a:hover { background-color: #3ea8ff; }
.tabNav li.rika.active,
.digital_lineupList li.rika a:hover { background-color: #77c730; }
.tabNav li.eigo.active,
.digital_lineupList li.eigo a:hover { background-color: #e0880b; }
.tabNav li.kokugo.active,
.digital_lineupList li.kokugo a:hover { background-color: #a543d7; }
.tabNav li.shakai.active,
.digital_lineupList li.shakai a:hover { background-color: #f372a3; }
.tabNav li.joho.active,
.digital_lineupList li.joho a:hover { background-color: #808788; }

.tab_con { display: none; margin-top: 30px; background-color: #fff; }
.tab_con.show { display: block; }

@media only screen and (max-width: 767px) {
.tabNav li { width: 32%; padding: .5em; }
.digital_lineupList li { width: 32%; }
.digital_lineupList li a { padding: .5em; font-size: 1em; }
.tabNav li:nth-child(n+4),
.digital_lineupList li:nth-child(n+4) { margin-top: 2%; }
.tabNav li:not(:nth-child(3n+1)),
.digital_lineupList li:not(:nth-child(3n+1)) { margin-left: 2%; }
.sanmon_topics .flex-between { justify-content: flex-start; }
}

.sanmon_topics .tabNav li { width: 16%; }

@media only screen and (max-width: 767px) {
	.sanmon_topics .tabNav li { width: 32%; }
}

.red { color: #FF0000; }

.txtbox01 {
	width: 100%;
	margin: 20px 0 40px;
    padding: 28px 20px;
    border: 1px solid #c7c7c7;
}

.txtbox01 p {
	font-weight: 700;
    font-size: 1.75rem;
    line-height: 1.5;
}

.txtbox01 ul.link-list01 {
  display:flex;
  flex-wrap:wrap;
}

.txtbox01 ul.link-list01 li {
  position:relative;
  margin:0 6px 6px 0;
  cursor:default;
  flex-basis:calc((100% - 25px) / 4);
  text-align: center;
}

.txtbox01 ul.link-list01 li a {
  display:-webkit-flex;
  display:flex;
  padding-bottom:20px;
  height:60px;
  background:#e6e6e6;
  color:#333;
  text-align:center;
  text-decoration:none;
  font-weight:600;
  font-size:1.3rem;
  line-height:1.2;
  cursor:default;
  -webkit-align-items:center;
  align-items:center;
  -webkit-justify-content:center;
  justify-content:center;
}

.txtbox01 ul.link-list01 li.link a {
  padding-bottom:0;
  background:#01addf;
  color:#fff;
}

.txtbox01 ul.link-list01 li span {
  position:absolute;
  font-size:1.1rem;
}

.txtbox01 ul.link-list01 li.link a::before,
.txtbox01 ul.link-list01 li.link a::after {
  position:absolute;
  content:"";
  vertical-align:middle;
}

.txtbox01 ul.link-list01 li.link a::before {
  right:0;
  bottom:0;
  width:12px;
  height:12px;
  background:#007aa6;
}

.txtbox01 ul.link-list01 li.link a::after {
  right:6.5px;
  bottom:2px;
  width:5px;
  height:5px;
  border-top:1.5px solid #fff;
  border-right:1.5px solid #fff;
  transform:rotate(45deg) translateY(-50%);
}

.txtbox01 ul.link-list01 li.link a {
  cursor:pointer;
}

.txtbox01 ul.link-list01 li.link:hover {
  opacity:.7;
  cursor:pointer;
  /*transition:.3s;*/
}

@media only screen and (max-width: 767px) {
.txtbox01 ul.link-list01 li {
  flex-basis:calc((100% - 15px) / 2);
}
}

/* link_digital */
.sanmon_topics .sugaku_list_item .item_box ul.book_list02 li.link_digital a {
    background: #e0880b;
    color: #fff;
}

.sanmon_topics .sugaku_list_item .item_box ul.book_list02 li.link_digital a::before {
    padding-right: 1px;
    padding-bottom: 1px;
    background: #fcf3e6;
    border-right: 1px solid #e0880b;
    border-bottom: 1px solid #e0880b;
}

.sanmon_topics .sugaku_list_item .item_box ul.book_list02 li.link_digital a::after {
    border-top: 1.5px solid #e0880b;
    border-right: 1.5px solid #e0880b;
}