@charset "utf-8";
/* CSS Document */

/* 回り込み解除2 */
.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
	
}

.clearfix { display: inline-table; }
.clearfix{ overflow:hidden;}

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

#page_book_name_top{
	width:95%;
  max-width: 1260px;
	margin:25px auto 0;
	font-size:10px;
}
.page_book_name_taiou{
	width:95%;
  min-height: 50px;
  max-width: 1260px;
	margin:15px auto 0 auto;
	padding:0 0 10px 0;
	color:#FFFFFF;
	font-weight:bold;
}
.page_book_name_taiou_old{
	width:100%;
	margin-top:15px;
	padding:4px 0px;
	text-align:center;
	color:#FFFFFF;
	font-weight:bold;
}

#page_book_name{
	width:100%;
	background:#F3F3F3;
	margin-top:15px;
  padding: 10px;
}
#page_book_name div#left{
  width:95%;
  max-width: 1260px;
	margin:4px auto 0;
	font-size:26px; 
}
#page_book_name div#left .sub{
  display: inline-block;
  margin:6px 0px 0px 10px;
  padding:4px;
  background-color:#069;
  color:#FFF;
  font-weight:bold;
  font-size: 1rem;
}
#page_book_name div#left .kaitei{
  display: inline-block;
  margin:0px 10px 6px 0px;
  padding:4px 8px;
  background-color:#006600;
  color:#FFF;
  font-weight:bold;
  font-size: 0.8rem;
  vertical-align: middle;
}

/* SP ///////////////////////////////////////////////////// */
@media print, screen and (max-width: 999px) {
#page_book_name div#left{
	font-size:1.1rem; 
}
}


#page_book_name div#right{
	float:right;
	margin-right:8px;
	margin-top:6px;
}

/* 教科書の説明文 */
.book_setumei{
	width:95%;
  max-width: 1160px;
	margin:30px auto 0;
	color:#003399;
	font-weight:bold;
	line-height:1.6;
}

.book_setumei2{
	width:95%;
  max-width: 1160px;
  margin: 18px auto;
	position: relative;
  line-height: 1.2;
    display: block;
    padding: 0 0 0 22px;
    color: #000;
    vertical-align: middle;
    text-decoration: none;
}
.book_setumei2::before,
.book_setumei2::after{
    position: absolute;
    top: 0;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
}
.book_setumei2::before{
    width: 16px;
    height: 16px;
    background: #01457A;
}
.book_setumei2::after{
    left: 5px;
  top:2px;
    box-sizing: border-box;
    width: 6px;
    height: 6px;
    border: 6px solid transparent;
    border-left: 6px solid #fff;
}
.book_setumei2_moji{
	color:#0066FF;
	font-weight:bold;
}

p.book_setumei_sub{
  margin-top: 8px;
  margin-left: 18px;
  padding-left: 18px;
  text-indent: -18px;
}

p.book_setumei_sub:before {
  background-color: #3399CC;
  border-radius: 50%;
  content: "";
  display: inline-block;
 *display:inline;
 *zoom:1;
  height: 10px;
  margin: 0 10px 2px 0;
  vertical-align: middle;
  width: 10px;
}

.book_setumei_no{ margin-top: 16px;}


.book_setumei3{
	margin-top:8px;
	padding-left:15px;
	background-image:url(../common/page_setumei_icon.gif);
	background-repeat:no-repeat;
	background-position:left top;
	line-height:125%;
}

.book_setumei4{
	width : 90% ;
  max-width: 1160px;
	margin:0 auto;
  padding: 0;
}
.book_setumei4 a:hover img{
	opacity:0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}

.book_setumei_banner {  margin-top: 15px; max-width: 510px;}
.book_setumei_banner img{ width: 100%;}



/* 教科書と教科書の間のライン */
.book_line{
	width:100%;
	background:url(../common/book_line.gif) repeat-x left top;
}

/* 教科書案内 */
/* PC ///////////////////////////////////////////////////// */
@media print, screen and (min-width: 1000px) {
.book_frame{
	width:90%;
  max-width: 1160px;
  border-top: 1px dotted #ccc;
  padding-top: 40px;
  margin: 30px auto;
}
.book_frame_left{
	float:left;
	line-height:130%;
  width : 60% ; /* IE8以下とAndroid4.3以下用フォールバック */
  width : -webkit-calc(100% - 200px) ;
  width : calc(100% - 200px) ;
}

.book_frame a:hover img{
	opacity:0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}

.book_frame_right{
	float:right;
	width:190px;
	text-align:right;
}
}
/* SP ///////////////////////////////////////////////////// */
@media print, screen and (max-width: 999px) {
.book_frame{ 
  width: 95%;
  border-top: 1px dotted #ccc;
  padding-top: 40px;
  margin: 40px auto;
  }
  
.book_frame_right{
	width:200px;
  margin: auto;
}
.book_frame_left{
  width : 95% ;
  margin: 30px auto;
}  
  
  
}

