body #under,.icon_boots a, .ft{line-height: 1.4; font-family: "繝｡繧､繝ｪ繧ｪ", Meiryo, Osaka, Arial, Helvetica, "sans-serif";}
h1{margin: 0;}
h2{display: none;}
#under h2{display: block; margin:0;}
#under .topArea_ttl{margin:0 0 10px 0; font-size: 16px; padding: 0 10px 5px; border-bottom: 1px dashed #ccc; font-weight: bold;}

#under.book-detail .ttl_box{font-size: 20px; display: inline-block;}
#under.book-detail .topArea_ttl .icon_lang{text-align: right; float: right;}
#under.book-detail .topArea_ttl .icon_lang img{ display: inline-block; margin-right: 10px; vertical-align: middle; width: 30px;}
#under .topArea_ttl:after {
content: "";
clear: both;
height: 0;
display: block;
visibility: hidden;
 }

.main-visual{width:100%; margin-bottom: 10px;}
.topArea_box01{width:72%; float: left;}
.topArea_box02{width:27%; float: right;}

.book-detail .topArea_box01{width:65%;}
.book-detail .topArea_box02{width:32%;}
.book-detail .topArea_box02 .ft{line-height: 1;}
.read_and_d.book-detail .topArea_box02{width:34%;}

.topArea_box01 .txt_box{padding: 0 10px; margin-bottom: 15px;}
.topArea_box01 .txt_box dt{font-weight: bold;}
.topArea_box01 .txt_box p{margin-bottom: 5px;}
.topArea_box01 .txt_box dt{font-size: 13px; margin-bottom: 5px;}
.topArea_box01 .glyphicon{font-size: 11px;}
.topArea_box01 .link-box{padding:10px 20px ; background-color: #f2f2f2; margin-bottom:20px;}

.topArea_box02 .box02_box, .book-detail .topArea_box02{ border: 1px solid #ccc; padding: 10px;}
.topArea_box02 .img-box{padding:0 20%; margin-top: -20px;}
.topArea_box02 .area_ttl .ttl_box{font-weight: bold; margin-bottom: 10px;}
.topArea_box02 .area_ttl img{margin:0 10px 0 0;}
.topArea_box02_ttl{font-weight: bold; padding: 5px; background-color: #f2f2f2;}
.topArea_box01 .listyle_dot li{margin-bottom: 0;}
.topArea_box01 .listyle_dot{margin-left: 1em;}
#chart_area{width:980px; overflow: hidden; margin-bottom: 10px;}
#chart_box{position: relative; width: 100%; overflow:auto; text-align: center;}
#chart_box th{
	border-left: 1px solid #666;
	border-bottom: 1px solid #666;
	text-align: center;
	line-height: 1;
    height:50px;
}
#chart_box .box_ttl td{vertical-align:middle; padding-top: 7px;}
#chart_box .box_ttl .line-ttl .line-ttl-01{width:22%;}
#chart_box .box_ttl .line-ttl .line-ttl-02{width:45%;}
#chart_box .box_ttl .line-ttl .line-ttl-03{width:38%;}
.dolphin #chart_box .box_ttl .line-ttl .line-ttl-01, .dolphin #chart_box .box_ttl .line-ttl .line-ttl-03{width:50%;}

#chart_box .category-ttl-01{width:9%;}
#chart_box .category-ttl-02{width:21%;}
#chart_box .category-ttl-03{width:14%;}
#chart_box .category-ttl-04{width:30%;}

#chart_box td{border-left: 1px solid #666; line-height: 1; text-align: center; vertical-align: middle;}
#chart_box td .listyle_dot li{line-height:1; margin-bottom: 0; text-align: left;background-position: left 4px;}
.book-detail #chart_box #chart_box_contents td{vertical-align: middle;}

#chart_box_ttl{width:18%; float: left;}
#chart_box_ttl .line-ttl th{background-color: #dbcfcd; word-break: break-all;}
#chart_box_contents{
	width:82%; float: left;
  border-left: 1px solid #CCC;
  overflow-y: hidden; /* 邵ｦ繧ｹ繧ｯ繝ｭ繝ｼ繝ｫ髱櫁｡ｨ遉ｺ */
  overflow-x: auto; /* 讓ｪ繧ｹ繧ｯ繝ｭ繝ｼ繝ｫ */
}
#chart_box table{border-top:1px solid #333; border-right: 1px solid #333;}
#chart_box .line-ttl{height: 20px;}
#chart_box .line-image{height: 150px;}
#chart_box .line-image td{padding: 0; text-align: center; vertical-align: middle;}
.box_ttl{width:101%}
.box_contents{width:100%;}
#chart_box .box_ttl .t-cell{display: table-cell; vertical-align: middle;}
#chart_box_contents .box_cefr.box_cefr cefr_01 td{height: 100px;}
#chart_box_contents .box_cefr.box_cefr cefr_02 td{height: 20px;}
#chart_box_contents .box_cefr td{padding: 0;}
#chart_box .box_ttl .box-p{padding-top: 7px;}

.book-detail.classic_t #chart_box .line-ttl{height:25px;}
.book-detail.classic_t #chart_box .box_contents .line-box{height: 150px;}
.book-detail.classic_t #chart_box .box_ttl .classic_t_01{height: 75px;}
.book-detail.classic_t #chart_box .box_ttl .classic_t_02{height: 175px;}
.book-detail.classic_t #chart_box .box_ttl .classic_t_03{height: 500px;}

.book-detail.dolphin #chart_box .box_contents .line-box{height: 150px;}
.book-detail.dolphin #chart_box .box_ttl .dolphin_01{height: 750px;}

.book-detail.read_and_i #chart_box .box_contents .line-box{height: 150px;}
.book-detail.read_and_i #chart_box .box_ttl .read_and_i_01{height: 200px;}
.book-detail.read_and_i #chart_box .box_ttl .read_and_i_02{height: 250px;}
.book-detail.read_and_i #chart_box .box_ttl .read_and_i_03{height: 900px;}
.book-detail.read_and_i #chart_box .box_ttl .read_and_i_03 td{vertical-align: top; padding: 0;}
.book-detail.read_and_i #chart_box .box_ttl .read_and_i_0301{height: 375px; border-bottom: 1px solid #666; padding-top: 7px;}
.book-detail.read_and_i #chart_box .box_ttl .read_and_i_0302{height: 325px; border-bottom: 1px solid #666; padding-top: 7px;}
.book-detail.read_and_i #chart_box .box_ttl .read_and_i_0303{height: 375px; border-bottom: 1px solid #666; padding-top: 7px;}

.book-detail.read_and_d #chart_box .box_contents .line-box{height: 150px;}
.book-detail.read_and_d #chart_box .box_ttl .read_and_d_01{height: 200px;}
.book-detail.read_and_d #chart_box .box_ttl .read_and_d_02{height: 250px;}
.book-detail.read_and_d #chart_box .box_ttl .read_and_d_03{height: 450px;}
.book-detail.read_and_d #chart_box .box_ttl .read_and_d_03 td{vertical-align: top; padding: 0;}
.book-detail.read_and_d #chart_box .box_ttl .read_and_d_0301{height: 375px; border-bottom: 1px solid #666; padding-top: 7px;}
.book-detail.read_and_d #chart_box .box_ttl .read_and_d_0302{height: 325px; border-bottom: 1px solid #666; padding-top: 7px;}
.book-detail.read_and_d #chart_box .box_ttl .read_and_d_0303{height: 375px; border-bottom: 1px solid #666; padding-top: 7px;}

.book-detail.dominoes #chart_box .box_contents .line-box{height: 150px;}
.book-detail.dominoes #chart_box .box_ttl .dominoes_01{height: 200px;}
.book-detail.dominoes #chart_box .box_ttl .dominoes_02{height: 175px;}
.book-detail.dominoes #chart_box .box_ttl .dominoes_03{height: 225px;}
.book-detail.dominoes #chart_box .box_ttl .dominoes_03 td{vertical-align: top; padding: 0;}
.book-detail.dominoes #chart_box .box_ttl .dominoes_0301{height: 175px; border-bottom: 1px solid #666; padding-top: 7px;}
.book-detail.dominoes #chart_box .box_ttl .dominoes_0302{height: 125px; border-bottom: 1px solid #666; padding-top: 7px;}
.book-detail.dominoes #chart_box .box_ttl .dominoes_0303{height: 175px; border-bottom: 1px solid #666; padding-top: 7px;}

.book-detail.bookworms #chart_box .box_contents .line-box{height: 150px;}
.book-detail.bookworms #chart_box .box_ttl .bookworms_01{height: 125px;}
.book-detail.bookworms #chart_box .box_ttl .bookworms_02{height: 275px;}
.book-detail.bookworms #chart_box .box_ttl .bookworms_03{height: 250px;}
.book-detail.bookworms #chart_box .box_ttl .bookworms_04{height: 175px;}
.book-detail.bookworms #chart_box .box_ttl .bookworms_05{height: 225px;}
.book-detail.bookworms #chart_box .box_ttl .bookworms_05 td{vertical-align: top; padding: 0;}
.book-detail.bookworms #chart_box .box_ttl .bookworms_0501{height: 175px; border-bottom: 1px solid #666; padding-top: 7px;}
.book-detail.bookworms #chart_box .box_ttl .bookworms_0502{height: 150px; border-bottom: 1px solid #666; padding-top: 7px;}
.book-detail.bookworms #chart_box .box_ttl .bookworms_0503{height: 175px; border-bottom: 1px solid #666; padding-top: 7px;}

.book-detail #chart_box .box_contents td{padding:10px 5px; text-align: left;}
.book-detail #chart_box #chart_box_contents .box_contents td.l_td{text-align: center; width: 15%; vertical-align:middle;}
.book-detail #chart_box .box_contents td.s_td{padding: 5px 0;}

.box-detail{height: 59px;}
.box-detail2{height: 20px;}
.box_contents .cefr_01 td{height: 100px;}
.box_contents .cefr_02 td.box-ls6.txt{height: 20px;}
.box_contents .cefr_02 td.box-ls5.txt{height: 40px;}
.box_contents .cefr_03 td{height: 25px;}

.box_contents .cefr_04 td{height: 20px;}
.box_contents .cefr_04 td.box-sl.txt{height: 30px;}
.box_contents .cefr_05 td{height: 20px;}
.box_contents .cefr_06 td{height: 20px;}
.box_contents .cefr_06 td.box-l.txt{height: 40px;}
.cefr_02.cefr_02-01{height: 20px;}
.cefr_02.cefr_02-02{height: 40px;}
.cefr_02.cefr_02-03{height: 40px;}
.cefr_04.cefr_04-01, .cefr_04.cefr_04-04{height: 30px;}
.cefr_04.cefr_04-02, .cefr_04.cefr_04-03{height: 20px;}
.cefr_05.cefr_05-01{height: 20px;}
.cefr_05.cefr_05-02{height: 20px;}
.cefr_05.cefr_05-03{height: 20px;}
.cefr_05.cefr_05-04{height: 20px;}
.cefr_05.cefr_05-05{height: 20px;}

.box_ttl .box_cefr{height: 100px;}
.line-box td{border-bottom:1px solid #666;}
.border-non{border-bottom: none !important;}
.book-detail.classic_t .box_ttl .cefr_01{height: 50px;}
.book-detail.classic_t .box_ttl .cefr_02{height: 100px;}
.book-detail.classic_t .box_ttl .cefr_03{height: 200px;}
.obl-st6{height:120px !important;}
.obl-st5{height:40px !important;}
.obl-st4{height: 65px !important;}
.obl-st3{height: 50px !important;}
.obl-st2{height: 95px !important;}
.obl-st1{height: 70px !important;}
.obl-sts{height: 160px !important;}
.dom-lv3{height: 50px !important;}
.dom-lv2{height: 95px !important;}
.dom-lv1{height: 70px !important;}
.dom-lvs{height: 160px !important;}
.ord-lv6{height: 75px !important;}
.ord-lv5{height: 55px !important;}
.ord-lv4{height: 70px !important;}
.ord-lv3{height: 40px !important;}
.ord-lv2{height: 40px !important;}
.ord-lv1{height: 40px !important;}
.ori-lv6{height: 75px !important;}
.ori-lv5{height: 55px !important;}
.ori-lv4{height: 70px !important;}
.ori-lv3{height: 40px !important;}
.ori-lv2{height: 40px !important;}
.ori-lv1{height: 40px !important;}
.ori-lvb{height: 40px !important;}
.ori-lvs{height: 40px !important;}
.clt-lv5{height: 100px !important;}
.clt-lv4{height: 70px !important;}
.clt-lv3{height: 20px !important;}
.clt-lv2{height: 20px !important;}
.clt-lv1{height: 20px !important;}
.dol-lvs4{height: 300px !important;}


.icon_boots{
    position: relative;
    top: 1px;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1.4;
   -webkit-font-smoothing: antialiased;
    text-indent: -20px;
}
.icon_boots.icon_book{text-indent: -12px; padding-left: 15px;}
.icon_boots.icon_cheack{padding-left: 20px;}
.icon_cheack:before{content: "\e013"; font-size: 11px; padding-right: 10px;}
.icon_book:before{content: "\e022"; font-size: 11px; padding-right: 3px;}
.icon_boots.icon_new-w{padding-left: 0;}
.icon_new-w:after{content: "\e164"; font-size: 9px; padding-left: 5px;}
.icon_chevron-right:after{content: "\e080"; font-size: 10px; padding-right: 3px;}

.link-toppage{margin-bottom: 5px; text-align: right; font-size: 10px;}
.link-toppage a{color: #000;}
.txt_catch{font-size: 85%;}
.table-note p{padding: 0;}
table.readers {
  table-layout: fixed; /* 蜀�ｮｹ繧貞崋螳� */
  border-collapse: separate;
  border-spacing: 0; /* table縺ｮcellspacing="0"縺ｮ莉｣繧上ｊ */
}
table.readers th.r_none,table.readers td.r_none {border-right: none; /* 蜿ｳ繝懊�繝€繝ｼ縺ｮ驥阪↑繧翫ｒ髦ｲ豁｢ */}
table.readers th {background: #EEF1F4; padding: 3px 0;}
table.readers td p {margin: 0; /* 菴吝�縺ｪ繝槭�繧ｸ繝ｳ繧呈ｶ亥悉 */}
.sample_box{width: 50%; float:left;}
.sample_box .i_box{padding: 0 17%;}
.dominoes .sample_box .i_box{padding: 0 20%;}
.bookworms .sample_box .i_box{padding: 0 24.5%;}
.read_and_d .sample_box .i_box{padding: 0 21%;}
.read_and_i .sample_box .i_box{padding: 0 21%;}
.dolphin .sample_box .i_box{padding: 0 21%;}

.sample_box .i_box img{width: 100%; height: 100%;}
.sample_box .i_box a{display: block;}
.sample_box-cont{position: relative;}
.link_overlay{
	cursor: pointer;
	background-color: rgba(255,255,255,.8);
    border: 5px solid #f5f5f5;
    bottom: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    z-index: 1;}
.link_overlay:hover{opacity: 1;}
.link_overlay .link_content{
    font-family: 'Glyphicons Halflings';	
        font-size: 18px;
        align-items: center;
        background-color: transparent;
        display: flex;
        justify-content: center;
        height: 100%;
}
.link_overlay .link_content .link_content-box{
	position: relative;
}

.link_overlay .link_content .link_content-box a{
	background-color: #585858;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    color: #fff;
    display: block;
    height: 3rem;
    margin: 0 .9rem;
    position: relative;
    width: 3rem;
}
.link_overlay .link_content .link_content-box a:hover{text-decoration: none;}
.link_overlay .link_content .link_content-box a:before {
    transform: translate(-50%,-50%);
    left: 50%;
    position: absolute;
    top: 50%;	
}
.link_overlay .link_content .c-box a:before{/*content: "\e015";*/ content: url("/sites/default/files/contents/gradedreaders/images/icon_book.png");}
.link_overlay .link_content .m-box a:before{content: "\e037"; left:59%;}

/* IE6 */
table.readers {
  _border-collapse: collapse; /* IE6縺恵order-spacing: 0;縺ｫ蟇ｾ蠢懊＠縺ｦ縺�↑縺��縺ｧ */
}
/* IE7 */
*:first-child+html table.readers {
  border-collapse: collapse; /* IE7縺恵order-spacing: 0;縺ｫ蟇ｾ蠢懊＠縺ｦ縺�↑縺��縺ｧ */
}
#chart_box td p{margin-bottom: 0;}

.book-detail #chart_box td p{margin-bottom: 10px;}
.book-detail #chart_box td p:last-child{margin-bottom: 0;}

.box_contents .box-td01{height: 140px; font-weight: bold;}
.box_contents .box-ls6 {background-color: #52A749; color: #fff;}
.box-ls5 {background-color: #288FC4; color: #fff;}
.box-ls4 {background-color: #8E78AF; color: #fff;}
.box-ls3 {background-color: #DC3D4A; color: #fff;}
.box-ls2 {background-color: #E77E38; color: #fff;}
.box-ls1 {background-color: #ffce00; color: #fff;}
.box-ls0 {background-color: #D85695; color: #fff;}
.box-l6 {background-color: #0B72BA; color: #fff;}
.box-l5 {background-color: #FBB04B; color: #fff;}
.box-l4 {background-color: #8E78AF; color: #fff;}
.box-l3 {background-color: #A0AC40; color: #fff;}
.box-l2 {background-color: #C74735; color: #fff;}
.box-l1 {background-color: #2595C8; color: #fff;}
.box-l0 {background-color: #D67545; color: #fff;}
.box-l {background-color: #D85695; color: #fff;}
.box-sl {background-color: #de677c; color: #fff;}

.box_note p{font-size: 11px; margin-bottom: 0;}

/*magnific-popup*/
.mfp-iframe-scaler iframe{background-color: #fff;}
.mfp-iframe-scaler{padding-top: 75%;}

@media (max-width: 979px) {
#chart_area {width: 100%;}
	
}
@media (max-width: 767px){
#under .topArea_ttl{padding:0; border:none; margin-bottom: 20px;}
#under .ttl_box{margin-bottom: 5px; padding: 0 5px;}
#under.book-detail .ttl_box{padding: 8px 0;}
#under .topArea_ttl .icon_lang{ padding: 0 5px;}
#under .topArea_ttl .icon_lang img{width: 30px;}
#under .topArea_ttl .icon_lang .icon_lang_txt{font-size: 14px; display: block; margin-top: 5px;}
	
#chart_area {width: 980px;}
#topArea{margin-bottom: 20px;}
.topArea_box01, .book-detail .topArea_box01{width:100% !important;}
.topArea_box02, .book-detail .topArea_box02, .read_and_d.book-detail .topArea_box02{width:100% !important;}
.topArea_box01 .txt_box{padding: 0;}
.topArea_box01 .listyle_dot{margin-left: 0;}	
.topArea_box01 .link-box{padding: 10px;}
.topArea_box01 .txt_catch{display: block;}
.topArea_box02 .box02_box{padding-bottom: 30px;}
.topArea_box02 .img-box{display: none;}
	
#chart_area{width:100%;  overflow: hidden;}
#chart_box{position: relative; width: 100%; overflow:auto;}
#chart_box_ttl{width:40%; float: left;}
#chart_box_contents{
width:60%; float: right;
border-left: 1px solid #CCC;
overflow-y: hidden; /* 邵ｦ繧ｹ繧ｯ繝ｭ繝ｼ繝ｫ髱櫁｡ｨ遉ｺ */
overflow-x: scroll; /* 讓ｪ繧ｹ繧ｯ繝ｭ繝ｼ繝ｫ */
}

.box_ttl{width:101%;}
.box_contents{width:804px;}
.book-detail .box_contents{width:700px;}


.popupModal1 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup2 {width:90%; height:50%;}
.popupModal1 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label{right:5%; top:18%;}	
.switch_br_sp{display: block;}

/*magnific-popup*/
.mfp-iframe-scaler{padding-top: 100%;}
}