.book_sub_name{
	font-size:1.4rem;
	font-weight:bold;
	margin-top:3px;
	margin-bottom:5px;
	padding-left:5px;
}
.book_sub_name span.s_txt{font-size:1.2rem; }
/* SP ///////////////////////////////////////////////////// */
@media print, screen and (max-width: 999px) {
.book_sub_name{font-size:1.2rem;}
.book_sub_name span.s_txt{font-size:1rem;}
}


.book_sub_name a{
  display: inline-block;
  padding-top: 5px;
}

/* 改定・新刊 */
.book_sub_name .kaitei{
  display: inline-block;
  margin:0px 10px 6px 0px;
  padding:2px 8px;
  background-color:#006600;
  color:#FFF;
  font-weight:bold;
  font-size: 0.8rem;
  vertical-align: middle;
  border-radius: 4px;
}

.book_name{
	padding-left:5px;
}

/* 教科書詳細 */
.setsumei_line{
	padding-top:6px;
	padding-bottom:6px;
	padding-left:5px;
}

/* SP ///////////////////////////////////////////////////// */
@media print, screen and (max-width: 999px) {
.page_huroku{
	border:1px solid #BBBBBB;
  margin-top: 20px;
}

.page_huroku2{
	border-top:1px solid #CCCCCC;
	margin-top:10px;
	padding-top:10px;
}

.page_huroku .left{
  background: #01457A;
  color: #fff;
  padding: 8px;
  text-align: center;
  letter-spacing: 1rem;
}
.page_huroku .left2{
  background: #CC3300;
  color: #fff;
  padding: 8px;
  text-align: center;
  letter-spacing: 1rem;
}
.page_huroku .right{
  padding: 12px;
}

.page_huzoku_moji{
	font-weight:bold;
	color:#0033CC;
}
}

/* PC ///////////////////////////////////////////////////// */
@media print, screen and (min-width: 1000px) {
.page_huroku{
	border:1px solid #BBBBBB;
  margin-top: 20px;
  
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

}

.page_huroku2{
	border-top:1px solid #CCCCCC;
	margin-top:10px;
	padding-top:10px;
}

.page_huroku .left{
  background: #01457A;
  color: #fff;
	padding: 10px;
	width:100px;
  text-align: center;
  vertical-align: middle;
}
.page_huroku .left2{
  background: #CC3300;
  color: #fff;
	padding: 10px;
	width:100px;
  text-align: center;
  vertical-align: middle;
}
.page_huroku .right{
  padding: 10px 10px 10px 20px;
}

.page_huzoku_moji{
	font-weight:bold;
	color:#0033CC;
}
}



.setsumei_kaitei_point{
	border-bottom:1px solid #CCCCCC;
	padding-top:7px;
	padding-left:5px;
	padding-bottom:7px;
}
.setsumei_kaitei_point_setsumei{
	margin-top:8px;
	padding-left:15px;
	background-image:url(../common/page_kaitei_icon.gif);
	background-repeat:no-repeat;
	background-position:left top;
}

/* 教科書詳細ページのグラフ */
#page_graph{
	width:250px;
	height:65px;
	background-repeat:repeat-y;
	margin-top:15px;
	padding-left:1px;
	padding-right:1px;
}

/* 副読本 */
#book_huku_name{
	font-weight:bold;
	margin-top:10px;
	padding-left:5px;
	float:left;
	width:280px;
}

/* WEBショップバナー */
.book_frame_right .web_shop{
	margin:8px 3px 0px 0px;
}
.book_frame_right .web_shop a:hover img{
	opacity:0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}



#huku_right{
	margin-top:10px;
}

#huku_line{
	border-bottom:1px solid #CCCCCC;
	height:18px;
	padding-left:5px;
	clear:both;
}

#huku_naka_line{
	padding:3px 0px;
	padding-left:5px;
	clear:both;
}

#huku_kaitei{
	float:left;
	font-size:10px;
	margin-right:5px;
	padding:2px;
	font-weight:bold;
	background-color:#006600;
	color:#FFFFFF;
}


/* ページ下部の一覧 */
.scroll-table{
width: 95%;
max-width: 1160px;
margin:30px auto 0px auto;
overflow: auto;
white-space: nowrap;
}

#page_bottom_ichiran{
	width:100%;
	margin:90px auto 0 auto;
  padding: 10px;
  background: #F3F3F3;
}
#page_bottom_ichiran span{
  display: block;
  width:95%;
  max-width: 1160px;
	margin:4px auto 0;
	font-size:26px; 
}

/* 改定・新刊アイコン */
.page_bottom_ichiran_frame .icon_kaitei{
  display: inline-block;
  background-color: #009900;
  color: #fff;
  font-size: 0.6rem;
  padding: 4px 6px;
  border-radius: 4px;
  margin-right: 8px;
}

/* SP ///////////////////////////////////////////////////// */
@media print, screen and (max-width: 999px) {
#page_bottom_ichiran span{
	font-size:1.1rem; 
}
}

.page_bottom_ichiran{
	width:635px;
	height:16px;
	font-weight:bold;
	margin-top:35px;
	border-top:1px solid #3366CC;
	border-bottom:1px solid #3366CC;
	border-right:1px solid #3366CC;
	border-left:5px solid #3366CC;
	
	padding-left:15px;
	padding-top:5px;
}

.page_bottom_ichiran_frame{
	width:auto;
	border:1px solid #666666;
  font-size: 0.8rem;
}
.page_bottom_ichiran_syurui{
	width:45px;
	background-color:linen;
	border-bottom:1px dotted #999999;
	border-right:1px solid #CCCCCC;
	text-align:center;
}

.page_bottom_ichiran_book_name{
	border-bottom:1px dotted #999999;
	border-right:1px solid #CCCCCC;
	padding:4px 10px;
  vertical-align: middle;
  min-height: 27px;
}
.page_graph_bottom{
	width:90%;
  max-width: 1160px;
	margin:15px auto 0px auto;
  font-size: 0.8rem;
}

.naka_head_btn{
	width:100%;
  max-width: 1160px;
	margin-top:60px;
	text-align:right;
	background-image:url(../common/head_btn.gif);
	background-repeat:no-repeat;
	background-position:center right;
	padding-right:20px;
}

/* ICT ////////////////////////////////////////// */
.page_graph_ict{
	border-bottom:1px dotted #999999;
	border-right:1px solid #CCCCCC;
	padding:5px;
}
/* SP ///////////////////////////////////////////////////// */
@media print, screen and (max-width: 999px) {
figure.ict_img{ text-align: center;}
}


.ichiran_head{
	border-bottom:2px solid #999999;
	border-right:1px solid #CCCCCC;
	background-color:whitesmoke;
	text-align:center;
	white-space:nowrap;
  vertical-align: middle;
}
.ichiran_syurui{
	background-color:aliceblue;
	border-bottom:1px dotted #999999;
	border-right:1px solid #CCCCCC;
	text-align:center;
}
.ichiran_syurui2{
	border-bottom:1px dotted #999999;
	text-align:center;
}
.ichiran_book_name_left{
	float:left;
	width:170px;
	display:block;
}
.ichiran_book_name{
	border-bottom:1px dotted #999999;
	border-right:1px solid #CCCCCC;
	padding:5px 10px;
  vertical-align: middle;
}
.ichiran_book_name2{
	border-bottom:1px dotted #999999;
	border-right:1px solid #CCCCCC;
	padding:5px 10px;
}
.ichiran_price{
	border-bottom:1px dotted #999999;
	border-right:1px solid #CCCCCC;
	padding:5px 10px;
	text-align:right;
	vertical-align: middle;
}
.ichiran_level{
	width:165px;
	border-bottom:1px dotted #999999;
	background-image:url(../common/top_img/graph_bg.gif);
	background-repeat:repeat-y;
	padding:5px 0px;
  vertical-align: middle;
}
.ichiran_level2{
	width:155px;
	padding:5px 0px;
}

/* 1年・2年用 */
.ichiran_1year{
	border-bottom:1px dotted #999999;
	border-right:1px solid #CCCCCC;
	background-color:#FBEBE6;
	padding:5px 10px;
	width:18px;
}

.ichiran_2year{
	border-bottom:1px dotted #999999;
	border-right:1px solid #CCCCCC;
	background-color:#EDFAE7;
	padding:5px 10px;
	width:18px;
}


/* --------------------------------------------------------------------------------------
 各種ボタン
--------------------------------------------------------------------------------------- */

/* SP ///////////////////////////////////////////////////// */
@media print, screen and (max-width: 999px) {
.various_btn{
  width: 95%;
  margin: 30px auto;
}

.various_btn li{
  margin-top: 10px;
}

.various_btn li img{ width: 100%; }
}


/* PC ///////////////////////////////////////////////////// */
@media print, screen and (min-width: 1000px) {
.various_btn{
  margin: 30px auto 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.various_btn li{
  width: 40%;
  margin: 10px 5% 0 0;
}
.various_btn li a:hover img{
	opacity:0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}

}